/***************************************
*
*___TRIPLEPRO CUSTOM_______________
*
*   Regeltante 2.0
*   www.regeltante2punt0.nl
*
***************************************/

@import url('https://fonts.googleapis.com/css2?family=Shrikhand&display=swap');

:root
{
  --font-size             : 16px;
  --font-text             : Mont, sans-serif;
  --font-header           : Mont, sans-serif;
  --font-special          : 'Shrikhand', cursive;

  --color-dark            : hsl(0deg 0% 25%);
  --color-light           : hsl(40 18% 97%);

  --color-usp             : lch(0 0 0);
  --color-link            : hsl(10 100% 65%);
  --color-button          : hsl(10 100% 65%);

  --website-content-width : 1365px;
  --element-padding       : calc(calc(100vw - var(--website-content-width)) / 2);

  --color-1               : hsl(265 100% 85%);
  --color-2               : hsl(265 100% 90%);

  --color-3               : hsl(265 40% 90%);
  --color-4               : hsl(24 28% 93%);

  --color-5               : hsl(10 100% 65%);
  --color-6               : hsl(28 73% 84%);

  --color-transparent-1   : hsl(0 0% 100% / 60%);
  --color-transparent-2   : hsl(24 28% 93% / 60%);
}

/** BASE
 ***********************************************/

html
{
  color            : var(--color-dark);
  font-size        : var(--font-size);
  font-family      : var(--font-text);
  line-height      : 1.8;

  scroll-behavior  : smooth;

  background-color : var(--color-light)
}

@media (max-width : 1365px)
{
  html
  {
    font-size : 14px;
  }
}

@media (max-width : 768px)
{
  html
  {
    font-size : 12px;
  }
}

h1
{
  color       : var(--color-dark);
  font-size   : 2.8rem;
  font-weight : 400;
  font-family : var(--font-header);

  line-height : 1.3;

  position    : relative;
  margin      : 0 0 0.25em;
}

.casepagina h1 {
  font-size   : 2.4rem;
}

h2
{
  color       : var(--color-dark);
  font-size   : 2.5rem;
  font-weight : 700;
  font-family : var(--font-header);

  position    : relative;
  margin      : 0 0 0.25em;
}

h3
{
  color               : var(--color-5);
  letter-spacing      : 1px;

  font-size           : 5rem;
  font-weight         : normal;
  font-family         : var(--font-special);
  line-height         : 1;

  position            : relative;
  margin              : 0.25em 0;
}

@media (max-width : 768px)
{
  h3
  {
    font-size : 2.2rem;
  }
}

h3 b,
h3 strong
{
  color               : var(--color-5);
  font-weight         : normal;
  -webkit-text-stroke : 0 transparent;
}

pre
{
  font-family : var(--font-header);
}

p:last-of-type
{
  margin : 0;
}

img
{
  border-radius : 1em;
}

#hoofd > .element.menu img,
#hoofd > .element.text.footer img,
#hoofd > .element.text.socialmedia img
{
  border-radius : 0;
}

/** A.BUTTON
 ***************************/

a
{
  color : var(--color-link);
}

a:hover
{
  color           : var(--color-button);
  text-decoration : underline;
}

a.button
{
  color           : var(--color-light);
  text-align      : center;
  text-decoration : none;

  display         : inline-flex;
  align-items     : center;

  width           : max-content;
  padding         : 0.8em 1.5em;

  border          : 1px solid var(--color-button);
  background      : var(--color-button);
  border-radius   : 0.8em;

  transition      : 0.2s;

  box-shadow      : 0.3em 0.3em 0 0 var(--color-6);
  font-weight: 700;
}

a.button:hover
{
  color      : var(--color-button);
  background : transparent;
}

a.button.color_2
{
  color       : var(--color-dark);
  font-weight : bold;
  box-shadow  : 0.3em 0.3em 0 0 var(--color-2);
  border      : 1px solid var(--color-2);
  background  : var(--color-1);
}

a.button.color_2:hover
{
  background : transparent;
}

a.button.color_2.inverse
{
  background : transparent;
}

a.button.color_2.inverse:hover
{
  background : var(--color-1);
}

/** UNDERLINE
 ***************************/

h1,
h2,
div:has(u),
pre
{
  z-index : 1;
}

h1 u,
h2 u,
div.title u,
pre u
{
  position        : relative;
  text-decoration : none;
  z-index         : 1;
}

h1 u:after,
h2 u:after,
div.title u:after,
pre u:after
{
  content          : "";
  position         : absolute;
  bottom           : 0;
  left             : -0.25em;
  right            : 0;
  margin           : 0 auto;

  height           : 0.4em;
  width            : calc(100% + 0.5em);

  background-color : var(--color-2);

  z-index          : -1;
}

h1 u:after {
   height           : 0.3em;
}

h1 u
{
  font-weight : bold;
}

h1 u:after
{
  bottom : 0.2em;
}

pre
{
  font-size : 1.25rem;
  position  : relative;
  margin    : 0px 0px 10px 0px;
  display   : inline-block;
  width     : auto;
}

pre + h2
{
  line-height : 1;
}

/** OL.CHECKMARKS
 ***************************/

ol
{
  padding : 0;
}

ol li
{
  font-size     : 1em;
  text-align    : left;

  position      : relative;

  display       : block;
  width         : 100%;
  padding-left  : 2em;
  padding-right : 1em;
  margin-bottom : 0.75em;

  border-radius : 10em;
  background    : var(--color-light);
}

@media (min-width : 1365px)
{
  ol li
  {
    width : 100%;
  }
}

ol li p
{
  margin : 0;
}

ol li:before
{
  content          : "\e5ca";

  color            : var(--color-light);
  font-family      : 'Material Symbols Outlined', sans-serif;
  font-weight      : bold;
  font-size        : 1em;
  text-align       : center;

  position         : absolute;
  left             : 0;
  top              : 3px;

  width            : 1.4em;
  height           : 1.4em;
  line-height      : 1.4em;
  vertical-align   : middle;

  border-radius    : 50%;

  background-color : var(--color-5);
}

/** ROTATION
 ***********************************************/

.rotating
{
  position : relative;
  height   : max-content;
}

.rotation.right_side.top img, .formulier .rotation.top_side.right img {
    width: 105px;
}

.content_line_4 .rotation img {
    width: 115px;
}

#home .rotating.rotatingright {
    max-width: 490px;
}

.rotating.rotatingright {
    max-width: 610px;
}

#hoofd > .element.text.content_line_1 .rotating
{
  width : auto;
}

