.elementor-1764 .elementor-element.elementor-element-dbc01f5{--display:flex;--min-height:745px;--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;--overlay-opacity:0.5;--padding-top:250px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-dbc01f5::before, .elementor-1764 .elementor-element.elementor-element-dbc01f5 > .elementor-background-video-container::before, .elementor-1764 .elementor-element.elementor-element-dbc01f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1764 .elementor-element.elementor-element-dbc01f5 > .elementor-background-slideshow::before, .elementor-1764 .elementor-element.elementor-element-dbc01f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1764 .elementor-element.elementor-element-dbc01f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1764 .elementor-element.elementor-element-dee708b{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-dee708b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-dee708b .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:70px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-81ed8a8 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-a0c246d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-a0c246d:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-a0c246d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/VDF-Startseite.png");background-position:-91px -149px;background-repeat:no-repeat;background-size:cover;}.elementor-1764 .elementor-element.elementor-element-e908d0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:70px;--padding-right:70px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-9c83578 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.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 );}.elementor-1764 .elementor-element.elementor-element-ee3740f{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-1cd2bea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1764 .elementor-element.elementor-element-8f5ed78{padding:0px 0px 0px 0px;}.elementor-1764 .elementor-element.elementor-element-06955fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-06955fd:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-06955fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/VDF-Startseite-1.png");background-position:-225px -140px;background-repeat:no-repeat;background-size:cover;}.elementor-1764 .elementor-element.elementor-element-360c170{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-5887a51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-9e2ea8f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-dac6414{width:var( --container-widget-width, 13.696% );max-width:13.696%;padding:0px 0px 0px 0px;--container-widget-width:13.696%;--container-widget-flex-grow:0;text-align:start;}.elementor-1764 .elementor-element.elementor-element-dac6414.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-dac6414 img{width:70%;}.elementor-1764 .elementor-element.elementor-element-8d6c4ee .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-f1f5cb7 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:25px;font-weight:700;}.elementor-1764 .elementor-element.elementor-element-eab294a{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-widget-button .elementor-button{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 );}.elementor-1764 .elementor-element.elementor-element-f7f00ff .elementor-button{background-color:var( --e-global-color-astglobalcolor1 );font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;border-style:none;}.elementor-1764 .elementor-element.elementor-element-f7f00ff .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1764 .elementor-element.elementor-element-f7f00ff .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-1764 .elementor-element.elementor-element-cf31ba7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-cf31ba7.e-con{--order:-99999 /* order start hack */;}.elementor-1764 .elementor-element.elementor-element-c4ac1fe{padding:0px 0px 0px 0px;}.elementor-1764 .elementor-element.elementor-element-1087895{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-da86269{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-66b558d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-deb3d6b{width:var( --container-widget-width, 13.696% );max-width:13.696%;padding:0px 0px 0px 0px;--container-widget-width:13.696%;--container-widget-flex-grow:0;text-align:start;}.elementor-1764 .elementor-element.elementor-element-deb3d6b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-deb3d6b img{width:70%;}.elementor-1764 .elementor-element.elementor-element-3ad1147 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-90a112a .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-c7232f1{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-8896289 .elementor-button{background-color:var( --e-global-color-astglobalcolor1 );font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;border-style:none;}.elementor-1764 .elementor-element.elementor-element-8896289 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1764 .elementor-element.elementor-element-8896289 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-1764 .elementor-element.elementor-element-164e919{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-164e919.e-con{--order:99999 /* order end hack */;}.elementor-1764 .elementor-element.elementor-element-94cc223{padding:0px 0px 0px 0px;}.elementor-1764 .elementor-element.elementor-element-5ec5dd7{--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;--overlay-opacity:0.6;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-5ec5dd7:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-5ec5dd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/26_VDF_Federn_MarkHuetzenFotografie_A7405489-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1764 .elementor-element.elementor-element-5ec5dd7::before, .elementor-1764 .elementor-element.elementor-element-5ec5dd7 > .elementor-background-video-container::before, .elementor-1764 .elementor-element.elementor-element-5ec5dd7 > .e-con-inner > .elementor-background-video-container::before, .elementor-1764 .elementor-element.elementor-element-5ec5dd7 > .elementor-background-slideshow::before, .elementor-1764 .elementor-element.elementor-element-5ec5dd7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1764 .elementor-element.elementor-element-5ec5dd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor0 );--background-overlay:'';}.elementor-1764 .elementor-element.elementor-element-fdd7b31{text-align:center;}.elementor-1764 .elementor-element.elementor-element-fdd7b31 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-de70044{text-align:center;font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-e79d6c2{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1764 .elementor-element.elementor-element-6375a61 .elementor-icon-box-wrapper{gap:15px;}.elementor-1764 .elementor-element.elementor-element-6375a61.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-6375a61.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-6375a61.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-6375a61 .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-6375a61 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1764 .elementor-element.elementor-element-b81659d .elementor-icon-box-wrapper{gap:15px;}.elementor-1764 .elementor-element.elementor-element-b81659d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-b81659d.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-b81659d.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-b81659d .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-b81659d .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1764 .elementor-element.elementor-element-0eb9218 .elementor-icon-box-wrapper{gap:15px;}.elementor-1764 .elementor-element.elementor-element-0eb9218.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-0eb9218.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-0eb9218.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-0eb9218 .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-0eb9218 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1764 .elementor-element.elementor-element-61b6bc2 .elementor-icon-box-wrapper{gap:15px;}.elementor-1764 .elementor-element.elementor-element-61b6bc2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-61b6bc2.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-61b6bc2.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-61b6bc2 .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-61b6bc2 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1764 .elementor-element.elementor-element-9acfa27 .elementor-icon-box-wrapper{gap:15px;}.elementor-1764 .elementor-element.elementor-element-9acfa27.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-9acfa27.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-9acfa27.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-9acfa27 .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-9acfa27 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1764 .elementor-element.elementor-element-0f52d68 .elementor-icon-box-wrapper{gap:15px;}.elementor-1764 .elementor-element.elementor-element-0f52d68.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-0f52d68.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-0f52d68.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-0f52d68 .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-0f52d68 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1764 .elementor-element.elementor-element-125413a .elementor-icon-box-wrapper{gap:15px;}.elementor-1764 .elementor-element.elementor-element-125413a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-125413a.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-125413a.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-125413a .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-125413a .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1764 .elementor-element.elementor-element-6d39d32 .elementor-icon-box-wrapper{gap:15px;}.elementor-1764 .elementor-element.elementor-element-6d39d32.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-6d39d32.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-6d39d32.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-6d39d32 .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-6d39d32 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1764 .elementor-element.elementor-element-36d9483{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-36d9483:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-36d9483 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/VDF-Startseite-2.png");background-position:-160px -100px;background-repeat:no-repeat;background-size:cover;}.elementor-1764 .elementor-element.elementor-element-d7f2d03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:70px;--padding-left:70px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-47f7756{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-b97da4f{width:var( --container-widget-width, 13.696% );max-width:13.696%;padding:0px 0px 0px 0px;--container-widget-width:13.696%;--container-widget-flex-grow:0;text-align:start;}.elementor-1764 .elementor-element.elementor-element-b97da4f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-b97da4f img{width:70%;}.elementor-1764 .elementor-element.elementor-element-e78120e .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-2612047{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-a3325c4 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-1764 .elementor-element.elementor-element-a3325c4 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-astglobalcolor1 );}.elementor-1764 .elementor-element.elementor-element-a3325c4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-1764 .elementor-element.elementor-element-a3325c4.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-a3325c4.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor1 );color:var( --e-global-color-astglobalcolor1 );border-color:var( --e-global-color-astglobalcolor1 );}.elementor-1764 .elementor-element.elementor-element-a3325c4 .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-a3325c4 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-a3325c4 .elementor-icon-box-description{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-e46601d .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-1764 .elementor-element.elementor-element-e46601d .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-e46601d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-e46601d.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-e46601d.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor0 );color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-e46601d .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-e46601d .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-e46601d .elementor-icon-box-description{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-9f52b31 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-1764 .elementor-element.elementor-element-9f52b31 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-astglobalcolor6 );}.elementor-1764 .elementor-element.elementor-element-9f52b31.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-1764 .elementor-element.elementor-element-9f52b31.elementor-view-framed .elementor-icon, .elementor-1764 .elementor-element.elementor-element-9f52b31.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor6 );color:var( --e-global-color-astglobalcolor6 );border-color:var( --e-global-color-astglobalcolor6 );}.elementor-1764 .elementor-element.elementor-element-9f52b31 .elementor-icon-box-title, .elementor-1764 .elementor-element.elementor-element-9f52b31 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-9f52b31 .elementor-icon-box-description{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-7879b9d .elementor-button{background-color:var( --e-global-color-astglobalcolor1 );font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;border-style:none;}.elementor-1764 .elementor-element.elementor-element-7879b9d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1764 .elementor-element.elementor-element-7879b9d .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-1764 .elementor-element.elementor-element-a25fc3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-372ef27{padding:0px 0px 0px 0px;}.elementor-1764 .elementor-element.elementor-element-6968165{--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;--overlay-opacity:0.6;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-6968165:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-6968165 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/23_VDF_Federn_MarkHuetzenFotografie_A7405349-1024x683.jpg");background-position:0px -108px;background-repeat:no-repeat;background-size:cover;}.elementor-1764 .elementor-element.elementor-element-6968165::before, .elementor-1764 .elementor-element.elementor-element-6968165 > .elementor-background-video-container::before, .elementor-1764 .elementor-element.elementor-element-6968165 > .e-con-inner > .elementor-background-video-container::before, .elementor-1764 .elementor-element.elementor-element-6968165 > .elementor-background-slideshow::before, .elementor-1764 .elementor-element.elementor-element-6968165 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1764 .elementor-element.elementor-element-6968165 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor0 );--background-overlay:'';}.elementor-1764 .elementor-element.elementor-element-d913ac8{text-align:center;}.elementor-1764 .elementor-element.elementor-element-d913ac8 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-448dc0a{text-align:center;font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-1764 .elementor-element.elementor-element-3280aff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-3280aff:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-3280aff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1764 .elementor-element.elementor-element-7de4ffb{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-42d6a40{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-122e305{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-f06b6d3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-f06b6d3:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-f06b6d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-a36adc7 img{width:100%;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1764 .elementor-element.elementor-element-149aeab{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-149aeab .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-149aeab .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-6d1df21{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-6d1df21 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-40d807c{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-4caeb50{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-4caeb50:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-4caeb50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-8b08b50{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-8b08b50.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-0ec05ac{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-8767c25{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-9bc1023{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-96e4cf4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-96e4cf4:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-96e4cf4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-7403e2f img{width:100%;}.elementor-1764 .elementor-element.elementor-element-a1d2968{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-a1d2968 .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-a1d2968 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-dc57f39{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-dc57f39 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-73edc96{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-5279985{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-5279985:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-5279985 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-602cb50{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-602cb50.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-46828f8{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-15a15a5{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-a76ef2a{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-927b7e1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-927b7e1:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-927b7e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-ea54adf img{width:100%;}.elementor-1764 .elementor-element.elementor-element-8397ffd{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-8397ffd .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-8397ffd .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-b45dedb{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-b45dedb .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-b0acdaf{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-4fa0299{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-4fa0299:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-4fa0299 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-b565c21{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-b565c21.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-efb4fa9{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-8f41ada{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-802cb7b{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-6f54390{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-6f54390:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-6f54390 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-d67b67b img{width:100%;}.elementor-1764 .elementor-element.elementor-element-a9884c8{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-a9884c8 .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-a9884c8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-46e3b29{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-46e3b29 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-241efae{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-b05fc7d{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-b05fc7d:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-b05fc7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-96af382{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-96af382.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-a8e3b3a{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-b24f49e{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-ec5ee1f{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-aad734e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-aad734e:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-aad734e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-b9539dd img{width:100%;}.elementor-1764 .elementor-element.elementor-element-44f4967{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-44f4967 .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-44f4967 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-6388b95{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-6388b95 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-764b54d{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-79e2326{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-79e2326:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-79e2326 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-1e9303e{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-1e9303e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-494e1f7{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-b35986d{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-648a8dd{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-d2c8884{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-d2c8884:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-d2c8884 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img{width:100%;}.elementor-1764 .elementor-element.elementor-element-753a88c{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-753a88c .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-753a88c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-e1e533e{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-e1e533e .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-d351053{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-70c0a6f{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-70c0a6f:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-70c0a6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-70dfca1{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-70dfca1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-86578fd{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-ec7b44f{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-3e77723{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-fadc519{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-fadc519:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-fadc519 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-c2c0b7f img{width:100%;}.elementor-1764 .elementor-element.elementor-element-56e400e{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-56e400e .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-56e400e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-aa3bb7c{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-aa3bb7c .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-89e3ed5{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-c9f07e5{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-c9f07e5:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-c9f07e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-cc563f2{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-cc563f2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-8739138{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-b2c5da4{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-8d1ba93{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-9b8ade8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-9b8ade8:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-9b8ade8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-637e4f2 img{width:100%;}.elementor-1764 .elementor-element.elementor-element-fc87fe2{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-fc87fe2 .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-fc87fe2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-9f12a00{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-9f12a00 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-b915d04{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-cf2869a{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-cf2869a:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-cf2869a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-348b92c{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-348b92c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-8559a5a{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-06e18b8{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-252a32c{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-5247986{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-5247986:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-5247986 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-2ed1683 img{width:100%;}.elementor-1764 .elementor-element.elementor-element-08a6ab6{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-08a6ab6 .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-08a6ab6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-24c1577{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-24c1577 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-3903923{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-5614f08{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-5614f08:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-5614f08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-387a6a2{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-387a6a2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-72945df{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-1ee2a3b{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-4d07fd4{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-cdc5e44{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-cdc5e44:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-cdc5e44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-db7ed2d img{width:100%;}.elementor-1764 .elementor-element.elementor-element-ead437d{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-ead437d .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-ead437d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-8120d0f{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-8120d0f .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-be49c9b{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-b10f891{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-b10f891:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-b10f891 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-5ad120b{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-5ad120b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-1894810{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-7850ea4{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-a2f98f5{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-7c9794a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-7c9794a:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-7c9794a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-78d088c img{width:100%;}.elementor-1764 .elementor-element.elementor-element-bed5b09{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-bed5b09 .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-bed5b09 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-3eb24c0{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-3eb24c0 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-5813395{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-6fa6ec3{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-6fa6ec3:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-6fa6ec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-e4ed816{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-e4ed816.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-aef3d7d{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-89967c1{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-5c75911{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-3dccff3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-3dccff3:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-3dccff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1764 .elementor-element.elementor-element-da60e40 img{width:100%;}.elementor-1764 .elementor-element.elementor-element-193faef{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1764 .elementor-element.elementor-element-193faef .elementor-divider-separator{width:15%;}.elementor-1764 .elementor-element.elementor-element-193faef .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1764 .elementor-element.elementor-element-0d2c83e{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1764 .elementor-element.elementor-element-0d2c83e .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-b3d7718{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-9c3273e{--display:flex;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-9c3273e:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-9c3273e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-71aeaef{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-71aeaef.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-3d9e683{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-42px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-42px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-astglobalcolor3 );--e-n-carousel-dots-normal-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-3d9e683 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-6a212b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--overlay-opacity:0.8;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-6a212b5:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-6a212b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/12_VDF_Federn_MarkHuetzenFotografie_A7405162-2-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1764 .elementor-element.elementor-element-6a212b5::before, .elementor-1764 .elementor-element.elementor-element-6a212b5 > .elementor-background-video-container::before, .elementor-1764 .elementor-element.elementor-element-6a212b5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1764 .elementor-element.elementor-element-6a212b5 > .elementor-background-slideshow::before, .elementor-1764 .elementor-element.elementor-element-6a212b5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1764 .elementor-element.elementor-element-6a212b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}.elementor-1764 .elementor-element.elementor-element-505e89c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-7e55d70 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-8f35036{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-astglobalcolor5 );}.elementor-1764 .elementor-element.elementor-element-75b4480{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-4d60112 .elementor-button{background-color:var( --e-global-color-astglobalcolor1 );font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;border-style:none;}.elementor-1764 .elementor-element.elementor-element-4d60112 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1764 .elementor-element.elementor-element-4d60112 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-1764 .elementor-element.elementor-element-1bb8b85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-283d6da{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-283d6da:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-283d6da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-283d6da.e-con{--align-self:flex-start;}.elementor-1764 .elementor-element.elementor-element-b1a7b08{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-1764 .elementor-element.elementor-element-59a728d{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;column-gap:0px;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );}.elementor-1764 .elementor-element.elementor-element-59a728d p{margin-block-end:0px;}.elementor-1764 .elementor-element.elementor-element-42710dc{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-42710dc:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-42710dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-42710dc.e-con{--align-self:flex-start;}.elementor-1764 .elementor-element.elementor-element-e729c22{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor2 );}.elementor-1764 .elementor-element.elementor-element-72e4108{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;column-gap:0px;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );}.elementor-1764 .elementor-element.elementor-element-72e4108 p{margin-block-end:0px;}.elementor-1764 .elementor-element.elementor-element-7e62efd{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-7e62efd:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-7e62efd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BEBEBE;}.elementor-1764 .elementor-element.elementor-element-7e62efd.e-con{--align-self:flex-start;}.elementor-1764 .elementor-element.elementor-element-9918cc8{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1764 .elementor-element.elementor-element-7806673{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;column-gap:0px;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );}.elementor-1764 .elementor-element.elementor-element-7806673 p{margin-block-end:0px;}.elementor-1764 .elementor-element.elementor-element-02f7194{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-02f7194:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-02f7194 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-02f7194.e-con{--align-self:flex-start;}.elementor-1764 .elementor-element.elementor-element-1e5152e{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor7 );}.elementor-1764 .elementor-element.elementor-element-9308750{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;column-gap:0px;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );}.elementor-1764 .elementor-element.elementor-element-9308750 p{margin-block-end:0px;}.elementor-1764 .elementor-element.elementor-element-93e155b{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-93e155b:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-93e155b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-93e155b.e-con{--align-self:flex-start;}.elementor-1764 .elementor-element.elementor-element-4785860{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor6 );}.elementor-1764 .elementor-element.elementor-element-8b5d1e3{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;column-gap:0px;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );}.elementor-1764 .elementor-element.elementor-element-8b5d1e3 p{margin-block-end:0px;}.elementor-1764 .elementor-element.elementor-element-107bdf5{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-107bdf5:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-107bdf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-107bdf5.e-con{--align-self:flex-start;}.elementor-1764 .elementor-element.elementor-element-50cddc6{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor6 );}.elementor-1764 .elementor-element.elementor-element-1341979{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;column-gap:0px;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );}.elementor-1764 .elementor-element.elementor-element-1341979 p{margin-block-end:0px;}.elementor-1764 .elementor-element.elementor-element-2ce7f39{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-2ce7f39:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-2ce7f39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/VDF-Startseite-3.png");background-position:88px 24px;background-repeat:no-repeat;background-size:cover;}.elementor-1764 .elementor-element.elementor-element-d7bc19a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:70px;--padding-left:70px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-098914c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-ddaf037{width:var( --container-widget-width, 13.696% );max-width:13.696%;padding:0px 0px 0px 0px;--container-widget-width:13.696%;--container-widget-flex-grow:0;text-align:start;}.elementor-1764 .elementor-element.elementor-element-ddaf037.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1764 .elementor-element.elementor-element-ddaf037 img{width:70%;}.elementor-1764 .elementor-element.elementor-element-72992e4 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1764 .elementor-element.elementor-element-412fcb6{--spacer-size:30px;}.elementor-1764 .elementor-element.elementor-element-a0742b5{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-a0742b5:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-a0742b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9;}.elementor-1764 .elementor-element.elementor-element-2252080{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;}.elementor-1764 .elementor-element.elementor-element-2252080 p{margin-block-end:0px;}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{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 );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{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 );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{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 );}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:25px;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-25px;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group > label, .elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-subgroup label{color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-mark-required .elementor-field-label:after{color:var( --e-global-color-astglobalcolor5 );}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group > label{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-type-html{padding-bottom:0px;font-family:"Merriweather Sans", Sans-serif;font-size:13px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group .elementor-field{color:var( --e-global-color-astglobalcolor7 );}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group .elementor-field, .elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-subgroup label{font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor3 );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor3 );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-astglobalcolor3 );}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-astglobalcolor1 );color:#ffffff;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-button[type="submit"]{background-color:var( --e-global-color-astglobalcolor1 );color:#ffffff;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1764 .elementor-element.elementor-element-4cdffc1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1764 .elementor-element.elementor-element-4cdffc1{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1764 .elementor-element.elementor-element-70537bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1764 .elementor-element.elementor-element-604a728{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-1764 .elementor-element.elementor-element-604a728:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-604a728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/06/100_VDF_Federn_MarkHuetzenFotografie_A7406947-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1764 .elementor-element.elementor-element-604a728.e-con{--align-self:flex-end;}.elementor-1764 .elementor-element.elementor-element-695bba4{--spacer-size:50px;}.elementor-1764 .elementor-element.elementor-element-e1e81c1{font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}:root{--page-title-display:none;}@media(max-width:1600px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1764 .elementor-element.elementor-element-e79d6c2{--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-1764 .elementor-element.elementor-element-e908d0d{--width:50%;}.elementor-1764 .elementor-element.elementor-element-1cd2bea{--width:50%;}.elementor-1764 .elementor-element.elementor-element-5887a51{--width:50%;}.elementor-1764 .elementor-element.elementor-element-cf31ba7{--width:50%;}.elementor-1764 .elementor-element.elementor-element-da86269{--width:50%;}.elementor-1764 .elementor-element.elementor-element-164e919{--width:50%;}.elementor-1764 .elementor-element.elementor-element-d7f2d03{--width:50%;}.elementor-1764 .elementor-element.elementor-element-a25fc3e{--width:50%;}.elementor-1764 .elementor-element.elementor-element-505e89c{--width:50%;}.elementor-1764 .elementor-element.elementor-element-1bb8b85{--width:50%;}.elementor-1764 .elementor-element.elementor-element-283d6da{--width:95%;}.elementor-1764 .elementor-element.elementor-element-42710dc{--width:95%;}.elementor-1764 .elementor-element.elementor-element-7e62efd{--width:95%;}.elementor-1764 .elementor-element.elementor-element-02f7194{--width:95%;}.elementor-1764 .elementor-element.elementor-element-93e155b{--width:95%;}.elementor-1764 .elementor-element.elementor-element-107bdf5{--width:95%;}.elementor-1764 .elementor-element.elementor-element-d7bc19a{--width:50%;}.elementor-1764 .elementor-element.elementor-element-a0742b5{--width:75%;}.elementor-1764 .elementor-element.elementor-element-70537bc{--width:50%;}}@media(max-width:880px) and (min-width:768px){.elementor-1764 .elementor-element.elementor-element-e908d0d{--width:1600px;}.elementor-1764 .elementor-element.elementor-element-1cd2bea{--width:1600px;}.elementor-1764 .elementor-element.elementor-element-5887a51{--width:1600px;}.elementor-1764 .elementor-element.elementor-element-cf31ba7{--width:1501px;}.elementor-1764 .elementor-element.elementor-element-da86269{--width:1600px;}.elementor-1764 .elementor-element.elementor-element-164e919{--width:1600px;}.elementor-1764 .elementor-element.elementor-element-d7f2d03{--width:1600px;}.elementor-1764 .elementor-element.elementor-element-a25fc3e{--width:1600px;}.elementor-1764 .elementor-element.elementor-element-1bb8b85{--width:595px;}.elementor-1764 .elementor-element.elementor-element-d7bc19a{--width:1600px;}.elementor-1764 .elementor-element.elementor-element-70537bc{--width:1600px;}}@media(min-width:1601px){.elementor-1764 .elementor-element.elementor-element-5ec5dd7:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-5ec5dd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1200px){.elementor-1764 .elementor-element.elementor-element-1cd2bea{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1764 .elementor-element.elementor-element-e79d6c2{--grid-auto-flow:row;}.elementor-1764 .elementor-element.elementor-element-8b08b50{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-602cb50{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-b565c21{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-96af382{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-1e9303e{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-70dfca1{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-cc563f2{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-348b92c{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-387a6a2{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-5ad120b{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-e4ed816{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-71aeaef{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-1764 .elementor-element.elementor-element-dbc01f5{--min-height:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1764 .elementor-element.elementor-element-dee708b{width:var( --container-widget-width, 334.297px );max-width:334.297px;--container-widget-width:334.297px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-a0c246d:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-a0c246d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1764 .elementor-element.elementor-element-1cd2bea{--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1764 .elementor-element.elementor-element-06955fd:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-06955fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1764 .elementor-element.elementor-element-e79d6c2{--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-1764 .elementor-element.elementor-element-36d9483:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-36d9483 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1764 .elementor-element.elementor-element-6968165:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-6968165 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1764 .elementor-element.elementor-element-3d9e683{--e-n-carousel-swiper-slides-to-display:2;}.elementor-1764 .elementor-element.elementor-element-2ce7f39:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-2ce7f39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:880px){.elementor-1764 .elementor-element.elementor-element-a0c246d{--flex-wrap:wrap;}.elementor-1764 .elementor-element.elementor-element-1cd2bea{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1764 .elementor-element.elementor-element-06955fd{--flex-wrap:wrap;}.elementor-1764 .elementor-element.elementor-element-360c170{--flex-wrap:wrap;}.elementor-1764 .elementor-element.elementor-element-5887a51{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1764 .elementor-element.elementor-element-5887a51.e-con{--order:-99999 /* order start hack */;}.elementor-1764 .elementor-element.elementor-element-1087895{--flex-wrap:wrap;}.elementor-1764 .elementor-element.elementor-element-164e919{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1764 .elementor-element.elementor-element-e79d6c2{--grid-auto-flow:row;}.elementor-1764 .elementor-element.elementor-element-36d9483{--flex-wrap:wrap;}.elementor-1764 .elementor-element.elementor-element-d7f2d03{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1764 .elementor-element.elementor-element-6a212b5{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1764 .elementor-element.elementor-element-2ce7f39{--flex-wrap:wrap;}.elementor-1764 .elementor-element.elementor-element-70537bc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1764 .elementor-element.elementor-element-dbc01f5{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1764 .elementor-element.elementor-element-dee708b{width:var( --container-widget-width, 296px );max-width:296px;--container-widget-width:296px;--container-widget-flex-grow:0;}.elementor-1764 .elementor-element.elementor-element-dee708b .elementor-heading-title{font-size:60px;}.elementor-1764 .elementor-element.elementor-element-a0c246d:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-a0c246d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1764 .elementor-element.elementor-element-e908d0d{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1764 .elementor-element.elementor-element-06955fd:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-06955fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1764 .elementor-element.elementor-element-360c170{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1764 .elementor-element.elementor-element-1087895{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1764 .elementor-element.elementor-element-da86269{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1764 .elementor-element.elementor-element-164e919{--width:500px;}.elementor-1764 .elementor-element.elementor-element-94cc223 img{width:100%;}.elementor-1764 .elementor-element.elementor-element-5ec5dd7:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-5ec5dd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1764 .elementor-element.elementor-element-5ec5dd7{--padding-top:030px;--padding-bottom:030px;--padding-left:030px;--padding-right:030px;}.elementor-1764 .elementor-element.elementor-element-fdd7b31 .elementor-heading-title{font-size:40px;}.elementor-1764 .elementor-element.elementor-element-e79d6c2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-1764 .elementor-element.elementor-element-36d9483:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-36d9483 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1764 .elementor-element.elementor-element-36d9483{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1764 .elementor-element.elementor-element-d7f2d03{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1764 .elementor-element.elementor-element-b97da4f img{width:100%;}.elementor-1764 .elementor-element.elementor-element-a25fc3e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1764 .elementor-element.elementor-element-6968165:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-6968165 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1764 .elementor-element.elementor-element-6968165{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1764 .elementor-element.elementor-element-d913ac8 .elementor-heading-title{font-size:40px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1764 .elementor-element.elementor-element-3d9e683{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1764 .elementor-element.elementor-element-6a212b5{--padding-top:030px;--padding-bottom:030px;--padding-left:030px;--padding-right:030px;}.elementor-1764 .elementor-element.elementor-element-505e89c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1764 .elementor-element.elementor-element-7e55d70 .elementor-heading-title{font-size:30px;}.elementor-1764 .elementor-element.elementor-element-1bb8b85{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1764 .elementor-element.elementor-element-2ce7f39:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-2ce7f39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1764 .elementor-element.elementor-element-2ce7f39{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1764 .elementor-element.elementor-element-d7bc19a{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}.elementor-1764 .elementor-element.elementor-element-70537bc{--width:500px;--min-height:0px;}.elementor-1764 .elementor-element.elementor-element-604a728:not(.elementor-motion-effects-element-type-background), .elementor-1764 .elementor-element.elementor-element-604a728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1764 .elementor-element.elementor-element-604a728{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1764 .elementor-element.elementor-element-695bba4{--spacer-size:217px;}}/* Start custom CSS for heading, class: .elementor-element-9c83578 *//* Die Farbe für die markierten Wörter */
.elementor-1764 .elementor-element.elementor-element-9c83578 .blau {
    color: #0060A9 !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f5ed78 */.elementor-1764 .elementor-element.elementor-element-8f5ed78 img {
    /* Erzeugt die Pfeilform nach links */
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
    
    /* Sorgt dafür, dass das Bild den Container füllt */
    width: 100%;
    height: auto;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d6c4ee *//* Die Farbe für die markierten Wörter */
.elementor-1764 .elementor-element.elementor-element-8d6c4ee .blau {
    color: #0060A9 !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4ac1fe */.elementor-1764 .elementor-element.elementor-element-c4ac1fe img {
    /* Erzeugt die Pfeilform nach rechts */
    clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
    
    /* Standard-Sizing für volle Abdeckung */
    width: 100%;
    height: auto;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ad1147 *//* Die Farbe für die markierten Wörter */
.elementor-1764 .elementor-element.elementor-element-3ad1147 .blau {
    color: #0060A9 !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94cc223 */.elementor-1764 .elementor-element.elementor-element-94cc223 img {
    /* Erzeugt die Pfeilform nach links */
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
    
    /* Sorgt dafür, dass das Bild den Container füllt */
    width: 100%;
    height: auto;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e78120e *//* Die Farbe für die markierten Wörter */
.elementor-1764 .elementor-element.elementor-element-e78120e .blau {
    color: #0060A9 !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-372ef27 */.elementor-1764 .elementor-element.elementor-element-372ef27 img {
    /* Erzeugt die Pfeilform nach links */
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
    
    /* Sorgt dafür, dass das Bild den Container füllt */
    width: 100%;
    height: auto;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a36adc7 */.elementor-1764 .elementor-element.elementor-element-a36adc7 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f06b6d3 */.elementor-1764 .elementor-element.elementor-element-f06b6d3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-f06b6d3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7de4ffb *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-7de4ffb {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-7de4ffb:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-front,
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-7de4ffb .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7403e2f */.elementor-1764 .elementor-element.elementor-element-7403e2f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96e4cf4 */.elementor-1764 .elementor-element.elementor-element-96e4cf4 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-96e4cf4 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec05ac *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-0ec05ac {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-0ec05ac:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-front,
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-0ec05ac .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea54adf */.elementor-1764 .elementor-element.elementor-element-ea54adf img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927b7e1 */.elementor-1764 .elementor-element.elementor-element-927b7e1 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-927b7e1 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46828f8 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-46828f8 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-46828f8:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-front,
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-46828f8 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d67b67b */.elementor-1764 .elementor-element.elementor-element-d67b67b img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f54390 */.elementor-1764 .elementor-element.elementor-element-6f54390 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-6f54390 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb4fa9 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-efb4fa9:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-front,
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-efb4fa9 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9539dd */.elementor-1764 .elementor-element.elementor-element-b9539dd img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aad734e */.elementor-1764 .elementor-element.elementor-element-aad734e {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-aad734e img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e3b3a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-front,
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-a8e3b3a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a3ca8 */.elementor-1764 .elementor-element.elementor-element-a6a3ca8 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c8884 */.elementor-1764 .elementor-element.elementor-element-d2c8884 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-d2c8884 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494e1f7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-494e1f7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-494e1f7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-front,
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-494e1f7 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c0b7f */.elementor-1764 .elementor-element.elementor-element-c2c0b7f img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fadc519 */.elementor-1764 .elementor-element.elementor-element-fadc519 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-fadc519 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86578fd *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-86578fd {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-86578fd:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-front,
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-86578fd .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-637e4f2 */.elementor-1764 .elementor-element.elementor-element-637e4f2 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ade8 */.elementor-1764 .elementor-element.elementor-element-9b8ade8 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #545454 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-9b8ade8 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8739138 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8739138 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8739138:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-front,
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8739138 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ed1683 */.elementor-1764 .elementor-element.elementor-element-2ed1683 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5247986 */.elementor-1764 .elementor-element.elementor-element-5247986 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #f4f6fc 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-5247986 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8559a5a *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-8559a5a {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-8559a5a:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-front,
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-8559a5a .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db7ed2d */.elementor-1764 .elementor-element.elementor-element-db7ed2d img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdc5e44 */.elementor-1764 .elementor-element.elementor-element-cdc5e44 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #8c8b8d 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-cdc5e44 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72945df *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-72945df {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-72945df:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-front,
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-72945df .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78d088c */.elementor-1764 .elementor-element.elementor-element-78d088c img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c9794a */.elementor-1764 .elementor-element.elementor-element-7c9794a {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #0060A9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-7c9794a img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1894810 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-1894810 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-1894810:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-front,
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-1894810 .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da60e40 */.elementor-1764 .elementor-element.elementor-element-da60e40 img {
    display: block;
    margin: 0 auto;
    
    /* ZWINGT alle Bilder, den Container vollständig auszufüllen */
    width: 100%; 
    height: 100%; 
    
    /* VERHINDERT, dass das Bild verzerrt wird */
    object-fit: cover; 
    
    /* ERZWINGT ein quadratisches Seitenverhältnis */
    aspect-ratio: 1/1; 
    
    /* ÄNDERT die Ausrichtung: Kopf bleibt sichtbar! */
    object-position: top center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dccff3 */.elementor-1764 .elementor-element.elementor-element-3dccff3 {
    /* Erzeugt eine harte Kante: 80% Blau von unten, der Rest transparent */
    background: linear-gradient(to top, #5cb6f9 80%, transparent 80%) !important;
}

/* Optional: Falls das Bild zu weit oben klebt */
.elementor-1764 .elementor-element.elementor-element-3dccff3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aef3d7d *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1764 .elementor-element.elementor-element-aef3d7d {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

/* Der Hover-Auslöser zum Drehen */
.elementor-1764 .elementor-element.elementor-element-aef3d7d:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-front,
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* Versteckt die Rückseite der Container */
}

/* Positioniert die Rückseite exakt hinter die Vorderseite */
.elementor-1764 .elementor-element.elementor-element-aef3d7d .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: rotateY(180deg); /* Dreht die Rückseite vorab schon mal um */
    
    /* Optik für die Rückseite (kannst du anpassen) */
    background-color: #0060A9; 
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-283d6da */.elementor-1764 .elementor-element.elementor-element-283d6da {
    /* Die Pfeilform: Links gerade, rechts spitz */
    /* Die 85% bestimmen, wo die Schräge beginnt */
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    
    /* Hintergrundfarbe Weiß */
    background-color: #ffffff !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}

.elementor-1764 .elementor-element.elementor-element-283d6da {
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

.elementor-1764 .elementor-element.elementor-element-283d6da:hover {
    transform: scale(1.02) translateX(10px) !important; /* Wird etwas größer und schiebt sich nach rechts */
    filter: drop-shadow(10px 10px 15px rgba(0,0,0,0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42710dc */.elementor-1764 .elementor-element.elementor-element-42710dc {
    /* Die Pfeilform: Links gerade, rechts spitz */
    /* Die 85% bestimmen, wo die Schräge beginnt */
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    
    /* Hintergrundfarbe Weiß */
    background-color: #ffffff !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}

.elementor-1764 .elementor-element.elementor-element-42710dc {
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

.elementor-1764 .elementor-element.elementor-element-42710dc:hover {
    transform: scale(1.02) translateX(10px) !important; /* Wird etwas größer und schiebt sich nach rechts */
    filter: drop-shadow(10px 10px 15px rgba(0,0,0,0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e62efd */.elementor-1764 .elementor-element.elementor-element-7e62efd {
    /* Die Pfeilform: Links gerade, rechts spitz */
    /* Die 85% bestimmen, wo die Schräge beginnt */
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    
    /* Hintergrundfarbe Weiß */
    background-color: #BEBEBE !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}

.elementor-1764 .elementor-element.elementor-element-7e62efd {
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

.elementor-1764 .elementor-element.elementor-element-7e62efd:hover {
    transform: scale(1.02) translateX(10px) !important; /* Wird etwas größer und schiebt sich nach rechts */
    filter: drop-shadow(10px 10px 15px rgba(0,0,0,0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02f7194 */.elementor-1764 .elementor-element.elementor-element-02f7194 {
    /* Die Pfeilform: Links gerade, rechts spitz */
    /* Die 85% bestimmen, wo die Schräge beginnt */
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    
    /* Hintergrundfarbe Weiß */
    background-color: #ffffff !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}

.elementor-1764 .elementor-element.elementor-element-02f7194 {
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

.elementor-1764 .elementor-element.elementor-element-02f7194:hover {
    transform: scale(1.02) translateX(10px) !important; /* Wird etwas größer und schiebt sich nach rechts */
    filter: drop-shadow(10px 10px 15px rgba(0,0,0,0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93e155b */.elementor-1764 .elementor-element.elementor-element-93e155b {
    /* Die Pfeilform: Links gerade, rechts spitz */
    /* Die 85% bestimmen, wo die Schräge beginnt */
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    
    /* Hintergrundfarbe Weiß */
    background-color: #ffffff !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}

.elementor-1764 .elementor-element.elementor-element-93e155b {
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

.elementor-1764 .elementor-element.elementor-element-93e155b:hover {
    transform: scale(1.02) translateX(10px) !important; /* Wird etwas größer und schiebt sich nach rechts */
    filter: drop-shadow(10px 10px 15px rgba(0,0,0,0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-107bdf5 */.elementor-1764 .elementor-element.elementor-element-107bdf5 {
    /* Die Pfeilform: Links gerade, rechts spitz */
    /* Die 85% bestimmen, wo die Schräge beginnt */
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    
    /* Hintergrundfarbe Weiß */
    background-color: #ffffff !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}

.elementor-1764 .elementor-element.elementor-element-107bdf5 {
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

.elementor-1764 .elementor-element.elementor-element-107bdf5:hover {
    transform: scale(1.02) translateX(10px) !important; /* Wird etwas größer und schiebt sich nach rechts */
    filter: drop-shadow(10px 10px 15px rgba(0,0,0,0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-72992e4 *//* Die Farbe für die markierten Wörter */
.elementor-1764 .elementor-element.elementor-element-72992e4 .blau {
    color: #0060A9 !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-604a728 */.elementor-1764 .elementor-element.elementor-element-604a728 {
    /* Erzeugt die Spitze auf der linken Seite */
    clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 12% 100%, 0% 50%);
    
    /* WICHTIG: Padding links erhöhen, damit der Text nicht in die Spitze läuft */
    padding-left: 20% !important;
    padding-right: 5% !important;
    
    /* Falls du eine feste Höhe möchtest */
    min-height: 450px !important;
    
    /* Flexbox, um den Text vertikal mittig zu halten */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Klavika';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vdf-federn.de/wp-content/uploads/2026/03/Klavika-Regular-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Klavika';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://vdf-federn.de/wp-content/uploads/2026/03/klavika-bold.woff') format('woff');
}
@font-face {
	font-family: 'Klavika';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://vdf-federn.de/wp-content/uploads/2026/03/klavika-medium.woff') format('woff');
}
/* End Custom Fonts CSS */