.elementor-1711 .elementor-element.elementor-element-8ceddc6{--display:flex;--min-height:935px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-8ceddc6:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-8ceddc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1711 .elementor-element.elementor-element-4c9a610{--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:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:90px;overflow:visible;}.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-1711 .elementor-element.elementor-element-d06b013{width:var( --container-widget-width, 63.15% );max-width:63.15%;--container-widget-width:63.15%;--container-widget-flex-grow:0;}.elementor-1711 .elementor-element.elementor-element-d06b013.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1711 .elementor-element.elementor-element-d06b013 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:82px;font-weight:normal;text-transform:uppercase;}.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-1711 .elementor-element.elementor-element-f331fa9{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor0 );--divider-border-width:3px;}.elementor-1711 .elementor-element.elementor-element-f331fa9 .elementor-divider-separator{width:100%;}.elementor-1711 .elementor-element.elementor-element-f331fa9 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-1711 .elementor-element.elementor-element-697f202 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:30px;font-weight:700;}.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-1711 .elementor-element.elementor-element-fe5294e{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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-1711 .elementor-element.elementor-element-7cb1e7c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1711 .elementor-element.elementor-element-7cb1e7c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-item > a{font-family:"Merriweather Sans", Sans-serif;font-size:17px;font-weight:400;}.elementor-1711 .elementor-element.elementor-element-7cb1e7c .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-1711 .elementor-element.elementor-element-f6b1885{--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;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-f6b1885:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-f6b1885 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/vdf-produkte-federntechnik.png");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-ea9b846{margin:700px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1711 .elementor-element.elementor-element-ea9b846 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:600;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-839b59a{--display:flex;--min-height:955px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-c609bbf{--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:30px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-c609bbf:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-c609bbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/vdf-baugruppe.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-bb95a23{margin:750px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1711 .elementor-element.elementor-element-bb95a23 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.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-1711 .elementor-element.elementor-element-358db86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-358db86 .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-ba2a02e{--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:30px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-ba2a02e:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-ba2a02e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/stanz-biegeteile.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-da9dc81{margin:750px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1711 .elementor-element.elementor-element-da9dc81 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-7a8ae65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-7a8ae65 .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-842a2af{--display:flex;--min-height:955px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-cc0b27f{--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:30px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-cc0b27f:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-cc0b27f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/drehfedern-drahtbiegeteile.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-b901011{margin:750px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1711 .elementor-element.elementor-element-b901011 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-fb7c6c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-fb7c6c1 .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-f23ac4a{--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:30px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-f23ac4a:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-f23ac4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/zugfedern.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-120479b{margin:750px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1711 .elementor-element.elementor-element-120479b .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-310eff2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-310eff2 .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-5889948{--display:flex;--min-height:955px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-7d94eec{--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:30px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-7d94eec:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-7d94eec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/druckfedern-hersteller.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-2dc909f{margin:750px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1711 .elementor-element.elementor-element-2dc909f .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-91d75e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-91d75e3 .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-bd90a8b{--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:30px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-bd90a8b:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-bd90a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/achsfedern.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-216fe80{margin:750px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1711 .elementor-element.elementor-element-216fe80 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-c7b374a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-c7b374a .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-6ca0ac1{--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-1711 .elementor-element.elementor-element-6ca0ac1:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-6ca0ac1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1711 .elementor-element.elementor-element-6ca0ac1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1711 .elementor-element.elementor-element-05c57e2{--display:flex;--min-height:400px;--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-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-05c57e2:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-05c57e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/geschaeftsfelder-uebersicht.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-014bdcc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-811a387{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-811a387 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:75px;font-weight:400;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-395868d{--display:flex;--min-height:886px;--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-end;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-395868d:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-395868d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/automotive-industry.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-c782a48{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-9e6d944{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-9e6d944 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:50px;font-weight:500;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-5b50624 .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-0b6ea20{--display:flex;--min-height:886px;--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-end;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-0b6ea20:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/maschinen-anlagenbau.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-932ba4d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-d28a957{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-d28a957 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:50px;font-weight:500;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-fe2ea77 .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-814ca03{--display:flex;--min-height:886px;--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-end;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-814ca03:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-814ca03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/harvesting-of-basil-by-machine.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-d2f5124{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-410d37e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-410d37e .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:50px;font-weight:500;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-d00a1e3 .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-cb5f9a5{--display:flex;--min-height:886px;--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-end;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-cb5f9a5:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/national-cancer-institute.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-d1bb8b3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-68fbcec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-68fbcec .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:50px;font-weight:500;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-c9819aa .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-a0bdea2{--display:flex;--min-height:886px;--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-end;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-a0bdea2:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/03/household-appliance-cardboard-boxes-conveyor.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-ff282bd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-041e2eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-041e2eb .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:50px;font-weight:500;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-84441ef .elementor-button{font-family:"Klavika", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-919f0f3{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;padding:0px 0px 0px 0px;--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:0px;--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:0px;--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-size:55px;--e-n-carousel-arrow-normal-color:var( --e-global-color-astglobalcolor3 );}.elementor-1711 .elementor-element.elementor-element-1c66576{--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 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-1c66576:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-1c66576 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1711 .elementor-element.elementor-element-895ac38{--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;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-895ac38.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1711 .elementor-element.elementor-element-aca794a{width:var( --container-widget-width, 110.488% );max-width:110.488%;--container-widget-width:110.488%;--container-widget-flex-grow:0;}.elementor-1711 .elementor-element.elementor-element-aca794a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1711 .elementor-element.elementor-element-aca794a .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:82px;font-weight:normal;text-transform:uppercase;}.elementor-1711 .elementor-element.elementor-element-d487487{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor0 );--divider-border-width:3px;}.elementor-1711 .elementor-element.elementor-element-d487487 .elementor-divider-separator{width:59%;}.elementor-1711 .elementor-element.elementor-element-d487487 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-1711 .elementor-element.elementor-element-6a34395{--display:flex;--justify-content:flex-start;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-6a34395:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-6a34395 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1711 .elementor-element.elementor-element-3aa9c5f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-b4c5d55{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-dac124a{--display:flex;overflow:visible;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1711 .elementor-element.elementor-element-7de5257{text-align:start;}.elementor-1711 .elementor-element.elementor-element-7de5257 img{width:10%;}.elementor-1711 .elementor-element.elementor-element-03228d4 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:30px;font-weight:normal;}.elementor-1711 .elementor-element.elementor-element-191f346{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1711 .elementor-element.elementor-element-1ee4511{--display:flex;--min-height:545px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-1ee4511:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-1ee4511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/springs-cold-forming.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-f76c820{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-b981e15{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-7a7b9f8{--display:flex;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-a4449c2{text-align:start;}.elementor-1711 .elementor-element.elementor-element-a4449c2 img{width:10%;}.elementor-1711 .elementor-element.elementor-element-9ff95ef .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:30px;font-weight:normal;}.elementor-1711 .elementor-element.elementor-element-2137a83{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1711 .elementor-element.elementor-element-e40e76c{--display:flex;--min-height:545px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-e40e76c:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-e40e76c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/federn-waermebehandlung.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-f9d05f4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-efd8af5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-23096fe{--display:flex;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-7dc974e{text-align:start;}.elementor-1711 .elementor-element.elementor-element-7dc974e img{width:10%;}.elementor-1711 .elementor-element.elementor-element-038cfca .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:30px;font-weight:normal;}.elementor-1711 .elementor-element.elementor-element-2a32ac8{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1711 .elementor-element.elementor-element-f32cd99{--display:flex;--min-height:545px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-f32cd99:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-f32cd99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/druckfedern.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-7c47749{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-321bde4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-8909012{--display:flex;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-bd4cf6c{text-align:start;}.elementor-1711 .elementor-element.elementor-element-bd4cf6c img{width:10%;}.elementor-1711 .elementor-element.elementor-element-42aea1d .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:30px;font-weight:normal;}.elementor-1711 .elementor-element.elementor-element-75aff82{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1711 .elementor-element.elementor-element-4c42cdc{--display:flex;--min-height:545px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-4c42cdc:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-4c42cdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/kugelstrahlen.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-4d8100c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-995171a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-f8ee5c6{--display:flex;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-219b647{text-align:start;}.elementor-1711 .elementor-element.elementor-element-219b647 img{width:10%;}.elementor-1711 .elementor-element.elementor-element-6a0d267 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:30px;font-weight:normal;}.elementor-1711 .elementor-element.elementor-element-c2f18f0{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1711 .elementor-element.elementor-element-c83a2d5{--display:flex;--min-height:545px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-c83a2d5:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-c83a2d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/plastifizieren.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-0e03048{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-19271f0{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-554bdb8{--display:flex;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-c50548f{text-align:start;}.elementor-1711 .elementor-element.elementor-element-c50548f img{width:10%;}.elementor-1711 .elementor-element.elementor-element-116ebfc .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:30px;font-weight:normal;}.elementor-1711 .elementor-element.elementor-element-3065fbc{font-family:"Merriweather Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1711 .elementor-element.elementor-element-289841f{--display:flex;--min-height:545px;overflow:visible;}.elementor-1711 .elementor-element.elementor-element-289841f:not(.elementor-motion-effects-element-type-background), .elementor-1711 .elementor-element.elementor-element-289841f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/oberflaechenbehandlung.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1711 .elementor-element.elementor-element-a5d4e25{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;padding:0px 0px 0px 0px;--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:-45px;--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:-45px;--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-size:55px;--e-n-carousel-arrow-normal-color:var( --e-global-color-astglobalcolor3 );}:root{--page-title-display:none;}@media(max-width:1600px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1711 .elementor-element.elementor-element-d06b013{--container-widget-width:368px;--container-widget-flex-grow:0;width:var( --container-widget-width, 368px );max-width:368px;}.elementor-1711 .elementor-element.elementor-element-d06b013 .elementor-heading-title{font-size:70px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-1711 .elementor-element.elementor-element-7cb1e7c{width:var( --container-widget-width, 518.5px );max-width:518.5px;--container-widget-width:518.5px;--container-widget-flex-grow:0;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1711 .elementor-element.elementor-element-b4c5d55{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1711 .elementor-element.elementor-element-b981e15{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-efd8af5{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-321bde4{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-995171a{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-19271f0{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-1711 .elementor-element.elementor-element-aca794a{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-1711 .elementor-element.elementor-element-aca794a .elementor-heading-title{font-size:65px;}.elementor-1711 .elementor-element.elementor-element-b4c5d55{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-b981e15{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-efd8af5{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-321bde4{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-995171a{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-19271f0{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-1711 .elementor-element.elementor-element-4c9a610{--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-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-1711 .elementor-element.elementor-element-839b59a{--min-height:500px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1711 .elementor-element.elementor-element-842a2af{--min-height:500px;}.elementor-1711 .elementor-element.elementor-element-5889948{--min-height:500px;}.elementor-1711 .elementor-element.elementor-element-919f0f3{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1711 .elementor-element.elementor-element-b4c5d55{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1711 .elementor-element.elementor-element-b981e15{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-efd8af5{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-321bde4{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-995171a{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-19271f0{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-a5d4e25{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:880px){.elementor-1711 .elementor-element.elementor-element-4c9a610{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1711 .elementor-element.elementor-element-d06b013 .elementor-heading-title{font-size:50px;}.elementor-1711 .elementor-element.elementor-element-1c66576{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1711 .elementor-element.elementor-element-aca794a .elementor-heading-title{font-size:50px;}.elementor-1711 .elementor-element.elementor-element-b4c5d55{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-b981e15{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-efd8af5{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-321bde4{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-995171a{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-19271f0{--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-a5d4e25{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-1711 .elementor-element.elementor-element-4c9a610{--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-1711 .elementor-element.elementor-element-d06b013 .elementor-heading-title{font-size:50px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-1711 .elementor-element.elementor-element-f6b1885{--min-height:0px;}.elementor-1711 .elementor-element.elementor-element-bb95a23{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1711 .elementor-element.elementor-element-da9dc81{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-b901011{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-120479b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-2dc909f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-216fe80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1711 .elementor-element.elementor-element-919f0f3{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-top-position:-10px;--e-n-carousel-arrow-next-top-position:-10px;}.elementor-1711 .elementor-element.elementor-element-1c66576{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-1711 .elementor-element.elementor-element-aca794a .elementor-heading-title{font-size:30px;}.elementor-1711 .elementor-element.elementor-element-6a34395{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1711 .elementor-element.elementor-element-b4c5d55{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1711 .elementor-element.elementor-element-1ee4511{--min-height:217px;}.elementor-1711 .elementor-element.elementor-element-b981e15{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-e40e76c{--min-height:217px;}.elementor-1711 .elementor-element.elementor-element-efd8af5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-f32cd99{--min-height:217px;}.elementor-1711 .elementor-element.elementor-element-321bde4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-4c42cdc{--min-height:217px;}.elementor-1711 .elementor-element.elementor-element-995171a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-c83a2d5{--min-height:217px;}.elementor-1711 .elementor-element.elementor-element-19271f0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1711 .elementor-element.elementor-element-289841f{--min-height:217px;}.elementor-1711 .elementor-element.elementor-element-a5d4e25{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-35px;--e-n-carousel-arrow-next-right-position:-35px;}}@media(min-width:768px){.elementor-1711 .elementor-element.elementor-element-4c9a610{--width:50%;}.elementor-1711 .elementor-element.elementor-element-f6b1885{--width:50%;}.elementor-1711 .elementor-element.elementor-element-c609bbf{--width:50%;}.elementor-1711 .elementor-element.elementor-element-ba2a02e{--width:50%;}.elementor-1711 .elementor-element.elementor-element-cc0b27f{--width:50%;}.elementor-1711 .elementor-element.elementor-element-f23ac4a{--width:50%;}.elementor-1711 .elementor-element.elementor-element-7d94eec{--width:50%;}.elementor-1711 .elementor-element.elementor-element-bd90a8b{--width:50%;}.elementor-1711 .elementor-element.elementor-element-6ca0ac1{--width:100.064%;}.elementor-1711 .elementor-element.elementor-element-895ac38{--width:81.101%;}}@media(max-width:1200px) and (min-width:768px){.elementor-1711 .elementor-element.elementor-element-895ac38{--width:779px;}}/* Start custom CSS for container, class: .elementor-element-f6b1885 *//* Container für Ebenen-Sortierung vorbereiten */
.elementor-1711 .elementor-element.elementor-element-f6b1885 {
    position: relative;
    overflow: hidden;
}

/* Die blaue Überlagerung (untere 30% mit deinem Wunschblau) */
.elementor-1711 .elementor-element.elementor-element-f6b1885::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /* Harter Übergang: 30% Blau, danach sofort transparent */
    background: linear-gradient(
        to top, 
        #0060A980 0%, 
        #0060A980 25%, 
        transparent 25%
    );
    z-index: 1;
    pointer-events: none;
}

/* Inhalte (Text, Buttons) über das Blau legen */
.elementor-1711 .elementor-element.elementor-element-f6b1885 > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c609bbf *//* Container-Grundlagen */
.elementor-1711 .elementor-element.elementor-element-c609bbf {
    position: relative;
    overflow: hidden;
}

/* Die blaue Überlagerung (jetzt auf 25 % reduziert) */
.elementor-1711 .elementor-element.elementor-element-c609bbf::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /* Harter Übergang bei 25 % mit Farbe #0060A980 */
    background: linear-gradient(
        to top, 
        #0060A980 0%, 
        #0060A980 25%, 
        transparent 25%
    );
    z-index: 1;
    pointer-events: none;
}

/* Inhalte (Text, Buttons) über das Blau legen */
.elementor-1711 .elementor-element.elementor-element-c609bbf > * {
    position: relative;
    z-index: 2;
}

/* ==========================================================
   2. RESPONSIVE ERGÄNZUNGEN (Mit Flexbox-Rettung)
   ========================================================== */

/* --- TABLET-ANSICHT --- */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-c609bbf {
        height: 520px !important;
        min-height: 520px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 30px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Blauen Balken auf dem Tablet anheben */
    .elementor-1711 .elementor-element.elementor-element-c609bbf::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 40%, 
            transparent 40%
        ) !important;
    }

    .elementor-1711 .elementor-element.elementor-element-c609bbf .elementor-heading-title {
        font-size: 26px !important;
    }
}

/* --- SMARTPHONE-ANSICHT --- */
@media (max-width: 767px) {
    .elementor-1711 .elementor-element.elementor-element-c609bbf {
        height: 380px !important;
        min-height: 380px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 20px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Auf dem Handy den Balken höher ziehen */
    .elementor-1711 .elementor-element.elementor-element-c609bbf::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 55%, 
            transparent 55%
        ) !important;
    }

    /* Keine störenden Außenabstände der Widgets nach unten */
    .elementor-1711 .elementor-element.elementor-element-c609bbf .elementor-widget {
        margin-bottom: 0 !important;
    }

    .elementor-1711 .elementor-element.elementor-element-c609bbf .elementor-heading-title {
        font-size: 22px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba2a02e *//* Container-Grundlagen */
.elementor-1711 .elementor-element.elementor-element-ba2a02e {
    position: relative;
    overflow: hidden;
}

/* Die blaue Überlagerung (jetzt auf 25 % reduziert) */
.elementor-1711 .elementor-element.elementor-element-ba2a02e::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /* Harter Übergang bei 25 % mit Farbe #0060A980 */
    background: linear-gradient(
        to top, 
        #0060A980 0%, 
        #0060A980 25%, 
        transparent 25%
    );
    z-index: 1;
    pointer-events: none;
}

/* Inhalte (Text, Buttons) über das Blau legen */
.elementor-1711 .elementor-element.elementor-element-ba2a02e > * {
    position: relative;
    z-index: 2;
}

/* ==========================================================
   2. RESPONSIVE ERGÄNZUNGEN (Mit Flexbox-Rettung)
   ========================================================== */

/* --- TABLET-ANSICHT --- */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-ba2a02e {
        height: 520px !important;
        min-height: 520px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 30px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Blauen Balken auf dem Tablet anheben */
    .elementor-1711 .elementor-element.elementor-element-ba2a02e::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 40%, 
            transparent 40%
        ) !important;
    }

    .elementor-1711 .elementor-element.elementor-element-ba2a02e .elementor-heading-title {
        font-size: 26px !important;
    }
}

/* --- SMARTPHONE-ANSICHT --- */
@media (max-width: 767px) {
    .elementor-1711 .elementor-element.elementor-element-ba2a02e {
        height: 380px !important;
        min-height: 380px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 20px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Auf dem Handy den Balken höher ziehen */
    .elementor-1711 .elementor-element.elementor-element-ba2a02e::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 55%, 
            transparent 55%
        ) !important;
    }

    /* Keine störenden Außenabstände der Widgets nach unten */
    .elementor-1711 .elementor-element.elementor-element-ba2a02e .elementor-widget {
        margin-bottom: 0 !important;
    }

    .elementor-1711 .elementor-element.elementor-element-ba2a02e .elementor-heading-title {
        font-size: 22px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc0b27f *//* Container-Grundlagen */
.elementor-1711 .elementor-element.elementor-element-cc0b27f {
    position: relative;
    overflow: hidden;
}

/* Die blaue Überlagerung (jetzt auf 25 % reduziert) */
.elementor-1711 .elementor-element.elementor-element-cc0b27f::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /* Harter Übergang bei 25 % mit Farbe #0060A980 */
    background: linear-gradient(
        to top, 
        #0060A980 0%, 
        #0060A980 25%, 
        transparent 25%
    );
    z-index: 1;
    pointer-events: none;
}

/* Inhalte (Text, Buttons) über das Blau legen */
.elementor-1711 .elementor-element.elementor-element-cc0b27f > * {
    position: relative;
    z-index: 2;
}

/* ==========================================================
   2. RESPONSIVE ERGÄNZUNGEN (Mit Flexbox-Rettung)
   ========================================================== */

/* --- TABLET-ANSICHT --- */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-cc0b27f {
        height: 520px !important;
        min-height: 520px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 30px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Blauen Balken auf dem Tablet anheben */
    .elementor-1711 .elementor-element.elementor-element-cc0b27f::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 40%, 
            transparent 40%
        ) !important;
    }

    .elementor-1711 .elementor-element.elementor-element-cc0b27f .elementor-heading-title {
        font-size: 26px !important;
    }
}

/* --- SMARTPHONE-ANSICHT --- */
@media (max-width: 767px) {
    .elementor-1711 .elementor-element.elementor-element-cc0b27f {
        height: 380px !important;
        min-height: 380px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 20px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Auf dem Handy den Balken höher ziehen */
    .elementor-1711 .elementor-element.elementor-element-cc0b27f::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 55%, 
            transparent 55%
        ) !important;
    }

    /* Keine störenden Außenabstände der Widgets nach unten */
    .elementor-1711 .elementor-element.elementor-element-cc0b27f .elementor-widget {
        margin-bottom: 0 !important;
    }

    .elementor-1711 .elementor-element.elementor-element-cc0b27f .elementor-heading-title {
        font-size: 22px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f23ac4a *//* Container-Grundlagen */
.elementor-1711 .elementor-element.elementor-element-f23ac4a {
    position: relative;
    overflow: hidden;
}

/* Die blaue Überlagerung (jetzt auf 25 % reduziert) */
.elementor-1711 .elementor-element.elementor-element-f23ac4a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /* Harter Übergang bei 25 % mit Farbe #0060A980 */
    background: linear-gradient(
        to top, 
        #0060A980 0%, 
        #0060A980 25%, 
        transparent 25%
    );
    z-index: 1;
    pointer-events: none;
}

/* Inhalte (Text, Buttons) über das Blau legen */
.elementor-1711 .elementor-element.elementor-element-f23ac4a > * {
    position: relative;
    z-index: 2;
}

/* ==========================================================
   2. RESPONSIVE ERGÄNZUNGEN (Mit Flexbox-Rettung)
   ========================================================== */

/* --- TABLET-ANSICHT --- */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-f23ac4a {
        height: 520px !important;
        min-height: 520px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 30px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Blauen Balken auf dem Tablet anheben */
    .elementor-1711 .elementor-element.elementor-element-f23ac4a::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 40%, 
            transparent 40%
        ) !important;
    }

    .elementor-1711 .elementor-element.elementor-element-f23ac4a .elementor-heading-title {
        font-size: 26px !important;
    }
}

/* --- SMARTPHONE-ANSICHT --- */
@media (max-width: 767px) {
    .elementor-1711 .elementor-element.elementor-element-f23ac4a {
        height: 380px !important;
        min-height: 380px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 20px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Auf dem Handy den Balken höher ziehen */
    .elementor-1711 .elementor-element.elementor-element-f23ac4a::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 55%, 
            transparent 55%
        ) !important;
    }

    /* Keine störenden Außenabstände der Widgets nach unten */
    .elementor-1711 .elementor-element.elementor-element-f23ac4a .elementor-widget {
        margin-bottom: 0 !important;
    }

    .elementor-1711 .elementor-element.elementor-element-f23ac4a .elementor-heading-title {
        font-size: 22px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d94eec *//* Container-Grundlagen */
.elementor-1711 .elementor-element.elementor-element-7d94eec {
    position: relative;
    overflow: hidden;
}

/* Die blaue Überlagerung (jetzt auf 25 % reduziert) */
.elementor-1711 .elementor-element.elementor-element-7d94eec::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /* Harter Übergang bei 25 % mit Farbe #0060A980 */
    background: linear-gradient(
        to top, 
        #0060A980 0%, 
        #0060A980 25%, 
        transparent 25%
    );
    z-index: 1;
    pointer-events: none;
}

/* Inhalte (Text, Buttons) über das Blau legen */
.elementor-1711 .elementor-element.elementor-element-7d94eec > * {
    position: relative;
    z-index: 2;
}

/* ==========================================================
   2. RESPONSIVE ERGÄNZUNGEN (Mit Flexbox-Rettung)
   ========================================================== */

/* --- TABLET-ANSICHT --- */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-7d94eec {
        height: 520px !important;
        min-height: 520px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 30px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Blauen Balken auf dem Tablet anheben */
    .elementor-1711 .elementor-element.elementor-element-7d94eec::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 40%, 
            transparent 40%
        ) !important;
    }

    .elementor-1711 .elementor-element.elementor-element-7d94eec .elementor-heading-title {
        font-size: 26px !important;
    }
}

/* --- SMARTPHONE-ANSICHT --- */
@media (max-width: 767px) {
    .elementor-1711 .elementor-element.elementor-element-7d94eec {
        height: 380px !important;
        min-height: 380px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 20px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Auf dem Handy den Balken höher ziehen */
    .elementor-1711 .elementor-element.elementor-element-7d94eec::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 55%, 
            transparent 55%
        ) !important;
    }

    /* Keine störenden Außenabstände der Widgets nach unten */
    .elementor-1711 .elementor-element.elementor-element-7d94eec .elementor-widget {
        margin-bottom: 0 !important;
    }

    .elementor-1711 .elementor-element.elementor-element-7d94eec .elementor-heading-title {
        font-size: 22px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd90a8b *//* Container-Grundlagen */
.elementor-1711 .elementor-element.elementor-element-bd90a8b {
    position: relative;
    overflow: hidden;
}

/* Die blaue Überlagerung (jetzt auf 25 % reduziert) */
.elementor-1711 .elementor-element.elementor-element-bd90a8b::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /* Harter Übergang bei 25 % mit Farbe #0060A980 */
    background: linear-gradient(
        to top, 
        #0060A980 0%, 
        #0060A980 25%, 
        transparent 25%
    );
    z-index: 1;
    pointer-events: none;
}

/* Inhalte (Text, Buttons) über das Blau legen */
.elementor-1711 .elementor-element.elementor-element-bd90a8b > * {
    position: relative;
    z-index: 2;
}

/* ==========================================================
   2. RESPONSIVE ERGÄNZUNGEN (Mit Flexbox-Rettung)
   ========================================================== */

/* --- TABLET-ANSICHT --- */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-bd90a8b {
        height: 520px !important;
        min-height: 520px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 30px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Blauen Balken auf dem Tablet anheben */
    .elementor-1711 .elementor-element.elementor-element-bd90a8b::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 40%, 
            transparent 40%
        ) !important;
    }

    .elementor-1711 .elementor-element.elementor-element-bd90a8b .elementor-heading-title {
        font-size: 26px !important;
    }
}

/* --- SMARTPHONE-ANSICHT --- */
@media (max-width: 767px) {
    .elementor-1711 .elementor-element.elementor-element-bd90a8b {
        height: 380px !important;
        min-height: 380px !important;
        
        /* RETTUNG: Aktiviert Flexbox und setzt das Riesen-Padding auf 0 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* Zwingt Text nach unten */
        align-items: flex-start !important;    /* Zwingt Text nach links */
        padding: 20px !important;             /* Löscht das zerstörerische Desktop-Padding */
    }

    /* Auf dem Handy den Balken höher ziehen */
    .elementor-1711 .elementor-element.elementor-element-bd90a8b::before {
        background: linear-gradient(
            to top, 
            #0060A980 0%, 
            #0060A980 55%, 
            transparent 55%
        ) !important;
    }

    /* Keine störenden Außenabstände der Widgets nach unten */
    .elementor-1711 .elementor-element.elementor-element-bd90a8b .elementor-widget {
        margin-bottom: 0 !important;
    }

    .elementor-1711 .elementor-element.elementor-element-bd90a8b .elementor-heading-title {
        font-size: 22px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c57e2 *//* 1. HAUPT-CONTAINER: Alle Paddings und Gaps eliminieren */
.elementor-1711 .elementor-element.elementor-element-05c57e2, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .e-con-inner, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    --widgets-spacing: 0px !important; /* Deaktiviert Elementors Standard-Widget-Abstand */
}

/* 2. DIE WIDGETS (Blauer Block) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading,
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    background-color: #0060A980 !important;
    width: 40% !important;
    margin: 0 !important;
    padding-left: 30px !important; /* Text-Abstand von links */
    box-sizing: border-box;
}

/* Überschrift oben polstern */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
}

/* Button unten polstern (damit er bündig abschließt) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    padding-bottom: 30px !important;
}

/* 3. FIX FÜR DIE UNTERE KANTE: Elementor Widgets haben oft margin-bottom */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget {
    margin-bottom: 0 !important;
}

/* --- RESPONSIVE --- */

/* NEU: Laptop-Breakpoint (fängt kleinere Bildschirme ab, bevor der Tablet-Modus greift) */
@media (max-width: 1650px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 52% !important; /* Macht den blauen Kasten auf Laptops etwas breiter */
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important; /* Zwingt das Wort, in EINER Reihe zu bleiben */
        font-size: 60px !important;     /* Macht die Schrift auf Laptops minimal kleiner, damit sie passt */
    }
}

/* Tablet-Ansicht */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 65% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important;
        font-size: 35px !important;
    }
}

/* Handy-Ansicht */
@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf eine knackige Höhe */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 {
        height: 450px !important;     /* Ändere diese Zahl, um die Höhe anzupassen */
        min-height: 450px !important; /* Muss derselbe Wert sein wie darüber */
    }

    /* Dein bisheriger mobiler Code (bleibt einfach drin): */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 100% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        font-size: 26px !important;
        white-space: normal !important; /* Erlaubt dem langen Wort, mobil in 2 Zeilen zu brechen */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395868d *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-395868d {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-395868d > .e-con, 
.elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-395868d {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b6ea20 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814ca03 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-814ca03 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-814ca03 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5f9a5 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0bdea2 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c57e2 *//* 1. HAUPT-CONTAINER: Alle Paddings und Gaps eliminieren */
.elementor-1711 .elementor-element.elementor-element-05c57e2, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .e-con-inner, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    --widgets-spacing: 0px !important; /* Deaktiviert Elementors Standard-Widget-Abstand */
}

/* 2. DIE WIDGETS (Blauer Block) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading,
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    background-color: #0060A980 !important;
    width: 40% !important;
    margin: 0 !important;
    padding-left: 30px !important; /* Text-Abstand von links */
    box-sizing: border-box;
}

/* Überschrift oben polstern */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
}

/* Button unten polstern (damit er bündig abschließt) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    padding-bottom: 30px !important;
}

/* 3. FIX FÜR DIE UNTERE KANTE: Elementor Widgets haben oft margin-bottom */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget {
    margin-bottom: 0 !important;
}

/* --- RESPONSIVE --- */

/* NEU: Laptop-Breakpoint (fängt kleinere Bildschirme ab, bevor der Tablet-Modus greift) */
@media (max-width: 1650px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 52% !important; /* Macht den blauen Kasten auf Laptops etwas breiter */
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important; /* Zwingt das Wort, in EINER Reihe zu bleiben */
        font-size: 60px !important;     /* Macht die Schrift auf Laptops minimal kleiner, damit sie passt */
    }
}

/* Tablet-Ansicht */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 65% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important;
        font-size: 35px !important;
    }
}

/* Handy-Ansicht */
@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf eine knackige Höhe */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 {
        height: 450px !important;     /* Ändere diese Zahl, um die Höhe anzupassen */
        min-height: 450px !important; /* Muss derselbe Wert sein wie darüber */
    }

    /* Dein bisheriger mobiler Code (bleibt einfach drin): */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 100% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        font-size: 26px !important;
        white-space: normal !important; /* Erlaubt dem langen Wort, mobil in 2 Zeilen zu brechen */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395868d *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-395868d {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-395868d > .e-con, 
.elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-395868d {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b6ea20 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814ca03 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-814ca03 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-814ca03 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5f9a5 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0bdea2 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c57e2 *//* 1. HAUPT-CONTAINER: Alle Paddings und Gaps eliminieren */
.elementor-1711 .elementor-element.elementor-element-05c57e2, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .e-con-inner, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    --widgets-spacing: 0px !important; /* Deaktiviert Elementors Standard-Widget-Abstand */
}

/* 2. DIE WIDGETS (Blauer Block) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading,
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    background-color: #0060A980 !important;
    width: 40% !important;
    margin: 0 !important;
    padding-left: 30px !important; /* Text-Abstand von links */
    box-sizing: border-box;
}

/* Überschrift oben polstern */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
}

/* Button unten polstern (damit er bündig abschließt) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    padding-bottom: 30px !important;
}

/* 3. FIX FÜR DIE UNTERE KANTE: Elementor Widgets haben oft margin-bottom */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget {
    margin-bottom: 0 !important;
}

/* --- RESPONSIVE --- */

/* NEU: Laptop-Breakpoint (fängt kleinere Bildschirme ab, bevor der Tablet-Modus greift) */
@media (max-width: 1650px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 52% !important; /* Macht den blauen Kasten auf Laptops etwas breiter */
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important; /* Zwingt das Wort, in EINER Reihe zu bleiben */
        font-size: 60px !important;     /* Macht die Schrift auf Laptops minimal kleiner, damit sie passt */
    }
}

/* Tablet-Ansicht */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 65% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important;
        font-size: 35px !important;
    }
}

/* Handy-Ansicht */
@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf eine knackige Höhe */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 {
        height: 450px !important;     /* Ändere diese Zahl, um die Höhe anzupassen */
        min-height: 450px !important; /* Muss derselbe Wert sein wie darüber */
    }

    /* Dein bisheriger mobiler Code (bleibt einfach drin): */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 100% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        font-size: 26px !important;
        white-space: normal !important; /* Erlaubt dem langen Wort, mobil in 2 Zeilen zu brechen */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395868d *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-395868d {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-395868d > .e-con, 
.elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-395868d {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b6ea20 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814ca03 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-814ca03 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-814ca03 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5f9a5 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0bdea2 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c57e2 *//* 1. HAUPT-CONTAINER: Alle Paddings und Gaps eliminieren */
.elementor-1711 .elementor-element.elementor-element-05c57e2, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .e-con-inner, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    --widgets-spacing: 0px !important; /* Deaktiviert Elementors Standard-Widget-Abstand */
}

/* 2. DIE WIDGETS (Blauer Block) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading,
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    background-color: #0060A980 !important;
    width: 40% !important;
    margin: 0 !important;
    padding-left: 30px !important; /* Text-Abstand von links */
    box-sizing: border-box;
}

/* Überschrift oben polstern */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
}

/* Button unten polstern (damit er bündig abschließt) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    padding-bottom: 30px !important;
}

/* 3. FIX FÜR DIE UNTERE KANTE: Elementor Widgets haben oft margin-bottom */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget {
    margin-bottom: 0 !important;
}

/* --- RESPONSIVE --- */

/* NEU: Laptop-Breakpoint (fängt kleinere Bildschirme ab, bevor der Tablet-Modus greift) */
@media (max-width: 1650px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 52% !important; /* Macht den blauen Kasten auf Laptops etwas breiter */
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important; /* Zwingt das Wort, in EINER Reihe zu bleiben */
        font-size: 60px !important;     /* Macht die Schrift auf Laptops minimal kleiner, damit sie passt */
    }
}

/* Tablet-Ansicht */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 65% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important;
        font-size: 35px !important;
    }
}

/* Handy-Ansicht */
@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf eine knackige Höhe */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 {
        height: 450px !important;     /* Ändere diese Zahl, um die Höhe anzupassen */
        min-height: 450px !important; /* Muss derselbe Wert sein wie darüber */
    }

    /* Dein bisheriger mobiler Code (bleibt einfach drin): */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 100% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        font-size: 26px !important;
        white-space: normal !important; /* Erlaubt dem langen Wort, mobil in 2 Zeilen zu brechen */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395868d *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-395868d {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-395868d > .e-con, 
.elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-395868d {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b6ea20 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814ca03 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-814ca03 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-814ca03 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5f9a5 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0bdea2 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c57e2 *//* 1. HAUPT-CONTAINER: Alle Paddings und Gaps eliminieren */
.elementor-1711 .elementor-element.elementor-element-05c57e2, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .e-con-inner, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    --widgets-spacing: 0px !important; /* Deaktiviert Elementors Standard-Widget-Abstand */
}

/* 2. DIE WIDGETS (Blauer Block) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading,
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    background-color: #0060A980 !important;
    width: 40% !important;
    margin: 0 !important;
    padding-left: 30px !important; /* Text-Abstand von links */
    box-sizing: border-box;
}

/* Überschrift oben polstern */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
}

/* Button unten polstern (damit er bündig abschließt) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    padding-bottom: 30px !important;
}

/* 3. FIX FÜR DIE UNTERE KANTE: Elementor Widgets haben oft margin-bottom */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget {
    margin-bottom: 0 !important;
}

/* --- RESPONSIVE --- */

/* NEU: Laptop-Breakpoint (fängt kleinere Bildschirme ab, bevor der Tablet-Modus greift) */
@media (max-width: 1650px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 52% !important; /* Macht den blauen Kasten auf Laptops etwas breiter */
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important; /* Zwingt das Wort, in EINER Reihe zu bleiben */
        font-size: 60px !important;     /* Macht die Schrift auf Laptops minimal kleiner, damit sie passt */
    }
}

/* Tablet-Ansicht */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 65% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important;
        font-size: 35px !important;
    }
}

/* Handy-Ansicht */
@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf eine knackige Höhe */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 {
        height: 450px !important;     /* Ändere diese Zahl, um die Höhe anzupassen */
        min-height: 450px !important; /* Muss derselbe Wert sein wie darüber */
    }

    /* Dein bisheriger mobiler Code (bleibt einfach drin): */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 100% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        font-size: 26px !important;
        white-space: normal !important; /* Erlaubt dem langen Wort, mobil in 2 Zeilen zu brechen */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395868d *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-395868d {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-395868d > .e-con, 
.elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-395868d {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b6ea20 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814ca03 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-814ca03 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-814ca03 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5f9a5 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0bdea2 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c57e2 *//* 1. HAUPT-CONTAINER: Alle Paddings und Gaps eliminieren */
.elementor-1711 .elementor-element.elementor-element-05c57e2, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .e-con-inner, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    --widgets-spacing: 0px !important; /* Deaktiviert Elementors Standard-Widget-Abstand */
}

/* 2. DIE WIDGETS (Blauer Block) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading,
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    background-color: #0060A980 !important;
    width: 40% !important;
    margin: 0 !important;
    padding-left: 30px !important; /* Text-Abstand von links */
    box-sizing: border-box;
}

/* Überschrift oben polstern */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
}

/* Button unten polstern (damit er bündig abschließt) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    padding-bottom: 30px !important;
}

/* 3. FIX FÜR DIE UNTERE KANTE: Elementor Widgets haben oft margin-bottom */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget {
    margin-bottom: 0 !important;
}

/* --- RESPONSIVE --- */

/* NEU: Laptop-Breakpoint (fängt kleinere Bildschirme ab, bevor der Tablet-Modus greift) */
@media (max-width: 1650px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 52% !important; /* Macht den blauen Kasten auf Laptops etwas breiter */
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important; /* Zwingt das Wort, in EINER Reihe zu bleiben */
        font-size: 60px !important;     /* Macht die Schrift auf Laptops minimal kleiner, damit sie passt */
    }
}

/* Tablet-Ansicht */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 65% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important;
        font-size: 35px !important;
    }
}

/* Handy-Ansicht */
@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf eine knackige Höhe */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 {
        height: 450px !important;     /* Ändere diese Zahl, um die Höhe anzupassen */
        min-height: 450px !important; /* Muss derselbe Wert sein wie darüber */
    }

    /* Dein bisheriger mobiler Code (bleibt einfach drin): */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 100% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        font-size: 26px !important;
        white-space: normal !important; /* Erlaubt dem langen Wort, mobil in 2 Zeilen zu brechen */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395868d *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-395868d {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-395868d > .e-con, 
.elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-395868d {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b6ea20 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814ca03 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-814ca03 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-814ca03 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5f9a5 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0bdea2 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05c57e2 *//* 1. HAUPT-CONTAINER: Alle Paddings und Gaps eliminieren */
.elementor-1711 .elementor-element.elementor-element-05c57e2, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .e-con-inner, 
.elementor-1711 .elementor-element.elementor-element-05c57e2 > .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    --widgets-spacing: 0px !important; /* Deaktiviert Elementors Standard-Widget-Abstand */
}

/* 2. DIE WIDGETS (Blauer Block) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading,
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    background-color: #0060A980 !important;
    width: 40% !important;
    margin: 0 !important;
    padding-left: 30px !important; /* Text-Abstand von links */
    box-sizing: border-box;
}

/* Überschrift oben polstern */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
}

/* Button unten polstern (damit er bündig abschließt) */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
    padding-bottom: 30px !important;
}

/* 3. FIX FÜR DIE UNTERE KANTE: Elementor Widgets haben oft margin-bottom */
.elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget {
    margin-bottom: 0 !important;
}

/* --- RESPONSIVE --- */

/* NEU: Laptop-Breakpoint (fängt kleinere Bildschirme ab, bevor der Tablet-Modus greift) */
@media (max-width: 1650px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 52% !important; /* Macht den blauen Kasten auf Laptops etwas breiter */
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important; /* Zwingt das Wort, in EINER Reihe zu bleiben */
        font-size: 60px !important;     /* Macht die Schrift auf Laptops minimal kleiner, damit sie passt */
    }
}

/* Tablet-Ansicht */
@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, 
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 65% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        white-space: nowrap !important;
        font-size: 35px !important;
    }
}

/* Handy-Ansicht */
@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf eine knackige Höhe */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 {
        height: 450px !important;     /* Ändere diese Zahl, um die Höhe anzupassen */
        min-height: 450px !important; /* Muss derselbe Wert sein wie darüber */
    }

    /* Dein bisheriger mobiler Code (bleibt einfach drin): */
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-heading, .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-widget-button {
        width: 100% !important;
    }
    .elementor-1711 .elementor-element.elementor-element-05c57e2 .elementor-heading-title {
        font-size: 26px !important;
        white-space: normal !important; /* Erlaubt dem langen Wort, mobil in 2 Zeilen zu brechen */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-395868d *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-395868d {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-395868d > .e-con, 
.elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-395868d {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-395868d > .e-con, .elementor-1711 .elementor-element.elementor-element-395868d > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-395868d .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b6ea20 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-con, .elementor-1711 .elementor-element.elementor-element-0b6ea20 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-0b6ea20 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814ca03 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-814ca03 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-814ca03 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-con, .elementor-1711 .elementor-element.elementor-element-814ca03 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-814ca03 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5f9a5 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-con, .elementor-1711 .elementor-element.elementor-element-cb5f9a5 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-cb5f9a5 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0bdea2 *//* 1. HAUPT-CONTAINER: Positionierung */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Schiebt den inneren Container nach unten */
    align-items: flex-start !important;    /* Schiebt ihn nach links */
    padding: 0 !important;
    min-height: 800px !important;
}

/* 2. INNERER CONTAINER: Der blaue Block */
/* Wir sprechen den direkten Kind-Container an */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
    background-color: #0060A980 !important; /* Dein Blau */
    
    /* --- HIER DIE LÄNGE (BREITE) ANPASSEN --- */
    width: 45% !important;  /* Kleiner als 40%, damit er kürzer ist */
    /* ---------------------------------------- */
    
    margin: 0 !important;
    padding: 30px !important; /* Innenabstand für Text und Button */
    gap: 10px !important;     /* Kontrollierter Abstand zwischen Text und Button */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. WIDGETS IM INNEREN: Abstände korrigieren */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-heading, 
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-widget-button {
    width: 100% !important; /* Nutzen die Breite des blauen Containers */
    background: transparent !important; /* Hintergrund am Widget entfernen */
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix für die Zeilenhöhe der Überschrift (schließt optische Lücken) */
.elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 60% !important; /* Tablet etwas breiter */
    }
}

@media (max-width: 767px) {
    /* NEU: Zwingt den Hauptcontainer mobil auf die exakt gleiche Höhe (450px) */
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 {
        height: 450px !important;
        min-height: 450px !important;
    }

    .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-con, .elementor-1711 .elementor-element.elementor-element-a0bdea2 > .e-container {
        width: 100% !important; /* Handy volle Breite */
        padding: 20px !important;
    }
    
    .elementor-1711 .elementor-element.elementor-element-a0bdea2 .elementor-heading-title {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-919f0f3 *//* ==========================================================
   REINER CROSSFADE-EFFEKT (Ohne Zoom)
   ========================================================== */

/* 1. ALLE FOLIEN VORBEREITEN */
.elementor-1711 .elementor-element.elementor-element-919f0f3 .swiper-slide {
    /* Das Bild ist standardmäßig unsichtbar */
    opacity: 0 !important;
    
    /* Zeit für das Ein- und Ausblenden (1.2 Sekunden für maximale Geschmeidigkeit) */
    transition: opacity 1.2s ease-in-out !important;
    
    /* Inaktive Folien reagieren nicht auf Klicks */
    pointer-events: none;
    
    /* Verhindert, dass die Folien während des Fades horizontal "springen" */
    visibility: visible !important;
}

/* 2. DIE AKTIVE FOLIE (Erscheinen) */
.elementor-1711 .elementor-element.elementor-element-919f0f3 .swiper-slide-active {
    /* Das neue Bild wird voll sichtbar */
    opacity: 1 !important;
    z-index: 2;
    
    /* Die aktive Folie ist klickbar (wichtig für den Button!) */
    pointer-events: auto;
}

/* 3. FLÜSSIGKEITS-OPTIMIERUNG */
/* Wir glätten die Bewegung des Karussells im Hintergrund */
.elementor-1711 .elementor-element.elementor-element-919f0f3 .swiper-wrapper {
    /* cubic-bezier sorgt für einen sehr edlen, nicht-linearen Übergang */
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 4. VERHINDERN VON BLITZEN */
/* Damit beim Übergang kein weißer Hintergrund durchscheint */
.elementor-1711 .elementor-element.elementor-element-919f0f3 .swiper-slide-next, 
.elementor-1711 .elementor-element.elementor-element-919f0f3 .swiper-slide-prev {
    opacity: 0.3; /* Hält das nächste Bild ganz leicht im Hintergrund bereit */
}/* 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 */