@media (max-width : 768px)
{
  .rotation.right_side.top img, .content_line_4 .rotation img {
    width: 85px; 
  }
  
  .formulier .rotation.top_side.right img {
      width: 80px; 
  }
}

.rotating img
{
  display : block;
}

.rotating.arrow .rotation:after
{
  content         : '\f1e3';

  color           : var(--color-5);
  font-family     : 'Material Symbols Outlined', sans-serif;
  font-size       : 1.2em;

  position        : absolute;
  top             : 0;
  bottom          : 0;
  left            : 0;
  right           : 0;

  display         : flex;
  align-items     : center;
  justify-content : center;
}

.rotation
{
  position : absolute;
  width    : 8em;
  height   : 8em;
  z-index  : 2;
}

.rotation img
{
  position  : relative;
  animation : rotation 20s infinite linear;
  z-index   : -1;
}

@keyframes rotation
{
  from
  {
    transform : rotate(0deg);
  }
  to
  {
    transform : rotate(360deg);
  }
}

/** ROTATION POSITION
 ***********************************************/

.rotating .rotation.top_side
{
  top : -4rem;
}

.rotating .rotation.bottom_side
{
  bottom : -4rem;
}

.rotating .rotation.left_side
{
  left : -4rem;
}

.rotating .rotation.right_side
{
  right : -4rem;
}

.dienstpagina .rotating .rotation.right_side
{
  right : 3rem;
}


@media (max-width : 768px)
{
  .rotating .rotation.right_side
  {
    right : -2rem;
  }
  
  .rotating .rotation.left_side
  {
    left : -2rem;
  }
  
  .dienstpagina .rotating.rotatingright .rotation.right_side {
    right : -3rem;
  }
}


.rotating .rotation.top_side.left,
.rotating .rotation.bottom_side.left
{
  left : 2rem;
}

.rotating .rotation.top_side.center,
.rotating .rotation.bottom_side.center
{
  left   : 0;
  right  : 0;
  margin : 0 auto;
}

.rotating .rotation.top_side.right,
.rotating .rotation.bottom_side.right
{
  right : 2rem;
}

.rotating .rotation.left_side.top,
.rotating .rotation.right_side.top
{
  top : 2rem;
}

.rotating .rotation.left_side.center,
.rotating .rotation.right_side.center
{
  top    : 0;
  bottom : 0;
  margin : auto 0;
}

.rotating .rotation.left_side.bottom,
.rotating .rotation.right_side.bottom
{
  bottom : 2rem;
}

/** COLUMNS
 ***************************/

.columns
{
  display   : flex;
  flex-flow : row wrap;
  gap       : 2em;
}

@media (min-width : 1365px)
{
  .column
  {
    flex      : 1 1 45%;
    min-width : 12.5em;
  }
}

.auteurblok img {
  max-width: 150px !important;
  margin-top: 10px;
}

.auteurblok h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.light_block.auteurblok {
  max-width: 270px;
}

@media (max-width : 1365px)
{
   .columns
  {
    gap       : 0px;
    margin-top: 75px;
  }
  
  .columns.onze-tantes {
    display: block;
  }
  
  .columns.onze-tantes .column.gray_block {
    display: none;
  }
  
  .columns.onze-tantes h3 {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
  }
    
  .dienstencolumns {
    margin-top: 0px;
  }
  
  .dienstpagina .content_line_3 .columns {
    margin-top: 20px;
  }
  
  .dienstpagina .content_line_3 {
    padding-bottom: 0px;
  }
}


/** BLOCKS
 ***************************/

.gray_block,
.light_block
{
  padding       : 2em;

  overflow      : hidden;

  border-radius : 0.8em;
}

/** GRAY_BLOCK
 ***************************/

.gray_block
{
  background-color : var(--color-transparent-2);
}

/** LIGHT_BLOCK
 ***************************/

.light_block
{
  position         : relative;
  background-color : var(--color-light);
  box-shadow       : 0 0 0.5em hsl(0 0% 0% / 20%)
}

/** QUOTES
 ***************************/

.light_block .quotes
{
  color       : var(--color-link);
  font-size   : 5em;
  font-style  : italic;

  position    : absolute;
  right       : 2rem;
  bottom      : 1rem;

  line-height : 1rem;
}

/** MODULE
 ***********************************************/

/*.module .visible .scroller:has(.active) .row img*/
/*{*/
/*  filter : grayscale(1);*/
/*}*/

/*.module .visible .scroller .row.active img*/
/*{*/
/*  filter : grayscale(0);*/
/*}*/

.module.carrousel {
  height: 20em;
}

.module.carrousel .visible figure img {
  margin-right: 1em;
}

/** MODULE NAVIGATION
 ***************************/

.module .navigation
{
  font-size : 1em;
  display   : flex;
}

.module .navigation .navigation_buttons
{
  flex            : 1 1 45%;
  text-align      : right;

  display         : flex;
  justify-content : end;
}

.module .navigation .navigation_coat
{
  font-size        : 2em;

  display          : flex;
  align-items      : center;
  justify-content  : center;
  place-self       : center;
  gap              : 0.25em;

  padding          : 0.1em;
  width            : max-content;

  border-radius    : 5em;
  background-color : var(--color-light);
}

@media (min-width : 1365px)
{
  .module .navigation .navigation_coat {
    margin-right: 40px;
  }
}

@media (max-width : 1365px)
{
  .module .navigation .navigation_coat {
    margin-right: 30px;
    margin-bottom: 10px;
  }
}

.module .navigation .navigation_buttons .left,
.module .navigation .navigation_buttons .right
{
  color            : var(--color-light);
  display          : inline-block;
  width            : 1.5em;
  height           : 1.5em;

  border           : 2px solid var(--color-2);
  border-radius    : 50%;
  background-color : var(--color-1);

  cursor           : pointer;
}

.module .navigation .navigation_buttons .left:hover,
.module .navigation .navigation_buttons .right:hover
{
  color            : var(--color-1);
  background-color : var(--color-light);
}

.module .navigation .navigation_buttons .left:before,
.module .navigation .navigation_buttons .right:before
{
  font-size       : 1em;
  font-family     : 'Material Symbols Outlined', sans-serif;

  display         : flex;
  align-items     : center;
  justify-content : center;
  height          : inherit;
}

.module .navigation .navigation_buttons .left:before
{
  content : '\f1e6';
}

.module .navigation .navigation_buttons .right:before
{
  content : '\f1df';
}

/** CASE
 ***************************/

.module.case .visible .scroller .row
{
  padding-right : 1em;
}

.module.case .visible .scroller .row img
{
  height     : 21em;
  width      : 19em;
  object-fit : cover;
  max-height: none;
}

