section.aboutthe-company { padding: 80px 0; }
section.baufinanzierung-about-spacing { padding: 80px 0 30px 0;}
section.aboutthe-company .aboutthe-company-wrapper { display: var(--flex);}
section.aboutthe-company .aboutthe-company-wrapper:not(:has(.left-side)) {
    justify-content: center;
}
section.aboutthe-company .aboutthe-company-wrapper:not(:has(.left-side)) .right-side {
  text-align: center;
}
section.aboutthe-company .aboutthe-company-wrapper .right-side { width: 758px; }
section.aboutthe-company .aboutthe-company-wrapper .left-side { width: calc(100% - 758px); display: var(--flex); flex-direction: var(--flexdirectioncolumn); align-items: var(--alignitemsstart); justify-content: var(--justifycontentspacebetween);; }
section.aboutthe-company .aboutthe-company-wrapper .right-side .content { margin: 0 0 40px 0; }
section.aboutthe-company .aboutthe-company-wrapper .right-side .person-sign span.post { letter-spacing: 1.4px; }

section.aboutthe-company .aboutthe-company-wrapper .right-side .person-sign .person-sign-image { padding: 15px 0 40px 0; }
section.aboutthe-company .aboutthe-company-wrapper .right-side .person-sign .person-sign-image img { max-width: 200px; }

.aboutthe-company-timeline { margin-top: 60px; }
.aboutthe-company-timeline .timeline-thumbs-slide h5 { display: inline-block; }
.aboutthe-company-timeline .timeline-thumbs { position: relative; padding: 20px 0; }
.aboutthe-company-timeline .timeline-thumbs::after { content: ''; width: 100%; height: 3px; background: var(--primarycolor); position: absolute; left: 0; bottom: 20px; }
.aboutthe-company-timeline .timeline-thumbs-slide { position: relative; text-align: center; cursor: pointer; }
.aboutthe-company-timeline .timeline-thumbs-slide::before { content: ''; width: 15px; height: 15px; border-radius: 50px; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); background: var(--primarycolor); z-index: 1; }
.aboutthe-company-timeline .timeline-thumbs-slide.swiper-slide-thumb-active::after { content: ''; width: 25px; height: 25px; border-radius: 50px; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); border: 2px solid var(--secondarycolor); background: #fff; z-index: 0; }
.aboutthe-company-timeline .timeline-slider { position: relative; }
.aboutthe-company-timeline .timeline-details ul { list-style: disc; padding-left: 25px; }
.aboutthe-company-timeline .timeline-slide { padding: 30px 50px; }
.aboutthe-company-timeline .timeline-details ul li::marker { color: var(--blackcolor); }
.aboutthe-company-timeline .timeline-content-wrapper { display: flex; align-items: center; gap: 50px; max-width: 80%; margin: 0 auto; font-size: 18px; line-height: 28px; }
.aboutthe-company-timeline .timeline-image { width: 50%; }
.aboutthe-company-timeline .timeline-content-wrapper:has(.timeline-image) .timeline-details { width: 50%; }
.aboutthe-company-timeline .timeline-details { color: var(--blackcolor); }
.aboutthe-company-timeline .timeline-image img { border-radius: 20px; height: 400px; object-position: bottom; }
.aboutthe-company-timeline .swiper-button-prev::after,
.aboutthe-company-timeline .swiper-button-next::after { color: var(--whitecolor); font-size: 20px; }
.aboutthe-company-timeline .swiper-button-prev,
.aboutthe-company-timeline .swiper-button-next { width: 40px; height: 40px; background: var(--primarycolor); border-radius: 30px; left: 0; }
.aboutthe-company-timeline .swiper-button-next { right: 0px; left: auto; }
.aboutthe-company-timeline .slider__pagination { display: flex; align-items: center; justify-content: center; margin: 10px 0; }
.aboutthe-company-timeline .slider__pagination .swiper-pagination-bullet { background: var(--primarycolor); width: 8px; transition: all 0.5s; }
.aboutthe-company-timeline .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; height: 8px; border-radius: 10px; }

.aboutthe-company-timeline .timeline-thumbs-slide.swiper-slide-thumb-active h5 { color: var(--secondarycolor); }
.aboutthe-company-timeline .timeline-thumbs-slide.swiper-slide-thumb-active::before { background: var(--secondarycolor); }

@media screen and (max-width:1199.98px) {
    section.aboutthe-company .aboutthe-company-wrapper { flex-direction: var(--flexdirectioncolumn); }
    section.aboutthe-company .aboutthe-company-wrapper .left-side { width: 100%; padding: 0 0 30px 0; }
    section.aboutthe-company .aboutthe-company-wrapper .right-side { width: 100%; }
}
@media (max-width:992px) {
    .timeline-content-wrapper { gap: 20px; }
}
@media (max-width:767px) {
    .timeline-content-wrapper { flex-direction: column; }
    .timeline-image { width: 100%; }
    .timeline-content-wrapper:has(.timeline-image) .timeline-details { width: 100%; }
    .aboutthe-company-timeline .timeline-slide { padding: 80px 10px 10px 10px; }
    .aboutthe-company-timeline .swiper-button-prev,
    .aboutthe-company-timeline .swiper-button-next { left: calc(50% - 25px); top: auto; bottom: 30px; transform: translateX(-50%); }
    .aboutthe-company-timeline .swiper-button-next { right: auto; left: calc(50% + 25px); }
    .aboutthe-company-timeline .swiper-button-prev,
    .aboutthe-company-timeline .swiper-button-next { top: 30px; bottom: auto; }
    .aboutthe-company-timeline .timeline-content-wrapper { gap: 30px; max-width: 100%; font-size: 14px; line-height: 18px; }
}