.elementor-863 .elementor-element.elementor-element-b5f3289{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 40px;--row-gap:20px;--column-gap:40px;--flex-wrap:wrap;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-863 .elementor-element.elementor-element-c950250{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-863 .elementor-element.elementor-element-c950250.e-con{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-863 .elementor-element.elementor-element-db87f66{width:100%;max-width:100%;border-radius:6px 6px 6px 6px;text-align:start;}.elementor-863 .elementor-element.elementor-element-db87f66 .elementor-heading-title{font-weight:900;text-transform:uppercase;letter-spacing:3px;color:var( --e-global-color-accent );}.elementor-863 .elementor-element.elementor-element-56eaa6b{text-align:center;}.elementor-863 .elementor-element.elementor-element-56eaa6b .elementor-heading-title{font-size:3.2em;}.elementor-863 .elementor-element.elementor-element-f1ea4d1 .elementor-heading-title{font-size:1.4em;}.elementor-863 .elementor-element.elementor-element-2434d62{columns:2;}.elementor-863 .elementor-element.elementor-element-549fd6a{width:var( --container-widget-width, 48% );max-width:48%;background-color:#FFFFFF00;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;--container-widget-width:48%;--container-widget-flex-grow:0;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-863 .elementor-element.elementor-element-549fd6a.elementor-element{--align-self:stretch;}.elementor-863 .elementor-element.elementor-element-549fd6a .elementor-icon-box-wrapper{text-align:center;gap:4px;}.elementor-863 .elementor-element.elementor-element-549fd6a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-863 .elementor-element.elementor-element-549fd6a.elementor-view-framed .elementor-icon, .elementor-863 .elementor-element.elementor-element-549fd6a.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-863 .elementor-element.elementor-element-549fd6a .elementor-icon{font-size:40px;}.elementor-863 .elementor-element.elementor-element-549fd6a .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-549fd6a .elementor-icon-box-title a{font-size:16px;}.elementor-863 .elementor-element.elementor-element-549fd6a .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-863 .elementor-element.elementor-element-4416ec4{width:var( --container-widget-width, 48% );max-width:48%;background-color:#FFFFFF00;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;--container-widget-width:48%;--container-widget-flex-grow:0;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-863 .elementor-element.elementor-element-4416ec4.elementor-element{--align-self:stretch;}.elementor-863 .elementor-element.elementor-element-4416ec4 .elementor-icon-box-wrapper{text-align:center;gap:4px;}.elementor-863 .elementor-element.elementor-element-4416ec4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-863 .elementor-element.elementor-element-4416ec4.elementor-view-framed .elementor-icon, .elementor-863 .elementor-element.elementor-element-4416ec4.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-863 .elementor-element.elementor-element-4416ec4 .elementor-icon{font-size:40px;}.elementor-863 .elementor-element.elementor-element-4416ec4 .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-4416ec4 .elementor-icon-box-title a{font-size:16px;}.elementor-863 .elementor-element.elementor-element-4416ec4 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-863 .elementor-element.elementor-element-2f66703{width:var( --container-widget-width, 48% );max-width:48%;background-color:#FFFFFF00;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;--container-widget-width:48%;--container-widget-flex-grow:0;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-863 .elementor-element.elementor-element-2f66703.elementor-element{--align-self:stretch;}.elementor-863 .elementor-element.elementor-element-2f66703 .elementor-icon-box-wrapper{text-align:center;gap:4px;}.elementor-863 .elementor-element.elementor-element-2f66703.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-863 .elementor-element.elementor-element-2f66703.elementor-view-framed .elementor-icon, .elementor-863 .elementor-element.elementor-element-2f66703.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-863 .elementor-element.elementor-element-2f66703 .elementor-icon{font-size:40px;}.elementor-863 .elementor-element.elementor-element-2f66703 .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-2f66703 .elementor-icon-box-title a{font-size:16px;}.elementor-863 .elementor-element.elementor-element-2f66703 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-863 .elementor-element.elementor-element-326f300{width:var( --container-widget-width, 48% );max-width:48%;background-color:#FFFFFF00;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;--container-widget-width:48%;--container-widget-flex-grow:0;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-863 .elementor-element.elementor-element-326f300.elementor-element{--align-self:stretch;}.elementor-863 .elementor-element.elementor-element-326f300 .elementor-icon-box-wrapper{text-align:center;gap:4px;}.elementor-863 .elementor-element.elementor-element-326f300.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-863 .elementor-element.elementor-element-326f300.elementor-view-framed .elementor-icon, .elementor-863 .elementor-element.elementor-element-326f300.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-863 .elementor-element.elementor-element-326f300 .elementor-icon{font-size:40px;}.elementor-863 .elementor-element.elementor-element-326f300 .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-326f300 .elementor-icon-box-title a{font-size:16px;}.elementor-863 .elementor-element.elementor-element-326f300 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-863 .elementor-element.elementor-element-01b4a50{--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;}.elementor-863 .elementor-element.elementor-element-01b4a50.e-con{--order:-99999 /* order start hack */;}.elementor-863 .elementor-element.elementor-element-43ad469{text-align:end;}.elementor-863 .elementor-element.elementor-element-43ad469 img{width:100%;border-radius:6px 6px 6px 6px;}.elementor-863 .elementor-element.elementor-element-4a4c375 .elementor-button{background-color:var( --e-global-color-f6fa33e );fill:var( --e-global-color-fcfead1 );color:var( --e-global-color-fcfead1 );box-shadow:0px 20px 40px -10px rgba(53.00000000000001, 82.99999999999999, 46.999999999999986, 0.63);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f6fa33e );}.elementor-863 .elementor-element.elementor-element-4a4c375 .elementor-button:hover, .elementor-863 .elementor-element.elementor-element-4a4c375 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-fcfead1 );border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(53.00000000000001, 82.99999999999999, 46.999999999999986, 0.63);}.elementor-863 .elementor-element.elementor-element-4a4c375 .elementor-button:hover svg, .elementor-863 .elementor-element.elementor-element-4a4c375 .elementor-button:focus svg{fill:var( --e-global-color-fcfead1 );}.elementor-863 .elementor-element.elementor-element-0507234{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0% 0% 0% 0%;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-863 .elementor-element.elementor-element-0507234 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-863 .elementor-element.elementor-element-0507234.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f6fa33e );}.elementor-863 .elementor-element.elementor-element-0507234.elementor-view-framed .elementor-icon, .elementor-863 .elementor-element.elementor-element-0507234.elementor-view-default .elementor-icon{fill:var( --e-global-color-f6fa33e );color:var( --e-global-color-f6fa33e );border-color:var( --e-global-color-f6fa33e );}.elementor-863 .elementor-element.elementor-element-0507234 .elementor-icon{font-size:40px;}.elementor-863 .elementor-element.elementor-element-0507234 .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-0507234 .elementor-icon-box-title a{font-size:2em;}.elementor-863 .elementor-element.elementor-element-0507234 .elementor-icon-box-title{color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-863 .elementor-element.elementor-element-56eaa6b .elementor-heading-title{font-size:3em;}.elementor-863 .elementor-element.elementor-element-2434d62{columns:1;}.elementor-863 .elementor-element.elementor-element-549fd6a{--container-widget-width:47%;--container-widget-flex-grow:0;width:var( --container-widget-width, 47% );max-width:47%;}.elementor-863 .elementor-element.elementor-element-549fd6a .elementor-icon-box-wrapper{text-align:center;}.elementor-863 .elementor-element.elementor-element-549fd6a .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-549fd6a .elementor-icon-box-title a{font-size:14px;}.elementor-863 .elementor-element.elementor-element-4416ec4{--container-widget-width:47%;--container-widget-flex-grow:0;width:var( --container-widget-width, 47% );max-width:47%;}.elementor-863 .elementor-element.elementor-element-4416ec4 .elementor-icon-box-wrapper{text-align:center;}.elementor-863 .elementor-element.elementor-element-4416ec4 .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-4416ec4 .elementor-icon-box-title a{font-size:14px;}.elementor-863 .elementor-element.elementor-element-2f66703{--container-widget-width:47%;--container-widget-flex-grow:0;width:var( --container-widget-width, 47% );max-width:47%;}.elementor-863 .elementor-element.elementor-element-2f66703 .elementor-icon-box-wrapper{text-align:center;}.elementor-863 .elementor-element.elementor-element-2f66703 .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-2f66703 .elementor-icon-box-title a{font-size:14px;}.elementor-863 .elementor-element.elementor-element-326f300{--container-widget-width:47%;--container-widget-flex-grow:0;width:var( --container-widget-width, 47% );max-width:47%;}.elementor-863 .elementor-element.elementor-element-326f300 .elementor-icon-box-wrapper{text-align:center;}.elementor-863 .elementor-element.elementor-element-326f300 .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-326f300 .elementor-icon-box-title a{font-size:14px;}.elementor-863 .elementor-element.elementor-element-0507234 .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-0507234 .elementor-icon-box-title a{font-size:1.6em;}}@media(min-width:768px){.elementor-863 .elementor-element.elementor-element-c950250{--width:60%;}.elementor-863 .elementor-element.elementor-element-01b4a50{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-863 .elementor-element.elementor-element-c950250{--width:59%;}}@media(max-width:767px){.elementor-863 .elementor-element.elementor-element-c950250{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-863 .elementor-element.elementor-element-db87f66 .elementor-heading-title{font-size:0.8em;}.elementor-863 .elementor-element.elementor-element-56eaa6b .elementor-heading-title{font-size:1.7em;}.elementor-863 .elementor-element.elementor-element-f1ea4d1 .elementor-heading-title{font-size:1.2em;}.elementor-863 .elementor-element.elementor-element-549fd6a{width:100%;max-width:100%;}.elementor-863 .elementor-element.elementor-element-4416ec4{width:100%;max-width:100%;}.elementor-863 .elementor-element.elementor-element-2f66703{width:100%;max-width:100%;}.elementor-863 .elementor-element.elementor-element-326f300{width:100%;max-width:100%;}.elementor-863 .elementor-element.elementor-element-0507234 .elementor-icon-box-title, .elementor-863 .elementor-element.elementor-element-0507234 .elementor-icon-box-title a{font-size:1.8em;}}/* Start custom CSS for icon-box, class: .elementor-element-549fd6a */.frosted-icon-box .elementor-icon-box-wrapper{ position: relative !important; padding: 28px 24px !important; border-radius: 16px !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; background-color: rgba(255, 255, 255, 0.35) !important; /* wichtig: weg mit der Sandfarbe */ box-shadow: 0 20px 50px -10px rgba(31, 38, 135, 0.25) !important; overflow: hidden !important; } /* 2) Glass-Layer – liegt hinter dem Inhalt, füllt komplett */ .frosted-icon-box .elementor-icon-box-wrapper::before{ content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background-color: rgba(255, 255, 255, 0.22); -webkit-backdrop-filter: blur(10px) saturate(160%); backdrop-filter: blur(10px) saturate(160%); pointer-events: none; transition: background-color .3s ease; } /* 3) Inhalt ÜBER dem Glas-Layer (sonst verschwindet Text/Icon) */ .frosted-icon-box .elementor-icon-box-wrapper > *{ position: relative; z-index: 1; } /* 4) Innen liegendes Icon-Div (das sandfarbene Quadrat) entkernen, falls Elementor dort einen Hintergrund gesetzt hat */ .frosted-icon-box .elementor-icon-box-wrapper .elementor-icon{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 14px !important; } /* 5) Hover – Glas wird etwas milchiger */ .frosted-icon-box .elementor-icon-box-wrapper:hover::before{ background-color: rgba(255, 255, 255, 0.32); } /* 6) Fallback – Browser ohne backdrop-filter */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .frosted-icon-box .elementor-icon-box-wrapper::before{ background-color: rgba(255, 255, 255, 0.82); } } /* 7) Mobile – weniger Blur, weniger Padding, kleinerer Schatten */ @media (max-width: 767px){ .frosted-icon-box .elementor-icon-box-wrapper{ padding: 22px 18px !important; border-radius: 14px !important; box-shadow: 0 12px 30px -8px rgba(31, 38, 135, 0.22) !important; } .frosted-icon-box .elementor-icon-box-wrapper::before{ -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); } } /* 8/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4416ec4 */.frosted-icon-box .elementor-icon-box-wrapper{ position: relative !important; padding: 28px 24px !important; border-radius: 16px !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; background-color: rgba(255, 255, 255, 0.35) !important; /* wichtig: weg mit der Sandfarbe */ box-shadow: 0 20px 50px -10px rgba(31, 38, 135, 0.25) !important; overflow: hidden !important; } /* 2) Glass-Layer – liegt hinter dem Inhalt, füllt komplett */ .frosted-icon-box .elementor-icon-box-wrapper::before{ content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background-color: rgba(255, 255, 255, 0.22); -webkit-backdrop-filter: blur(10px) saturate(160%); backdrop-filter: blur(10px) saturate(160%); pointer-events: none; transition: background-color .3s ease; } /* 3) Inhalt ÜBER dem Glas-Layer (sonst verschwindet Text/Icon) */ .frosted-icon-box .elementor-icon-box-wrapper > *{ position: relative; z-index: 1; } /* 4) Innen liegendes Icon-Div (das sandfarbene Quadrat) entkernen, falls Elementor dort einen Hintergrund gesetzt hat */ .frosted-icon-box .elementor-icon-box-wrapper .elementor-icon{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 14px !important; } /* 5) Hover – Glas wird etwas milchiger */ .frosted-icon-box .elementor-icon-box-wrapper:hover::before{ background-color: rgba(255, 255, 255, 0.32); } /* 6) Fallback – Browser ohne backdrop-filter */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .frosted-icon-box .elementor-icon-box-wrapper::before{ background-color: rgba(255, 255, 255, 0.82); } } /* 7) Mobile – weniger Blur, weniger Padding, kleinerer Schatten */ @media (max-width: 767px){ .frosted-icon-box .elementor-icon-box-wrapper{ padding: 22px 18px !important; border-radius: 14px !important; box-shadow: 0 12px 30px -8px rgba(31, 38, 135, 0.22) !important; } .frosted-icon-box .elementor-icon-box-wrapper::before{ -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); } } /* 8/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2f66703 */.frosted-icon-box .elementor-icon-box-wrapper{ position: relative !important; padding: 28px 24px !important; border-radius: 16px !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; background-color: rgba(255, 255, 255, 0.35) !important; /* wichtig: weg mit der Sandfarbe */ box-shadow: 0 20px 50px -10px rgba(31, 38, 135, 0.25) !important; overflow: hidden !important; } /* 2) Glass-Layer – liegt hinter dem Inhalt, füllt komplett */ .frosted-icon-box .elementor-icon-box-wrapper::before{ content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background-color: rgba(255, 255, 255, 0.22); -webkit-backdrop-filter: blur(10px) saturate(160%); backdrop-filter: blur(10px) saturate(160%); pointer-events: none; transition: background-color .3s ease; } /* 3) Inhalt ÜBER dem Glas-Layer (sonst verschwindet Text/Icon) */ .frosted-icon-box .elementor-icon-box-wrapper > *{ position: relative; z-index: 1; } /* 4) Innen liegendes Icon-Div (das sandfarbene Quadrat) entkernen, falls Elementor dort einen Hintergrund gesetzt hat */ .frosted-icon-box .elementor-icon-box-wrapper .elementor-icon{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 14px !important; } /* 5) Hover – Glas wird etwas milchiger */ .frosted-icon-box .elementor-icon-box-wrapper:hover::before{ background-color: rgba(255, 255, 255, 0.32); } /* 6) Fallback – Browser ohne backdrop-filter */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .frosted-icon-box .elementor-icon-box-wrapper::before{ background-color: rgba(255, 255, 255, 0.82); } } /* 7) Mobile – weniger Blur, weniger Padding, kleinerer Schatten */ @media (max-width: 767px){ .frosted-icon-box .elementor-icon-box-wrapper{ padding: 22px 18px !important; border-radius: 14px !important; box-shadow: 0 12px 30px -8px rgba(31, 38, 135, 0.22) !important; } .frosted-icon-box .elementor-icon-box-wrapper::before{ -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); } } /* 8/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-326f300 */.frosted-icon-box .elementor-icon-box-wrapper{ position: relative !important; padding: 28px 24px !important; border-radius: 16px !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; background-color: rgba(255, 255, 255, 0.35) !important; /* wichtig: weg mit der Sandfarbe */ box-shadow: 0 20px 50px -10px rgba(31, 38, 135, 0.25) !important; overflow: hidden !important; } /* 2) Glass-Layer – liegt hinter dem Inhalt, füllt komplett */ .frosted-icon-box .elementor-icon-box-wrapper::before{ content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background-color: rgba(255, 255, 255, 0.22); -webkit-backdrop-filter: blur(10px) saturate(160%); backdrop-filter: blur(10px) saturate(160%); pointer-events: none; transition: background-color .3s ease; } /* 3) Inhalt ÜBER dem Glas-Layer (sonst verschwindet Text/Icon) */ .frosted-icon-box .elementor-icon-box-wrapper > *{ position: relative; z-index: 1; } /* 4) Innen liegendes Icon-Div (das sandfarbene Quadrat) entkernen, falls Elementor dort einen Hintergrund gesetzt hat */ .frosted-icon-box .elementor-icon-box-wrapper .elementor-icon{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 14px !important; } /* 5) Hover – Glas wird etwas milchiger */ .frosted-icon-box .elementor-icon-box-wrapper:hover::before{ background-color: rgba(255, 255, 255, 0.32); } /* 6) Fallback – Browser ohne backdrop-filter */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .frosted-icon-box .elementor-icon-box-wrapper::before{ background-color: rgba(255, 255, 255, 0.82); } } /* 7) Mobile – weniger Blur, weniger Padding, kleinerer Schatten */ @media (max-width: 767px){ .frosted-icon-box .elementor-icon-box-wrapper{ padding: 22px 18px !important; border-radius: 14px !important; box-shadow: 0 12px 30px -8px rgba(31, 38, 135, 0.22) !important; } .frosted-icon-box .elementor-icon-box-wrapper::before{ -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); } } /* 8/* End custom CSS */