:root {
  font-size: 16px; }

body {
  background-color: #ecdfcb;
  font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
  color: #003056;
  margin: 0; }

h1 {font-family: Arvo, serif;
   	color: #003056;}
h2 {font-family: Arvo, serif;
   	color: #003056;}
h3 {font-family: Arvo, serif;}

hr {color: #810a1a;}

a: {text-decoration: none;}
a:hover {text-decoration: underline; }

img {
  max-width: 100%; }

.l-page {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .l-page {
      flex-direction: row;
      max-width: 1200px;
      margin: 0 auto; } }
  .l-page__content {
    width: 100%;
    background-color: #ffffff; }
    @media screen and (min-width: 768px) {
      .l-page__content {
        width: 90%; } }

.m-header {
  background-color: #ffffff; }
  .m-header__content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex; }
    .m-header__content--logo {
      position: relative;
      bottom: -18px;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .m-header__content--logo {
          margin-left: 1.5rem; } }
    .m-header__content--banner {
      position: relative;
      display: none;
      margin: 15px 5px 15px auto; }
      @media screen and (min-width: 768px) {
        .m-header__content--banner {
          display: inline-flex;
          margin-right: 0; } }
  .m-header__footer {
    min-height: 18px;
    width: 100%;
    border-top: 3px solid #810a1a;
    background-color: #ecdfcb; }
    .m-header__footer--inner {
      display: none;
      flex-direction: row;
      max-width: 1200px;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .m-header__footer--inner {
          display: flex; } }
      .m-header__footer--inner-dummy {
        width: 17.5%;
        min-width: 229px; }
      .m-header__footer--inner-breadcrumb {
        padding: 2.5px 25px;
        overflow: hidden;
        display: flex; }
        .m-header__footer--inner-breadcrumb span {
          margin-right: 5px; }
        .m-header__footer--inner-breadcrumb ul {
          list-style: none;
          margin: 0;
          padding: 0; }
          .m-header__footer--inner-breadcrumb ul li {
            display: inline; }
            .m-header__footer--inner-breadcrumb ul li a {
              color: black;
              text-decoration: none; }
              .m-header__footer--inner-breadcrumb ul li a:hover {
                text-decoration: underline; }
          .m-header__footer--inner-breadcrumb ul li:not(:last-child):after {
            content: ">"; }

.m-navbar {
  background-color: black;
  color: white;
  display: flex;
  flex-direction: column; }
  .m-navbar-red {
    background-color: #cc1f2f; }
  .m-navbar-blue {
    background-color: #5294de; }
  .m-navbar-green {
    background-color: #00823c; }
  .m-navbar-yellow {
    background-color: #ff6400; }
  .m-navbar-grey {
    background-color: #c7bdad; }
	}
  @media screen and (min-width: 768px) {
    .m-navbar {
      width: 19%;
      min-width: 229px; } }
  .m-navbar__mainItems {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px; }
    .m-navbar__mainItems--headline {
      font-size: 0.95rem; }
    .m-navbar__mainItems--toggleIcon {
      cursor: pointer; }
      .m-navbar__mainItems--toggleIcon div {
        width: 35px;
        height: 5px;
        background-color: white;
        margin: 5px 0; }
  @media screen and (max-width: 768px) {
    .m-navbar .e-list {
      display: none; }
    .m-navbar .visible {
      display: block; } }
  @media screen and (min-width: 768px) {
    .m-navbar > .e-list {
      display: block; }
    .m-navbar .mobile {
      display: none; } }

.bg {
  background-color: white; }
  .bg-red, .bg-red ul {
    background-color: #cc1f2f; }
  .bg-blue, .bg-blue ul {
    background-color: #2f53a7; }
  .bg-green, .bg-green ul {
    background-color: #00823c; }
  .bg-yellow, .bg-yellow ul {
    background-color: #ff6400; }
  .bg-grey, .bg-grey ul {
    background-color: #c7bdad; }
  @media screen and (max-width: 768px) {
    .bg-red.dropdown--expanded > .dropdown--link {
      background-color: #cc1f2f; }
    .bg-blue.dropdown--expanded > .dropdown--link, .bg-blue .dropdown--expanded > .dropdown--link {
      background-color: #2f53a7; }
    .bg-green.dropdown--expanded > .dropdown--link, .bg-green .dropdown--expanded > .dropdown--link {
      background-color: #00823c; }
    .bg-yellow.dropdown--expanded > .dropdown--link, .bg-yellow .dropdown--expanded > .dropdown--link {
      background-color: #ff6400; }
    .bg-grey.dropdown--expanded > .dropdown--link, .bg-grey .dropdown--expanded > .dropdown--link {
      background-color: #c7bdad; } }

.m-main {
  width: 100%;
  padding: 0 25px 15px;
  box-sizing: border-box; }

.m-footer {
  border: none;
  border-top: 1px solid black;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px 25px; }
  @media screen and (min-width: 768px) {
    .m-footer {
      flex-direction: row; } }
  .m-footer__details {
    color: black;
    text-align: center; }
  .m-footer__list {
    list-style: none;
    margin: 15px 0 0;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .m-footer__list {
        margin: 0; } }
    .m-footer__list li {
      display: inline; }
      .m-footer__list li a {
        text-decoration: none;
        color: black; }
    .m-footer__list li:not(:last-child):after {
      content: "|"; }

.e-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .e-list__item--link {
    cursor: pointer; }
  @media screen and (max-width: 768px) {
    .e-list__item .dropdown--expanded > .e-list {
      display: block;
      overflow: hidden;
      padding-left: 25px; } }
  .e-list__item a {
    display: inline-block;
    padding: 15px;
    color: white;
    text-decoration: none; }
  @media screen and (min-width: 768px) {
    li > .e-list {
      border-left: 1px solid black; }
    .e-list__item ~ .dropdown--expanded > .e-list {
      padding-left: 0; } }

.e-row {
  display: flex;
  flex-direction: column;
  margin: 1rem 0; }
  @media screen and (min-width: 768px) {
    .e-row {
      flex-direction: row;
      justify-content: space-between; }
      .e-row__column:not(:first-of-type) {
        padding-top: 0 !important; }
      .e-row__column--bigger {
        width: 150%; } }
  .e-row__column {
    width: 100%; }
    .e-row__column > img {
      width: 100%;
      height: auto; }
    .e-row__column:not(:first-of-type) {
      padding-top: 1rem; }
    .e-row__column:not(:first-child) {
      padding-left: 1rem; }

.dropdown {
  position: relative; }
  .dropdown__content {
    min-width: 200px;
    display: none; }
  @media screen and (max-width: 768px) {
    .dropdown--expanded > .dropdown__content {
      display: inline;
      display: block;
      overflow: hidden;
      padding-left: 25px; } }
  @media screen and (min-width: 768px) {
    .dropdown:hover > .dropdown__content {
      display: inline; }
    .dropdown__content {
      position: absolute;
      top: 0;
      left: 100%;
      min-width: 200px;
      display: none; } }