h1.aboutus {
 font-family: 'GT-Walsheim-bold', 'Open Sans', sans-serif;
 color: #eb2771;
 font-size: 32px;
 margin-bottom: 20px;
}

h2.aboutus {
 font-family: 'GT-Walsheim-bold', 'Open Sans', sans-serif;
 color: #eb2771;
 font-size: 20px;
 margin-bottom: 40px;
 text-align: center;
}

.aboutus-intro {
 display: flex;
 flex-direction: row;
 gap: 80px;
 align-items: center;
 margin-bottom: 60px;
}

.aboutus-intro video {
 width: 65%;
}

.aboutus-intro p {
 font-size: 16px;
}

/* vertikale Timeline */

:root{
  --vt-line: #e2e8f0;
  --vt-dot: #cbd5e1;
  --vt-dot-active: #eb2771;
  --vt-card-bg: #fff;
  --vt-card-border: #e2e8f0;
  --vt-text: #0f172a;
  --vt-muted: #475569;
  --vt-accent: #eb2771;
  --vt-shadow: 0 6px 16px rgba(15,23,42,.06);

  --vt-stack-gap: 36px;  /* Grundabstand */
  --vt-step: 50%;        /* Halbversatz */
}

.hp-vtimeline {
  max-width: 1100px;
  margin: 50px auto;
  padding: 0 16px;
  position: relative;
  color: var(--vt-text);
}

.hp-vtimeline__list {
  list-style: none;
  margin: 0; padding: 0;
  position: relative;
}

/* Linie jetzt relativ zur UL */
.hp-vtimeline__line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;            /* nur so hoch wie der Inhalt */
  background: var(--vt-line);
}

/* Items */
.hp-vtimeline__item {
  --shift: 0%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: var(--vt-stack-gap);
  position: relative;
  will-change: transform;
}
.hp-vtimeline__item:first-child { margin-top: 0; }
.hp-vtimeline__item:last-child  { margin-bottom: 0; } /* wichtig für Ende */

.hp-vtimeline__dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--vt-accent); /* pink */
  box-shadow: 0 0 0 4px #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 19px;
  z-index: 2;
}
.hp-vtimeline__dot:hover { background: var(--vt-dot-active); }

.hp-vtimeline__card {
  background: var(--vt-card-bg);
  border: 1px solid var(--vt-card-border);
  box-shadow: var(--vt-shadow);
  padding: 18px 20px;
  width: 42%;
  position: relative;
  z-index: 1;
}

.hp-vtimeline__year {
  font-weight: 800;
  color: var(--vt-accent);
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.hp-vtimeline__title { margin: 0 0 6px; font-size: 20px; }
.hp-vtimeline__text  { margin: 0; color: var(--vt-muted); }

/* abwechselnd links/rechts */
.hp-vtimeline__item:nth-child(odd) .hp-vtimeline__card {
  margin-right: auto;
  text-align: right;
}
.hp-vtimeline__item:nth-child(even) .hp-vtimeline__card {
  margin-left: auto;
  text-align: left;
}

/* kleine Pfeile */
.hp-vtimeline__card::after {
  content:"";
  position: absolute;
  top: 20px;
  width: 10px; height: 10px;
  background: var(--vt-card-bg);
  border-left: 1px solid var(--vt-card-border);
  border-top: 1px solid var(--vt-card-border);
  
}
.hp-vtimeline__item:nth-child(odd) .hp-vtimeline__card::after { right: -6px; transform: rotate(135deg);}
.hp-vtimeline__item:nth-child(even) .hp-vtimeline__card::after { left:  -6px; transform: rotate(-45deg); }

/* Progressive Staffel */
@media (min-width: 761px){
  .hp-vtimeline__item:nth-child(1)  { --shift: calc(var(--vt-step) * 0); }
  .hp-vtimeline__item:nth-child(2)  { --shift: calc(var(--vt-step) * 1); }
  .hp-vtimeline__item:nth-child(3)  { --shift: calc(var(--vt-step) * 2); }
  .hp-vtimeline__item:nth-child(4)  { --shift: calc(var(--vt-step) * 3); }
  .hp-vtimeline__item:nth-child(5)  { --shift: calc(var(--vt-step) * 4); }
  .hp-vtimeline__item:nth-child(6)  { --shift: calc(var(--vt-step) * 5); }
  .hp-vtimeline__item:nth-child(7)  { --shift: calc(var(--vt-step) * 6); }
  .hp-vtimeline__item:nth-child(8)  { --shift: calc(var(--vt-step) * 7); }
  .hp-vtimeline__item:nth-child(9)  { --shift: calc(var(--vt-step) * 8); }
  .hp-vtimeline__item:nth-child(10) { --shift: calc(var(--vt-step) * 9); }
  .hp-vtimeline__item:nth-child(11) { --shift: calc(var(--vt-step) * 10); }
  .hp-vtimeline__item:nth-child(12) { --shift: calc(var(--vt-step) * 11); }

  .hp-vtimeline__item {
    transform: translateY(calc(-1 * var(--shift)));
  }
}

/* Mobile: alles untereinander */
@media(max-width:760px){
  .hp-vtimeline__line{ left: 18px; transform:none; }
  .hp-vtimeline__dot { left:18px; transform: translateX(-50%); }
  .hp-vtimeline__card{
    width: calc(100% - 40px);
    margin: 0 0 0 40px !important;
    text-align: left !important;
  }
  .hp-vtimeline__card::after{
    left: -6px; right:auto;
  }
  .hp-vtimeline__item{ transform:none; }
}

/* Team */

.team {
  margin-bottom: 100px;
}

.team__row {
  display: flex;
  flex-direction: row;
  max-width: 770px;
  margin: 0 auto 60px;
  gap: 40px;
}

.team__member {
  width: 50%;
  position: relative;
  padding: 0px 40px 40px 0px;
}

.team__member img {
  max-height: 350px;
}

.team__member span {
  background-color: #eb2771;
  padding: 50px 100px 20px 20px;
  margin-left: -20px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(-100%);
  font-size: 18px;
  color: #fff;
  font-family: 'GT-Walsheim-Bold';
  z-index: 6;
}

.team__member__pattern {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 4;
}

.team__member__image {
  z-index:5;
  position: relative;
}

.cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 700px;
  margin: 0 auto 40px;
  gap: 40px;
}

.cta a {
  padding: 20px;
  background-color: #eb2771;
  color: #fff;
  font-size: 20px;
}

.cta a:hover {
  text-decoration: none;
}

.cta span {
  font-size: 20px;
  text-align: center;
}