/** Variables **/
html, body {
  margin: 0;
  padding: 0;
}

body {
  font: 1em/1.5 Calibri, sans-serif;
  background-color: #EEEDF2;
}

h1, h2, h3, h4, h5, h6, p, a {
  margin: 0;
  line-height: initial;
  margin-bottom: 1rem;
}

h1 {
  color: #931726;
  font-size: 30px;
}

h2 {
  color: #931726;
  font-size: 26px;
}

a {
  text-decoration: underline;
  color: #931726;
}
a:hover {
  text-decoration: none;
}

a.anchor {
  display: block;
  position: relative;
  top: -6rem;
  visibility: hidden;
}

.limit-width {
  max-width: 92ch;
  margin-left: auto;
  margin-right: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.container {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.section:nth-of-type(n) {
  background-color: #f7f7f7;
}
.section:nth-of-type(2n) {
  background-color: #fcfcfc;
}

.row {
  clear: both;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  /* maybe */
  line-height: 0;
}
.row > div {
  padding: 1rem;
  box-sizing: border-box;
}

.nested-row {
  clear: both;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  /* maybe */
  line-height: 0;
}

.text-center {
  text-align: center;
}

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

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-equal {
  flex-grow: 1;
  flex-basis: 0;
}

footer {
  background-color: #EEEDF2;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}

/** Nav **/
nav {
  background-color: #EEEDF2;
  line-height: 0;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  position: sticky;
  top: -1px;
  z-index: 10;
  /* For mobile large menu. */
}

.brand-logo {
  margin: 0;
  width: 300px;
  display: block;
}

.nav-cta, .nav-toggle {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

.nav-cta {
  left: 41.67%;
  text-align: center;
}

.nav-toggle {
  left: 91.67%;
  background-image: url("../images/icons/icon-menu.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2rem;
  height: 3rem;
  cursor: pointer;
}

.nav-list {
  list-style-type: none;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.nav-list > li {
  display: inline-block;
}

/* For vertical menu. */
i.icon-arrow-down::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-down.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-arrow-left::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-left.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-arrow-right::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-right.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-book-inside-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-book-inside-1.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-book-inside-2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-book-inside-2.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-care::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-care.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-chart::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-chart.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-chat::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-chat.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-check::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-check.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-check-boxed::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-check-boxed.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-cover-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-cover-1.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-cover-2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-cover-2.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-document::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-document.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-double-check::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-double-check.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-download::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-download.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-euro::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-euro.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-fast::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-fast.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-flag-gb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-flag-gb.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-flag-nl::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-flag-nl.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-link.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-magnifier::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-magnifier.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-megaphone::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-megaphone.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-menu::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-menu.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-paycard::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-paycard.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-pencil::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-pencil.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-question::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-question.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-radio-checked::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-checked.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-radio-empty::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-empty.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-scroll::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-scroll.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-study::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-study.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-tap::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-tap.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon-time::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-time.svg");
}

i.fudge::before {
  top: 3px;
  background-position: center top;
}

i.icon {
  position: relative;
  padding-left: 1.5em;
}
i.icon.red::before {
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
}

.inline-icon {
  background-color: #931726;
  display: inherit;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
}
.inline-icon.light {
  background-color: #FDF2F3;
}

.inline-icon::before {
  content: " ";
  background-size: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
  display: inherit;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(100%) sepia(0%) saturate(246%) hue-rotate(264deg) brightness(116%) contrast(100%);
}

.inline-icon.light::before {
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
}

.inline-icon-arrow-down::before {
  background-image: url("../images/icons/icon-arrow-down.svg?m=2");
  content: " ";
}

.inline-icon-arrow-left::before {
  background-image: url("../images/icons/icon-arrow-left.svg?m=2");
  content: " ";
}

.inline-icon-arrow-right::before {
  background-image: url("../images/icons/icon-arrow-right.svg?m=2");
  content: " ";
}

.inline-icon-book-inside-1::before {
  background-image: url("../images/icons/icon-book-inside-1.svg?m=2");
  content: " ";
}

.inline-icon-book-inside-2::before {
  background-image: url("../images/icons/icon-book-inside-2.svg?m=2");
  content: " ";
}

.inline-icon-care::before {
  background-image: url("../images/icons/icon-care.svg?m=2");
  content: " ";
}

.inline-icon-chart::before {
  background-image: url("../images/icons/icon-chart.svg?m=2");
  content: " ";
}

.inline-icon-chat::before {
  background-image: url("../images/icons/icon-chat.svg?m=2");
  content: " ";
}

.inline-icon-check::before {
  background-image: url("../images/icons/icon-check.svg?m=2");
  content: " ";
}

.inline-icon-check-boxed::before {
  background-image: url("../images/icons/icon-check-boxed.svg?m=2");
  content: " ";
}

.inline-icon-cover-1::before {
  background-image: url("../images/icons/icon-cover-1.svg?m=2");
  content: " ";
}

.inline-icon-cover-2::before {
  background-image: url("../images/icons/icon-cover-2.svg?m=2");
  content: " ";
}

.inline-icon-document::before {
  background-image: url("../images/icons/icon-document.svg?m=2");
  content: " ";
}

.inline-icon-double-check::before {
  background-image: url("../images/icons/icon-double-check.svg?m=2");
  content: " ";
}

.inline-icon-download::before {
  background-image: url("../images/icons/icon-download.svg?m=2");
  content: " ";
}

.inline-icon-euro::before {
  background-image: url("../images/icons/icon-euro.svg?m=2");
  content: " ";
}

.inline-icon-fast::before {
  background-image: url("../images/icons/icon-fast.svg?m=2");
  content: " ";
}

.inline-icon-flag-gb::before {
  background-image: url("../images/icons/icon-flag-gb.svg?m=2");
  content: " ";
}

.inline-icon-flag-nl::before {
  background-image: url("../images/icons/icon-flag-nl.svg?m=2");
  content: " ";
}

.inline-icon-link::before {
  background-image: url("../images/icons/icon-link.svg?m=2");
  content: " ";
}

.inline-icon-magnifier::before {
  background-image: url("../images/icons/icon-magnifier.svg?m=2");
  content: " ";
}

.inline-icon-megaphone::before {
  background-image: url("../images/icons/icon-megaphone.svg?m=2");
  content: " ";
}

.inline-icon-menu::before {
  background-image: url("../images/icons/icon-menu.svg?m=2");
  content: " ";
}

.inline-icon-paycard::before {
  background-image: url("../images/icons/icon-paycard.svg?m=2");
  content: " ";
}

.inline-icon-pencil::before {
  background-image: url("../images/icons/icon-pencil.svg?m=2");
  content: " ";
}

.inline-icon-question::before {
  background-image: url("../images/icons/icon-question.svg?m=2");
  content: " ";
}

.inline-icon-radio-checked::before {
  background-image: url("../images/icons/icon-radio-checked.svg?m=2");
  content: " ";
}

.inline-icon-radio-empty::before {
  background-image: url("../images/icons/icon-radio-empty.svg?m=2");
  content: " ";
}

.inline-icon-scroll::before {
  background-image: url("../images/icons/icon-scroll.svg?m=2");
  content: " ";
}

.inline-icon-study::before {
  background-image: url("../images/icons/icon-study.svg?m=2");
  content: " ";
}

.inline-icon-tap::before {
  background-image: url("../images/icons/icon-tap.svg?m=2");
  content: " ";
}

.inline-icon-time::before {
  background-image: url("../images/icons/icon-time.svg?m=2");
  content: " ";
}

.icon-round-arrow-down {
  background-image: url("../images/icons/icon-arrow-down.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-arrow-left {
  background-image: url("../images/icons/icon-arrow-left.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-arrow-right {
  background-image: url("../images/icons/icon-arrow-right.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-book-inside-1 {
  background-image: url("../images/icons/icon-book-inside-1.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-book-inside-2 {
  background-image: url("../images/icons/icon-book-inside-2.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-care {
  background-image: url("../images/icons/icon-care.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-chart {
  background-image: url("../images/icons/icon-chart.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-chat {
  background-image: url("../images/icons/icon-chat.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-check {
  background-image: url("../images/icons/icon-check.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-check-boxed {
  background-image: url("../images/icons/icon-check-boxed.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-cover-1 {
  background-image: url("../images/icons/icon-cover-1.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-cover-2 {
  background-image: url("../images/icons/icon-cover-2.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-document {
  background-image: url("../images/icons/icon-document.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-double-check {
  background-image: url("../images/icons/icon-double-check.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-download {
  background-image: url("../images/icons/icon-download.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-euro {
  background-image: url("../images/icons/icon-euro.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-fast {
  background-image: url("../images/icons/icon-fast.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-flag-gb {
  background-image: url("../images/icons/icon-flag-gb.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-flag-nl {
  background-image: url("../images/icons/icon-flag-nl.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-link {
  background-image: url("../images/icons/icon-link.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-magnifier {
  background-image: url("../images/icons/icon-magnifier.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-megaphone {
  background-image: url("../images/icons/icon-megaphone.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-menu {
  background-image: url("../images/icons/icon-menu.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-paycard {
  background-image: url("../images/icons/icon-paycard.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-pencil {
  background-image: url("../images/icons/icon-pencil.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-question {
  background-image: url("../images/icons/icon-question.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-radio-checked {
  background-image: url("../images/icons/icon-radio-checked.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-radio-empty {
  background-image: url("../images/icons/icon-radio-empty.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-scroll {
  background-image: url("../images/icons/icon-scroll.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-study {
  background-image: url("../images/icons/icon-study.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-tap {
  background-image: url("../images/icons/icon-tap.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.icon-round-time {
  background-image: url("../images/icons/icon-time.svg");
  background-size: 6rem 6rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 3px solid black;
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

a.button {
  background-color: white;
  border: 1px solid #931726;
  padding: 0.5rem;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  text-wrap: nowrap;
  text-decoration: none;
  color: #931726;
}
a.button:hover {
  scale: 1.1;
  animation: 0.1s;
}
a.button i {
  position: relative;
  padding-left: 1.5em;
}
a.button i.icon-arrow-down::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-down.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-arrow-left::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-left.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-arrow-right::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-right.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-book-inside-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-book-inside-1.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-book-inside-2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-book-inside-2.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-care::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-care.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-chart::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-chart.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-chat::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-chat.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-check::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-check.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-check-boxed::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-check-boxed.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-cover-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-cover-1.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-cover-2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-cover-2.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-document::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-document.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-double-check::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-double-check.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-download::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-download.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-euro::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-euro.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-fast::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-fast.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-flag-gb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-flag-gb.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-flag-nl::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-flag-nl.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-link.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-magnifier::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-magnifier.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-megaphone::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-megaphone.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-menu::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-menu.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-paycard::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-paycard.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-pencil::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-pencil.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-question::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-question.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-radio-checked::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-checked.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-radio-empty::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-empty.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-scroll::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-scroll.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-study::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-study.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-tap::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-tap.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon-time::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-time.svg");
}
a.button i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button i.icon::before {
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(17%) sepia(25%) saturate(6481%) hue-rotate(334deg) brightness(93%) contrast(102%);
}
a.button.mr-1 {
  margin-right: 1rem;
}
a.button.ml-1 {
  margin-left: 1rem;
}

.costs-button {
  background: #931726;
  border: none;
  color: white;
  cursor: pointer;
  padding: 0.5em;
  width: 100%;
}
.costs-button:hover {
  scale: 1.1;
}

a.button-fill {
  background-color: white;
  border: 1px solid #931726;
  padding: 0.5rem;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  text-wrap: nowrap;
  text-decoration: none;
  color: white;
  background-color: #931726;
}
a.button-fill:hover {
  scale: 1.1;
  animation: 0.1s;
}
a.button-fill i {
  position: relative;
  padding-left: 1.5em;
}
a.button-fill i.icon-arrow-down::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-down.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-arrow-left::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-left.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-arrow-right::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-right.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-book-inside-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-book-inside-1.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-book-inside-2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-book-inside-2.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-care::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-care.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-chart::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-chart.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-chat::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-chat.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-check::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-check.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-check-boxed::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-check-boxed.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-cover-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-cover-1.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-cover-2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-cover-2.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-document::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-document.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-double-check::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-double-check.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-download::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-download.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-euro::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-euro.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-fast::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-fast.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-flag-gb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-flag-gb.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-flag-nl::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-flag-nl.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-link.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-magnifier::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-magnifier.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-megaphone::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-megaphone.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-menu::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-menu.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-paycard::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-paycard.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-pencil::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-pencil.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-question::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-question.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-radio-checked::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-checked.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-radio-empty::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-empty.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-scroll::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-scroll.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-study::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-study.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-tap::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-tap.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon-time::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-time.svg");
}
a.button-fill i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-fill i.icon::before {
  /* Turn black strokes into --primary-red strokes using filter. */
  filter: invert(100%) sepia(0%) saturate(246%) hue-rotate(264deg) brightness(116%) contrast(100%);
}
a.button-fill.mr-1 {
  margin-right: 1rem;
}
a.button-fill.ml-1 {
  margin-left: 1rem;
}

a.button-flag {
  background-color: white;
  border: 1px solid #931726;
  padding: 0.5rem;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  text-wrap: nowrap;
  text-decoration: none;
  color: #666;
  border: none;
  background-color: transparent;
}
a.button-flag:hover {
  scale: 1.1;
  animation: 0.1s;
}
a.button-flag i {
  position: relative;
  padding-left: 1.5em;
}
a.button-flag i.icon-arrow-down::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-down.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-arrow-left::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-left.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-arrow-right::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-arrow-right.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-book-inside-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-book-inside-1.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-book-inside-2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-book-inside-2.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-care::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-care.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-chart::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-chart.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-chat::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-chat.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-check::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-check.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-check-boxed::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-check-boxed.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-cover-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-cover-1.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-cover-2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-cover-2.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-document::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-document.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-double-check::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-double-check.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-download::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-download.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-euro::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-euro.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-fast::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-fast.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-flag-gb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-flag-gb.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-flag-nl::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-flag-nl.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-link.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-magnifier::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-magnifier.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-megaphone::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-megaphone.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-menu::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-menu.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-paycard::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-paycard.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-pencil::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-pencil.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-question::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-question.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-radio-checked::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-checked.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-radio-empty::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-empty.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-scroll::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-scroll.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-study::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-study.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-tap::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-tap.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon-time::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-time.svg");
}
a.button-flag i.fudge::before {
  top: 3px;
  background-position: center top;
}
a.button-flag i.icon::before {
  width: 1em;
  height: 1em;
  display: inline-block;
  top: 2px;
  padding-left: 0.5rem;
}
a.button-flag.mr-1 {
  margin-right: 1rem;
}
a.button-flag.ml-1 {
  margin-left: 1rem;
}

.fast-option {
  border-radius: 1rem 0 0 1rem;
  background-color: white;
}
.fast-option::before {
  content: "";
  background-image: url("../images/icons/icon-fast-white.svg?");
  background-size: 2em;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #931726;
  width: 3em;
  height: 100%;
  display: inline-block;
  border-radius: inherit;
}

.fast-option + div {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  background-color: white;
}

.card {
  min-width: fit-content;
  height: fit-content;
  padding: 1rem;
  margin: 0;
  background-color: white;
  box-shadow: 0 0 4px #ccc;
  text-align: left;
  cursor: pointer;
  border: 1px solid transparent; /* Avoid jumps  in changing selected state. */
}
.card h3 {
  font-size: 30px;
  color: #931726;
}
.card h3 > i::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-empty.svg");
}
.card.selected {
  border: 1px solid black;
}
.card.selected > h3 > i::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  background-image: url("../images/icons/icon-radio-checked.svg");
}
.card > p {
  color: #9095A1;
}
.card > ul {
  margin: 0;
  padding: 2rem 0;
  list-style-type: none;
}
.card > ul > li {
  line-height: initial;
}
.card > a {
  width: 100%;
  text-align: center;
}
.card > a:hover {
  scale: 1.05;
}

.card-small {
  text-align: left;
  box-shadow: 0 0 4px #ccc;
  background: white;
  padding: 1em;
  border-radius: 0.5em;
}
.card-small .costs {
  border: 1px solid #931726;
  border-radius: 1em;
  height: 1em;
  line-height: 1.5rem;
  padding: 0 0.25em;
  color: #931726;
}

.gray {
  color: #9095A1;
}

/* Portfolio */
.tag-light {
  background-color: #FDF2F3;
  color: #931726;
  border-radius: 1em;
  padding: 0.2em 0.5em;
  margin: 0.5em;
  display: inline-block;
}

.carousel {
  overflow-x: auto;
  flex-wrap: nowrap;
  /* Prevent browser history navigation on horizontal scroll. */
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
}
.carousel::-webkit-scrollbar {
  display: none;
}
.carousel > div {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.carousel > div > div {
  padding: 1rem;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 10px;
  box-sizing: border-box;
}
.carousel img {
  /* TODO adjust img height for sm,md,lg layouts. */
  max-height: 100%;
  max-width: 100%;
  box-shadow: 0 0 10px #ccc;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .carousel img {
    height: 250px;
  }
}
@media screen and (min-width: 992px) {
  .carousel img {
    height: 327px;
  }
}
@media screen and (min-width: 1200px) {
  .carousel img {
    height: 390px;
  }
}

.look-inside {
  position: relative;
}
.look-inside:hover:before {
  transition: 1.3s;
  transform: translateX(50%);
}
.look-inside::before {
  background-color: #FDF2F3;
  color: #931726;
  border: 1px solid #931726;
  display: inline-block;
  padding: 0.5rem;
  cursor: pointer;
  position: absolute;
  text-wrap: nowrap;
  top: 43%;
  margin-left: -1rem;
  height: 1rem;
  border-radius: 1rem;
  line-height: 1rem;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  margin: 0 0.1rem;
  background-color: #bbb;
  border-radius: 1rem;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dot.active, .dot:hover {
  background-color: #717171;
}
.dot.active {
  width: 2rem;
}

/* FAQ */
.faq {
  border-bottom: 1px solid #cccccc;
  padding: 1rem 1rem 0 0rem;
}

.faq-subjects {
  text-align: center;
  align-self: start;
  top: 6rem;
}
.faq-subjects a {
  text-decoration: none;
  color: #333;
  line-height: 1.6rem;
}
.faq-subjects a:hover {
  text-decoration: underline;
  color: #931726;
}
.faq-subjects > div {
  justify-content: space-between;
}
@media (min-width: 992px) {
  .faq-subjects {
    text-align: left;
    position: sticky;
  }
  .faq-subjects p {
    margin-bottom: 0;
  }
}

.faq-q {
  position: relative;
  cursor: pointer;
}
.faq-q::after {
  content: " ";
  background-image: url("../images/icons/icon-arrow-right.svg");
  display: inline-block;
  height: 1.6rem;
  width: 1.6rem;
  background-size: 1rem 1rem;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -2px;
  right: 0;
  border: 1px solid black;
  border-radius: 1.6rem;
  cursor: pointer;
}
.faq-q.active::after {
  background-image: url("../images/icons/icon-arrow-down.svg");
}

.faq-a {
  height: 0;
  max-height: fit-content;
  overflow: hidden;
}
.faq-a.active {
  height: fit-content;
}

/* Forms */
fieldset {
  border: none;
  box-shadow: 0 0 4px #ccc;
  padding: 1rem;
  margin-bottom: 2rem;
}
fieldset .field {
  text-align: left;
}

p.label, .field > label {
  text-align: left;
  font-weight: bold;
  padding: 0.5rem 0;
  line-height: initial;
}

input.text, input[type=submit] {
  width: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  margin: 0.5rem 0;
}

input[type=submit] {
  cursor: pointer;
}

textarea {
  width: 100%;
  height: 11rem;
  padding: 0.5rem;
  box-sizing: border-box;
  margin: 0.5rem 0;
}

.message {
  padding: 1rem;
  border-radius: 0.5rem;
}
.message.good {
  border: 1px solid darkgreen;
  background-color: rgb(250, 255, 250);
}
.message.bad {
  border: 1px solid darkred;
  background-color: rgb(255, 250, 250);
}

ul.methodselector {
  display: flex;
  flex-direction: column;
  justify-content: left;
  list-style-type: none;
}
ul.methodselector > li {
  cursor: pointer;
  margin: 0.5rem;
}
ul.methodselector > li > label {
  display: inline-flex;
  cursor: inherit;
  padding: 1rem 1rem 1rem 0;
}

ul.packages {
  display: flex;
  flex-direction: column;
  justify-content: left;
  list-style-type: none;
}
ul.packages > li {
  cursor: pointer;
  margin: 0.5rem;
}
ul.packages > li > label {
  cursor: inherit;
}

ul.components {
  display: flex;
  flex-direction: column;
  justify-content: left;
  list-style-type: none;
}
ul.components > li {
  cursor: pointer;
  margin: 0.5rem;
}
ul.components > li > label {
  cursor: inherit;
}

.components.hidden {
  display: none;
}

.packages.hidden {
  display: none;
}

.optionset {
  list-style-type: none;
  padding-left: 0;
}

/*
.optionset.components {
    list-style-type: none;
    ul.components {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }
}
*/
.justify-center {
  text-align: justify;
  text-align-last: center;
}

/*** ArticleHolder/Page ***/
.articleholderflex {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  height: 6rem;
  gap: 1rem;
}
@media (min-width: 576px) {
  .articleholderflex {
    border: 1px solid #eeeeee;
    border-radius: 0.5rem;
  }
}
@media (max-width: 992px) {
  .articleholderflex {
    height: 6rem;
  }
}
@media (max-width: 768px) {
  .articleholderflex {
    height: 6rem;
  }
}
@media (max-width: 576px) {
  .articleholderflex {
    height: 5rem;
  }
}
.articleholderflex img {
  height: 6rem;
}
@media (max-width: 992px) {
  .articleholderflex img {
    height: 6rem;
  }
}
@media (max-width: 768px) {
  .articleholderflex img {
    height: 6rem;
  }
}
@media (max-width: 567px) {
  .articleholderflex img {
    height: 5rem;
  }
}
.articleholderflex p {
  display: none;
}
@media (min-width: 768px) {
  .articleholderflex p {
    -webkit-line-clamp: 3;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .articleholderflex p {
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 768px) {
  .articleholderflex h2 {
    font-size: 22px;
  }
}
.articleholderflex:hover {
  scale: 1.05;
  transition: 0.3s ease;
}

img.fit-width {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.tips-img-center {
  height: auto;
  width: 100%;
  max-width: 500px;
  object-fit: contain;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  box-sizing: border-box;
}
.tips-img-center.width-350 {
  max-width: 350px;
}

ul.tips {
  line-height: 2.5rem;
}
ul.tips > li {
  line-height: initial;
  padding-bottom: 1rem;
}

/* Control the displayed elements for the nav. */
.nav-show-logo {
  display: inline-block;
}

.nav-show-cta {
  display: none;
}

.nav-show-toggle {
  display: inline-block;
}

.nav-show-menu {
  display: inline-block;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/* Disable in live environment
body::before {
    content: 'Debug size: default';
    display: block;
    color: white;
    background-color: #333333;
}

.debug-borders > div {
    border: 1px solid black;
}
*/
.col-0 {
  width: 0%;
  overflow: hidden;
  display: none;
}

.col-1 {
  width: 8%;
  overflow: inherit;
  display: inline-block;
}

.col-2 {
  width: 16%;
  overflow: inherit;
  display: inline-block;
}

.col-3 {
  width: 25%;
  overflow: inherit;
  display: inline-block;
}

.col-4 {
  width: 33%;
  overflow: inherit;
  display: inline-block;
}

.col-5 {
  width: 41%;
  overflow: inherit;
  display: inline-block;
}

.col-6 {
  width: 50%;
  overflow: inherit;
  display: inline-block;
}

.col-7 {
  width: 58%;
  overflow: inherit;
  display: inline-block;
}

.col-8 {
  width: 66%;
  overflow: inherit;
  display: inline-block;
}

.col-9 {
  width: 75%;
  overflow: inherit;
  display: inline-block;
}

.col-10 {
  width: 83%;
  overflow: inherit;
  display: inline-block;
}

.col-11 {
  width: 91%;
  overflow: inherit;
  display: inline-block;
}

.col-12 {
  width: 100%;
  overflow: inherit;
  display: inline-block;
}

/* Disable in live environment
body::before {
    content: 'Debug size: sm';
    display: block;
    color: white;
    background-color: #333333;
}

.debug-borders > div {
    border: 1px solid black;
}
*/
/* Default column nav layout. */
#nav-menu > div > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#nav-menu > div > div > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  gap: 0;
}
#nav-menu > div > div > div > div {
  text-align: center;
  border-bottom: 1px solid #cccccc;
}
#nav-menu > div > div > div > div.extra-margin {
  margin-top: 1rem;
}
#nav-menu > div > div > div > div.no-underline {
  border-bottom: none;
}

.nav-link {
  color: #333333;
  text-decoration: none;
  margin-bottom: 0;
  box-sizing: border-box;
  border: 2px solid #EEEDF2; /* For alignment */
  font-weight: bold;
  text-wrap: nowrap;
  border: none;
  display: inline-block;
  width: 100%;
  padding: 1rem 1rem;
}
.nav-link.current {
  border-bottom: 2px solid #931726;
  color: #931726;
}
.nav-link:hover {
  color: #931726;
}
.nav-link.current {
  border-bottom: none;
}

.nav-show-logo {
  padding: 0 !important;
}
.nav-show-logo > a > img.brand-logo {
  width: 250px;
}

.hidden {
  display: none;
}

/** sm **/
@media (min-width: 0px) {
  .col-sm-0 {
    width: 0%;
    overflow: hidden;
    display: none;
  }
  .col-sm-1 {
    width: 8%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-2 {
    width: 16%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-3 {
    width: 25%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-4 {
    width: 33%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-5 {
    width: 41%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-6 {
    width: 50%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-7 {
    width: 58%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-8 {
    width: 66%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-9 {
    width: 75%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-10 {
    width: 83%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-11 {
    width: 91%;
    overflow: inherit;
    display: inline-block;
  }
  .col-sm-12 {
    width: 100%;
    overflow: inherit;
    display: inline-block;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: sm';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
  .container {
    max-width: 540px;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: sm';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
  .button-sm {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .flex-row-sm {
    flex-direction: row;
  }
  .flex-col-sm {
    flex-direction: column;
  }
}
/** md **/
@media (min-width: 768px) {
  .col-md-0 {
    width: 0%;
    overflow: hidden;
    display: none;
  }
  .col-md-1 {
    width: 8%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-2 {
    width: 16%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-3 {
    width: 25%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-4 {
    width: 33%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-5 {
    width: 41%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-6 {
    width: 50%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-7 {
    width: 58%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-8 {
    width: 66%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-9 {
    width: 75%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-10 {
    width: 83%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-11 {
    width: 91%;
    overflow: inherit;
    display: inline-block;
  }
  .col-md-12 {
    width: 100%;
    overflow: inherit;
    display: inline-block;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: sm';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
  .container {
    max-width: 720px;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: md';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
  .nav-show-logo {
    display: inline-block;
  }
  .nav-show-cta {
    display: inline-block;
  }
  .nav-show-toggle {
    display: inline-block;
  }
  .nav-show-menu {
    display: inline-block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .blob-left {
    position: relative;
  }
  .blob-left::before {
    content: "";
    background-image: url("../images/blob-left.svg");
    position: absolute;
    background-repeat: no-repeat;
    background-position: left bottom;
    left: 0;
    bottom: -5em;
    z-index: 1;
    height: 10em;
    width: 10em;
  }
  .blob-right {
    position: relative;
  }
  .blob-right::after {
    content: "";
    background-image: url("../images/blob-right.svg");
    position: absolute;
    background-repeat: no-repeat;
    background-position: left bottom;
    right: 0;
    top: -5em;
    z-index: 1;
    height: 10em;
    width: 7em;
  }
  .flex-row-md {
    flex-direction: row;
  }
  .flex-col-md {
    flex-direction: column;
  }
  .visible-md {
    display: inherit;
  }
}
/** lg **/
@media (min-width: 992px) {
  .col-lg-0 {
    width: 0%;
    overflow: hidden;
    display: none;
  }
  .col-lg-1 {
    width: 8%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-2 {
    width: 16%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-3 {
    width: 25%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-4 {
    width: 33%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-5 {
    width: 41%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-6 {
    width: 50%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-7 {
    width: 58%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-8 {
    width: 66%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-9 {
    width: 75%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-10 {
    width: 83%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-11 {
    width: 91%;
    overflow: inherit;
    display: inline-block;
  }
  .col-lg-12 {
    width: 100%;
    overflow: inherit;
    display: inline-block;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: sm';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
  .container {
    max-width: 960px;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: lg';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
  .nav-show-logo {
    display: inline-block;
  }
  .nav-show-cta {
    display: none;
  }
  .nav-show-toggle {
    display: none;
  }
  .nav-show-menu {
    display: inline-block;
    max-height: initial;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .nav-show-logo {
    padding: 1rem !important;
  }
  .nav-show-logo > a > img.brand-logo {
    width: 300px;
    margin: 0 auto;
  }
  /* Switch over to row templated menu. */
  #nav-menu > div > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #nav-menu > div > div > div {
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }
  #nav-menu > div > div > div > div {
    border-bottom: none;
  }
  #nav-menu > div > div > div > div.extra-margin {
    margin-top: 0;
  }
  .nav-link {
    color: #333333;
    text-decoration: none;
    margin-bottom: 0;
    box-sizing: border-box;
    border: 2px solid #EEEDF2; /* For alignment */
    font-weight: bold;
    text-wrap: nowrap;
    padding: 0.5rem 1rem;
  }
  .nav-link.current {
    border-bottom: 2px solid #931726;
    color: #931726;
  }
  .nav-link:hover {
    color: #931726;
  }
  nav {
    top: -7rem;
  }
  .button-lg {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .card-lg {
    scale: 1;
  }
  .flex-row-lg {
    flex-direction: row;
  }
  .flex-col-lg {
    flex-direction: column;
  }
  .visible-lg {
    display: inherit;
  }
  .hidden-lg {
    display: none;
  }
}
/** xl **/
@media (min-width: 1200px) {
  .col-xl-0 {
    width: 0%;
    overflow: hidden;
    display: none;
  }
  .col-xl-1 {
    width: 8%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-2 {
    width: 16%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-3 {
    width: 25%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-4 {
    width: 33%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-5 {
    width: 41%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-6 {
    width: 50%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-7 {
    width: 58%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-8 {
    width: 66%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-9 {
    width: 75%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-10 {
    width: 83%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-11 {
    width: 91%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xl-12 {
    width: 100%;
    overflow: inherit;
    display: inline-block;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: sm';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
  .container {
    max-width: 1140px;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: xl';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
  .flex-col-xl {
    flex-direction: column;
  }
  .flex-row-xl {
    flex-direction: row;
  }
}
/** xxl **/
@media (min-width: 1400px) {
  .col-xxl-0 {
    width: 0%;
    overflow: hidden;
    display: none;
  }
  .col-xxl-1 {
    width: 8%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-2 {
    width: 16%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-3 {
    width: 25%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-4 {
    width: 33%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-5 {
    width: 41%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-6 {
    width: 50%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-7 {
    width: 58%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-8 {
    width: 66%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-9 {
    width: 75%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-10 {
    width: 83%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-11 {
    width: 91%;
    overflow: inherit;
    display: inline-block;
  }
  .col-xxl-12 {
    width: 100%;
    overflow: inherit;
    display: inline-block;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: sm';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
  .container {
    max-width: 1320px;
  }
  /* Disable in live environment
  body::before {
      content: 'Debug size: xxl';
      display: block;
      color: white;
      background-color: #333333;
  }

  .debug-borders > div {
      border: 1px solid black;
  }
  */
}

/*# sourceMappingURL=responsive.css.map */