:root {
  --color-primary: #683431;
  --color-secondary: #924440;
  --color-primary-black: #1d1d1b;
  --color-primary-grey: #606060;
  --color-secondary-grey: #969696;
  --color-primary-white: #fcfcf3;
  --color-bg: #f7f7f7;
  --font-primary: 'Quicksand', sans-serif;
  --font-secondary: 'Poppins', sans-serif;
  --font-weight-normal: 300;
  --font-weight-medium: 400;
  --font-weight-bold: 700;
  --font-size-normal: 18px;
  --font-size-large: 22px;
  --font-size-small: 16px;
  --font-size-x-large: 24px;
  --font-size-xx-large: 32px;
  --font-size-xxx-large: 40px;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

textarea:focus, input:focus, select:focus, button:focus, option:focus {
  outline: none;
}

input[type=text],
input[type=submit],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea,
select,
option {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: var(--font-primary);
}

.fc button {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  height: 50px !important;
}

body.modal-open {
  overflow: visible;
}

.content {
  width: 96%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.spacer {
  padding-bottom: 120px;
}

.wysiwyg.white {
  color: white;
}

.wysiwyg:not(:last-child) {
  margin-bottom: 2rem;
}

.wysiwyg p {
  line-height: 150%;
}

.wysiwyg p:not(:last-child) {
  margin-bottom: 1rem;
}

.wysiwyg.large p {
  font-size: 1.2rem;
}

.wysiwyg h1 {
  font-size: 2.5rem;
  font-weight: 500;
  color: var(--color-primary);
  font-weight: bold;
  line-height: 125%;
}

.wysiwyg.white h1 {
  color: white;
}

.wysiwyg h1:not(:first-child) {
  margin-top: 3.5rem;
}

.wysiwyg h1:not(:last-child) {
  margin-bottom: 2.5rem;
}

.wysiwyg h2 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-primary);
  font-weight: bold;
  line-height: 125%;
}

.wysiwyg.white h2 {
  color: white;
}

.wysiwyg h2:not(:first-child) {
  margin-top: 3rem;
}

.wysiwyg h2:not(:last-child) {
  margin-bottom: 2rem;
}

.wysiwyg h3 {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-primary);
  font-weight: bold;
  line-height: 125%;
}

.wysiwyg.white h3 {
  color: white;
}

.wysiwyg h3:not(:first-child) {
  margin-top: 2rem;
}

.wysiwyg h3:not(:last-child) {
  margin-bottom: 1.5rem;
}

.wysiwyg ul {
  list-style: none;
}

.wysiwyg ul:not(:last-child) {
  margin-bottom: 3rem;
}

.wysiwyg ul li {
  position: relative;
  padding-left: 20px;
  line-height: 150%;
}

.wysiwyg ul li:after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 0.9rem;
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-primary);
}

.wysiwyg ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.wysiwyg a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 400;
}

.wysiwyg a:hover {
  text-decoration: underline;
}

.wysiwyg a.button {
  display: inline-block;
  background-color: var(--color-primary);
  color: white;
  text-decoration: none;
  font-weight: 400;
  padding: 8px 16px;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 16px;
}

.wysiwyg a.button.active, .wysiwyg a.button:hover {
  background-color: #fff;
  color: var(--color-primary);
}

/*Kalender*/
.fc-header-toolbar {
  padding: 10px 0;
}

.fc-toolbar * {
  font-family: 'Poppins', sans-serif !important;
}


.fc-header-toolbar h2 {
  font-weight: bold;
  line-height: 33.6px;
  color: #38251F;
  font-size: 1.4em;
  margin-top: 10px;
}

.fc-past.fc-day-top {
  opacity: .3;
}

.fc-day-top .fc-day-number {
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  margin-right: 2px;
  margin-top: 2px;
}

.fc-day-top.status-1 .fc-day-number {
  background-color: #C0EEC2;
  color: #2B2B2B;
  padding: 5px;
  font-weight: 700;
}

.fc-day-top.status-2 .fc-day-number {
  background: #e67e22;
  padding: 5px;
  color: #2B2B2B;
  font-weight: 700;
}

.fc-day-top.status-3 .fc-day-number {
  background: #e74c3c;
  padding: 5px;
  color: #fff;
  font-weight: 700;
}

.fc-scroller {
  overflow-x: visible !important;
}

.fc-toolbar button {
  border: 0;
  font-weight: 200;
  padding: 5px 15px !important;
  letter-spacing: .5px;
  border-radius: 0 !important;
}

.fc-day:hover {
  background: rgba(188, 232, 241, 0.3);
  cursor: pointer;
}

.fc-other-month.mondayFriday {
  opacity: 0.5;
}

.fc-left {
  padding: 5px;
}

.fc-right {
  padding: 5px;
  border-radius: 3px;
  border: none;
}

body .fc-state-default {
  background-color: rgb(50, 50, 50);
  color: #fff;
  text-shadow: none;
  background-image: none;
}

body .fc-state-active, .fc-state-down {
  box-shadow: none;
}

body .fc-state-active,
body .fc-state-disabled,
body .fc-state-down,
body .fc-state-hover {
  color: #fff;
  background-color: var(--color-secondary);
  border-radius: 0;
}

body .fc-state-hover {
  color: auto;
  text-decoration: none;
  background-position: center;
  -webkit-transition: background-position .0s linear;
  -moz-transition: background-position .0s linear;
  -o-transition: background-position .0s linear;
  transition: background-position .0s linear
}

.fc-header-toolbar h2 {
  line-height: 43.6px;
}

.mondayFriday {
  position: relative;
}

.mondayFriday:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to top left,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) calc(50% - 0.8px),
      rgba(0, 0, 0, 1) 50%,
      rgba(0, 0, 0, 0) calc(50% + 0.8px),
      rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

.mondayFriday:after {
  padding: 9.375px 5px;
  content: "\f52b";
  display: block;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  font-size: 35px;
  color: #353538;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 50%;
  border: 2px solid #000;
}

.mondayFriday.selected:after {
  background-color: #f1c40f;
  color: #fff;
}

.legend {
  font-size: 1em;
  width: 100%;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  background-color: #f5f5f5;
}

.legend_step {
  display: flex;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  padding: 5px 30px;
  margin: 10px 0;
  color: #919191;
  border-right: #fff 1px solid;
}

.legend_step:last-child {
  border-right: none;
}

.legend_step div {
  min-width: 20px;
  min-height: 20px;
  margin-right: 10px;
  border-radius: 200px;
}

.fc-icon-left-single-arrow:after {
  content: '\2190' !important;
  top: initial;
}

.fc-icon-right-single-arrow:after {
  content: '\2192' !important;
  top: initial;
}

.fc button .fc-icon {
  top: initial !important;
}

.buttons-hold {
  display: flex;
  justify-content: space-between !important;
  -ms-align-items: center;
  align-items: center;
  margin-top: 10px;
}

/* Einde Kalender */

/* Reservatie */
.step form .field {
  width: 49%;
}

.postcodeField {
  width: 19% !important;
}

.woonplaatsField {
  width: 28% !important;
}

