.elementor-39 .elementor-element.elementor-element-da84933{--display:flex;--min-height:70vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.65;}.elementor-39 .elementor-element.elementor-element-da84933:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-da84933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://baselegs.com/wp-content/uploads/2026/06/shengpengpeng-cai-cpPteaD54nk-unsplash.webp");background-position:center center;background-size:cover;}.elementor-39 .elementor-element.elementor-element-da84933::before, .elementor-39 .elementor-element.elementor-element-da84933 > .elementor-background-video-container::before, .elementor-39 .elementor-element.elementor-element-da84933 > .e-con-inner > .elementor-background-video-container::before, .elementor-39 .elementor-element.elementor-element-da84933 > .elementor-background-slideshow::before, .elementor-39 .elementor-element.elementor-element-da84933 > .e-con-inner > .elementor-background-slideshow::before, .elementor-39 .elementor-element.elementor-element-da84933 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1A2B49;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-39 .elementor-element.elementor-element-977d0e7{text-align:center;}.elementor-39 .elementor-element.elementor-element-977d0e7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;color:var( --e-global-color-58be983 );}.elementor-39 .elementor-element.elementor-element-9e22514{text-align:center;}.elementor-39 .elementor-element.elementor-element-9e22514 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-58be983 );}.elementor-39 .elementor-element.elementor-element-a44327c{--display:flex;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-39 .elementor-element.elementor-element-cae9d7a > .elementor-widget-container{margin:0px 0px 40px 0px;padding:0px 0px 40px 0px;}.elementor-39 .elementor-element.elementor-element-cae9d7a{text-align:center;}.elementor-39 .elementor-element.elementor-element-cae9d7a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#1A2B49;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-39 .elementor-element.elementor-element-2b5de0a{--grid-columns:3;}.elementor-39 .elementor-element.elementor-element-938b5cf{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-39 .elementor-element.elementor-element-1a3bbf8{text-align:center;}.elementor-39 .elementor-element.elementor-element-1a3bbf8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#1A2B49;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-39 .elementor-element.elementor-element-4ab872a{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#5A6A85;}.elementor-39 .elementor-element.elementor-element-4ab872a.elementor-element{--align-self:center;}.elementor-39 .elementor-element.elementor-element-24480aa{--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;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-39 .elementor-element.elementor-element-a1d1dab .elementor-icon-box-wrapper{gap:15px;}.elementor-39 .elementor-element.elementor-element-70f5c24 .elementor-icon-box-wrapper{gap:15px;}.elementor-39 .elementor-element.elementor-element-9420127 .elementor-icon-box-wrapper{gap:15px;}.elementor-39 .elementor-element.elementor-element-b717708{--display:flex;}.elementor-39 .elementor-element.elementor-element-6347d97 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-39 .elementor-element.elementor-element-6347d97{text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;font-style:italic;color:#1A2B49;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-39 .elementor-element.elementor-element-2b5de0a{--grid-columns:2;}}@media(max-width:767px){.elementor-39 .elementor-element.elementor-element-da84933{--overlay-opacity:0.7;}.elementor-39 .elementor-element.elementor-element-9e22514 .elementor-heading-title{line-height:1.4em;}.elementor-39 .elementor-element.elementor-element-2b5de0a{--grid-columns:1;}.elementor-39 .elementor-element.elementor-element-938b5cf{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-da84933 *//* --- JETZT ABSOLUT STABIL: DAS DIREKT-SUCHFELD --- */
.baselegs-direct-search {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 550px !important; /* Zwingt das Feld auf eine edle Breite */
    height: 50px !important;
    background-color: #FFFFFF !important;
    border-radius: 30px !important;
    box-shadow: 0 10px 25px rgba(26, 43, 73, 0.3) !important;
    overflow: hidden !important;
    margin: 25px auto 0 auto !important; /* Gibt Abstand nach oben zur Schrift */
    border: 2px solid transparent !important;
    transition: border-color 0.3s ease !important;
}

/* Fokus-Effekt für den glühenden Rahmen */
.baselegs-direct-search:focus-within {
    border-csolor: #FF5722 !important; /* BaseLegs Orange[cite: 1] */
}

/* Das Eingabefeld selbst */
.baselegs-direct-search input[type="text"] {
    flex-grow: 1 !important;
    border: none !important;
    background: transparent !important;
    padding-left: 25px !important;
    font-size: 16px !important;
    color: #1A2B49 !important; /* Deep Navy[cite: 1] */
    font-family: 'Roboto', sans-serif !important;[cite: 1]
    height: 100% !important;
}

.baselegs-direct-search input[type="text"]:focus {
    outline: none !important;
}

/* Der Suchen-Button (Lupe) knackig an der rechten Seite */
.baselegs-direct-search button {
    background-color: #FF5722 !important; /* BaseLegs Orange[cite: 1] */
    color: #FFFFFF !important;
    border: none !important;
    padding: 0 25px !important;
    height: 100% !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.baselegs-direct-search button:hover {
    background-color: #E04E2E !important;
}

/* --- DER SEKUNDÄRE CTA (FÜR BESSERE LESBARKEIT) --- */
}/* End custom CSS */
/* Start custom CSS *//* --- DAS DIREKT-SUCHFELD --- */
.baselegs-direct-search {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 550px !important;
    height: 50px !important;
    background-color: #FFFFFF !important;
    border-radius: 30px !important;
    box-shadow: 0 10px 25px rgba(26, 43, 73, 0.3) !important;
    overflow: hidden !important;
    margin: 25px auto 0 auto !important;
    border: 2px solid transparent !important;
    transition: border-color 0.3s ease !important;
}

.baselegs-direct-search:focus-within {
    border-color: #FF5722 !important; /* BaseLegs Orange */
}

