body {
  padding-bottom: 76px; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Calibri', Arial, Helvetica, sans-serif; }

h1 {
  font-size: 3.5rem; }
  @media (max-width: 576px) {
    h1 {
      font-size: 2em; } }

a.no-a {
  text-decoration: none;
  color: currentColor; }

#content {
  min-height: 60vh; }
  #content.rounded {
    border-radius: 2rem !important; }
  #content h1 {
    font-size: 3em;
    color: #D44645; }

.tabs .nav-link {
  border-radius: 10px 10px 0 0;
  box-shadow: inset 0px -5px 10px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.25s ease;
  color: white;
  white-space: nowrap; }
  .tabs .nav-link:hover {
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1); }
  @media (min-width: 576px) {
    .tabs .nav-link {
      padding: .75rem 1.5rem !important;
      border-radius: 20px 20px 0 0; } }

.navbar-nav-scroll {
  max-width: 100%;
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.25)); }
  @media (max-width: 576px) {
    .navbar-nav-scroll {
      font-size: .875rem; } }
  .navbar-nav-scroll .navbar-nav {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }

.rainbow {
  height: 10px;
  background: #cf2377;
  background: -moz-linear-gradient(left, #cf2377 0%, #6d543e 13%, #41a437 25%, #feec02 38%, #04a5db 50%, #feec02 63%, #41a437 75%, #6d543e 88%, #cf2377 100%);
  background: -webkit-linear-gradient(left, #cf2377 0%, #6d543e 13%, #41a437 25%, #feec02 38%, #04a5db 50%, #feec02 63%, #41a437 75%, #6d543e 88%, #cf2377 100%);
  background: linear-gradient(to right, #cf2377 0%, #6d543e 13%, #41a437 25%, #feec02 38%, #04a5db 50%, #feec02 63%, #41a437 75%, #6d543e 88%, #cf2377 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf2377', endColorstr='#cf2377',GradientType=1 ); }

.bg-blue {
  background-color: #5BAEB2; }

.bg-orange {
  background-color: #F58E49; }

.bg-red {
  background-color: #D44645; }

.bg-brown {
  background-color: #62523E; }

.text-brown {
  color: #6E4E34 !important; }

p img {
  max-width: 100%; }

e {
  font-weight: bolder; }

video, object {
  width: 100%; }

object {
  min-height: 600px; }

#handleiding img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.1s ease-in-out, box-shadow 0.2s ease-in-out; }
  #handleiding img:hover {
    transform: scale(1.05);
    box-shadow: 3px 10px 25px rgba(0, 0, 0, 0.15);
    z-index: 1; }

.aspect-ratio {
  width: 100%;
  height: 0;
  position: relative; }
  .aspect-ratio.r169 {
    padding-top: calc(100% * 9 / 16); }
  .aspect-ratio.r43 {
    padding-top: calc(100% * 3 / 4); }
  .aspect-ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }