:root {
  --text: #505558;
  --primary: #0E585B;
  --secondary: #FF7F41; /* orange */
  --accent: #51A3A3; /* light teal */
  --highlight1: #258875; /* green */
  --highlight2: #CD0045; /* red */
  --highlight3: #D9A300; /* yellow */
}

body {
  color: var(--text);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--primary);
}

a {
  color: var(--accent);
}

a:hover, a:focus, a:active {
  color: var(--primary);
}

header .Logo-figure-item {
  position: absolute;
  top: 20px;
}

.Article .Article-hd {
  color: var(--accent);
}

.Article.ArticleFeature .Article-hd {
  color: var(--accent);
}

.Article.ArticleTestimonial .Article-hd, .Article.ArticleTestimonial .Article-intro {
  color: var(--accent);
}

.language_wrapper {
  border-top-color: var(--accent);
}

._c_button a, .Button {
  background-color: var(--secondary);
  color: #fff;
}

.helpText {
  color: #fff;
  background-color: var(--accent) !important;
}

.info-modal {
  border-color: var(--accent);
}

.text-error {
  color: var(--highlight2);
}

.Form .Label {
  color: var(--accent);
}

.Form .Field:hover {
  border-color: var(--accent);
}

.Form .Field:focus {
  border-color: var(--accent);
  color: inherit;
  outline: 1px solid var(--accent);
}

.filterform input[type=text]:hover {
    border-color:var(--accent);
}
.filterform input[type=text]:focus-visible {
    outline:1px solid var(--accent);
}
.filterform input[type=text]:focus {
    border:1px solid var(--accent);
}

.filterform input[type=submit] {
  background-color: var(--secondary);
  color: #fff;
}

.filterform {
    border-color: var(--primary);
}

.Footer {
  background-color: #dedfe3;
  color: inherit;
}

.Footer a:link, .Footer a:visited {
  color: var(--accent);
}


.ArticleTestimonial h1:not(.custom) {
  color: var(--secondary) !important;
}
.ArticleTestimonial h1:not(.custom-border) {
  border-top-color: var(--primary) !important;
}
.ArticleTestimonial .Article-intro:not(.custom) {
  color: var(--text) !important;
}

.ListArticles.ListArticlesTestimonial.has_cols:not(.custom),
.Article._c_anschliessend:not(.custom) {
  background-color: #f7f8f8 !important;
}

.Article._c_anschliessend._c_gelb:not(.custom){
  background-color: var(--secondary) !important;
}
.Article._c_anschliessend._c_gelb h1:not(.custom),
.Article._c_anschliessend._c_gelb h2:not(.custom) {
  color: #fff !important;
}

.ModContact-contact:not(.custom) a {
  color: #fff !important;
}

.ModContact-contact figure img {
    filter: brightness(0) saturate(100%) invert(25%) sepia(96%) saturate(347%) hue-rotate(134deg) brightness(94%) contrast(100%);
}

.Article.ArticleHeader .Article-hd-hgroup.has_figure:not(.custom) {
  background-color: var(--primary) !important;
  color: #fff !important;
  border-top-color: var(--secondary) !important;
}

.Article.ArticleHeader .Article-hd-hgroup {
    background-color: var(--primary);
    border-color: var(--secondary);
}

.Article.ArticleHeader .Article-hd-hgroup .hd-intro:not(.custom) {
  color: #fff !important;
}

.ModGlossary .ArticleTeaser .Article-hd, .ModGlossary .ArticleTeaser .Article-intro {
  color: var(--secondary);
}

._c_button:not(.custom) a, .Button:not(.custom) {
  color: #fff !important;
}
._c_button:not(.custom-bg) a, .Button:not(.custom-bg) {
  background-color: var(--secondary) !important;
}

.language-selector {
  background-color: var(--secondary) !important;
  color: #fff !important;
}

.Figure.Article-hd-hgroup-figure img.Figure-media {
  background-color: #fff !important;
  padding: 1rem !important;
  border-radius: 10px !important;
}

@media screen and (max-width: 767px){
  header .Figure.Logo {
    background-color: #fff;
    border-radius: 100%;
  }
  header .Logo-figure-item {
    position: static;
  }
}