.step select {
  width: 100%;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 2px solid #F4F4F4;
  padding: 10px 10px;
  color: #A8A8A8;
  margin-bottom: 20px;
  font-family: 'Poppins', serif;
}

.step .field.full {
  width: 100%;
}

.step textarea {
  height: 125px;
}

.buttons-hold {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.buttons-hold button {
  padding: 15px;
  border-radius: 8px;
  font-weight: bold;
  border: 0;
}

.buttons-hold button.back {
  background-color: rgb(220, 220, 220);
  border-radius: 0;
  font-family: "Poppins", sans-serif;

}

.buttons-hold button.submit {
  border-radius: 0;
  color: white;
  font-family: "Poppins", sans-serif;
  background-color: var(--color-secondary);
}

.step-2>h2 {
  text-align: center;
  width: 100%;
  font-size: 1.1em;
  font-weight: 200;
}

.step-2>h2 span {
  display: block;
  font-size: 1.2em;
  font-weight: 700;
}

.reserverenform {
  width: 100%;
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 50px;
  background-color: #fbfbfb;
}

.reserverenform h3 {
  font-size: 1.3em;
  font-weight: 700;
  color: #353535;
  border-top: 2px solid white;
  padding-top: 30px;
  width: 100%;
  margin-bottom: 30px;
}

.reserverenform h3:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.reserverenform .field label {
  font-size: 1.2em;
  font-weight: 200;
  display: inline-block;
  margin-bottom: 8px;
}

.reserverenform .field label span {
  font-size: .6em;
}

.reserverenform input[type=text], .reserverenform input[type=email], .reserverenform select {
  width: 100%;
  border: none;
  background-color: #fff;
  padding: 10px;
  color: #353535;
  font-size: 1.1em;
  font-weight: 200;
  margin-bottom: 25px;
  font-family: Poppins, sans-serif;
}

.reserverenform select {
  background-image: url(/images/select.png);
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Einde Reservatie */

/* Curtaindrop */

.curtain-click {
  cursor: pointer;
  z-index: 10;
}

.curtain-click.title {
  padding: 10px 350px 10px 30px;
  padding-top: 7px;
  width: fit-content;
  margin-bottom: 15px;
  position: absolute;
  top: 0;
  right: 10%;
}

@media screen and (max-width: 1000px) {
  .curtain-click.title {
      padding-right: 200px;
  }
}

@media screen and (max-width: 850px) {
  .curtain-click.title {
      padding-right: 100px;
  }
}

@media screen and (max-width: 500px) {
  .curtain-click.title {
      padding-right: 0;
  }
}

.curtain-click.title span {
  background: linear-gradient(90deg, var(--color-primary-white), var(--color-primary-white), var(--color-primary-white));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
  background-size: 80%;
  animation: shine 5s linear infinite;
  position: relative;
  margin-left: 10px;
  font-weight: var(--font-weight-light);
  font-size: 16px;
  text-transform: uppercase;
}

.curtain-click i {
  color: rgba(255, 255, 255, 0.37);
}

@keyframes shine {
  0% {
    background-position-x: -500%;
  }

  100% {
    background-position-x: 500%;
  }
}

.curtaindrop {
  width: 100%;
  z-index: 1001;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
  position: fixed;
}

.curtaindrop > video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-height: 100%;
  min-width: 100%;
  z-index: 0;
  transform: translate(-50%, -50%);
}

.curtaindrop .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.678);
  opacity: 0.8;
}

.curtaindrop > div {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
  background-position: center;
  background-size: cover;
  background-color: rgba(58, 58, 58, 1);
}

.curtaindrop > div > div:last-child {
  position: absolute;
  left: 50%;
  width: 90%;
  max-width: 1500px;
  color: var(--color-primary-white);
  z-index: 200;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  text-align: center;
}

.curtaindrop .button {
  display: inline-block;
  padding: 10px 30px;
  background-color: transparent;
  cursor: pointer;
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  border-radius: 4px;
  font-size: 20px;
  color: var(--color-primary-white);
  border: 1px solid var(--color-primary-white);
  transition: all 0.8s ease;
  margin-top: 30px;
}

.curtaindrop .button:hover {
  background-color: var(--color-primary-white);
  color: var(--color-primary-grey);
}

.curtaindrop p {
  font-size: 1.4em;
  line-height: 1.6em;
}

.curtaindrop img {
  max-width: 1000px;
  width: 96%;
}

.curtaindrop h2 {
  font-weight: var(--font-weight-bold);
  font-size: 3em;
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
}

.curtaindrop .line {
  background-color: white;
  width: 50px;
  height: 2px;
  margin: 20px auto;
}

.curtaindrop > span {
  position: absolute;
  left: -123px;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  border-right: 18px solid transparent;
  border-top: 34px solid #b0d49b;
  border-left: 18px solid transparent;
}

.curtaindrop > span > i {
  font-style: normal;
  position: absolute;
  right: 20px;
  cursor: pointer;
  color: #b0d49b;
  width: 300px;
  overflow: hidden;
  top: -34px;
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: right;
}

.curtaindrop > span:before {
  position: absolute;
  top: -38px;
  cursor: pointer;
  left: -17px;
  height: 34px;
  line-height: 34px;
  color: var(--color-primary-white);
  font-weight: var(--font-weight-bold);
  font-size: 25px;
  width: 36px;
  display: block;
  text-align: center;
  content: '!';
}

.curtaindrop .curtain-close {
  position: absolute;
  right: 40px;
  top: 30px;
  font-size: 40px;
  cursor: pointer;
  color: var(--color-primary-white);
  z-index: 100000000;
}

/* Einde Curtaindrop */

.bevestiging_bg {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/images/bevestiging.jpg);
}

.bevestiging {
  padding: 50px;
  -webkit-box-shadow: 0px 2px 22px 0px rgba(212, 212, 212, 0.35);
  -moz-box-shadow: 0px 2px 22px 0px rgba(212, 212, 212, 0.35);
  box-shadow: 0px 2px 22px 0px rgba(212, 212, 212, 0.35);
  display: flex;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  background-color: white;
  border-radius: 10px;
}

.bevestiging i {
  margin-bottom: 20px;
  font-size: 3em;
  color: var(--color-secondary);
}

.bevestiging h2 {
  color: #a8a8a8;
  text-transform: uppercase;
  font-size: 1.1em;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-family: 'Poppins', sans-serif;
}

.bevestiging h1 {
  color: #353535;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1.7em;
  line-height: 150%;
  max-width: 600px;
  margin-bottom: 5px;
}

.bevestiging p {
  color: #a8a8a8;
  font-family: 'Poppins', sans-serif;
  font-size: 1.1em;
  margin-top: 5px;
  margin-bottom: 25px;
}

.bevestiging div {
  font-size: 1.2em;
  font-weight: 200;
  max-width: 800px;
  line-height: 150%;
  margin-bottom: 20px;
}

.bevestiging a {
  color: #fff;
  transition: all .3s;
  padding: 10px 30px;
  font-weight: 700;
  background-color: var(--color-secondary);
  cursor: pointer;
  border: 2px solid var(--color-secondary);
  font-family: 'Poppins', sans-serif;
  display: inline-block;
}

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


