.elementor-7 .elementor-element.elementor-element-0a9bc04{--display:flex;--min-height:7.5em;--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:center;--align-items:flex-end;--margin-top:4px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;--z-index:103;}.elementor-7 .elementor-element.elementor-element-0a9bc04:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-0a9bc04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-7 .elementor-element.elementor-element-0a9bc04.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-364be26{--display:flex;--min-height:120px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:4em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-364be26:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-364be26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-7 .elementor-element.elementor-element-364be26.e-con{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-7b3accd{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-7b3accd.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-23b078f.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-23b078f img{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-6a2e46f{--display:flex;--min-height:120px;--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:center;--align-items:flex-end;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:-1px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:4em;--z-index:2;}.elementor-7 .elementor-element.elementor-element-6a2e46f.e-con{--align-self:flex-end;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-9eefd7f .elementor-button{background-color:#0065B0;font-family:"Inter", Sans-serif;font-size:1.2rem;font-weight:700;text-transform:uppercase;border-style:none;padding:20px 24px 24px 24px;}.elementor-7 .elementor-element.elementor-element-9eefd7f{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-9eefd7f > .elementor-widget-container{margin:0vw -5vw 0vw 0vw;}.elementor-7 .elementor-element.elementor-element-9eefd7f.elementor-element{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-9eefd7f:not( .elementor-widget-image ) .elementor-widget-container, .elementor-7 .elementor-element.elementor-element-9eefd7f.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://exciting-satoshi.195-90-217-175.plesk.page/wp-content/uploads/2025/11/Element-2.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-7 .elementor-element.elementor-element-897ac63 .elementor-button{background-color:var( --e-global-color-734cfa2 );font-family:"Inter", Sans-serif;font-size:1.2rem;font-weight:700;text-transform:uppercase;border-style:none;padding:20px 24px 24px 24px;}.elementor-7 .elementor-element.elementor-element-897ac63{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-897ac63 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-897ac63.elementor-element{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-897ac63:not( .elementor-widget-image ) .elementor-widget-container, .elementor-7 .elementor-element.elementor-element-897ac63.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://exciting-satoshi.195-90-217-175.plesk.page/wp-content/uploads/2025/11/Element-2.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-7 .elementor-element.elementor-element-81d7319 .elementor-button{background-color:var( --e-global-color-4220d45 );font-family:"Inter", Sans-serif;font-size:1.2rem;font-weight:700;text-transform:uppercase;border-style:none;padding:20px 24px 24px 24px;}.elementor-7 .elementor-element.elementor-element-81d7319{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-81d7319 > .elementor-widget-container{margin:0vw 0vw 0vw -5vw;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-81d7319.elementor-element{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-81d7319:not( .elementor-widget-image ) .elementor-widget-container, .elementor-7 .elementor-element.elementor-element-81d7319.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://exciting-satoshi.195-90-217-175.plesk.page/wp-content/uploads/2025/11/Element-2.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-7 .elementor-element.elementor-element-88312a4{--display:flex;--position:fixed;--min-height:7.5em;--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:center;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;top:0px;--z-index:102;}.elementor-7 .elementor-element.elementor-element-88312a4.e-con{--align-self:center;}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-88312a4{left:0px;}body.rtl .elementor-7 .elementor-element.elementor-element-88312a4{right:0px;}.elementor-7 .elementor-element.elementor-element-56bb263{--display:flex;--min-height:120px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:4em;--padding-right:4em;}.elementor-7 .elementor-element.elementor-element-56bb263.e-con{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-9e882a8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-9e882a8.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-2c7a01c.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-2c7a01c img{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-a3d15c4 .elementor-button{background-color:#0065B000;font-family:"Inter", Sans-serif;font-size:1.4em;font-weight:500;}.elementor-7 .elementor-element.elementor-element-a3d15c4{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-a3d15c4.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-870c491{--display:flex;--position:fixed;--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;top:0px;--z-index:105;}.elementor-7 .elementor-element.elementor-element-870c491:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-870c491 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-870c491{left:0px;}body.rtl .elementor-7 .elementor-element.elementor-element-870c491{right:0px;}.elementor-7 .elementor-element.elementor-element-0fdaa7e .elementor-button{background-color:#0065B000;}.elementor-7:not(.elementor-motion-effects-element-type-background), .elementor-7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CFE5F700;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-7 .elementor-element.elementor-element-6a2e46f{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-7 .elementor-element.elementor-element-6a2e46f.e-con{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-9eefd7f{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-9eefd7f > .elementor-widget-container{margin:0vw -7vw 0vw 0vw;}.elementor-7 .elementor-element.elementor-element-9eefd7f.elementor-element{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-9eefd7f .elementor-button{padding:20px 20px 20px 20px;}.elementor-7 .elementor-element.elementor-element-897ac63{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-897ac63 .elementor-button{padding:20px 20px 20px 20px;}.elementor-7 .elementor-element.elementor-element-81d7319{width:auto;max-width:auto;}.elementor-7 .elementor-element.elementor-element-81d7319 > .elementor-widget-container{margin:0vw 0vw 0vw -7vw;}.elementor-7 .elementor-element.elementor-element-81d7319.elementor-element{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-81d7319 .elementor-button{padding:20px 20px 20px 20px;}.elementor-7 .elementor-element.elementor-element-88312a4{--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;}}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-870c491{--min-height:10vh;--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;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;--z-index:105;}.elementor-7 .elementor-element.elementor-element-2ef7d8a{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-2ef7d8a img{height:8vh;object-fit:cover;}.elementor-7 .elementor-element.elementor-element-0fdaa7e.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-870c491{--min-height:10vh;--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:center;--z-index:105;}.elementor-7 .elementor-element.elementor-element-2ef7d8a{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-7b3accd{--width:12%;}.elementor-7 .elementor-element.elementor-element-6a2e46f{--width:60%;}.elementor-7 .elementor-element.elementor-element-9e882a8{--width:12%;}}@media(max-width:1366px) and (min-width:768px){.elementor-7 .elementor-element.elementor-element-6a2e46f{--width:80%;}}/* Start custom CSS for button, class: .elementor-element-9eefd7f */.elementor-7 .elementor-element.elementor-element-9eefd7f{
    height: 6vh !important;
    width: 20% !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-897ac63 */.elementor-7 .elementor-element.elementor-element-897ac63{
    height: 6vh !important;
    width: 30% !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-81d7319 */.elementor-7 .elementor-element.elementor-element-81d7319{
    height: 6vh !important;
    width: 20% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0a9bc04 *//* Standard */
.page-id-22 .elementor-7 .elementor-element.elementor-element-0a9bc04 { background: #cfe5f7; }

/* Nur auf Seite mit ID 123 */
.page-id-25 .elementor-7 .elementor-element.elementor-element-0a9bc04 { background: #fadad1; }

/* Nur auf Seite mit ID 456 */
.page-id-31 .elementor-7 .elementor-element.elementor-element-0a9bc04 { background: #d1faeb; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a3d15c4 *//* Button-Basis */
/* =========================
   DESKTOP SIZE (ab 1025px)
   ========================= */

  .menu-button.elementor-button{
    width: 390px !important;   /* <- anpassen */
    height: 272px !important;   /* <- anpassen */
    padding: 0 !important;     /* wir zentrieren über Flex */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .menu-button .elementor-button-text{
    font-size: 24px !important;   /* <- anpassen */
    line-height: 1 !important;
    font-weight: 600 !important;
  }

  /* Optional: falls die SVG Maske nicht perfekt in die neue Box passt */
  .menu-button::before{
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
  }

.menu-button{
  position: relative !important;
  overflow: visible !important;
}

/* Die maskierte Fläche kommt als Hintergrund-Layer */
.menu-button::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;

  background: var(--menu-color, #0065B0) !important;

  -webkit-mask-image: url("https://exciting-satoshi.195-90-217-175.plesk.page/wp-content/uploads/2025/12/Ordner_dunkelblau.svg") !important;
  mask-image: url("https://exciting-satoshi.195-90-217-175.plesk.page/wp-content/uploads/2025/12/Ordner_dunkelblau.svg") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;

  pointer-events:none !important;
}

/* Text immer drüber */
.menu-button .elementor-button-content-wrapper,
.menu-button .elementor-button-text{
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
}

/* Falls Elementor dem Button selbst eine Farbe gibt */
.menu-button.elementor-button{
  background: transparent !important;
}
.page-id-22 .menu-button{ --menu-color:#0065B0 !important; }  /* Start */
.page-id-25 .menu-button{ --menu-color:#F83600 !important; }  /* Leistungen */
.page-id-31 .menu-button{ --menu-color:#00AF6E !important; }  /* Kontakt */

/* =========================
   DESKTOP SIZE (ab 1025px)
   ========================= */
@media (min-width: 1025px){

  /* FALL A: Klasse hängt am Widget/Wrapper */
  .menu-button .elementor-button{
    width: 190px !important;     /* anpassen */
    height: 72px !important;     /* anpassen */
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* FALL B: Klasse hängt direkt am <a class="elementor-button"> */
  .elementor-button.menu-button{
    width: 190px !important;
    height: 72px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Textgröße */
  .menu-button .elementor-button-text,
  .elementor-button.menu-button .elementor-button-text{
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* Falls deine Maske/Farbe über ::before läuft */
  .menu-button .elementor-button::before,
  .elementor-button.menu-button::before{
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
  }
}

.menu-button .elementor-button::before,
.elementor-button.menu-button::before{
  filter: 
    drop-shadow(0 6px 14px rgba(0,0,0,0.25))
    drop-shadow(0 2px 6px rgba(0,0,0,0.15));
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0fdaa7e *//* Button-Basis */
.menu-button{
  position: relative !important;
  overflow: visible !important;
}

/* Die maskierte Fläche kommt als Hintergrund-Layer */
.menu-button::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;

  background: var(--menu-color, #0065B0) !important;

  -webkit-mask-image: url("https://exciting-satoshi.195-90-217-175.plesk.page/wp-content/uploads/2025/12/Ordner_dunkelblau.svg") !important;
  mask-image: url("https://exciting-satoshi.195-90-217-175.plesk.page/wp-content/uploads/2025/12/Ordner_dunkelblau.svg") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;

  pointer-events:none !important;
}

/* Text immer drüber */
.menu-button .elementor-button-content-wrapper,
.menu-button .elementor-button-text{
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
}

/* Falls Elementor dem Button selbst eine Farbe gibt */
.menu-button.elementor-button{
  background: transparent !important;
}
.page-id-22 .menu-button{ --menu-color:#0065B0 !important; }  /* Start */
.page-id-25 .menu-button{ --menu-color:#F83600 !important; }  /* Leistungen */
.page-id-31 .menu-button{ --menu-color:#00AF6E !important; }  /* Kontakt *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-870c491 *//*.page-id-22 .elementor-7 .elementor-element.elementor-element-870c491 { background: #cfe5f7; }


.page-id-25 .elementor-7 .elementor-element.elementor-element-870c491 { background: #fadad1; }


.page-id-31 .elementor-7 .elementor-element.elementor-element-870c491 { background: #d1faeb; }/* End custom CSS */
/* Start custom CSS *//* =========================
   Burger-Icon je Unterseite einfärben
   Page IDs:
   - Start:     22 (blau)
   - Leistungen:25 (orange)
   - Kontakt:   31 (grün)
   ========================= */

/* 1) Farb-Variable je Seite */
body.page-id-22 { --burger-color: #0065B0; }
body.page-id-25 { --burger-color: #F83600; }
body.page-id-31 { --burger-color: #00AF6E; }

/* 2) Elementor Burger-Icon (öffnet/schließt) */
.elementor-menu-toggle__icon--open,
.elementor-menu-toggle__icon--close{
  width: 28px !important;
  height: 28px !important;

  background-color: var(--burger-color, #0065B0) !important;

  -webkit-mask: url("https://exciting-satoshi.195-90-217-175.plesk.page/wp-content/uploads/2025/12/Ordner_dunkelblau.svg")
    no-repeat center / contain !important;
  mask: url("https://exciting-satoshi.195-90-217-175.plesk.page/wp-content/uploads/2025/12/Ordner_dunkelblau.svg")
    no-repeat center / contain !important;

  /* wichtig: Elementor <i> ist sonst "font icon" */
  color: transparent !important;
}

/* 3) Originale Icon-Glyph ausblenden (damit nur die Maske sichtbar ist) */
.elementor-menu-toggle__icon--open::before,
.elementor-menu-toggle__icon--close::before{
  content: "" !important;
}/* End custom CSS */