.elementor-kit-11{--e-global-color-primary:#2371A5;--e-global-color-secondary:#0C8CAA;--e-global-color-text:#000000;--e-global-color-accent:#BCDC93;--e-global-color-a5dc02c:#2EC5E8;--e-global-color-be7cf68:#FFFFFF;--e-global-color-9d561cb:#85C7D52B;--e-global-color-3003991:#E68C691C;--e-global-color-071e7e4:#07716729;--e-global-color-6bb7a6c:#BCDC9326;--e-global-color-a035cdc:#2371A521;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Zain";--e-global-typography-secondary-font-weight:900;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-11 a{color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-weight:600;text-decoration:none;}.elementor-kit-11 a:hover{color:var( --e-global-color-a5dc02c );}.elementor-kit-11 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.footer-contact-font h6,
.footer-contact-font a,
.footer-contact-font p {
    font-family: "Zain", sans-serif !important;
}

.gp-faq-tab.active {
    background: #E68C69;
    border-color: #E68C69;
    color: white;
}
.gp-faq-arrow {
    fill: #E68C69 !important; /* Orange statt Türkis */
}
.gp-faq-arrow {
    width: 20px !important;
    height: 20px !important;
}
.gp-faq-container {
    display: none;
}

.gp-faq-tab {
    padding: 6px 24px;
}
.gp-faq-tabs-standalone {
    display: flex;
    justify-content: center;
    gap: 10px;
}
button.gp-faq-tab:hover {
    border: solid 1px;
    background: white;
    color: #E68C69;
}
button.gp-faq-tab {
    background: white;
    border: none;
    color: #E68C69;
    font-family: "Zain", Sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 2px 25px !important;
    transition: all 0.2s ease-in-out;
    border: solid 1px white;

}
input#gp-faq-search-input {
    border-radius: 50px;
    border: 1px solid #e3e3e3;
}

#calculation-grid p{
    margin-block-end: 0px;
}

.e-n-tab-title {
    display: flex;
    flex-direction: column !important;
    margin-bottom: 10px;
}
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true]{
    background-color:white !important;
}
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover{
    background-color:white !important;
}
#step-by-step .elementor-icon-list-text {
    background: #07716726;
    padding: 3px 15px;
    border-radius: 20px;
}

@media (max-width: 1024px) {
     .gp-faq-tabs-standalone {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
}
@media (max-width: 767px) {
    button.gp-faq-tab {
    font-size: 15px;
}

  /* Titelzeile nebeneinander */
  #step-by-step .e-n-tabs-heading{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important; /* alle gleich hoch */
    gap: 0px;
  }

  /* Jeder Tab-Button gleich hoch und sauber ausgerichtet */
  #step-by-step .e-n-tab-title{
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;

    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;

    padding: 10px 8px !important;
    margin: 0 !important;
    border-width: 0 !important; /* falls aktiv ein Border setzt */
    box-sizing: border-box !important;
  }

  /* Icon bekommt fixe Hoehe, damit nichts "hochspringt" */
  #step-by-step .e-n-tab-icon{
    height: 40px;                 /* passend zu deinen SVGs */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Text bekommt fixe Mindesthoehe (falls 1 oder 2 Zeilen) */
  #step-by-step .e-n-tab-title-text{
    min-height: 2.6em;            /* 2 Zeilen */
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
  }
  #step-by-step ul.elementor-icon-list-items.elementor-inline-items {
    gap: 10px;
}
 nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: 95vw !important;
    max-width: 95vw !important;
    box-sizing: border-box !important;

    /* optional, falls es unter dem Header kleben soll */
    top: 70px !important;
  }
  :root{
    --mobile-nav-height: 74px; /* <- anpassen */
  }/* End custom CSS */