/* ============================================
   AXIANS CI – Custom CSS für statuspage.io
   Erstellt im Rahmen der IPA 2026
   Michel Schmid – Axians IT Services AG
   ============================================ */
 
/* --- FARB-REFERENZ (Axians Graphic Guidelines 2025) ---
   Axians Blue:    #005EB8 (Pantone 300C) – Hauptfarbe
   Axians Magenta: #A20067 (Pantone 234C) – Akzentfarbe
   Textfarbe:      #1F1F1F (Dunkelgrau)
   ================================================== */
 
/* 1. SCHRIFT – Arial als Fallback für Vinci Sans */
body,
h1, h2, h3, h4, h5, h6,
p, span, a, div {
  font-family: Arial, Helvetica, sans-serif !important;
}
 
/* 2. SUBSCRIBE-BUTTON AUSBLENDEN
   Audience-Specific Page: Subscriber werden eingeladen,
   nicht selbst registriert. Button nicht nötig. */
.updates-dropdown-container {
  display: none !important;
}
 
/* 3. LINKS – Axians Blue */
a {
  color: #005EB8 !important;
}
 
/* 4. TEXTFARBE – Dunkelgrau gemäss CI */
body {
  color: #1F1F1F !important;
}
 
/* 5. "OPERATIONAL" STATUS-TEXT – Axians Blue */
.component-status {
  color: #005EB8 !important;
}
 
/* 6. STATUS-BANNER – "All Systems Operational"
   .page-status ist der grosse Balken oben.
   .status-none = alle Services laufen normal.
   Standard-Grün wird auf Axians Blue geändert. */
.page-status.status-none {
  background-color: #005EB8 !important;
}
 
/* 7. MAJOR OUTAGE – Axians Magenta statt Rot
   Bei einer schweren Störung zeigt statuspage.io
   den Banner normalerweise in Rot (#DC3545).
   Gemäss CI ersetzen wir das durch Axians Magenta. */
.page-status.status-major {
  background-color: #A20067 !important;
}
 
/* 8. SEITENTITEL AUSBLENDEN
   Das Logo im Custom Header zeigt bereits den
   Firmennamen. Doppelte Anzeige vermeiden. */
.masthead {
  display: none !important;
}
 
/* 9. STANDARD-FOOTER AUSBLENDEN
   Der Footer "Powered by Atlassian Statuspage" hat
   die Klasse .page-footer. Da wir einen eigenen
   CI-konformen Footer im Custom footer HTML haben,
   blenden wir den Standard-Footer komplett aus. */
.page-footer {
  display: none !important;
}