body {
    background-image: linear-gradient(#730217, #D93D04);
    color: #FBECE6;
  font-family: 'Red Hat Display', sans-serif;
}
.container-header {
    background-color: transparent;
    background-image: unset;
}
.container-header .navbar-toggler {
    color: #D93D04;
    cursor: pointer;
    border: 0px solid #fff;
}
.container-footer {
   background-color: transparent;
   background-image: unset;
   color: #F0B19B;
   font-family: 'Red Hat Display', sans-serif;
}

.container-header .mod-menu {
    color: #F0B19B;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, p{
    color: #FBECE6;
  font-family: 'Red Hat Display', sans-serif;
}
img {
 border-radius: 5%;
 margin-top:2%;
 margin-bottom:2%;
}
#logo_img{
  /*dit zorgt voor de rechte hoek bij het logo. een Id toegevoegd aan de image in de html van de pagina*/
  border-radius: 0%;
}
.card {
    --card-border-color: transparent;
    --card-bg: #E4774F;
    --template-link-color: #D93D04;
}
a {
    color: #FBECE6;
}
.card-header:first-child {
    color: #FBECE6;
    background-color: transparent;
}
:root {
    --link-hover-color: #F0B19B;
}
a:not([class]) {
    text-decoration: none;
}
.btn-primary {
    background-color: #730217;
    border-color: #730217;
  --btn-color: #F0B19B;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #F0B19B;
    border-color: #F0B19B;
    --btn-color: #730217;
}
.btn:hover {
    color: #730217;
}
.back-to-top-link {
    z-index: 10000;
    color: #F0B19B;
    pointer-events: all;
    background-color: #730217;
    border: 0px solid var(--cassiopeia-color-primary, #F0B19B);
    opacity: 0;
    inset-inline-end: 1rem;
    border-radius: .25rem;
    padding: .5em;
    position: fixed;
    bottom: 1rem;
}
.back-to-top-link:hover,
.back-to-top-link:focus {
    color: #730217;
    background-color: #F0B19B;
    border-color: var(--white, #fff);
}