.projects-showcase {
    /* height: 400px; */
    padding-top: 36px;
    overflow: hidden;
    background: #fff;
    /* border: 1px solid green; */
  }

  .projects-showcase__heading { padding: 0 15px 22px 0px; }
  .projects-showcase__eyebrow {
    margin: 0 0 6px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .projects-showcase__rail {
    width: 100%;
    overflow: hidden;
    /* Linke Kante identisch zu den vorhandenen .col-sm-8-Inhalten. */
    padding-left: max(15px, calc((100vw - 66.666667vw) / 2 + 15px));
  }
  .projects-showcase__track {
    display: flex;
    width: max-content;
    gap: 18px;
  }

  .project-card {
    flex: 0 0 278px;
    height: 220px;
    padding: 12px;
    border: 1px solid #e9ecef;
    background: #fff;
  }
  .project-card__window {
    position: relative;
    height: 91px;
    padding: 19px 11px 10px;
    overflow: hidden;
    border: 1px solid #e9ecef;
  }
  .project-card__window > span {
    position: absolute;
    top: 7px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #e9ecef;
  }
  .project-card__window > span:nth-child(1) { left: 8px; }
  .project-card__window > span:nth-child(2) { left: 15px; }
  .project-card__window > span:nth-child(3) { left: 22px; }
  .project-card__line { width: 75%; height: 5px; margin-bottom: 6px; background: #e9ecef; }
  .project-card__line--short { width: 45%; }
  .project-card__image { height: 38px; margin-top: 9px; background: #e9ecef; }
  .project-card__image--split { background: linear-gradient(90deg, #e9ecef 47%, #fff 47%, #fff 53%, #e9ecef 53%); }
  .project-card__image--grid { background: repeating-linear-gradient(90deg, #e9ecef 0, #e9ecef 30%, #fff 30%, #fff 35%); }
  .project-card__type { margin: 12px 0 4px; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
  .project-card h3 { margin: 0 0 7px; font-size: 1rem; font-weight: 400; white-space: nowrap; }
  .project-card a, .project-card__link { color: inherit; font-size: .8rem; text-decoration: underline; text-underline-offset: 3px; }
  .project-card a:hover { color: inherit; }

  /* @media (max-width: 575.98px) {
    .projects-showcase { height: 330px; padding-top: 28px; }
    .projects-showcase__heading { padding-left: 15px; }
    .projects-showcase h2 { font-size: 1.25rem; }
    .projects-showcase__rail { padding-left: 15px; }
  } */