/* ==================================================================
   AssetShield-X · HAUSMUSTER für die Webseiten
   Fassung v03 · Auftrag REFC-034 · 21.08.2026
   (Fassung v02 · REFC-029 · 20.08.2026 · Fassung v01 · REFC-028)

   Was v03 gegenüber v02 ändert, steht vollständig in Abschnitt 8 am
   Ende dieser Datei.

   Dies ist dieselbe Quelle wie programm/css/asx.css und
   ASX-Hausmuster-v02.md, hier auf das beschränkt, was die Webseiten
   brauchen. Jede Seite bindet diese Datei als LETZTES im Kopf ein -
   nach dem eigenen <style>. Dadurch gilt das Hausmuster, ohne dass in
   jeder Seite Werte von Hand geändert werden müssen.

   Was hier steht:
   1. die sieben Hausfarben und die drei Radien als Werte,
   2. die Regel KEINE SCHARFEN KANTEN,
   3. der Wechsel zu Gold beim Überfahren und bei aktiven Verweisen,
   4. das Muster A2 für Schaltflächen,
   5. Fehlerhinweise in Gold, nie in Rot.

   Was hier ausdrücklich NICHT steht: die Grundfarbe der Fließtexte.
   Die Seiten halten die Regel aus Punkt 2 des Auftrags bereits von
   sich aus ein (dunkler Grund → weiß, heller Grund → blau); ein
   pauschales Überschreiben würde geprüfte Seiten unnötig verändern.
   ================================================================== */

:root{
  --hm-dunkelblau:#0F172A;
  --hm-gold:#B8893C;
  --hm-weiss:#FFFFFF;
  --hm-hellgrau:#F8FAFC;
  --hm-grau:#475569;
  --hm-amber:#D97706;
  --hm-bordeaux:#6B1D2F;      /* nur im Logo */

  --hm-radius-klein:6px;      /* Eingabefelder, kleine Marken, Bildkanten */
  --hm-radius-mittel:8px;     /* Schaltflächen — das Maß von A2 */
  --hm-radius-gross:12px;     /* Karten, Kästen, Tabellen */
  --hm-treffer:44px;          /* Mindestmaß für alles, was angetippt wird */
}

/* ---------- 1 · Keine scharfen Kanten ---------- */

/* Kleine Stufe: alles, in das geschrieben oder das ausgewählt wird. */
input,select,textarea,
input[type=checkbox],input[type=radio],
progress,meter{border-radius:var(--hm-radius-klein) !important}
input[type=radio]{border-radius:50% !important}

/* Mittlere Stufe: alles, was gedrückt wird. */
button,.btn,.knopf,a.btn,a.knopf,input[type=submit],input[type=button],
input[type=reset],.cta,.button{border-radius:var(--hm-radius-mittel) !important}

/* Große Stufe: alles, was etwas umschließt. */
table,fieldset,blockquote,pre,figure,
.karte,.kasten,.box,.card,.panel,.hinweis,.hinweisfeld,
details,summary{border-radius:var(--hm-radius-gross) !important}

/* Tabellen: zusammengelegte Rahmen lassen keine runden Ecken zu. */
table{border-collapse:separate !important;border-spacing:0 !important;overflow:hidden}

/* Bildkanten. */
img,video,canvas,svg.bild{border-radius:var(--hm-radius-klein)}

/* Sicherheitsnetz: Wo im Quelltext einer Seite noch ausdrücklich
   "border-radius:0" steht, wird daraus die kleine Stufe. */
[style*="border-radius:0"],[style*="border-radius: 0"]{
  border-radius:var(--hm-radius-klein) !important}

/* ---------- 2 · Aktiver Verweis und Überfahren: Gold ---------- */
a:hover,a:focus,a:active{color:var(--hm-gold) !important}

/* ---------- 3 · Schaltflächen nach Muster A2 ----------
   Goldfläche, Schrift dunkelblau; beim Überfahren Signal Amber und
   Schrift weiß; beim Drücken sinkt die Fläche zwei Pixel ein. */
button,input[type=submit],input[type=button],.btn,.knopf,.cta{
  min-height:var(--hm-treffer);
  transition:background .12s ease,color .12s ease,transform .06s ease}
button:hover,input[type=submit]:hover,.btn:hover,.knopf:hover,.cta:hover{
  color:var(--hm-weiss) !important}
button:active,input[type=submit]:active,.btn:active,.knopf:active,.cta:active{
  transform:translateY(2px)}

/* ---------- 4 · Fehlerhinweise ----------
   Auf hellem Untergrund immer Gold, nie Rot. */
.fehler,.fehlerzeile,.error,[role=alert].fehler,
input:invalid + .fehler,.formfehler{color:var(--hm-gold) !important}

/* ---------- 5 · Druck aus dem Browser ---------- */
@media print{
  table,.karte,.kasten,.box,.hinweis{
    border-radius:var(--hm-radius-gross) !important;
    break-inside:avoid;page-break-inside:avoid}
}

/* ==================================================================
   6 · Nachtrag REFC-028: die Kanten, die beim Durchgehen jeder Seite
   noch übrig waren.

   Geprüft wurde jede der zwölf Seiten Baustein für Baustein. Was hier
   steht, sind die Fundstellen daraus.
   ================================================================== */

/* Kopf- und Fußstreifen laufen über die volle Breite. Ihre seitlichen
   Ecken liegen an der Fensterkante und sind dort nicht zu sehen. Frei
   steht bei einem Kopfstreifen die untere Kante, bei einem Fußstreifen
   die obere — und die werden hier abgerundet. */
body > header,header.hdr,header.topbar,header.brandbar,header.sticky{
  border-radius:0 0 var(--hm-radius-gross) var(--hm-radius-gross)}
body > footer,footer.ftr{
  border-radius:var(--hm-radius-gross) var(--hm-radius-gross) 0 0}

/* Kästen und Streifen innerhalb der Seiten. */
.bar,.scroll-cue,.toolbar,.progress-outer,.progress-inner,
.check-row,.briefkopf,.abs-zeile,.upsell,.sheet-wrap,.modal-backdrop,.phase,
.values,
.hinweisfeld,.notice,.tile,.kachel{
  border-radius:var(--hm-radius-gross) !important}
.progress-inner,.bar > span{border-radius:var(--hm-radius-klein) !important}

/* Haken- und Punktfelder zeichnet der Browser selbst und übergeht dabei
   jeden Radius. Deshalb hier ausgeschaltet und in den Hausfarben neu
   gezeichnet — abgerundet, mit dem Gold als Haken. */
input[type=checkbox],input[type=radio]{
  appearance:none;-webkit-appearance:none;
  width:22px;height:22px;min-height:22px;flex:0 0 22px;
  border:1px solid rgba(71,85,105,.45);
  background:var(--hm-weiss);cursor:pointer;
  display:inline-grid;place-content:center;vertical-align:middle}
input[type=checkbox]::before,input[type=radio]::before{
  content:"";width:12px;height:12px;border-radius:var(--hm-radius-klein);
  background:var(--hm-gold);transform:scale(0);transition:transform .1s ease}
input[type=radio]::before{border-radius:50%}
input[type=checkbox]:checked::before,input[type=radio]:checked::before{transform:scale(1)}
input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--hm-gold)}
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{
  outline:2px solid var(--hm-gold);outline-offset:1px}

/* AUSDRÜCKLICHE AUSNAHME, damit sie niemand für ein Versehen hält:
   Die durchlaufenden Farbstreifen einer Seite (<section>) stoßen oben
   und unten unmittelbar aneinander und reichen seitlich bis an die
   Fensterkante. Sie haben keine frei stehende Ecke. Würden sie
   abgerundet, entstünden zwischen den Streifen vier helle Zwickel —
   das sähe nach Fehler aus, nicht nach Rundung. Sie bleiben deshalb
   wie sie sind. Jeder Kasten INNERHALB eines Streifens ist rund. */


