/* =========================================================
   BAND
========================================================= */

.mkk-feature__band {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

 margin-top: 23px;

  display: block;
  position: relative;
  z-index: 2;

  background-repeat: repeat-x;
  background-position: 0 50%;

/*
  background-repeat: repeat-x;
  background-position: left center;
*/
}

/* Variantes directamente en la banda */

.mkk-feature__band--rot {
  background-image: url('/fileadmin/Bilder/Streifen_IH_Oben.svg');
}

.mkk-feature__band--schwarz {
  background-image: url('/fileadmin/Bilder/Streifen_CP_Oben.svg');
}

.mkk-feature__band--beige {
  background-image: url('/fileadmin/Bilder/Streifen_Mkk_Oben.svg');
}

.mkk-feature__band--about {
  background-image: url('/fileadmin/Bilder/Streifen_About_Oben.svg');
}

/* Responsive */

@media (max-width: 991px) {
  .mkk-feature__band {
    height: clamp(50px, 10vw, 90px);
    background-size: auto 100%;
/*
    aspect-ratio: 7242 / 632;
    background-size: cover;
*/
  }
}

@media (min-width: 992px) {
  .mkk-feature__band {
    margin-top: 60px;
    height: 80px;
    background-size: auto 100%;
  }
}