:root {
  --primary: #007cbc;   /* blue #197cbd */
  --secondary: #288836; /* green #298836 */
  --accent: #63b9e9;    /* light-blue */
  --tertiary: #D4EAFA; /* very-light-blue */
  --text: #5B5552;
}

.language_wrapper {
    border-color: var(--primary);
    height: unset;;
}

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

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

._c_button a, ._c_buttons a, .Button {
    background-color: var(--primary) !important;
    color: #fff;
}

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

.Article.ArticleTeaser .Article-link b {
    border-color: var(--secondary);
}

.Article-bd._c_button:not(.custom) a {
    color: #fff !important;
}
.Article-bd._c_button:not(.custom-bg) a {
    background-color: var(--primary) !important;
}

.Article-hd-hgroup.has_figure:not(.custom) {
    background-color: var(--primary) !important;
}

.Article-hd-hgroup.has_figure:not(.custom-border) {
    border-color: var(--secondary) !important;
}

.index .Article.ArticleHeader .Article-hd-hgroup {
  transform: unset;
  border-radius: unset;
  margin: 0 0 4rem 0 !important;
  width: 100%;
  border-top: none;
  background-color: var(--accent);
  display: flex;
  justify-content: center;
  align-items: center;
}

.index .Article.ArticleHeader .Article-hd-hgroup img {
  max-width: 400px;
  width: 100%;
}

.index .Article.ArticleHeader .Article-hd-hgroup h1.hd {
  font-size: 30px;
  text-align: left;
}

.index .Mod .Mod-intro {
  font-size: 22px;
  padding-bottom: 3rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid var(--accent);
}

.index-bottom .Mod .Mod-intro {
  font-size: 26px;
  border-bottom: none;
  line-height: 34px;
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-bottom: 0;
}

.index .ArticleGlossary {
  margin-bottom: 0;
}

.index ._c_spalten, .has_cols.ArticleList-col {
  flex-direction: column;
}

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

.ListArticles.ListArticlesTestimonial.has_cols:not(.custom) {
    background-color: var(--tertiary) !important;
}

.ListArticles.ListArticlesTestimonial.has_cols h1.Article-hd:not(.custom) {
    color: var(--primary) !important;
}

.ListArticles.ListArticlesTestimonial.has_cols h1.Article-hd:not(.custom-border) {
    border-color: var(--secondary) !important;
}

.ListArticles.ListArticlesTestimonial.has_cols .Article-intro:not(.custom) {
    color: #5b5552 !important;
}

._c_hellblau:not(.custom) {
    background-color: var(--tertiary) !important;
}

.Article._c_fullwidth._c_gelb._c_anschliessend:not(.custom) {
    background-color: var(--primary) !important;
}

.Article._c_fullwidth._c_gelb._c_anschliessend h1.hd:not(.custom),
.Article._c_fullwidth._c_gelb._c_anschliessend h2.hd-sub:not(.custom) {
    color: #fff !important;
}

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

.ModContact-contacts .ModContact-contact:not(.custom) figure img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7426%) hue-rotate(138deg) brightness(122%) contrast(116%) !important;
}

.ModGlossary .ArticleTeaser .Article-hd {
  color: #fff;
  background-color: var(--secondary);
  padding-top: 1rem;
  font-size: 24px;
}

.Article.ArticleTeaser .Article-link b {
  border-color: transparent;
}

.ModGlossary .Article.ArticleTeaser::after {
  background-color: var(--secondary);
  height: 1rem;
}

.Form-fieldset.Form-fieldsetButtons button.Button.ButtonExt:not(.custom) {
    color: #fff !important;
}

.Form-fieldset.Form-fieldsetButtons button.Button.ButtonExt:not(.custom-bg) {
    background-color: var(--primary) !important;
}
.filterform-text {
  font-size: 28px;
  color: var(--accent);
}
.filterform {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1.5rem;
}
.filterform input[type="submit"] {
  cursor: pointer;
  text-transform: none;
}

.filterform input[type="submit"]::after {
  content: '>';
  color: #fff;
}

.filterform input[type="text"]{
  margin: 0 1rem;
}

.helpText {
    color: #fff;
}

.Footer {
    background-color: var(--tertiary);
    color: #000;
}

.Footer a:link, .Footer a:hover, .Footer a:focus, .Footer a:active {
    color: #000;
}