/* ==================================================================
   7 · REFC-029, Teil 2 Punkt 1: dunkler Untergrund

   Sascha hat zwei Dinge benannt:

   a) Auf dunklem Untergrund ist auch der KLEINE Text weiß, nicht grau.
   b) Auf dunklem Untergrund trägt KEIN Verweis einen Unterstrich —
      weder ruhend noch beim Überfahren. Die Unterscheidung läuft allein
      über den Farbwechsel weiß → Gold.

   Auf hellem Untergrund bleibt der Unterstrich. Das ist ausdrücklich
   kein Versehen: dort hinge die Unterscheidung sonst allein an der
   Farbe.

   WELCHE STREIFEN GEMEINT SIND — gemessen, nicht geraten.
   Am 20.08.2026 wurde jede der zwölf Seiten im Browser vermessen
   (Hintergrundfarbe und Schriftfarbe jedes Streifens, Ergebnis in
   ASX-Uebergabe-Code-REFC-029.md, Abschnitt 5). Ergebnis:

   · Sieben Seiten tragen ihren dunklen Streifen als Klasse
     bg-[#0F172A] — daran sind sie hier zu erkennen.
   · index.html hat einen <footer> ganz ohne Klasse; er ist dunkel.
   · anschreiben-generator.html und anwalts-fragebogen.html haben einen
     HELLEN Fußstreifen (.ftr) — der wird hier nicht angefasst.
   · vermoegens-tool.html hat einen durchsichtigen Fußstreifen (.site)
     mit dunkler Schrift — ebenfalls nicht angefasst.
   · Die dunklen Kopfstreifen der Werkzeugseiten heißen .hdr und .topbar.

   Gefundene Unterstriche auf dunklem Grund: 7 (index.html 2,
   scheidungs-kompass.html 5). Sie sind mit dieser Regel abgestellt.
   ================================================================== */

[class*="bg-[#0F172A]"],
body > footer:not([class]),
header.hdr, header.topbar{
  color:var(--hm-weiss)
}

/* Jeder Text darin — auch der kleine — steht weiß. */
[class*="bg-[#0F172A]"] p, [class*="bg-[#0F172A]"] span,
[class*="bg-[#0F172A]"] li, [class*="bg-[#0F172A]"] small,
[class*="bg-[#0F172A]"] div, [class*="bg-[#0F172A]"] strong,
body > footer:not([class]) p, body > footer:not([class]) span,
body > footer:not([class]) li, body > footer:not([class]) small,
body > footer:not([class]) div,
header.hdr p, header.hdr span, header.hdr div, header.hdr small,
header.topbar p, header.topbar span, header.topbar div, header.topbar small,
/* Auch ein nacktes <button> ohne eigene Fläche - siehe die Ausnahme
   weiter unten, die nur Schaltflächen MIT Fläche wieder dunkelblau
   setzt. */
[class*="bg-[#0F172A]"] button,
body > footer:not([class]) button,
header.hdr button, header.topbar button{
  color:var(--hm-weiss) !important
}

/* Verweise: ruhend weiß und ohne Unterstrich, beim Überfahren Gold —
   ebenfalls ohne Unterstrich. */
[class*="bg-[#0F172A]"] a,
body > footer:not([class]) a,
header.hdr a, header.topbar a{
  color:var(--hm-weiss) !important;
  text-decoration:none !important
}
[class*="bg-[#0F172A]"] a:hover, [class*="bg-[#0F172A]"] a:focus,
[class*="bg-[#0F172A]"] a:active,
body > footer:not([class]) a:hover, body > footer:not([class]) a:focus,
body > footer:not([class]) a:active,
header.hdr a:hover, header.hdr a:focus,
header.topbar a:hover, header.topbar a:focus{
  color:var(--hm-gold) !important;
  text-decoration:none !important
}

/* AUSNAHME: Schaltflächen mit eigener Fläche behalten ihr Muster A2.
   Ihre Schrift steht ruhend dunkelblau auf Gold (8,9:1) und wird erst
   beim Überfahren weiß. Ohne diese Ausnahme stünde ein goldener Knopf
   im dunklen Streifen dauerhaft weiß auf Gold — nur 3,19:1.

   Erkannt werden sie an der Goldfläche im Klassennamen (bg-[#B8893C])
   oder an einer der Schaltflächenklassen des Hauses.

   AUSDRÜCKLICH NICHT ausgenommen ist ein nacktes <button> ohne eigene
   Fläche. Beim Prüflauf zu REFC-029 sind genau daran drei Länderschalter
   im dunklen Kopfstreifen von anwalts-fragebogen.html und
   vermoegens-tool.html dunkelblau auf dunkelblau geraten — 1,00:1, also
   unsichtbar. Sie stehen deshalb weiß wie jeder andere Text im
   dunklen Streifen. */
