#problem.problem {
  padding-block: 56px;
}

#problem .section-title-block {
  margin-bottom: 40px;
}

#problem .problem-list {
  display: grid;
  gap: 20px;
  max-width: none;
}

#problem .problem-row {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

#problem .problem-copy p {
  max-width: none;
}

#problem .expertise-arrow {
  display: block;
  justify-self: center;
  width: 108px;
  height: 56px;
  overflow: visible;
  color: var(--damvos-orange);
}

#problem .expertise-arrow path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#problem .expertise-arrow-desktop {
  display: none;
}

#problem .expertise-arrow-mobile {
  vector-effect: non-scaling-stroke;
  stroke-width: 1.75;
}

@media (min-width: 1025px) {
  #problem.problem {
    padding-block: 96px;
  }

  #problem .section-title-block {
    margin-bottom: 56px;
  }

  #problem .problem-list {
    gap: 28px;
  }

  #problem .problem-row {
    width: 58%;
  }

  #problem .problem-row--reverse {
    margin-left: auto;
  }

  #problem .expertise-arrow {
    width: 320px;
    height: 104px;
  }

  #problem .expertise-arrow--left {
    transform: scaleX(-1);
  }

  #problem .expertise-arrow-desktop {
    display: initial;
  }

  #problem .expertise-arrow-mobile {
    display: none;
  }
}