@font-face {
  font-family: "African";
  src: url("../fonts/African-l6d.woff2") format("woff2");
}
@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu.woff2") format("woff2");
}
/*---------------------------------------/*
 # SETTINGS
/*---------------------------------------*/
/*---------------------------------------/*
 # GENERIC
/*---------------------------------------*/
h1 {
  font-family: "African", serif;
  font-size: 2.9875rem;
  margin: 0;
  font-weight: 100;
  color: #fff;
}
@media (max-width: 450px) {
  h1 {
    font-size: 2rem;
  }
}

h2 {
  font-family: "Ubuntu", serif;
  font-size: 2.4875rem;
  margin: 0;
}

h3 {
  font-family: "Ubuntu", serif;
  font-size: 1.5562rem;
  margin: 0;
}

h4 {
  font-family: "Ubuntu", serif;
  font-size: 1.2937rem;
  margin: 0;
}

h5 {
  font-family: "Ubuntu", serif;
  font-size: 1.0813rem;
  margin: 0;
}

h6 {
  font-family: "Ubuntu", serif;
  font-size: 1.0313rem;
  margin: 0;
}

p {
  font-family: "roboto", sans-serif;
  font-size: 1rem;
  margin: 0;
  line-height: 150%;
}

/*---------------------------------------/*
 # ELEMENTS
/*---------------------------------------*/
body {
  background-image: url(../images/patronen/partoon-LichtBlauw.png);
  background-size: 30%;
  background-color: #264653;
  overflow-x: hidden;
}

/*---------------------------------------/*
 # OBJECTS
/*---------------------------------------*/
/*---------------------------------------/*
 # COMPONENTS
/*---------------------------------------*/
/* GLOBAL */
.loader {
  margin: auto;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #ffa516 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #ffa516);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  -webkit-animation: l13 1s infinite linear;
          animation: l13 1s infinite linear;
}

@-webkit-keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}

@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}
/* Modal */
.c-modal {
  color: #000;
}
.c-modal__titel {
  color: #000;
}
.c-modal__tussentitel {
  color: #f3a261;
}

/* Navigation */
.c-nav {
  width: 100%;
  background-color: #366c7c;
}
.c-nav__link {
  color: #264653;
  transition-duration: 0.3s;
}
.c-nav__link:hover {
  color: #f3a261;
}
.c-nav__link--home {
  color: #fff;
}
.c-nav__link--active {
  color: #f3a261;
  font-weight: 600;
}
.c-nav__index {
  text-align: center;
}
.c-nav--andere {
  background-image: url(../images/header.png);
  background-position: bottom;
  background-size: cover;
  padding-bottom: 10rem;
}

.c-nav__link .c-nav__button {
  background-color: #910007;
  color: #ffffff;
  border-radius: 1.75rem;
}

.navbar-nav .nav-item .nav-link.active {
  color: #f3a261;
  font-weight: 600;
}

/* card */
.c-card {
  border: none;
  color: white;
}
.c-card--een {
  background-color: #499e9a;
  transition: 0.3s ease-in-out;
}
.c-card--een:hover {
  transform: scale(1.05);
}
.c-card--twee {
  background-color: #337a82;
  transition: 0.3s ease-in-out;
}
.c-card--twee:hover {
  transform: scale(1.05);
}
.c-card--tip {
  background-color: #f3a261;
  transition: 0.3s ease-in-out;
}
.c-card--tip:hover {
  transform: scale(1.05);
}
.c-card__titel {
  margin-bottom: 25px;
  font-size: 1.8rem;
}
@media (max-width: 1200px) {
  .c-card__titel {
    font-size: 1.8rem;
  }
  .c-card__titel--nieuws {
    font-size: 1.5rem;
  }
}
.c-card__titelcontainer {
  height: 100%;
  align-content: center;
}
.c-card__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 270px;
}
.c-card__link {
  text-decoration: none;
}
.c-card__img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-card__img--container {
  height: 200px;
  overflow: hidden;
  position: relative;
}
.c-card__badge {
  background-color: #e63946;
  padding: 1rem;
}