.module.case .title,
.module.case .text
{
  color : var(--color-dark);
}

.module.case .content .title
{
  display     : inline-block;
}

.blogsmodule .navigation_link {
  display: none;
}

@media (min-width : 1365px)
{
  .module.case {
    padding-right: 40px;
  }
  
  .module.case .navigation {
    margin-top: 30px;
  }
}

/** PERSONEL
 ***************************/

.module.personeel
{
  font-size : 1.25em;
}

.module.personeel .visible
{
  height : 25em;
}

.module.personeel .visible .scroller .row img
{
  height        : 100%;
  width         : 100%;
  object-fit    : cover;

  border-radius : 1em;
}

.module.personeel a:hover {
  color : #e1ccff;
}

.module.personeel .title,
.module.personeel .description
{
  color : var(--color-dark);
}

.module.personeel .content .title
{
  font-weight : bold;

  display     : inline-block;
  width       : max-content;
}

.module.personeel .content .title
{
  margin-left : 0.5em;
}

.module.personeel .content .collections {
  display: none;
}

@media (min-width : 1365px)
{
  .module.personeel {
      margin: 2.8em 0;
  }
  
  .module.personeel .navigation {
    padding-top: 25px;
  }
}

@media (max-width : 1365px)
{
  .overons .content_block_5 img {
    display: none;
  }
  
  .overons .content_block_8 .columns .column:last-child img {
    display: none; 
  }
  
  .overons #hoofd > .element.text.content_block_8 .columns {
    margin-top: 0px;
  }
  
  .overons #hoofd > .element.text.content_line_6 {
    padding-top: 55px;
    padding-bottom: 25px;
  }
  
  .overonspersoonlijk #hoofd > .element.text.content_block_2 {
    padding-top: 20px;
  }
}

/** REVIEW
 ***************************/

.module.review .review_block
{
  width            : 25em;
  border-radius    : 0.4em;
  background-color : var(--color-light);
}

.module.review .review_block .content
{
  position : relative;
  padding  : 3em 2em;
}

.module.review .content .quotes
{
  color       : var(--color-4);
  font-family : var(--font-special);
  font-size   : 5em;
  line-height : 1;
  text-align  : right;

  position    : absolute;
  top         : 0.1em;
  right       : 0.25em;
}

.module.review .review_block.active .content .quotes
{
  color : var(--color-link);
}

.module.review .content .title
{
  display     : flex;
  align-items : center;
  padding-top : 0.5em;
}

.module.review .content .title_text
{
  padding-top  : 0.1em;
  padding-left : 1em;
}

.module.review .content img
{
  display    : inline-block;
  max-height : 1em;
  margin     : 0;
}

.module.review .review_block .content .text
{
  height     : 12em;
  overflow-y : auto;
}

/** ARTIKEL
 ***************************/

.module.artikel > ul
{
  margin         : 1em 0;
  padding-bottom : 3em;
}

.module.artikel label
{
  font-size     : 1.3rem;

  position      : relative;
  padding       : 0.7rem 1rem 0.3rem;

  border-radius : 0.4rem 0.4rem 0 0;
}

.module.artikel .content
{
  padding       : 0 1rem 0.25rem;
  border-radius : 0 0 0.4rem 0.4rem;
}

.module.artikel input:checked ~ label,
.module.artikel input:checked ~ .content
{
  background-color : var(--color-light);
  border-bottom    : none;
}

.module.artikel input + label::after
{
  content        : '\f1e3';
  font-family    : 'Material Symbols Outlined', sans-serif;

  color          : var(--color-dark);
  text-align     : center;
  vertical-align : middle;

  position       : absolute;
  right          : 0;
  top            : 0;
  bottom         : 0;
  margin         : auto;

  padding-right  : 0.1em;
  width          : 2em;
  height         : 2em;
  line-height    : 1.7em;
}

.module.artikel input:checked + label::after
{
  content : '\f1e0';
}

@media (max-width : 1365px)
{
  .module.artikel.overview {
    max-width: 1000px;
  }
}

@media (max-width : 768px)
{

  .module.artikel.overview {
    max-width: 600px;
  }
}


@media (max-width : 500px)
{
  .module.artikel.overview {
    max-width: 330px;
  }
}

/** SITEMAP
 ***************************/

.module.sitemap
{
  height : auto;
}

.module.sitemap > ul > li > a
{
  font-size : 1em;
  border    : none;
  padding   : 0;
}

.module.sitemap > ul > li > a:hover
{
  text-decoration : underline;
}

#hoofd > .element.text.footer .footer_sitemap a {
    margin-left: 15px;
}
  
@media (min-width : 1365px)
{
  .module.sitemap > ul
  {
    flex-direction : row;
    gap            : 1em;
  }

  .module.sitemap li
  {
    min-width : 0;
  }
  
  #hoofd > .element.text.footer .footer_sitemap a {
    margin-left: 20px;
  }
}

/** ELEMENTEN
 ***********************************************/

[data-responsive] #hoofd > .element.text:empty
{
  margin  : 0;
  padding : 0;
}

/** UNIQUE-SELLING-POINTS
 ***************************/

#hoofd > .element.text.usp
{
  color            : var(--color-dark);
  background-color : var(--color-1);

  position         : sticky !important;
  top              : 0 !important;

  height           : 2.5rem !important;
  padding-top      : 0.1rem;

  z-index          : 999;
}

.unique-selling-points
{
  padding : 5px var(--element-padding);
  width   : 100%;
}

.unique-selling-points ul
{
  display         : flex;
  height          : 2em;
  margin          : 0;

  justify-content : space-around;
  flex-flow       : row;

  align-items     : center;

  overflow        : hidden;

  list-style-type : none;
}

.unique-selling-points ul li
{
  display         : flex;
  padding         : 0;
  margin          : 0;

  white-space     : nowrap;
  justify-content : center;
  align-items     : center;
}

.unique-selling-points ul li:before
{
  content     : "\e5ca";

  color       : var(--color-usp);
  font-family : 'Material Symbols Outlined', sans-serif;
  font-size   : 1.2em;

  position    : relative;
  top         : -0.075em;
  left        : -0.5rem;
}

@media (max-width : 1365px)
{
  .unique-selling-points
  {
    position : absolute;
    padding  : 4px;
  }

  .unique-selling-points ul
  {
    flex-flow       : column wrap;
    justify-content : center;
  }

  .unique-selling-points ul li
  {
    width           : 100%;
    justify-content : center;
    align-items     : center;
    animation       : scroll-horizontal 20s ease-out infinite alternate;
  }
}