/* Cookie Melding */
.PL_Wrapper {
  position: fixed;
  left: 10px;
  bottom: 10px;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  z-index: 100;
  padding: 25px;
  transition: all .8s;
  -webkit-box-shadow: 0px 2px 22px 0px rgba(61, 61, 61, 0.41);
  -moz-box-shadow: 0px 2px 22px 0px rgba(61, 61, 61, 0.41);
  box-shadow: 0px 2px 22px 0px rgba(61, 61, 61, 0.41);
}

.PL_Wrapper h2 {
  color: #353535;
  font-weight: 700;
  font-size: 1.5em;
  margin-bottom: 15px;
}

.PL_Wrapper p {
  max-width: 500px;
  color: #979797;
  margin-bottom: 20px;
  text-align: justify;
  line-height: 150%;
}

.PL_Buttons {
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}

.PL_Buttons a {
  padding: 15px;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: #fff;
  width: 48%;
  font-size: 1.2em;
  font-weight: 200;
  cursor: pointer;
  text-align: center;
  transition: all .3s;
}

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

/* Einde Cookie Melding */

/* Navigatie */

.navigatie {
  z-index: 1000;
  color: #fff;
}

.navigatie>div {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}

.navigatie ul {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.navigatie ul a {
  font-size: 1.2em;
  font-weight: var(--font-weight-medium);
  color: var(--color-primary-black);
  margin: 0 20px;
  padding: 10px 0;
}

.navigatie .active a,.navigatie ul a:hover {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.logo {
  width: 280px;
  margin: 10px;
}

.special {
  background-color: var(--color-secondary);
  padding: 10px 25px !important;
  color: white !important;
  border-radius: 200px;
}

.res-nav {
  width: 100vw;
  height: 100vh;
  position: fixed;
  right: -100vw;
  top: 0;
  z-index: 1000;
  overflow: auto;
  transition: all .3s;
  background-color: #fff;
  padding-bottom: 100px;
  z-index: 1001;
}

.menubtn {
  width: 30px;
  cursor: pointer;
  display: none;
  margin-right: 10px;
  transition: all .3s;
}

.menubtn:hover {
  transform: scale(1.05);
}

.menuoverlay {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  background-color: rgba(0, 0, 0, .4);
}

.overvisible {
  display: block;
}

.closebtn {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}

.menu-block {
  overflow: hidden;
}

.menu-is-open {
  right: 0;
}

.res-nav nav {
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  overflow: auto;
  padding-bottom: 50px;
  height: 100%;
  position: relative;
}

.navitem {
  width: 100%;
  padding: 25px;
}

.navitem div {
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.navitem div img {
  width: 20px;
  transition: all .5s;
  transform: rotate(0deg);
}

.rotateImg {
  transform: rotate(-180deg) !important;
}


.navitem a {
  width: 100%;
  text-align: left;
  display: inline-block;
  color: #353535;
  font-size: 1.2em;
  letter-spacing: 1px;
  font-weight: 600;
}

.navitem a span {
  border-bottom: 4px solid white;
}

.active_res {
  color: var(--color-secondary) !important;
}

.active_res span {
  border-bottom: 4px solid var(--color-secondary) !important;
}

.navitem ul {
  display: flex;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  border-left: 2px solid #c8c8c8;
  margin-top: 10px;
  padding-top: 10px;
}

.navitem ul li {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;

}

.navitem ul li i {
  margin-left: -7px;
  color: #c8c8c8;
  font-size: .7em;
  margin-right: 20px;
}

.navitem ul a {
  font-size: 1em;
  padding: 10px 0;
  padding-left: 20px;
  color: #c8c8c8;
}

/* Einde Navigatie */

/* Footer */

footer {
  padding-top: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  border-top: 2px solid #f1f1f1;
}

.socials {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  padding: 20px;
}

.socials>a {
  padding: 0;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 1.2em;
  background-color: var(--color-primary);
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 100px;
  margin: 0 7px;
}

.disclaimer {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  color: #b4b4b4;
  padding: 10px;
  padding-top: 0;
  font-weight: 200;
  font-size: .9em;
}

.disclaimer span {
  margin: 0 10px;
}

.disclaimer a {
  color: #b4b4b4;
}

.gegevens {
  width: 100%;
  max-width: 1000px;
  padding: 60px 10px;
  display: flex;
  justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  border-bottom: .5px solid #cccccc;
}

.gegevens h2 {
  font-size: 1.2em;
  font-weight: 700;
  color: #3F2923;
  margin-bottom: 10px;
}

.gegevens>div {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  flex-direction: column;
  color: #686868;
  font-size: 1.2em;
  font-weight: 200;
  line-height: 150%;
}

.gegevens>div a {
  color: #686868;
}

/* Einde Footer */

/* Content */

main {
  /* Easiest way to 'alle lettertypen kleiner zetten' zoals gevraagd */
  font-size: 0.95em;
}

.main_content {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 10px;
}

.main_content article {
  width: 100%;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 30px;
}

.main_content article>h2 {
  font-size: 1.6em;
  font-weight: 700;
  color: #000;
}

.main_content_tekst {
  width: 100%;
  line-height: 180%;
  color: #828282;
  font-size: 1.2em;
}

.main_content_split h2, .main_content_tekst h2 {
  font-size: 1.2em;
  font-weight: 700;
  color: #E64B2B;
}

.filmpje {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.filmpje iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.main_content_split {
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.main_content_split img {
  width: 50%;
}

.main_content_split div {
  width: 50%;
  padding: 20px;
  line-height: 180%;
  color: #828282;
  font-size: 1.2em;
}

.main_content_afbeelding {
  width: 100%;
}

.main_content_tweeafbeelding {
  width: 48%;
  margin: 1%;
}

.main_content_drieafbeelding {
  width: 31.33%;
  margin: 1%;
}

/* Einde Content */

/* Home */

.home_banner .slick-arrow {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 200px;
  color: white;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  border: none;
}

.home_banner .slick-next {
  right: 10px;
  left: initial;
}

.home_banner .slick-dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  gap: 15px;
}

/* Turn buttons inside slick-dots into bullet points that show when one is selected */
.home_banner .slick-dots li {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
  opacity: .5;
  cursor: pointer;
}

.home_banner .slick-dots li.slick-active {
  opacity: 1;
}

.home_banner .slick-dots li button {
  display: none;
}

.home_banner article {
  position: relative;
  height: calc(100vh - 270px);
  background-position: center;
  background-size: cover;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.home_banner article img {
  width: 100%;
}

.home_banner article>div {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: calc(100% - 140px);
  max-width: 1600px;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

.home_banner article>div div {
  max-width: 800px;
}

.home_banner article h2 {
  font-weight: 700;
  line-height: 150%;
  font-size: 3.1em;
  color: white;
  text-shadow: 0px 0px 11px #000000;
}

.home_banner article h3 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.2em;
  margin-bottom: 10px;
  color: white;
  text-shadow: 0px 0px 11px #000000;
}

.home_banner article a {
  width: 100%;
  margin-top: 20px;
  font-weight: 700;
  color: white;
  font-size: 1.2em;
  text-shadow: 0px 0px 11px #000000;
  padding-top: 15px;
  display: inline-block;
  border-top: .5px solid #fff;
}

/* Einde Home */

/* Page Header */

.page_header {
  width: 96%;
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px;
  padding-bottom: 50px;
  text-align: left;
}
.page_header.center {
  justify-content: center;
  align-items: center;
  text-align: center;
}

.page_header>div.line {  
  margin: 80px 0 60px 0;
  width: 100%;
  text-align: center;
}

.page_header>div.line img {
  width: 50px;
}

.page_header>h2 {
  color: #4C4C4C;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-family: var(--font-secondary);
}

.page_header>h1 {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 20px;
}

.page_header_tekst {
  line-height: 150%;
  font-weight: 200;
  font-size: 1.4em;
  color: #4C4C4C;
  width: 100%;
}

.banner {
  width: 100%;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.banner img {
  width: 100%;
  min-height: 80px;
}


/* Einde Page Header */

/* Page Header 2 */

.page_header_twee {
  width: 96%;
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.page_header_twee img {
  width: 100%;
}

.page_header_twee>div {
  padding: 50px 10px;
}

.page_header_twee h2 {
  color: #4C4C4C;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  width: 100%;
}

.page_header_twee h1 {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 20px;
  width: 100%;
}

.page_header_tekst {
  line-height: 150%;
  font-weight: 200;
  font-size: 1.4em;
  color: #4C4C4C;
  width: 100%;
}

.page_header_tekst a {
  background-color: var(--color-secondary);
  padding: 10px 25px;
  color: white;
  border-radius: 200px;
  margin-top: 20px;
  display: inline-block;
}

/* Einde Page Header 2 */

/* Content */

.main_content {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 10px;
}

.main_content article {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}

.main_content article>h2 {
  font-size: 1.6em;
  font-weight: 700;
  color: #353535;
}

.main_content_tekst {
  width: 100%;
  line-height: 180%;
  color: #4C4C4C;
  font-size: 1.4em;
  font-weight: 200;
}

.main_content_split h2, .main_content_tekst h2 {
  font-size: 1.2em;
  font-weight: 700;
  color: #E64B2B;
}

.filmpje {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.filmpje iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.main_content_split {
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.main_content_split img {
  width: 50%;
}

.main_content_split div {
  width: 50%;
  padding: 20px;
  line-height: 180%;
  color: #828282;
  font-size: 1.2em;
}

.main_content_afbeelding {
  width: 100%;
}

.main_content_tweeafbeelding {
  width: 48%;
  margin: 1%;
}

.main_content_drieafbeelding {
  width: 31.33%;
  margin: 1%;
}

/* Einde Content */

/* In Beeld */
.in_beeld {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
}

.in_beeld article {
  width: 24%;
  margin: .5%;
  cursor: pointer;
  overflow: hidden;
}

.in_beeld article .overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .6);
  display: flex;
  opacity: 0;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  color: white;
  font-size: 2em;
  transition: all .3s;
  z-index: 2;
}

.in_beeld article:hover .overlay {
  opacity: 1;
}

.in_beeld article:hover img {
  transform: scale(1.1);
}

.in_beeld article img {
  width: 100%;
  transition: all .5s;
}

/* Einde In Beeld */

/* Home Split */

.home_split {
  width: 100%;
  background-color: #f4f9fa;
  padding: 15px 0;
}

.home_split>div {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.home_split article {
  width: 29.33%;
  margin: 2%;
  position: relative;
}

.home_split article img {
  width: 100%;
}

.home_split article .overlayer {
  content: "";
  height: 60%;
  bottom: 0;
  z-index: 2;
  left: 0;
  right: 0;
  transition: all 2s;
  opacity: 1;
  top: auto;
  position: absolute;
  pointer-events: none;
  background-image: -webkit-linear-gradient(bottom, #19191b 0, rgba(25, 25, 27, 0) 100%);
  background-image: linear-gradient(to top, #19191b 0, rgba(25, 25, 27, 0) 100%);
  -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1);
  transition: 2s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

.home_split article a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2;
}

.home_split article:hover .overlayer {
  opacity: 0;
}

.home_split article h2 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  font-size: 1.2em;
  z-index: 3;
  width: 100%;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  padding: 30px;
  font-weight: 700;
  color: #fff;
}

/* Einde Home Split */

/* Blokken */

.blokken {
  display: flex;
  justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-direction: column;
  max-width: 1600px;
  padding: 30px 20px;
  margin: 0 auto;
  width: 100%;
}

.blokken article {
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 70px;
  width: 100%;
}

.blokken article:last-of-type {
  padding-bottom: 0;
}

.blokken article>img {
  width: 48%;
  order: 1;
}

.blokken_content {
  width: 50%;
  padding: 30px;
  order: 2;
}

.blokken_titel {
  position: relative;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}

.blokken_titel h2 {
  color: var(--color-primary);
  line-height: 150%;
  position: relative;
  z-index: 1;
  font-weight: 700;
  font-size: 2em;
}

.blokken_tekst {
  line-height: 180%;
  font-weight: 200;
  max-width: 850px;
  color: rgb(110, 110, 110);
  font-size: 1.2em;
  margin-bottom: 20px;
}

.blokken_tekst p>a {
  color: var(--color-primary);
}

.blokken_content>a {
  padding: 10px 0;
  display: inline-block;
  margin-top: 5px;
  color: #3F2923;
  font-weight: 700;
  font-size: 1.2em;
}

.blokken_content>a i {
  margin-left: 5px;
  transition: all .5s;
}

.blokken_content>a:hover i {
  margin-left: 10px;
}

.blokken article:nth-child(odd) img {
  order: 3;
}


/* Einde Blokken */

/* Links */

.links {
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.links a {
  width: 48%;
  margin: 1%;
  display: inline-block;
  padding: 15px;
  background-color: white;
  border: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}

.links a img {
  width: 250px;
  border: 1px solid #f1f1f1;
}

.links a>div {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  background-color: #B29352;
  color: white;
  border-radius: 200px;
  font-size: 1.5em;
}

.links a>h2 {
  font-size: 1.4em;
  font-weight: 700;
  color: #B29352;
}

/* Einde Links */


/* Garanties */
.ak {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  border: 2px solid #F2F2F2;
  margin-bottom: 30px;
}

.ak h2 {
  color: #000;
  font-size: 2.5em;
  max-width: 600px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 20px;
}

.ak h3 {
  font-weight: 700;
  font-size: 2.3em;
  line-height: 150%;
  color: #d8d8d8;
  padding: 10px 0;
}

.ak h3 i {
  font-size: 1.2em;
  margin-right: 10px;
  color: #F1A78F;
}

.ak>div {
  width: 50%;
}

.ak_buttons {
  display: flex;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
}

.ak_tekst {
  font-size: 1.2em;
  font-weight: 200;
  color: #6b6b6b;
  line-height: 180%;
}

.ak_tekst ul {
  padding-left: 20px;
  list-style-type: disc;
  margin-top: 10px;
}

.ak_buttons a:first-of-type {
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  text-align: center;
  padding: 15px 35px;
  font-weight: 700;
  margin-top: 20px;
  display: inline-block;
  margin-right: 15px;
  min-width: 250px;
  transition: all .5s;
}

.ak_buttons a:last-of-type {
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  color: #fff;
  padding: 15px 35px;
  text-align: center;
  font-weight: 700;
  margin-top: 20px;
  display: inline-block;
  min-width: 250px;
  transition: all .5s;
}

.ak_buttons a:first-of-type:hover {
  transform: scale(1.05);
}

.ak_buttons a:last-of-type:hover {
  transform: scale(1.05);
}

.ak>div:first-child {
  padding: 50px;
}

.ak_image {
  background-position: center;
  background-size: cover;
}

/* Einde Garanties */

/* Contact */

.team {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 50px 0;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.team article {
  width: 18%;
  margin: 1%;
  padding: 10px;
  background-color: white;
}

.team article img {
  width: 100%;
  margin-bottom: 10px;
}

.team article h2 {
  width: 100%;
  font-size: .9em;
  text-align: center;
  background-color: white;
  padding: 5px;
}

.radio_container {
  position: relative;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  margin-right: 15px;
}

.radio_container input {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.radio_container input:checked+.radio_checker {
  background-color: #94C11E;
  color: white;
}

.radio_container input:checked+.radio_checker i {
  display: block;
}

.radio_checker:hover {
  background-color: #94C11E;
  color: white;
}

.radio_checker {
  cursor: pointer;
  transition: all .3s;
  padding: 15px 30px;
  border-radius: 200px;
  font-size: .8em;
  font-weight: 700;
  background-color: #e4e4e4;
  z-index: 1;
  position: relative;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.form_changer {
  display: flex;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}

.radio_checker i {
  display: none;
  margin-right: 10px;
}

.contact_info {
  display: flex;
  justify-content: space-around;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 60px 10px;
  width: 100%;
  margin: 0 auto;
  background-color: white;
  flex-wrap: wrap;
  transform: translateY(-20%);
  max-width: 1400px;
  border: 2px solid #eeeeee;
}

.contact_info h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--color-primary);
}

.contact_info p {
  color: #4B4B4B;
  font-size: 1.2em;
  text-align: left;
  margin-top: 15px;
  font-weight: 200;
}

.contact_info a {
  padding-left: 30px;
  position: relative;
}

.contact_info a {
  color: #4B4B4B;
}

.contact_info a i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.contact_content {
  width: 100%;
  padding-bottom: 60px;
  position: relative;
  z-index: 4;
}

.contact {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
  min-height: 100px;
  flex-wrap: wrap;
  border: 2px solid #eeeeee;
}

.contact_gegevens {
  width: 28%;
  margin-left: 2%;
  background-color: white;
}

.contact_gegevens img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

.contact_gegevens>div {
  padding: 25px;
}

.contact_gegevens div h2 {
  color: var(--color-primary);
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.contact_gegevens div div {
  font-size: .85em;
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
  color: #4B4B4B;
  line-height: 200%;
}

.contact_gegevens div div p {
  width: inherit;
}

.contact_form_holder {
  width: 100%;
  padding: 35px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.contact_form_holder>div {
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
}

.contactslider {
  width: 100%;
  position: relative;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  overflow: hidden;
}

.contactslider .slick-arrow {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 200px;
  color: white;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  border: none;
}

.contactslider .slick-next {
  right: 10px;
  left: initial;
}

#dasmap {
  width: 50%;
  height: 510px;
}

.contact_form, .complaint_form {
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 48%;
}

.contact_form_holder>div>div {
  width: 30%;
}

.contact_form_holder>div>div h2 {
  font-weight: 700;
  font-size: 1.3em;
  color: #42AC6F;
  margin-bottom: 10px;
}

.contact_form_holder>div>div img {
  width: 100%;
}

.hideField {
  display: block;
}

.complaint_form {
  display: none;
}

#NaamInput {
  width: 48%;
}

#EmailInput {
  width: 100%;
}

.contact_form input[type=text],
.contact_form input[type=email],
.contact_form select,
.complaint_form input[type=text],
.complaint_form input[type=email] {
  width: 100%;
  border: none;
  border-bottom: 2px solid #F4F4F4;
  padding: 10px;
  color: #353535;
  font-size: 1.2em;
  font-weight: 200;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
}

.contact_form select {
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
  border: 2px solid #F4F4F4;
  cursor: pointer;
  background-image: url(/images/select.png);
}

.contact_form textarea {
  width: 100%;
  border: 2px solid #F4F4F4;
  border-radius: 0px;
  padding: 10px 10px;
  color: #A8A8A8;
  margin-bottom: 20px;
  font-weight: 200;
  font-size: 1.2em;
  font-family: Poppins, sans-serif;
  height: 300px;
}

.contact_form input[type=submit] {
  border-radius: 200px;
  padding: 10px 40px;
  background-color: transparent;
  border: 2px solid var(--color-primary);
  font-weight: 200;
  color: var(--color-primary);
  font-size: 1.2em;
  font-weight: 200;
  font-family: Poppins, sans-serif;
  transition: all .3s;
}

.contact_form input[type=submit]:disabled, .complaint_form input[type=submit]:disabled {
  background-color: #e8e8e8;
  border: 2px solid #e8e8e8;
  color: #909090;
}

.contact_form input[type=submit]:disabled:hover, .complaint_form input[type=submit]:disabled:hover {
  background-color: #e8e8e8;
  border: 2px solid #e8e8e8;
  color: #909090;
}

.contact_form input[type=submit]:hover, .complaint_form input[type=submit]:hover {
  background-color: var(--color-primary);
  color: #fff;
}

#VoornaamCnt, #NaamCnt {
  width: 49%;
  margin-bottom: 2%;
}

#EmailCnt {
  width: 100%;
  margin-bottom: 2%;
}

#StraatCnt, #GemeenteCnt {
  width: 69%;
  margin-bottom: 2%;
}

#BusCnt, #PostcodeCnt {
  width: 29%;
  margin-bottom: 2%;
}

.contact_aandachtskader {
  width: 1200px;
  border: 2px solid #42AC6F;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  margin-bottom: 5rem;
  position: relative;
}

.contact_aandachtskader h2 {
  color: #42AC6F;
  position: absolute;
  top: -1.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  background-color: white;
  padding: 1rem;
}

.contact_aandachtskader p {
  color: #ababab;
  text-align: center;
  font-size: 1.2em;
  line-height: 170%;
}

/* Einde Contact */

/* Blog*/

.blog-img img {
  width: 100%;
}

.blog-head {
  text-align: left;
  line-height: 180%;
  position: relative;
}

.blog-head .c {
  width: 100%;
  color: #505050;
}

.blog-content {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  margin-top: 30px;
}

.footermar-blog {
  padding-bottom: 50px;
}

.blog-item {
  position: relative;
}

.blog-item a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.blog-rows {
  margin-top: 1%;
}

.blog-row {
  display: flex !important;
  flex-wrap: wrap;
  margin-bottom: 1%;
}

.blog-row:last-child {
  margin-bottom: 0;
}

.blog-row .row-block {
  width: 49.5%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.row-block:not(:nth-child(2n)) {
  margin-right: 1%;
}

.blog-row.type-b .row-block {
  margin: 0;
  width: 100%;
}

.blog-row.reverse .row-block:first-child {
  order: 2;
  margin-left: 1%;
  margin-right: 0%;
}

.blog-row .extra .blog-item {
  width: 48.979591836734693877551020408163%;
}

.blog-row .extra .blog-item:not(:nth-child(2n)) {
  margin-right: 2.0408163265306122448979591836735%;
}

.blog-rows .blog-main .blog-item {
  width: 100%;
}

.blog-row .extra .blog-item:nth-child(n+3) {
  margin-top: 2.0408163265306122448979591836735%;
}

.blog-rows .blog-inhoud {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 15px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.58);
  color: #fff;
}

.blog-rows .blog-inhoud h2 {
  font-weight: 700;
  text-align: left;
  line-height: 125%;
}

.blog-rows .blog-main .blog-inhoud h2 {
  font-size: 1.4em;
}

.blog-rows .extra .blog-inhoud h2 {
  font-size: 1.2em;
}

.blog-row.type-c .row-block {
  margin-right: 0;
  width: 100%;
}

.type-c .combo-img {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
  align-content: flex-start;
}

.type-c.reverse .combo-img .big {
  order: 2;
}

.type-c .combo-img>* {
  width: 50%;
}

.type-c .combo-img .big img {
  width: 100%;
}

.type-c .combo-img .small {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}

.type-c .combo-img .small img {
  width: 50%;
}

.button-hold {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}

.button-hold:last-child {
  margin-bottom: 0px;
}

.button-hold a {
  display: inline-block;
  border: 2px solid var(--color-secondary);
  padding: 15px 20px;
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  color: white;
  background-color: var(--color-secondary);
  transition: all 0.8s ease;
}

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

/**
 * Blog detail
 **/
.blog-holder {
  display: flex;
  margin-top: 60px;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

.blog-aside {
  padding: 30px;
  width: 400px;
  margin-right: 50px;
  -webkit-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.15);
  -moz-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.15);
  box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.15);

}

.blog-main {
  width: calc(100% - 350px);
}

.blog-main .c {
  font-size: 1.1em;
  color: #a4a4a4;
  padding: 0;
  line-height: 180%;
}

.blog-item .c {
  font-size: 1.1em;
  color: #a4a4a4;
  padding: 0 15px;
  line-height: 180%;
}

.blog-recent .blog-item .c {
  padding: 0 !important;
}

.blog-main .blog-img {
  position: relative;
  width: 100%;
}

.blog-main .blog-img .h1 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 180%;
  color: var(--color-secondary);
  font-size: 2.1em;
}

.blog-aside h3 {
  font-weight: 700;
  color: var(--color-secondary);
  font-family: 'Poppins', sans-serif;
  font-size: 1.5em;
  text-align: left;
  margin-bottom: 25px;
}

.blog-nav nav {
  border-top: 1px solid rgb(220, 220, 220);
  margin-bottom: 60px;
}

.blog-nav a {
  line-height: 40px;
  width: 100%;
  display: block;
  border-bottom: 1px solid rgb(220, 220, 220);
  color: rgb(100, 100, 100);
  padding-left: 8px;
}

.blog-nav a:hover, .blog-nav a.active {
  color: var(--color-secondary);
}

.blog-nav-btn {
  display: none;
  text-align: center;
  padding: 10px 0;
  font-size: 3.2em;
  color: var(--color-secondary);
  cursor: pointer;
}

.blog-recent h2 {
  font-size: 1.2em;
  margin-top: 10px;
  line-height: 150%;
  margin-bottom: 10px;
  color: #626572;
}

.blog-recent .c {
  margin-bottom: 10px;
  line-height: 180%;
  color: #999999;
}

.blog-recent .blog-item {
  margin-bottom: 35px;
}

.blog-recent .more {
  font-weight: bold;
  color: var(--color-secondary);
}

.blog-overzicht {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}

.blog-overzicht .blog-item a {
  position: static;
}

.blog-overzicht .btn-hold {
  padding: 15px;
  text-align: left;
}

.blog-overzicht .btn-hold a {
  display: inline-block;
  padding: 10px 20px;
  background-color: var(--color-secondary);
  font-weight: 200;
  border: 2px solid var(--color-secondary);
  color: #fff;
  font-size: 1.2em;
  transition: all 0.5s ease;
  border-radius: 200px;
}

.blog-overzicht .btn-hold a:hover {
  background-color: transparent;
  color: var(--color-secondary);
}

.blog-overzicht h2 {
  font-size: 1.3em;
  padding: 0 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #626572;
}

.blog-overzicht .blog-item {
  width: 48%;
  margin: 1%;
  -webkit-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.15);
  -moz-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.15);
  box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.15);
  transition: all 1s;
}

