/* Section mit diagonaler grüner Fläche von Ecke zu Ecke */
.diagonal-stripe {
  position: relative;
  background: #ffffff; /* Grundfarbe bleibt weiß */
  min-height: 400px;   /* Höhe anpassen, sonst sieht man nichts */
  overflow: hidden;
}

.diagonal-stripe::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #137478; /* Streifenfarbe */
  clip-path: polygon(0 60%, 100% 0, 100% 40%, 0 100%);
  z-index: 0;
}

.diagonal-stripe > * {
  position: relative;
  z-index: 1; /* Inhalt bleibt klickbar/lesbar */
}