.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-preloader-animation-duration:1500ms;--e-preloader-color:#E5313D;--e-preloader-size:90px;}.elementor-kit-9 e-page-transition{background-color:#FFFFFF;}.elementor-kit-9 a{color:#E42121;}.elementor-kit-9 a:hover{color:#E42121;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */@media (max-width: 768px) {
    .border-title {
        hyphens: auto;
        word-break: break-word; /* Optional: Bricht lange Wörter bei Bedarf */
    }
}

.border-title {
  position: relative;
  padding-left: 20px; /* 10px für den Rahmen + 10px Abstand */
}

.border-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px; /* Breite des Rahmens */
  background-color: #e5313d; /* Farbe des Rahmens */
}

.custom-button-container {
    display: inline-block;
    position: relative;
}

.custom-button {
    display: flex;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.button-arrow {
    margin-left: 8px;
}

.underline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #000000;
    transition: width 0.3s ease;
}

.custom-button-container:hover .underline {
    width: 100%;
}


/* Alternativ könntest du es speziell nur für mobile Ansichten festlegen */
@media (max-width: 768px) {
    .sub-arrow svg path {
        fill: white!important; /* Für mobile Ansichten */
    }
}

.header-container {
    background: linear-gradient(to left, 
                                #e5313d 0%, #e5313d 10%, 
                                #3aafe0 10%, #3aafe0 20%, 
                                #afcc5a 20%, #afcc5a 30%, 
                                #ffffff 30%, #ffffff 100%);
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: bottom;
}
.footer-container {
    background: linear-gradient(to right, 
                                #e5313d 0%, #e5313d 10%, 
                                #3aafe0 10%, #3aafe0 20%, 
                                #afcc5a 20%, #afcc5a 30%, 
                                #343336 30%, #343336 100%);
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: bottom;
}

/* Nur für mobile Ansicht */
@media (max-width: 768px) {
    /* Standardfarbe des Submenu-Icons */
    .elementor-nav-menu .menu-item-has-children > .elementor-item .sub-arrow svg {
        fill: #E5313D !important;
    }

    /* Geöffnetes Submenu: Icon-Farbe */
    .elementor-nav-menu .menu-item-has-children[aria-expanded="true"] > .elementor-item .sub-arrow svg {
        fill: #FFFFFF !important;
    }
    
    /* Zusätzlich, um sicherzugehen, dass Submenu-Icons korrekt greifen */
    .elementor-nav-menu .elementor-item .sub-arrow svg {
        fill: #E5313D !important;
    }
}


.header-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px; /* Feste Höhe */
    transition: transform 0.4s ease-in-out;
    z-index: 999;
}

/* Beim Runterscrollen → Header nach oben schieben */
.header-container.hide-header {
    transform: translateY(-100%);
}

/* Beim Hochscrollen → Header langsam wieder nach unten fahren */
.header-container {
    transform: translateY(0);
}/* End custom CSS */