.blog-overzicht .blog-item:hover {
  transform: scale(1.03);
}

.blog-content-row {
  margin-bottom: 30px;
}

.merk-content .blog-content-row {
  margin-bottom: 1.33%;
}

.blog-content-row h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.2em;
  line-height: 150%;
  color: #626572;
}

.blog-content-row .c {
  width: 100%;
  margin: 0 auto;
}

.blog-content-row .multi-img-holder {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}

.blog-content-row .multi-img-holder.two>* {
  width: 49%;
}

.blog-content-row .multi-img-holder.three>* {
  width: 32.33%;
}

.blog-content-row .multi-img-holder.four>* {
  width: 24%;
}

.blog-content-row .multi-img-holder>a img {
  width: 100%;
}

.blog-content-row .filmpje {
  max-width: 1000px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.blog-content-row .tekst-and-image {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}

.blog-content-row .tekst-and-image>* {
  width: 50%;
}

.blog-content-row .tekst-and-image .c {
  padding: 0 20px;
}

.blog-content-row .tekst-and-image.reverse .img {
  order: 2;
}

.title-hold {
  text-align: center;
  margin-bottom: 36px;
}

.title-hold h3 {
  margin-top: 30px;
  padding-top: 30px;
  color: #626572;
  border-top: 3px solid #ececec;
  font-size: 1.5em;
  font-weight: bold;
}


/* GDPR */

#content-container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  margin: auto;
}

#content-container h2 {
  color: #353535;
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 1em;
  cursor: pointer;
}

#content-container h3 {
  background: #B29352;
  color: #fff;
  font-weight: 200;
  font-size: 1.2em;
  padding: 15px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  margin-top: 20px;
}

#content-container h3 span {
  position: absolute;
  z-index: 1;
  background: transparent url("/images/cross_w.png") no-repeat;
  display: inline-block;
  width: 15px;
}

#content-container h4 {
  margin-left: 2em;
  font-size: 1.1em;
  font-weight: bold;
}

#content-container p {
  padding: 20px 0;
  font-size: 1.1em;
  font-weight: 200;
  line-height: 170%;
  color: #7e7e7e;
}

#content-container ul {
  font-size: 1.1em;
  font-weight: 200;
  line-height: 170%;
  color: #7e7e7e;
}

#content-container table {
  width: 100%;
}

#content-container a {
  color: #D3191C;
}

#gdpr-wrapper {
  min-height: 100%;
  position: relative;
}

#content-container thead {
  background-color: #B29352;
}


#content-container thead th {
  border: 1px solid #353535;
  padding: 10px;
}

#content-container tbody td {
  border: 1px solid #353535;
  color: #7e7e7e;
  line-height: 150%;
  padding: 5px;
}

