:root {
  --text: #333;
  --roze: #e6007a;
  --white: white;
  --accent: #f2f2f2;
  --light-grey: #f3f3f3;
  --color-light: #b0ccff;
  --lime-green: #26c536;
  --black: black;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: var(--text);
  font-family: Inter, sans-serif;
  font-size: .8em;
  line-height: 1.4em;
}

h1 {
  margin-top: 5px;
  margin-bottom: 8px;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.1em;
}

h2 {
  margin-top: 5px;
  margin-bottom: 9px;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1em;
}

h3 {
  color: var(--roze);
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1em;
}

h4 {
  margin-top: 5px;
  margin-bottom: 9px;
  font-size: 1.2em;
  font-weight: 400;
}

h5 {
  margin-top: 5px;
  margin-bottom: 9px;
  font-size: 1em;
  font-weight: 700;
}

h6 {
  margin-top: 5px;
  margin-bottom: 8px;
  font-size: 1em;
  font-weight: 700;
}

a {
  color: var(--roze);
  font-weight: 500;
  text-decoration: none;
}

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

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
}

li {
  background-image: url('../images/check.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 13px;
  padding-left: 20px;
  list-style-type: none;
}

img {
  max-width: 100%;
  display: inline-block;
}

form {
  width: 100%;
}

label {
  margin-bottom: 5px;
  font-weight: 500;
  display: block;
}

blockquote {
  text-align: center;
  border-left: 0 solid #000;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 1.4em;
  font-weight: 700;
}

.section {
  background-color: var(--white);
  padding: 20px;
  overflow: hidden;
}

.section.padding {
  padding: 50px;
}

.section.background-color_accent.border-top {
  border-top: 1px solid #e9e9e9;
}

.section.extra-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section.sticky {
  z-index: 2;
  position: relative;
  overflow: visible;
}

.section.contact-page {
  background-color: var(--accent);
  overflow: visible;
}

.container_1200px {
  width: 100%;
  max-width: 1200px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tag {
  border: 1px solid var(--accent);
  background-color: var(--light-grey);
  border-radius: 2px;
  margin-bottom: .25em;
  margin-right: .25em;
  padding: 5px 10px;
  display: inline-block;
}

.nav-menu {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  align-items: center;
  display: flex;
}

.nav-link {
  height: 50px;
  color: var(--text);
  align-items: center;
  padding: 0 11px 1px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--roze);
}

.nav-link.dropdown-subitem {
  width: 100%;
  height: auto;
  border-bottom: 1px solid var(--accent);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  transition: color .2s;
  position: relative;
}

.nav-link.dropdown-subitem:hover {
  font-weight: 600;
}

.nav-link.dropdown-subitem.temp {
  color: rgba(51, 51, 51, .5);
  cursor: not-allowed;
}

.nav-link.dropdown-toggle:hover, .nav-link.dropdown-toggle.w--open {
  text-decoration: none;
}

.nav-link.dropdown-toggle.sub-dropdown {
  border-bottom: 1px solid var(--accent);
  padding-left: 15px;
}

.nav-link.dropdown-toggle.sub-dropdown:hover {
  background-color: var(--light-grey);
}

.nav-link.home {
  color: var(--text);
  padding-left: 0;
}

.nav-link.home:hover {
  color: var(--roze);
}

.nav-link.seperate {
  border-left: 1px solid var(--light-grey);
  margin-left: 10px;
  padding-left: 22px;
}

.nav-link.seperate.inschrijven {
  display: none;
}

.nav-link.fixed-navbar {
  height: 40px;
  padding-left: 0;
}

.nav-link.is--welkom {
  z-index: 2000;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
}

.nav-link.is--welkom:hover {
  text-decoration: none;
}

.nav-link.is--welkom.w--open {
  border-top: 1px solid var(--accent);
  border-right: 1px solid var(--accent);
  border-left: 1px solid var(--accent);
  text-decoration: none;
}

.nav-link.is--profiel {
  width: 100%;
  height: auto;
  border-bottom: 1px solid var(--accent);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  transition: color .2s;
  position: relative;
}

.nav-link.is--profiel:hover {
  font-weight: 600;
}

.navbar {
  z-index: 1002;
  border-top: 6px solid var(--roze);
  background-color: #fff;
  box-shadow: 1px 1px 30px rgba(0, 0, 0, .05);
}

.dropdown-list {
  width: 232px;
}

.dropdown-list.w--open {
  border-top: 1px solid var(--accent);
  border-right: 1px solid var(--accent);
  border-left: 1px solid var(--accent);
  background-color: #fff;
  margin-top: -5px;
}

.dropdown-list.in.w--open {
  margin-top: -51px;
  margin-left: 158px;
}

.dropdown-list.is--profiel {
  width: 140px;
}

.navbar-logo {
  height: 100%;
  object-fit: contain;
  flex: none;
  margin-top: 2px;
  margin-left: -2px;
}

.navbar-content {
  width: 100%;
  height: 55px;
  max-width: 1200px;
  background-color: var(--white);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.dropdown {
  margin-left: 0;
  margin-right: 0;
}

.dropdown.sub-dropdown {
  width: 100%;
  display: none;
}

.navbar-hamburger {
  height: 70px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

.navbar-menu-button {
  height: 90px;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.navbar-menu-button:hover, .navbar-menu-button:active, .navbar-menu-button:focus {
  background-color: rgba(0, 0, 0, 0);
}

.navbar-menu-button.w--open {
  z-index: 999;
  background-color: rgba(0, 0, 0, 0);
}

.navbar-logo-linkblock {
  height: 56px;
  align-self: center;
  align-items: center;
  margin-right: 20px;
  transition-property: none;
  display: flex;
}

.icon_dropdown-nav {
  width: 14px;
  height: 14px;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  margin-left: 3px;
  display: flex;
}

.button {
  z-index: 6;
  min-height: 40px;
  background-color: var(--roze);
  color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 1px 5px 2px;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.1em;
  text-decoration: none;
  transition: filter .2s, transform .2s;
  display: flex;
}

.button:hover {
  filter: brightness(110%);
  color: var(--white);
  transform: translate(0, -2px);
}

.button.background-color_dark:hover {
  color: var(--white);
}

.button.background-color_light:hover, .button.background-color_white {
  color: var(--text);
}

.button.background-color_green:hover {
  color: var(--white);
}

.button.background-color_green.margin-none {
  margin-bottom: 0;
  margin-right: 0;
}

.button.square {
  min-height: auto;
}

.button.no-margin {
  margin: 0;
}

.button.reversed {
  border: 1px solid var(--roze);
  color: var(--roze);
  background-color: rgba(0, 0, 0, 0);
}

.button.search:hover {
  color: var(--white);
}

.button.nav {
  min-height: 32px;
  border-radius: 999px;
}

.button.nav.reversed.mobile-hide.is--inschrijven {
  display: none;
}

.button.sm {
  height: 26px;
  min-height: auto;
}

.button.kleine-schermen {
  display: none;
}

.button.account-nav {
  min-height: 32px;
  border: 1px solid var(--roze);
  color: var(--roze);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 999px;
  display: none;
}

.button.extra-padding {
  padding-left: 15px;
  padding-right: 15px;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer {
  background-color: var(--light-grey);
  border-top: 1px solid #dfdfdf;
}

.footer-columns {
  flex-wrap: wrap;
  flex: 1;
  display: flex;
}

.footer-link {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-link.no-border {
  border-bottom-style: none;
  padding-bottom: 0;
}

.icon-footer {
  width: 50%;
  height: 50%;
  color: var(--white);
  flex: none;
}

.flexbox-aligned {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.flexbox-aligned.justify-center {
  justify-content: center;
}

.flexbox-child {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.flexbox-child._50 {
  width: 50%;
  flex: none;
}

.flexbox-child._33 {
  width: 33.3333%;
  flex: none;
}

.flexbox-child._25 {
  width: 25%;
  flex: none;
}

.flexbox-child.nieuwsartikel {
  width: 33.3333%;
  flex: none;
}

.flexbox-child.object {
  width: 25%;
  flex: none;
}

.text-color_roze {
  color: var(--roze);
}

.background-color_dark {
  background-color: var(--roze);
}

.text-color_light {
  color: var(--color-light);
}

.background-color_light {
  background-color: var(--color-light);
  color: var(--text);
}

.padding-top_m {
  padding-top: 25px;
}

.padding-bottom_m {
  padding-bottom: 25px;
}

.padding-left_m {
  padding-left: 25px;
}

.padding-right_m {
  padding-right: 25px;
}

.text-bold {
  font-weight: 700;
}

.icon {
  width: 1.4em;
  height: 1.4em;
  flex: none;
  margin-right: 2px;
}

.icon.hide {
  display: none;
}

.icon.big {
  width: 4em;
  height: 4em;
}

.icon.small {
  width: 1.2em;
  height: 1.2em;
}

.icon.smaller {
  width: .7em;
  margin-right: 4px;
}

.icon.is--float {
  float: left;
}

.form-parent {
  width: 100%;
  max-width: 350px;
  flex-direction: column;
  align-items: flex-start;
}

.form-parent.double {
  max-width: 650px;
  display: flex;
}

.navbar-top {
  width: 100%;
  height: 95px;
  border-bottom: 1px solid var(--light-grey);
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-style: normal;
  display: flex;
}

.navbar-top_content {
  width: 100%;
  max-width: 1200px;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 30px;
  display: flex;
}

.text-small {
  font-size: .8em;
  line-height: 1.2em;
}

.article {
  width: 100%;
}

.thumbnail-text {
  height: 20vw;
  max-height: 90px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.thumbnail-fade {
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to top, var(--white) 12%, rgba(255, 255, 255, 0));
  position: absolute;
  top: auto;
  bottom: -5px;
  left: 0%;
  right: 0%;
}

.thumbnail-bottom {
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.text-centerd {
  text-align: center;
}

.pop-up {
  z-index: 99999999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(51, 51, 51, .8);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.pop-up-flexbox {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 5vw;
  display: flex;
}

.pop-up-content {
  max-width: 960px;
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  display: flex;
  position: relative;
  box-shadow: 7px 7px 20px -9px rgba(0, 0, 0, .5);
}

.popup-close-icon {
  width: 25px;
  cursor: pointer;
  transition: transform .2s ease-out;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 20px;
}

.popup-close-icon:hover {
  transform: scale(1.1);
}

.burger-line {
  width: 30px;
  height: 3px;
  background-color: var(--text);
  margin-top: 2px;
  margin-bottom: 2px;
}

.banner-image_100 {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.banner-image_100.parallax {
  position: fixed;
}

.slider {
  width: 100%;
  height: 40vh;
  max-height: 600px;
  min-height: 350px;
  background-color: rgba(0, 0, 0, 0);
}

.slider.max-width_960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.lightbox-link {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide {
  width: 100%;
  height: 100%;
}

.button-content {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 5px 12px 6px;
  display: flex;
}

.button-content.square {
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.form-select-field {
  width: 100%;
  height: 32px;
  background-color: #f8f8f8;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  padding: 0 5px 1px 10px;
  font-size: .9em;
  transition: border .3s, background-color .3s;
}

.form-select-field:hover {
  background-color: var(--white);
}

.form-select-field.sm {
  height: 26px;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 1px;
}

.form-select-field.sm.small-width {
  max-width: 60px;
}

.form-select-field.large {
  height: 40px;
}

.form-select-field.objects {
  height: 26px;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 1px;
}

.form-select-field.objects:hover {
  border-color: #d4d4d4;
}

.form-select-field.sort-objects {
  height: 26px;
  min-height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 1px;
}

.form-select-field.sort-objects:hover {
  border-color: #d4d4d4;
}

.form-radio-buttons {
  margin-bottom: 20px;
}

.form-select {
  width: 25%;
  flex: 1;
}

.form-checkboxes {
  margin-bottom: 20px;
}

.form-text {
  width: 100%;
  margin-bottom: 20px;
}

.checkbox {
  margin-top: 0;
}

.radio-button {
  margin-top: 1px;
}

.text-field-parent {
  width: 100%;
  display: inline-block;
}

.form_send {
  margin-top: 20px;
}

.input-field {
  width: 100%;
  height: 32px;
  background-color: #f8f8f8;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  transition: border .3s, background-color .3s;
}

.input-field:hover {
  background-color: var(--white);
  border-color: #d4d4d4;
}

.input-field.area {
  min-height: 140px;
  display: inline;
}

.input-field.small {
  max-width: 70px;
}

.form_dropdown-parent {
  width: 100%;
  display: inline-block;
}

.form-textarea {
  width: 100%;
  margin-bottom: 20px;
}

.form-content {
  max-width: 270px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.button-icon {
  width: 16px;
  height: 16px;
  flex: none;
  margin-left: 5px;
}

.button-icon.no-margin {
  margin-left: 0;
}

.button-icon.margin-right {
  margin-left: 0;
  margin-right: 5px;
}

.button-icon.margin-right.rotate {
  transform: rotate(180deg);
}

.review {
  padding-top: 0;
  padding-bottom: 5px;
  font-size: 1em;
  font-weight: 500;
}

.review-parent {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.review-stars {
  color: #ffbf00;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.content {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  font-style: normal;
  display: flex;
  position: relative;
}

.content.align-center {
  align-items: center;
}

.content.right {
  padding-left: 50px;
}

.content.left {
  padding-right: 50px;
}

.content.intro {
  max-width: 760px;
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.icon_social-media {
  width: 2.5em;
  height: 2.5em;
  background-color: var(--roze);
  border-radius: 2px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-bottom: .25em;
  margin-right: .25em;
  transition: transform .2s;
  display: flex;
}

.icon_social-media:hover {
  transform: translate(0, -2px);
}

.icon_social-media.in-nav {
  background-color: var(--white);
  color: var(--text);
  margin-bottom: 0;
  margin-right: 0;
}

.footer-icon-parent {
  flex-wrap: wrap;
  margin-top: 10px;
  display: flex;
}

.image_contain {
  width: 100%;
  object-fit: contain;
}

.image_contain.border {
  border-radius: 5px;
}

.padding_m {
  padding: 25px;
}

.margin_m {
  margin: 25px;
}

.bezorgadres-checkbox {
  margin-top: 25px;
}

.margin-bottom_m {
  margin-bottom: 25px;
}

.margin-right_m {
  margin-right: 25px;
}

.newsletter-signup {
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.faq {
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 2px;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
}

.faq-question {
  width: 100%;
  cursor: pointer;
  align-items: center;
  padding-top: 15px;
  display: flex;
  position: relative;
}

.faq-icon-arrow {
  width: 24px;
  height: 24px;
  float: right;
  position: absolute;
  top: 25px;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.flexbox-content_parent {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.flexbox-content_parent.boxed {
  padding: 20px;
}

.flexbox-content_parent.justify-center {
  justify-content: center;
}

.flexbox-content_parent.justify-between {
  justify-content: space-between;
}

.padding_s {
  padding: 10px;
}

.padding_l {
  padding: 50px;
}

.padding-top_s {
  padding-top: 10px;
}

.padding-bottom_s {
  padding-bottom: 10px;
}

.padding-left_s {
  padding-left: 10px;
}

.padding-right_s {
  padding-right: 10px;
}

.padding-top_l {
  padding-top: 50px;
}

.padding-bottom_l {
  padding-bottom: 50px;
}

.padding-left_l {
  padding-left: 50px;
}

.padding-right_l {
  padding-right: 50px;
}

.margin-left_m {
  margin-left: 25px;
}

.margin_l {
  margin: 50px;
}

.margin-top_l {
  margin-top: 50px;
}

.margin-bottom_l {
  margin-bottom: 50px;
}

.margin-left_l {
  margin-left: 50px;
}

.margin-right_l {
  margin-right: 50px;
}

.margin_xs {
  margin: 5px;
}

.margin-top_xs {
  margin-top: 5px;
}

.margin-bottom_xs {
  margin-bottom: 5px;
}

.margin-left_xs {
  margin-left: 5px;
}

.margin-right_xs {
  margin-right: 5px;
}

.succes-message.background-color_dark {
  margin-top: 25px;
  margin-bottom: 25px;
}

.align-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.header {
  width: 100%;
  height: 40vh;
  max-height: 600px;
  min-height: 350px;
  justify-content: center;
  align-items: center;
  padding: 50px;
  display: flex;
  position: relative;
}

.banner-image_max1200 {
  z-index: -1;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-color_accent {
  background-color: var(--accent);
}

.text-color_accent {
  color: var(--accent);
}

.text-color_white {
  color: var(--white);
}

.background-color_white {
  background-color: var(--white);
}

.slide-content {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image_cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image_cover.z-index_down {
  z-index: -2;
  position: relative;
}

.image_cover.hover-greyscale {
  transition: filter .3s;
}

.image_cover.hover-greyscale:hover {
  filter: grayscale();
}

.image_cover.greyscale-image {
  filter: grayscale();
  transition: transform .3s;
}

.image_cover.greyscale-image:hover {
  filter: grayscale(0%);
}

.image_cover.blur {
  filter: blur(5px);
  transition: filter .3s;
}

.image_cover.blur:hover {
  filter: blur();
}

.slide-content_text {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px 10vw 35px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.thumbnail-image_parent-medium {
  width: 100%;
  height: 20vw;
  max-height: 350px;
  min-height: 200px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thumbnail-image_parent-medium.hover_move-up {
  transition: transform .3s;
}

.thumbnail-image_parent-medium.hover_move-up:hover {
  transform: translate(0, -5px);
}

.thumbnail-image_parent-small {
  width: 100%;
  height: 14vw;
  max-height: 200px;
  min-height: 150px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.box {
  width: 100%;
  background-color: var(--white);
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 12px 20px 20px;
  display: flex;
}

.box.align-center {
  align-items: center;
}

.team-picture {
  width: 150px;
  height: 150px;
  border: 5px solid var(--white);
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.link_not-underlined {
  text-decoration: none;
}

.link_not-underlined:hover {
  text-decoration: underline;
}

.bottom-content_image {
  width: 50%;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 25px;
  display: flex;
}

.align-right {
  justify-content: flex-end;
  display: flex;
}

.slider-text {
  height: 40%;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  overflow: auto;
}

.slide-content_with-text {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.slider-text_image {
  width: 100%;
  height: 60%;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image {
  height: 100%;
  object-fit: contain;
}

.hide {
  display: none;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.overlay {
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  background-color: rgba(51, 51, 51, .9);
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer-heading {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.padding-none {
  padding: 0;
}

.margin-none {
  margin: 0;
}

.form {
  width: 100%;
  max-width: 350px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.padding_xs {
  padding: 5px;
}

.padding-top_xs {
  padding-top: 5px;
}

.padding-bottom_xs {
  padding-bottom: 5px;
}

.padding-left_xs {
  padding-left: 5px;
}

.padding-right_xs {
  padding-right: 5px;
}

.full-width-100 {
  width: 100%;
}

.min-height_100px {
  min-height: 100px;
}

.margin_s {
  margin: 10px;
}

.margin-top_s {
  margin-top: 10px;
}

.margin-bottom_s {
  margin-bottom: 10px;
}

.margin-left_s {
  margin-left: 10px;
}

.margin-right_s {
  margin-right: 10px;
}

.footer-content {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.logo-bar {
  width: 100%;
  height: 100%;
  flex: none;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.logo-slider {
  width: 100%;
  height: 150px;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 30px;
}

.logo-slider_right-arrow {
  width: 40px;
  height: 40px;
  color: #d4d4d4;
  margin-top: 50px;
  margin-bottom: 0;
}

.logos {
  width: 100%;
  justify-content: center;
  display: flex;
}

.logo-slider_left-arrow {
  width: 40px;
  height: 40px;
  color: #d4d4d4;
  margin-top: 50px;
  margin-bottom: 0;
}

.logo-parent {
  width: 25%;
  height: 150px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin: 9px;
  padding: 15px;
  display: flex;
  overflow: hidden;
}

.logo-banner_logo {
  width: 200px;
}

.greyscale {
  filter: brightness(200%) grayscale(200%);
}

.pagination {
  width: 100%;
  border-top: 1px solid var(--accent);
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  padding-top: 50px;
  display: flex;
}

.pagination_counter {
  margin-bottom: 10px;
  margin-right: 10px;
}

.pagination_icon {
  width: 14px;
  height: 14px;
}

.pagination_icon.rotate {
  transform: rotate(180deg);
}

.alert {
  width: 100%;
  border: 1px solid var(--accent);
  background-color: var(--light-grey);
  border-radius: 2px;
  margin-bottom: 5px;
  padding: 15px;
  display: inline-block;
}

.alert.warning {
  background-color: #ffb700;
  border-color: #c58000;
}

.alert.error {
  background-color: #e92d2d;
  border-color: #af0000;
}

.alert.succes {
  background-color: var(--lime-green);
  border-color: #0a8106;
}

.footer-bottom-content {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.footer-column {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-right: 20px;
  display: flex;
}

.navbar-top_contactdetails {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.price-parent {
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 1.3em;
  font-weight: 500;
  display: flex;
  position: relative;
}

.text-color_green {
  color: var(--lime-green);
}

.price-wrapper {
  align-items: flex-start;
  display: flex;
}

.product-wrapper {
  width: 100%;
  border-bottom: 1px solid var(--light-grey);
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: flex;
}

.product-wrapper.kolom {
  width: 100%;
  border-bottom: 1px solid var(--light-grey);
}

.filter-link {
  text-decoration: none;
  transition: transform .2s;
}

.filter-link:hover {
  transform: translate(2px);
}

.filter-link.subcategorie {
  transition-property: none;
}

.filter-link.subcategorie:hover {
  transform: none;
}

.background-color_green {
  background-color: var(--lime-green);
}

.progress-navigation {
  width: 100%;
  border-top: 1px solid var(--light-grey);
  justify-content: flex-end;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
}

.progress-navigation.no-top-border {
  border-top-style: none;
}

.progress-content {
  width: 100%;
  flex-direction: column;
  display: flex;
}

.field-parent.margin-form {
  padding-right: 10px;
}

.field-parent._33-width {
  width: 33.33%;
}

.field-parent._50-width {
  width: 50%;
}

.field-parent._25-width {
  width: 25%;
}

.field-parent._100-width {
  width: 100%;
}

.form-fields {
  width: 100%;
  display: flex;
}

.inschrijf-form {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.overzicht-row {
  border-bottom: 1px solid var(--light-grey);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px 10px 5px;
  display: flex;
}

.radio-button-field {
  margin-top: 0;
}

.image_kader {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 5px solid #000;
}

.border-color_dark {
  border: 1px solid var(--roze);
}

.border-color_light {
  border-style: solid;
  border-color: var(--color-light);
}

.border-color_accent {
  border-style: solid;
  border-color: var(--accent);
}

.image-shadow {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, .38);
}

.image-border-shadow {
  width: 100%;
  height: 100%;
  border: 5px solid var(--white);
  object-fit: cover;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, .38);
}

.image-corner {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.image-corner_big {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}

.image-circle {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999em;
}

.fade {
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, .5);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.hover-icon {
  z-index: 2;
  width: 25%;
  position: absolute;
}

.slide_text-right-side {
  width: 100%;
}

.slider-right-text {
  width: 100%;
  height: 500px;
  background-color: rgba(0, 0, 0, 0);
  padding-right: 80px;
}

.slider_text-block {
  width: 30%;
  height: 510px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -10px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
  overflow: auto;
}

.slider-wrapper {
  width: 100%;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
}

.slider-content {
  width: 100%;
  display: flex;
}

.slide-content_with-text_right {
  width: 70%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.slider-image {
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: contain;
}

.left-arrow-2 {
  width: 40px;
  height: 40px;
  top: 42px;
  bottom: auto;
  left: auto;
  right: 0%;
}

.right-arrow-2 {
  width: 40px;
  height: 40px;
  bottom: auto;
  left: auto;
  right: 0%;
}

.footer-bottom {
  width: 100%;
  background-color: var(--white);
  margin-left: auto;
  margin-right: auto;
}

.team-name_wrapper {
  min-height: 50px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
  display: flex;
}

.image-page {
  width: 50%;
  height: 100%;
  float: left;
  object-fit: contain;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-right: 25px;
}

.winkelwagen_aantal-stuks {
  margin-bottom: 0;
  margin-right: 10px;
}

.thumb-column_small {
  width: 100%;
  max-height: 120px;
  max-width: 120px;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 20px;
  display: flex;
}

.product-details_child {
  width: 120px;
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  display: flex;
}

.product-overview {
  flex: 1;
  display: flex;
}

.product_settings {
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.product-details {
  padding-right: 50px;
}

.column-header_wrapper {
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.column-header {
  width: 120px;
}

.delete-icon {
  width: 40px;
  display: flex;
}

.product-header_top {
  width: 100%;
  border-bottom: 1px solid var(--light-grey);
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: flex;
}

.thumbnail-image {
  width: 100%;
  height: 20vw;
  max-height: 250px;
  min-height: 200px;
  border-radius: 3px 3px 0 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.object-wrapper {
  width: 100%;
  color: var(--text);
  text-decoration: none;
  position: relative;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.object-wrapper:hover {
  color: var(--text);
  text-decoration: none;
}

.status-tag {
  z-index: 2;
  background-color: var(--roze);
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 7px 10px;
  font-size: 1.1em;
  font-weight: 500;
  position: relative;
}

.status-tag.nieuw, .status-tag.te-huur {
  background-color: var(--lime-green);
}

.status-tag.long-text {
  font-size: .9em;
}

.sqaure {
  color: #c0307d;
  margin-top: -1px;
  font-size: 10px;
  line-height: 10px;
}

.sqaure.nieuw, .sqaure.te-huur {
  color: #16b326;
}

.status-tag_parent {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: -10px;
}

.status-tag_parent.object-page {
  font-size: 1.2em;
}

.object-title_wrapper {
  width: 100%;
  min-height: 55px;
  position: relative;
}

.object-row {
  width: 100%;
  border-top: 1px solid var(--light-grey);
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.text-medium {
  font-weight: 500;
}

.object-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.whatsapp-wrapper {
  z-index: 999;
  position: fixed;
  top: auto;
  bottom: 10px;
  left: auto;
  right: 10px;
}

.whatsapp {
  width: 3.2em;
  height: 3.2em;
  border: 1px solid var(--white);
  background-color: var(--roze);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: flex;
}

.whatsapp:hover {
  transform: translate(0, -2px);
}

.whatsapp-icon {
  width: 50%;
  height: 50%;
  color: var(--white);
  flex: none;
  margin-left: 2px;
}

.object-title {
  color: var(--text);
  margin-top: 5px;
  font-size: 1.4em;
  font-weight: 700;
}

.navbar_buttons-wrapper {
  align-items: center;
  margin-right: -17px;
  padding-top: 10px;
  display: flex;
}

.slogan {
  white-space: nowrap;
  margin-top: 4px;
  font-family: Bad Script, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  position: absolute;
  left: 252px;
}

.h2_style {
  font-size: 2em;
  font-weight: 400;
}

.nav-link_highlighted {
  border: 1px solid var(--roze);
  color: var(--roze);
  border-radius: 3px;
  padding: 5px 10px;
  font-weight: 500;
}

.beschikbaar-dot_object-page {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -6px;
  left: -10px;
  right: auto;
}

.paragraph-big {
  font-size: 1.1em;
  line-height: 1.6em;
}

.intro-paragraph {
  color: var(--roze);
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.3em;
}

.search-form_wrapper {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.search-form_parent {
  width: 100%;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 0;
}

.search-form_item {
  width: 100%;
  padding-right: 10px;
}

.search {
  max-width: 1060px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta {
  color: var(--roze);
  font-size: 2.5em;
  font-weight: 700;
}

.page-image {
  width: 100%;
}

.image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.counter-wrapper {
  align-items: center;
  display: flex;
}

.counter {
  min-width: 51px;
  color: var(--roze);
  font-size: 2em;
}

.hero-wrapper {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.nav-fixed {
  z-index: 999;
  border-top: 5px solid var(--roze);
  border-bottom: 1px solid var(--light-grey);
  background-color: var(--white);
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.search-bar {
  z-index: 1000;
  border-top: 1px solid var(--light-grey);
  background-color: var(--white);
  padding-left: 30px;
  padding-right: 20px;
  position: relative;
}

.navbar_right-side {
  align-items: center;
  margin-right: -5px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.navbar_social-media_icon {
  width: 50%;
  height: 50%;
  flex: none;
}

.sorteer {
  margin-bottom: 0;
  margin-left: 15px;
}

.sort-form_item {
  width: 100%;
  display: inline-block;
}

.sort_parent {
  align-items: center;
  display: flex;
}

.navbar_responsive {
  height: 50px;
  background-color: var(--white);
  display: none;
}

.bekijk-alle {
  width: 100%;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 20px;
  display: flex;
}

.icon-search {
  width: 1.4em;
  height: 1.4em;
  flex: none;
  margin-top: 2px;
  margin-right: .25em;
}

.navbar_telefoonnummer {
  flex-wrap: wrap;
  flex: none;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 25px;
  display: flex;
}

.detail-info_row {
  border-bottom: 1px solid var(--light-grey);
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.detail-info_row.beschikbaar-nee {
  display: none;
}

.detail-info_row.border-top {
  border-top: 1px solid var(--light-grey);
}

.sidebar-wrapper {
  width: 100%;
}

.object-details_wrapper {
  width: 100%;
  padding-left: 50px;
}

.detail-info {
  max-width: 190px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.detail-info.email {
  max-width: 113px;
}

.detail-info.object-page_beschikbaar {
  padding-left: 18px;
  position: relative;
}

.detail-info_value {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.detail-info_wrapper {
  width: 100%;
  margin-top: 30px;
}

.object-hero {
  background-color: var(--light-grey);
  position: relative;
}

.object-nav {
  z-index: 1001;
  background-color: var(--white);
  position: relative;
}

.pages-button {
  z-index: 6;
  color: #a5a5a5;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  line-height: 1.1em;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.pages-button:hover {
  text-decoration: none;
}

.pages-button.left {
  text-align: left;
  justify-content: flex-start;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.pages-button.right {
  text-align: right;
  justify-content: flex-end;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.object_page-image {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.gallery-box {
  width: 33.33%;
  height: 15vw;
  cursor: zoom-in;
  overflow: hidden;
}

.gallery-box.mobile-hide._5, .gallery-box.mobile-hide._6 {
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
}

.gallery-box._2, .gallery-box._3 {
  border-left: 1px solid var(--white);
}

.gallery-box._4 {
  border-top: 1px solid var(--white);
}

.gallery-wrapper {
  width: 60%;
  height: 100%;
  flex-wrap: wrap;
  display: flex;
}

.object-page_image-wrapper {
  width: 100%;
  height: 30vw;
  border-top: 1px solid var(--white);
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.gallery-intro {
  width: 40%;
  border-right: 1px solid var(--white);
  flex: none;
  position: relative;
}

.navbar-fixed_top-content {
  align-items: center;
  padding-top: 10px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 100px;
}

.searchbar_sticky_content {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.object-page_pagenav {
  width: 100%;
  min-height: 50px;
  border-top: 1px solid var(--light-grey);
  align-items: center;
  display: flex;
  position: relative;
}

.object-page_pagenav-child {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.obect_page-content {
  width: 66.66%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.object_page-stickybox {
  width: 33.33%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-top: 10px;
  display: flex;
}

.search-form_search-parent {
  width: 100%;
}

.object-page_bemiddelaar {
  width: 33.33%;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.object-page_reageren {
  width: 60%;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 50px;
  display: flex;
}

.password-logo {
  margin-top: 20px;
  margin-bottom: 20px;
}

.page-content {
  width: 100%;
  max-width: 750px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.page-hero {
  height: 220px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.banner_content {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.banner-title {
  background-color: var(--roze);
  color: var(--white);
  text-align: center;
  border-radius: 2px;
  padding: 12px 18px;
  font-weight: 500;
}

.stappen-parent {
  width: 100%;
  margin-top: 20px;
}

.card {
  width: 100%;
  background-color: var(--white);
  border-radius: 2px;
  flex-direction: column;
  margin-bottom: 20px;
  padding: 30px 40px 40px;
  display: flex;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.icon-stap {
  width: 2em;
  height: 2em;
  background-color: var(--roze);
  color: var(--white);
  border-radius: 2px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 2em;
  display: flex;
}

.card_content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.card-header {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.beschikbaar-dot_thumbnail {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -1px;
  left: -24px;
  right: auto;
}

.sidebar_bottom-content {
  z-index: 2;
  border-radius: 2px;
  position: relative;
  top: -2px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.map {
  width: 100%;
  height: 26vh;
  max-height: 250px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden;
}

.margin-top_m {
  margin-top: 25px;
}

.map-wrapper {
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.plaatsnaam {
  z-index: 2;
  background-color: var(--roze);
  color: var(--white);
  border-radius: 2px;
  padding: 7px 10px;
  font-weight: 600;
  position: relative;
  top: 10px;
  left: 10px;
}

.detail-info_row-bottom {
  border-bottom: 1px solid var(--light-grey);
  flex-wrap: wrap;
  padding: 20px 20px 10px;
  display: flex;
}

.details-thumbnail_header {
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.details-thumbnail_maand {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 10px;
}

.sidebar-row {
  border-bottom: 1px solid var(--light-grey);
  padding: 10px 20px;
  display: flex;
}

.vestiging-info_row {
  border-bottom: 1px solid var(--light-grey);
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.euroteken {
  margin-right: 2px;
}

.footer-bottom_content {
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  position: relative;
}

.object-thumbnail {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px;
  display: flex;
  position: relative;
}

.bemiddelaar_details {
  z-index: 2;
  width: 100%;
  background-color: var(--white);
  border-radius: 0 0 2px 2px;
  padding: 10px 20px 30px;
  position: relative;
  top: -2px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.bemiddelaar_details.radius-allround {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.bemiddelaar-thumbnail {
  width: 100%;
  height: 20vw;
  max-height: 350px;
  min-height: 200px;
  border-radius: 2px 2px 0 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bemiddelaar-tag {
  z-index: 2;
  background-color: var(--roze);
  color: var(--white);
  border-radius: 2px;
  padding: 7px 10px;
  font-weight: 600;
  position: absolute;
  top: 10px;
  left: 10px;
}

.main-image {
  position: relative;
}

.container_1600px {
  width: 100%;
  max-width: 1600px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-button-grey {
  border: 1px solid #dbdbdb;
  border-radius: 999px;
  align-items: center;
  padding: 7px 15px;
  display: flex;
}

.form-reageren {
  width: 100%;
  background-color: var(--white);
  border-radius: 2px;
  flex-direction: row;
  padding: 20px 50px 40px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.form-column {
  width: 50%;
}

.form-column.left {
  padding-right: 10px;
}

.form-row {
  margin-bottom: 5px;
  display: flex;
}

.text-dark {
  color: var(--text);
}

.contact-kaart {
  height: 335px;
  overflow: hidden;
}

.contact-kaart.vestigings-page {
  height: auto;
}

.form-white-box {
  width: 100%;
  background-color: var(--white);
  border-radius: 2px;
  flex-direction: row;
  padding: 20px 50px 40px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.contact-page_form {
  width: 60%;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 50px;
  display: flex;
}

.logo-extern-footer {
  width: 100%;
  max-width: 120px;
  filter: brightness(39%);
  margin-left: auto;
  margin-right: auto;
}

.logo-row {
  width: 100%;
  max-width: 530px;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.logo-child {
  width: 25%;
}

.footer-child {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.logo-linkblock {
  width: 100%;
  justify-content: center;
  transition: transform .3s;
  display: flex;
}

.logo-linkblock:hover {
  transform: translate(0, -4px);
}

.footer-tags {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.tag-footer {
  color: #a5a5a5;
  border: 1px solid #dbdbdb;
  border-radius: 999px;
  align-items: center;
  margin-bottom: 7px;
  margin-right: 7px;
  padding: 7px 15px;
  display: flex;
}

.tag-footer:hover {
  text-decoration: none;
}

.plaatnamen-footer {
  color: #a5a5a5;
  margin-top: 20px;
  font-size: .8em;
}

.banner {
  height: 220px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pagination-1 {
  width: 100%;
  border-top: 1px solid var(--accent);
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding-top: 10px;
  display: flex;
}

.banner_content-wrapper {
  width: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.footer-title {
  font-size: 1.2em;
  font-weight: 600;
}

.vestigingpage_left {
  width: 45%;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.vestigingpage_right {
  width: 55%;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.vestiging_page-image {
  width: 100%;
  max-width: 760px;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.icon_account {
  width: 14px;
  height: 14px;
  flex: none;
  margin-bottom: 1px;
  margin-right: 5px;
}

.object-heading {
  display: inline-block;
}

.boject-heading_wrapper {
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.favoriet {
  color: #d3d3d3;
  cursor: pointer;
  background-color: rgba(255, 255, 255, .1);
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  padding: 10px;
  font-size: 1.3em;
  display: flex;
}

.favoriet:hover {
  border-color: var(--roze);
  color: var(--roze);
}

.favoriet.active {
  border-color: var(--roze);
  color: var(--roze);
  background-color: rgba(230, 0, 122, .1);
  display: none;
}

.favoriet.active:hover {
  color: #d3d3d3;
}

.favoriet-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-kaart {
  height: 335px;
  border-radius: 6px;
  margin-top: 15px;
  overflow: hidden;
}

.inlog-form {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.inlog_wrapper {
  width: 100%;
  background-color: var(--white);
  border-radius: 2px;
  flex-direction: column;
  align-items: flex-start;
  margin: 25px;
  padding: 30px 40px 40px;
  display: flex;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.inlog_page-wrapper {
  display: flex;
}

.tabs-wrapper {
  width: 100%;
  margin-top: 20px;
}

.tab {
  background-color: var(--light-grey);
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  padding: 15px 20px;
}

.tab.w--current {
  background-color: var(--white);
}

.tabs-menu {
  border-left: 1px solid #e4e4e4;
  display: flex;
  box-shadow: inset 0 -1px #e4e4e4;
}

.tab-pane {
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

.inschrijving-box {
  width: 100%;
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 4px;
  flex: 1;
  align-items: flex-start;
  margin-bottom: 25px;
  padding: 20px;
  display: flex;
}

.upload-wrapper {
  width: 100%;
  justify-content: space-between;
  padding-top: 10px;
  display: flex;
  position: relative;
}

.inschrijving_object-image {
  width: 40%;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inschrijving_object-content {
  width: 60%;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: var(--accent);
  margin-top: 20px;
  margin-bottom: 20px;
}

.account_edit-icons_wrapper {
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.account_edit-icon {
  margin-right: 5px;
}

.account_edit-link {
  margin-bottom: 10px;
  display: flex;
}

.account_heading-wrapper {
  width: 100%;
  border-bottom: 1px solid var(--light-grey);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.account_edit-link_wrapper {
  flex-wrap: wrap;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.account-form {
  width: 100%;
  margin-bottom: 25px;
}

.form-fields_wrapper {
  width: 100%;
}

.form_error-message {
  width: 100%;
  border: 1px solid var(--roze);
  background-color: rgba(230, 0, 122, .1);
  border-radius: 3px;
}

.upload_checkbox {
  width: 2.5em;
  height: 2.5em;
  background-color: var(--roze);
  border-radius: 2px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.upload_checkbox.is--goedgekeurd {
  background-color: #26c536;
}

.upload_checkbox.is--afgekeurd {
  background-color: #e92d2d;
}

.upload_checkbox-icon {
  width: 50%;
  height: 50%;
  color: var(--white);
  flex: none;
}

.upload_checkbox-wrapper {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.afgekeurd-melding {
  width: 100%;
  background-color: var(--light-grey);
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
  padding: 20px 20px 10px;
}

.upload-wrapper_parent {
  width: 100%;
  border-bottom: 1px solid var(--light-grey);
  padding-top: 5px;
  padding-bottom: 5px;
}

.upload-field {
  width: 100%;
  border: 3px dashed var(--roze);
  color: var(--roze);
  text-align: center;
  background-color: #e9e9e9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  font-weight: 700;
  display: flex;
}

.upload-field-button {
  width: 37px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
}

.upload-files {
  margin-bottom: 16px;
}

.uploaded-img-file {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.uploaded-img {
  background-color: var(--white);
  border: 1px solid #d4d4d4;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.uploaded-file-toolbox {
  z-index: 2;
  width: 25px;
  height: 25px;
  background-color: var(--white);
  color: var(--text);
  cursor: pointer;
  border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.uploaded-file-toolbox:hover {
  color: var(--roze);
}

.trashcan-icon {
  width: 1.4em;
  height: 1.4em;
  flex: none;
  padding-left: 1px;
  display: flex;
}

.uploaded-img-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.person-image-wrapper {
  width: 30px;
  height: 30px;
  background-color: var(--accent);
  border-radius: 100%;
  flex: none;
  margin-right: 7px;
  overflow: hidden;
}

.person-image {
  width: 100%;
  height: 100%;
}

.welkom {
  z-index: 2000;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

.pill-badge {
  width: 16px;
  height: 16px;
  background-color: var(--lime-green);
  color: var(--white);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: .75em;
  display: flex;
  position: absolute;
  top: 11px;
  bottom: 0%;
  left: auto;
  right: 74px;
}

.invoice-wrapper {
  width: 100%;
  background-color: var(--white);
  border-top: 1px solid #dfdfdf;
  margin-top: 25px;
  margin-bottom: 75px;
  overflow: auto;
}

.invoice-row {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  display: flex;
}

.invoice-column {
  width: 16.6667%;
  border-right: 1px solid #dfdfdf;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  display: flex;
}

.invoice-column.is--heading {
  background-color: var(--text);
  color: var(--white);
}

.pagination-2 {
  width: 100%;
  border-top: 1px solid var(--accent);
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding-top: 10px;
  display: flex;
}

.pagination-button {
  border: 1px solid #dbdbdb;
  border-radius: 999px;
  align-items: center;
  padding: 7px 15px;
  transition: background-color .3s;
  display: flex;
}

.pagination-button:hover {
  background-color: var(--white);
  text-decoration: none;
}

.pagination-counter {
  margin-left: 20px;
  margin-right: 20px;
}

.schakel {
  background-color: var(--white);
  border-radius: 99px;
  padding: 8px 16px;
}

.schakel-button {
  border: 1px solid #dbdbdb;
  border-radius: 999px;
  align-items: center;
  padding: 10px 15px;
  font-size: 1.2em;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.schakel-button:hover {
  border-color: var(--roze);
  background-color: var(--white);
  text-decoration: none;
}

.schakel-button.is-actief {
  border-color: var(--roze);
  background-color: var(--white);
  cursor: default;
}

.schakel-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.schakel-wrapper.justify-center {
  justify-content: center;
}

.footer-logos-row {
  width: 100%;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border-top: 1px solid #dfdfdf;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding-top: 24px;
  padding-bottom: 16px;
  display: flex;
}

.footer-logo {
  height: 3.5rem;
}

.footer-logo.is--square {
  height: 4.5rem;
}

.footer-logo_link {
  flex: none;
}

.vbo-logo-nav_link {
  width: 5rem;
  flex: none;
}

.vbo-logo-nav {
  width: 100%;
}

.vbo-logo-nav.is--square {
  height: 4.5rem;
}

.vbo-logo-nav_wrapper {
  height: 100%;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 25px;
  display: flex;
}

.text-color_dark {
  color: var(--text);
}

@media screen and (min-width: 1920px) {
  body {
    font-size: 1em;
    line-height: 1.4em;
  }

  h1 {
    font-size: 2.7em;
  }

  h2 {
    font-size: 2.2em;
  }

  h3 {
    font-size: 1.6em;
  }

  h4 {
    font-size: 1.4em;
  }

  h5, h6 {
    font-size: 1.1em;
  }

  .navbar-content, .navbar-top_content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .slider {
    max-height: 800px;
    min-height: 600px;
  }

  .input-field {
    min-height: 58px;
    font-size: .9em;
  }

  .footer-bottom-content {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-right-text {
    max-height: 800px;
    min-height: 600px;
  }

  .team-name_wrapper {
    min-height: auto;
  }

  .status-tag_parent.object-page {
    margin-top: 45px;
  }

  .navbar_right-side {
    margin-right: -15px;
  }

  .pages-button.left {
    padding-left: 10px;
  }

  .pages-button.right {
    padding-right: 10px;
  }

  .gallery-wrapper {
    border-right: 1px solid var(--white);
  }

  .object-page_image-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gallery-intro {
    border-left: 1px solid var(--white);
  }

  .page-hero {
    height: 320px;
  }

  .main-image {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .banner {
    height: 320px;
  }
}

@media screen and (max-width: 991px) {
  body {
    padding-top: 146px;
  }

  .section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-menu {
    z-index: 1000;
    height: auto;
    border-top: 1px solid var(--light-grey);
  }

  .nav-link {
    width: 100%;
    height: auto;
    min-height: 50px;
    border-bottom: 1px solid var(--accent);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.1em;
  }

  .nav-link.dropdown-subitem {
    padding-left: 40px;
  }

  .nav-link.dropdown-subitem.sub {
    padding-left: 60px;
  }

  .nav-link.dropdown-toggle.w--open {
    border-bottom-width: 0;
  }

  .nav-link.dropdown-toggle.sub-dropdown {
    border-left: 5px solid var(--accent);
    padding-left: 35px;
  }

  .nav-link.home {
    padding-left: 20px;
  }

  .nav-link.seperate {
    border-left-style: none;
    margin-left: 0;
    padding-left: 20px;
  }

  .nav-link.seperate.huurwoning-aanmelden, .nav-link.seperate.contact-innav {
    display: none;
  }

  .nav-link.responsive-nav, .nav-link.mobile-hide, .nav-link.mobile-portrait-hide {
    width: auto;
    border-bottom-style: none;
    flex: none;
  }

  .nav-link.responsive-hide {
    display: none;
  }

  .nav-link.is--welkom {
    border-bottom-style: none;
    padding-left: 11px;
    padding-right: 11px;
  }

  .nav-link.is--profiel {
    min-height: auto;
  }

  .navbar {
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .dropdown-list {
    width: 100%;
  }

  .dropdown-list.w--open {
    margin-top: 0;
  }

  .dropdown-list.in {
    width: 100%;
  }

  .dropdown-list.in.w--open {
    margin-top: 0;
    margin-left: 0;
    position: relative;
  }

  .navbar-content {
    height: 0;
  }

  .dropdown {
    width: 100%;
  }

  .navbar-hamburger {
    height: 100%;
  }

  .navbar-menu-button:hover {
    background-color: rgba(0, 0, 0, 0);
  }

  .navbar-menu-button.w--open {
    z-index: 999;
    background-color: rgba(0, 0, 0, 0);
  }

  .navbar-logo-linkblock {
    flex: 1;
    padding-left: 0;
  }

  .button.search {
    margin-top: 10px;
    margin-right: 20px;
  }

  .button.sm {
    height: 34px;
  }

  .footer-columns {
    width: 100%;
  }

  .flexbox-child._25, .flexbox-child.object {
    width: 50%;
  }

  .navbar-top_content {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .form-select-field {
    max-width: 450px;
  }

  .form-select-field.objects {
    height: 34px;
  }

  .form-select-field.sort-objects {
    max-width: 150px;
  }

  .form-select {
    width: 33.3333%;
    flex: none;
  }

  .icon_social-media.in-nav {
    width: 3em;
    height: 3em;
    min-width: 3px;
  }

  .header {
    padding: 50px 0;
  }

  .logo-slider {
    margin-top: 75px;
  }

  .logo-parent {
    height: 100px;
  }

  .navbar-top_contactdetails {
    padding-left: 19px;
    padding-right: 70px;
  }

  .slider-right-text {
    padding-right: 42px;
  }

  .slider_text-block {
    width: 100%;
    height: 220px;
    margin-top: 15px;
    padding-left: 0;
  }

  .slider-content {
    flex-direction: column;
  }

  .slide-content_with-text_right {
    width: 100%;
  }

  .slider-image {
    max-height: 250px;
  }

  .product-details {
    padding-right: 25px;
  }

  .navbar_buttons-wrapper {
    margin-right: 0;
  }

  .slogan {
    display: none;
  }

  .nav-link_highlighted {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .nav-fixed {
    display: none;
  }

  .search-bar {
    padding-left: 10px;
    padding-right: 0;
  }

  .navbar_right-side {
    height: 50px;
    justify-content: flex-end;
    align-items: center;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: static;
  }

  .navbar_right-side.responsive-nav {
    padding-right: 8px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .navbar_right-side.responsive-hide {
    display: none;
  }

  .form-sort {
    flex: none;
  }

  .navbar_responsive {
    z-index: 1001;
    display: flex;
    position: relative;
  }

  .navbar_telefoonnummer {
    margin-left: 15px;
    margin-right: 15px;
  }

  .detail-info.email {
    white-space: nowrap;
  }

  .object-nav {
    background-color: var(--white);
  }

  .navbar-fixed_top-content {
    margin-right: 0;
  }

  .obect_page-content {
    width: 60%;
  }

  .object_page-stickybox {
    width: 40%;
  }

  .object-page_bemiddelaar {
    width: 40%;
    padding-right: 0;
  }

  .object-page_reageren {
    width: 60%;
  }

  .object-thumbnail {
    padding: 10px;
  }

  .contact-page_form {
    width: 60%;
    padding-left: 0;
  }

  .passwordpage {
    padding-top: 0;
  }

  .vestigingpage_left {
    width: 40%;
    padding-right: 0;
  }

  .vestigingpage_right {
    width: 60%;
    padding-left: 0;
  }

  .welkom {
    width: 100%;
  }

  .vbo-logo-nav_wrapper {
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  body {
    padding-top: 126px;
  }

  .nav-link.seperate.contact-innav, .nav-link.seperate.inschrijven {
    display: flex;
  }

  .nav-link.responsive-nav {
    padding-right: 0;
  }

  .nav-link.mobile-hide {
    display: none;
  }

  .navbar-hamburger {
    transform: none;
  }

  .navbar-menu-button {
    height: 70px;
  }

  .navbar-logo-linkblock {
    height: 50px;
  }

  .button.reversed.mobile-hide {
    display: none;
  }

  .button.search {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .button.kleine-schermen {
    display: block;
  }

  .button.grote-schermen {
    display: none;
  }

  .flexbox-child._33 {
    width: 50%;
  }

  .flexbox-child.nieuwsartikel {
    width: 100%;
  }

  .navbar-top {
    height: 70px;
  }

  .thumbnail-text {
    height: 35vw;
  }

  .slider {
    min-height: 200px;
  }

  .content.right {
    padding-left: 25px;
  }

  .content.left {
    padding-right: 25px;
  }

  .header {
    min-height: 200px;
  }

  .slide-nav {
    display: none;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .footer-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .logo-parent {
    width: 33.3333%;
    height: 90px;
  }

  .product-wrapper {
    width: 50%;
  }

  .slider-right-text {
    min-height: 200px;
  }

  .product-details_child {
    width: 80px;
  }

  .product-overview {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-details {
    padding-right: 5px;
  }

  .column-header {
    width: 80px;
  }

  .sort_parent {
    justify-content: space-between;
  }

  .navbar_telefoonnummer {
    display: none;
  }

  .sidebar-wrapper {
    margin-top: 0;
  }

  .object-details_wrapper {
    padding-left: 20px;
    padding-right: 0;
  }

  .detail-info.email {
    max-width: 190px;
  }

  .pages-button.middle {
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-box {
    height: 100px;
  }

  .object-page_image-wrapper {
    height: 200px;
  }

  .obect_page-content, .object_page-stickybox {
    width: 50%;
  }

  .object-page_bemiddelaar {
    width: 100%;
    padding-top: 20px;
  }

  .object-page_reageren {
    width: 100%;
    padding-left: 0;
  }

  .details-thumbnail_maand {
    margin-left: 0;
  }

  .form-reageren, .form-white-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-page_form {
    width: 100%;
    padding-left: 0;
  }

  .vestigingpage_left {
    width: 100%;
    padding-top: 20px;
  }

  .vestigingpage_right {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }

  .inlog_wrapper {
    margin: 0 0 20px;
  }

  .inlog_page-wrapper, .tabs-menu {
    flex-direction: column;
  }

  .invoice-column {
    width: 130px;
    flex: none;
  }

  .vbo-logo-nav_wrapper {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2em;
    line-height: 1em;
  }

  h2 {
    font-size: 1.6em;
    line-height: 1.2em;
  }

  h3, h4, h5, h6 {
    line-height: 1.2em;
  }

  .section.extra-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .nav-link {
    min-height: 50px;
  }

  .nav-link.seperate.huurwoning-aanmelden {
    display: flex;
  }

  .nav-link.mobile-portrait-hide {
    display: none;
  }

  .nav-link.is--welkom {
    padding-left: 3px;
  }

  .navbar-logo {
    margin-top: 0;
  }

  .navbar-hamburger {
    padding-left: 5px;
  }

  .navbar-menu-button {
    flex: none;
  }

  .navbar-logo-linkblock {
    height: 40px;
    margin-right: 10px;
  }

  .button.nav {
    border-radius: 4px;
    padding-bottom: 1px;
  }

  .button.sm {
    height: 32px;
  }

  .button.account-nav {
    width: 32px;
    height: 32px;
    flex: none;
  }

  .text-button.mobile-hide {
    display: none;
  }

  .flexbox-child {
    width: 100%;
    flex: none;
  }

  .flexbox-child._50, .flexbox-child._33, .flexbox-child._25, .flexbox-child.nieuwsartikel, .flexbox-child.object {
    width: 100%;
  }

  .padding-top_m {
    padding-top: 10px;
  }

  .padding-bottom_m {
    padding-bottom: 10px;
  }

  .padding-left_m {
    padding-left: 10px;
  }

  .padding-right_m {
    padding-right: 10px;
  }

  .thumbnail-text {
    height: 55vw;
  }

  .pop-up-content {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .popup-close-icon {
    width: 22px;
    top: 10px;
    right: 10px;
  }

  .slider_nav-left {
    margin-left: 0;
  }

  .slider_nav-right {
    margin-right: 0;
  }

  .button-content.account {
    padding-left: 5px;
    padding-right: 0;
  }

  .form-select-field.objects {
    height: 32px;
  }

  .form-select-field.sort-objects {
    max-width: 100px;
  }

  .form-select {
    width: 50%;
  }

  .checkbox, .radio-button {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-bottom: 2px;
    margin-right: 5px;
  }

  .input-field {
    margin-bottom: 10px;
  }

  .content.right {
    padding-left: 10px;
  }

  .content.left {
    padding-right: 10px;
  }

  .content.intro {
    text-align: left;
  }

  .icon_social-media.in-nav {
    width: 2.5em;
    height: 2.5em;
  }

  .padding_m {
    padding: 10px;
  }

  .margin_m {
    margin: 10px;
  }

  .bezorgadres-checkbox {
    align-items: center;
    margin-top: 10px;
    display: flex;
  }

  .margin-bottom_m {
    margin-bottom: 10px;
  }

  .margin-right_m {
    margin-right: 10px;
  }

  .newsletter-signup {
    flex-direction: column;
  }

  .faq {
    padding-right: 15px;
  }

  .faq-question {
    padding-right: 20px;
  }

  .flexbox-content_parent.reverse-on-mobile {
    flex-wrap: wrap-reverse;
  }

  .padding_l {
    padding: 25px;
  }

  .padding-top_l {
    padding-top: 25px;
  }

  .padding-bottom_l {
    padding-bottom: 25px;
  }

  .padding-left_l {
    padding-left: 25px;
  }

  .padding-right_l {
    padding-right: 25px;
  }

  .margin-left_m {
    margin-left: 10px;
  }

  .margin_l {
    margin: 25px;
  }

  .margin-left_l {
    margin-left: 25px;
  }

  .margin-right_l {
    margin-right: 25px;
  }

  .slide-content_text {
    padding-bottom: 25px;
  }

  .box {
    padding: 20px;
  }

  .bottom-content_image {
    width: 100%;
    padding-left: 0;
  }

  .footer-heading {
    width: 100%;
    margin-top: 30px;
  }

  .form {
    width: 100%;
    flex: none;
  }

  .footer-content {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .logo-bar {
    padding-left: 10px;
    padding-right: 10px;
  }

  .logo-slider {
    width: auto;
    height: 300px;
    margin: 20px -20px;
  }

  .logo-slider_right-arrow {
    margin-top: 130px;
  }

  .logos {
    flex-wrap: wrap;
  }

  .logo-slider_left-arrow {
    margin-top: 130px;
  }

  .logo-parent {
    width: 39%;
    margin: 5px;
    padding: 5px;
  }

  .footer-bottom-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-column {
    width: 100%;
    flex: none;
    padding-right: 0;
  }

  .navbar-top_contactdetails {
    padding-right: 60px;
  }

  .price-parent {
    font-size: 1.2em;
  }

  .product-wrapper {
    flex: none;
  }

  .field-parent.margin-form {
    padding-right: 0;
  }

  .field-parent._33-width, .field-parent._50-width {
    width: 100%;
  }

  .form-fields {
    flex-direction: column;
  }

  .radio-button-field {
    margin-top: 7px;
  }

  .slider-wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .team-name_wrapper {
    min-height: auto;
  }

  .image-page {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .thumb-column_small {
    max-height: 100%;
    max-width: 100%;
    flex: none;
    margin-bottom: 5px;
    padding-right: 0;
  }

  .product-details_child {
    width: 100%;
  }

  .product-overview {
    flex-direction: column;
  }

  .product_settings {
    width: 100%;
  }

  .product-details {
    padding-right: 0;
  }

  .product-header_top {
    display: none;
  }

  .status-tag_parent.object-page {
    font-size: 1.3em;
  }

  .object-title_wrapper {
    min-height: auto;
  }

  .beschikbaar-dot_object-page {
    padding-bottom: 0;
  }

  .search-form_wrapper {
    justify-content: space-between;
  }

  .hero-wrapper {
    align-items: flex-start;
  }

  .form-sort {
    width: 100%;
  }

  .sort-form_item {
    padding-right: 0;
  }

  .sort_parent {
    margin-top: 5px;
  }

  .object-details_wrapper {
    padding-left: 0;
  }

  .detail-info {
    width: 100%;
    max-width: 130px;
    flex: none;
  }

  .detail-info_value {
    width: 100%;
  }

  .detail-info_value.email {
    padding-left: 0;
  }

  .pages-button {
    padding-left: 5px;
    padding-right: 5px;
  }

  .pages-button.left {
    padding-left: 20px;
    padding-right: 0;
  }

  .pages-button.right {
    padding-left: 0;
    padding-right: 20px;
  }

  .gallery-box {
    width: 50%;
  }

  .gallery-box.mobile-hide {
    display: none;
  }

  .gallery-box._2 {
    border-left-style: solid;
  }

  .gallery-box._3 {
    border-top: 1px solid var(--white);
    border-left-style: none;
  }

  .gallery-box._4 {
    border-left: 1px solid var(--white);
  }

  .gallery-wrapper, .gallery-intro {
    width: 50%;
  }

  .object-page_pagenav-child {
    width: 100%;
    display: block;
  }

  .object-page_pagenav-child.mobile-hide {
    display: none;
  }

  .obect_page-content {
    width: 100%;
    flex: none;
  }

  .object_page-stickybox {
    width: 100%;
    flex: none;
    margin-bottom: 10px;
  }

  .object-page_bemiddelaar {
    width: 100%;
    flex: none;
    padding-top: 10px;
  }

  .object-page_reageren {
    width: 100%;
    flex: none;
  }

  .card {
    margin-bottom: 50px;
    padding: 20px;
  }

  .icon-stap {
    margin-top: -45px;
  }

  .card-header {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .beschikbaar-dot_thumbnail {
    padding-bottom: 0;
  }

  .details-thumbnail_maand {
    margin-left: 10px;
  }

  .vestiging-info_row.email {
    flex-wrap: wrap;
  }

  .form-column {
    width: 100%;
  }

  .form-column.left {
    padding-right: 0;
  }

  .form-row {
    flex-direction: column;
  }

  .contact-kaart {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .contact-page_form {
    width: 100%;
    flex: none;
  }

  .logo-child {
    width: 50%;
  }

  .footer-child {
    width: 100%;
    flex: none;
    margin-bottom: 10px;
  }

  .footer-tags {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tag-footer {
    font-size: .8em;
    line-height: 1.3em;
  }

  .vestigingpage_left {
    width: 100%;
    flex: none;
    padding-top: 10px;
  }

  .vestigingpage_right {
    width: 100%;
    flex: none;
  }

  .icon_account {
    margin-bottom: 0;
    margin-right: 0;
  }

  .footer-kaart {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .inlog_wrapper {
    padding: 20px;
  }

  .tab.w--current {
    font-weight: 700;
  }

  .inschrijving-box {
    flex-wrap: wrap;
    padding: 20px;
  }

  .inschrijving_object-image {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .inschrijving_object-content {
    width: 100%;
  }

  .person-image-wrapper {
    margin-right: 3px;
  }

  .profile-name {
    font-size: .75em;
  }

  .pill-badge {
    right: 37px;
  }

  .footer-logos-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer-logo {
    height: 3rem;
  }

  .footer-logo.is--square {
    height: 4rem;
  }

  .vbo-logo-nav {
    height: 3rem;
  }

  .vbo-logo-nav.is--square {
    height: 4rem;
  }
}


@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2'), url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa duotone 900';
  src: url('../fonts/fa-duotone-900.woff2') format('woff2'), url('../fonts/fa-duotone-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 300';
  src: url('../fonts/fa-light-300.woff2') format('woff2'), url('../fonts/fa-light-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 100';
  src: url('../fonts/fa-thin-100.woff2') format('woff2'), url('../fonts/fa-thin-100.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'), url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa v4compatibility';
  src: url('../fonts/fa-v4compatibility.woff2') format('woff2'), url('../fonts/fa-v4compatibility.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}