:root {
    --zwart-hex: #251e21;
    --zwart-rgb: 37, 30, 33;
    --rood-hex: #E31327;
    --rood-rgb: 227, 19, 39;
    --algemeen-wit-hex: #ffffff;
    --algemeen-wit-rgb: 255, 255 ,255;
    --algemeen-blauw-hex: #0d6efd;
    --algemeen-blauw-rgb: 13, 110, 253;
    --algemeen-grijs-hex: #bbbbbb;
    --algemeen-grijs-rgb: 187, 187, 187;
    font-size: 16px;
}
html {
    overflow-y: scroll;
}
body {
    display: grid;
    place-items: center;
    height: 100vh;
    margin: 0;
    background: var(--algemeen-wit-hex) linear-gradient(to right bottom, rgba(var(--rood-rgb), 1.00) 0% 33.33%, rgba(var(--algemeen-wit-rgb), 1.00) 33.33% 66.66%, rgba(var(--zwart-rgb), 1.00) 66.66% 100%);
}
h1 {
    font-size: calc(1.50rem + 0.9vw);
}
h2 {
    font-size: calc(1.325rem + 0.8vw);
}
h3 {
    font-size: calc(1.2rem + 0.7vw);
}
h4 {
    font-size: calc(1.2rem + 0.4vw);
}
h5 {
    font-size: 1.00rem;
}
.foutpagina-html{
    height: -webkit-fill-available;
}
.foutpagina-body{
    display: grid;
    place-items: center;
    height: 100vh;
    height: -webkit-fill-available;
    margin: 0;
    background-size: initial;
    background: var(--algemeen-wit-hex) url("/theme/images/logo-kvk-beringen-transparent.webp") no-repeat fixed center;
}
.foutpagina-logo{
    max-width: 180px;
    height: auto;
}
.logo{
    max-width: 100%;
    height: auto;
}
.logo-shadow{
    filter: drop-shadow(0px 0px 5px #323232);
}