#content-container tbody td p {
  padding: 0px;
}

#content-container ul {
  padding-left: 20px;
  line-height: 170%;
  color: #7e7e7e;
  list-style-type: disc;
}


/* Doelgroep */
.doelgroep_blokken {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.doelgroep_blokken_timeline {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  border-radius: 200px;
  background-color: #E93C1E;
  width: 6px;
  height: 100%;
  transform: translateX(-50%);
}

.doelgroep_blokken article {
  width: 100%;
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  padding: 20px 0;
}

.doelgroep_rounder {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  background-color: #fff;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 8px #E93C1E solid;
  border-top-color: #b7b7b7;
}

.doelgroep_image {
  width: 45%;
  order: 1;
}

.doelgroep_image img {
  width: 100%;
}

.doelgroep_tekst {
  width: 45%;
  order: 2;
}

.doelgroep_blokken article:nth-child(even) .doelgroep_image {
  order: 3 !important;
}

.doelgroep_tekst h2 {
  color: #000;
  font-size: 1.8em;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 15px;
}

.doelgroep_tekst h2 span {
  color: #E93C1E;
}

.doelgroep_tekst>div {
  font-size: 1.2em;
  color: #5F5F5F;
  line-height: 200%;
}

.doelgroep_tekst a {
  border-bottom: 2px solid black;
  padding: 10px 0;
  font-weight: 700;
  color: black;
  display: inline-block;
  margin-top: 20px;
  font-size: 1.2em;
}

.doelgroep_overzicht {
  display: flex;
  justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.bumstitel {
  width: 100%;
  font-weight: 700;
  line-height: 180%;
  text-align: center;
  font-size: 1.5em;
}

.doelgroep_overzicht article {
  padding: 20px;
  transition: all 1s;
}

.doelgroep_overzicht article:hover {
  transform: scale(1.05);
}

.doelgroep_overzicht article>div {
  width: 100%;
  position: relative;
}

.doelgroep_overzicht article>div>a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
}

.doelgroep_overzicht article img {
  width: 100%;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.09);
  -moz-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.09);
  box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.09);
}