/* ---------------------- BACKEND ------------------- */
#app .side-nav {
  background-color: var(--primary) !important;
  color: #fff;
}
#app nav.navbar.secondary-color {
  background-color: var(--accent) !important;
  color: #fff;
}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
  color: #fff;
}
#app .side-nav .collapsible a,
#app .navbar.navbar-dark .breadcrumb .nav-item .nav-link {
   color: #fff;
}
#app .navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover,
#app .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
  color: #fff;
}
#app .language-selector {
  background-color: var(--primary) !important;
  color: #fff !important;
}
#app .md-form .prefix.active {
  color: var(--secondary);
}
#app .md-form input:focus {
  border-bottom: 1px solid var(--accent);
  box-shadow: 0 1px 0 0 var(--accent);
}
#app .md-form.md-outline input[type=text]:focus:not([readonly]) {
  border-color: var(--accent);
}
#app .md-form:focus-within>label {
   color: var(--accent);
}
#app .md-form input[checked]~label,
#app .md-form input[type=checkbox].checked~label,
#app .md-form label.active,
#app .md-form label.unchangeableActive,
#app .md-form label.unchangeableActiveMd, .md-form label.unchangeableActiveSM {
  color: var(--primary);
}
#app .form-control {
  color: var(--text);
}
#app .btn-secondary:not([disabled]):not(.disabled).active,
#app .btn-secondary:not([disabled]):not(.disabled):active,
#app .show>.btn-secondary.dropdown-toggle {
  background-color: var(--secondary) !important;
}
#app .btn-secondary {
  background-color: var(--text) !important;
}
#app .btn-outline-info {
  border-color: var(--accent) !important;
}
#app .btn-outline-danger {
  border-color: var(--highlight2) !important;
  color: var(--text);
}
#app .btn-primary {
  background-color: var(--secondary) !important;
}
#app .btn-outline-primary,
#app .btn-outline-secondary,
#app .btn-outline-primary:active,
#app .btn-outline-secondary:active,
#app .btn-outline-default:active,
#app .btn-outline-info:active,
#app .btn-outline-primary:focus,
#app .btn-outline-secondary:focus,
#app .btn-outline-default:focus,
#app .btn-outline-info:focus {
  border-color: var(--secondary) !important;
}
#app .btn-outline-primary:active:focus,
#app .btn-outline-secondary:active:focus,
#app .btn-outline-info:active:focus,
#app .btn-outline-default:active:focus {
  color: var(--secondary) !important;
}
#app .btn-default {
  background-color: var(--highlight1) !important;
}
#app .btn-danger {
  background-color: var(--highlight2) !important;
}
#app .btn-dark-green {
  background-color: var(--secondary) !important;
}
#app .btn-outline-dark-green {
  border-color: var(--secondary) !important;
}
#app .form-check-input[type=checkbox]:checked+label:before,
#app label.btn input[type=checkbox]:checked+label:before {
  border-color: transparent var(--primary) var(--primary) transparent !important;
}
#app .multiselect__option--highlight {
  background-color: var(--accent);
}
#app .multiselect__option--selected.multiselect__option--highlight {
  background-color: var(--primary);
}
#app .multiselect__option--selected {
  background-color: #f7f8f8;
}

#app .form-check-input[type=radio].with-gap:checked+label:after,
#app .form-check-input[type=radio].with-gap:checked+label:before,
#app .form-check-input[type=radio]:checked+label:after,
#app label.btn input[type=radio].with-gap:checked+label:after,
#app label.btn input[type=radio].with-gap:checked+label:before,
#app label.btn input[type=radio]:checked+label:after {
  border-color: var(--primary);
}
#app .form-check-input[type=radio].with-gap:checked+label:after,
#app .form-check-input[type=radio]:checked+label:after,
#app label.btn input[type=radio].with-gap:checked+label:after,
#app label.btn input[type=radio]:checked+label:after {
  background-color: var(--primary);
}
#app .invalid-feedback,
#app .md-form .form-control.is-invalid {
  color: var(--highlight2) !important;
}
#app .notification-card.new {
  background-color: var(--accent) !important;
}
#app .notification-card.new * {
  color: #fff !important;
}
#app .notification-card.new button {
  border-color: #fff !important;
}
#app .md-toast-info {
  background-color: var(--accent) !important;
}
#app .md-toast-success {
  background-color: var(--highlight1) !important;
}

#app .text-white h3 {
  color: #fff !important;
}

#app .dz-default.dz-message:not(.dz-drag-hover .dz-default.dz-message) {
    color: var(--primary);
}