/* pagination */
.c-pagination__list {
  display: flex;
  justify-content: center;
  margin: auto;
  padding-top: 1.5rem;
}
.c-pagination__link {
  border-color: transparent;
  color: #fff;
  background-color: transparent;
}
.c-pagination__link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #f3a261;
}
.c-pagination__link--active {
  color: #f3a261;
}
.c-pagination .page-item.active .page-link {
  background-color: transparent;
  border-color: transparent;
  color: #f1965d;
}

/* buttons */
.c-btn--oranje {
  display: inline-flex;
  text-decoration: none;
  background-image: url(../images/patronen/partoon-LichtOranje.png);
  background-color: #f3a261;
  background-size: 150%;
  background-position: center;
  padding: 0.6rem 2rem;
  border-radius: 14px;
  border: solid 1.5px #f1965d;
  transition: 0.3s;
}
.c-btn--oranje:hover {
  background-image: url(../images/patronen/partoon-DonkerOranje.png);
  border-color: #f3a261;
}
.c-btn--oranje--disabled {
  opacity: 50%;
  cursor: pointer;
}
.c-btn--oranje--contact {
  color: #fff;
}
.c-btn--blauw {
  display: inline-flex;
  text-decoration: none;
  background-image: url(../images/patronen/partoon-LichtBlauw.png);
  background-color: #264653;
  background-size: 150%;
  background-position: center;
  padding: 0.6rem 2rem;
  border-radius: 14px;
  border: solid 1.5px #094e59;
  transition: 0.3s;
}
.c-btn--blauw:hover {
  background-image: url(../images/patronen/partoon-DonkerBlauw.png);
  border-color: #264653;
}
.c-btn--blauw--disabled {
  opacity: 50%;
  cursor: pointer;
}
.c-btn--wit {
  display: inline-flex;
  text-decoration: none;
  background-image: url(../images/patronen/partoon-LichtGrijs.png);
  background-size: 150%;
  background-position: center;
  padding: 0.9375rem 4.5rem;
  border: solid 0.5px #264653;
  transition: 0.3s;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
}
.c-btn--wit:hover {
  background-image: url(../images/patronen/partoon-DonkerGrijs.png);
  border-color: #264653;
}
.c-btn--wit--disabled {
  opacity: 50%;
}
input[type=checkbox]:checked + .c-btn--wit {
  background-image: url(../images/patronen/partoon-LichtOranje.png);
  border-color: #f1965d;
  color: #fff;
  background-color: #f3a261;
}
input[type=checkbox]:checked + .c-btn--wit:hover {
  background-image: url(../images/patronen/partoon-DonkerOranje.png);
}
input[type=checkbox]:checked + .c-btn--wit .c-btn__txt, input[type=checkbox]:checked + .c-btn--wit .c-btn__txt--donker {
  color: #fff;
}
.c-btn__input {
  display: none;
}
.c-btn__txt {
  color: #fff;
  font-size: 1.0813rem;
}
.c-btn__txt--donker {
  color: #264653;
}
.c-btn__txt--wit {
  font-size: 1.3rem;
  text-align: center;
  margin: auto;
}
.c-btn--disabled {
  color: #fff;
}
.c-btn--disabled:hover {
  color: #fff;
}

