/* WebYep Menü im Look der heroLinks (rechte Spalte im Hero-Panel) */

.heroLinksWebYep{
  margin: 0;
  padding: 0;
}

/* WebYep baut oft UL/LI – wir neutralisieren alles */
.heroLinksWebYep ul,
.heroLinksWebYep ol{
  list-style: none;
  margin: 0;
  padding: 0;
}

.heroLinksWebYep li{
  margin: 0;
  padding: 0;
}

/* Egal ob UL/LI oder Linkliste: alle Links wie heroLinks */
.heroLinksWebYep a{
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.12);

  color: #000;
  font-weight: 200;
  font-size: 15.5px;   /* entspricht deiner v4 Typo */
  line-height: 1.25;

  text-decoration: none;
}

.heroLinksWebYep a:hover{
  opacity: .95;
  text-decoration: none;
}

/* Pfeil rechts automatisch (wie dein <span class="arrow">→</span>) */
.heroLinksWebYep a::after{
  content: "→";
  opacity: .85;
  font-weight: 900;
  margin-left: 14px;
}

/* Letzten Divider weg */
.heroLinksWebYep li:last-child > a,
.heroLinksWebYep a:last-child{
  border-bottom: none;
}

/* Falls WebYep aktive Seite markiert (häufig: .active oder .current) */
.heroLinksWebYep .active > a,
.heroLinksWebYep .current > a,
.heroLinksWebYep a.active,
.heroLinksWebYep a.current{
  opacity: 1;
}

/* Untermenüs (falls vorhanden) standardmäßig ausblenden,
   damit es wie die flache Hero-Liste bleibt */
.heroLinksWebYep ul ul{
  display: none;
}

/* Mobile: etwas größere Tap-Fläche */
@media (max-width: 760px){
  .heroLinksWebYep a{
    padding: 10px 0;
    font-size: 15.5px;
  }
}