@keyframes scroll-horizontal
{
  0%,
  28%
  {
    transform : translateX(0);
  }
  33%,
  63%
  {
    transform : translateX(-100%);
  }
  70%,
  100%
  {
    transform : translateX(-200%);
  }
}

/** MENU
 ***************************/

#hoofd > .element.menu
{
  height           : 5.75rem !important;
  top              : 2.5rem !important;

  background-color : var(--color-4);
}

#hoofd .element.menu ul.responsive ul {
  background-color : var(--color-4);
}

@media (min-width : 768px)
{
  #hoofd > .element.menu.top
  {
    padding-top    : 1em;
    padding-bottom : 1em;
  }
}

#hoofd > .element.menu ul a
{
  color : var(--color-dark);
}

#hoofd .element.menu ul.responsive li a {
  padding: .7em 1.6em;
}

@media (min-width : 1369px)
{
  #hoofd > .element.menu ul a
  {
    color : var(--color-dark);
  }
}


#hoofd > .element.menu li > a:hover,
#hoofd > .element.menu li.active > a
{
  color : var(--color-5);
}

#hoofd > .element.menu .bar_label
{
  color     : var(--color-dark);
  font-size : 1em;
}

#hoofd > .element.menu label
{
  color     : var(--color-dark);
  font-size : 0.4em;
}

@media (max-width : 1364px)
{
  #hoofd > .element.menu ul.responsive
  {
    background-color : hsl(40deg 20% 97.06%);
    width            : 100%;
    top              : 5.75rem;
  }
}

/** MENU STRUCTURE
 ***************************/

@media (min-width : 1365px)
{
  .element.menu.top
  {
    grid-template-columns : 15em auto 15em;
    grid-template-areas   : "top_logo top_menu top_phone";
  }
}

@media (max-width : 1364px)
{
  .element.menu.top
  {
    grid-template-columns : 5fr 1fr 1fr;
    grid-template-areas   : "top_logo top_phone top_menu";
  }
}

#hoofd > .element.menu
{
  display : grid;
}

#hoofd > .element.menu.top .website-menu-logo
{
  grid-area : top_logo;
}

#hoofd > .element.menu.top .website-menu-phone
{
  grid-area : top_phone;
}

#hoofd > .element.menu.top .website-menu-menu
{
  grid-area : top_menu;
  width    : 100%;
  justify-content: center;
  display: flex;
}

/** MENU|LOGO|CONTACT
 ***************************/

#hoofd > .element.menu.top .website-menu-logo img
{
  object-fit : contain;
}

@media (min-width : 1365px)
{
  #hoofd > .element.menu.top
  {
    place-items : center end;
  }

  #hoofd > .element.menu.top .website-menu-logo img
  {
    display : block;
    height  : 3.5em;
  }
}

@media (max-width : 1364px)
{
  #hoofd > .element.menu.top
  {
    padding-right : 0.5em;
  }

  #hoofd > .element.menu.top .website-menu-phone
  {
    display         : grid;
    align-items     : center;
    justify-content : center;
  }

  #hoofd > .element.menu.top .website-menu-logo img
  {
    height     : 1.5em;
    margin-top : 2.2em;
  }

  #hoofd > .element.menu.top .website-menu-phone a
  {
    padding : 0.5em 0.8em;
  }

  #hoofd > .element.menu.top .website-menu-menu,
  #hoofd > .element.menu.top .website-menu-phone
  {
    justify-items : center;
    padding       : 0 1em;
  }
}

@media (max-width : 768px)
{
  #hoofd > .element.menu.top .website-menu-phone a
  {
    width  : 130px;
    height : 3em;
  }
  
  .contact img {
    display: none;
  }
}

/** WAVES
 ***************************/

#hoofd > .element.text.content_line_2,
#hoofd > .element.text.content_line_5,
#hoofd > .element.text.content_line_6
{
  z-index : 300;
}

.core-value,
.regeltante_regelt_het,
.social-media-marketing,
.altijd-goed-geregeld,
.jouw-merk-zichtbaar
{
  position            : absolute;
  left                : 0;
  right               : 0;
  top                 : 0;
  margin              : auto;

  height              : 100%;

  background-size     : auto 100%;
  background-position : center top;
  background-repeat   : repeat-x;

  z-index             : -1;
}

@media (min-width : 768px) {
  #home .core-value {
      top                 : 100px;
  }
}

@media (max-width : 768px) {
  #hoofd > .element.text.content_line_2 {
    z-index: 9;
  }
}

/** core_values
 ***************************/

.core-value
{
  background-image    : url("/websites/1844/images/core_values.svg"),
  linear-gradient(180deg, var(--color-4) 50%, var(--color-light) 50%, var(--color-light));
}

@media (max-width : 768px) {
.core-value
{
  background-image    : url("/websites/1844/images/wave-tekstloos.png"),
  linear-gradient(180deg, var(--color-4) 50%, var(--color-light) 50%, var(--color-light));
}
}

/** REGELTANTE_REGELT_HET
 ***************************/

.regeltante_regelt_het
{
  background-position : center 20%;
}

#hoofd > .element.text.content_line_5 .regeltante_regelt_het
{
  background-image : url("/websites/1844/images/regeltante-regelt-het.svg"),
  linear-gradient(180deg, var(--color-4) 50%, var(--color-light) 50%, var(--color-light));
}

#hoofd > .element.text.content_line_6 .regeltante_regelt_het
{
  background-image : url("/websites/1844/images/regeltante-regelt-het.svg"),
  linear-gradient(180deg, var(--color-light) 50%, var(--color-light) 50%, var(--color-light));
}

@media (max-width : 768px) {
  #hoofd > .element.text.content_line_5 .regeltante_regelt_het, #hoofd > .element.text.content_line_6 .regeltante_regelt_het {
    background-image : url("/websites/1844/images/wave-tekstloos-peach.png");
  }
}
/** social-media-marketing
 ***************************/

.social-media-marketing
{
  background-image : url("/websites/1844/images/social-media-marketing.svg"),
  linear-gradient(180deg, transparent 50%, var(--color-light) 50%, var(--color-light));
}

@media (max-width : 768px) {
 .social-media-marketing {
    background-image : url("/websites/1844/images/wave-tekstloos-peach.png"),
  linear-gradient(180deg, transparent 50%, var(--color-light) 50%, var(--color-light));
  }
  
  .social-media-marketing.text-on-mobile {
     background-image : url("/websites/1844/images/social-media-marketing.svg"),
  linear-gradient(180deg, transparent 50%, var(--color-light) 50%, var(--color-light));
  }
}

