/*
 * Vergleichsentwurf: Das gelieferte metallische M bleibt vollständig sichtbar
 * und wird aus der Textzone an den rechten Rand des Heros verschoben.
 */

.studio-direction--m-duenn.studio-direction--m-rechts .hero-copy::before {
  content: none;
  display: none;
}

.studio-direction--m-duenn.studio-direction--m-rechts .logo-m-motif--hero {
  top: 0;
  right: clamp(18px, 2.8vw, 52px);
  left: auto;
  width: min(48vw, 800px);
  background: url("../images/logo-m-neu.png?v=2") right center / auto 100% no-repeat;
  opacity: 1;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .studio-direction--m-duenn.studio-direction--m-rechts .logo-m-motif--hero {
    top: 430px;
    right: 4%;
    width: min(70vw, 650px);
  }
}

@media (max-width: 767px) {
  .studio-direction--m-duenn.studio-direction--m-rechts .logo-m-motif--hero {
    top: 46%;
    right: 0;
    left: auto;
    width: 96%;
  }
}