/* Deko-Hintergründe */
.bg-left, .bg-right{
  position: fixed;
  top: 0;
  height: 100vh;
  width: 16vw;          /* hier steuerst du die Größe */
  max-width: 320px;
  opacity: 0.08;        /* Sichtbarkeit */
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}

.bg-left{
  left: clamp(10px, 2vw, 20px);
  background-image: url("../../img/links.png");
  background-position: top left;
}

.bg-right{
  right: clamp(10px, 2vw, 20px);
  background-image: url("../../img/rechts.png");
  background-position: top right;
}

/* Damit dein Content über den Hintergründen liegt */
.page{
  position: relative;
  z-index: 1;
}

/* Optional: auf kleinen Screens dezenter/ausblenden */
@media (max-width: 768px){
  .bg-left, .bg-right{ opacity: 0.05; width: 35vw; }
}
@media (max-width: 480px){
  .bg-left, .bg-right{ display: none; }
}