@media (min-width : 1365px)
{
  .onze-tantes
  {
    position    : absolute;
    align-items : end;
    padding-top: 25px;
  }
  
  .onze-tantes h3 {
    margin-bottom: 0px;
  }
}

/** altijd-goed-geregeld
 ***************************/

.altijd-goed-geregeld
{
  height           : 15em;

  background-image : url("/websites/1844/images/altijd-goed-geregeld.svg"),
  linear-gradient(180deg, var(--color-4) 50%, var(--color-4) 50%, transparent);
}

/** jouw-merk-zichtbaar
 ***************************/

.jouw-merk-zichtbaar
{
  background-image : url("/websites/1844/images/jouw-merk-zichtbaar.svg"),
  linear-gradient(180deg, var(--color-4) 50%, var(--color-light) 50%, var(--color-light));
}

.dienstpagina .jouw-merk-zichtbaar
{
  background-image : url("/websites/1844/images/jouw-merk-zichtbaar.svg"),
  linear-gradient(180deg, var(--color-light) 50%, var(--color-light) 50%, var(--color-light));
}

.dieptepagina .jouw-merk-zichtbaar
{
  background-image : url("/websites/1844/images/jouw-merk-zichtbaar.svg"),
  linear-gradient(180deg, var(--color-4) 50%, var(--color-light) 50%, var(--color-light));
}

@media (max-width : 768px) {
  #hoofd > .element.text.content_line_5 .regeltante_regelt_het {
    background-image : url("/websites/1844/images/wave-tekstloos-peach.png"),
    linear-gradient(180deg, var(--color-4) 50%, var(--color-light) 50%, var(--color-light));
  }
}


/** background-color
 ***************************/

#hoofd > .element.text.content_block_1,
#hoofd > .element.text.content_block_2,
#hoofd > .element.text.content_line_1,
#hoofd > .element.text.content_line_2,
#hoofd > .element.text.content_line_4,
#hoofd > .element.text.content_line_5,
#hoofd > .element.text.content_block_5,
#hoofd > .element.text.content_block_6,
.dienstpagina #hoofd > .element.text.content_line_7,
#hoofd > .element.text.contact,
#hoofd > .element.text.formulier,
#hoofd > .element.text.review
{
  background-color : var(--color-4);
}

.dienstpagina #hoofd > .element.text.content_line_2,
#hoofd > .element.text.content_line_3,
#hoofd > .element.text.content_block_3,
#hoofd > .element.text.content_block_4,
#hoofd > .element.text.content_line_5,
#hoofd > .element.text.content_block_7,
#hoofd > .element.text.content_block_8,
#hoofd > .element.text.content_line_6,
#hoofd > .element.text.content_line_7,
.dienstpagina #hoofd > .element.text.contact,
.dienstpagina #hoofd > .element.text.formulier
{
  background-color : var(--color-light);
}

/** CORE_VALUE_BLOCKS
 ***************************/

.core_value_blocks
{
  display   : flex;
  flex-flow : row wrap;
  gap       : 1em;
}

.core_value_block
{
  flex             : 1 1 100%;
  padding          : 2.75em;

  border-radius    : 0.5em;

  background-color : var(--color-transparent-1)
}

@media (min-width : 500px)
{
  .core_value_block
  {
    flex      : 1 1 30%;
    min-width : 22.5em;
    
  }
  
  .core_value_blocks {
    width: 100%;
    max-width: 1350px;
  }

  .core_value_block h2
  {
    width : max-content;
  }
}

.core_value_block h2
{
  font-size   : 1.5rem;
  font-weight : 700;
}

/** CONTENT LINE
 ***************************/

#hoofd > .element.text.content_line_4 .rotation
{
  position : absolute;
  top      : -4em;
  left     : 0;
  right    : 0;
  margin   : 0 auto;
}

/** CONTENT BLOCK
 ***************************/

#hoofd > .element.text.content_block_2
{
  z-index : 350;
}

#hoofd > .element.text.content_line_3
{
  background-color : var(--color-light);
  border-radius    : 0 0 2em 2em;
}

/** STRATEGIE
 ***************************/

#hoofd > .element.text.content_line_3 .strategie_link
{
  font-size     : 1.25em;

  position      : relative;
  padding       : 0.5em 1em;
  margin-bottom : 0.5em;

  cursor        : pointer;
}

#hoofd > .element.text.content_line_3 .strategie_link:hover,
#hoofd > .element.text.content_line_3 .strategie_link.active
{
  background-color : var(--color-1);
}

#hoofd > .element.text.content_line_3 .strategie_link:after
{
  content     : "\e0b2";

  font-family : 'Material Symbols Outlined', sans-serif;
  font-size   : 1.1em;

  position    : absolute;
  right       : 1em;
  top         : 0;
  bottom      : 0;

  display     : flex;
  align-items : center;
}


@media (max-width : 1365px)
{
  #hoofd > .element.text.content_line_3 .strategie_link:after {
     right       : 2.5em;
  }
  
}


#hoofd > .element.text.content_line_3 .strategie_link.active:after
{
  content   : "\e941";
  font-size : 1.1em;
}

#hoofd > .element.text.content_line_3 .strategie_blokken
{
  padding          : 2em;

  overflow         : hidden;

  border-radius    : 0.4em;
  background-color : hsl(24deg 28% 93% / 90%);
}

#hoofd > .element.text.content_line_3 .strategie_blokken h2
{
  width : max-content;
}

#hoofd > .element.text.content_line_3 .strategie_blok
{
  display : none;
}

#hoofd > .element.text.content_line_3 .strategie_blok.active
{
  display : block;
}

/** DIENSTEN
 ***************************/

.diensten
{
  position : relative;
}

@media (max-width : 1364px)
{
  .dieptepagina #hoofd > .element.text.content_block_3 img
  {
    display : none;
  }
  
  .dieptepagina #hoofd > .element.text.content_block_4 {
    grid-area: content_block_4;
    padding-bottom: 55px;
    padding-top: 0px;
  }
  
  .dieptepagina #hoofd .content_block_8 img {
    padding-bottom: 20px;
  }
  
  .dienstpagina #hoofd > .element.text.contact {
    padding-top: 45px;
    padding-bottom: 0px;
  }
  
  #hoofd > .element.text.formulier {
    padding-bottom: 90px !important;
  }
}

.diensten_button a.button.color_2.inverse
{
  background-color : var(--color-4);
}

@media (min-width : 1365px)
{
  .diensten_grid
  {
    position : absolute;
    bottom   : 80px;
    left     : 8em;
  }
  
  .diensten_button
  {
    text-align : right;
  }

  .diensten_button a.button.color_2.inverse
  {
    background-color : var(--color-light);
  }
}