.doelgroep_overzicht_content {
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-end;
  align-items: flex-end;
  flex-direction: column;
  padding: 25px 15px;
  border: 2px solid #EFEFEF;
  z-index: 3;
  position: relative;
}

.doelgroep_overzicht_content h2 {
  font-weight: 700;
  font-size: 1.1em;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
}

.doelgroep_overzicht_content div {
  color: #888888;
  line-height: 180%;
  width: 100%;
  font-size: 1.1em;
}

.doelgroep_overzicht_content a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.subtitel {
  width: 100%;
  text-align: center;
  font-size: 1.7em;
  font-weight: 700;
  color: #353535;
}

.doelgroep_overzicht_content button {
  color: #878787;
  margin-top: 15px;
  font-weight: 700;
  text-align: right;
  border: none;
  background-color: transparent;
  font-family: "Poppins", sans-serif;
}

.doelgroep_overzicht_content button:hover i {
  margin-left: 20px;
}

.doelgroep_overzicht_content button i {
  font-size: 1em;
  margin-left: 10px;
  transition: all .3s;
}

.doelgroep_overzicht .slick-dots {
  width: 100%;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.doelgroep_overzicht .slick-dots li {
  margin: 3px;
  width: 10px;
  height: 10px;
  background-color: #efefef;
  border-radius: 100px;
}

.doelgroep_overzicht .slick-dots li button {
  display: none;
}

.doelgroep_overzicht .slick-dots .slick-active {
  background-color: #353535 !important;
}

.doelgroep_garanties {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  -ms-align-items: center;
  align-items: center;
  padding: 0 20px;
}

.doelgroep_garanties a {
  padding: 10px 25px;
  background-color: #EA4520;
  color: white;
  font-weight: 700;
  border: 2px solid #EA4520;
  transition: all .3s;
}

.doelgroep_garanties a:hover {
  background-color: transparent;
  color: #EA4520;
}

/* Tickertape */
.tickertape {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 30px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 60px 0;
}

.tickertape i {
  font-size: 40px;
  color: var(--color-primary);

  @media screen and (max-width: 800px) {
    font-size: 30px;    
  }

  @media screen and (max-width: 600px) {
    font-size: 25px;    
  }
}

.tickertape .wysiwyg {
  font-family: var(--font-secondary);
  font-size: 45px;
  font-weight: 300;
  text-align: center;
  line-height: 125%;
  color: #353538;

  @media screen and (max-width: 800px) {
    font-size: 30px;    
  }

  @media screen and (max-width: 600px) {
    font-size: 25px;    
  }
}

.tickertape .wysiwyg p {
  line-height: 125%;
}

/* Instagram */
.band {
  padding: 60px 0;

  @media all and (max-width: 900px) {
    padding: 60px 0;
  }

  @media all and (max-width: 500px) {
    padding: 30px 0;
  }  
}

.band .between-titel {
  text-align: center;
  font-size: 2.5rem;
  color: var(--color-primary-grey);
  font-weight: var(--font-weight-bold);
  text-align: center;
  margin-bottom: 30px;
}

.instagram_feed {
  width: 96%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}

.instagram_feed .instagram_post {
  width: calc(25% - 9px);
  position: relative;
  height: 350px;
  background-size: cover;
  overflow: hidden;
}

@media all and (max-width: 900px) {
  .instagram_feed .instagram_post {
    width: calc(50% - 6px);
  }
}

@media all and (max-width: 500px) {
  .instagram_feed .instagram_post {
    width: 100%;
  }
}

.instagram_feed .instagram_post i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 30px;
}

.instagram_feed .instagram_post img,
.instagram_feed .instagram_post video {
  width: 100%;
}

.instagram_feed .instagram_post .videoInstagram {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

.instagram_feed .instagram_post .overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  color: white;
  font-size: 3em;
  transition: all 0.3s;
}

.instagram_feed .instagram_post:hover .overlay {
  opacity: 1;
}

/* Einde Instagram */

/* AK */
.small_ak {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  background-color: #eee;
  padding: 40px;
  font-size: 1.1em;
  border-radius: 20px;
}

.small_ak .wysiwyg h2:not(:last-child) {
  margin-bottom: 0.5rem;
}

.small_ak .wysiwyg {
  margin-bottom: 0;
}

.small_ak .wysiwyg p:last-child a {
  padding: 6px 12px;
  padding-right: 30px;
  background-color: var(--color-primary);
  color: white;
  position: relative;
  border-radius: 12px;
  display: block;
  width: fit-content;
  font-size: 1.2rem;
}

.small_ak .wysiwyg p:not(:first-child) a {
  margin-top: 1rem;
}

