html {
  color: #333333;
}

.background-primary-color {
  background-color: #3363b5;
}

footer {
  color: white;
  background-color: #193970;
}

.h1-marker-color {
  color: rgb(75, 200, 231);
}

.font-white {
  color: white;
}

.background-white {
  background-color: white;
}

.chip {
  background-color: #3363b5;
  color: white;
}

.read-more-button {
  color: white !important;
  box-shadow: 2px 2px 2px rgb(92, 92, 92);
}
.read-more-button:hover {
  box-shadow: 6px 6px 4px rgb(61, 61, 61);
}
.read-more-button::before {
  background-color: #0c3e94;
}
.read-more-button::after {
  background-color: #dd3112;
}

.link-button {
  color: white !important;
  background-color: #3363b5;
  box-shadow: 2px 2px 2px rgb(92, 92, 92);
}
.link-button:hover {
  box-shadow: 6px 6px 4px rgb(61, 61, 61);
}

.top-news {
  background-color: white;
  box-shadow: 2px 2px 2px rgb(92, 92, 92);
}
.top-news:hover {
  box-shadow: 6px 6px 4px rgb(61, 61, 61);
}

.article-sub-headline {
  border-bottom: solid 2px #d10606;
}

.grid-cell {
  background-color: #f6f6f6;
}

.archive_date {
  color: #000077;
  font-size: 90%;
  font-weight: bold;
}

.archive_title {
  color: #444444;
}

.archive_text {
  font-size: 90%;
  color: #000000;
}


#mobile-navi-icon {
  color: #fff;
  background-color: rgb(36, 194, 186);
}

#mobile-navi-icon span,
#mobile-navi-icon span::before,
#mobile-navi-icon span::after {
  background: #fff;
}

#mobile-navi-content {
  background: #fff;
}