/* STM-UX-V1: ruhige Ergebnisansicht. Tinte, ein Grau, drei Statusfarben. Alles haengt an .ux-an, ohne JS bleibt das alte Bild. */
:root {
  --ux-ink: #001889; --ux-text: #1b2333; --ux-mute: #5b6475; --ux-linie: #e3e6ec; --ux-fond: #f5f6f8; --ux-akzent: #C24400;
  --ux-ok: #1a7f5a; --ux-warn: #b45309; --ux-bad: #b42318;
}
#stm-seo-results.ux-an {
  display: grid; grid-template-columns: 236px minmax(0, 1fr); column-gap: 40px; align-items: start; color: var(--ux-text);
}
#stm-seo-results.ux-an > * { grid-column: 2; min-width: 0; }
#stm-seo-results.ux-an > .stm-tabs-placeholder { display: none; }
#stm-seo-results.ux-an > .stm-seo-score-hero { display: none !important; }
#stm-seo-results.ux-an > .stm-seo-tab-panel { order: 1; }
#stm-seo-results.ux-an > #stm-seo-action-row { order: 2; display: none; margin: 8px 0 0; }
#stm-seo-results.ux-an[data-ux-tab="overview"] > #stm-seo-action-row { display: block; }
#stm-seo-results.ux-an > .stm-seo-export { order: 3; }

/* Kopf und Eingabe */
.ux-tool .stm-seo-header { background: none !important; padding: 8px 0 14px !important; border: 0 !important; border-bottom: 1px solid #d3d8e4 !important; border-radius: 0 !important; box-shadow: none !important; text-align: left !important; }
.ux-tool .stm-seo-header::before, .ux-tool .stm-seo-header::after { display: none !important; }
.ux-tool .stm-seo-title { margin: 0 !important; color: var(--ux-ink) !important; font-size: 24px !important; font-weight: 700 !important; -webkit-text-fill-color: var(--ux-ink) !important; }
.ux-tool .stm-seo-title::first-letter { color: inherit !important; font-size: inherit !important; }
.ux-tool .stm-seo-subtitle { margin: 2px 0 0 !important; color: var(--ux-mute) !important; font-size: 15px !important; }
.ux-tool .stm-seo-input-section { padding: 16px 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.ux-tool .stm-seo-input-wrap { display: flex !important; flex-direction: row !important; justify-content: flex-start; align-items: center; gap: 10px; max-width: 720px; margin: 0 !important; }
.ux-tool .stm-seo-url-input { flex: 1 1 auto; min-width: 0; width: auto !important; height: 44px !important; min-height: 0; margin: 0 !important; padding: 0 14px !important; border: 1px solid #b9c0cc !important; border-radius: 8px !important; box-shadow: none !important; font-size: 16px !important; }
/* Der Rahmen um das Werkzeug schneidet alles ab, was nach aussen ragt: Der Fokus liegt deshalb innen und nicht als Outline aussen */
#stm-seo-audit-tool .stm-seo-url-input:focus, #stm-seo-audit-tool .stm-seo-url-input:focus-visible { outline: 0 !important; border-color: var(--ux-ink) !important; box-shadow: inset 0 0 0 1px var(--ux-ink) !important; }
.ux-tool .stm-seo-input-wrap .stm-seo-btn-primary { height: 44px; min-height: 0; margin: 0 !important; padding: 0 20px !important; white-space: nowrap; flex: none; }
.ux-tool .stm-seo-btn-primary { background: var(--ux-akzent) !important; background-image: none !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; transform: none !important; }
.ux-tool .stm-seo-mode-bar { justify-content: flex-start !important; margin-left: 0 !important; }
.ux-tool .stm-seo-mode-toggle { background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; gap: 18px; box-shadow: none !important; }
.ux-tool .stm-seo-mode-btn { background: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; padding: 4px 0 !important; color: var(--ux-mute) !important; box-shadow: none !important; font-size: 14px !important; }
.ux-tool .stm-seo-mode-btn.active { color: var(--ux-ink) !important; border-bottom-color: var(--ux-akzent) !important; font-weight: 600 !important; }

/* Navigation */
#stm-seo-results.ux-an > .stm-seo-tabs-wrap {
  grid-column: 1; grid-row: 1 / span 30; position: relative !important; top: auto !important; left: auto !important; width: 236px !important;
  align-self: start; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; z-index: 5;
}
#stm-seo-results.ux-an > .stm-seo-tabs-wrap.ux-nav-fest { position: fixed !important; top: var(--ux-nav-top, 16px) !important; left: var(--ux-nav-left, 0) !important; max-height: var(--ux-nav-hoehe, none); overflow-y: auto; }
.ux-an .ux-m-knopf { display: none; }
.ux-an .ux-nav-kopf { display: flex; align-items: center; gap: 12px; padding: 4px 0 16px; border-bottom: 1px solid var(--ux-linie); }
.ux-an .ux-nav-zahl { font-size: 34px; line-height: 1; font-weight: 700; color: var(--ux-ink); font-variant-numeric: tabular-nums; }
.ux-an .ux-nav-text { display: flex; flex-direction: column; min-width: 0; font-size: 12px; color: var(--ux-mute); line-height: 1.35; }
.ux-an .ux-nav-text b { font-weight: 600; color: var(--ux-text); }
.ux-an .ux-nav-text span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ux-an .stm-seo-tabs.ux-nav { display: block !important; flex-wrap: nowrap; overflow: visible !important; padding: 0 !important; border: 0 !important; background: none !important; }
.ux-an .ux-nav-gruppe { margin: 18px 0 4px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ux-mute); }
.ux-an .ux-nav .stm-seo-tab {
  display: flex !important; align-items: center; justify-content: space-between; gap: 8px; width: 100%; margin: 0 !important; padding: 7px 10px 7px 12px !important;
  background: none !important; border: 0 !important; border-left: 2px solid transparent !important; border-radius: 0 !important; box-shadow: none !important;
  font-size: 14px; font-weight: 500; color: var(--ux-text) !important; text-align: left; cursor: pointer; transform: none !important;
}
.ux-an .ux-nav .stm-seo-tab[style*="none"] { display: none !important; }
.ux-an .ux-nav .stm-seo-tab::after, .ux-an .ux-nav .stm-seo-tab::before { display: none !important; }
.ux-an .ux-nav .stm-seo-tab:hover { background: var(--ux-fond) !important; }
.ux-an .ux-nav .stm-seo-tab.active { border-left-color: var(--ux-akzent) !important; color: var(--ux-ink) !important; font-weight: 700; background: var(--ux-fond) !important; }
.ux-an .ux-nav .stm-seo-tab:focus-visible { outline: 2px solid var(--ux-ink); outline-offset: -2px; }
.ux-an .ux-nav .stm-seo-tab > .stm-tab-badge { display: none !important; }
.ux-an .ux-nav .stm-seo-tab[data-tab="recommendations"] > .stm-tab-badge { display: inline !important; background: none !important; border: 0 !important; padding: 0 !important; color: var(--ux-mute) !important; font-size: 13px !important; font-weight: 500 !important; margin: 0 !important; font-variant-numeric: tabular-nums; }
.ux-an .ux-tab-punkt { width: 7px; height: 7px; }

/* Abschnittskopf. Die orange Initiale der Hausregel gilt fuer Fliesstext-Seiten, nicht fuer die Werkzeugansicht */
.ux-an h2::first-letter, .ux-an h3::first-letter { color: inherit !important; font-size: inherit !important; float: none !important; font-weight: inherit !important; line-height: inherit !important; margin: 0 !important; }
.ux-an .stm-seo-tab-panel { padding: 0 !important; background: none !important; }
.ux-an .ux-kopf { display: grid; grid-template-columns: 1fr auto; gap: 2px 16px; padding: 0 0 16px; margin: 0 0 8px; border-bottom: 2px solid var(--ux-ink); }
.ux-an .ux-kopf h2 { grid-column: 1; margin: 0; font-size: 26px; line-height: 1.2; font-weight: 700; color: var(--ux-ink); letter-spacing: -.01em; display: flex; align-items: center; gap: 8px; }
.ux-an .ux-kopf p { grid-column: 1; margin: 0; font-size: 15px; color: var(--ux-mute); line-height: 1.45; }
.ux-an .ux-alle { grid-column: 1; justify-self: start; margin-top: 6px; background: none; border: 0; padding: 4px 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--ux-ink); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }

/* Karten als Abschnittsliste */
.ux-an .ux-karte { background: none !important; border: 0 !important; border-bottom: 1px solid var(--ux-linie) !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; }
.ux-an .ux-karte::before, .ux-an .ux-karte::after { display: none !important; }
.ux-an .ux-karte-kopf { display: flex !important; align-items: center; gap: 12px; padding: 13px 0 !important; margin: 0 !important; background: none !important; border: 0 !important; cursor: pointer; }
.ux-an .ux-einzeln > .ux-karte-kopf { cursor: default; }
.ux-an .ux-einzeln .ux-auf { display: none; }
.ux-an .ux-karte-kopf .stm-seo-card-icon { display: none !important; }
.ux-an .ux-karte-kopf > span:first-child:empty { display: none; }
.ux-an .ux-karte-kopf .stm-seo-card-title { flex: 1; min-width: 0; }
.ux-an .ux-karte-kopf h3, .ux-an .ux-karte-kopf h4, .ux-an .stm-aiv-card > .ux-karte-kopf > span:not(.ux-karte-rechts) { margin: 0 !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 600 !important; color: var(--ux-text) !important; display: inline-flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.ux-an .stm-aiv-card > .ux-karte-kopf > span:not(.ux-karte-rechts) { flex: 1; }
.ux-an .ux-karte-kopf small { display: block; margin-top: 1px; font-size: 13px !important; color: var(--ux-mute) !important; }
.ux-an .ux-karte.ux-zu .ux-karte-kopf small { display: none; }
.ux-an .ux-karte-rechts { display: inline-flex; align-items: center; gap: 14px; margin-left: auto; flex: none; }
.ux-an .ux-karte-st { font-size: 13px; font-weight: 500; white-space: nowrap; }
.ux-an .ux-karte-st.ok { color: var(--ux-ok); } .ux-an .ux-karte-st.warn { color: var(--ux-warn); } .ux-an .ux-karte-st.bad { color: var(--ux-bad); } .ux-an .ux-karte-st.info { color: var(--ux-mute); }
.ux-an .ux-auf { width: 28px; height: 28px; padding: 0; background: none !important; border: 0 !important; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-shadow: none !important; }
.ux-an .ux-auf span { width: 8px; height: 8px; border-right: 1.6px solid var(--ux-mute); border-bottom: 1.6px solid var(--ux-mute); transform: rotate(-135deg) translate(-2px, -2px); transition: transform .15s; }
.ux-an .ux-zu .ux-auf span { transform: rotate(45deg) translate(-2px, -2px); }
.ux-an .ux-karte-rumpf { padding: 2px 0 20px !important; background: none !important; }
.ux-an .ux-zu > .ux-karte-rumpf, .ux-an .ux-zu > .ux-karte-kopf ~ * { display: none !important; }

/* Statuszeichen */
.ux-an .ux-s { display: inline-block; width: 9px; height: 9px; margin: 0 6px 0 1px; vertical-align: 1px; flex: none; }
.ux-an .ux-s.ok { border-radius: 50%; background: var(--ux-ok); }
.ux-an .ux-s.warn { width: 0; height: 0; border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; border-bottom: 10px solid var(--ux-warn); background: none; }
.ux-an .ux-s.bad { background: var(--ux-bad); }
.ux-an table .ux-s.bad { width: 10px; height: 2px; vertical-align: 3px; background: #c9ced8; }
.ux-an .ux-s.info { border-radius: 50%; border: 1.5px solid var(--ux-mute); }

/* Hilfe */
.ux-an .ux-q, .ux-q { flex: none; width: 18px; height: 18px; padding: 0; margin: 0 0 0 4px; border-radius: 50% !important; border: 1px solid #b9c0cc !important; background: #fff !important; color: #5b6475 !important; font: 600 11px/16px Arial, sans-serif !important; text-align: center; cursor: help; box-shadow: none !important; vertical-align: 1px; display: inline-block; }
.ux-an .ux-q:hover, .ux-an .ux-q[aria-expanded="true"] { border-color: #001889 !important; color: #001889 !important; }
.ux-an .ux-q:focus-visible { outline: 2px solid #001889; outline-offset: 1px; }
.ux-pop { position: fixed; z-index: 100000; width: 340px; max-width: calc(100vw - 24px); padding: 14px 16px 12px; background: #fff; border: 1px solid #cfd4dd; border-top: 2px solid #001889; border-radius: 4px; box-shadow: 0 6px 24px rgba(10, 20, 50, .14); color: #1b2333; font-size: 14px; line-height: 1.45; }
.ux-pop-kopf { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 6px; }
.ux-pop-kopf strong { font-size: 15px; color: #001889; }
.ux-pop-zu { width: 24px; height: 24px; padding: 0; background: none !important; border: 0 !important; font-size: 20px; line-height: 1; color: #5b6475 !important; cursor: pointer; box-shadow: none !important; }
.ux-pop h4 { margin: 10px 0 1px; font-size: 12px; font-weight: 600; color: #5b6475; letter-spacing: 0; text-transform: none; }
.ux-pop p { margin: 0; }

/* Uebersicht */
.ux-an .ux-ov-alt { display: none !important; }
.ux-an .ux-ergebnis { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; padding: 0 0 22px; border-bottom: 2px solid var(--ux-ink); }
.ux-an .ux-note { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 112px; height: 112px; border: 3px solid currentColor; border-radius: 50%; }
.ux-an .ux-note b { font-size: 42px; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; }
.ux-an .ux-note span { font-size: 11px; color: var(--ux-mute); margin-top: 3px; }
.ux-an .ux-note.ok { color: var(--ux-ok); } .ux-an .ux-note.warn { color: var(--ux-warn); } .ux-an .ux-note.bad { color: var(--ux-bad); }
.ux-an .ux-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ux-mute); display: flex; align-items: center; gap: 4px; }
.ux-an .ux-urteil h2 { margin: 4px 0 4px; font-size: 26px; line-height: 1.2; font-weight: 700; color: var(--ux-ink); letter-spacing: -.01em; }
.ux-an .ux-urteil p { margin: 0; font-size: 15px; line-height: 1.45; color: var(--ux-text); }
.ux-an .ux-url { margin-top: 8px; font-size: 13px; color: var(--ux-mute); overflow-wrap: anywhere; }
.ux-an .ux-url span { color: var(--ux-text); }
.ux-an .ux-urteil #stm-seo-score-breakdown { margin-top: 6px; }
.ux-an .ux-urteil #stm-seo-score-breakdown summary { color: var(--ux-ink) !important; }
.ux-an .ux-block { padding: 22px 0 0; }
.ux-an .ux-block-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 8px; }
.ux-an .ux-block-kopf h3 { margin: 0; font-size: 17px; font-weight: 700; color: var(--ux-ink); }
.ux-an .ux-link { background: none !important; border: 0 !important; padding: 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--ux-ink) !important; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; box-shadow: none !important; }
.ux-an .ux-aufgaben, .ux-an .ux-bereiche { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ux-linie); }
.ux-an .ux-aufgaben li, .ux-an .ux-bereiche li { margin: 0; padding: 0; border-bottom: 1px solid var(--ux-linie); list-style: none; }
.ux-an .ux-aufgaben li::before, .ux-an .ux-bereiche li::before { display: none; }
.ux-an .ux-aufgaben button, .ux-an .ux-bereiche button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 2px; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font: inherit; font-size: 15px; color: var(--ux-text) !important; text-align: left; cursor: pointer; transform: none !important; }
.ux-an .ux-aufgaben button:hover, .ux-an .ux-bereiche button:hover { background: var(--ux-fond) !important; }
.ux-an .ux-aufgaben i, .ux-an .ux-bereiche i { flex: none; width: 7px; height: 7px; margin: 0 6px 0 2px; border-right: 1.6px solid var(--ux-mute); border-top: 1.6px solid var(--ux-mute); transform: rotate(45deg); }
.ux-an .ux-prio { flex: none; width: 66px; font-size: 12px; font-weight: 600; }
.ux-an .ux-prio.critical { color: var(--ux-bad); } .ux-an .ux-prio.important { color: var(--ux-warn); } .ux-an .ux-prio.nice { color: var(--ux-mute); }
.ux-an .ux-aufgabe { flex: 1; min-width: 0; }
.ux-an .ux-leer { margin: 0; color: var(--ux-mute); font-size: 15px; }
.ux-an .ux-gruppe { margin: 14px 0 4px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ux-mute); }
.ux-an .ux-punkt { flex: none; width: 9px; height: 9px; border-radius: 50%; }
.ux-an .ux-punkt.ok { background: var(--ux-ok); } .ux-an .ux-punkt.warn { background: var(--ux-warn); } .ux-an .ux-punkt.bad { background: var(--ux-bad); }
.ux-an .ux-b-name { flex: none; width: 138px; font-weight: 600; }
.ux-an .ux-b-text { flex: 1; min-width: 0; font-size: 13px; color: var(--ux-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ux-an .ux-b-st { flex: none; width: 76px; font-size: 13px; font-weight: 500; text-align: right; }
.ux-an .ux-b-st.ok { color: var(--ux-ok); } .ux-an .ux-b-st.warn { color: var(--ux-warn); } .ux-an .ux-b-st.bad { color: var(--ux-bad); }
.ux-an .ux-b-wert { flex: none; width: 54px; font-size: 13px; text-align: right; color: var(--ux-mute); font-variant-numeric: tabular-nums; }
.ux-an .ux-fakten { display: grid; grid-template-columns: repeat(6, 1fr); margin: 0; border-top: 1px solid var(--ux-linie); border-bottom: 1px solid var(--ux-linie); }
.ux-an .ux-fakten > div { padding: 10px 12px 10px 0; }
.ux-an .ux-fakten > div + div { border-left: 1px solid var(--ux-linie); padding-left: 12px; }
.ux-an .ux-fakten dd { margin: 0; font-size: 20px; font-weight: 700; color: var(--ux-ink); font-variant-numeric: tabular-nums; }
.ux-an .ux-fakten dt { font-size: 12px; color: var(--ux-mute); font-weight: 400; }

/* Aktionen und Bericht */
.ux-an .stm-ar-tiles { display: flex !important; flex-wrap: wrap; gap: 6px 28px; padding: 18px 0 6px; border: 0 !important; background: none !important; }
.ux-an .stm-ar-tile { flex: none !important; width: auto !important; min-height: 0 !important; padding: 2px 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--ux-ink) !important; font-size: 14px !important; font-weight: 600 !important; transform: none !important; }
.ux-an .stm-ar-tile.stm-ar-tile-cta { color: var(--ux-akzent) !important; }
.ux-an .stm-ar-ico { display: none !important; }
.ux-an .stm-ar-label { color: inherit !important; }
.ux-an .stm-ar-chev { color: inherit !important; opacity: .7; }
.ux-an .stm-seo-export { display: flex !important; flex-wrap: wrap; gap: 8px 20px; justify-content: flex-start !important; margin: 24px 0 0 !important; padding: 14px 0 !important; border-top: 1px solid var(--ux-linie) !important; border-bottom: 0 !important; background: none !important; }
.ux-an .stm-seo-export .stm-seo-btn-outline { padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--ux-mute) !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: underline; text-underline-offset: 3px; }

/* Bausteine innerhalb der Abschnitte */
.ux-an .stm-seo-tip, .ux-an .stm-tt-tip-box, .ux-an .stm-tt-explain-block, .ux-an .stm-tt-explain { background: var(--ux-fond) !important; border: 0 !important; border-left: 2px solid var(--ux-linie) !important; border-radius: 0 !important; color: var(--ux-text) !important; box-shadow: none !important; }
.ux-an .stm-seo-metric, .ux-an .stm-ov-stat, .ux-an .stm-seo-cwv-card, .ux-an .stm-ct-value-box { background: none !important; border: 1px solid var(--ux-linie) !important; border-radius: 6px !important; box-shadow: none !important; }
.ux-an .stm-seo-check-item { background: none !important; border: 0 !important; border-bottom: 1px solid var(--ux-fond) !important; border-radius: 0 !important; box-shadow: none !important; }
.ux-an .stm-seo-badge, .ux-an .stm-seo-priority, .ux-an .stm-seo-time-badge, .ux-an .stm-seo-category-tag, .ux-an .stm-ct-h-badge { background: none !important; border: 1px solid var(--ux-linie) !important; border-radius: 4px !important; color: var(--ux-mute) !important; }
.ux-an .stm-seo-action-item { background: none !important; border: 0 !important; border-bottom: 1px solid var(--ux-linie) !important; border-radius: 0 !important; box-shadow: none !important; }
.ux-an .stm-ov-cat-fill, .ux-an .stm-ct-bar-fill { background-image: none !important; }
#stm-ai-check-band { background: var(--ux-fond) !important; border-radius: 0 !important; border-left: 2px solid var(--ux-ink); margin: 12px 0 4px !important; padding: 16px 18px !important; color: var(--ux-text) !important; box-shadow: none !important; }
#stm-ai-check-band * { color: inherit; }
#stm-ai-check-btn { background: var(--ux-ink) !important; color: #fff !important; border-radius: 8px !important; box-shadow: none !important; }
/* KI-Sichtbarkeit: Wert links, Teilwerte als Haarlinien-Zeile */
.ux-an .stm-aiv-hero { display: grid; grid-template-columns: 124px minmax(0, 1fr); column-gap: 24px; align-items: center; padding: 14px 0 !important; margin: 0 !important; background: none !important; border-radius: 0 !important; border-bottom: 1px solid var(--ux-linie); color: var(--ux-text) !important; }
.ux-an .stm-aiv-hero > :nth-child(1) { display: none; }
.ux-an .stm-aiv-hero > :nth-child(2) { grid-column: 1; grid-row: 1; margin: 0 !important; }
.ux-an .stm-aiv-hero > :nth-child(2) > div { width: 112px !important; height: 112px !important; }
.ux-an .stm-aiv-hero svg { width: 112px; height: 112px; }
.ux-an .stm-aiv-hero svg circle:first-child { stroke: var(--ux-linie) !important; }
.ux-an .stm-aiv-hero > :nth-child(2) div div { color: var(--ux-ink) !important; }
.ux-an .stm-aiv-hero > :nth-child(2) div div:first-child { font-size: 32px !important; font-weight: 700 !important; }
.ux-an .stm-aiv-hero > :nth-child(3) { grid-column: 1; grid-row: 2; margin: 6px 0 0 !important; }
.ux-an .stm-aiv-hero > :nth-child(3) span { padding: 0 !important; background: none !important; color: var(--ux-text) !important; font-size: 13px !important; font-weight: 600 !important; }
.ux-an .stm-aiv-subscores { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; }
.ux-an .stm-aiv-subscores > div { background: none !important; border: 0 !important; border-left: 1px solid var(--ux-linie) !important; border-radius: 0 !important; padding: 8px 12px !important; text-align: left !important; }
.ux-an .stm-aiv-subscores > div > :first-child { font-size: 22px !important; font-weight: 700 !important; color: var(--ux-ink) !important; }
.ux-an .stm-aiv-subscores > div > * { color: var(--ux-mute) !important; }

/* Handy */
@media (max-width: 900px) {
  #stm-seo-results.ux-an { display: block; }
  #stm-seo-results.ux-an { display: flex; flex-direction: column; }
  /* Breite Tabellen duerfen die Spalte nicht aufziehen, sie scrollen in ihrem eigenen Rahmen */
  #stm-seo-results.ux-an > * { min-width: 0; max-width: 100%; }
  .ux-tool #stm-tab-dashboard .stm-seo-card, .ux-tool #stm-tab-dashboard .stm-seo-card-body { min-width: 0; max-width: 100%; }
  .ux-tool .stm-db-table-wrap { overflow-x: auto; max-width: 100%; }
  .ux-tool .stm-db-chances-grid { grid-template-columns: minmax(0, 1fr) !important; }
  #stm-seo-results.ux-an > .stm-seo-tabs-wrap { position: relative !important; top: auto !important; width: auto !important; max-height: none; overflow: visible; margin: 0 0 16px !important; background: #fff !important; border-bottom: 1px solid var(--ux-linie) !important; }
  #stm-seo-results.ux-an > .stm-tabs-placeholder { display: none; }
  #stm-seo-results.ux-an > .stm-seo-tabs-wrap.ux-nav-fest-m { position: fixed !important; top: var(--ux-nav-top, 0px) !important; left: 0 !important; right: 0; width: 100% !important; padding: 0 16px !important; z-index: 50; }
  .ux-an .ux-nav-kopf { display: none; }
  .ux-an .ux-m-knopf { display: flex; align-items: center; gap: 8px; width: 100%; padding: 12px 0; background: none !important; border: 0 !important; box-shadow: none !important; font: inherit; font-size: 15px; color: var(--ux-text) !important; cursor: pointer; }
  .ux-an .ux-m-knopf span { font-size: 12px; color: var(--ux-mute); }
  .ux-an .ux-m-knopf b { color: var(--ux-ink); }
  .ux-an .ux-m-knopf i { margin-left: auto; width: 8px; height: 8px; border-right: 1.6px solid var(--ux-mute); border-bottom: 1.6px solid var(--ux-mute); transform: rotate(45deg); }
  .ux-an .stm-seo-tabs.ux-nav { display: none !important; padding-bottom: 12px !important; max-height: 70vh; overflow-y: auto !important; }
  .ux-an .ux-nav-offen .stm-seo-tabs.ux-nav { display: block !important; }
  .ux-an .stm-seo-export { flex-direction: row !important; align-items: flex-start !important; text-align: left; }
  .ux-an .stm-seo-export .stm-seo-btn-outline { width: auto !important; }
  #stm-seo-results.ux-an > .stm-seo-tabs-wrap { display: block !important; }
  .ux-an .ux-karte-kopf h3, .ux-an .ux-karte-kopf h4, .ux-an .stm-aiv-card > .ux-karte-kopf > span:not(.ux-karte-rechts) { display: inline !important; }
  .ux-an .ux-kopf h2, .ux-an .ux-urteil h2 { font-size: 22px; }
  .ux-an .ux-ergebnis { gap: 16px; }
  .ux-an .ux-note { width: 84px; height: 84px; } .ux-an .ux-note b { font-size: 30px; }
  .ux-an .ux-b-text { display: none; } .ux-an .ux-b-name { flex: 1; width: auto; } .ux-an .ux-b-wert { display: none; }
  .ux-an .ux-fakten { grid-template-columns: repeat(3, 1fr); }
  .ux-an .ux-fakten > div:nth-child(4) { border-left: 0; padding-left: 0; }
  .ux-an .ux-fakten > div:nth-child(n+4) { border-top: 1px solid var(--ux-linie); }
  .ux-pop { left: 12px !important; right: 12px; bottom: 12px; top: auto !important; width: auto; }
}
/* Einmalig im Seitencode: Fortschritt, Dashboard-Symbole, Bedienzeichen */
.ux-tool .stm-seo-step > span:empty, .ux-tool .stm-seo-card-icon:empty, .ux-tool .stm-db-stat-icon:empty, .ux-tool .stm-db-empty-icon:empty, .ux-tool .stm-db-feature-highlight-icon:empty,
.ux-tool .stm-db-gsc-hint > div:empty, .ux-tool .stm-db-last-analysis > div:empty { display: none !important; }
.ux-tool .ux-zeichen-knopf { filter: grayscale(1); }
.ux-tool #stm-tab-dashboard .stm-seo-card-icon { display: none !important; }
.ux-tool .stm-db-avatar { background: var(--ux-ink) !important; background-image: none !important; color: #fff !important; border-radius: 4px !important; box-shadow: none !important; }

@media print {
  #stm-seo-results.ux-an { display: block; }
  #stm-seo-results.ux-an > .stm-seo-tabs-wrap { display: none !important; }
  .ux-an .stm-seo-tabs-wrap, .ux-an .ux-auf, .ux-an .ux-q, .ux-an .ux-alle, .ux-an .ux-karte-rechts, .ux-an #stm-seo-action-row, .ux-an .stm-db-feature-highlight { display: none !important; }
  .ux-an #stm-tab-ai::before, .ux-an #stm-tab-aivisibility::before, .ux-an #stm-tab-recommendations::before { content: none !important; display: none !important; }
  .ux-an .ux-zu > .ux-karte-rumpf { display: block !important; }
}

/* Dashboard: Lagebericht */
/* Direkt nach dem Login zaehlen die eigenen Zahlen: kein Werbekopf, keine Einzelreiter-Leiste */
.stm-dashboard-direct.ux-dash-direkt .stm-tool-hero, .stm-dashboard-direct.ux-dash-direkt .stm-seo-header, .stm-dashboard-direct.ux-dash-direkt .stm-seo-tabs-wrap { display: none !important; }
.stm-dashboard-direct.ux-dash-direkt .stm-seo-input-section { padding-top: 8px !important; }
.ux-dash-an > .stm-db-welcome, .ux-dash-an > .stm-db-stats, .ux-dash-an > .stm-db-gsc-controls, .ux-dash-an > .stm-db-last-analysis, .ux-dash-an > .stm-db-gsc-hint, .ux-dash-an > #stm-db-gsc-summary { display: none !important; }
.ux-dash-an .ux-karte-st { display: none; }
#stm-seo-results[data-ux-tab="dashboard"] .stm-db-feature-highlight { display: none !important; }
.ux-dash-kopf p .ux-link { margin-left: 10px; font-size: 13.5px; font-weight: 500; }
.ux-dash { color: var(--ux-text); margin-bottom: 8px; }
.ux-dash section { min-width: 0; }
.ux-dash-kopf { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; padding-bottom: 10px; }
.ux-dash-kopf h2 { margin: 0 !important; font-size: 22px !important; line-height: 1.25 !important; color: var(--ux-ink) !important; -webkit-text-fill-color: var(--ux-ink); font-weight: 700 !important; }
.ux-dash-kopf h2::first-letter { color: inherit !important; font-size: inherit !important; }
.ux-dash-kopf p { margin: 2px 0 0 !important; font-size: 13.5px; color: var(--ux-mute); }
.ux-dash-zeit { display: flex; gap: 16px; flex: none; }
.ux-dash-zeit button { background: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; padding: 2px 0 !important; margin: 0; font-size: 13.5px !important; color: var(--ux-mute) !important; cursor: pointer; min-height: 0; }
.ux-dash-zeit button[aria-pressed="true"] { color: var(--ux-ink) !important; border-bottom-color: var(--ux-akzent) !important; font-weight: 600; }
.ux-dash-zahlen { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); margin: 0; border-top: 2px solid var(--ux-ink); border-bottom: 1px solid var(--ux-linie); }
.ux-dash-zahlen > div { padding: 12px 14px 12px 0; margin: 0 14px 0 0; border-right: 1px solid var(--ux-linie); min-width: 0; }
.ux-dash-zahlen > div:last-child { border-right: 0; margin-right: 0; }
.ux-dash-zahlen dt { font-size: 12.5px; color: var(--ux-mute); font-weight: 500; }
.ux-dash-zahlen dd { margin: 0; font-size: 30px; line-height: 1.2; font-weight: 700; color: var(--ux-ink); font-variant-numeric: tabular-nums; }
.ux-dash-zahlen dd.ux-dash-unter { font-size: 12.5px; line-height: 1.4; font-weight: 400; color: var(--ux-mute); min-height: 18px; }
.ux-delta { color: var(--ux-mute); font-size: 12.5px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ux-delta.auf { color: var(--ux-ok); }
.ux-delta.ab { color: var(--ux-bad); }
.ux-dash-hinweis { margin: 6px 0 0 !important; font-size: 12px; color: var(--ux-mute); }
.ux-dash-raster { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 32px; margin-top: 20px; }
.ux-dash-h { -webkit-text-fill-color: var(--ux-ink); margin: 0 0 6px !important; padding: 0 !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 700 !important; color: var(--ux-ink) !important; display: flex; align-items: center; gap: 6px; }
.ux-dash-h::first-letter { color: inherit !important; font-size: inherit !important; }
.ux-dash > section > .ux-dash-h { margin-top: 22px !important; }
.ux-dash-details { margin-top: 24px !important; padding-bottom: 6px !important; border-bottom: 2px solid var(--ux-ink); }
.ux-dash-ansatz { list-style: none; margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--ux-linie); }
.ux-dash-ansatz li { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 9px 0; margin: 0 !important; border-bottom: 1px solid var(--ux-linie); font-size: 14px; line-height: 1.35; }
.ux-dash-ansatz li::before, .ux-dash-ansatz li::marker { content: none !important; }
.ux-dash-kennzahl { display: flex; align-items: baseline; gap: 3px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ux-dash-kennzahl b { font-size: 19px; font-weight: 700; color: var(--ux-ink); }
.ux-dash-kennzahl.warn b { color: var(--ux-warn); }
.ux-dash-kennzahl.bad b { color: var(--ux-bad); }
.ux-dash-kennzahl i { font-style: normal; font-size: 11.5px; color: var(--ux-mute); }
.ux-dash .ux-link { white-space: nowrap; }
.ux-dash-diagramm { margin: 0 0 12px !important; padding: 0; }
.ux-dash-diagramm figcaption { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--ux-mute); margin-bottom: 4px; }
.ux-dash-flaeche { position: relative; height: 64px; cursor: crosshair; }
.ux-dash-flaeche svg { display: block; width: 100%; height: 100%; overflow: visible; }
.ux-dash-flaeche polyline { fill: none; stroke: var(--ux-ink); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }
.ux-dash-grund { stroke: var(--ux-linie); stroke-width: 1; vector-effect: non-scaling-stroke; }
.ux-dash-marke { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--ux-mute); display: none; pointer-events: none; }
.ux-dash-tipp { position: absolute; top: -6px; width: 96px; text-align: center; padding: 2px 4px; background: var(--ux-ink); color: #fff; font-size: 11.5px; font-weight: 500; border-radius: 3px; display: none; pointer-events: none; white-space: nowrap; }
.ux-hover .ux-dash-marke, .ux-hover .ux-dash-tipp { display: block; }
.ux-dash-achse { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--ux-mute); margin-top: 3px; }
.ux-dash-tabelle { border-top: 1px solid var(--ux-linie); font-size: 14px; }
.ux-dash-zeile { display: grid; grid-template-columns: minmax(150px, 2fr) 92px 104px 64px 72px 72px 96px 76px; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--ux-linie); font-variant-numeric: tabular-nums; }
.ux-dash-th { font-size: 12px; color: var(--ux-mute); padding: 5px 0; }
.ux-dash-seite { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--ux-ink); font-weight: 600; overflow-wrap: anywhere; }
.ux-dash-wert b { font-size: 17px; color: var(--ux-ink); }
.ux-dash-spark { display: block; width: 96px; height: 24px; overflow: visible; }
.ux-dash-spark polyline { fill: none; stroke: var(--ux-ink); stroke-width: 1.6; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.ux-dash-wenig { font-size: 12px; color: var(--ux-mute); }
.ux-dash-alt { color: var(--ux-warn); }
@media (max-width: 1040px) {
  .ux-dash-zeile { grid-template-columns: minmax(130px, 2fr) 84px 100px 56px 60px 64px 84px 70px; gap: 6px; font-size: 13.5px; }
}
@media (max-width: 900px) {
  .ux-dash-raster { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .ux-dash-kopf { flex-wrap: wrap; align-items: flex-start; }
  .ux-dash-zahlen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ux-dash-zahlen > div { border-right: 0; margin: 0; padding: 10px 8px 10px 0; border-bottom: 1px solid var(--ux-linie); }
  .ux-dash-zahlen > div:first-child { grid-column: 1 / -1; }
  .ux-dash-zahlen dd { font-size: 25px; }
  .ux-dash-ansatz li { grid-template-columns: 92px minmax(0, 1fr); }
  .ux-dash-ansatz li .ux-link { grid-column: 2; justify-self: start; }
  .ux-dash-th { display: none; }
  .ux-dash-zeile { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 10px; padding: 10px 0; }
  .ux-dash-zeile > .ux-dash-seite { grid-column: 1 / -1; }
  .ux-dash-zeile > .ux-dash-v { grid-column: 1 / -1; }
  .ux-dash-zeile > [data-l]::before { content: attr(data-l); display: block; font-size: 11.5px; color: var(--ux-mute); font-weight: 400; }
}
@media print {
  .ux-dash-zeit, .ux-dash .ux-link, .ux-dash-marke, .ux-dash-tipp { display: none !important; }
}

/* Site-Crawl */
.ux-tool .ux-crawl-box { margin: 14px 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; flex-basis: 100%; }
.ux-tool .ux-crawl-box > label { display: none !important; }
.ux-crawl-opt { display: flex; flex-wrap: wrap; gap: 12px 40px; }
.ux-crawl-gruppe { display: flex; align-items: center; gap: 12px; }
.ux-crawl-label { display: inline-flex; align-items: center; gap: 2px; font-size: 14px; color: var(--ux-mute); white-space: nowrap; }
.ux-crawl-wahl { display: inline-flex; border: 1px solid #b9c0cc; border-radius: 6px; overflow: hidden; background: #fff; }
.ux-crawl-wahl button { background: none !important; background-image: none !important; border: 0 !important; border-left: 1px solid #d7dbe3 !important; border-radius: 0 !important; box-shadow: none !important; min-width: 44px; min-height: 0; margin: 0; padding: 6px 12px !important; font-size: 14px !important; font-weight: 500; color: var(--ux-text) !important; cursor: pointer; font-variant-numeric: tabular-nums; }
.ux-crawl-wahl button:first-child { border-left: 0 !important; }
.ux-crawl-wahl button:hover { background: var(--ux-fond) !important; }
.ux-crawl-wahl button[aria-pressed="true"] { background: var(--ux-ink) !important; color: #fff !important; font-weight: 600; }
.ux-crawl-wahl button:focus-visible { outline: 2px solid var(--ux-akzent); outline-offset: -2px; }
.ux-modus-site .stm-seo-progress-steps { display: none !important; }
.ux-crawl .ux-ergebnis { padding-bottom: 16px; border-bottom: 0; }
.ux-crawl .ux-dash-zahlen { margin-bottom: 0; }
.ux-crawl .ux-dash-raster { margin-top: 20px; }
.ux-crawl .ux-dash-ansatz li { grid-template-columns: 56px minmax(0, 1fr) auto; }
.ux-crawl-h { margin-top: 22px !important; }
.ux-crawl-balken { list-style: none; margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--ux-linie); }
.ux-crawl-balken li { display: grid; grid-template-columns: 120px minmax(0, 1fr) 48px; gap: 10px; align-items: center; padding: 8px 0; margin: 0 !important; border-bottom: 1px solid var(--ux-linie); font-size: 14px; }
.ux-crawl-balken li::before { content: none !important; }
.ux-crawl-balken i { display: block; height: 6px; background: var(--ux-linie); border-radius: 3px; overflow: hidden; }
.ux-crawl-balken u { display: block; height: 100%; background: var(--ux-ink); text-decoration: none; }
.ux-crawl-balken b { text-align: right; font-weight: 600; color: var(--ux-ink); font-variant-numeric: tabular-nums; }
.ux-crawl-seiten { border-top: 1px solid var(--ux-linie); }
.ux-crawl-seiten button { display: grid !important; grid-template-columns: 12px 36px minmax(120px, 1fr) minmax(0, 1.4fr) auto; gap: 10px; align-items: center; width: 100%; padding: 8px 2px !important; margin: 0; background: none !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid var(--ux-linie) !important; border-radius: 0 !important; box-shadow: none !important; text-align: left; font-size: 14px !important; color: var(--ux-text) !important; cursor: pointer; }
.ux-crawl-seiten button:hover { background: var(--ux-fond) !important; }
.ux-crawl-seiten b { color: var(--ux-ink); font-size: 16px; font-variant-numeric: tabular-nums; }
.ux-crawl-pfad { font-weight: 600; color: var(--ux-ink); overflow-wrap: anywhere; }
.ux-crawl-titel { color: var(--ux-mute); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ux-crawl-z { color: var(--ux-mute); font-size: 13px; white-space: nowrap; }
.ux-crawl-alle { display: inline-block; margin-top: 10px; }
.ux-crawl .stm-crawl-controls, .ux-crawl .stm-crawl-filter-bar { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 8px !important; }
.ux-crawl .stm-crawl-filter-group label { font-size: 13px !important; color: var(--ux-mute) !important; font-weight: 500 !important; }
.ux-crawl .stm-crawl-filter-group select { min-height: 0; height: auto; padding: 5px 26px 5px 8px !important; border: 1px solid #b9c0cc !important; border-radius: 6px !important; background-color: #fff !important; box-shadow: none !important; font-size: 13.5px !important; color: var(--ux-text) !important; }
.ux-crawl .stm-crawl-count { background: none !important; color: var(--ux-mute) !important; font-size: 13px !important; padding: 0 !important; }
.ux-crawl .stm-crawl-pages-list { border-top: 2px solid var(--ux-ink); }
.ux-crawl .stm-crawl-page-card { background: none !important; border: 0 !important; border-bottom: 1px solid var(--ux-linie) !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; transform: none !important; }
.ux-crawl .stm-crawl-page-summary { padding: 9px 4px !important; gap: 12px; background: none !important; cursor: pointer; }
.ux-crawl .stm-crawl-page-summary:hover { background: var(--ux-fond) !important; }
.ux-crawl .stm-crawl-page-score { width: 34px !important; min-width: 34px; height: auto !important; background: none !important; color: var(--ux-ink) !important; border-radius: 0 !important; box-shadow: none !important; font-size: 17px !important; font-weight: 700; font-variant-numeric: tabular-nums; }
.ux-crawl .stm-crawl-page-path { color: var(--ux-ink) !important; font-weight: 600 !important; font-size: 14.5px !important; }
.ux-crawl .stm-crawl-page-title { color: var(--ux-mute) !important; font-size: 13px !important; }
.ux-crawl .stm-crawl-page-metrics { gap: 14px; font-size: 13px !important; color: var(--ux-mute) !important; font-variant-numeric: tabular-nums; }
.ux-crawl .stm-crawl-page-metrics span { color: inherit !important; white-space: nowrap; }
.ux-crawl .stm-crawl-badge { background: none !important; border: 1px solid var(--ux-linie) !important; border-radius: 3px !important; color: var(--ux-warn) !important; font-size: 12px !important; }
.ux-crawl .stm-crawl-badge.bad { color: var(--ux-bad) !important; }
.ux-crawl .stm-crawl-page-toggle { color: var(--ux-mute) !important; font-size: 11px !important; }
.ux-crawl #stm-tab-performance .stm-seo-tip-text > div { display: inline-block; margin: 0 14px 2px 0; font-size: 13px; color: var(--ux-mute); }
.ux-crawl .stm-crawl-page-detail { padding: 4px 4px 14px 46px !important; background: none !important; border: 0 !important; }
@media (max-width: 900px) {
  .ux-tool .stm-seo-input-wrap { max-width: none; }
  .ux-crawl-opt { width: 100%; }
  .ux-crawl-opt { gap: 12px; flex-direction: column; }
  .ux-crawl-gruppe { justify-content: space-between; }
  .ux-crawl .ux-dash-ansatz li { grid-template-columns: 48px minmax(0, 1fr); }
  .ux-crawl-seiten button { grid-template-columns: 12px 36px minmax(0, 1fr) auto; }
  .ux-crawl-titel { display: none; }
  .ux-crawl .stm-crawl-page-summary { flex-wrap: wrap; }
  .ux-crawl .stm-crawl-page-metrics { width: 100%; padding-left: 46px; }
  .ux-crawl .stm-crawl-page-detail { padding-left: 0 !important; }
  .ux-crawl .stm-crawl-filter-bar { flex-wrap: wrap; gap: 8px; }
}
/* Schmale Bildschirme: Feld und Knopf untereinander, beide volle Breite */
@media (max-width: 640px) {
  .ux-tool .stm-seo-input-wrap { flex-direction: column !important; align-items: stretch; }
  .ux-tool .stm-seo-url-input { flex: 0 0 auto; width: 100% !important; }
  .ux-tool .stm-seo-input-wrap .stm-seo-btn-primary { width: 100%; justify-content: center; text-align: center; }
}

/* Generatoren: eigener Abschnitt unter dem Audit */
#generators.ux-gen { margin-top: 48px; padding: 44px 0 56px !important; background: #e9ecf3; border-top: 3px solid var(--ux-ink); opacity: 1; transform: none; }
.ux-gen .stm-gen-header, .ux-gen .stm-gen-tab-icon { display: none !important; }
.ux-gen-kopf { margin: 0 0 20px; }
.ux-gen-kopf span { display: block; font-size: 12.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ux-mute); }
.ux-gen-kopf h2 { margin: 4px 0 6px !important; padding: 0 !important; font-size: 26px !important; line-height: 1.25 !important; font-weight: 700 !important; color: var(--ux-ink) !important; -webkit-text-fill-color: var(--ux-ink); text-align: left !important; }
.ux-gen-kopf h2::first-letter { color: inherit !important; font-size: inherit !important; }
.ux-gen-kopf p { margin: 0 !important; font-size: 15px; line-height: 1.45; color: var(--ux-text); }
.ux-gen .stm-gen-widget { border-radius: 8px; box-shadow: none; }
@media (max-width: 640px) {
  #generators.ux-gen { margin-top: 32px; padding: 32px 0 40px !important; }
  .ux-gen-kopf h2 { font-size: 22px !important; }
}

/* Einbinden: leiser Textlink statt Herstellerzeile */
.ux-tool .stm-seo-branding { padding: 2px 0 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; text-align: left; font-size: 13.5px; }
.ux-tool .stm-seo-embed-link { color: var(--ux-mute) !important; font-weight: 500; text-decoration: underline; text-decoration-color: #b9c0cc; text-underline-offset: 3px; }
.ux-tool .stm-seo-embed-link:hover { color: var(--ux-ink) !important; text-decoration-color: var(--ux-ink); }

/* Crawl-Druck: Das Tool druckt fest SEO, KI und Plan. Fuer die Website-Pruefung gehoeren Ergebnis, Probleme und Seiten dazu */
@media print {
  body.ux-druck-crawl #stm-seo-results #stm-tab-overview, body.ux-druck-crawl #stm-seo-results #stm-tab-content, body.ux-druck-crawl #stm-seo-results #stm-tab-technical, body.ux-druck-crawl #stm-seo-results #stm-tab-performance { display: block !important; opacity: 1 !important; height: auto !important; overflow: visible !important; }
  .ux-druck-crawl #stm-seo-results .stm-seo-tab-panel + .stm-seo-tab-panel { margin-top: 18px !important; }
  .ux-druck-crawl .ux-link, .ux-druck-crawl .stm-crawl-controls, .ux-druck-crawl .stm-crawl-page-toggle, .ux-druck-crawl .stm-crawl-page-detail { display: none !important; }
  .ux-druck-crawl .stm-crawl-page-card, .ux-druck-crawl .ux-dash-ansatz li, .ux-druck-crawl .ux-crawl-balken li, .ux-druck-crawl .ux-crawl-seiten button, .ux-druck-crawl .ux-kopf { break-inside: avoid; }
  .ux-druck-crawl .ux-kopf { break-after: avoid; }
  .ux-druck-crawl .ux-dash-details { margin-top: 18px !important; }
  .ux-druck-crawl .ux-note, .ux-druck-crawl .ux-crawl-balken u { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* Die Druckregeln des Tools blenden header-Elemente aus: Ohne die Abschnittstitel wuesste niemand, welcher Teil gerade beginnt */
@media print {
  #stm-seo-results.ux-an .ux-kopf { display: block !important; margin-top: 10px; break-after: avoid; }
  /* Das Skript des Tools zeigt die KI-Sichtbarkeit im Druck, sein Druck-CSS blendet sie aber wieder aus */
  #stm-seo-results.ux-an #stm-tab-aivisibility { display: block !important; opacity: 1 !important; height: auto !important; }
}

/* Hinweis auf ein gespeichertes Ergebnis */
.ux-gemerkt { margin: 12px 0 0 !important; font-size: 13.5px; color: var(--ux-mute); }
.ux-gemerkt button { background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important; min-height: 0; margin: 0 0 0 10px; padding: 0 !important; font-size: 13.5px !important; font-weight: 500; color: var(--ux-ink) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media print { .ux-gemerkt { display: none !important; } }

/* Crawl: gebuendelte Themen und Reihenfolge */
.ux-themen-lage { margin: 0 0 6px !important; max-width: 72ch; font-size: 14.5px; line-height: 1.5; color: var(--ux-text); }
.ux-themen-h { margin: 24px 0 0 !important; padding: 0 0 6px !important; border-bottom: 1px solid var(--ux-ink); font-size: 13px !important; font-weight: 600 !important; letter-spacing: .02em; color: var(--ux-ink) !important; }
.ux-thema { border-bottom: 1px solid var(--ux-linie); scroll-margin-top: 96px; }
.ux-an .ux-thema-kopf { display: grid; grid-template-columns: 56px minmax(0, 1fr) 16px; gap: 12px; align-items: center; width: 100%; min-height: 0; margin: 0; padding: 9px 4px; background: none !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--ux-text) !important; font: inherit; font-size: 14px; line-height: 1.35; text-align: left; text-transform: none; letter-spacing: 0; cursor: pointer; }
.ux-an .ux-thema-kopf:hover { background: var(--ux-fond) !important; }
.ux-an .ux-thema-kopf:focus-visible { outline: 2px solid var(--ux-ink); outline-offset: -2px; }
.ux-thema-kopf i { width: 8px; height: 8px; border-right: 1.6px solid var(--ux-mute); border-bottom: 1.6px solid var(--ux-mute); transform: rotate(45deg) translate(-2px, -2px); transition: transform .15s; }
.ux-thema-auf .ux-thema-kopf i { transform: rotate(-135deg) translate(-2px, -2px); }
.ux-dash-text b { display: block; font-weight: 500; color: var(--ux-text); }
.ux-dash-text small { display: block; margin-top: 1px; font-size: 12.5px; color: var(--ux-mute); }
.ux-thema-rumpf { display: none; padding: 2px 4px 16px 68px; font-size: 14px; line-height: 1.5; color: var(--ux-text); }
.ux-thema-auf .ux-thema-rumpf { display: block; }
.ux-thema-rumpf p { margin: 0 0 8px !important; max-width: 72ch; }
.ux-thema-rumpf ol { list-style: decimal !important; margin: 0 0 8px !important; padding-left: 20px !important; max-width: 72ch; }
.ux-thema-rumpf ol li { display: list-item !important; list-style: decimal !important; margin: 2px 0 !important; padding: 0 !important; }
.ux-thema-rumpf ol li::before { display: none !important; }
.ux-thema-vorlage { color: var(--ux-ink); font-weight: 500; }
.ux-thema-l { margin: 12px 0 2px; font-size: 12.5px; font-weight: 600; color: var(--ux-mute); }
.ux-thema-seiten { list-style: none !important; margin: 2px 0 8px !important; padding: 0 !important; }
.ux-thema-seiten li { display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 12px; align-items: baseline; margin: 0 !important; padding: 4px 0 !important; border-top: 1px solid var(--ux-linie); font-size: 13px; }
.ux-thema-seiten li::before { display: none !important; }
.ux-thema-seiten span { color: var(--ux-mute); overflow-wrap: anywhere; }
.ux-thema-seiten .ux-link { text-align: left; overflow-wrap: anywhere; font-size: 13px !important; }
.ux-plan { list-style: none !important; margin: 10px 0 0 !important; padding: 0 !important; border-top: 1px solid var(--ux-ink); }
.ux-plan li { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 0 !important; padding: 9px 4px !important; border-bottom: 1px solid var(--ux-linie); font-size: 14px; line-height: 1.35; }
.ux-plan li::before { display: none !important; }
.ux-plan-n { font-size: 15px; font-weight: 600; color: var(--ux-ink); font-variant-numeric: tabular-nums; }
.stm-pd-voll { padding-top: 6px; }
.ux-an .stm-pd-tab { background: none !important; background-image: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; color: var(--ux-mute) !important; font-weight: 500 !important; }
.ux-an .stm-pd-tab:hover { color: var(--ux-ink) !important; }
.ux-an .stm-pd-tab.active { color: var(--ux-ink) !important; border-bottom-color: var(--ux-akzent) !important; }
@media (max-width: 640px) {
  .ux-an .ux-thema-kopf { grid-template-columns: 44px minmax(0, 1fr) 16px; gap: 10px; }
  .ux-thema-rumpf { padding-left: 4px; }
  .ux-thema-seiten li { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .ux-plan li { grid-template-columns: 26px minmax(0, 1fr); }
  .ux-plan .ux-link { grid-column: 2; justify-self: start; }
}
@media print {
  .ux-thema-rumpf { display: block !important; padding-left: 0; }
  .ux-thema-kopf i, .ux-thema-seiten span { display: none !important; }
  .ux-thema-seiten li { display: inline !important; padding: 0 10px 0 0 !important; border: 0; }
  .ux-thema, .ux-plan li { break-inside: avoid; }
}

/* Pro: sieben Seitenzahlen muessen auch auf dem Handy umbrechen koennen */
.ux-crawl-wahl { flex-wrap: wrap; }

/* Crawl-Vergleich */
.ux-vergleich { margin: 0 0 18px; }
.ux-vergleich-z { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0 !important; border-bottom: 1px solid var(--ux-linie); }
.ux-vergleich-z > div { padding: 8px 12px 8px 0; }
.ux-vergleich-z dt { font-size: 12.5px; color: var(--ux-mute); }
.ux-vergleich-z dd { margin: 0 !important; font-size: 19px; font-weight: 600; color: var(--ux-ink); font-variant-numeric: tabular-nums; }
.ux-vergleich-z dd.ux-dash-unter { font-size: 12.5px; font-weight: 400; color: var(--ux-mute); }
.ux-vergleich-h { margin: 8px 0 0 !important; font-size: 13.5px; color: var(--ux-mute); max-width: 72ch; }
.ux-vergleich-l { list-style: none !important; margin: 8px 0 0 !important; padding: 0 !important; }
.ux-vergleich-l li { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 12px; margin: 0 !important; padding: 5px 0 !important; border-bottom: 1px solid var(--ux-linie); font-size: 14px; }
.ux-vergleich-l li::before { display: none !important; }
.ux-vergleich-l b { font-weight: 500; color: var(--ux-mute); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ux-vergleich-a { font-size: 13px; font-weight: 600; }
.ux-vergleich-a.ok { color: var(--ux-ok); } .ux-vergleich-a.warn { color: var(--ux-warn); } .ux-vergleich-a.bad { color: var(--ux-bad); }
@media (max-width: 640px) {
  .ux-vergleich-z { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ux-vergleich-l li { grid-template-columns: minmax(0, 1fr) auto; }
  .ux-vergleich-a { grid-column: 1 / -1; }
}

/* Regelmaessiger Crawl */
.ux-plan-zeile { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 16px; padding: 8px 0; border-bottom: 1px solid var(--ux-linie); }
.ux-plan-info { font-size: 13px; color: var(--ux-mute); }

/* Hinweis auf Pro, erscheint erst mit veroeffentlichtem Produkt */
.ux-pro-hinweis { flex-basis: 100%; margin: 8px 0 0 !important; font-size: 13.5px; color: var(--ux-mute); }
.ux-pro-hinweis a { color: var(--ux-ink) !important; text-decoration: underline; text-underline-offset: 3px; }

/* Aenderungen und Verlauf */
.ux-aender-l li > span b { font-weight: 600; color: var(--ux-text); }
.ux-aender-l li > b { font-weight: 500; font-size: 13px; color: var(--ux-text); overflow-wrap: anywhere; }
.ux-verlauf { margin-top: 8px; }
.ux-verlauf-k, .ux-verlauf-z { display: grid; grid-template-columns: 96px 70px 90px 70px minmax(0, 1fr) 130px; gap: 10px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--ux-linie); font-size: 14px; font-variant-numeric: tabular-nums; }
.ux-verlauf-k { font-size: 12.5px; color: var(--ux-mute); }
.ux-verlauf-w { font-weight: 600; font-size: 12.5px; color: var(--ux-bad); }
.ux-verlauf-da { font-size: 12.5px; color: var(--ux-mute); }
@media (max-width: 640px) {
  .ux-verlauf-k { display: none; }
  .ux-verlauf-z { grid-template-columns: minmax(0, 1fr) auto auto; row-gap: 2px; }
  .ux-verlauf-z > span:nth-child(2), .ux-verlauf-z > span:nth-child(4) { display: none; }
  .ux-verlauf-z > span:nth-child(5) { grid-column: 1 / 3; font-size: 13px; color: var(--ux-mute); }
}

/* Version, Websites, Team */
.ux-konto { margin: 12px 0 0; font-size: 13.5px; color: var(--ux-mute); }
.ux-konto-zeile { margin: 0 !important; }
.ux-konto-zeile button, .ux-konto .ux-link { background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important; min-height: 0; padding: 0 !important; font-size: 13.5px !important; font-weight: 500; color: var(--ux-ink) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.ux-konto-zeile button { margin-left: 8px; }
.ux-konto-rumpf { display: none; max-width: 640px; padding: 4px 0 8px; }
.ux-konto-auf .ux-konto-rumpf { display: block; }
.ux-konto-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 14px; margin-top: 10px; }
.ux-konto-form label { display: flex; flex-direction: column; gap: 3px; font-size: 12.5px; }
.ux-konto-form input, .ux-konto-form select { height: 34px; min-width: 200px; padding: 0 8px; border: 1px solid #b9c0cc; border-radius: 4px; background: #fff; font-size: 14px; color: var(--ux-text); }
.ux-konto-meldung { margin: 8px 0 0 !important; color: var(--ux-bad); }
@media print { .ux-konto { display: none !important; } }

/* Exporte fuer Pro */
.ux-pro-export { flex-basis: 100%; margin-top: 8px; font-size: 13.5px; color: var(--ux-mute); }
.ux-pro-export .ux-link { margin-left: 10px; background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important; min-height: 0; padding: 0 !important; font-size: 13.5px !important; color: var(--ux-ink) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.ux-konto-logo { display: flex; align-items: center; gap: 12px; margin: 8px 0 !important; }
.ux-konto-logo img { max-height: 48px; max-width: 200px; }
.ux-konto-form input[type=file] { height: auto; padding: 6px 0; border: 0; background: none; }
@media print { .ux-pro-export { display: none !important; } }