.small_ak .wysiwyg p:last-child i {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 300;
  font-size: 1.2em;
}

.small_ak:last-child {
  margin-bottom: 7rem;
}

.two_aks {
  display: flex;
  justify-content: space-between;
  width: 96%;
  max-width: 1500px;
  margin: 0 auto;
  margin-bottom: 100px;
}

.two_aks .small_ak {
  width: 48%;
  margin-bottom: 0;
  margin-top: 0;
}

/* Einde AKs */


/* Media Query's */
@media screen and (max-width: 1300px) {
  .blog-overzicht .blog-item {
    width: 98%;
  }

  .contact_form, .complaint_form {
    width: 100%;
  }

  #dasmap {
    width: 100%;
    margin-top: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .blog-content-row .tekst-and-image>* {
    width: 100%;
  }

  .blog-content-row .tekst-and-image .img {
    margin: 15px auto;
    max-width: 500px;
  }

  .home_banner article h2 {
    font-size: 1.8em;
  }

  .home_banner article h3 {
    font-size: 1em;
  }

  .home_banner article a {
    font-size: 1em;
  }
}

@media screen and (max-width: 1150px) {
  .ak_buttons a:last-of-type, .ak_buttons a:first-of-type {
    max-width: 100%;
    width: 100%;
    min-width: initial;
    margin-right: 0;
  }

  .ak_buttons {
    flex-wrap: wrap;
  }

  .navigatie ul a {
    font-size: 1em;
  }

  .logo {
    width: 190px;
  }

  .home_banner article {
    height: calc(100vh - 250px);
  }

  .page_header>h1 {
    font-size: 2em;
  }

  .page_header>h2 {
    font-size: 1.4em;
  }

  .page_header_tekst {
    font-size: 1.2em;
  }

  .blokken article>img {
    width: 100%;
    order: 1 !important;
  }

  .blokken_tekst {
    width: 100%;
    max-width: 100%;
    font-size: 1.1em;

  }

  .blokken_content {
    width: 100%;
    max-width: 100%;
    order: 2 !important;
    padding: 20px 0;
  }

  .blokken_titel h2 {
    font-size: 1.3em;
  }

  .main_content_tekst {
    font-size: 1.1em;
  }

  .main_content article>h2 {
    font-size: 1.3em;
  }
}

@media screen and (max-width: 1000px) {
  .navigatie ul a {
    margin: 0 10px;
  }

  .blog-holder {
    margin-top: 30px;
    flex-wrap: wrap;
  }

  .blog-aside {
    order: 2;
    width: 100%;
    margin-right: 0;
  }

  .blog-main {
    width: 100%;
    padding: 10px;
  }

  .row-block .extra {
    padding: 10px;
  }

  .blog-main .title-hold, .blog-main .blog-overzicht {
    display: none;
  }

  .blog-aside h3 {
    width: 100%;
  }

  .blog-recent {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }

  .blog-recent .blog-item {
    width: 45%;
  }
}

@media screen and (max-width: 950px) {
  .in_beeld article {
    width: 32.33%;
  }
}

@media screen and (max-width: 900px) {
  .blog-main .c {
    font-size: 1em;
  }

  .main_content_split div {
    width: 100%;
    padding: 20px 0;
  }

  .main_content_split img {
    width: 100%;
  }

  .legend_step {
    width: 100%;
  }

  .legend {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 850px) {
  .navigatie ul {
    display: none;
  }

  .menubtn {
    display: block;
  }

  .ak>div:first-child {
    padding: 20px;
  }

  .ak>div {
    width: 100%;
  }

  .ak_image {
    display: none;
  }

  .contact_form_holder {
    padding: 0;
  }

  .reserverenform {
    padding: 20px;
  }
}

@media screen and (max-width: 800px) {
  .blog-rows .blog-main .blog-inhoud h2 {
    font-size: 1.6em;
  }

  .blog-content-row .multi-img-holder.four>*, .blog-content-row .multi-img-holder.three>* {
    width: 49%;
  }

  .blog-content-row .multi-img-holder.four>*:nth-child(-n+2) {
    margin-bottom: 2%;
  }

  .blog-content-row .multi-img-holder.three>*:last-child {
    display: none;
  }

  .links a {
    width: 100%;
  }

  .page_header > div.line {
    margin: 50px 0 30px 0;
  }

  .home_banner article {
    height: calc(100vh - 200px);
  }
  .two_aks {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
  }
  .two_aks .small_ak {
    width: 100%;
  }
  .page_header.center {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 750px) {
  .page_header>h1 {
    font-size: 1.4em;
    line-height: 150%;
  }

  .page_header>h2 {
    font-size: .8em;
    line-height: 150%;
  }

  .page_header_tekst {
    font-size: 1em;
  }

  .ak h2 {
    font-size: 1.4em;
  }

  .ak_tekst {
    font-size: 1em;
  }

  .blog-recent .blog-item {
    width: 100%;
  }

  .main_content_split div {
    font-size: 1em;
  }
}

@media screen and (max-width: 700px) {
  .gegevens {
    flex-wrap: wrap;
    padding: 30px 20px;
  }

  .gegevens>div {
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    flex-direction: column;
  }

  .home_banner article>div div {
    display: none;
  }

  .in_beeld article {
    width: 49%;
  }

  .contact_info {
    padding: 30px 10px;
    flex-wrap: wrap;
  }

  .contact_info div {
    width: 100%;
    margin-bottom: 20px;
  }

  .contact_info h2 {
    text-align: center;
  }

  .contact_info p {
    text-align: center;
  }

  .contact {
    border: none;
  }

  .contact_form, .complaint_form {
    margin-right: 0;
  }

  .contact_form_holder {
    padding: 20px;
  }

  .step form .field {
    width: 100%;
  }

  .blog-row .row-block, .blog-row.type-b .row-block {
    width: 100%;
    margin-bottom: 4.0816326530612244897959183673469%;
  }

  .row-block:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .blog-row.reverse .row-block:first-child {
    margin-left: 0;
  }

  .blog-row {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 680px) {
  .blog-main .blog-img .h1 {
    position: static;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.4em;
  }
}

@media screen and (max-width: 650px) {
  .home_split>div {
    flex-wrap: wrap;
  }

  .home_split article {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 600px) {
  .PL_Wrapper {
    right: 10px;
  }

  .blog-more-nav-btn {
    display: block;
  }

  .blog-more-nav {
    display: none;
  }

  .contact_form select {
    font-size: 1em;
  }
}

@media screen and (max-width: 550px) {
  #NaamInput {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .PL_Buttons a {
    width: 100%;
    margin: 0;
    margin-top: 15px;
  }

  .contact_form input[type=submit] {
    width: 100%;
  }

  .PL_Buttons {
    flex-wrap: wrap;
  }

  .menubtn {
    margin-top: 20px;
  }
}

@media screen and (max-width: 400px) {
  .row-block.extra {
    display: none;
  }

  .blog-main .blog-img .h1 {
    font-size: 1.6em;
  }

  .logo {
    margin: 0;
    margin-left: 20px;
  }

  .menubtn {
    margin-right: 20px;
    margin-top: 0;
  }
}