/** DIENSTEN STRUCTURE
 ***************************/

.diensten_grid
{
  display               : grid;
  grid-gap              : 1em;
  grid-template-areas   :
    "strategie strategie"
    ". button";
}

@media (max-width : 1365px)
{
  .diensten_grid
  {
    grid-gap              : 1em;
    grid-template-rows    : auto 4em;
    grid-template-columns : auto;
    grid-template-areas   :
    "strategie"
    "button";
  }
}

.diensten_grid .diensten_strategie
{
  grid-area : strategie;
}

.diensten_grid .diensten_button
{
  grid-area : button;
}

/** CONTACT|FORMULIER
 ***************************/

#hoofd > .element.text.contact
{
  border-radius : 0 0 0 2em;
}

#hoofd > .element.text.formulier
{
  border-radius : 0 0 2em 0;
}

#hoofd > .element.text.formulier .rotating
{
  width : 100%;
}

.element.text.contact img {
  margin-top: 15px;
}

/** FOOTER
 ***************************/

#hoofd > .element.text.footer
{
  background-color : var(--color-3);
  border-radius    : 2em 2em 0 0;
}

#hoofd > .element.text.footer h2
{
  line-height : 1.2;
}

#hoofd > .element.text.footer .social img
{
  margin-right : 0.5em;
}

#hoofd > .element.text.footer .footer_sitemap
{
  border-top    : 1px solid var(--color-4);
  border-bottom : 1px solid var(--color-4);
}

#hoofd > .element.text.footer .footer_titel,
#hoofd > .element.text.footer .footer_contact,
#hoofd > .element.text.footer .footer_sitemap,
#hoofd > .element.text.footer .footer_copyright
{
  padding : 1em 0;
}

#hoofd > .element.text.footer #copyright
{
  margin : 1em 0;
}

#website_footer
{
  display : none;
}

/** FOOTER STRUCTURE
 ***************************/

@media (min-width : 768px)
{
  #hoofd > .element.text.footer
  {
    display               : grid;

    grid-template-columns : 5fr 20em;
    grid-template-areas   :
      "footer_titel footer_contact"
      "footer_sitemap footer_sitemap"
      "footer_copyright footer_logo";
  }
}

@media (max-width : 768px)
{
#hoofd > .element.text.footer {
  display               : grid;

  grid-template-columns : auto;
  grid-template-areas   :
      "footer_titel"
      "footer_contact"
      "footer_sitemap"
      "footer_copyright"
      "footer_logo";
  }

  .footer_titel h3 {
    margin-bottom: 20px;
  }
}

#hoofd > .element.text.footer .footer_titel
{
  grid-area : footer_titel;
}

#hoofd > .element.text.footer .footer_contact
{
  grid-area : footer_contact;
}

#hoofd > .element.text.footer .footer_sitemap
{
  grid-area : footer_sitemap;
}

#hoofd > .element.text.footer .footer_copyright
{
  grid-area : footer_copyright;
}

#hoofd > .element.text.footer .footer_logo
{
  grid-area : footer_logo;
}

/** SOCIALMEDIA
 ***************************/

#hoofd > .element.text.socialmedia
{
  text-align : center;

  position   : fixed !important;
  top        : auto !important;
  left       : auto !important;
  bottom     : 5em;
  right      : 0;

  padding    : 0;

  width      : 4em;

  z-index    : 500;
}

#hoofd > .element.text.socialmedia .side-fixture-whatsapp img
{
  max-width : 3em;
  cursor    : pointer;
}

#hoofd > .element.text.socialmedia img
{
  max-width : 1.5em;
}

#hoofd > .element.text.socialmedia img:hover
{
  filter : invert(1);
}

#hoofd > .element.text.socialmedia .side-fixture
{
  width            : 100%;
  height           : 13.5em;
  padding-top      : 1em;

  background-color : var(--color-3);
  border-radius    : 2em 0 0 2em;
}

#hoofd > .element.text.socialmedia a
{
  color      : var(--color-light);

  display    : inline-block;
  margin-top : 0.5em;
}

a.whatsappme {
    display: block !important;
}

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

#hoofd
{
  padding-bottom : 0.5em;
}

body[data-responsive] #hoofd > .element.text.scrollbar
{
  position : fixed !important;
  bottom   : 0;

  padding  : 0;

  z-index  : 1000;
}

.element.text.scrollbar .luna-scrollbar-track
{
  background-color : var(--color-light);
}

.element.text.scrollbar .luna-scrollbar-thumb
{
  background-color : var(--color-3);
}

/** FORM
 ***********************************************/

fieldset
{
  width            : 100%;
  padding          : 4em 4em 5em;
  border-radius    : 1em;
  border           : none;
  background-color : var(--color-light);
}

form
{
  font-size : 0.85em;
}

form label
{
  color       : var(--color-dark);
  font-weight : bold;

  margin      : 0.35em 0.75em 0 0;
}

form input,
form select,
form textarea
{
  color            : var(--color-dark);

  margin-bottom    : 0.75em;

  border           : none;
  background-color : white;
  box-shadow       : none;
  border-radius    : 0.2em;
}

form input,
form textarea
{
  padding : 1.25em 0.75em;
}

form input[type=submit]
{
  color         : var(--color-light);
  font-weight   : bold;
  text-align    : left;

  position      : absolute;
  top           : 0;
  left          : 0;

  width         : inherit;
  margin        : 0;
  padding       : 0 1.5em;

  border        : 1px solid var(--color-button);
  border-radius : 0.8em;
  background    : var(--color-button);

  box-shadow    : 0.3em 0.3em 0 0 var(--color-6);
}

form input[type=submit]:hover
{
  color      : var(--color-button);
  background : transparent;
}

/** STRUCTURE
 ***********************************************/

/** PADDING
 *************************************/

#hoofd > .element.menu,
#hoofd > .element.text.usp,
#hoofd > .element.text.scrollbar
{
  padding : 0;
}

#hoofd > .element.text.content_block_1,
#hoofd > .element.text.content_block_2,
#hoofd > .element.text.content_line_1,
#hoofd > .element.text.content_line_3,
#hoofd > .element.text.content_block_3,
#hoofd > .element.text.content_block_4,
#hoofd > .element.text.content_block_5,
#hoofd > .element.text.content_block_6,
#hoofd > .element.text.content_line_4,
#hoofd > .element.text.content_block_7,
#hoofd > .element.text.content_block_8,
#hoofd > .element.text.content_line_7,
#hoofd > .element.text.review,
#hoofd > .element.text.contact,
#hoofd > .element.text.formulier,
#hoofd > .element.text.footer
{
  padding : 2em;
}

