.elementor-kit-6{--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;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#FF0000;}.elementor-kit-6 a:hover{color:#FF0000;}.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;}{}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: #FF0000; /* 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 */
    }
}

body {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}/* End custom CSS */