.elementor-613 .elementor-element.elementor-element-47f4c79{--display:flex;--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;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-613 .elementor-element.elementor-element-06c3b2a{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-613 .elementor-element.elementor-element-399bfbc{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-613 .elementor-element.elementor-element-399bfbc:not(.elementor-motion-effects-element-type-background), .elementor-613 .elementor-element.elementor-element-399bfbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-613 .elementor-element.elementor-element-b057110{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-613 .elementor-element.elementor-element-aee0789{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-613 .elementor-element.elementor-element-0840e30{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-613 .elementor-element.elementor-element-47f4c79{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-613 .elementor-element.elementor-element-47f4c79{--padding-top:80px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-0944ba8 *//* ==========================================================================
   HERO: ÜBER UNS (ENTREPRENEURIAL FOCUS)
   Optimiert für Kontrast & Executive Clarity
   ========================================================================== */

.du-about-hero {
    background-color: #ffffff !important;
    padding: clamp(80px, 10vw, 140px) 0 60px 0 !important;
    text-align: center;
}

.du-about-hero-inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Die Eyebrow mit dem blauen Punkt aus deinem System */
.du-about-hero .du-eyebrow-cnt {
    justify-content: center;
    margin-bottom: 24px;
}

.du-about-hero h1 {
    font-size: clamp(32px, 5vw, 56px) !important;
    font-weight: 700 !important;
    color: #0F172A !important; /* Fast Schwarz für max. Kontrast */
    line-height: 1.1 !important;
    letter-spacing: -0.03em !important;
    margin-bottom: 24px !important;
}

.du-about-hero-lead {
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.6;
    color: #475569;
    max-width: 760px;
    margin: 0 auto 48px;
}

/* Fakten-Leiste: 25 Jahre / IHK / DACH */
.du-about-hero-stats {
    display: flex;
    justify-content: center;
    gap: clamp(20px, 4vw, 60px);
    padding-top: 40px;
    border-top: 1px solid #F1F5F9;
    flex-wrap: wrap;
}

.du-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.du-stat-value {
    font-size: 24px;
    font-weight: 800;
    color: #2038B3; /* Dein Uplift-Blau */
}

.du-stat-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #94A3B8;
}

@media (max-width: 768px) {
    .du-about-hero { padding-top: 60px !important; }
    .du-about-hero-stats { gap: 30px; }
}

/* ==========================================================================
   HERO H1 ALIGNMENT & SPACING FIX
   ========================================================================== */

.du-hero-section h1 {
    /* Schriftstil-Angleichung an du-section-title */
    font-size: clamp(36px, 5vw, 56px) !important; /* Dynamische Größe für Desktop/Mobile */
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #0F172A !important; /* Dein tiefes Dunkelblau/Schwarz */
    letter-spacing: -0.02em !important; /* Erzeugt den kompakten "Executive"-Look */
    margin-bottom: 32px !important;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

/* Reduzierung des Abstands zu den Branchenboxen */
.du-hero-section {
    padding-bottom: 60px !important; /* Von 100px auf 60px reduziert für besseren Flow */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25512e7 *//* ==========================================================================
   INDUSTRY FOCUS: HOVER EFFECTS & RESPONSIVE GRID
   ========================================================================== */

.du-industry-section {
    padding: 80px 0 !important;
    background-color: #ffffff;
}

.du-industry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.du-industry-card {
    position: relative;
    height: 220px;
    background: #F8FAFC;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    cursor: default;
}

/* Front State */
.du-industry-icon {
    width: 48px;
    height: 48px;
    color: #475569;
    margin-bottom: 20px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.du-industry-name {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #1F2937;
    text-align: center;
    transition: opacity 0.3s ease;
}

/* Hover Content (Expertise Text) */
.du-industry-hover-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2038B3; /* Dein Blau */
    color: #ffffff;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

/* Hover Actions */
.du-industry-card:hover {
    border-color: #2038B3;
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(32, 56, 179, 0.1);
}

.du-industry-card:hover .du-industry-hover-text {
    opacity: 1;
    transform: translateY(0);
}

.du-industry-card:hover .du-industry-icon,
.du-industry-card:hover .du-industry-name {
    opacity: 0;
}

/* RESPONSIVE FIXES */
@media (max-width: 1024px) {
    .du-industry-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .du-industry-grid { grid-template-columns: 1fr; }
    .du-industry-card { height: 180px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06c3b2a *//* ==========================================================================
   TABLET SCALE FIX: INDUSTRY BOXES
   Optimiert das Verhältnis zur H1 auf iPads & Tablets
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1024px) {
    /* Boxen flacher gestalten */
    .du-industry-card {
        height: 160px !important; /* Von ca. 220px auf 160px reduziert */
        padding: 20px !important;
    }

    /* Icons dezent verkleinern */
    .du-industry-icon {
        width: 38px !important;
        height: 38px !important;
        margin-bottom: 12px !important;
    }

    /* Schriftgröße der Branchennamen anpassen */
    .du-industry-name {
        font-size: 12px !important;
        letter-spacing: 0.03em !important;
    }

    /* Den Abstand nach oben zur H1-Sektion straffen */
    .du-industry-section {
        padding-top: 40px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a33354c *//* --- ISOLIERTES PROFIL-CSS (V3) --- */
.du-v2-ma-wrapper { 
    display: flex !important; flex-direction: column !important; gap: 40px !important; 
    max-width: 1200px !important; margin: 0 auto !important; padding: 60px 24px !important;
    text-align: center !important; font-family: 'Outfit', sans-serif !important;
}

/* KOPPLUNG AN GLOBALE EYEBROW (HORIZONTALER FIX) */
.du-v2-ma-text .du-eyebrow {
    display: flex !important; 
    flex-direction: row !important; /* Punkt wieder NEBEN den Text */
    align-items: center !important;
    justify-content: center !important; /* Zentriert auf Mobile/Tablet */
    gap: 10px !important; /* Abstand zwischen Punkt und Text */
    margin-bottom: 20px !important;
    color: #2038B3 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
}

/* Der Punkt selbst */
.du-v2-ma-text .du-eyebrow::before {
    content: "" !important; 
    width: 8px !important; 
    height: 8px !important; 
    background: #2038B3 !important; 
    border-radius: 50% !important; 
    display: inline-block !important;
    /* Falls die Animation global 'pulse' heißt, wird sie hier übernommen */
    margin-bottom: 0 !important; /* Kein Abstand nach unten mehr nötig */
}

/* DESKTOP-ANPASSUNG (Linksbündig) */
@media (min-width: 1025px) {
    .du-v2-ma-text .du-eyebrow {
        justify-content: flex-start !important; /* Auf Desktop wieder linksbündig */
    }
}
/* TYPOGRAFIE & ABSTÄNDE */
.du-v2-ma-h2 { font-size: clamp(26px, 4vw, 42px) !important; font-weight: 700 !important; color: #1F2937 !important; margin-bottom: 24px !important; letter-spacing: -0.02em !important; line-height: 1.2 !important; }
.du-v2-ma-lead { font-size: 17px !important; line-height: 1.6 !important; color: #475569 !important; margin-bottom: 40px !important; }

/* BADGE KORREKTUR */
.du-v2-ma-badge-row { display: flex !important; justify-content: center !important; margin-bottom: 45px !important; }
.du-v2-ma-badge { display: flex !important; align-items: center !important; gap: 18px !important; background: #F0FDF4 !important; padding: 14px 24px !important; border-radius: 8px !important; border-left: 4px solid #16a34a !important; text-align: left !important; }
.du-v2-ma-badge img { width: 56px !important; height: auto !important; }

/* LISTE */
.du-v2-ma-fokus-h4 { font-size: 18px !important; font-weight: 700 !important; color: #1F2937 !important; margin-bottom: 16px !important; }
.du-v2-ma-list { list-style: none !important; padding: 0 !important; display: inline-block !important; text-align: left !important; margin-bottom: 40px !important; }
.du-v2-ma-list li { margin-bottom: 10px !important; font-size: 15px !important; color: #475569 !important; padding-left: 20px !important; position: relative !important; }
.du-v2-ma-list li::before { content: "•" !important; position: absolute !important; left: 0 !important; color: #2038B3 !important; font-weight: 900 !important; }

/* TRUST BOX SYMMETRIE */
.du-v2-ma-trust-center { display: flex !important; justify-content: center !important; width: 100% !important; }
.du-v2-ma-trust { background: #F1F5FE !important; border-radius: 12px !important; padding: 35px !important; width: 100% !important; max-width: 650px !important; }
.du-v2-ma-trust-title { color: #2038B3 !important; font-weight: 800 !important; text-transform: uppercase !important; font-size: 14px !important; letter-spacing: 1px !important; }
.du-v2-ma-trust-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; margin-top: 25px !important; text-align: left !important; }

/* BILD & META */
.du-v2-ma-image img { width: 100% !important; max-width: 350px !important; border-radius: 12px !important; margin-bottom: 24px !important; }
.du-v2-ma-meta { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; background: #fff !important; padding: 24px !important; border-radius: 12px !important; border: 1px solid #E2E8F0 !important; text-align: left !important; max-width: 450px !important; margin: 0 auto !important; }

/* DESKTOP (AB 1025PX): BILD LINKS, TEXT RECHTS */
@media (min-width: 1025px) {
    .du-v2-ma-wrapper { flex-direction: row !important; text-align: left !important; align-items: flex-start !important; gap: 80px !important; }
    .du-v2-ma-image { order: 1 !important; flex: 0 0 35% !important; max-width: 35% !important; }
    .du-v2-ma-text { order: 2 !important; flex: 0 0 60% !important; max-width: 60% !important; text-align: left !important; }
    .du-v2-ma-text .du-eyebrow { align-items: flex-start !important; }
    .du-v2-ma-badge-row, .du-v2-ma-trust-center { justify-content: flex-start !important; }
    .du-v2-ma-trust-grid { grid-template-columns: 1fr 1fr !important; }
    .du-v2-ma-image img { max-width: 100% !important; }
    .du-v2-ma-meta { margin: 0 !important; max-width: 100% !important; }
}

/* TABLET (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .du-v2-ma-wrapper { padding: 40px 24px !important; gap: 35px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-399bfbc *//* ==========================================================================
   PROFILE TRUST BOX: STRATEGIC FOCUS
   ========================================================================== */

.du-profile-trust-box {
    background-color: #F1F5FE !important; /* Dezentes Blau aus dem Screenshot */
    border-radius: 12px;
    padding: 30px 40px;
    margin-top: 32px;
}

.du-trust-box-title {
    color: #2038B3 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
    display: block;
}

.du-trust-box-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 40px;
}

.du-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.du-trust-dot {
    color: #2038B3;
    font-weight: 900;
    font-size: 18px;
}

.du-trust-text {
    font-size: 14px;
    font-weight: 700;
    color: #1F2937;
    line-height: 1.4;
}

/* ==========================================================================
   ULTIMATE TABLET PROFILE FIX (768px - 1024px)
   Zwingt Elementor-Spalten in das Side-by-Side Layout
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1024px) {
    
    /* 1. Den Haupt-Container auf "Reihe" zwingen */
    .du-profile-container, 
    .du-profile-container > .elementor-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2. Die Bild-Spalte schrumpfen (Kein Plakat mehr!) */
    /* Wir sprechen hier auch die Elementor-Hülle direkt an */
    .du-profile-image-wrap,
    .du-profile-container .elementor-column:first-child {
        width: 35% !important; /* Verkleinert das Bild auf Tablet deutlich */
        flex: 0 0 35% !important;
        max-width: 35% !important;
    }

    .du-profile-image-wrap img {
        width: 100% !important;
        height: auto !important;
        border-radius: 16px !important;
        object-fit: cover !important;
    }

    /* 3. Die Text-Spalte daneben platzieren */
    .du-profile-content,
    .du-profile-container .elementor-column:last-child {
        width: 60% !important;
        flex: 0 0 60% !important;
        max-width: 60% !important;
        padding-left: 0 !important; /* Verhindert unnötige Einrückung */
    }

    /* 4. Text-Elemente anpassen */
    .du-profile-content h2 {
        font-size: clamp(24px, 3vw, 32px) !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    /* 5. Die blaue Trust-Box (Methodische Entscheidungssicherheit) */
    .du-trust-box-grid {
        grid-template-columns: 1fr !important; /* Stapeln für bessere Lesbarkeit auf Tablet */
        gap: 12px !important;
    }
}

/* SMARTPHONE-BEGRENZUNG: Verhindert riesige Bilder auf dem Handy */
@media (max-width: 767px) {
    .du-profile-image-wrap {
        max-width: 280px !important;
        margin: 0 auto 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c847826 *//* ==========================================================================
   CERTIFICATE GALLERY (CURATED STYLE)
   ========================================================================== */

.du-cert-section {
    background-color: #ffffff !important;
    padding: clamp(60px, 8vw, 100px) 0 !important;
}

.du-cert-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
}

.du-cert-category {
    background: #ffffff;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 32px;
    transition: all 0.3s ease;
}

.du-cert-category:hover {
    border-color: #2038B3;
    box-shadow: 0 10px 30px rgba(32, 56, 179, 0.05);
}

.du-cert-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #F1F5F9;
}

.du-cert-icon {
    width: 24px;
    height: 24px;
    color: #2038B3;
}

.du-cert-title {
    font-size: 18px;
    font-weight: 800;
    color: #0F172A;
    margin: 0;
}

.du-cert-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.du-cert-list li {
    font-size: 14px;
    color: #475569;
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.du-cert-list li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #2038B3;
    font-weight: 900;
    font-size: 12px;
}

.du-cert-badge {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #94A3B8;
    background: #F8FAFC;
    padding: 2px 8px;
    border-radius: 4px;
}

/* ==========================================================================
   SMART RESPONSIVE FIX (TABLET COLUMNS + MOBILE STACK)
   Fokus: 2 Spalten auf Tablet, 1 Spalte auf Mobile
   ========================================================================== */

/* 1. TABLET-LAYOUT (768px bis 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Philosophie & Zertifikate: Bleiben 2-spaltig */
    .du-wwd-grid, 
    .du-cert-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        padding: 0 30px !important;
    }

    /* Branchen-Grid: Geht von 4 auf 2 Spalten (statt 1) */
    .du-industry-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    .du-wwd-card, 
    .du-cert-category {
        padding: 30px !important; /* Etwas kompakter für Tablet */
    }

    .du-section-title {
        font-size: 34px !important;
    }
}

/* 2. MOBILE-LAYOUT (Unter 768px) */
@media (max-width: 767px) {
    /* Erst hier wird alles untereinander gestapelt */
    .du-wwd-grid, 
    .du-cert-grid, 
    .du-industry-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding: 0 20px !important;
    }

    .du-wwd-card, 
    .du-cert-category {
        padding: 30px 20px !important;
    }

    /* Timeline-Anpassung für kleine Screens */
    .du-timeline-container {
        padding-left: 30px !important;
    }
    
    .du-timeline-item::before {
        left: -30px !important;
    }

    /* CTA Button auf volle Breite für Daumen-Bedienung */
    .du-final-btn {
        width: 100%;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-131d334 *//* ==========================================================================
   PHILOSOPHIE-SEKTION (UNIFIED STYLE)
   ========================================================================== */

.du-wwd-section {
    background-color: #ffffff !important;
    padding: clamp(60px, 8vw, 100px) 0 !important;
}

/* Header-Zentrierung */
.du-wwd-head {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 60px;
}

.du-wwd-head .du-eyebrow-cnt {
    justify-content: center;
    margin-bottom: 20px;
}

.du-wwd-head .du-lead {
    font-size: 18px;
    line-height: 1.6;
    color: #475569;
    margin-top: 20px;
}

/* Grid-System */
.du-wwd-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    max-width: 1120px;
    margin: 0 auto;
}

.du-wwd-card {
    background: #ffffff;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: clamp(30px, 5vw, 48px);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);
    transition: transform 0.3s ease;
}

.du-wwd-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.du-wwd-overline {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #2038B3; /* Kräftiges Blau */
    margin-bottom: 32px;
    display: block;
}

.negative .du-wwd-overline {
    color: #64748B; /* Neutrales Grau */
}

.du-wwd-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.du-wwd-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.6;
    color: #334155;
}

/* Icon-Kontrast für Farbenblinde optimiert */
.du-icon-check svg {
    width: 18px;
    height: 18px;
    color: #2038B3;
    margin-top: 3px;
    flex-shrink: 0;
}

.du-icon-cross svg {
    width: 16px;
    height: 16px;
    color: #94A3B8;
    margin-top: 4px;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .du-wwd-grid { grid-template-columns: 1fr; gap: 24px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-263e6c5 *//* ==========================================================================
   HISTORIE & FINAL CTA (EXECUTIVE STYLE)
   ========================================================================== */

.du-history-section {
    background-color: #ffffff !important;
    padding: clamp(60px, 8vw, 100px) 0 !important;
}

/* Header */
.du-history-head {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 80px;
}

.du-history-head .du-eyebrow-cnt {
    justify-content: center;
    margin-bottom: 20px;
}

/* Timeline Container */
.du-timeline-container {
    max-width: 850px;
    margin: 0 auto 100px;
    position: relative;
    padding-left: 40px;
}

/* Vertikale Linie */
.du-timeline-container::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background-color: #E2E8F0;
}

.du-timeline-item {
    position: relative;
    margin-bottom: 56px;
}

.du-timeline-item:last-child { margin-bottom: 0; }

/* Timeline Punkt */
.du-timeline-item::before {
    content: '';
    position: absolute;
    left: -40px;
    top: 6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 3px solid #2038B3; /* Dein Experten-Blau */
    z-index: 2;
}

.du-timeline-year {
    font-size: 20px;
    font-weight: 800;
    color: #2038B3;
    margin-bottom: 8px;
    display: block;
}

.du-timeline-title {
    font-size: 22px;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 12px;
    line-height: 1.2;
}

.du-timeline-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #475569;
}

.du-timeline-desc strong {
    color: #111827;
    font-weight: 700;
}

/* Final CTA Box */
.du-final-cta-wrap {
    text-align: center;
    padding: clamp(40px, 6vw, 80px) 40px;
    background: #F8FAFC;
    border-radius: 24px;
    border: 1px solid #E2E8F0;
    max-width: 1100px;
    margin: 0 auto;
}

.du-final-cta-wrap h2 {
    font-size: clamp(32px, 4vw, 48px) !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin-bottom: 24px !important;
    letter-spacing: -0.02em !important;
}

.du-final-cta-text {
    font-size: 18px;
    line-height: 1.6;
    color: #475569;
    max-width: 700px;
    margin: 0 auto 40px;
}

.du-final-btn {
    display: inline-block;
    background-color: #2038B3 !important;
    color: #ffffff !important;
    padding: 20px 56px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(32, 56, 179, 0.2);
}

.du-final-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(32, 56, 179, 0.3);
}

.du-cta-sub {
    margin-top: 24px;
    font-size: 13px;
    font-weight: 700;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

@media (max-width: 768px) {
    .du-timeline-container { padding-left: 30px; }
    .du-final-cta-wrap { padding: 40px 20px; border: none; background: #F8FAFC; }
}/* End custom CSS */