/* nieuwsbrief */
.c-nieuwsbrief {
  color: #fff;
  background-image: url(../images/patronen/partoon-LichtOranje.png);
  background-size: 30%;
  background-color: #f3a261;
  padding-top: 8rem;
  padding-bottom: 6rem;
}
@media (max-width: 750px) {
  .c-nieuwsbrief__buttontekst {
    font-size: 0.34rem;
  }
}
.c-nieuwsbrief__container {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.c-nieuwsbrief__trans {
  position: absolute;
  top: 0;
  left: 0;
  width: 130%;
  padding: 0;
}
.c-nieuwsbrief__transtwee {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 130%;
  padding: 0;
}
@media (max-width: 992px) {
  .c-nieuwsbrief__maskers {
    display: none;
  }
}

/* footer */
.c-footer {
  color: #fff;
}
.c-footer__dagen {
  text-align: center;
}
.c-footer__list {
  list-style: none;
  padding: 0;
}
.c-footer__link {
  text-decoration: none;
  color: #fff;
  transition: 0.3s;
}
.c-footer__link:hover {
  color: #f3a261;
}
.c-footer__streep {
  background-color: #fff;
  height: 1px;
  margin: auto;
  margin-top: 15px;
}
.c-footer__icons {
  text-align: center;
  font-size: 1.5rem;
  padding: 0;
}
.c-footer__richting {
  text-align: center;
}
.c-footer__trans {
  width: 100%;
  margin-bottom: 2rem;
}

/* warning */
.c-warning__img {
  margin: auto;
}
.c-warning__body {
  border: none;
}
.c-warning__header {
  border: none;
}
.c-warning__footer {
  border: none;
  width: 100%;
  justify-content: space-around;
}
.c-warning__hoofdtitel {
  text-align: center;
}
.c-warning__tussentitel {
  text-align: center;
  color: #f3a261;
}
.c-warning__btn {
  width: 200px;
}
.c-warning__btn--txt {
  text-align: center;
  width: 100px;
}

/* HOME */
/* header */
.c-header {
  background-image: url(../images/header.png);
  background-size: cover;
  background-position: bottom;
}
.c-header__titel {
  color: white;
  text-align: center;
  margin: auto;
  padding-bottom: 150px;
}
.c-header__img {
  padding-top: 100px;
}

/* Welkom */
.c-welkom {
  color: white;
  position: relative;
  z-index: 1;
}
.c-welkom--inschrijven {
  margin-bottom: 5rem;
}
.c-welkom__tekst {
  margin-top: auto;
  align-items: center;
}
.c-welkom__content {
  margin-top: 3.5rem;
}
@media (max-width: 1200px) {
  .c-welkom__content {
    margin-top: 1rem;
  }
}
.c-welkom__img {
  border-radius: 3px;
}
@media (max-width: 1200px) {
  .c-welkom__img {
    margin-top: 2.5rem;
  }
}
.c-welkom__imgcontainer {
  margin-bottom: 7rem;
}
.c-welkom__imgcontainer--rommelmarkt {
  margin-bottom: 0;
  margin-top: 3rem;
}
@media (max-width: 576px) {
  .c-welkom__imgcontainer--rommelmarkt {
    margin-top: 0;
  }
}
.c-welkom__masker {
  position: absolute;
  bottom: 0;
  left: 52%;
  height: auto;
  z-index: 2;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  .c-welkom__masker {
    width: 150px;
  }
}
@media (max-width: 992px) {
  .c-welkom__masker {
    display: none;
  }
}
.c-welkom__masker--rommelmarkt {
  top: 0;
  transform: rotate(70deg);
}
.c-welkom__masker--inschrijven {
  top: 0;
  transform: rotate(0);
}
.c-welkom__masker:hover {
  transform: rotate(50deg);
}

/* voorgelicht */
.c-voorgelicht {
  padding-top: 5.3125rem;
}
.c-voorgelicht__cards {
  padding-top: 3rem;
  gap: 1.7rem;
  overflow: auto;
}
.c-voorgelicht__titel {
  justify-content: space-between;
}

.c-arrow {
  color: #fff;
  font-size: 3rem;
}

/* nieuws */
.c-nieuws {
  color: white;
  position: relative;
  z-index: 1;
  padding-top: 1.7rem;
}
@media (max-width: 1200px) {
  .c-nieuws {
    padding-top: 0;
  }
}
.c-nieuws__tekst {
  margin-top: auto;
  align-items: center;
}
.c-nieuws__content {
  margin-top: 2.3rem;
}
@media (max-width: 1200px) {
  .c-nieuws__content {
    margin-top: 0;
  }
}
.c-nieuws__img {
  border-radius: 3px;
}
.c-nieuws__img--info {
  margin-top: 1rem;
}
@media (max-width: 1200px) {
  .c-nieuws__img {
    margin-top: 5rem;
  }
  .c-nieuws__img--info {
    margin-top: 1rem;
  }
}
.c-nieuws__imgcontainer {
  margin-bottom: 7rem;
}
.c-nieuws__imgcontainer--info {
  margin-bottom: 3rem;
}
.c-nieuws__masker {
  position: absolute;
  top: 0;
  left: 33%;
  height: auto;
  z-index: 2;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  .c-nieuws__masker {
    width: 150px;
  }
}
@media (max-width: 992px) {
  .c-nieuws__masker {
    display: none;
  }
}
.c-nieuws__masker:hover {
  transform: rotate(50deg);
}

/* carousel */
.c-carousel {
  max-width: 1300px;
  margin: 0 auto;
}
.c-carousel__img {
  height: 580px;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-carousel__item {
  height: 580px;
}

/* rommelmarkt-home */
.c-rommelmarkthome {
  padding-top: 2rem;
  color: white;
  position: relative;
  z-index: 1;
}
.c-rommelmarkthome__tekst {
  margin-top: auto;
  align-items: center;
}
.c-rommelmarkthome__content {
  margin-top: 3.5rem;
}
@media (max-width: 1200px) {
  .c-rommelmarkthome__content {
    margin-top: 1rem;
  }
}
.c-rommelmarkthome__img {
  border-radius: 3px;
}
@media (max-width: 1200px) {
  .c-rommelmarkthome__img {
    margin-top: 5rem;
  }
}
.c-rommelmarkthome__imgcontainer {
  margin-bottom: 7rem;
}
.c-rommelmarkthome__masker {
  position: absolute;
  bottom: 0;
  left: 52%;
  height: auto;
  z-index: 2;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  .c-rommelmarkthome__masker {
    width: 150px;
  }
}
@media (max-width: 992px) {
  .c-rommelmarkthome__masker {
    display: none;
  }
}
.c-rommelmarkthome__masker:hover {
  transform: rotate(-50deg);
}

/* ROMMELMARKT */
.c-locatie {
  color: white;
  position: relative;
  z-index: 1;
  padding-top: 1.7rem;
}
@media (max-width: 1200px) {
  .c-locatie {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.c-locatie__tekst {
  margin-top: auto;
  align-items: center;
}
.c-locatie__content {
  margin-top: 2.3rem;
}
@media (max-width: 1200px) {
  .c-locatie__content {
    margin-top: 0;
  }
}
.c-locatie__img {
  border-radius: 3px;
}
@media (max-width: 1200px) {
  .c-locatie__img {
    margin-top: 2.5rem;
  }
}

/* FILTERS */
.c-filters {
  margin-top: 2rem;
}
.c-filters__slidercol {
  background-color: #fff;
  background-image: url(../images/patronen/partoon-LichtGrijs.png);
  background-size: 120%;
  background-position: center;
  padding-top: 20px;
  padding-bottom: 10px;
  border: solid 0.0313rem #264653;
}
.c-filters__slidecontainer {
  width: 100%;
}
.c-filters__slider {
  -webkit-appearance: none;
  width: 200px;
  height: 12px;
  border-radius: 5px;
  background: #499e9a;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}
@media (max-width: 1200px) {
  .c-filters__slider {
    width: 160px;
  }
}
@media (max-width: 1080px) {
  .c-filters__slider {
    width: 150px;
  }
}
@media (max-width: 992px) {
  .c-filters__slider {
    width: 100px;
  }
}
@media (max-width: 768px) {
  .c-filters__slider {
    width: 360px;
  }
}
@media (max-width: 475px) {
  .c-filters__slider {
    width: 300px;
  }
}
@media (max-width: 410px) {
  .c-filters__slider {
    width: 200px;
  }
}
.c-filters__slider:hover {
  opacity: 1;
}
.c-filters__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 17.5px;
  height: 17.5px;
  border-radius: 50%;
  background: #264653;
  cursor: pointer;
}
.c-filters__slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04aa6d;
  cursor: pointer;
}

.choices__inner {
  background-image: url(../images/patronen/partoon-LichtGrijs.png);
  background-size: cover;
  text-align: center;
  padding-top: 1.155rem;
  padding-bottom: 1.155rem;
  background-color: #fff;
  border: none;
}

.choices__item {
  color: #264653;
}

.choices__input {
  font-family: "Ubuntu", sans-serif;
  font-size: 1rem;
  background-color: transparent;
  text-align: center;
  color: #264653;
}

.choices__placeholder {
  color: #264653;
}

.choices__list--multiple .choices__item {
  background-color: #f3a261;
  border-color: #f1965d;
}

.choices__list--multiple .choices__item .is-highlighted {
  background-color: red;
  border-color: #f1965d;
}

.choices[data-type*=select-multiple] .choices__button {
  border: none;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  border-radius: 0;
}

.c-search {
  border: solid 0.0313rem #264653;
  border-radius: 0;
}

#basic-addon1 {
  border-radius: 0;
  background-color: #fff;
  border-top: 0.5px solid #264653;
  border-bottom: 0.5px solid #264653;
  border-left: 0.5px solid #264653;
  border-right: 0.5px solid transparent;
}

/* DETAIL */
/* path */
.c-path {
  color: #fff;
}
.c-path__link {
  color: #fff;
}
.c-path__backlink {
  display: flex;
  color: #fff;
  align-items: center;
  font-size: 1.5562rem;
}
.c-path__terug {
  font-size: 2rem;
}

/* detail */
.c-detail {
  color: #fff;
}
.c-detail__dag {
  color: #fff;
}
.c-detail__oranje {
  color: #f3a261;
}
.c-detail__link {
  color: #fff;
}
.c-detail__titel {
  font-size: 2.9875rem;
}
.c-detail__info {
  color: #f3a261;
}
.c-detail__like {
  display: block;
  color: #fff;
  margin-bottom: 0.5rem;
  text-decoration: none;
  transition: 0.3s;
}
.c-detail__like:hover {
  color: #f3a261;
}
.c-detail__like--disabled {
  color: #f1965d;
  cursor: default;
}

.c-like--disabled {
  cursor: default;
}

/* BESCHIKBAARHEID */
/* beschikbaarheid */
.c-beschikbaarheid {
  color: #fff;
  margin-top: 5rem;
}
.c-beschikbaarheid__middeltitel {
  margin-top: 50px;
  margin-bottom: 30px;
  color: #f3a261;
}
.c-beschikbaarheid__kleinetitel {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* CONTACT */
/* form */
.c-form__label--error {
  color: #e63946;
}
.c-form__input--error {
  border-color: #e63946;
}
.c-form__input--error::-moz-placeholder {
  color: #e63946;
}
.c-form__input--error:-ms-input-placeholder {
  color: #e63946;
}
.c-form__input--error::placeholder {
  color: #e63946;
}
.c-form__input--search {
  border-left-color: transparent;
  border-top: 0.5px solid #264653;
  border-right: 0.5px solid #264653;
  border-bottom: 0.5px solid #264653;
  border-radius: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #264653;
  background-image: url(../images/patronen/partoon-LichtGrijs.png);
  background-size: 150%;
  background-position: center;
  transition: 0.3s;
}
.c-form__input--search:focus {
  outline: none;
  box-shadow: none;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: transparent;
  background-image: url(../images/patronen/partoon-DonkerGrijs.png);
  background-size: 150%;
  background-position: center;
}
.c-form__input--search:focus::-moz-placeholder {
  opacity: 100%;
}
.c-form__input--search:focus:-ms-input-placeholder {
  opacity: 100%;
}
.c-form__input--search:focus::placeholder {
  opacity: 100%;
}
.c-form__input--search::-moz-placeholder {
  color: #499e9a;
  opacity: 50%;
}
.c-form__input--search:-ms-input-placeholder {
  color: #499e9a;
  opacity: 50%;
}
.c-form__input--search::placeholder {
  color: #499e9a;
  opacity: 50%;
}
.c-form__search {
  background-color: transparent;
  background-image: url(../images/patronen/partoon-LichtGrijs.png);
  background-size: 1000%;
  background-position: center;
}

.c-contact {
  color: #fff;
}

/* STADSPLAN */
.c-map {
  height: 80vh;
}
.c-map--detail {
  height: 50vh;
}
.c-map__marker {
  cursor: pointer;
  width: 2.34375rem;
  height: 3.125rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.c-map__marker--WC {
  background-image: url("../images/markers/wc.png");
}
.c-map__marker--Recyclagepunt {
  background-image: url("../images/markers/recycle.png");
}
.c-map__marker--Fiets {
  background-image: url("../images/markers/fiets.png");
}
.c-map__marker--Infopunt {
  background-image: url("../images/markers/info.png");
}
.c-map__marker--1 {
  background-image: url("../images/markers/concert.png");
}
.c-map__marker--2 {
  background-image: url("../images/markers/theater.png");
}
.c-map__marker--3 {
  background-image: url("../images/markers/familie.png");
}
.c-map__marker--4 {
  background-image: url("../images/markers/dans.png");
}
.c-map__marker--5 {
  background-image: url("../images/markers/party.png");
}
.c-map__marker--6 {
  background-image: url("../images/markers/kunst.png");
}
.c-map__marker--7 {
  background-image: url("../images/markers/sport.png");
}
.c-map__marker--8 {
  background-image: url("../images/markers/info.png");
}
.c-map__marker--9 {
  background-image: url("../images/markers/eten.png");
}
.c-map__marker--10 {
  background-image: url("../images/markers/rommelmarkt.png");
}
.c-map__marker--11 {
  background-image: url("../images/markers/denksport.png");
}
.c-map__marker--12 {
  background-image: url("../images/markers/andere.png");
}
.c-map__marker--locatie {
  background-image: url("../images/markers/icon.png");
}
.c-map__marker--hidden {
  display: none;
}

.c-popup__tekst {
  color: #fff;
}

.mapboxgl-popup-content {
  background-image: url(../images/header.png) !important;
  background-position: bottom !important;
  background-size: cover !important;
  padding: 1rem !important;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  color: #fff;
}

/* TABLE */
.c-table {
  text-align: center;
  color: white;
  overflow: auto;
}
.c-table__container {
  background-color: white;
}
.c-table__top {
  background-color: #f3a261;
  padding: 30px 15px 30px 15px;
  border: solid 0.5px #264653;
}
.c-table__insert {
  color: #264653;
  border-bottom: solid 0.5px #264653;
}
.c-table__insert--oranje {
  background-color: rgba(243, 163, 97, 0.4901960784);
}
.c-table__naam {
  font-size: 12px;
  word-wrap: break-word;
}
.c-table__mail {
  font-size: 12px;
  word-wrap: break-word;
}
.c-table__type {
  font-size: 12px;
  word-wrap: break-word;
}
.c-table__dag {
  font-size: 12px;
  word-wrap: break-word;
}
.c-table__datum {
  font-size: 12px;
  word-wrap: break-word;
}
.c-table__edit {
  padding-top: 3rem;
  font-size: 12px;
}
.c-table__bericht {
  text-align: left;
  font-size: 12px;
  word-wrap: break-word;
  padding-left: 10px;
  padding-right: 10px;
}

.c-login {
  margin: auto;
  color: #fff;
}
.c-login__tussentitel {
  color: #fff;
}
.c-login__error {
  color: #e63946;
}

.c-hoeveelheid {
  color: #fff;
}
.c-hoeveelheid__background {
  background-color: #f3a261;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.c-admin {
  justify-content: space-between;
}

.u-hidden {
  display: none;
}

/*---------------------------------------/*
 # UTILITIES
/*---------------------------------------*/