/* =====================================================================
   TerraSolution Branding fuer osTicket Kundenportal
   Farben:  Primaer #cc0000  |  Dunkel #a00000  (von terrasolution.de)
   Schrift: Open Sans
   ---------------------------------------------------------------------
   Diese Datei ueberschreibt gezielt die Standardfarben von osTicket.
   Sie wird NICHT von Updates ueberschrieben (eigener Dateiname).
   Nach einem groesseren osTicket-Update ggf. nur die <link>-Zeile in
   header.inc.php erneut einfuegen (siehe Anleitung).
   ===================================================================== */

/* ---- Schriftart: Open Sans (wie auf terrasolution.de) ---- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

body,
body #container,
#nav li a,
.button,
input, select, textarea {
  font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif !important;
}

/* ---- Kopfbereich: sauberer weisser Hintergrund ---- */
#header {
  background: #ffffff !important;
}

/* ---- Navigationsleiste: heller, mit rotem Akzent ---- */
#nav {
  background: #f5f5f5 !important;
  border-top: 2px solid #cc0000 !important;
  box-shadow: 0 2px 3px rgba(0,0,0,0.15) !important;
}
#nav li a {
  color: #333333 !important;
}
#nav li a.active,
#nav li a:hover {
  background-color: #cc0000 !important;
  color: #ffffff !important;
}

/* ---- Die beiden grossen Portal-Buttons auf TerraSolution-Rot ---- */
/* "Neues Ticket eroeffnen" (blau) + "Ticketstatus ueberpruefen" (gruen) */
.blue.button,
.blue.button:visited,
.green.button,
.green.button:visited,
.button,
.button:visited {
  background-color: #cc0000 !important;
}
.blue.button:hover,
.green.button:hover,
.button:hover {
  background-color: #a00000 !important;
}
/* Button-Text lesbar machen: weiss, ohne dunklen Schatten */
/* Hohe Spezifitaet (#content .klasse.klasse), damit sie die
   Regel "#content a { color:#cc0000 }" weiter unten schlaegt.
   Sonst waere der Button-Text rot auf rot = unsichtbar. */
#content .button,
#content a.button,
#content .blue.button,
#content .green.button,
#content .blue.button:visited,
#content .green.button:visited,
.button,
.button:visited,
.blue.button,
.green.button,
.blue.button:visited,
.green.button:visited {
  color: #ffffff !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

/* ---- Formular-Buttons (Absenden etc.) ---- */
input[type="submit"],
input[type="button"],
button.action-button,
.pull-right .action-button {
  background-color: #cc0000 !important;
  border-color: #cc0000 !important;
  color: #ffffff !important;
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #a00000 !important;
}

/* ---- Links im Inhaltsbereich ---- */
#content a,
#content a:link,
#content a:visited,
.pagenav a {
  color: #cc0000 !important;
}
#content a:hover {
  color: #a00000 !important;
}

/* ---- Ueberschriften ---- */
#content h1,
#content h2,
#content h3,
#landing_page h1,
#landing_page h2,
#landing_page h3 {
  color: #333333 !important;
}

/* ---- "Anmelden / Gast"-Bereich oben rechts ---- */
#header a,
#header a:link,
#header a:visited {
  color: #cc0000 !important;
}