.header {
  position: relative;
  width: 100%;
}

/* Balken */
.header__row {
  background: url("../images/mainpage/balken.webp") repeat-x;
  background-size: auto 100%;
  height: 15px;
}

/* Mauer */
.header__main {
  background: url("../images/mainpage/mauer.webp") repeat;
  background-size: auto 100%;
  height: 100px;
  position: relative; /* Ermöglicht absolute Positionierung des Images */
}

/* Schild zentrieren */
.header__logo {
  position: absolute; /* Absolute Positionierung innerhalb der Mauer */
  top: 50%; /* Vertikale Zentrierung */
  left: 50%; /* Horizontale Zentrierung */
  transform: translate(-50%, -50%); /* Exakte Zentrierung */
  display: block;
  z-index: 10; /* Stellt sicher, dass es über dem Hintergrund liegt */
}