.elementor-7340 .elementor-element.elementor-element-1b004126{--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;--justify-content:center;--flex-wrap:nowrap;}.elementor-7340 .elementor-element.elementor-element-3fd38212{--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;}.elementor-7340 .elementor-element.elementor-element-78a5137c.elementor-element{--align-self:center;}.elementor-7340 .elementor-element.elementor-element-148fab88 .elementor-icon-wrapper{text-align:center;}.elementor-7340 .elementor-element.elementor-element-148fab88.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-148fab88.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-148fab88.elementor-view-default .elementor-icon{color:var( --e-global-color-f63b30d );border-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-148fab88.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-148fab88.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-1db4ed52{text-align:center;}.elementor-7340 .elementor-element.elementor-element-6878286c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7340 .elementor-element.elementor-element-6878286c{text-align:center;}.elementor-7340 .elementor-element.elementor-element-6878286c p{margin-block-end:0px;}.elementor-7340 .elementor-element.elementor-element-75cf8345{--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;}.elementor-7340 .elementor-element.elementor-element-9f18932.elementor-element{--align-self:center;}.elementor-7340 .elementor-element.elementor-element-47030e7b .elementor-icon-wrapper{text-align:center;}.elementor-7340 .elementor-element.elementor-element-47030e7b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-47030e7b.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-47030e7b.elementor-view-default .elementor-icon{color:var( --e-global-color-f63b30d );border-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-47030e7b.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-47030e7b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-3df89b0e{text-align:center;}.elementor-7340 .elementor-element.elementor-element-71c2e715{text-align:center;}.elementor-7340 .elementor-element.elementor-element-4f28bedd{--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;}.elementor-7340 .elementor-element.elementor-element-16b1385d.elementor-element{--align-self:center;}.elementor-7340 .elementor-element.elementor-element-5e793449 .elementor-icon-wrapper{text-align:center;}.elementor-7340 .elementor-element.elementor-element-5e793449.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-5e793449.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-5e793449.elementor-view-default .elementor-icon{color:var( --e-global-color-f63b30d );border-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-5e793449.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-5e793449.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-693743ec{text-align:center;}.elementor-7340 .elementor-element.elementor-element-3d6341cd{text-align:center;}.elementor-7340 .elementor-element.elementor-element-1cb62072{--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;}.elementor-7340 .elementor-element.elementor-element-21eaaacd.elementor-element{--align-self:center;}.elementor-7340 .elementor-element.elementor-element-58ee994e .elementor-icon-wrapper{text-align:center;}.elementor-7340 .elementor-element.elementor-element-58ee994e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-58ee994e.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-58ee994e.elementor-view-default .elementor-icon{color:var( --e-global-color-f63b30d );border-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-58ee994e.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-58ee994e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-249d6d4b{text-align:center;}.elementor-7340 .elementor-element.elementor-element-637ea0bd{text-align:center;}.elementor-7340 .elementor-element.elementor-element-736f25c4{--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;}.elementor-7340 .elementor-element.elementor-element-24076f81.elementor-element{--align-self:center;}.elementor-7340 .elementor-element.elementor-element-1eb1d79a .elementor-icon-wrapper{text-align:center;}.elementor-7340 .elementor-element.elementor-element-1eb1d79a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-1eb1d79a.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-1eb1d79a.elementor-view-default .elementor-icon{color:var( --e-global-color-f63b30d );border-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-1eb1d79a.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-1eb1d79a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-54da1f65{text-align:center;}.elementor-7340 .elementor-element.elementor-element-390827f2{text-align:center;}.elementor-7340 .elementor-element.elementor-element-30cb9629{--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;}.elementor-7340 .elementor-element.elementor-element-74503204.elementor-element{--align-self:center;}.elementor-7340 .elementor-element.elementor-element-71939179 .elementor-icon-wrapper{text-align:center;}.elementor-7340 .elementor-element.elementor-element-71939179.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-71939179.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-71939179.elementor-view-default .elementor-icon{color:var( --e-global-color-f63b30d );border-color:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-71939179.elementor-view-framed .elementor-icon, .elementor-7340 .elementor-element.elementor-element-71939179.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f63b30d );}.elementor-7340 .elementor-element.elementor-element-f230142{text-align:center;}.elementor-7340 .elementor-element.elementor-element-2932382a{text-align:center;}@media(min-width:740px){.elementor-7340 .elementor-element.elementor-element-1b004126{--content-width:1300px;}.elementor-7340 .elementor-element.elementor-element-3fd38212{--width:100%;}}@media(max-width:1366px) and (min-width:740px){.elementor-7340 .elementor-element.elementor-element-1b004126{--content-width:1240px;}.elementor-7340 .elementor-element.elementor-element-3fd38212{--width:100%;}.elementor-7340 .elementor-element.elementor-element-75cf8345{--width:100%;}}@media(max-width:1366px){.elementor-7340 .elementor-element.elementor-element-1b004126{--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-7340 .elementor-element.elementor-element-6878286c{width:var( --container-widget-width, 129px );max-width:129px;--container-widget-width:129px;--container-widget-flex-grow:0;text-align:center;}.elementor-7340 .elementor-element.elementor-element-6878286c.elementor-element{--align-self:center;}}@media(max-width:1180px){.elementor-7340 .elementor-element.elementor-element-1b004126{--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;}}@media(max-width:880px){.elementor-7340 .elementor-element.elementor-element-1b004126{--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;}}@media(max-width:739px){.elementor-7340 .elementor-element.elementor-element-3fd38212{--width:100%;}.elementor-7340 .elementor-element.elementor-element-75cf8345{--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;}.elementor-7340 .elementor-element.elementor-element-4f28bedd{--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;}.elementor-7340 .elementor-element.elementor-element-1cb62072{--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;}.elementor-7340 .elementor-element.elementor-element-736f25c4{--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;}.elementor-7340 .elementor-element.elementor-element-30cb9629{--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;}}/* Start custom CSS for container, class: .elementor-element-1b004126 *//* =========================================================
   ELEMENTOR TIMELINE
   =========================================================

   DARSTELLUNGEN:

   1. DESKTOP
      ab 1201px
      → horizontal

   2. TABLET QUERFORMAT
      879px – 1200px
      → horizontal

   3. TABLET HOCHFORMAT
      768–878 PX
      
   4. MOBIL QUERFORMAT
      667px – 878px
      → vertikal

   5. MOBIL HOCHFORMAT
      bis 759px
      → vertikal
      → Linie weiter rechts
   ========================================================= */


/* =========================================================
   GRUNDLAGE
   ========================================================= */

.timeline {

    width: 100% !important;
    max-width: 1240px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DESKTOP
   AB 1201 PX
   HORIZONTALE TIMELINE
   ========================================================= */

@media (min-width: 1201px) {

    .timeline {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 1240px !important;
    }

    .timeline .timeline-item {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
        z-index: 2 !important;
    }

    .timeline .timeline-year {
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .timeline .timeline-year .elementor-heading-title {
        margin: 0 !important;
        font-size: 28px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    .timeline .timeline-icon {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        z-index: 20 !important;
    }

    .timeline .timeline-icon .elementor-icon {
        position: relative !important;
        z-index: 21 !important;
    }

    .timeline .timeline-item:not(:last-child)::after {
        content: "" !important;
        position: absolute !important;
        top: 63px !important;
        left: 50% !important;
        width: 100% !important;
        height: 3px !important;
        background: #cccccc !important;
        z-index: 5 !important;
        pointer-events: none !important;
    }

    .timeline .timeline-item:last-child::after {
        display: none !important;
    }

    .timeline .timeline-title {
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .timeline .timeline-title .elementor-heading-title {
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        text-align: center !important;
    }

    .timeline .timeline-text {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-text p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}


/* =========================================================
   TABLET QUERFORMAT
   879 – 1200 PX
   HORIZONTALE TIMELINE
   ========================================================= */

@media (min-width: 879px) and (max-width: 1200px) {

    .timeline {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-item {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 8px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        z-index: 2 !important;
    }

    .timeline .timeline-year {
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .timeline .timeline-year .elementor-heading-title {
        margin: 0 !important;
        font-size: 28px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    .timeline .timeline-icon {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        z-index: 20 !important;
    }

    .timeline .timeline-icon .elementor-icon {
        position: relative !important;
        z-index: 21 !important;
    }

    .timeline .timeline-item:not(:last-child)::after {
        content: "" !important;
        position: absolute !important;
        top: 63px !important;
        left: 50% !important;
        width: 100% !important;
        height: 3px !important;
        background: #cccccc !important;
        z-index: 5 !important;
        pointer-events: none !important;
    }

    .timeline .timeline-item:last-child::after {
        display: none !important;
    }

    .timeline .timeline-title {
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .timeline .timeline-title .elementor-heading-title {
        margin: 0 !important;
        font-size: 19px !important;
        line-height: 1.3 !important;
        text-align: center !important;
    }

    .timeline .timeline-text {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-text p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}

/* =========================================================
   TABLET HOCHFORMAT
   768–878 PX
   ========================================================= */

@media (min-width: 768px) and (max-width: 878px) {

    .timeline {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* Vertikale Verbindungslinie */
    .timeline::before {
        content: "" !important;
        position: absolute !important;
        left: 30px !important;
        top: 29px !important;
        width: 3px !important;
        height: calc(100% - 127px) !important;
        background: #cccccc !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    /* Timeline-Einträge */
    .timeline .timeline-item {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 45px 0 !important;
        padding: 0 15px 0 70px !important;
        box-sizing: border-box !important;
        text-align: left !important;
        z-index: 2 !important;
    }

    /* Icon */
    .timeline .timeline-icon {
        position: absolute !important;
        left: 32px !important;
        top: 4px !important;
        transform: translateX(-50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        z-index: 20 !important;
    }

    .timeline .timeline-icon .elementor-icon {
        position: relative !important;
        z-index: 21 !important;
    }

    /* Jahr */
    .timeline .timeline-year {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-year .elementor-heading-title {
        margin: 0 !important;
        font-size: 26px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    /* Überschrift */
    .timeline .timeline-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-title .elementor-heading-title {
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        text-align: left !important;
    }

    /* Text */
    .timeline .timeline-text {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-text p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .timeline .timeline-item:last-child {
        margin-bottom: 0 !important;
    }
}
/* =========================================================
   MOBIL QUERFORMAT
   667 – 878 PX
   VERTIKALE TIMELINE
   ========================================================= */

@media (min-width: 667px) and (max-width: 878px) {

    .timeline {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* VERTIKALE LINIE */

    .timeline::before {
        content: "" !important;
        position: absolute !important;
        left: 30px !important;
        top: 29px !important;
        width: 3px !important;
        height: calc(100% - 127px) !important;
        background: #cccccc !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    /* TIMELINE ITEM */

    .timeline .timeline-item {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 35px 0 !important;
        padding: 0 15px 0 70px !important;
        box-sizing: border-box !important;
        text-align: left !important;
        z-index: 2 !important;
    }

    /* HORIZONTALE LINIE ABSCHALTEN */

    .timeline .timeline-item::after {
        content: none !important;
        display: none !important;
    }

    /* ICON */

    .timeline .timeline-icon {
        position: absolute !important;
        left: 32px !important;
        top: 4px !important;
        transform: translateX(-50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        z-index: 20 !important;
    }

    .timeline .timeline-icon .elementor-icon {
        position: relative !important;
        z-index: 21 !important;
    }

    /* JAHRESZAHL */

    .timeline .timeline-year {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-year .elementor-heading-title {
        margin: 0 !important;
        font-size: 26px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    /* ÜBERSCHRIFT */

    .timeline .timeline-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-title .elementor-heading-title {
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        text-align: left !important;
    }

    /* TEXT */

    .timeline .timeline-text {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-text p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

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


/* =========================================================
   MOBIL HOCHFORMAT
   BIS 759 PX
   VERTIKALE TIMELINE
   LINIE WEITER RECHTS
   ========================================================= */

@media (max-width: 668px) {

    .timeline {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* VERTIKALE LINIE WEITER RECHTS */

    .timeline::before {
        content: "" !important;
        position: absolute !important;
        left: 45px !important;
        top: 29px !important;
        width: 3px !important;
        height: calc(100% - 127px) !important;
        background: #cccccc !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    /* TIMELINE ITEM */

    .timeline .timeline-item {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 45px 0 !important;
        padding: 0 15px 0 78px !important;
        box-sizing: border-box !important;
        text-align: left !important;
        z-index: 2 !important;
    }

    /* HORIZONTALE LINIE ABSCHALTEN */

    .timeline .timeline-item::after {
        content: none !important;
        display: none !important;
    }

    /* ICON */

    .timeline .timeline-icon {
        position: absolute !important;
        left: 39.5px !important;
        top: 4px !important;
        transform: translateX(-50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        z-index: 20 !important;
    }

    .timeline .timeline-icon .elementor-icon {
        position: relative !important;
        z-index: 21 !important;
    }

    /* JAHRESZAHL */

    .timeline .timeline-year {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-year .elementor-heading-title {
        margin: 0 !important;
        font-size: 26px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    /* ÜBERSCHRIFT */

    .timeline .timeline-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-title .elementor-heading-title {
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        text-align: left !important;
    }

    /* TEXT */

    .timeline .timeline-text {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .timeline .timeline-text p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .timeline .timeline-item:last-child {
        margin-bottom: 0 !important;
    }
}/* End custom CSS */