/* Verwaltet vom Weiler IT Agent */
@font-face { font-family: "Red Hat Text"; src: url(red-hat-text.woff2) format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "Rajdhani"; src: url(rajdhani-700.woff2) format("woff2"); font-weight: 700; font-display: swap; }

body, input, select, textarea, button, .popover, .ui-dialog { font-family: "Red Hat Text", system-ui, sans-serif; }
h1, h2, .header-title, .ui-dialog-title, #layout-sidebar .header .header-title, .boxtitle { font-family: "Rajdhani", "Red Hat Text", sans-serif; font-weight: 700; letter-spacing: .01em; }

/* Leiste links */
#layout-menu { background: #18223a; }
#layout-menu .menu a, #layout-menu .popover-header { color: #c9d0dc; }
#layout-menu .menu a:hover { color: #fff; background: rgba(255,255,255,.06); }
#layout-menu .menu a.selected { color: #18223a; background: #2fd4bf; }
#layout-menu #logo { max-height: 44px; }

/* Hauptaktion */
.btn-primary, .button.mainaction, .btn.mainaction, .formbuttons .mainaction { background-color: #2fd4bf; border-color: #2fd4bf; color: #18223a; }
.btn-primary:hover, .button.mainaction:hover, .btn.mainaction:hover { background-color: #25b8a5; border-color: #25b8a5; color: #18223a; }

/* Auswahl und Fokus */
.listing li.selected, .listing tr.selected td, table.records-table tr.selected td { background-color: #e8faf7; color: #18223a; }
.listing li.focused, table.records-table tr.focused td { outline-color: #2fd4bf; }
input:focus, select:focus, textarea:focus, .form-control:focus, .custom-select:focus { border-color: #0a6c62; box-shadow: 0 0 0 .2rem #e8faf7; }
a, .link { color: #0a6c62; }

/* Anmeldung */
body.task-login { background: #18223a; }
body.task-login #layout-content { background: transparent; }
body.task-login #login-form { background: #fff; border-radius: 14px; padding: 2rem 2rem 1.5rem; box-shadow: 0 24px 60px rgba(0,0,0,.35); }
body.task-login #logo { max-height: 72px; margin-bottom: 1rem; }
body.task-login #login-footer, body.task-login #login-footer a { color: #c9d0dc; }