.pre-footer-block {
  position: relative;
  width: 100%;
  height: 14rem;
  overflow: hidden;
  margin: 0 0 1rem 0;
  padding: 0;
  line-height: 0;
}

.pre-footer-shape,
.pre-footer-pattern {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.pre-footer-shape {
  background: #cfcfcf;

  clip-path: polygon(0% 88%, 100% 42%, 100% 100%, 0% 100%);

  z-index: 2;
}

.pre-footer-pattern {
  background: repeating-linear-gradient(
    -70deg,
    var(--color-primary) 0px,
    var(--color-primary) 2px,
    transparent 2px,
    transparent 6px
  );

  clip-path: polygon(0% 18%, 100% 58%, 100% 100%, 0% 100%);

  z-index: 1;
}

body.schiffsdecksbelaege .pre-footer-shape {
  background: var(--color-accent);
  clip-path: polygon(0% 88%, 100% 42%, 100% 100%, 0% 100%);
  z-index: 2;
}