/* =====================================================================
   CareLit 7.5 – gemeinsame Designschicht (2026-11-14)
   Aktiv, wenn <html class="cl75"> (Schalter: ?cl75=0 / ?cl75=1).
   Nutzt die Farb-Tokens des aktiven Themes (--cl-theme-*, --cl-layout-*),
   damit alle 10 Designs erhalten bleiben. html.cl75 body:is(#carelit,*) = html.cl75 body:is(#carelit,*)
   ===================================================================== */
html.cl75 body {
  --c75-accent: var(--cl-theme-accent, var(--cl-blue, #1f659c));
  --c75-accent-rgb: var(--cl-theme-accent-rgb, var(--cl-blue-rgb, 31,101,156));
  --c75-ink: var(--cl-layout-heading, var(--cl-ink, #14263a));
  --c75-muted: var(--cl-ink-soft, #5b6f82);
  --c75-surface: var(--cl-layout-card, #ffffff);
  --c75-soft: var(--cl-layout-card-soft, #f4f8fb);
  --c75-line: var(--cl-line, rgba(31,101,156,.14));
  --c75-r: 14px;
  --c75-r-sm: 10px;
  --c75-shadow: 0 1px 2px rgba(15,23,42,.04), 0 1px 1px rgba(15,23,42,.02);
  --c75-shadow-lg: 0 12px 32px rgba(15,23,42,.10);
}
html.cl75[data-carelit-theme="night"] body {
  --c75-accent: #7dd3fc; --c75-accent-rgb: 125,211,252; --c75-ink: #f8fbff; --c75-muted: #9fb3c8;
  --c75-surface: #101928; --c75-soft: #0b1424; --c75-line: rgba(148,197,230,.24);
}

/* ---------- Grundlagen ---------- */
html.cl75 body:is(#carelit,*) { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html.cl75 body:is(#carelit,*) ::selection { background: rgba(var(--c75-accent-rgb), .18); }
html.cl75 body:is(#carelit,*) :focus-visible { outline: 3px solid rgba(var(--c75-accent-rgb), .45) !important; outline-offset: 2px; }
html.cl75 body:is(#carelit,*) .page-body { margin-top: .25rem !important; padding-top: 0 !important; }

/* Kein Testmodus-Banner -> kein reservierter 42-px-Rand ueber dem Header */
html.cl75 body:is(#carelit,*):not(:has(.carelit-test-mode-banner)) { padding-top: 0 !important; --carelit-fixed-banner-height: 0px; }
/* Zugeklappte Navigation auf Handy/Tablet belegt keinen Platz */
@media (max-width: 991.98px) {
  html.cl75 body:is(#carelit,*) .ff-mainnav-wrap:not(:has(.navbar-collapse.show)):not(:has(.navbar-collapse.collapsing)) { min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  html.cl75 body:is(#carelit,*) .ff-mainnav-wrap:not(:has(.navbar-collapse.show)):not(:has(.navbar-collapse.collapsing)) > .ff-mainnav { min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
}

/* ---------- Kopfleiste ---------- */
html.cl75 body:is(#carelit,*) header.ff-topbar {
  margin: 0 !important; border-radius: 0 !important; min-height: 60px;
  background: var(--c75-surface) !important; border: 0 !important; border-bottom: 1px solid var(--c75-line) !important;
  box-shadow: none !important; backdrop-filter: none !important;
}
html.cl75 body:is(#carelit,*) header.ff-topbar > .container-xl { min-height: 60px; }
html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-logo { height: 30px !important; width: auto !important; }
html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-actions { gap: .25rem; align-items: center; }
html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-actions > .nav-item { margin-right: 0 !important; }
html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-actions .nav-link {
  min-width: 38px !important; height: 38px !important; overflow: visible !important; padding: 0 .55rem !important; border-radius: var(--c75-r-sm) !important;
  border: 1px solid transparent !important; background: transparent !important; box-shadow: none !important;
  color: var(--c75-muted) !important; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; position: relative;
}
html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-actions .nav-link:hover, html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-actions .show > .nav-link {
  background: var(--c75-soft) !important; color: var(--c75-accent) !important;
}
html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-actions .nav-link .badge {
  position: absolute !important; top: -3px !important; right: -5px !important; left: auto !important; bottom: auto !important; transform: none !important;
  width: auto !important; min-width: 17px !important; height: 17px !important; padding: 0 4px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 999px !important;
  font-size: .62rem !important; font-weight: 750 !important; line-height: 17px !important;
  background: var(--c75-accent) !important; color: #fff !important; border: 2px solid var(--c75-surface) !important; box-shadow: none !important;
}
html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-quicklinks-wrap { font-size: .82rem; color: var(--c75-muted); }
html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-quicklinks-wrap * { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
@media (max-width: 1399.98px) { html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-quicklinks-wrap { display: none !important; } }
html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-user > .nav-link, html.cl75 body:is(#carelit,*) header.ff-topbar .ff-topbar-user > a {
  height: 40px; padding: 0 .8rem !important; border-radius: 999px !important;
  background: var(--c75-soft) !important; border: 1px solid var(--c75-line) !important; color: var(--c75-ink) !important;
}
html.cl75 body:is(#carelit,*) header.ff-topbar .dropdown-menu { border-radius: var(--c75-r) !important; border: 1px solid var(--c75-line) !important; box-shadow: var(--c75-shadow-lg) !important; }

/* ---------- Hauptnavigation ---------- */
html.cl75 body:is(#carelit,*) .ff-mainnav-shell {
  margin: 0 !important; border-radius: 0 !important; background: var(--c75-surface) !important;
  border: 0 !important; border-bottom: 1px solid var(--c75-line) !important; box-shadow: none !important;
}
@media (min-width: 992px) { html.cl75 body:is(#carelit,*) .ff-mainnav-shell { min-height: 50px; } }
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link {
  background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  color: var(--c75-muted) !important; font-weight: 600 !important; font-size: .92rem !important;
  padding: .9rem .85rem !important; position: relative; gap: .4rem;
}
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link::after { border: 0 !important; margin: 0 !important; content: none !important; }
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link::before {
  content: ""; position: absolute; left: .85rem; right: .85rem; bottom: -1px; height: 2px; border-radius: 2px;
  background: var(--c75-accent); transform: scaleX(0); transition: transform .18s ease;
}
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link:hover { color: var(--c75-ink) !important; }
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item.active > .nav-link, html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link.active, html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item.show > .nav-link {
  color: var(--c75-accent) !important;
}
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item.active > .nav-link::before, html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link.active::before, html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link:hover::before { transform: scaleX(1); }
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link:hover::before { opacity: .35; }
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item.active > .nav-link:hover::before, html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link.active:hover::before { opacity: 1; }
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .nav-link .badge { position: static !important; transform: none !important; margin-left: .2rem; font-size: .66rem !important; padding: .15rem .4rem !important; border-radius: 999px !important; background: rgba(var(--c75-accent-rgb), .12) !important; color: var(--c75-accent) !important; }
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .dropdown-menu { border-radius: var(--c75-r) !important; border: 1px solid var(--c75-line) !important; box-shadow: var(--c75-shadow-lg) !important; padding: .4rem !important; }
html.cl75 body:is(#carelit,*) .ff-mainnav-shell .dropdown-item { border-radius: 8px !important; padding: .5rem .7rem !important; }

/* ---------- Seitenkopf (carelit_render_page_hero, 33 Seiten) ---------- */
html.cl75 body:is(#carelit,*) .cl-standard-hero {
  background: var(--c75-surface) !important; background-image: none !important;
  border: 1px solid var(--c75-line) !important; border-radius: var(--c75-r) !important; box-shadow: var(--c75-shadow) !important;
  margin-bottom: 1.1rem !important; overflow: visible !important;
}
html.cl75 body:is(#carelit,*) .cl-standard-hero::before, html.cl75 body:is(#carelit,*) .cl-standard-hero::after { display: none !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero > .card-body { padding: 1.25rem 1.4rem !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-grid { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; text-align: left !important; gap: .9rem !important; min-height: 0 !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-main { max-width: none !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-kicker {
  display: inline-flex !important; align-items: center; gap: .35rem; padding: 0 !important; margin: 0 0 .3rem !important;
  background: none !important; border: 0 !important; box-shadow: none !important;
  font-size: .72rem !important; font-weight: 750 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--c75-accent) !important;
}
html.cl75 body:is(#carelit,*) .cl-standard-hero-title { font-size: clamp(1.4rem, 1.1rem + .9vw, 1.85rem) !important; font-weight: 760 !important; letter-spacing: -.015em !important; line-height: 1.2 !important; margin: 0 0 .3rem !important; color: var(--c75-ink) !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-lead { font-size: .95rem !important; color: var(--c75-muted) !important; margin: 0 0 .2rem !important; max-width: 75ch; line-height: 1.5 !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-note { font-size: .84rem !important; color: var(--c75-muted) !important; opacity: .85; margin: 0 !important; max-width: 75ch; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-search { display: flex !important; flex-wrap: wrap; gap: .5rem !important; margin-top: .85rem !important; max-width: 860px; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-search .cl-standard-hero-input { flex: 1 1 280px; height: 44px !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-search .btn { height: 44px !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-search-assist { margin-top: .35rem !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-metrics {
  display: flex !important; flex-wrap: wrap !important; gap: .35rem 1.4rem !important; grid-template-columns: none !important;
  padding: .75rem 0 0 !important; margin: 0 !important; border-top: 1px solid var(--c75-line); width: 100% !important; max-width: none !important;
}
html.cl75 body:is(#carelit,*) .cl-standard-hero-metric {
  display: inline-flex !important; align-items: baseline; gap: .35rem; flex-direction: row !important; flex-wrap: wrap;
  padding: 0 !important; min-height: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
}
html.cl75 body:is(#carelit,*) .cl-standard-hero-metric-value { order: 1; font-size: 1rem !important; font-weight: 760 !important; color: var(--c75-ink) !important; line-height: 1.2 !important; margin: 0 !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-metric-label { order: 2; font-size: .85rem !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--c75-muted) !important; margin: 0 !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-metric-note { order: 3; font-size: .8rem !important; color: var(--c75-muted) !important; opacity: .75; margin: 0 !important; }
html.cl75 body:is(#carelit,*) .cl-standard-hero-aside { width: 100%; }

/* ---------- Karten ---------- */
html.cl75 body:is(#carelit,*) .page-body .card:not(.cl-standard-hero):not(.modal-content) {
  border-radius: var(--c75-r) !important; border: 1px solid var(--c75-line) !important; box-shadow: var(--c75-shadow) !important;
  background-image: none !important;
}
html.cl75 body:is(#carelit,*) .page-body .card > .card-header { background: transparent !important; border-bottom: 1px solid var(--c75-line) !important; }
html.cl75 body:is(#carelit,*) .page-body .card-title { font-weight: 700 !important; letter-spacing: -.005em; }

/* ---------- Buttons ---------- */
html.cl75 body:is(#carelit,*) .btn { border-radius: var(--c75-r-sm) !important; font-weight: 600 !important; letter-spacing: 0 !important; box-shadow: none !important; transition: background-color .15s, border-color .15s, color .15s, filter .15s; }
html.cl75 body:is(#carelit,*) .btn-primary, html.cl75 body:is(#carelit,*) .btn.btn-primary {
  background: var(--c75-accent) !important; background-image: none !important; border-color: var(--c75-accent) !important; color: #fff !important;
}
html.cl75 body:is(#carelit,*) .btn-primary:hover, html.cl75 body:is(#carelit,*) .btn.btn-primary:hover { filter: brightness(1.08); }
html.cl75[data-carelit-theme="night"] body:is(#carelit,*) .btn-primary { color: #05070d !important; }
html.cl75 body:is(#carelit,*) .btn-outline-primary, html.cl75 body:is(#carelit,*) .btn-outline-secondary, html.cl75 body:is(#carelit,*) .btn-light {
  background: var(--c75-surface) !important; background-image: none !important; border: 1px solid var(--c75-line) !important; color: var(--c75-ink) !important;
}
html.cl75 body:is(#carelit,*) .btn-outline-primary:hover, html.cl75 body:is(#carelit,*) .btn-outline-secondary:hover, html.cl75 body:is(#carelit,*) .btn-light:hover { border-color: rgba(var(--c75-accent-rgb), .45) !important; color: var(--c75-accent) !important; background: var(--c75-surface) !important; }
html.cl75 body:is(#carelit,*) .btn-success { background-image: none !important; }

/* ---------- Formulare ---------- */
html.cl75 body:is(#carelit,*) .form-control, html.cl75 body:is(#carelit,*) .form-select {
  border-radius: var(--c75-r-sm) !important; border: 1px solid var(--c75-line) !important; box-shadow: none !important;
  background-color: var(--c75-surface) !important; color: var(--c75-ink) !important;
}
html.cl75 body:is(#carelit,*) .form-control:focus, html.cl75 body:is(#carelit,*) .form-select:focus { border-color: rgba(var(--c75-accent-rgb), .55) !important; box-shadow: 0 0 0 4px rgba(var(--c75-accent-rgb), .12) !important; }
html.cl75 body:is(#carelit,*) .form-control::placeholder { color: var(--c75-muted) !important; opacity: .75; }

/* ---------- Badges, Dropdowns, Modals ---------- */
html.cl75 body:is(#carelit,*) .badge { font-weight: 650 !important; letter-spacing: .01em; border-radius: 999px !important; }
html.cl75 body:is(#carelit,*) .dropdown-menu { border-radius: var(--c75-r) !important; border: 1px solid var(--c75-line) !important; box-shadow: var(--c75-shadow-lg) !important; }
html.cl75 body:is(#carelit,*) .modal-content { border-radius: 18px !important; border: 1px solid var(--c75-line) !important; box-shadow: 0 30px 80px rgba(15,23,42,.25) !important; }

/* ---------- Barrierefrei: keine weichen Effekte ---------- */
html.cl75[data-carelit-theme="accessible"] body:is(#carelit,*) .cl-standard-hero,
html.cl75[data-carelit-theme="accessible"] body:is(#carelit,*) .page-body .card { border: 2px solid #000 !important; box-shadow: none !important; }
html.cl75[data-carelit-theme="accessible"] body:is(#carelit,*) .ff-mainnav-shell .nav-item > .nav-link::before { height: 3px; background: #000; }

@media (max-width: 575.98px) {
  html.cl75 body:is(#carelit,*) .cl-standard-hero-lead { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  html.cl75 body:is(#carelit,*) .cl-standard-hero-note { display: none !important; }
}
@media (max-width: 767.98px) {
  html.cl75 body:is(#carelit,*) .cl-standard-hero > .card-body { padding: 1rem !important; }
  html.cl75 body:is(#carelit,*) .cl-standard-hero-metrics { gap: .25rem 1rem !important; }
}
@media (prefers-reduced-motion: reduce) { html.cl75 body:is(#carelit,*) * { transition: none !important; } }

/* ---------- Einstellungs-Navigation (alle settings_*-Seiten) ---------- */
.cl75-subnav { background: var(--c75-surface, #fff); border-bottom: 1px solid var(--c75-line, rgba(31,101,156,.14)); }
.cl75-subnav-inner { display: flex; align-items: center; gap: .25rem; overflow-x: auto; scrollbar-width: thin; padding: .45rem 1rem; max-width: 100%; }
.cl75-subnav-label { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .35rem; font-size: .72rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; color: var(--c75-muted, #5b6f82); margin-right: .6rem; }
html.cl75 body:is(#carelit,*) .cl75-subnav-link { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .8rem; border-radius: 999px; font-size: .86rem; font-weight: 600; color: var(--c75-ink, #14263a) !important; text-decoration: none !important; border: 1px solid transparent; }
html.cl75 body:is(#carelit,*) .cl75-subnav-link i { color: var(--c75-muted, #5b6f82); }
html.cl75 body:is(#carelit,*) .cl75-subnav-link:hover { background: var(--c75-soft, #f4f8fb); }
html.cl75 body:is(#carelit,*) .cl75-subnav-link.is-active { background: rgba(var(--c75-accent-rgb, 31,101,156), .1); border-color: rgba(var(--c75-accent-rgb, 31,101,156), .3); color: var(--c75-accent, #1f659c) !important; }
html.cl75 body:is(#carelit,*) .cl75-subnav-link.is-active i { color: var(--c75-accent, #1f659c); }

/* ---------- Einstellungsseiten: Raster + eigene Seitenkoepfe (lr/si/ak/sb/cl) ---------- */
html.cl75 body:is(#carelit,*) :is(.ak-grid, .lr-grid, .si-grid, .sb-grid, .cl-grid) > :is(main, aside, section, div) { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; justify-self: stretch !important; min-width: 0; }
html.cl75 body:is(#carelit,*) :is(.lr-hero, .si-hero, .ak-hero) { background: var(--c75-surface) !important; background-image: none !important; border: 1px solid var(--c75-line) !important; border-radius: var(--c75-r) !important; box-shadow: var(--c75-shadow) !important; margin-bottom: 1.1rem !important; }
html.cl75 body:is(#carelit,*) :is(.lr-hero, .si-hero, .ak-hero)::before, html.cl75 body:is(#carelit,*) :is(.lr-hero, .si-hero, .ak-hero)::after { display: none !important; }
html.cl75 body:is(#carelit,*) :is(.lr-hero-grid, .si-hero-grid, .ak-hero-grid) { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; text-align: left !important; gap: .8rem !important; padding: 1.25rem 1.4rem !important; }
html.cl75 body:is(#carelit,*) :is(.lr-hero-grid, .si-hero-grid, .ak-hero-grid) > * { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
html.cl75 body:is(#carelit,*) :is(.lr-kicker, .si-kicker, .ak-kicker, .sb-kicker) { background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; font-size: .72rem !important; font-weight: 750 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--c75-accent) !important; }
html.cl75 body:is(#carelit,*) :is(.lr-title, .si-title, .ak-title, .sb-title) { font-size: clamp(1.4rem, 1.1rem + .9vw, 1.85rem) !important; font-weight: 760 !important; letter-spacing: -.015em !important; line-height: 1.2 !important; margin: .2rem 0 .25rem !important; color: var(--c75-ink) !important; }
html.cl75 body:is(#carelit,*) :is(.lr-lead, .si-lead, .ak-lead, .sb-lead) { font-size: .93rem !important; color: var(--c75-muted) !important; max-width: 75ch; margin: 0 !important; }
html.cl75 body:is(#carelit,*) :is(.lr-metrics, .si-metrics, .ak-metrics) { display: flex !important; flex-wrap: wrap; gap: .35rem 1.4rem !important; grid-template-columns: none !important; border-top: 1px solid var(--c75-line); padding-top: .7rem !important; width: 100%; }
html.cl75 body:is(#carelit,*) :is(.lr-metric, .si-metric, .ak-metric) { display: inline-flex !important; flex-direction: row-reverse !important; align-items: baseline; justify-content: flex-end; gap: .35rem; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; min-height: 0 !important; }
html.cl75 body:is(#carelit,*) :is(.lr-metric, .si-metric, .ak-metric) .label { font-size: .85rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 500 !important; color: var(--c75-muted) !important; }
html.cl75 body:is(#carelit,*) :is(.lr-metric, .si-metric, .ak-metric) .value { font-size: 1rem !important; font-weight: 760 !important; color: var(--c75-ink) !important; }
/* Statistik-Kacheln: Zahl nie umbrechen; Symbol ueber dem Text, damit 6 Kacheln pro Zeile passen */
html.cl75 body:is(#carelit,*) .stats-num { white-space: nowrap !important; font-variant-numeric: tabular-nums; }
@media (min-width: 1200px) {
  html.cl75 body:is(#carelit,*) .col-xl-2 > .card.card-sm .row.align-items-center { flex-direction: column !important; align-items: flex-start !important; gap: .5rem; }
  html.cl75 body:is(#carelit,*) .col-xl-2 > .card.card-sm .row.align-items-center > .col, html.cl75 body:is(#carelit,*) .col-xl-2 > .card.card-sm .row.align-items-center > .col-auto { width: 100%; padding-left: 0; }
  html.cl75 body:is(#carelit,*) .col-xl-2 > .card.card-sm .avatar { width: 30px; height: 30px; font-size: .9rem; }
}
/* Nachtmodus: helle Kartenkoepfe auf Einstellungsseiten */
html.cl75[data-carelit-theme="night"] body:is(#carelit,*) :is(.ak-grid, .lr-grid, .si-grid, .sb-grid, .cl-grid) :is([class*="-card-header"], [class*="-card-head"], [class*="-panel-head"], .card-header) { background: #0b1424 !important; background-image: none !important; color: #eaf3ff !important; border-color: rgba(148,197,230,.24) !important; }
html.cl75[data-carelit-theme="night"] body:is(#carelit,*) :is(.ak-grid, .lr-grid, .si-grid, .sb-grid, .cl-grid) :is([class*="-card-header"], [class*="-card-head"], .card-header) * { color: inherit; }