/*
Theme Name: PixelPassion
Theme URI: https://pixelpassion.nl
Author: PixelPassion
Author URI: https://pixelpassion.nl
Description: A simple WordPress theme
Version: 1.0.0
License: Free for personal use, for commercial use, please check website
License URI: https://pixelpassion.nl/wordpress-theme
Text Domain: pixelpassion
Tags: pixelpassion
*/
/* Breakpoints
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, select, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  outline: none;
  line-height: 100%;
  box-sizing: border-box; }

li {
  list-style-type: none; }

a {
  text-decoration: none; }

button:hover {
  cursor: pointer; }

html {
  margin: 0 !important; }

body {
  font-size: 16px;
  font-family: Arial, sans-serif; }

.strong, strong {
  font-weight: 600; }

main {
  width: 1700px;
  margin: 0 auto 4rem; }
@media (max-width: 767px) {
  main {
    width: calc(100vw - 2rem);
    padding: 0 1rem;
    overflow: hidden; } }
@media (min-width: 768px) and (max-width: 1279px) {
  main {
    width: calc(100% - 2rem);
    padding: 0 1rem; } }
main a {
  color: #11291e; }
main p {
  width: 1000px;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #11291e;
  padding: 0 0 1rem 0; }
@media (max-width: 767px) {
  main p {
    width: 100%; } }
@media (min-width: 768px) and (max-width: 1279px) {
  main p {
    width: 100%; } }
main figure.wp-block-image {
  margin: 0 auto;
  width: 1000px !important; }
@media (max-width: 767px) {
  main figure.wp-block-image {
    width: 100vw !important; } }
@media (min-width: 768px) and (max-width: 1279px) {
  main figure.wp-block-image {
    width: auto !important; } }
main .wp-block-image img {
  width: 100% !important;
  padding: 0 0 2rem 0; }
@media (max-width: 767px) {
  main .wp-block-image img {
    width: calc(100vw - 2rem) !important; } }
main #beds24target_155143_0_0 {
  margin: 0 auto !important;
  width: 1000px !important;
  min-width: auto; }
@media (min-width: 768px) and (max-width: 1279px) {
  main #beds24target_155143_0_0 {
    width: calc(100vw - 2rem) !important; } }
main #beds24target_155143_0_0 iframe {
  width: 100%; }
@media (max-width: 767px) {
  main #beds24target_155143_0_0 iframe {
    width: calc(100vw - 2rem) !important; } }
main input, main textarea {
  padding: .25rem; }
main input, main textarea {
  width: 100%; }
main input[type="submit"] {
  display: block;
  background: #a7cf37;
  border: 0;
  padding: .75rem;
  border-radius: 8px;
  width: 10rem;
  margin: 0 auto;
  font-size: 1rem; }
main .wp-block-list {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  row-gap: .5rem; }

.page-title {
  width: 1000px;
  font-size: 2.5rem;
  margin: 2rem auto 0;
  padding: 0 0 2rem 0;
  color: #3A4A4F; }
@media (max-width: 767px) {
  .page-title {
    width: 100%; } }
@media (min-width: 768px) and (max-width: 1279px) {
  .page-title {
    width: 100%; } }

.wp-block-buttons {
  margin: .5rem 0 1rem 0;
  justify-content: center;
  display: flex;
  column-gap: 1rem; }

.wp-block-columns {
  width: 1000px;
  margin: 1rem auto 1rem;
  display: flex;
  column-gap: 1rem;
  row-gap: 1rem;
  flex-wrap: wrap; }
@media (max-width: 767px) {
  .wp-block-columns {
    width: 100%;
    display: flex;
    flex-direction: column; } }
@media (min-width: 768px) and (max-width: 1279px) {
  .wp-block-columns {
    width: 100%; } }

.wp-block-heading {
  width: 1000px;
  margin: 0 auto 1rem;
  font-size: 1.75rem;
  font-weight: 600;
  color: #11291e; }
@media (max-width: 767px) {
  .wp-block-heading {
    width: 100%; } }
@media (min-width: 768px) and (max-width: 1279px) {
  .wp-block-heading {
    width: 100%;
    line-height: 2rem; } }

h2.wp-block-heading {
  padding: 1rem 0 0 0; }

h3.wp-block-heading {
  padding: 1rem 0 0 0; }

.wp-block-column {
  background: #f8f4e9;
  padding: 1.5rem;
  border-radius: 8px;
  width: calc(50% - .5rem); }
@media (max-width: 767px) {
  .wp-block-column {
    width: 100%; } }
.wp-block-column p {
  width: auto;
  line-height: 1.5rem;
  font-size: 1rem; }
@media (max-width: 767px) {
  .wp-block-column p {
    width: 100%; } }
.wp-block-column .wp-block-heading {
  width: 1000px;
  margin: 0 auto 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: #11291e; }
@media (max-width: 767px) {
  .wp-block-column .wp-block-heading {
    width: 100%; } }
.wp-block-column .wp-block-image img {
  padding: 0 0 .5rem 0; }
.wp-block-column figure.wp-block-image {
  margin: 0;
  width: 100% !important; }
.wp-block-column h3.wp-block-heading {
  padding: 0 0 .5rem 0; }
.wp-block-column h4.wp-block-heading {
  font-size: 1rem;
  width: 100%;
  padding: 0 0 .5rem 0; }
.wp-block-column .wp-block-list {
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
  margin: 0 0 .5rem 0; }
.wp-block-column .wp-block-list li {
  list-style-type: disc;
  margin: 0 0 0 1rem;
  line-height: 1.25rem; }
.wp-block-column p a, .wp-block-column .wp-block-list li a {
  border-bottom: 2px solid #ff9429; }
.wp-block-column li ul {
  padding: .5rem 0 0 0; }

.wp-block-button__link {
  border-radius: 8px;
  background: #11291e; }

.wp-block-button:last-child .wp-block-button__link {
  background: #a7cf37;
  color: #11291e; }

h6 ~ .wp-block-columns .wp-block-list {
  width: auto; }

@media (max-width: 767px) {
  h6 ~ .wp-block-list {
    width: auto; } }

@media (max-width: 767px) {
  h6 ~ .wp-block-list .wp-block-list {
    width: auto; } }

h6.wp-block-heading {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.75rem; }

hr {
  display: none; }

body .is-layout-grid {
  width: 1000px;
  margin: 0 auto 2rem;
  display: flex;
  column-gap: 1rem;
  justify-content: flex-start; }
@media (max-width: 767px) {
  body .is-layout-grid {
    width: 100%;
    flex-direction: column;
    row-gap: 1rem; } }
body .is-layout-grid p {
  width: 100%;
  padding: .5rem;
  background: #f5f0e3;
  border-radius: 4px;
  font-size: 1rem; }
@media (max-width: 767px) {
  body .is-layout-grid p {
    width: 100%; } }

.wp-block-details {
  width: 1000px;
  margin: 0 auto; }
@media (max-width: 767px) {
  .wp-block-details {
    width: 100%; } }
.wp-block-details summary {
  margin: 0 0 2rem 0; }
.wp-block-details p {
  padding: 0;
  font-size: 1rem; }
.wp-block-details h4.wp-block-heading {
  font-weight: 600;
  font-size: 1rem; }
.wp-block-details .wp-block-column {
  width: calc(100vw - 2rem) !important; }

.huurkalender-embed-container_overview iframe {
  height: 600px; }

.wp-block-gallery {
  display: flex;
  width: 1000px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: .5rem;
  row-gap: .5rem; }
@media (max-width: 767px) {
  .wp-block-gallery {
    width: 100%;
    row-gap: .25rem; } }
.wp-block-gallery .wp-block-image {
  max-width: 250px; }
@media (max-width: 767px) {
  .wp-block-gallery .wp-block-image {
    max-width: 40%; } }

header {
  width: 100%;
  background: #11291e;
  height: 6rem;
  display: flex;
  align-items: center; }
@media (max-width: 767px) {
  header {
    padding: 1rem 1rem;
    height: auto;
    width: 100vw; } }
@media (min-width: 768px) and (max-width: 1279px) {
  header {
    padding: 1rem; } }
header .wrapper {
  width: 1700px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center; }
@media (max-width: 767px) {
  header .wrapper {
    width: 100vw; } }
header .logo {
  font-size: 2rem;
  font-weight: 600; }
@media (max-width: 767px) {
  header .logo {
    font-size: 1.25rem;
    width: 60%; } }
@media (min-width: 768px) and (max-width: 1279px) {
  header .logo {
    font-size: 1.5rem;
    width: 25%; } }
header .logo a {
  color: #a7cf37; }
header .burger {
  display: none; }
@media (max-width: 767px) {
  header .burger {
    display: block;
    width: 32px;
    height: 22px; } }
header .burger__top, header .burger__mid, header .burger__bottom {
  height: 2px;
  width: 32px;
  background: #f5f0e3; }
header .burger__mid {
  margin: .5rem 0 .5rem 0; }
header .toggle {
  display: none; }
@media (max-width: 767px) {
  header .nav {
    display: none; } }
@media (max-width: 767px) {
  header .toggle:checked + .burger {
    display: block;
    position: fixed;
    top: 2.25rem;
    right: 1rem;
    z-index: 999; }
  header .toggle:checked + .burger .burger__top {
    transform: rotate(45deg); }
  header .toggle:checked + .burger .burger__bottom {
    transform: rotate(-45deg);
    margin: -2px 0 0 0; }
  header .toggle:checked + .burger .burger__mid {
    display: none; } }
@media (max-width: 767px) {
  header .toggle:checked + label + .nav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: #11291e;
    padding: 6rem 1rem 0;
    z-index: 998; }
  header .toggle:checked + label + .nav .nav__list {
    flex-direction: column;
    row-gap: 1rem; }
  header .toggle:checked + label + .nav .nav__item {
    flex-direction: column; }
  header .toggle:checked + label + .nav .nav__item a {
    background: #1b3527;
    padding: .75rem;
    border-radius: 8px; } }
header .nav__list {
  display: flex;
  column-gap: 2rem; }
@media (min-width: 768px) and (max-width: 1279px) {
  header .nav__list {
    column-gap: 1rem; } }
header .nav__item:last-child a {
  background: #a7cf37;
  padding: .5rem .75rem;
  border-radius: 4px;
  color: #11291e; }
@media (max-width: 767px) {
  header .nav__item:last-child a {
    color: #fff; } }
header .nav__item a {
  display: block;
  padding: .5rem;
  color: #f5f0e3; }
header .sub-menu {
  display: none; }
header .sub-menu .nav__item:last-child a {
  color: #fff;
  background: transparent;
  padding: .5rem; }
@media (max-width: 767px) {
  header .has-dropdown .sub-menu {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 1rem;
    overflow: none; } }
@media (max-width: 767px) {
  header .has-dropdown .sub-menu .nav__item {
    margin: 1rem 0 0 0; } }
header .has-dropdown:hover .sub-menu {
  display: inline-block;
  position: absolute;
  background: #f5f0e3; }
@media (max-width: 767px) {
  header .has-dropdown:hover .sub-menu {
    background: transparent;
    position: initial;
    display: block; } }
header .has-dropdown:hover .sub-menu a {
  color: #11291e;
  padding: 1rem 2rem; }
@media (max-width: 767px) {
  header .has-dropdown:hover .sub-menu a {
    color: #fff;
    display: block; } }

.banner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 1rem;
  height: 400px;
  padding: 6rem 0;
  margin: 0 0 4rem 0;
  background: #1b3527 url("../../uploads/2025/11/vvv-banner.webp") no-repeat center center;
  background-size: cover; }

.banner__title {
  display: inline-block;
  text-align: center;
  font-size: 3rem;
  color: #f5f0e3;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

.banner__subtitle {
  text-align: center;
  font-size: 1.5rem;
  color: #f5f0e3;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

footer {
  background: #11291e;
  padding: 6rem 0; }
@media (max-width: 767px) {
  footer {
    padding: 4rem 0; } }
footer .wrapper {
  width: 1700px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  column-gap: 2rem; }
@media (max-width: 767px) {
  footer .wrapper {
    width: 100%;
    flex-direction: column;
    row-gap: 2.5rem;
    padding: 0 1rem; } }
@media (min-width: 768px) and (max-width: 1279px) {
  footer .wrapper {
    width: 100%;
    flex-direction: column;
    row-gap: 2.5rem;
    padding: 0 1rem;
    flex-wrap: wrap; } }
footer .footer__heading {
  color: #a7cf37;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0 0 1rem 0; }
@media (max-width: 767px) {
  footer .footer__heading {
    padding: 0 0 .5rem 0; } }
footer .nav__list {
  display: flex;
  flex-direction: column;
  row-gap: .75rem; }
footer .menu-contact-container {
  padding: 0 0 1.5rem 0; }
footer a {
  color: #f5f0e3; }
footer p {
  color: #f5f0e3;
  font-size: 1rem;
  line-height: 1.5rem; }

/*# sourceMappingURL=style.css.map */