.elementor-1176 .elementor-element.elementor-element-dbc01f5{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overlay-opacity:0.5;--padding-top:250px;--padding-bottom:50px;--padding-left:80px;--padding-right:80px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-dbc01f5:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-dbc01f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/95_VDF_Federn_MarkHuetzenFotografie_A7406820-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1176 .elementor-element.elementor-element-dbc01f5::before, .elementor-1176 .elementor-element.elementor-element-dbc01f5 > .elementor-background-video-container::before, .elementor-1176 .elementor-element.elementor-element-dbc01f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1176 .elementor-element.elementor-element-dbc01f5 > .elementor-background-slideshow::before, .elementor-1176 .elementor-element.elementor-element-dbc01f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1176 .elementor-element.elementor-element-dbc01f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}.elementor-1176 .elementor-element.elementor-element-5816d0c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-5816d0c.e-con{--align-self:flex-start;}.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-1176 .elementor-element.elementor-element-dee708b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .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-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-1176 .elementor-element.elementor-element-6563fb4{text-align:start;}.elementor-1176 .elementor-element.elementor-element-6563fb4 img{width:23%;}.elementor-1176 .elementor-element.elementor-element-81ed8a8{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1176 .elementor-element.elementor-element-81ed8a8 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;}.elementor-1176 .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:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-a0c246d:not(.elementor-motion-effects-element-type-background), .elementor-1176 .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:80px -149px;background-repeat:no-repeat;background-size:cover;}.elementor-1176 .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-1176 .elementor-element.elementor-element-9c83578 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-e0b399e{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1176 .elementor-element.elementor-element-e0b399e .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-astglobalcolor3 );}.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-1176 .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-1176 .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-1176 .elementor-element.elementor-element-1cd2bea:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-1cd2bea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/06/Design-ohne-Titel-25-e1781861868512.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-1176 .elementor-element.elementor-element-694867b{--display:flex;--min-height:700px;--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-1176 .elementor-element.elementor-element-694867b:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-694867b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6FC;background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/Ueber-uns-VDF.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1176 .elementor-element.elementor-element-4795724{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-ca643f2 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;text-shadow:2px 0px 0px rgba(0,0,0,0.3);color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-ce7b4b6{--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-1176 .elementor-element.elementor-element-7e29b07{width:var( --container-widget-width, 10% );max-width:10%;padding:0px 0px 0px 0px;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:start;}.elementor-1176 .elementor-element.elementor-element-7e29b07.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-7e29b07 img{width:65%;}.elementor-1176 .elementor-element.elementor-element-e95de37{font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );}.elementor-1176 .elementor-element.elementor-element-e95de37 p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-dc28eab{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-1176 .elementor-element.elementor-element-8a60119{margin:0px 60px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1176 .elementor-element.elementor-element-8a60119 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;text-shadow:2px 0px 0px rgba(0,0,0,0.3);color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-efa75e9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-646d020{width:var( --container-widget-width, 10% );max-width:10%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 25px;padding:0px 0px 0px 0px;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:start;}.elementor-1176 .elementor-element.elementor-element-646d020.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-646d020 img{width:65%;}.elementor-1176 .elementor-element.elementor-element-a949ea9{text-align:end;font-family:"Merriweather Sans", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );}.elementor-1176 .elementor-element.elementor-element-a949ea9 p{margin-block-end:0px;}.elementor-1176 .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;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-5ec5dd7:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-5ec5dd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6FC;background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/Ueber-uns-VDF-1.png");background-repeat:no-repeat;background-size:cover;}.elementor-1176 .elementor-element.elementor-element-fdd7b31{text-align:center;}.elementor-1176 .elementor-element.elementor-element-fdd7b31 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;text-shadow:1px 0px 0px rgba(0,0,0,0.3);color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-de70044{text-align:center;font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .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-1176 .elementor-element.elementor-element-6375a61 .elementor-icon-box-wrapper{gap:15px;}.elementor-1176 .elementor-element.elementor-element-6375a61.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-6375a61.elementor-view-framed .elementor-icon, .elementor-1176 .elementor-element.elementor-element-6375a61.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-1176 .elementor-element.elementor-element-6375a61 .elementor-icon-box-title, .elementor-1176 .elementor-element.elementor-element-6375a61 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1176 .elementor-element.elementor-element-6375a61 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .elementor-element.elementor-element-b81659d .elementor-icon-box-wrapper{gap:15px;}.elementor-1176 .elementor-element.elementor-element-b81659d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1176 .elementor-element.elementor-element-b81659d.elementor-view-framed .elementor-icon, .elementor-1176 .elementor-element.elementor-element-b81659d.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-1176 .elementor-element.elementor-element-b81659d .elementor-icon-box-title, .elementor-1176 .elementor-element.elementor-element-b81659d .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1176 .elementor-element.elementor-element-b81659d .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .elementor-element.elementor-element-0eb9218 .elementor-icon-box-wrapper{gap:15px;}.elementor-1176 .elementor-element.elementor-element-0eb9218.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-0eb9218.elementor-view-framed .elementor-icon, .elementor-1176 .elementor-element.elementor-element-0eb9218.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-1176 .elementor-element.elementor-element-0eb9218 .elementor-icon-box-title, .elementor-1176 .elementor-element.elementor-element-0eb9218 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1176 .elementor-element.elementor-element-0eb9218 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .elementor-element.elementor-element-61b6bc2 .elementor-icon-box-wrapper{gap:15px;}.elementor-1176 .elementor-element.elementor-element-61b6bc2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1176 .elementor-element.elementor-element-61b6bc2.elementor-view-framed .elementor-icon, .elementor-1176 .elementor-element.elementor-element-61b6bc2.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-1176 .elementor-element.elementor-element-61b6bc2 .elementor-icon-box-title, .elementor-1176 .elementor-element.elementor-element-61b6bc2 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1176 .elementor-element.elementor-element-61b6bc2 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .elementor-element.elementor-element-9acfa27 .elementor-icon-box-wrapper{gap:15px;}.elementor-1176 .elementor-element.elementor-element-9acfa27.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-9acfa27.elementor-view-framed .elementor-icon, .elementor-1176 .elementor-element.elementor-element-9acfa27.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-9acfa27 .elementor-icon-box-title, .elementor-1176 .elementor-element.elementor-element-9acfa27 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1176 .elementor-element.elementor-element-9acfa27 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .elementor-element.elementor-element-0f52d68 .elementor-icon-box-wrapper{gap:15px;}.elementor-1176 .elementor-element.elementor-element-0f52d68.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-0f52d68.elementor-view-framed .elementor-icon, .elementor-1176 .elementor-element.elementor-element-0f52d68.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-1176 .elementor-element.elementor-element-0f52d68 .elementor-icon-box-title, .elementor-1176 .elementor-element.elementor-element-0f52d68 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1176 .elementor-element.elementor-element-0f52d68 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .elementor-element.elementor-element-125413a .elementor-icon-box-wrapper{gap:15px;}.elementor-1176 .elementor-element.elementor-element-125413a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1176 .elementor-element.elementor-element-125413a.elementor-view-framed .elementor-icon, .elementor-1176 .elementor-element.elementor-element-125413a.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-1176 .elementor-element.elementor-element-125413a .elementor-icon-box-title, .elementor-1176 .elementor-element.elementor-element-125413a .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1176 .elementor-element.elementor-element-125413a .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .elementor-element.elementor-element-6d39d32 .elementor-icon-box-wrapper{gap:15px;}.elementor-1176 .elementor-element.elementor-element-6d39d32.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-6d39d32.elementor-view-framed .elementor-icon, .elementor-1176 .elementor-element.elementor-element-6d39d32.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-1176 .elementor-element.elementor-element-6d39d32 .elementor-icon-box-title, .elementor-1176 .elementor-element.elementor-element-6d39d32 .elementor-icon-box-title a{font-family:"Klavika", Sans-serif;font-size:17px;font-weight:normal;}.elementor-1176 .elementor-element.elementor-element-6d39d32 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .elementor-element.elementor-element-9e5bee0{--display:flex;--min-height:380px;--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-1176 .elementor-element.elementor-element-9e5bee0:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-9e5bee0 > .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/Ueber-uns-VDF-2.png");background-position:0px -200px;background-repeat:no-repeat;background-size:cover;}.elementor-1176 .elementor-element.elementor-element-f1f5cb6{--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-1176 .elementor-element.elementor-element-7308636{width:var( --container-widget-width, 10% );max-width:10%;padding:0px 0px 0px 0px;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:start;}.elementor-1176 .elementor-element.elementor-element-7308636.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-7308636 img{width:40%;}.elementor-1176 .elementor-element.elementor-element-401d5e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -45px;}.elementor-1176 .elementor-element.elementor-element-401d5e8 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1176 .elementor-element.elementor-element-966a726{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:600;}.elementor-1176 .elementor-element.elementor-element-7eebfcf{--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:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-43e8a54e{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-4626ec1{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-4bf923f4{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-1655a7a6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-1655a7a6:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-1655a7a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1176 .elementor-element.elementor-element-195fcd2a 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-1176 .elementor-element.elementor-element-4923188a{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1176 .elementor-element.elementor-element-4923188a .elementor-divider-separator{width:15%;}.elementor-1176 .elementor-element.elementor-element-4923188a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1176 .elementor-element.elementor-element-63a3e6cd{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1176 .elementor-element.elementor-element-63a3e6cd .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1176 .elementor-element.elementor-element-5b7d1fee{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-5b7d1fee:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-5b7d1fee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-1c7fc29d{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1176 .elementor-element.elementor-element-1c7fc29d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-6239b480{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-6307771a{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-32f63997{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-7a994437{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-7a994437:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-7a994437 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1176 .elementor-element.elementor-element-17402364 img{width:100%;}.elementor-1176 .elementor-element.elementor-element-71312077{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1176 .elementor-element.elementor-element-71312077 .elementor-divider-separator{width:15%;}.elementor-1176 .elementor-element.elementor-element-71312077 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1176 .elementor-element.elementor-element-45b403d5{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1176 .elementor-element.elementor-element-45b403d5 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1176 .elementor-element.elementor-element-519e6004{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-519e6004:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-519e6004 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-23f8ca24{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1176 .elementor-element.elementor-element-23f8ca24.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-18a291c3{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-c81cd62{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-1955042b{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-784c5808{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-784c5808:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-784c5808 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1176 .elementor-element.elementor-element-23d606c8 img{width:100%;}.elementor-1176 .elementor-element.elementor-element-376a1fda{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1176 .elementor-element.elementor-element-376a1fda .elementor-divider-separator{width:15%;}.elementor-1176 .elementor-element.elementor-element-376a1fda .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1176 .elementor-element.elementor-element-a133e9f{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1176 .elementor-element.elementor-element-a133e9f .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1176 .elementor-element.elementor-element-31d03eb7{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-31d03eb7:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-31d03eb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-586255b0{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1176 .elementor-element.elementor-element-586255b0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-664807e7{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-4e45b49b{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-745fa9f4{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-93d25f3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-93d25f3:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-93d25f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1176 .elementor-element.elementor-element-54bcc603 img{width:100%;}.elementor-1176 .elementor-element.elementor-element-5a07f213{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor3 );--divider-border-width:3px;}.elementor-1176 .elementor-element.elementor-element-5a07f213 .elementor-divider-separator{width:15%;}.elementor-1176 .elementor-element.elementor-element-5a07f213 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1176 .elementor-element.elementor-element-130c5b09{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1176 .elementor-element.elementor-element-130c5b09 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-1176 .elementor-element.elementor-element-15baa3de{--display:flex;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-15baa3de:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-15baa3de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-7796bf6e{width:100%;max-width:100%;font-family:"Merriweather Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1176 .elementor-element.elementor-element-7796bf6e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-1e17600e{--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-1176 .elementor-element.elementor-element-1e17600e :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .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-1176 .elementor-element.elementor-element-06955fd:not(.elementor-motion-effects-element-type-background), .elementor-1176 .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 -240px;background-repeat:no-repeat;background-size:cover;}.elementor-1176 .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-1176 .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:80px;overflow:visible;}.elementor-1176 .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-1176 .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-1176 .elementor-element.elementor-element-dac6414.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-dac6414 img{width:70%;}.elementor-1176 .elementor-element.elementor-element-8d6c4ee .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:#0060A9;}.elementor-1176 .elementor-element.elementor-element-f1f5cb7 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:25px;font-weight:700;}.elementor-1176 .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:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-eab294a p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-dbf268f{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-1176 .elementor-element.elementor-element-dbf268f p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-63cc915{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:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-63cc915 p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-e65aee8{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-1176 .elementor-element.elementor-element-e65aee8 p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-f5e3a1b{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:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-f5e3a1b p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-3e70898{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-1176 .elementor-element.elementor-element-3e70898 p{margin-block-end:0px;}.elementor-1176 .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:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-cf31ba7.e-con{--order:-99999 /* order start hack */;}.elementor-1176 .elementor-element.elementor-element-c4ac1fe{padding:0px 0px 0px 0px;}.elementor-1176 .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-1176 .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-1176 .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-1176 .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-1176 .elementor-element.elementor-element-deb3d6b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-deb3d6b img{width:70%;}.elementor-1176 .elementor-element.elementor-element-3ad1147 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-astglobalcolor0 );}.elementor-1176 .elementor-element.elementor-element-90be818 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:25px;font-weight:700;}.elementor-1176 .elementor-element.elementor-element-e6f78ca{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:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-e6f78ca p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-572fc5b{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-1176 .elementor-element.elementor-element-572fc5b p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-ec7ea6f{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:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-ec7ea6f p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-017bae1{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-1176 .elementor-element.elementor-element-017bae1 p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-431f98f{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:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-431f98f p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-87880f0{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-1176 .elementor-element.elementor-element-87880f0 p{margin-block-end:0px;}.elementor-1176 .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:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-164e919.e-con{--order:99999 /* order end hack */;}.elementor-1176 .elementor-element.elementor-element-94cc223{padding:0px 0px 0px 0px;}.elementor-1176 .elementor-element.elementor-element-1ca51d8{--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-1176 .elementor-element.elementor-element-1ca51d8:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-1ca51d8 > .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/Ueber-uns-VDF-3.png");background-position:16px 33px;background-repeat:no-repeat;background-size:cover;}.elementor-1176 .elementor-element.elementor-element-bfad1d7{--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:80px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-4da066a{--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-1176 .elementor-element.elementor-element-a185cb3{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-1176 .elementor-element.elementor-element-a185cb3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1176 .elementor-element.elementor-element-a185cb3 img{width:70%;}.elementor-1176 .elementor-element.elementor-element-34cae3e .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-bb44bc5 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:25px;font-weight:700;}.elementor-1176 .elementor-element.elementor-element-29e8335{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:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-29e8335 p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-99578a5{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-1176 .elementor-element.elementor-element-99578a5 p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-d7b9ccd{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:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-d7b9ccd p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-431a141{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-1176 .elementor-element.elementor-element-431a141 p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-ed113e8{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:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .elementor-element.elementor-element-ed113e8 p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-d42f66f{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-1176 .elementor-element.elementor-element-d42f66f p{margin-block-end:0px;}.elementor-1176 .elementor-element.elementor-element-e05637e{--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:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-e05637e.e-con{--order:-99999 /* order start hack */;}.elementor-1176 .elementor-element.elementor-element-fe2e39a{padding:0px 0px 0px 0px;}.elementor-1176 .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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1176 .elementor-element.elementor-element-6a212b5:not(.elementor-motion-effects-element-type-background), .elementor-1176 .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/VDF-Startseite-3.png");background-position:0px -157px;background-repeat:no-repeat;background-size:cover;}.elementor-1176 .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-1176 .elementor-element.elementor-element-7e55d70 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-astglobalcolor2 );}.elementor-1176 .elementor-element.elementor-element-8f35036{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-1176 .elementor-element.elementor-element-75b4480{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-astglobalcolor2 );}.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-1176 .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-1176 .elementor-element.elementor-element-4d60112 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1176 .elementor-element.elementor-element-4d60112 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-1176 .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-1176 .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-1176 .elementor-element.elementor-element-283d6da:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-283d6da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9;}.elementor-1176 .elementor-element.elementor-element-283d6da.e-con{--align-self:flex-start;}.elementor-1176 .elementor-element.elementor-element-b1a7b08{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-1176 .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-astglobalcolor3 );}.elementor-1176 .elementor-element.elementor-element-59a728d p{margin-block-end:0px;}.elementor-1176 .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-1176 .elementor-element.elementor-element-42710dc:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-42710dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9;}.elementor-1176 .elementor-element.elementor-element-42710dc.e-con{--align-self:flex-start;}.elementor-1176 .elementor-element.elementor-element-e729c22{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor3 );}.elementor-1176 .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-astglobalcolor3 );}.elementor-1176 .elementor-element.elementor-element-72e4108 p{margin-block-end:0px;}.elementor-1176 .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-1176 .elementor-element.elementor-element-7e62efd:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-7e62efd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9;}.elementor-1176 .elementor-element.elementor-element-7e62efd.e-con{--align-self:flex-start;}.elementor-1176 .elementor-element.elementor-element-9918cc8{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor1 );}.elementor-1176 .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-astglobalcolor3 );}.elementor-1176 .elementor-element.elementor-element-7806673 p{margin-block-end:0px;}.elementor-1176 .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-1176 .elementor-element.elementor-element-02f7194:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-02f7194 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9;}.elementor-1176 .elementor-element.elementor-element-02f7194.e-con{--align-self:flex-start;}.elementor-1176 .elementor-element.elementor-element-1e5152e{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor7 );}.elementor-1176 .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-astglobalcolor3 );}.elementor-1176 .elementor-element.elementor-element-9308750 p{margin-block-end:0px;}.elementor-1176 .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-1176 .elementor-element.elementor-element-93e155b:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-93e155b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9;}.elementor-1176 .elementor-element.elementor-element-93e155b.e-con{--align-self:flex-start;}.elementor-1176 .elementor-element.elementor-element-4785860{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor6 );}.elementor-1176 .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-astglobalcolor3 );}.elementor-1176 .elementor-element.elementor-element-8b5d1e3 p{margin-block-end:0px;}.elementor-1176 .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-1176 .elementor-element.elementor-element-107bdf5:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-107bdf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9;}.elementor-1176 .elementor-element.elementor-element-107bdf5.e-con{--align-self:flex-start;}.elementor-1176 .elementor-element.elementor-element-50cddc6{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-1176 .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-astglobalcolor3 );}.elementor-1176 .elementor-element.elementor-element-1341979 p{margin-block-end:0px;}:root{--page-title-display:none;}@media(max-width:1600px){.elementor-1176 .elementor-element.elementor-element-5816d0c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1176 .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-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1200px){.elementor-1176 .elementor-element.elementor-element-6563fb4 img{width:160px;}.elementor-1176 .elementor-element.elementor-element-e79d6c2{--grid-auto-flow:row;}.elementor-1176 .elementor-element.elementor-element-9e5bee0{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1176 .elementor-element.elementor-element-1c7fc29d{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1176 .elementor-element.elementor-element-23f8ca24{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1176 .elementor-element.elementor-element-586255b0{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1176 .elementor-element.elementor-element-7796bf6e{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-1176 .elementor-element.elementor-element-6a212b5{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1176 .elementor-element.elementor-element-a0c246d{--flex-wrap:wrap;}.elementor-1176 .elementor-element.elementor-element-a0c246d:not(.elementor-motion-effects-element-type-background), .elementor-1176 .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-1176 .elementor-element.elementor-element-1cd2bea{--min-height:424px;}.elementor-1176 .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-1176 .elementor-element.elementor-element-9e5bee0:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-9e5bee0 > .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-1176 .elementor-element.elementor-element-1e17600e{--e-n-carousel-swiper-slides-to-display:2;}.elementor-1176 .elementor-element.elementor-element-06955fd:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-06955fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1176 .elementor-element.elementor-element-1ca51d8:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-1ca51d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1176 .elementor-element.elementor-element-6a212b5:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-6a212b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1176 .elementor-element.elementor-element-7e55d70 .elementor-heading-title{font-size:34px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:880px){.elementor-1176 .elementor-element.elementor-element-e79d6c2{--grid-auto-flow:row;}.elementor-1176 .elementor-element.elementor-element-06955fd{--flex-wrap:wrap;}.elementor-1176 .elementor-element.elementor-element-360c170{--flex-wrap:wrap;}.elementor-1176 .elementor-element.elementor-element-5887a51{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1176 .elementor-element.elementor-element-5887a51.e-con{--order:-99999 /* order start hack */;}.elementor-1176 .elementor-element.elementor-element-1087895{--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-da86269{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1176 .elementor-element.elementor-element-1ca51d8{--flex-wrap:wrap;}.elementor-1176 .elementor-element.elementor-element-bfad1d7{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1176 .elementor-element.elementor-element-bfad1d7.e-con{--order:-99999 /* order start hack */;}.elementor-1176 .elementor-element.elementor-element-6a212b5{--flex-wrap:wrap;}.elementor-1176 .elementor-element.elementor-element-505e89c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-1bb8b85{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1176 .elementor-element.elementor-element-dbc01f5{--min-height:297px;--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-1176 .elementor-element.elementor-element-dee708b{width:var( --container-widget-width, 269.656px );max-width:269.656px;--container-widget-width:269.656px;--container-widget-flex-grow:0;}.elementor-1176 .elementor-element.elementor-element-dee708b .elementor-heading-title{line-height:1em;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1176 .elementor-element.elementor-element-81ed8a8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1176 .elementor-element.elementor-element-a0c246d:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-a0c246d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1176 .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-1176 .elementor-element.elementor-element-1cd2bea{--min-height:186px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-fdd7b31 .elementor-heading-title{font-size:40px;}.elementor-1176 .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-1176 .elementor-element.elementor-element-9e5bee0:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-9e5bee0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1176 .elementor-element.elementor-element-7308636 img{width:100%;}.elementor-1176 .elementor-element.elementor-element-401d5e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1176 .elementor-element.elementor-element-1e17600e{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1176 .elementor-element.elementor-element-06955fd:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-06955fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1176 .elementor-element.elementor-element-1ca51d8:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-1ca51d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1176 .elementor-element.elementor-element-6a212b5:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-6a212b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1176 .elementor-element.elementor-element-7e55d70 .elementor-heading-title{font-size:29px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-1176 .elementor-element.elementor-element-e908d0d{--width:50%;}.elementor-1176 .elementor-element.elementor-element-1cd2bea{--width:50%;}.elementor-1176 .elementor-element.elementor-element-5887a51{--width:50%;}.elementor-1176 .elementor-element.elementor-element-cf31ba7{--width:50%;}.elementor-1176 .elementor-element.elementor-element-da86269{--width:50%;}.elementor-1176 .elementor-element.elementor-element-164e919{--width:50%;}.elementor-1176 .elementor-element.elementor-element-bfad1d7{--width:50%;}.elementor-1176 .elementor-element.elementor-element-e05637e{--width:50%;}.elementor-1176 .elementor-element.elementor-element-505e89c{--width:50%;}.elementor-1176 .elementor-element.elementor-element-1bb8b85{--width:50%;}.elementor-1176 .elementor-element.elementor-element-283d6da{--width:95%;}.elementor-1176 .elementor-element.elementor-element-42710dc{--width:95%;}.elementor-1176 .elementor-element.elementor-element-7e62efd{--width:95%;}.elementor-1176 .elementor-element.elementor-element-02f7194{--width:95%;}.elementor-1176 .elementor-element.elementor-element-93e155b{--width:95%;}.elementor-1176 .elementor-element.elementor-element-107bdf5{--width:95%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1176 .elementor-element.elementor-element-e908d0d{--width:1600px;}.elementor-1176 .elementor-element.elementor-element-1cd2bea{--width:1600px;}}@media(max-width:880px) and (min-width:768px){.elementor-1176 .elementor-element.elementor-element-5887a51{--width:1600px;}.elementor-1176 .elementor-element.elementor-element-cf31ba7{--width:1600px;}.elementor-1176 .elementor-element.elementor-element-da86269{--width:1600px;}.elementor-1176 .elementor-element.elementor-element-164e919{--width:1600px;}.elementor-1176 .elementor-element.elementor-element-bfad1d7{--width:1600px;}.elementor-1176 .elementor-element.elementor-element-e05637e{--width:1600px;}.elementor-1176 .elementor-element.elementor-element-505e89c{--width:1600px;}.elementor-1176 .elementor-element.elementor-element-1bb8b85{--width:1600px;}}/* Start custom CSS for heading, class: .elementor-element-9c83578 *//* Die Farbe für die markierten Wörter */
.elementor-1176 .elementor-element.elementor-element-9c83578 .blau {
    color: #0060A9 !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e0b399e *//* Die Farbe für die markierten Wörter */
.elementor-1176 .elementor-element.elementor-element-e0b399e .blau {
    color: #0060A9 !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca643f2 *//* Die Farbe für die markierten Wörter */
.elementor-1176 .elementor-element.elementor-element-ca643f2 .grau {
    color: #BEBEBE !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a60119 *//* Die Farbe für die markierten Wörter */
.elementor-1176 .elementor-element.elementor-element-8a60119 .grau {
    color: #BEBEBE !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-401d5e8 *//* Die Farbe für die markierten Wörter */
.elementor-1176 .elementor-element.elementor-element-401d5e8 .blau {
    color: #0060A9 !important; /* Dein spezifisches Blau */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-195fcd2a */.elementor-1176 .elementor-element.elementor-element-195fcd2a 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-1655a7a6 */.elementor-1176 .elementor-element.elementor-element-1655a7a6 {
    /* 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-1176 .elementor-element.elementor-element-1655a7a6 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43e8a54e *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-43e8a54e {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .flip-front,
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e .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-17402364 */.elementor-1176 .elementor-element.elementor-element-17402364 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-7a994437 */.elementor-1176 .elementor-element.elementor-element-7a994437 {
    /* 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-1176 .elementor-element.elementor-element-7a994437 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6239b480 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-6239b480 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-6239b480 .flip-front,
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480 .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-23d606c8 */.elementor-1176 .elementor-element.elementor-element-23d606c8 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-784c5808 */.elementor-1176 .elementor-element.elementor-element-784c5808 {
    /* 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-1176 .elementor-element.elementor-element-784c5808 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a291c3 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-18a291c3 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .flip-front,
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3 .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-54bcc603 */.elementor-1176 .elementor-element.elementor-element-54bcc603 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-93d25f3 */.elementor-1176 .elementor-element.elementor-element-93d25f3 {
    /* 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-1176 .elementor-element.elementor-element-93d25f3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664807e7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-664807e7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-664807e7 .flip-front,
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7 .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-195fcd2a */.elementor-1176 .elementor-element.elementor-element-195fcd2a 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-1655a7a6 */.elementor-1176 .elementor-element.elementor-element-1655a7a6 {
    /* 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-1176 .elementor-element.elementor-element-1655a7a6 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43e8a54e *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-43e8a54e {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .flip-front,
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e .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-17402364 */.elementor-1176 .elementor-element.elementor-element-17402364 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-7a994437 */.elementor-1176 .elementor-element.elementor-element-7a994437 {
    /* 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-1176 .elementor-element.elementor-element-7a994437 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6239b480 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-6239b480 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-6239b480 .flip-front,
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480 .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-23d606c8 */.elementor-1176 .elementor-element.elementor-element-23d606c8 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-784c5808 */.elementor-1176 .elementor-element.elementor-element-784c5808 {
    /* 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-1176 .elementor-element.elementor-element-784c5808 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a291c3 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-18a291c3 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .flip-front,
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3 .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-54bcc603 */.elementor-1176 .elementor-element.elementor-element-54bcc603 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-93d25f3 */.elementor-1176 .elementor-element.elementor-element-93d25f3 {
    /* 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-1176 .elementor-element.elementor-element-93d25f3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664807e7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-664807e7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-664807e7 .flip-front,
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7 .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-195fcd2a */.elementor-1176 .elementor-element.elementor-element-195fcd2a 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-1655a7a6 */.elementor-1176 .elementor-element.elementor-element-1655a7a6 {
    /* 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-1176 .elementor-element.elementor-element-1655a7a6 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43e8a54e *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-43e8a54e {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .flip-front,
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e .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-17402364 */.elementor-1176 .elementor-element.elementor-element-17402364 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-7a994437 */.elementor-1176 .elementor-element.elementor-element-7a994437 {
    /* 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-1176 .elementor-element.elementor-element-7a994437 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6239b480 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-6239b480 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-6239b480 .flip-front,
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480 .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-23d606c8 */.elementor-1176 .elementor-element.elementor-element-23d606c8 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-784c5808 */.elementor-1176 .elementor-element.elementor-element-784c5808 {
    /* 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-1176 .elementor-element.elementor-element-784c5808 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a291c3 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-18a291c3 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .flip-front,
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3 .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-54bcc603 */.elementor-1176 .elementor-element.elementor-element-54bcc603 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-93d25f3 */.elementor-1176 .elementor-element.elementor-element-93d25f3 {
    /* 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-1176 .elementor-element.elementor-element-93d25f3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664807e7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-664807e7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-664807e7 .flip-front,
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7 .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-195fcd2a */.elementor-1176 .elementor-element.elementor-element-195fcd2a 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-1655a7a6 */.elementor-1176 .elementor-element.elementor-element-1655a7a6 {
    /* 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-1176 .elementor-element.elementor-element-1655a7a6 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43e8a54e *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-43e8a54e {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .flip-front,
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e .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-17402364 */.elementor-1176 .elementor-element.elementor-element-17402364 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-7a994437 */.elementor-1176 .elementor-element.elementor-element-7a994437 {
    /* 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-1176 .elementor-element.elementor-element-7a994437 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6239b480 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-6239b480 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-6239b480 .flip-front,
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480 .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-23d606c8 */.elementor-1176 .elementor-element.elementor-element-23d606c8 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-784c5808 */.elementor-1176 .elementor-element.elementor-element-784c5808 {
    /* 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-1176 .elementor-element.elementor-element-784c5808 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a291c3 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-18a291c3 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .flip-front,
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3 .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-54bcc603 */.elementor-1176 .elementor-element.elementor-element-54bcc603 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-93d25f3 */.elementor-1176 .elementor-element.elementor-element-93d25f3 {
    /* 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-1176 .elementor-element.elementor-element-93d25f3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664807e7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-664807e7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-664807e7 .flip-front,
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7 .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-195fcd2a */.elementor-1176 .elementor-element.elementor-element-195fcd2a 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-1655a7a6 */.elementor-1176 .elementor-element.elementor-element-1655a7a6 {
    /* 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-1176 .elementor-element.elementor-element-1655a7a6 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43e8a54e *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-43e8a54e {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-43e8a54e .flip-front,
.elementor-1176 .elementor-element.elementor-element-43e8a54e .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-1176 .elementor-element.elementor-element-43e8a54e .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-17402364 */.elementor-1176 .elementor-element.elementor-element-17402364 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-7a994437 */.elementor-1176 .elementor-element.elementor-element-7a994437 {
    /* 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-1176 .elementor-element.elementor-element-7a994437 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6239b480 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-6239b480 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-6239b480 .flip-front,
.elementor-1176 .elementor-element.elementor-element-6239b480 .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-1176 .elementor-element.elementor-element-6239b480 .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-23d606c8 */.elementor-1176 .elementor-element.elementor-element-23d606c8 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-784c5808 */.elementor-1176 .elementor-element.elementor-element-784c5808 {
    /* 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-1176 .elementor-element.elementor-element-784c5808 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a291c3 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-18a291c3 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-18a291c3 .flip-front,
.elementor-1176 .elementor-element.elementor-element-18a291c3 .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-1176 .elementor-element.elementor-element-18a291c3 .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-54bcc603 */.elementor-1176 .elementor-element.elementor-element-54bcc603 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-93d25f3 */.elementor-1176 .elementor-element.elementor-element-93d25f3 {
    /* 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-1176 .elementor-element.elementor-element-93d25f3 img {
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664807e7 *//* Gibt dem Ganzen eine 3D-Perspektive */
.elementor-1176 .elementor-element.elementor-element-664807e7 {
    perspective: 1000px;
}

/* Der innere Container, der sich animiert dreht */
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Grund-Setup für Vorder- und Rückseite */
.elementor-1176 .elementor-element.elementor-element-664807e7 .flip-front,
.elementor-1176 .elementor-element.elementor-element-664807e7 .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-1176 .elementor-element.elementor-element-664807e7 .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-c4ac1fe */.elementor-1176 .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-1176 .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-1176 .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 image, class: .elementor-element-fe2e39a */.elementor-1176 .elementor-element.elementor-element-fe2e39a 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 container, class: .elementor-element-283d6da */.elementor-1176 .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: #0060A9 !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42710dc */.elementor-1176 .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: #0060A9 !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e62efd */.elementor-1176 .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: #0060A9 !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02f7194 */.elementor-1176 .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: #0060A9 !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93e155b */.elementor-1176 .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: #0060A9 !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-107bdf5 */.elementor-1176 .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: #0060A9 !important;
    
    /* WICHTIG: Genug Abstand nach rechts, damit der Text nicht in die Spitze ragt */
    padding-right: 15% !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 */