/* ================================================================
   NEU-Label fuer den Menuepunkt "Full-Funnel"  |  IPD 08.2026

   Einbau: Diesen Block ans Ende eurer Theme-CSS haengen, oder in
   TYPO3 unter Template > Setup als page.includeCSS ergaenzen.

   Der Selektor haengt am Link-Ziel, nicht an einer Position im
   Menue. Dadurch bleibt das Label auch dann richtig, wenn die
   Reihenfolge der Menuepunkte spaeter geaendert wird.

   WICHTIG: Den Pfad unten an die tatsaechliche URL anpassen,
   falls die Seite anders heisst als /leistungen/full-funnel/
   ================================================================ */

a[href*="/leistungen/full-funnel"]::after{
  content:"NEU";
  display:inline-block;
  margin-left:.5em;
  padding:.15em .5em;
  border-radius:999px;
  background:#88110B;
  color:#FFFFFF;
  font-size:.62em;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.5;
  vertical-align:middle;
  text-transform:uppercase;
}

/* Im aufgeklappten Mobilmenue etwas kleiner, damit die Zeile
   nicht umbricht. Breakpoint ggf. an euer Theme anpassen. */
@media (max-width:900px){
  a[href*="/leistungen/full-funnel"]::after{
    font-size:.58em;
    margin-left:.4em;
  }
}

/* Optional: Label nach der Einfuehrungsphase wieder entfernen.
   Dafuer reicht es, diesen kompletten Block zu loeschen oder die
   folgende Zeile zu aktivieren.
   a[href*="/leistungen/full-funnel"]::after{ content:none; }
*/
