/*
 * highlight-fix.css — Basis. Die eigentlichen Mobil-Korrekturen erzeugt
 * `fix-highlight-mobile.mjs` und haengt sie unten an.
 *
 * WICHTIG — die Blueprint-Regeln aus den Schwesterprojekten gehoeren hier NICHT
 * hin: Sie zentrieren `.highlight-container` pauschal (`left:50%` +
 * `translateX(-50%)`) und setzen mobil `height:auto`. Bei K&B spiegelt
 * `migrate.js` Desktop und Mobil getrennt, die Inline-Koordinaten stimmen also
 * je Geraet bereits. Die Pauschalregeln haben die Unterstreichungen dadurch auf
 * dem Desktop horizontal verschoben und mobil auf Hoehe 0 gedrueckt (unsichtbar).
 */

/* Ohne die Laufzeit der Quelle fehlt den Kacheln der Hinweis, dass sie
   anklickbar sind. Die Markierung der Auswahl selbst kommt aus der Quelle. */
.con-kit-component-select-item {
  transition: background-color 0.15s, border-color 0.15s;
}

/* ------------------------------------------------------------------------
   Erzeugt von fix-highlight-mobile.mjs — NICHT von Hand pflegen.
   Mobil-Koordinaten der Unterstreichungen in GETEILTEN Abschnitten, an der
   Quelle gemessen. Ohne sie tragen diese Container Desktop-Maße und sprengen
   die Seitenbreite.
   ------------------------------------------------------------------------ */
@media (max-width: 1023px) {
  [data-hl-mobil="home-0"]{top:-1px!important;left:22.4844px!important;width:297.016px!important;height:38px!important}
  [data-hl-mobil="home-0"] [class*="highlight-effect"]{top:0px!important;left:0px!important;right:auto!important;width:297.016px!important;height:38px!important}
  [data-hl-mobil="datenschutz-0"]{top:-1px!important;left:80.8906px!important;width:180.203px!important;height:42px!important}
  [data-hl-mobil="datenschutz-0"] [class*="highlight-effect"]{top:0px!important;left:0px!important;right:auto!important;width:180.203px!important;height:42px!important}
  [data-hl-mobil="impressum-0"]{top:-1px!important;left:101.359px!important;width:139.266px!important;height:42px!important}
  [data-hl-mobil="impressum-0"] [class*="highlight-effect"]{top:0px!important;left:0px!important;right:auto!important;width:139.266px!important;height:42px!important}
}