.elementor-987503158 .elementor-element.elementor-element-2c21ae5a{--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;--gap:96px 96px;--row-gap:96px;--column-gap:96px;--padding-top:96px;--padding-bottom:180px;--padding-left:88px;--padding-right:88px;}.elementor-987503158 .elementor-element.elementor-element-73190d0{--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;--gap:80px 80px;--row-gap:80px;--column-gap:80px;}.elementor-987503158 .elementor-element.elementor-element-0214e9b{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-987503158 .elementor-element.elementor-element-583ae44{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-987503158 .elementor-element.elementor-element-34e3db9{font-family:var( --e-global-typography-109e65b-font-family ), Sans-serif;font-size:var( --e-global-typography-109e65b-font-size );}.elementor-987503158 .elementor-element.elementor-element-2e88bfd .elementor-button{background-color:var( --e-global-color-accent );font-family:"Futura PT", Sans-serif;font-size:clamp(0.875rem, 0.7918rem + 0.1735vw, 1rem);fill:var( --e-global-color-6105276 );color:var( --e-global-color-6105276 );transition-duration:3s;border-radius:6px 6px 6px 6px;padding:12px 24px 12px 24px;}.elementor-987503158 .elementor-element.elementor-element-2e88bfd .elementor-button:hover, .elementor-987503158 .elementor-element.elementor-element-2e88bfd .elementor-button:focus{background-color:transparent;color:var( --e-global-color-6105276 );background-image:linear-gradient(200deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);}.elementor-987503158 .elementor-element.elementor-element-2e88bfd .elementor-button:hover svg, .elementor-987503158 .elementor-element.elementor-element-2e88bfd .elementor-button:focus svg{fill:var( --e-global-color-6105276 );}.elementor-987503158 .elementor-element.elementor-element-a8ff079{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--border-radius:30px 30px 30px 30px;}.elementor-987503158 .elementor-element.elementor-element-a8ff079:not(.elementor-motion-effects-element-type-background), .elementor-987503158 .elementor-element.elementor-element-a8ff079 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-6105276 ) 0%, var( --e-global-color-be9107a ) 100%);}.elementor-987503158 .elementor-element.elementor-element-ce11968{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-987503158 .elementor-element.elementor-element-f4f2919{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-987503158 .elementor-element.elementor-element-7fdd5e5{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-987503158 .elementor-element.elementor-element-ff904a9{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-987503158 .elementor-element.elementor-element-7ed0293{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-987503158 .elementor-element.elementor-element-7155317{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-987503158 .elementor-element.elementor-element-8d2a47c{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-987503158 .elementor-element.elementor-element-c70a8f9{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-987503158 .elementor-element.elementor-element-e5ea14c{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-987503158 .elementor-element.elementor-element-98f253f{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-987503158 .elementor-element.elementor-element-e943058{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-987503158 .elementor-element.elementor-element-458592d{text-align:center;}.elementor-987503158 .elementor-element.elementor-element-64872e7{--display:flex;}.elementor-987503158 .elementor-element.elementor-element-4f4bc60.elementor-element{--align-self:center;}.elementor-987503158 .elementor-element.elementor-element-4f4bc60 img{width:160px;max-width:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-987503158 .elementor-element.elementor-element-2c21ae5a{--padding-top:96px;--padding-bottom:180px;--padding-left:40px;--padding-right:40px;}.elementor-987503158 .elementor-element.elementor-element-34e3db9{font-size:var( --e-global-typography-109e65b-font-size );}}@media(max-width:767px){.elementor-987503158 .elementor-element.elementor-element-2c21ae5a{--padding-top:40px;--padding-bottom:180px;--padding-left:16px;--padding-right:16px;}.elementor-987503158 .elementor-element.elementor-element-34e3db9{font-size:var( --e-global-typography-109e65b-font-size );}}/* Start custom CSS for html, class: .elementor-element-526d7c6 */.timeline {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
}

.timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 100%;
  background: #009688;
}

.timeline-item {
  position: relative;
  width: 50%;
  padding: 20px 40px;
  box-sizing: border-box;
}

.timeline-item .content {
  background: #f9f9f9;
  padding: 20px 25px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.timeline-item .content h3 {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0 5px;
  color: #333;
}

.timeline-item .content p {
  font-size: 1rem;
  margin: 0;
  color: #666;
}

.timeline-item.left {
  left: 0;
  text-align: right;
}

.timeline-item.right {
  left: 50%;
  text-align: left;
}

.timeline-item.left::before,
.timeline-item.right::before {
  content: '';
  position: absolute;
  top: 30px;
  width: 15px;
  height: 15px;
  background: #009688;
  border-radius: 50%;
  z-index: 1;
}

.timeline-item.left::before {
  right: -8px;
}

.timeline-item.right::before {
  left: -8px;
}

/* Hover-Effekt */
.timeline-item:hover .content {
  background: #e0f2f1;
  transform: translateY(-3px);
}

/* ================== RESPONSIV ================== */
@media screen and (max-width: 768px) {
  .timeline {
    padding-left: 0;
    padding-right: 0;
  }

  .timeline::before {
    left: 20px; /* Linie nach links */
    transform: none;
  }

  .timeline-item {
    width: 100%;
    left: 0 !important;
    padding-left: 50px;
    padding-right: 20px;
    margin-bottom: 20px;
    text-align: left !important;
  }

  .timeline-item.left,
  .timeline-item.right {
    text-align: left !important;
  }

  .timeline-item .content {
    text-align: left !important;
    margin: 0 !important;
  }

  .timeline-item.left::before,
  .timeline-item.right::before {
    left: 12px;
    right: auto;
  }
}/* End custom CSS */