/* =========================================================================
   Nachbesserung: zwei Stellen, an denen der Baukasten Werte per JavaScript
   setzt und die Kopie deshalb im CSS-Ausgangszustand haengenbleibt.

   Bewusst als eigene, kurze Datei mit stabilen Klassennamen — nicht als
   weitere Regel in korrektur.css. Die wird maschinell neu geschrieben und
   verliert Handarbeit beim naechsten Lauf.
   ========================================================================= */

/* --- 1. Menuepunkte lagen uebereinander bzw. brachen um -----------------
   Zwei getrennte Ursachen, beide daher, dass der Baukasten die Menuebreite
   zur Laufzeit misst und danach Werte setzt:

   a) Die Punkte blieben `absolute` und stapelten sich alle auf derselben
      Stelle (gemessen: alle auf x = 428 statt 428 / 527 / 610).

   b) Danach waren sie zwar richtig verteilt, aber nur 44 statt 99 px breit,
      sodass "Startseite" buchstabenweise untereinander umbrach. Grund ist
      allein das Flex-Schrumpfen: im Original steht der Punkt auf
      `flex: 0 0 auto`, in der Kopie auf `0 1 auto` und faellt damit unter
      seine Inhaltsbreite. Keine CSS-Regel setzt hier eine Breite — es reicht
      deshalb, das Schrumpfen zu unterbinden; die Breite ergibt sich dann aus
      dem Text und stimmt von 1280 bis 2200 px mit dem Original ueberein.

   Der `__decorator` daneben ist auch im Original absolut positioniert und
   bleibt unangetastet, ebenso die inneren `...-item-inside`-Elemente, die
   im Original ebenfalls schrumpfen duerfen. */
.con-kit-atom-menu-v2-item {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  flex-shrink: 0 !important;
}

/* --- 2. Unterstrich-Effekt drueckte Text in die naechste Zeile ----------
   Ein hervorgehobenes Wort traegt zwei Arten von SVG: die sichtbaren
   Unterstriche liegen absolut positioniert in `.highlight-effect-*` und
   nehmen keinen Platz ein — daneben steht im Text selbst eine unsichtbare
   Vorlage, aus der der Baukasten sie erzeugt.

   Diese Vorlage ist im Original `display: none`. Beim Spiegeln blitzt sie
   waehrend der Animation kurz auf; weil je Element der sichtbarste gemessene
   Zustand gewonnen wird, blieb `flex` stehen. Sie wurde damit 71 px breit,
   stand mitten im Fliesstext und schob die folgenden Woerter in eine neue
   Zeile — auf der Startseite kostete das 218 px Hoehe, dazu ein sichtbarer
   Strichrest an falscher Stelle.

   Nachgemessen in allen Vorlagen: ein SVG direkt unter
   `.con-kit-quark-highlight` ist dort ausnahmslos ausgeblendet, waehrend die
   in `.highlight-effect-*` ausnahmslos sichtbar sind. Die Unterscheidung ist
   also strukturell und nicht geraten. */
.con-kit-quark-highlight > svg {
  display: none !important;
}

/* --- 3. Karten im Angebots-Laufband ueberlappten ------------------------
   Jede Wiederholung des Kartensatzes wird absolut an `n × Breite` gesetzt.
   Das Skript gibt ihr die Breite des Satzes (2083 px); ohne Skript faellt sie
   auf die Fensterbreite (1440 px) zurueck — die Wiederholungen ruecken
   dadurch 643 px zu weit nach links und schieben sich ineinander.

   `max-content` statt eines festen Wertes: so stimmt die Breite auch auf
   anderen Fensterbreiten und auf Seiten mit anders breiten Laufbaendern. */
.con-kit-component-marquee__repeat {
  width: max-content !important;
}