#hoofd > .element.text.content_line_2,
#hoofd > .element.text.content_line_5,
#hoofd > .element.text.content_line_6,
#hoofd > .element.menu
{
  padding : 0 2em;
}

#home #hoofd > .element.text.content_block_1 {
  display: flex;
  align-items: center;
}



@media (max-width : 768px)
{
  
  #hoofd > .element.text.content_block_6 {
    padding-bottom: 50px;
  }
  
  #hoofd > .element.text.content_block_7 {
    padding-top: 40px;
  }
  
  #hoofd > .element.text.content_block_1
  {
    padding-bottom : 0;
  }

  #hoofd > .element.text.content_block_2
  {
    padding-top : 0;
  }
  
  #hoofd > .element.text.content_line_4 {
    padding-top: 60px;
  }
  
   #hoofd > .element.text.content_block_8 {
    padding-bottom: 50px;
  }
  
   #hoofd > .element.text.content_line_5 {
      padding-top: 55px;
      padding-bottom: 25px;
  }
}

@media (min-width : 1365px)
{
  #hoofd > .element.text.content_block_1,
  #hoofd > .element.text.content_block_2,
  #hoofd > .element.text.content_line_1
  {
    padding : 4em;
  }

  #hoofd > .element.text.content_line_2,
  #hoofd > .element.text.content_line_3,
  #hoofd > .element.text.content_block_3,
  #hoofd > .element.text.content_block_4,
  #hoofd > .element.text.content_block_5,
  #hoofd > .element.text.content_block_6,
  #hoofd > .element.text.content_line_4,
  #hoofd > .element.text.content_line_5,
  #hoofd > .element.text.content_block_7,
  #hoofd > .element.text.content_block_8,
  #hoofd > .element.text.content_line_6,
  #hoofd > .element.text.content_line_7,
  #hoofd > .element.text.review,
  #hoofd > .element.text.contact,
  #hoofd > .element.text.formulier,
  #hoofd > .element.text.footer
  {
    padding : 8em 4em;
  }

  #hoofd > .element.menu,
  #hoofd > .element.text.content_block_1,
  #hoofd > .element.text.content_line_1,
  #hoofd > .element.text.content_line_2,
  #hoofd > .element.text.content_line_3,
  #hoofd > .element.text.content_block_3,
  #hoofd > .element.text.content_block_5,
  #hoofd > .element.text.content_line_4,
  #hoofd > .element.text.content_line_5,
  #hoofd > .element.text.content_block_7,
  #hoofd > .element.text.content_line_6,
  #hoofd > .element.text.content_line_7,
  #hoofd > .element.text.review,
  #hoofd > .element.text.contact,
  #hoofd > .element.text.footer
  {
    padding-left : var(--element-padding);
  }

  #hoofd > .element.menu,
  #hoofd > .element.text.content_block_2,
  #hoofd > .element.text.content_line_1,
  #hoofd > .element.text.content_line_2,
  #hoofd > .element.text.content_line_3,
  #hoofd > .element.text.content_block_4,
  #hoofd > .element.text.content_block_6,
  #hoofd > .element.text.content_line_4,
  #hoofd > .element.text.content_line_5,
  #hoofd > .element.text.content_block_8,
  #hoofd > .element.text.content_line_6,
  #hoofd > .element.text.content_line_7,
  #hoofd > .element.text.review,
  #hoofd > .element.text.formulier,
  #hoofd > .element.text.footer
  {
    padding-right : var(--element-padding);
  }
  
  #home #hoofd > .element.text.content_line_1 {
    padding-top: 10px;
  }
  
  #home #hoofd > .element.text.content_line_2 {
    padding: 11px 0px;
    justify-content: center;
    display: flex
  }
  
  #hoofd > .element.text.content_line_4 {
    padding-bottom: 100px;
  }
  
  .gallerypagina #hoofd > .element.text.content_block_3 {
    padding-bottom: 20px;
  }
  
  .gallerypagina #hoofd > .element.text.content_line_4 {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  
  #home #hoofd > .element.text.content_line_5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  
  #home #hoofd > .element.text.content_line_3 {
    padding-top: 225px;
  }
  
  .formulierpagina #hoofd > .element.text.contact {
    padding-top: 110px;
  }
  
  .formulierpagina #hoofd > .element.text.formulier {
    padding-top: 110px;
  }
  
  .overons #hoofd > .element.text.content_line_2, .overonspersoonlijk #hoofd > .element.text.content_line_2 {
    padding-top: 25px;
    padding-bottom: 110px;
  }
  
  .overons #hoofd > .element.text.content_line_3, .overonspersoonlijk #hoofd > .element.text.content_line_3 {
    padding-top: 135px;
  }
}

@media (min-width : 1365px)
{
  #hoofd > .element.text.review {
    padding-bottom: 40px;
  }
  
  .casepagina #hoofd > .element.text.content_block_3, .casepagina #hoofd > .element.text.content_block_4 {
    padding-top: 75px;
  }
}

@media (max-width : 1365px)
{
  .casepagina #hoofd > .element.text.content_block_4, .casepagina #hoofd > .element.text.content_block_5 {
    padding-top: 0px;
  }
  
  #home #hoofd > .element.text.formulier, .overons #hoofd > .element.text.formulier  {
    padding: 0px !important;
  }
}


/** GRID
 ***************************/

@media (min-width : 1365px)
{
  #hoofd
  {
    grid-gap              : 0;
    grid-template-columns : 1fr 10em 10em 1fr;
    grid-template-areas   :
      "usp usp usp usp"
      "menu menu menu menu"
      "content_block_1 content_block_1 content_block_2 content_block_2"
      "content_line_1 content_line_1 content_line_1 content_line_1"
      "content_line_2 content_line_2 content_line_2 content_line_2"

      "content_line_3 content_line_3 content_line_3 content_line_3"
      "content_block_3 content_block_3 content_block_4 content_block_4"
      
      "content_line_4 content_line_4 content_line_4 content_line_4"
      "content_block_5 content_block_6 content_block_6 content_block_6"
      
      "content_line_5 content_line_5 content_line_5 content_line_5"
      "content_block_7 content_block_8 content_block_8 content_block_8"
      "content_line_6 content_line_6 content_line_6 content_line_6"

      "content_line_7 content_line_7 content_line_7 content_line_7"

      "contact formulier formulier formulier"
      "review review review review"

      "footer footer footer footer"
      "scrollbar scrollbar scrollbar scrollbar";
  }
  
   .dienstpagina #hoofd
  {
    grid-gap              : 0;
    grid-template-columns : 1fr 10em 10em 1fr;
    grid-template-areas   :
      "usp usp usp usp"
      "menu menu menu menu"
      "content_block_1 content_block_2 content_block_2 content_block_2"
      "content_line_1 content_line_1 content_line_1 content_line_1"
      "content_line_2 content_line_2 content_line_2 content_line_2"

      "content_block_3 content_block_3 content_block_4 content_block_4"
      
      "content_line_4 content_line_4 content_line_4 content_line_4"
      
      "content_line_3 content_line_3 content_line_3 content_line_3"
      
      "content_block_5 content_block_6 content_block_6 content_block_6"
      
      "content_line_5 content_line_5 content_line_5 content_line_5"
      "content_block_7 content_block_7 content_block_8 content_block_8"
      "content_line_6 content_line_6 content_line_6 content_line_6"

      "review review review review"
      
      "contact formulier formulier formulier"
      "content_line_7 content_line_7 content_line_7 content_line_7"

      "footer footer footer footer"
      "scrollbar scrollbar scrollbar scrollbar";
  }
}

