.elementor-888 .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-888 .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-888 .elementor-element.elementor-element-c950250.e-con{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-888 .elementor-element.elementor-element-db87f66{width:100%;max-width:100%;border-radius:6px 6px 6px 6px;text-align:start;}.elementor-888 .elementor-element.elementor-element-db87f66 .elementor-heading-title{font-weight:900;text-transform:uppercase;letter-spacing:3px;color:var( --e-global-color-accent );}.elementor-888 .elementor-element.elementor-element-0ab35b4{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-888 .elementor-element.elementor-element-0ab35b4.elementor-element{--align-self:stretch;}.elementor-888 .elementor-element.elementor-element-0ab35b4 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-888 .elementor-element.elementor-element-0ab35b4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-888 .elementor-element.elementor-element-0ab35b4.elementor-view-framed .elementor-icon, .elementor-888 .elementor-element.elementor-element-0ab35b4.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-888 .elementor-element.elementor-element-0ab35b4 .elementor-icon{font-size:40px;}.elementor-888 .elementor-element.elementor-element-0ab35b4 .elementor-icon-box-title, .elementor-888 .elementor-element.elementor-element-0ab35b4 .elementor-icon-box-title a{font-size:22px;}.elementor-888 .elementor-element.elementor-element-0ab35b4 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-8449b56{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-888 .elementor-element.elementor-element-8449b56.elementor-element{--align-self:stretch;}.elementor-888 .elementor-element.elementor-element-8449b56 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-888 .elementor-element.elementor-element-8449b56.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-888 .elementor-element.elementor-element-8449b56.elementor-view-framed .elementor-icon, .elementor-888 .elementor-element.elementor-element-8449b56.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-888 .elementor-element.elementor-element-8449b56 .elementor-icon{font-size:40px;}.elementor-888 .elementor-element.elementor-element-8449b56 .elementor-icon-box-title, .elementor-888 .elementor-element.elementor-element-8449b56 .elementor-icon-box-title a{font-size:22px;}.elementor-888 .elementor-element.elementor-element-8449b56 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-ef807bd{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-888 .elementor-element.elementor-element-ef807bd.elementor-element{--align-self:flex-start;}.elementor-888 .elementor-element.elementor-element-ef807bd .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-888 .elementor-element.elementor-element-ef807bd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-888 .elementor-element.elementor-element-ef807bd.elementor-view-framed .elementor-icon, .elementor-888 .elementor-element.elementor-element-ef807bd.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-888 .elementor-element.elementor-element-ef807bd .elementor-icon{font-size:40px;}.elementor-888 .elementor-element.elementor-element-ef807bd .elementor-icon-box-title, .elementor-888 .elementor-element.elementor-element-ef807bd .elementor-icon-box-title a{font-size:22px;}.elementor-888 .elementor-element.elementor-element-ef807bd .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-9b1986c{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-888 .elementor-element.elementor-element-9b1986c.elementor-element{--align-self:flex-start;}.elementor-888 .elementor-element.elementor-element-9b1986c .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-888 .elementor-element.elementor-element-9b1986c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-888 .elementor-element.elementor-element-9b1986c.elementor-view-framed .elementor-icon, .elementor-888 .elementor-element.elementor-element-9b1986c.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-888 .elementor-element.elementor-element-9b1986c .elementor-icon{font-size:40px;}.elementor-888 .elementor-element.elementor-element-9b1986c .elementor-icon-box-title, .elementor-888 .elementor-element.elementor-element-9b1986c .elementor-icon-box-title a{font-size:22px;}.elementor-888 .elementor-element.elementor-element-9b1986c .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-cff3f49{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:20px;--icon-vertical-align:flex-start;--icon-vertical-offset:2px;}.elementor-888 .elementor-element.elementor-element-cff3f49 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-888 .elementor-element.elementor-element-cff3f49 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-888 .elementor-element.elementor-element-cff3f49 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-888 .elementor-element.elementor-element-cff3f49 .elementor-icon-list-item > a{font-size:14px;line-height:1.6em;}.elementor-888 .elementor-element.elementor-element-cff3f49 .elementor-icon-list-text{transition:color 0.3s;}.elementor-888 .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-888 .elementor-element.elementor-element-01b4a50.e-con{--order:-99999 /* order start hack */;}.elementor-888 .elementor-element.elementor-element-56eaa6b{text-align:start;}.elementor-888 .elementor-element.elementor-element-56eaa6b .elementor-heading-title{font-size:2.6em;}.elementor-888 .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-888 .elementor-element.elementor-element-4a4c375 .elementor-button:hover, .elementor-888 .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-888 .elementor-element.elementor-element-4a4c375 .elementor-button:hover svg, .elementor-888 .elementor-element.elementor-element-4a4c375 .elementor-button:focus svg{fill:var( --e-global-color-fcfead1 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-888 .elementor-element.elementor-element-c950250{--width:60%;}.elementor-888 .elementor-element.elementor-element-01b4a50{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-888 .elementor-element.elementor-element-c950250{--width:100%;}.elementor-888 .elementor-element.elementor-element-01b4a50{--width:100%;}}@media(max-width:1024px){.elementor-888 .elementor-element.elementor-element-c950250{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-888 .elementor-element.elementor-element-0ab35b4 .elementor-icon-box-wrapper{text-align:center;}.elementor-888 .elementor-element.elementor-element-0ab35b4 .elementor-icon-box-title, .elementor-888 .elementor-element.elementor-element-0ab35b4 .elementor-icon-box-title a{font-size:14px;}.elementor-888 .elementor-element.elementor-element-8449b56 .elementor-icon-box-wrapper{text-align:center;}.elementor-888 .elementor-element.elementor-element-8449b56 .elementor-icon-box-title, .elementor-888 .elementor-element.elementor-element-8449b56 .elementor-icon-box-title a{font-size:14px;}.elementor-888 .elementor-element.elementor-element-ef807bd .elementor-icon-box-wrapper{text-align:center;}.elementor-888 .elementor-element.elementor-element-ef807bd .elementor-icon-box-title, .elementor-888 .elementor-element.elementor-element-ef807bd .elementor-icon-box-title a{font-size:14px;}.elementor-888 .elementor-element.elementor-element-9b1986c .elementor-icon-box-wrapper{text-align:center;}.elementor-888 .elementor-element.elementor-element-9b1986c .elementor-icon-box-title, .elementor-888 .elementor-element.elementor-element-9b1986c .elementor-icon-box-title a{font-size:14px;}.elementor-888 .elementor-element.elementor-element-56eaa6b .elementor-heading-title{font-size:3em;}}@media(max-width:767px){.elementor-888 .elementor-element.elementor-element-db87f66 .elementor-heading-title{font-size:0.8em;}.elementor-888 .elementor-element.elementor-element-0ab35b4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-888 .elementor-element.elementor-element-8449b56{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-888 .elementor-element.elementor-element-ef807bd{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-888 .elementor-element.elementor-element-9b1986c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-888 .elementor-element.elementor-element-56eaa6b .elementor-heading-title{font-size:1.7em;}}/* Start custom CSS for icon-box, class: .elementor-element-0ab35b4 */.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-8449b56 */.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-ef807bd */.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-9b1986c */.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 */