/* Suche: Vorschlagsliste unter dem Suchfeld und Trefferliste — ergänzt das
   unveränderte Design-Stylesheet, nutzt ausschließlich dessen Tokens. */
.head-search,.hero-search{position:relative}
.such-vorschlaege{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--shadow-md);overflow:hidden}
.such-vorschlaege a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:9px 12px;color:var(--ink);text-decoration:none;font-size:13.5px}
.such-vorschlaege a:hover,.such-vorschlaege a.aktiv{background:var(--bg-soft)}
.such-vorschlaege .zusatz{color:var(--ink-3);font-size:12px;white-space:nowrap}
.such-liste{overflow:hidden}
.such-zeile{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 16px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.such-zeile:last-child{border-bottom:0}
.such-zeile:hover{background:var(--bg-soft)}
.such-zeile .nm{font-weight:600;font-size:14.5px}
.such-zeile .meta{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:12.5px;flex-wrap:wrap;justify-content:flex-end}

/* Startseite: drei Marktbewegungs-Karten nebeneinander (Design hat zwei). */
@media (min-width:1000px){
  .movers-3{grid-template-columns:1fr 1fr 1fr}
}

/* Artikel-Typografie des Magazins */
.artikel-inhalt{font-size:16px;line-height:1.65;color:var(--ink)}
.artikel-inhalt p{margin:0 0 16px}
.artikel-inhalt h2{font-size:21px;letter-spacing:-.02em;margin:26px 0 10px}
.artikel-inhalt h3{font-size:17px;margin:20px 0 8px}
.artikel-inhalt img{max-width:100%;height:auto;border-radius:var(--r-md)}
.artikel-inhalt a{color:var(--brand);text-decoration:underline}
.artikel-inhalt ul,.artikel-inhalt ol{margin:0 0 16px 22px}
.artikel-inhalt blockquote{border-left:3px solid var(--line-2);margin:0 0 16px;padding:4px 0 4px 16px;color:var(--ink-2)}

/* Innenseiten: vertikaler Rhythmus OHNE das Seitenpadding der .shell zu
   überschreiben (padding-Shorthand hatte links/rechts auf 0 gesetzt). */
.seite{padding-top:30px;padding-bottom:52px}
.seite-schmal{max-width:1000px}
.seitenkopf{margin-bottom:22px}
.seitenkopf h1{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em;font-weight:800}
.seitenkopf .sub{margin-top:6px;font-size:14px;color:var(--ink-2)}
.qpill.aktiv{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.treffer-anzahl{margin:18px 0 10px;font-size:13px;color:var(--ink-3)}
.such-zeile .kurs{display:flex;align-items:baseline;gap:8px;white-space:nowrap}

/* Mover-Zeilen: einheitlicher Aufbau und gleiche Hoehe.
   Jede Zeile hat oben den Namen, darunter Ticker/ISIN — beide einzeilig
   gekuerzt, damit kein Titel die Zeile aufblaeht. */
/* Spalten an die tatsaechlichen Inhalte anpassen: Die Design-Vorlage reserviert
   96px fuer die Sparkline und ebenso viel fuer den Kurs — der Name bekommt dann
   in den drei nebeneinander stehenden Karten zu wenig Platz und wird schon bei
   „MODERNA INC." abgeschnitten. */
.mrow{min-height:64px;grid-template-columns:minmax(0,1fr) 66px auto auto;gap:10px}
/* Feste Zeilenhoehen: sonst schwankt die Zeilenhoehe je nach Schriftzeichen
   um ein Pixel, und die Karten stehen nicht mehr buendig nebeneinander. */
.mrow .bez{display:flex;flex-direction:column;justify-content:center;gap:2px;
  height:36px;min-width:0;flex:1 1 auto}
.mrow .tick,.mrow .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.mrow .tick{font-size:13.5px;font-weight:600;letter-spacing:-.01em;line-height:19px}
.mrow .name{font-size:11.5px;color:var(--ink-3);font-weight:400;line-height:15px}
.mrow .price{text-align:right;white-space:nowrap}
.mrow .pill{text-align:center;white-space:nowrap;min-width:6.5ch}

/* Alterskennzeichnung: erscheint nur, wenn der letzte Abschluss lange her ist.
   Zurueckhaltend gehalten — es ist ein Hinweis, keine Warnung. */
.kurs-alt{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;
  color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:5px 9px}
.kurs-alt svg{width:13px;height:13px;flex:none;fill:none;stroke:var(--ink-3);
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kurs-alt-klein{color:var(--ink-3)}
.stock-right .kurs-alt{justify-content:flex-end}

/* Orderbuch: Geld und Brief — laufend aktuell, auch ohne Abschluss */
.orderbuch{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:8px;
  justify-content:flex-end;font-size:13.5px}
.orderbuch .k{color:var(--ink-3);font-size:12px;margin-right:3px}
.orderbuch .num{font-weight:600}
.orderbuch .q-stand{color:var(--ink-3);font-size:12px}

/* Universums-Umschalter der Marktbewegungen */
.universum-hinweis{margin:0 0 14px;font-size:13px;color:var(--ink-2);max-width:70ch}
.block-head .segmented{margin-left:0}

/* Indikativer Wert: tritt bei veraltetem Abschluss in den Vordergrund */
.stock-price .marke{display:inline-block;vertical-align:middle;margin-left:8px;
  padding:2px 7px;border:1px solid var(--line-2);border-radius:999px;
  font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--ink-2);
  background:var(--surface-2)}
.bezahlt{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:8px;
  justify-content:flex-end;font-size:12.5px;color:var(--ink-2)}
.bezahlt .k{color:var(--ink-3);font-size:12px}
.bezahlt .num{font-weight:600;color:var(--ink)}