[class*="bg-[#0F172A]"] [class*="bg-[#B8893C]"],
[class*="bg-[#0F172A]"] .btn, [class*="bg-[#0F172A]"] .knopf,
[class*="bg-[#0F172A]"] .cta,
body > footer:not([class]) [class*="bg-[#B8893C]"],
body > footer:not([class]) .btn, body > footer:not([class]) .knopf,
header.hdr .btn, header.hdr .knopf,
header.topbar .btn, header.topbar .knopf{
  color:var(--hm-dunkelblau) !important;
  text-decoration:none !important
}
[class*="bg-[#0F172A]"] [class*="bg-[#B8893C]"]:hover,
[class*="bg-[#0F172A]"] .btn:hover, [class*="bg-[#0F172A]"] .knopf:hover,
[class*="bg-[#0F172A]"] .cta:hover,
header.hdr .btn:hover, header.topbar .btn:hover{
  color:var(--hm-weiss) !important
}

/* Das kleine Logo im dunklen Streifen: weiße Fassung, nie unterstrichen. */
[class*="bg-[#0F172A]"] img, body > footer:not([class]) img{
  text-decoration:none
}


/* ==================================================================
   8 · REFC-034, 21.08.2026 · Das Hausmuster auf alle zwoelf Seiten

   Vorgefunden am 21.08.2026 im Pruefstand (jede der zwoelf Seiten
   aufgerufen und Baustein fuer Baustein vermessen, nicht geraten):

   a) Eine Schaltflaeche, die als <a> mit goldener Flaeche gebaut ist,
      ohne eine der Klassen .btn/.knopf/.cta zu tragen, fiel durch JEDE
      Regel dieses Blattes hindurch:
      · Radius 6px statt der 8px von Muster A2 (Abschnitt 2),
      · beim Ueberfahren wechselte die SCHRIFT auf Gold, weil oben
        "a:hover{color:gold}" steht - auf goldener Flaeche heisst das
        Gold auf Gold, also unlesbar (404.html, "Zur Startseite"),
      · die Flaeche wechselte auf einen selbst erfundenen Ton (#A67B36
        auf 404.html) statt auf Signal Amber.
      Betroffen waren die Schaltflaeche des 699-Euro-Angebots auf
      scheidungs-kompass.html - Saschas ausdruecklicher Massstab -, die
      des Premium-Angebots und die der 404-Seite.
      Sie werden ab hier an ihrer Goldflaeche erkannt.

   b) Der dunkle Kopfstreifen von bitte-bestaetigen.html und
      danke-download.html heisst .brandbar und traegt seine Farbe im
      eigenen <style>, nicht als Klasse bg-[#0F172A]. Er fiel deshalb
      aus Abschnitt 7 heraus.

   c) In der Liste aus Abschnitt 7 fehlten die Bausteine <nav>, <h1>
      bis <h6>, <td>, <th>, <dt>, <dd> und <label>. Ein <nav> mit
      grauer Schriftfarbe im dunklen Fussstreifen blieb dadurch grau
      (impressum.html, agb.html, datenschutz.html, widerruf.html).
   ================================================================== */

/* --- 8.1 · Der dunkle Streifen, vollstaendig ---------------------- */

.brandbar, header.brandbar{
  color:var(--hm-weiss)
}
.brandbar p, .brandbar span, .brandbar div, .brandbar small,
.brandbar nav, .brandbar li, .brandbar strong,
[class*="bg-[#0F172A]"] nav, [class*="bg-[#0F172A]"] h1,
[class*="bg-[#0F172A]"] h2, [class*="bg-[#0F172A]"] h3,
[class*="bg-[#0F172A]"] h4, [class*="bg-[#0F172A]"] h5,
[class*="bg-[#0F172A]"] h6, [class*="bg-[#0F172A]"] td,
[class*="bg-[#0F172A]"] th, [class*="bg-[#0F172A]"] dt,
[class*="bg-[#0F172A]"] dd, [class*="bg-[#0F172A]"] label,
[class*="bg-[#0F172A]"] em, [class*="bg-[#0F172A]"] b, [class*="bg-[#0F172A]"] i,
body > footer:not([class]) nav, body > footer:not([class]) h1,
body > footer:not([class]) h2, body > footer:not([class]) h3,
body > footer:not([class]) strong, body > footer:not([class]) em,
header.hdr nav, header.topbar nav,
header.hdr h1, header.topbar h1, header.hdr h2, header.topbar h2,
header.hdr label, header.topbar label{
  color:var(--hm-weiss) !important
}
.brandbar a{color:var(--hm-weiss) !important;text-decoration:none !important}
.brandbar a:hover, .brandbar a:focus, .brandbar a:active{
  color:var(--hm-gold) !important;text-decoration:none !important}