@media (max-width : 1365px)
{
  #hoofd
  {
    grid-gap              : 0;
    grid-template-columns : auto;
    grid-template-areas   :
      "usp"
      "menu"
      "content_block_1"
      "content_block_2"
      "content_line_1"
      "content_line_2"
      "content_line_3"
      "content_block_3"
      "content_block_4"
      "content_line_4"
      "content_block_5"
      "content_block_6"
      "content_line_5"
      "content_block_7"
      "content_block_8"
      "content_line_6"
      "content_line_7"
      "contact"
      "formulier"
      "review"
      "footer"
      "scrollbar";
  }
  
  .dienstpagina #hoofd
  {
    grid-gap              : 0;
    grid-template-columns : auto;
    grid-template-areas   :
      "usp"
      "menu"
      "content_block_1"
      "content_block_2"
      "content_line_1"
      "content_line_2"
      "content_block_3"
      "content_block_4"
      "content_line_4"
      "content_line_3"
      "content_block_5"
      "content_block_6"
      "content_line_5"
      "content_block_7"
      "content_block_8"
      "content_line_6"
      "review"
      "contact"
      "formulier"
      "content_line_7"
      "footer"
      "scrollbar";
  }
  
  .casepagina #hoofd
  {
    grid-gap              : 0;
    grid-template-columns : auto;
    grid-template-areas   :
      "usp"
      "menu"
      "content_block_1"
      "content_block_2"
      "content_line_1"
      "content_line_2"
      "content_block_3"
      "content_block_4"
      "content_line_4"
      "content_line_3"
      "content_block_6"
      "content_block_5"
      "content_line_5"
      "content_block_7"
      "content_block_8"
      "content_line_6"
      "content_line_7"
      "review"
      "contact"
      "formulier"
      "footer"
      "scrollbar";
  }
}

#hoofd > .element.text.usp
{
  grid-area : usp;
}

#hoofd > .element.menu
{
  grid-area : menu;
}

#hoofd > .element.text.content_block_1
{
  grid-area : content_block_1;
}

#hoofd > .element.text.content_block_2
{
  grid-area : content_block_2;
}

#hoofd > .element.text.content_line_1
{
  grid-area : content_line_1;
}

#hoofd > .element.text.content_line_2
{
  grid-area : content_line_2;
}

#hoofd > .element.text.content_line_3
{
  grid-area : content_line_3;
}

#hoofd > .element.text.content_block_3
{
  grid-area : content_block_3;
}

#hoofd > .element.text.content_block_4
{
  grid-area : content_block_4;
}

#hoofd > .element.text.content_line_4
{
  grid-area : content_line_4;
}

#hoofd > .element.text.content_block_5
{
  grid-area : content_block_5;
}

#hoofd > .element.text.content_block_6
{
  grid-area : content_block_6;
}

#hoofd > .element.text.content_line_5
{
  grid-area : content_line_5;
}

#hoofd > .element.text.content_block_7
{
  grid-area : content_block_7;
}

#hoofd > .element.text.content_block_8
{
  grid-area : content_block_8;
}

#hoofd > .element.text.content_line_6
{
  grid-area : content_line_6;
}

#hoofd > .element.text.content_line_7
{
  grid-area : content_line_7;
  padding-top: 5em;
  padding-bottom: 2em;
}

#hoofd > .element.text.review {
   grid-area : review;
   padding-top: 2em;
}
  
@media (max-width : 768px)
{
  #hoofd > .element.text.review
  {
    padding-top: 4em;
  }
  
  #hoofd > .element.text.content_block_2 {
    padding-bottom: 50px;
  }
  
  .content_line_3 .columns .column .diensten img {
    display: none;
  }
}

#hoofd > .element.text.contact
{
  grid-area : contact;
}

#hoofd > .element.text.formulier
{
  grid-area : formulier;
}

#hoofd > .element.text.footer
{
  grid-area : footer;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: -15px;
}

#hoofd > .element.text.scrollbar
{
  grid-area : scrollbar;
}

/** FONT
 ***********************************************/

@font-face
{
  font-family  : "Mont";
  font-weight  : 100;
  font-style   : italic;
  src          : url("media/mont/Mont-ThinItalic.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 100;
  font-style   : normal;
  src          : url("media/mont/Mont-Thin.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 200;
  font-style   : italic;
  src          : url("media/mont/Mont-ExtraLightItalic.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 200;
  font-style   : normal;
  src          : url("media/mont/Mont-ExtraLight.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 300;
  font-style   : italic;
  src          : url("media/mont/Mont-LightItalic.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 300;
  font-style   : normal;
  src          : url("media/mont/Mont-Light.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 400;
  font-style   : italic;
  src          : url("media/mont/Mont-BookItalic.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 400;
  font-style   : normal;
  src          : url("media/mont/Mont-Book.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 600;
  font-style   : italic;
  src          : url("media/mont/Mont-SemiBoldItalic.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 600;
  font-style   : normal;
  src          : url("media/mont/Mont-SemiBold.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 700;
  font-style   : italic;
  src          : url("media/mont/Mont-BoldItalic.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 700;
  font-style   : normal;
  src          : url("media/mont/Mont-Bold.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 900;
  font-style   : italic;
  src          : url("media/mont/Mont-BlackItalic.ttf") format("truetype");
  font-display : block;
}

@font-face
{
  font-family  : "Mont";
  font-weight  : 900;
  font-style   : normal;
  src          : url("media/mont/Mont-Black.ttf") format("truetype");
  font-display : block;
}