/* Roboto Font */

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
}

/* Global font */

body,
.ui,
.ui.button,
.ui.header,
input,
textarea,
select {
  font-family: "Roboto", sans-serif !important;
}

/* Branding */

:root {
  --hwe-blue: #032ca6;
}

.ui.button.primary {
  background: var(--hwe-blue) !important;
  color: #ffffff !important;
}

.hwe-title {
  color: var(--hwe-blue) !important;
}

/* Header / top navigation */

#navbar,
.following.bar,
.following.bar.light,
.ui.menu {
  background: var(--hwe-blue) !important;
}

#navbar .item,
#navbar a,
.following.bar .item,
.following.bar a,
.following.bar.light .item,
.following.bar.light a,
.ui.menu .item,
.ui.menu a {
  color: #ffffff !important;
}

/* Footer */

.page-footer {
  background: var(--hwe-blue) !important;
}

.page-footer,
.page-footer a,
.page-footer .item,
.page-footer * {
  color: #ffffff !important;
}

/* Hauptseite */

.page-content.home {
  background: #ffffff !important;
}

.page-content.home h1 {
  color: var(--hwe-blue) !important;
}

.page-content.home p {
  color: var(--hwe-blue) !important;
}

/* Seitenhintergrund */

body,
.page-content {
  background: #ffffff !important;
}

/* Login-Seite */

.page-content.signin {
  background: #ffffff !important;
}

.page-content.signin h1,
.page-content.signin h2,
.page-content.signin label {
  color: var(--hwe-blue) !important;
}

.page-content.signin .ui.button.primary {
  background: var(--hwe-blue) !important;
  color: #ffffff !important;
}

.page-content.signin .ui.form input {
  border-color: var(--hwe-blue) !important;
}

/* Login Hintergrund */

body:has(.page-content.signin),
.page-content.signin,
.full.height {
  background: #ffffff !important;
}

/* Login Hintergrund */

.full.height {
  background: #ffffff !important;
}

.full.height .page-content.signin {
  background: #ffffff !important;
}

/* Login-Seite */

.page-content.user.signin,
.page-content.user.signin .ui.container,
.page-content.user.signin .ui.grid,
.page-content.user.signin .column,
.page-content.user.signin .ui.segment {
  background: #ffffff !important;
}

/* Login Panel und Eingabefelder */

.page-content.user.signin .ui.segment {
  background: #ffffff !important;
}

.page-content.user.signin .ui.header {
  background: #ffffff !important;
  color: var(--hwe-blue) !important;
}

.page-content.user.signin .ui.form input {
  background: #ffffff !important;
  border: 1px solid var(--hwe-blue) !important;
  color: var(--hwe-blue) !important;
}

.page-content.user.signin .ui.form input:focus {
  border-color: var(--hwe-blue) !important;
  box-shadow: 0 0 0 1px var(--hwe-blue) !important;
}