/* --- 8.2 · Muster A2 fuer JEDE Schaltflaeche mit goldener Flaeche --
   Erkannt an der Goldflaeche im Klassennamen, unabhaengig davon, ob
   der Baustein ein <a>, ein <button> oder ein <input> ist und ob er
   auf hellem oder dunklem Grund steht.

   Ruhend: Gold, Schrift dunkelblau, Radius 8px.
   Ueberfahren: Signal Amber, Schrift weiss.
   Gedrueckt: wie ueberfahren, sinkt zwei Pixel ein.

   Ausgemessen an der Schaltflaeche des 699-Euro-Angebots auf
   scheidungs-kompass.html, die Sascha als Massstab benannt hat:
   Flaeche #B8893C, Schrift #0F172A, Schriftschnitt fett, 16px,
   Polster 16px/32px, kein Rahmen, kein Unterstrich. Uebernommen sind
   Flaeche, Schriftfarbe, Verhalten beim Ueberfahren und der Radius;
   der Massstab selbst stand auf 6px und wird hier mit auf die 8px aus
   Abschnitt 2 gezogen, damit alle zwoelf Seiten dasselbe Mass tragen. */

[class*="bg-[#B8893C]"],
a.btn, a.knopf, a.cta, a.button{
  border-radius:var(--hm-radius-mittel) !important;
  color:var(--hm-dunkelblau) !important;
  text-decoration:none !important;
  transition:background-color .12s ease,color .12s ease,transform .06s ease
}
[class*="bg-[#B8893C]"]:hover, [class*="bg-[#B8893C]"]:focus,
[class*="bg-[#B8893C]"]:active,
a.btn:hover, a.knopf:hover, a.cta:hover, a.button:hover,
a.btn:focus, a.knopf:focus, a.cta:focus, a.button:focus{
  background-color:var(--hm-amber) !important;
  border-color:var(--hm-amber) !important;
  color:var(--hm-weiss) !important;
  text-decoration:none !important
}
[class*="bg-[#B8893C]"]:active,
a.btn:active, a.knopf:active, a.cta:active{transform:translateY(2px)}

/* Dasselbe fuer die Schaltflaechen, die ihre Goldflaeche im eigenen
   <style> tragen statt im Klassennamen. Sie werden hier ueber die
   Hausklassen erfasst; ihre Grundfarbe setzen die Seiten selbst. */
.btn:hover, .knopf:hover, .cta:hover, .button:hover,
button:hover, input[type=submit]:hover, input[type=button]:hover{
  background-color:var(--hm-amber) !important;
  color:var(--hm-weiss) !important
}

/* AUSNAHME: die zweite Reihe (.knopf-zweit, .btn.secondary, .knopf.still)
   ist weiss mit grauem Rahmen und wird beim Ueberfahren dunkelblau mit
   weisser Schrift - Hausmuster Abschnitt 4, zweiter Absatz. Ohne diese
   Ausnahme wuerde die Regel darueber auch sie golden ueberfahren. */
.knopf-zweit:hover, .btn.secondary:hover, .knopf.still:hover,
.knopf-zweit:focus, .btn.secondary:focus, .knopf.still:focus{
  background-color:var(--hm-dunkelblau) !important;
  border-color:var(--hm-dunkelblau) !important;
  color:var(--hm-weiss) !important
}

/* --- 8.3 · Bordeaux ist nur die Farbe des Logos ------------------
   Hausmuster Abschnitt 1, letzte Zeile: "#6B1D2F - nur im Logo, sonst
   nicht verwenden." Auf drei Seiten trug die HAUPTschaltflaeche diesen
   Ton als Flaeche, auf zweien zusaetzlich Text und Rahmen:
   vermoegens-tool.html (btnPrint, btnReset, acht "+ Position"),
   anwalts-fragebogen.html (btn-primary), anschreiben-generator.html
   (btnPdf). Die Seiten sind unten im Quelltext berichtigt; diese Regel
   ist das Netz darunter. */