.Footer-col-logo {
    display: none;
}



.c_button_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

._c_button.login a {
    padding: 1.6em 3.75em;
}

.header-bar-logo {
  width: 200px;
}

.language_wrapper .flex-wrapper {
  text-align: left;
}

.community-teaser-data {
  position: absolute;
  padding: 20px;
  bottom: 50px;
}

.community-price {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: bold;
  display: block;
}

.language_wrapper .button-wrapper .login-button {
    display: flex;
    margin: 0 15px;
    position: static;
    margin: 0;
    margin-bottom: 10px;
  }

.not-available {filter: grayscale(100%);}


@media only screen and (min-width: 500px){
  .language_wrapper .button-wrapper {
    display: flex;
  }
  .language_wrapper .button-wrapper .login-button {
    flex-direction: column;
    margin: 0 15px;
  }
}

@media only screen and (min-width: 767px) {
    .Logo-figure-item {
        position: absolute;
        top: 30px;
    }
    .index .Article.ArticleHeader .Article-hd-hgroup h1.hd {
      margin-left: 3rem;
    }
    .flex-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .index ._c_spalten, .has_cols {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 40px;
    }
    .Figure.Article-figure {
        height: 50vw;
    }
    .ModGlossary .ArticleList-col .ArticleTeaser .Article-hd {
      background-color: unset;
      color: var(--primary);
    }
}

@media only screen and (max-width: 766px) {
    .Logo-figure-item {
        background-color: #fff;
        border-radius: 100px;
        padding: 10px;
    }
    .index .Article.ArticleHeader .Article-hd-hgroup {
      display: block;
    }
    .ModGlossary .Article.ArticleTeaser::after {
      content: unset;
    }
    .ModGlossary .ArticleTeaser .Article-hd {
      padding: 1rem;
    }
    .ModGlossary .ArticleList-col .ArticleTeaser .Article-hd {
      margin-bottom: 1rem;
      padding: .5rem;
    }
}

@media only screen and (min-width: 641px) {
    ._c_button.register {
        margin-right: 1em;
    }
}

@media only screen and (min-width: 888px) {
    .index ._c_spalten, .has_cols {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 40px;
    }
    .Figure.Article-figure {
        height: 12vw;
    }
}

@media only screen and (min-width: 1440px) {
    .Figure.Article-figure {
        height: 200px;
    }
}

/* ---------------------- BACKEND ------------------- */
#app .side-nav {
  background-color: #fff !important;
  color: var(--primary);
}
#app nav.navbar.secondary-color {
  background-color: var(--primary) !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: var(--primary);
}
#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(--primary);
}
#app .md-form input:focus {
  border-bottom: 1px solid var(--primary);
  box-shadow: 0 1px 0 0 var(--primary);
}
#app .md-form.md-outline input[type=text]:focus:not([readonly]) {
  border-color: var(--primary);
}
#app .md-form:focus-within>label {
   color: var(--primary);
}

#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(--primary) !important;
}
#app .btn-secondary {
  background-color: var(--text) !important;
}
#app .btn-outline-info,
#app .btn-outline-default,
#app .btn-outline-default:active,
#app .btn-outline-default:focus {
    border-color: var(--primary) !important;
}
#app .btn-outline-info:active,
#app .btn-outline-info:focus {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

#app .btn-primary {
  background-color: var(--primary) !important;
}
#app .btn-primary.savebutton {
    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-primary:focus,
#app .btn-outline-secondary:focus {
  border-color: var(--secondary) !important;
}
#app .btn-outline-primary:active:focus,
#app .btn-outline-secondary:active:focus {
  color: var(--secondary) !important;
}
#app .btn-default {
  background-color: var(--primary) !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(--primary);
}
#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 .notification-card.new {
  background-color: var(--secondary) !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(--secondary) !important;
}

#app .card-header {
  font-weight: bold;
}

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

#app .language-selector {
  display: none;
}

#app .form-check-input:disabled~.form-check-label,
#app .form-check-input[disabled]~.form-check-label {
  color: #6c757d !important;
}

#app .form-check-input[type=checkbox]:checked:disabled+label:before,
#app label.btn input[type=checkbox]:checked:disabled+label:before {
  border-bottom: 2px solid #bdbdbd !important;
  border-right: 2px solid #bdbdbd !important;
}