.baselegs-direct-search input[type="text"] {
    flex-grow: 1 !important;
    border: none !important;
    background: transparent !important;
    padding-left: 25px !important;
    font-size: 16px !important;
    color: #1A2B49 !important; /* Deep Navy[cite: 1] */
    font-family: 'Roboto', sans-serif !important;[cite: 1]
    height: 100% !important;
}

.baselegs-direct-search input[type="text"]:focus {
    outline: none !important;
}

.baselegs-direct-search button {
    background-color: #FF5722 !important; /* BaseLegs Orange[cite: 1] */
    color: #FFFFFF !important;
    border: none !important;
    padding: 0 25px !important;
    height: 100% !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.baselegs-direct-search button:hover {
    background-color: #E04E2E !important;
}

/* --- DER NEUE, PERFEKT ZENTRIERTE LINK UNTER DER SUCHE --- */
.baselegs-hero-link {
    text-align: center !important;
    margin-top: 20px !important;
    color: #FFFFFF !important; /* Klares Weiß für perfekten Kontrast */
    font-family: 'Roboto', sans-serif !important;[cite: 1]
    font-size: 15px !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.6) !important;
}

.baselegs-hero-link a {
    color: #FFFFFF !important;
    text-decoration: underline !important;
    text-decoration-color: #FF5722 !important; /* Unterstreichung im Marken-Orange[cite: 1] */
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

/* Wenn man mit der Maus über den Link fährt */
.baselegs-hero-link a:hover {
    color: #FF5722 !important; /* Text färbt sich sportlich orange[cite: 1] */
}
/* --- BASELEGS TEASER CARDS SYSTEM (OPTIMIERT) --- */

/* 1. Zwingt das Loop-Grid NUR auf Desktop & Tablet in ein perfektes, gleichmäßig hohes Raster */

@media (min-width: 768px) {
    .baselegs-cards-container .elementor-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 30px !important;
        max-width: 1100px;
        margin: 0 auto;
    }
}

/* 2. Sorgt auf dem Smartphone für die saubere Liste untereinander */
@media (max-width: 767px) {
    .baselegs-cards-container .elementor-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
    }
}

/* 2. Das Design der einzelnen Karte (wird durch flex-grow gleich hoch) */
.baselegs-teaser-card {
    background: #FFFFFF !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 10px 30px rgba(26, 43, 73, 0.06) !important;
    border: 1px solid rgba(26, 43, 73, 0.08) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Sorgt im Grid für identische Höhen */
}

.baselegs-teaser-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(26, 43, 73, 0.12) !important;
    border-color: rgba(255, 87, 34, 0.3) !important;
}

/* 3. Korrektur: Macht die Distanz-Kapsel kompakt (nicht mehr volle Breite!) */
.baselegs-card-badge {
    background-color: #FF5722 !important; /* BaseLegs Orange[cite: 1] */
    color: #FFFFFF !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    font-family: 'Inter', sans-serif !important;[cite: 1]
    font-size: 13px !important;
    font-weight: bold !important;
    display: inline-block !important; /* Verhindert das Ausdehnen */
    width: max-content !important;    /* Passt sich exakt dem Text an */
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* 4. Teaser-Text auf exakt 3 Zeilen begrenzen und bündig abschließen */
.baselegs-card-text {
    font-family: 'Roboto', sans-serif !important;[cite: 1]
    color: #5A6A85 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-top: 10px !important;
    
    /* Der Trick für den sauberen Text-Cutoff mit "..." */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Maximal 3 Zeilen anzeigen */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    /* Schiebt den Text nach oben, falls eine Karte weniger Inhalt hat */
    flex-grow: 1 !important; 
}
/* --- BASELEGS VALUE PROPOSITION SYSTEM (CLEAN & CENTERED) --- */

/* Zentriert den gesamten Spalten-Container und gibt ihm die volle Premium-Breite */
.baselegs-usp-container {
    max-width: 1100px !important;
    margin: 40px auto 0 auto !important;
    width: 100% !important;
    justify-content: space-between !important; /* Verteilt die 3 Säulen gleichmäßig */
}

/* Zwingt die 3 Infobox-Widgets dazu, genau ein Drittel der Breite (minus Abstand) einzunehmen */
.baselegs-usp-container > .elementor-child,
.baselegs-usp-container > .elementor-widget {
    flex: 1 !important;
    max-width: 30% !important; /* Perfekte Drittel-Aufteilung mit Luft dazwischen */
    width: 30% !important;
}

/* Styling der einzelnen Infobox */
.baselegs-usp-box {
    text-align: center !important;
    padding: 15px !important;
    transition: transform 0.3s ease !important;
}

.baselegs-usp-box:hover {
    transform: translateY(-5px) !important;
}

/* Icons & SVGs im BaseLegs Orange */
.baselegs-usp-box .elementor-icon-box-icon i {
    color: #FF5722 !important; 
    font-size: 42px !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}

.baselegs-usp-box .elementor-icon-box-icon svg {
    color: #FF5722 !important;
    fill: #FF5722 !important;
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}

/* Titel der Säule */
.baselegs-usp-box .elementor-icon-box-title,
.baselegs-usp-box .elementor-icon-box-title a {
    font-family: 'Inter', sans-serif !important;
    color: #1A2B49 !important; 
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

/* Beschreibungstext der Säule */
.baselegs-usp-box .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    color: #5A6A85 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Mobile Optimierung: Auf dem Handy bricht es automatisch sauber untereinander */
@media (max-width: 768px) {
    .baselegs-usp-container {
        flex-direction: column !important;
    }
    .baselegs-usp-container > .elementor-child,
    .baselegs-usp-container > .elementor-widget {
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 20px;
    }
}/* End custom CSS */