.btn-primary, button.btn-primary{
  background:var(--hm-gold) !important;
  border-color:var(--hm-gold) !important;
  color:var(--hm-dunkelblau) !important
}
.btn-primary:hover, button.btn-primary:hover,
.btn-primary:focus, button.btn-primary:focus{
  background:var(--hm-amber) !important;
  border-color:var(--hm-amber) !important;
  color:var(--hm-weiss) !important
}

/* --- 8.4 · Auf hellem Untergrund traegt ein Verweis einen Unterstrich
   Hausmuster Abschnitt 3, Zeile zwei.

   NUR IM FLIESSTEXT. Der erste Versuch lautete "main a" mit einer
   Reihe von Ausnahmen. Er war zu grob: Im Pruefstand bekamen dadurch
   die acht Bereichsverweise auf vermoegens-tool.html einen
   Unterstrich, obwohl sie als Schaltflaechen gebaut sind - mit
   Rahmen, Flaeche und 44 Pixel Mindesthoehe. Der Grund ist die
   Spezifitaet: jedes :not(.klasse) zaehlt wie eine Klasse, sechs
   davon schlagen jede Regel der Seite selbst.

   Ein Verweis in einem Absatz, einer Aufzaehlung oder einer
   Tabellenzelle ist Fliesstext und bekommt den Unterstrich. Alles
   andere - Navigation, Schaltflaechen, Reiter - regeln die Seiten
   selbst; sie sind daran zu erkennen, dass sie eine eigene Flaeche
   oder einen Rahmen tragen, und das laesst sich in CSS nicht
   abfragen. Der dunkle Streifen ist ausgenommen; dort gilt
   Abschnitt 7 mit !important. */
p > a, td > a, dd > a, .upsell a{
  text-decoration:underline
}
/* Eine Schaltflaeche behaelt auch im Fliesstext keinen Unterstrich. */
p > a[class*="bg-"], p > a.btn, p > a.knopf, p > a.cta, p > a.button,
td > a[class*="bg-"]{
  text-decoration:none
}

/* Warum <li> NICHT dabei ist: Eine Aufzaehlung ist auf diesen zwoelf
   Seiten fast immer eine Navigation - die acht Bereichsverweise auf
   vermoegens-tool.html, die Schrittliste auf anwalts-fragebogen.html,
   die Fussleisten. Alle sind als Schaltflaeche gebaut, mit Rahmen und
   44 Pixel Mindesthoehe, und alle haetten mit "li > a" einen
   Unterstrich bekommen. Ein Verweis mitten im Fliesstext steht auf
   diesen Seiten in einem Absatz, nicht in einer Aufzaehlung. */

/* --- 8.5 · Das Logo, ein Mass fuer alle zwoelf Seiten -------------
   Vorgefunden: Kopfzeile 31px (bitte-bestaetigen, danke-download),
   36px (die drei Werkzeugseiten), 40px (die uebrigen sechs);
   Fusszeile 20px oder 24px. Hausmuster Abschnitt 6 nennt als Mass
   Kopfzeile 34px und Fusszeile 26px und verlangt zugleich "deutlich
   groesser als bisher". Gesetzt sind deshalb die 40px, die der
   Referenzstand (index.html, scheidungs-kompass.html) bereits traegt -
   groesser als jeder vorgefundene Wert und ueber dem Mindestmass des
   Hausmusters -, und in der Fusszeile die 26px aus Abschnitt 6. */
header img[src*="ASX-Logo"], .brandbar img[src*="ASX-Logo"],
.hdr img[src*="ASX-Logo"], .topbar img[src*="ASX-Logo"]{
  height:40px !important; width:auto !important; max-width:100%
}
footer img[src*="ASX-Logo"], .ftr img[src*="ASX-Logo"],
.site img[src*="ASX-Logo"]{
  height:26px !important; width:auto !important
}
/* Das grosse Logo der Startseite bleibt gross - Abschnitt 6, erster Satz. */
.hero img.logofull{height:auto !important}
/* Im Ausdruck bleibt es klein und blau - Abschnitt 6, letzter Satz. */
@media print{
  header img[src*="ASX-Logo"], .brandbar img[src*="ASX-Logo"],
  footer img[src*="ASX-Logo"]{height:14px !important}
}