/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../custom/fonts/noto-sans-v39-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../custom/fonts/noto-sans-v39-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../custom/fonts/noto-serif-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-serif-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../custom/fonts/noto-serif-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

select.language-selector {
    display: none !important;
}

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

:root {
  --primary: #28323C;        
  --on-primary: #FFFFFF;
  --secondary: #FFFFFF;
  --on-secondary: #28323C; 
  --secondary-border: #28323C;
  --tertiary: #B4C3AA;
  --link-body: #0080FF;
  --link-footer: #7E848A;
}

body {
  font-family: 'Noto Sans', 'sans-serif' !important;
  color: var(--primary);
  font-size: 1rem;
}

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

a {
  color: var(--link-body);
}

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

.language_wrapper {
  border: none;
  box-shadow: none;
  top: 30px;
  border-bottom: 1px solid #d4d6d8;
  height: unset;
  }

.language_wrapper > div {
  max-width: 100%;
}

.language_wrapper .logo img {
  max-width: 400px;
  width: 100%;
}

.login-button .flagfont {
  color: var(--primary);
  text-decoration: none;
}

._c_button a, ._c_buttons a, .Button {
  text-transform: initial;
}

.Mod .Mod-intro {
  text-align: left;
}

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

.Article.ArticleHeader .Article-hd-image {
  background-position: unset;
}

.Article.ArticleHeader.index .Article-hd-hgroup,
.Article.ArticleHeader .Article-hd-hgroup:not(.custom) {
  background-color: var(--tertiary) !important;
  border-radius: unset !important;
  border: none !important;
  color: var(--primary) !important;
}

.Article.ArticleHeader.index .Article-hd-hgroup .hd {
  font-size: 3rem;
  font-family: 'Noto Serif', serif;
}

.ModGlossary .Article.ArticleTeaser a {
  color: var(--primary);
}

.ModGlossary .ArticleTeaser .Article-hd {
  color: var(--primary);
  font-weight: normal;
}

.Article.ArticleTeaser .Article-link b {
  display: none;
}

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

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

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

.Article._c_fullwidth._c_gelb._c_anschliessend h1.hd,
.Article._c_fullwidth._c_gelb._c_anschliessend h2.hd-sub {
  color: var(--primary) !important;
}

.ListArticles.ListArticlesTestimonial.has_cols:not(.custom) {
  background-color: #fff;
}

.Article._c_hellblau._c_fullwidth._c_anschliessend {
  display: none !important;
}

.ModGlossary-Articlelist.has_cols {
  justify-content: center;
}

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

.ModContact-contact:not(.custom) a img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(10%) saturate(1564%) hue-rotate(169deg) brightness(98%) contrast(85%);
}

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

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

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

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

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

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

.helpText {
  color: var(--on-primary);
  background-color: var(--primary);
}

.Footer {
  background-color: #fff;
  padding: 1.5rem 1rem;
  color: var(--link-footer);
}

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

.Footer a:link::after,
.Footer a:visited::after {
  content: unset;
}

.Footer a:hover,
.Footer a:focus,
.Footer a:active {
  text-decoration: underline;
}

.social-links {
  display: flex;
  justify-content: flex-start;
  max-width: 200px;
}

@media screen and (min-width:768px){
  .Article.ArticleHeader.index .Article-hd-hgroup {
      max-width: 680px;
      margin-left: 3rem;
      width: 77vw;
  }
}

@media screen and (max-width: 767px){
  .language_wrapper > div {
    flex-direction: column;
    align-items: flex-start !important;
    row-gap: 10px;
  }
}

/* ---------------------- BACKEND ------------------- */
#app .side-nav {
  background-color: var(--primary) !important;
  color: var(--on-primary);
}
#app nav.navbar.secondary-color {
  background-color: var(--secondary) !important;
  color: var(--on-secondary);
}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
  color: var(--on-secondary);
}
#app .side-nav .collapsible a,
#app .navbar.navbar-dark .breadcrumb .nav-item .nav-link {
   color: var(--on-primary);
}
#app .navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover,
#app .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
  color: var(--primary);
}
#app .navbar-toggler {
  filter: brightness(0);
}
#app .kratos_page_title {
  color: var(--primary);
}
#app button.btn:not(.btn-primary){
  background-color: var(--secondary) !important;
  color: var(--on-secondary) !important;
  border: 2px solid var(--secondary-border) !important;
}
#app button.btn.btn-flat {
  border: none !important;
}
#app button.btn-primary, #app button.btn-outline-dark-green {
  background-color: var(--primary) !important;
  color: var(--on-primary) !important;
}
#app button.btn-primary i {
  color: var(--on-primary) !important;
}
#app .btn-ms {
  padding: .43rem 1.5rem !important;
}
#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;
  color: var(--on-primary) !important;
}
#app .btn-secondary {
  background-color: var(--secondary) !important;
  color: var(--on-secondary);
  border: 2px solid var(--secondary-border);
}

#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 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(--primary);
}
#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: #7E848A;
  color: var(--on-primary);
}
#app .multiselect__option--selected.multiselect__option--highlight {
  background-color: var(--primary);
  color: var(--on-primary);
}
#app .multiselect__option--selected {
  background-color: var(--primary);
  color: var(--on-primary);
}

#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 .dz-default.dz-message:not(.dz-drag-hover .dz-default.dz-message) {
  color: var(--primary);
}
#app .progress-notifications .text-white span {
  color: #fff !important;
}

button[type="button"] {
  text-transform: initial;
  border-radius: 4px;
}

@media screen and (max-width: 639px){
  #app .kratos_page_title {
    color: var(--on-primary);
  }
}