html {
  color: #333333;
}

.background-primary-color {
  background-color: #5181bc;
}

.background-primary-color_blue {
  background-color: #2d65c1;
}

.background-primary-color_light {
  background-color: #fff0cd;
}


footer {
  color: #444444;
  background-color: #c9eace;
}

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

.font-white {
  color: white;
}

.font-blue {
  color: #1c5d9a;
}

.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;
}

#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;
}