/* DEFAULT
/*********************************/
html
{
  font-size : 11px;
}

body
{
  padding        : 0;
  margin         : 0;
  padding-bottom : 3rem;
}

img
{
  max-width : 100%;
}

#hoofd
{
  padding-top : 80px;
}

/* ITEMS
/*********************************/
.phone
{
  color          : inherit;
  font-size      : 1.4em;
  letter-spacing : 1px;

  line-height    : 50px;

  display        : inline-block;

  position       : absolute;
  top            : 0;
  right          : 0.5em;
}

.routeplanner
{
  text-align       : right;

  width            : 100%;
  height           : 30px;
  line-height      : 30px;
  padding          : 0 0.5em;

  position         : fixed;
  top              : 50px;
  left             : 0;

  background-color : hsla(0, 0%, 50%, 0.25);
  box-sizing       : border-box;

  z-index          : 900;
}

.calltoaction
{
  text-align : center;
}

/* ELEMENTS
/*********************************/
.element.menu
{
  width            : 100%;

  position         : fixed;
  top              : 0;
  left             : 0;

  background-color : rgba(255, 255, 255, 0.9);
}

.element.menu ul.responsive
{
  width            : 95vw;
  background-color : inherit;
}

.element.text
{
  padding       : 1em;
  border-bottom : 1px solid #808080;
}

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

.element.text img,
.element.image img
{
  height : auto !important;
}

.module.socialemedia
{
  line-height : 2em;
}

/** SCROLLBAR
***********************/

.luna-scrollbar-track
{
  position         : fixed;
  bottom           : 0;
  left             : 0;

  background-color : #000000;
  height           : 0.5em;
  width            : 100vw;

  z-index          : 999;
}

.luna-scrollbar-track .luna-scrollbar-thumb
{
  background-color : currentColor;

  display          : block;
  width            : 1em;
  height           : inherit;
}