/* =====================================================================
   villavulto.com — één stylesheet voor de hele site.
   Opbouw: 1. basis  2. layout (sectie > wrap > kolom > inner)  3. blokken
           4. header  5. animaties  6. per pagina (onderaan, per pagina-id)
   Breakpoints (gelijk aan de oude Elementor-site):
     tablet  <= 1024px     mobiel <= 767px
     (921px en 544px komen uit het oude Astra-thema: lettergrootte html)
   Kleuren: geel #ffd000 · zwart #000 · antraciet #2c2c2c / #171717
   Lettertypen: er worden bewust GEEN webfonts geladen — de live site laadde
   ze ook niet. "Bitter"/"Muli"/"Poppins" werken alleen als ze op het toestel
   staan; anders valt de browser terug op zijn schreefloze letter.
   ===================================================================== */

/* 1. basis ------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  overflow-x: hidden;
  position: relative;
  background: #f5f5f5;
  color: #4a4a4a;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.85714285714286;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, p, ul, li, figure { margin: 0; padding: 0; border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; }
h1, h2, h3, h4 { clear: both; color: #1a1a1a; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 10rem; line-height: 1.1; }
h4 { font-size: 2rem; }
p { margin-bottom: 1em; }
ul { margin: 0 0 1.5em 3em; list-style: disc; }
a { color: #000; text-decoration: none; background-color: transparent; transition: all .2s linear; }
img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }
strong, b { font-weight: bolder; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); border: 0; }
@media (max-width: 921px) {
  html { font-size: 91.2%; }
  h1 { font-size: 96px; } h2 { font-size: 80px; } h3 { font-size: 28px; } h4 { font-size: 1.5rem; }
}
@media (max-width: 544px) { h1 { font-size: 72px; } h2 { font-size: 64px; } h3 { font-size: 20px; } }
main { overflow-wrap: break-word; } /* lange woorden breken af, zoals live ("Intere-sse?") */

/* 2. layout ----------------------------------------------------------- */
/* <section class="sec"> > <div class="wrap"> > <div class="col c50"> > <div class="inner"> > blokken */
.sec { position: relative; }
.sec > .wrap { display: flex; position: relative; margin-left: auto; margin-right: auto; }
.sec.boxed > .wrap { max-width: 1200px; }
@media (max-width: 1024px) { .sec.boxed > .wrap { max-width: 1024px; } }
@media (max-width: 767px) { .sec.boxed > .wrap { max-width: 767px; } }
.sec.mid > .wrap { align-items: center; }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.col { position: relative; display: flex; min-height: 1px; }
.inner { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; padding: 10px; }
.inner.empty { padding: 0; }
.inner > * { position: relative; width: 100%; }
.inner > :not(.sec):not(:last-child) { margin-bottom: 20px; }
.inner > .wi { max-width: 100%; }
@media (min-width: 768px) {
  .c100 { width: 100%; } .c66 { width: 66.666%; } .c50 { width: 50%; } .c33 { width: 33.333%; }
  .c25 { width: 25%; } .c12 { width: 12.5%; }
  /* .c-auto: bewust geen breedte (zo stond het live) */
}
@media (max-width: 1024px) { .sec > .wrap { flex-wrap: wrap; } }
@media (max-width: 767px) {
  .col { width: 100%; }
  .rev-m > .wrap > :first-child { order: 10; }
}
/* zichtbaarheid per schermbreedte (zoals gemeten op de live site) */
@media (min-width: 1025px) { .hide-d { display: none !important; } }
@media (min-width: 768px) and (max-width: 1024px) { .hide-t { display: none !important; } }
@media (max-width: 767px) { .hide-m { display: none !important; } }

/* schuine/ronde vormranden onder en boven secties */
.shape { position: absolute; left: 0; width: 100%; overflow: hidden; line-height: 0; direction: ltr; }
.shape.bottom { bottom: -1px; }
.shape.top { top: -1px; }
.shape svg { display: block; position: relative; left: 50%; width: calc(100% + 1.3px); transform: translateX(-50%); }
.shape .fill { fill: #fff; transform-origin: center; transform: rotateY(0deg); }
/* draaien/achter-de-inhoud van vormranden: alleen op home stond die regel live (zie onderaan) */

/* achtergrondvideo: staat (net als live) in de normale flow boven de inhoud */
.bgvideo { overflow: visible; }
.bgvideo video { display: inline-block; max-width: none; width: 1939px; height: 1091px; } /* maat die Elementors script live uitrekende */
@media (max-width: 921px) { .bgvideo video { width: 1936.16px; height: 1089.09px; } }

/* 3. blokken ---------------------------------------------------------- */
/* kop */
.h { margin: 0; padding: 0; line-height: 1; }
h2.h, h3.h { line-height: 1.1; }
.h.size-l { font-size: 29px; }
/* tekst */
/* knop */
.btn-w { }
.btn {
  display: inline-block;
  padding: 12px 22px;
  border: 2px solid #1a1a1a;
  border-radius: 24px;
  background-color: transparent;
  color: #1a1a1a;
  font-family: "Poppins", sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
  transition: all .3s;
}
.btn:hover, .btn:focus { color: #fff; background-color: #1a1a1a; border-color: #1a1a1a; }
.justify .btn { width: 100%; }
@media (max-width: 767px) { .justify-m .btn { width: 100%; } }
/* afbeelding */
.img { text-align: center; }
.img a { display: inline-block; }
.img img { display: inline-block; vertical-align: middle; }
/* witruimte */
.spacer::after { content: ""; display: block; height: var(--spacer-size); }
/* afbeelding met kop/tekst */
.ibox .ib { text-align: center; }
.ibox .ib-img { display: inline-block; }
@media (min-width: 768px) { .ibox .ib-img { margin: auto; } }
@media (max-width: 767px) { .ibox .ib-img { margin-left: auto !important; margin-right: auto !important; margin-bottom: 15px; } }
/* lijst met iconen */
.ilist .items { list-style: none; margin: 0; padding: 0; }
.ilist .item { display: flex; align-items: var(--icon-vertical-align, center); position: relative; margin: 0; padding: 0; font-size: inherit; }
.ilist .ico { display: flex; position: relative; top: var(--icon-vertical-offset, initial); }
.ilist .ico .fa { display: block; width: 1.25em; height: 1em; font-size: var(--e-icon-list-icon-size); fill: currentColor; }
.ilist .ico + .txt { align-self: center; padding-left: 5px; }
/* social-iconen */
.social { font-size: 0; line-height: 1; }
.social .grid { display: inline-block; width: 100%; margin-bottom: calc(-1 * var(--grid-row-gap)); word-spacing: var(--grid-column-gap); }
.social .gi { display: inline-block; min-width: 0; margin-bottom: var(--grid-row-gap); word-break: break-word; }
.soc {
  --icon-color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
  height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
  border-radius: 10%;
  background-color: #69727d;
  color: var(--icon-color);
  font-size: var(--icon-size, 25px);
  line-height: var(--icon-size, 25px);
  text-align: center;
  cursor: pointer;
  transition: transform .3s;
}
.soc .fa { display: block; width: 1em; height: 1em; fill: currentColor; }
.soc:hover { opacity: .9; }
.soc.grow:hover, .soc.grow:focus { transform: scale(1.1); }
.soc-linkedin { background-color: #0077b5; } .soc-envelope { background-color: #ea4335; }
.soc-youtube { background-color: #cd201f; } .soc-whatsapp { background-color: #25d366; }
/* video (YouTube/Vimeo) */
.video { overflow: hidden; transform: translateZ(0); }
.video .frame { aspect-ratio: var(--video-aspect-ratio); } /* zonder eigen verhouding: geen (zoals live) */
/* iframe bewust zonder maat-CSS: live stond hij op zijn eigen 640x360 en knipte het blok hem af */
.video .poster { position: relative; cursor: pointer; text-align: center; }
.video .poster img { display: block; width: 100%; aspect-ratio: var(--video-aspect-ratio); object-fit: cover; }
.video .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; opacity: .8; transition: all .5s; filter: drop-shadow(1px 0 6px rgba(0,0,0,.3)); }
.video .poster:hover .play { opacity: 1; }
/* lightbox voor video's */
.lightbox { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,.8); }
.lightbox.open { display: flex; animation: fadeIn .5s; }
.lightbox .lb-frame { width: 85%; aspect-ratio: 16 / 9; }
.lightbox .lb-frame iframe { width: 100%; height: 100%; border: 0; background: #000; }
.lightbox .lb-close { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; padding: 0; border: 0; background: none; color: #eee; font-size: 28px; line-height: 40px; cursor: pointer; }
@media (max-width: 767px) { .lightbox .lb-frame { width: 100%; } }
/* carrousel: --show-d/-t/-m (dia's per beeld) en --gap staan inline op het blok.
   Bewust géén overflow:hidden — de live rij liep ook buiten zijn kolom door (ontbrekende CSS). */
.carousel { --show: var(--show-d, 1); position: relative; }
@media (max-width: 1024px) { .carousel { --show: var(--show-t, 1); } }
@media (max-width: 767px) { .carousel { --show: var(--show-m, 1); } }
.carousel .track { display: flex; }
.carousel .slide { flex: 0 0 calc((100% - var(--gap, 0px) * (var(--show) - 1)) / var(--show)); margin-right: var(--gap, 0px); text-align: center; }
.carousel .slide img { display: inline-block; vertical-align: middle; }
.carousel .arrow { position: absolute; top: 50%; z-index: 1; display: inline-flex; padding: 0; border: 0; background: none; color: rgba(238,238,238,.9); font-size: 25px; cursor: pointer; transform: translateY(-50%); }
.carousel .arrow svg { width: 1em; height: 1em; fill: currentColor; }
.carousel .prev { left: 10px; } .carousel .next { right: 10px; }
html:not(.js) .carousel .track { overflow-x: auto; scroll-snap-type: x mandatory; }
html:not(.js) .carousel .slide { scroll-snap-align: start; }

/* 4. header ----------------------------------------------------------- */
/* Maten, kleuren en kolombreedtes van de kopbalk staan per pagina onderaan (#kopbalk...),
   omdat ze live per pagina verschilden. Hier alleen het gedrag van het menu zelf. */
.site-header .inner { align-content: center; align-items: center; }
.site-header .logo a { display: inline-block; }
.menu { display: flex; font-size: 0; }
.menu nav { display: flex; width: 100%; }
.menu ul { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 0 0 0 auto; padding: 0; list-style: none; }
.menu li { position: relative; margin: 0; padding: 0; font-size: medium; list-style: none; }
.menu a { position: relative; display: flex; line-height: 1; }
/* onderstreping die vanaf rechts inschuift */
.menu a::after { content: ""; position: absolute; bottom: 0; left: calc(100% + 20px); z-index: 2; display: block; width: 10px; height: 3px; background-color: #55595c; opacity: 0; transition: .3s cubic-bezier(.58, .3, .005, 1); }
.menu a:hover::after, .menu a:focus::after, .menu .current a::after { left: 0; width: 100%; opacity: 1; }
.menu-toggle { display: none; padding: .35em; border: 0 solid; border-radius: 3px; background: none; color: #494c4f; font-size: 22px; line-height: 1; cursor: pointer; }
.menu-toggle svg { display: block; width: 1em; height: 1em; fill: currentColor; }
@media (max-width: 767px) {
  .menu { flex-wrap: wrap; }
  .menu-toggle { display: block; }
  .menu nav { visibility: hidden; height: 0; opacity: 0; }
  .menu ul, .menu li { width: 100%; }
  /* bewust anders dan live: daar opende de hamburger niets. Hier klapt het menu echt uit. */
  .menu-open .site-header .col, .menu-open .site-header .inner, .menu-open .site-header .menu { position: static; }
  .menu-open .site-header .menu nav { position: absolute; top: 100%; left: 0; z-index: 9999; width: 100%; visibility: visible; height: auto; opacity: 1; background: #ffd000; box-shadow: 0 6px 12px rgba(0,0,0,.2); }
  .menu-open .site-header .menu ul { flex-direction: column; }
  .menu-open .site-header #kopbalk-menu nav li { margin: 0; border-top: 1px solid rgba(0,0,0,.12); }
  .menu-open .site-header #kopbalk-menu nav li a { padding: 14px 20px; font-size: 17px; }
  .menu-open .site-header .menu a::after { display: none; }
}
/* varianten per pagina (zoals live gemeten): menu-list = geen hamburger, menu staat open als lijst */
@media (max-width: 767px) {
  .menu-list .menu-toggle { display: none; }
  .menu-list .menu nav { visibility: visible; height: auto; opacity: 1; }
  .menu-list .menu ul, .menu-list .menu li { width: auto; }
}

/* 5. animaties (alleen als JavaScript draait; zonder JS staat alles gewoon in beeld) */
html.js .anim:not(.animated) { visibility: hidden; }
.animated { animation-duration: 1.25s; animation-fill-mode: both; }
.animated.fadeIn { animation-name: fadeIn; }
.animated.fadeInUp { animation-name: fadeInUp; }
.animated.fadeInDown { animation-name: fadeInDown; }
.animated.fadeInLeft { animation-name: fadeInLeft; }
.animated.fadeInRight { animation-name: fadeInRight; }
.animated.zoomIn { animation-name: zoomIn; }
.animated.pulse { animation-name: pulse; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }
@keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } }
@media (prefers-reduced-motion: reduce) { .animated { animation: none !important; } }

/* 6. per pagina ------------------------------------------------------- */

/* --- home ------------------------------------------------------- */
.p-home #hero, .p-home #hero > .mfx { background-color: #FFFFFF00; background: url(/assets/img/Vesuvius-berg-1.jpg.webp) 50% 50%; background-size: cover; }
.p-home #hero > .overlay { background-color: transparent; background-image: linear-gradient(160deg, #000000 0%, #000000 67%); opacity: 0.28; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-home #hero > .wrap { max-width: 1140px; min-height: 80vh; }
.p-home #hero { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 140px 0px; }
.p-home #hero > .shape.bottom .fill { fill: #000000; }
.p-home #hero > .shape.bottom svg { width: calc(130% + 1.3px); height: 180px; }
.p-home #hero-kolom > .inner { padding: 0px 80px 0px 20px; }
.p-home #hero-kop { font-family: "Bitter", Sans-serif; font-size: 6.2rem; font-weight: 900; line-height: 1.1em; letter-spacing: -1.4px; color: #ffffff; }
.p-home #hero-tekst { padding: 10px 0px 10px 0px; }
.p-home #hero-tekst { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #ffffff; }
.p-home #hero-knop .btn { background-color: #FFD000; font-family: "Poppins", Sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; fill: #000000; color: #000000; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.11); border-style: solid; border-color: #FFD000; padding: 15px 50px 15px 50px; }
.p-home #hero-knop .btn:hover, .p-home #hero-knop .btn:focus { background-color: rgba(230, 219, 186, 0); color: #FFFFFF; border-color: #FFD000; }
.p-home #hero-knop { width: initial; max-width: initial; }
.p-home #hero-knop { padding: 0em 1em 1em 0em; }
.p-home #hero-knop .btn:hover svg, .p-home #hero-knop .btn:focus svg { fill: #FFFFFF; }
.p-home #hero-kolom2.col .inner { align-items: center; }
.p-home #hero-kolom2 > .inner { align-content: center; align-items: center; }
.p-home #hero-video { box-shadow: 12px 15px 36px 0px rgba(0,0,0,0.46); }
.p-home #hero-video .frame { --video-aspect-ratio: 1.77777; }
.p-home #hero-video .play i { color: #FFFFFF; }
.p-home #hero-video .play svg { fill: #FFFFFF; }
.p-home #waarom-villa-vulto, .p-home #waarom-villa-vulto > .mfx { background-color: #000000; }
.p-home #waarom-villa-vulto { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 40px 0px 40px 0px; }
.p-home #waarom-villa-vulto > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-home #waarom-villa-vulto-kolom > .inner { padding: 83px 0px 0px 0px; }
.p-home #waarom-villa-vulto-blok > .wrap { min-height: 154px; }
.p-home #waarom-villa-vulto-vlak { --spacer-size: 196px; }
.p-home #waarom-villa-vulto-vlak { background-image: url(/assets/img/Amalfi.png.webp); background-position: -66px 0px; background-size: cover; }
.p-home #waarom-villa-vulto-kolom3.col .inner { align-items: flex-end; }
.p-home #waarom-villa-vulto-kolom3 > .inner { align-content: flex-end; align-items: flex-end; }
.p-home #waarom-villa-vulto-vlak2 { --spacer-size: 153px; }
.p-home #waarom-villa-vulto-vlak2 { background-image: url(/assets/img/Station-Centraal.png.webp); background-position: center center; background-size: cover; }
.p-home #waarom-villa-vulto-kolom4.col .inner { align-items: flex-start; }
.p-home #waarom-villa-vulto-kolom4 > .inner { align-content: flex-start; align-items: flex-start; }
.p-home #waarom-villa-vulto-vlak3 { --spacer-size: 162px; }
.p-home #waarom-villa-vulto-vlak3 { background-image: url(/assets/img/Vesuvius-berg-1.jpg.webp); background-position: center center; background-size: cover; }
.p-home #waarom-villa-vulto-vlak4 { --spacer-size: 232px; }
.p-home #waarom-villa-vulto-vlak4 { background-image: url(/assets/img/Twee-waterval.jpg.webp); background-position: 273px 0px; background-size: cover; }
.p-home #waarom-villa-vulto-vlak5 { --spacer-size: 260px; }
.p-home #waarom-villa-vulto-vlak5 { background-image: url(/assets/img/Domtoren.png.webp); background-position: center center; background-size: cover; }
.p-home #waarom-villa-vulto-kolom7 > .inner { padding: 4em 4em 4em 4em; }
.p-home #waarom-villa-vulto-kop { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #ffffff; }
.p-home #waarom-villa-vulto-tekst { padding: 10px 0px 10px 0px; }
.p-home #waarom-villa-vulto-tekst { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #ffffff; }
.p-home #waarom-villa-vulto-knop .btn { background-color: #FFD000; font-family: "Poppins", Sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; fill: #000000; color: #000000; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.11); border-style: solid; border-color: #FFD000; border-radius: 0px 0px 0px 0px; padding: 15px 50px 15px 50px; }
.p-home #waarom-villa-vulto-knop .btn:hover, .p-home #waarom-villa-vulto-knop .btn:focus { background-color: rgba(230, 219, 186, 0); color: #FFFFFF; border-color: #FFD000; }
.p-home #waarom-villa-vulto-knop { width: initial; max-width: initial; }
.p-home #waarom-villa-vulto-knop { padding: 0em 1em 1em 0em; }
.p-home #waarom-villa-vulto-knop .btn:hover svg, .p-home #waarom-villa-vulto-knop .btn:focus svg { fill: #FFFFFF; }
.p-home #neem-nu-contact, .p-home #neem-nu-contact > .mfx { background-color: #2C2C2C; }
.p-home #neem-nu-contact { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-home #neem-nu-contact > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-home #neem-nu-contact-kolom > .inner { padding: 4em 4em 4em 2em; }
.p-home #neem-nu-contact-blok > .wrap { max-width: 700px; }
.p-home #neem-nu-contact-kop { text-align: start; }
.p-home #neem-nu-contact-kop { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #ffffff; }
.p-home #neem-nu-contact-tekst { padding: 10px 0px 10px 0px; }
.p-home #neem-nu-contact-tekst { text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #ffffff; }
.p-home #neem-nu-contact-knop .btn { background-color: #FFD000; font-family: "Poppins", Sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; fill: #000000; color: #000000; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.11); border-style: solid; border-color: #FFD000; padding: 15px 50px 15px 50px; }
.p-home #neem-nu-contact-knop .btn:hover, .p-home #neem-nu-contact-knop .btn:focus { background-color: rgba(230, 219, 186, 0); color: #FFFFFF; border-color: #FFD000; }
.p-home #neem-nu-contact-knop { width: initial; max-width: initial; }
.p-home #neem-nu-contact-knop { padding: 0em 1em 1em 0em; }
.p-home #neem-nu-contact-knop .btn:hover svg, .p-home #neem-nu-contact-knop .btn:focus svg { fill: #FFFFFF; }
.p-home #neem-nu-contact-kolom3.col .inner { align-items: center; }
.p-home #neem-nu-contact-kolom3 > .inner { align-content: center; align-items: center; }
.p-home #neem-nu-contact-foto { text-align: center; }
.p-home #neem-nu-contact-foto img { filter: brightness( 99% ) contrast( 104% ) saturate( 121% ) blur( 0px ) hue-rotate( 0deg ); }
.p-home #sectie-4 > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-home #sectie-4, .p-home #sectie-4 > .mfx { background-color: #2C2C2C; background-image: url(/assets/img/Afbeelding-van-WhatsApp-op-2025-09-17-om-00.27.37_33deb7cd-scaled.jpg.webp); background-position: 0px 290px; background-repeat: no-repeat; background-size: 100% auto; }
.p-home #sectie-4 > .overlay { background-color: transparent; background-image: linear-gradient(220deg, #EFE6BD4D 0%, #3F2E3700 87%); opacity: 0.41; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-home #sectie-4 > .wrap { max-width: 1140px; }
.p-home #sectie-4 { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 40px 0px 0px 0px; }
.p-home #sectie-4 > .shape.top .fill { fill: #2C2C2C; }
.p-home #sectie-4 > .shape.top svg { width: calc(160% + 1.3px); height: 220px; }
.p-home #sectie-4-vlak { --spacer-size: 334px; }
.p-home #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000000 12%,#FFD000 45%); }
.p-home #kopbalk-logo { padding: 0 0 0 0; }
.p-home #kopbalk-menu li a { padding-left: 50px; padding-right: 50px; }
.p-home #kopbalk-menu li a { padding-top: 10px; padding-bottom: 10px; }
.p-home #kopbalk-menu li a { color: #000; }
.p-home #kopbalk-menu li a::before, .p-home #kopbalk-menu li a::after { background-color: #000; }
.p-home #kopbalk > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-home #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000 12%,#ffd000 45%); }
.p-home #kopbalk-logo { padding: 0; }
.p-home #kopbalk-logo { text-align: left; }
.p-home #kopbalk-logo img { max-width: 100%; }
.p-home #kopbalk-menu li a { padding: 10px 50px; color: #000; }
.p-home #kopbalk-menu ul > li:not(:last-child) { margin-right: 100px; }
.p-home #kopbalk-menu ul > li { margin-bottom: 0; }
.p-home #kopbalk-menu .menu-toggle { margin-left: auto; }
.p-home #kopbalk-menu a { font-size: 24px; font-weight: 600; font-style: normal; }
.p-home #kopbalk-menu li a:focus, .p-home #kopbalk-menu li a:hover { color: #2c2c2c; }
.p-home #kopbalk-menu li a::after, .p-home #kopbalk-menu li a::before { background-color: #000; }
@media (min-width: 1025px) {
  .p-home #sectie-4, .p-home #sectie-4 > .mfx { background-attachment: fixed; }
}
@media (min-width: 768px) {
  .p-home #kopbalk-logo-kolom { width: 7.5%; }
  .p-home #kopbalk-menu-kolom { width: 92.5%; }
}
@media (max-width: 1024px) {
  .p-home #hero { padding: 90px 30px 90px 30px; }
  .p-home #hero-kolom > .inner { padding: 0px 0px 0px 30px; }
  .p-home #hero-kop { font-size: 37px; }
  .p-home #waarom-villa-vulto-vlak { background-position: 0px 0px; }
  .p-home #waarom-villa-vulto-vlak4 { background-position: 0px 0px; }
  .p-home #waarom-villa-vulto-kop { font-size: 37px; }
  .p-home #neem-nu-contact-kop { font-size: 37px; }
  .p-home #sectie-4, .p-home #sectie-4 > .mfx { background-position: 0px 0px; }
  .p-home #sectie-4 { padding: 75px 0px 75px 0px; }
}
@media (max-width: 767px) {
  .p-home #hero > .shape.bottom svg { width: calc(190% + 1.3px); height: 38px; }
  .p-home #hero { padding: 0px 0px 0px 0px; }
  .p-home #hero-kolom > .inner { padding: 0px 15px 0px 15px; }
  .p-home #hero-tekst { font-size: 0.9rem; line-height: 1.4em; }
  .p-home #hero-kolom2 > .inner { padding: 0px 0px 0px 0px; }
  .p-home #hero-video { padding: 0px 0px 0px 0px; }
  .p-home #waarom-villa-vulto { padding: 0px 0px 0px 0px; }
  .p-home #waarom-villa-vulto-blok > .wrap { max-width: 250px; min-height: 10px; }
  .p-home #waarom-villa-vulto-vlak { background-position: 0px 0px; }
  .p-home #waarom-villa-vulto-vlak4 { background-position: 0px 0px; }
  .p-home #waarom-villa-vulto-vlak5 { --spacer-size: 180px; }
  .p-home #waarom-villa-vulto-kolom7 > .inner { padding: 19px 19px 19px 19px; }
  .p-home #waarom-villa-vulto-tekst { font-size: 0.9rem; line-height: 1.4em; }
  .p-home #neem-nu-contact { padding: 0px 0px 0px 0px; }
  .p-home #neem-nu-contact-kolom > .inner { padding: 24px 4px 24px 17px; }
  .p-home #neem-nu-contact-kolom2 { width: 100%; }
  .p-home #neem-nu-contact-kop { width: var( --container-widget-width, 328.185px ); max-width: 328.185px; --container-widget-width: 328.185px; --container-widget-flex-grow: 0; }
  .p-home #neem-nu-contact-tekst { font-size: 0.9rem; line-height: 1.4em; }
  .p-home #sectie-4, .p-home #sectie-4 > .mfx { background-position: 0px 0px; }
  .p-home #sectie-4 > .shape.top svg { height: 0px; }
  .p-home #sectie-4 { padding: 30px 30px 60px 30px; }
  .p-home #kopbalk-menu-kolom > .inner { margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-home #kopbalk-logo-kolom { width: 25%; }
  .p-home #kopbalk-menu-kolom { width: 75%; }
  .p-home #kopbalk-menu-kolom > .inner { align-content: center; align-items: center; }
  .p-home #kopbalk-menu-kolom.col > .inner { justify-content: flex-end; }
  .p-home #kopbalk-menu-kolom > .inner { margin: 0; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-home #kopbalk-menu li a { padding-top: 0; padding-bottom: 0; }
  .p-home #kopbalk-menu ul > li:not(:last-child) { margin-right: 0; }
  .p-home #kopbalk-menu .menu-toggle { font-size: 26px; border-width: 0; padding: .35em; border-radius: 0; }
  .p-home #kopbalk-menu a { font-size: 17px; }
}

/* --- wat-we-doen ------------------------------------------------------- */
.p-wat-we-doen #hero, .p-wat-we-doen #hero > .mfx { background-color: #000000; background-image: url(/assets/img/Achtergrond-e1643795115538.png.webp); background-position: center right; background-repeat: no-repeat; background-size: cover; }
.p-wat-we-doen #hero > .overlay { background-color: #FFFFFF00; opacity: 0.37; mix-blend-mode: screen; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-wat-we-doen #hero > .wrap { max-width: 1140px; min-height: 40vh; }
.p-wat-we-doen #hero:hover > .overlay { opacity: 0.5; }
.p-wat-we-doen #hero { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-wat-we-doen #hero > .shape.bottom .fill { fill: #171717; }
.p-wat-we-doen #hero > .shape.bottom svg { width: calc(130% + 1.3px); height: 180px; }
.p-wat-we-doen #hero-kolom.col .inner { align-items: center; }
.p-wat-we-doen #hero-kolom > .inner { align-content: center; align-items: center; }
.p-wat-we-doen #hero-kolom > .inner { padding: 0px 0px 0px 20px; }
.p-wat-we-doen #hero-kop { font-family: "Bitter", Sans-serif; font-size: 5rem; font-weight: 900; line-height: 1.1em; letter-spacing: -3.2px; color: #ffffff; }
.p-wat-we-doen #hero-tekst { padding: 10px 0px 10px 0px; }
.p-wat-we-doen #hero-tekst { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #ffffff; }
.p-wat-we-doen #hero-knop .btn { background-color: #FFD000; font-family: "Poppins", Sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; fill: #000000; color: #000000; border-style: solid; border-color: #FFD000; padding: 15px 50px 15px 50px; }
.p-wat-we-doen #hero-knop .btn:hover, .p-wat-we-doen #hero-knop .btn:focus { background-color: #FFD00000; color: #000000; border-color: #FFD000; }
.p-wat-we-doen #hero-knop { width: initial; max-width: initial; }
.p-wat-we-doen #hero-knop { padding: 0em 1em 1em 0em; }
.p-wat-we-doen #hero-knop .btn:hover svg, .p-wat-we-doen #hero-knop .btn:focus svg { fill: #000000; }
.p-wat-we-doen #onze-portfolio, .p-wat-we-doen #onze-portfolio > .mfx { background-color: #171717; }
.p-wat-we-doen #onze-portfolio { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 40px 0px; }
.p-wat-we-doen #onze-portfolio > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-wat-we-doen #onze-portfolio-kolom > .inner { padding: 2em 4em 2em 1em; }
.p-wat-we-doen #onze-portfolio-kop { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #ffffff; }
.p-wat-we-doen #onze-portfolio-tekst { padding: 10px 0px 10px 0px; }
.p-wat-we-doen #onze-portfolio-tekst { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #FFFFFF; }
.p-wat-we-doen #onze-portfolio-kolom2.col .inner { align-items: center; }
.p-wat-we-doen #onze-portfolio-kolom2 > .inner { align-content: center; align-items: center; }
.p-wat-we-doen #onze-portfolio-carrousel .dot { background: #FFFFFF; }
.p-wat-we-doen #onze-portfolio-carrousel2 .arrow.prev, .p-wat-we-doen #onze-portfolio-carrousel2 .arrow.next { font-size: 24px; }
.p-wat-we-doen #onze-portfolio-carrousel2 .dot { width: 6px; height: 6px; background: #FFFFFF; }
.p-wat-we-doen #onze-portfolio-carrousel2 .track { display: flex; align-items: center; }
.p-wat-we-doen #lopende-projecten, .p-wat-we-doen #lopende-projecten > .mfx { background-color: #FFD000; }
.p-wat-we-doen #lopende-projecten { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 40px 0px; }
.p-wat-we-doen #lopende-projecten > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-wat-we-doen #lopende-projecten-kolom > .inner { padding: 20px 20px 20px 20px; }
.p-wat-we-doen #lopende-projecten-kop { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #000000; }
.p-wat-we-doen #lopende-projecten-kop2 { padding: 10px 0px 10px 0px; }
.p-wat-we-doen #lopende-projecten-kop2 { font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #000000; }
.p-wat-we-doen #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000000 12%,#FFD000 45%); }
.p-wat-we-doen #kopbalk-logo { padding: 0 0 0 0; }
.p-wat-we-doen #kopbalk-menu li a { padding-left: 50px; padding-right: 50px; }
.p-wat-we-doen #kopbalk-menu li a { padding-top: 10px; padding-bottom: 10px; }
.p-wat-we-doen #kopbalk-menu li a { color: #000; }
.p-wat-we-doen #kopbalk-menu li a::before, .p-wat-we-doen #kopbalk-menu li a::after { background-color: #000; }
.p-wat-we-doen #kopbalk > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-wat-we-doen #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000 12%,#ffd000 45%); }
.p-wat-we-doen #kopbalk-logo { padding: 0; }
.p-wat-we-doen #kopbalk-logo { text-align: left; }
.p-wat-we-doen #kopbalk-logo img { max-width: 100%; }
.p-wat-we-doen #kopbalk-menu li a { padding: 10px 50px; color: #000; }
.p-wat-we-doen #kopbalk-menu ul > li:not(:last-child) { margin-right: 100px; }
.p-wat-we-doen #kopbalk-menu ul > li { margin-bottom: 0; }
.p-wat-we-doen #kopbalk-menu .menu-toggle { margin-left: auto; }
.p-wat-we-doen #kopbalk-menu a { font-size: 24px; font-weight: 600; font-style: normal; }
.p-wat-we-doen #kopbalk-menu li a:focus, .p-wat-we-doen #kopbalk-menu li a:hover { color: #2c2c2c; }
.p-wat-we-doen #kopbalk-menu li a::after, .p-wat-we-doen #kopbalk-menu li a::before { background-color: #000; }
@media (min-width: 768px) {
  .p-wat-we-doen #hero-kolom { width: 47.981%; }
  .p-wat-we-doen #hero-kolom2 { width: 51.975%; }
  .p-wat-we-doen #onze-portfolio-kolom { width: 39.956%; }
  .p-wat-we-doen #onze-portfolio-kolom2 { width: 60.044%; }
  .p-wat-we-doen #kopbalk-logo-kolom { width: 7.5%; }
  .p-wat-we-doen #kopbalk-menu-kolom { width: 92.5%; }
}
@media (max-width: 1024px) {
  .p-wat-we-doen #hero { padding: 90px 30px 90px 30px; }
  .p-wat-we-doen #hero-kolom > .inner { padding: 0px 0px 0px 30px; }
  .p-wat-we-doen #hero-kop { font-size: 60px; }
  .p-wat-we-doen #onze-portfolio-kolom > .inner { padding: 2em 2em 2em 2em; }
  .p-wat-we-doen #onze-portfolio-kop { font-size: 37px; }
  .p-wat-we-doen #lopende-projecten-kolom > .inner { padding: 2em 2em 2em 2em; }
  .p-wat-we-doen #lopende-projecten-kop { font-size: 37px; }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .p-wat-we-doen #onze-portfolio-kolom { width: 100%; }
  .p-wat-we-doen #onze-portfolio-kolom2 { width: 100%; }
}
@media (max-width: 767px) {
  .p-wat-we-doen #hero > .shape.bottom svg { width: calc(190% + 1.3px); height: 38px; }
  .p-wat-we-doen #hero { padding: 30px 0px 30px 0px; }
  .p-wat-we-doen #hero-kolom > .inner { padding: 30px 30px 30px 30px; }
  .p-wat-we-doen #hero-tekst { font-size: 0.9rem; line-height: 1.4em; }
  .p-wat-we-doen #hero-knop { width: 100%; max-width: 100%; }
  .p-wat-we-doen #hero-knop { padding: 1px 1px 1px 1px; }
  .p-wat-we-doen #onze-portfolio-tekst { font-size: 0.9rem; line-height: 1.4em; }
  .p-wat-we-doen #lopende-projecten { padding: 30px 0px 30px 0px; }
  .p-wat-we-doen #lopende-projecten-kop2 { font-size: 0.9rem; line-height: 1.4em; }
  .p-wat-we-doen #kopbalk-menu-kolom > .inner { margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-wat-we-doen #kopbalk-logo-kolom { width: 25%; }
  .p-wat-we-doen #kopbalk-menu-kolom { width: 75%; }
  .p-wat-we-doen #kopbalk-menu-kolom > .inner { align-content: center; align-items: center; }
  .p-wat-we-doen #kopbalk-menu-kolom.col > .inner { justify-content: flex-end; }
  .p-wat-we-doen #kopbalk-menu-kolom > .inner { margin: 0; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-wat-we-doen #kopbalk-menu li a { padding-top: 0; padding-bottom: 0; }
  .p-wat-we-doen #kopbalk-menu ul > li:not(:last-child) { margin-right: 0; }
  .p-wat-we-doen #kopbalk-menu .menu-toggle { font-size: 26px; border-width: 0; padding: .35em; border-radius: 0; }
  .p-wat-we-doen #kopbalk-menu a { font-size: 17px; }
}

/* --- contact ------------------------------------------------------- */
.p-contact #hero, .p-contact #hero > .mfx { background-color: #FFFFFF; }
.p-contact #hero { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 0px 0px 0px 0px; }
.p-contact #hero > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-contact #hero-kolom > .inner, .p-contact #hero-kolom > .inner > .mfx { background-image: url(/assets/img/foto-met-drone-1-scaled.jpg.webp); background-position: -32px 0px; background-repeat: no-repeat; background-size: cover; }
.p-contact #hero-kolom > .inner > .overlay { opacity: 0.5; filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg ); }
.p-contact #hero-kolom > .inner { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; padding: 0px 0px 259px 0px; }
.p-contact #hero-kolom > .inner > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-contact #hero-vlak { --spacer-size: 600px; }
.p-contact #hero-kolom2 > .inner, .p-contact #hero-kolom2 > .inner > .mfx { background-color: rgba(0, 0, 0, 0); background-image: url(/assets/img/curvemask.png.webp); background-position: center left; background-repeat: no-repeat; background-size: cover; }
.p-contact #hero-kolom2.col .inner { align-items: center; }
.p-contact #hero-kolom2 > .inner { align-content: center; align-items: center; }
.p-contact #hero-kolom2 > .inner { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 0% 0% 0% -30%; --e-column-margin-right: 0%; --e-column-margin-left: -30%; padding: 0% 0% 8% 0%; }
.p-contact #hero-kolom2 > .inner > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-contact #hero-kolom3 > .inner > :not(.sec):not(.wi):not(:last-child) { --wgap: 0px; }
.p-contact #hero-kolom3 > .inner { margin: 8% -20% 0% 40%; --e-column-margin-right: -20%; --e-column-margin-left: 40%; }
.p-contact #hero-kop { margin: 0px 0px calc(40px + var(--wgap, 0px)) 0px; }
.p-contact #hero-kop { font-family: "Bitter", Sans-serif; font-size: 3.6rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-contact #hero-tekst { font-family: "Roboto", Sans-serif; font-size: 24px; font-weight: 600; color: #171717; }
.p-contact #hero-vlak2 { --spacer-size: 50px; }
.p-contact #hero-social .r-9c86cde.soc { background-color: #FFD00000; }
.p-contact #hero-social .r-9c86cde.soc svg { color: #3B5998; }
.p-contact #hero-social .r-9c86cde.soc svg { fill: #3B5998; }
.p-contact #hero-social .r-75dde21.soc { background-color: #A1636300; }
.p-contact #hero-social .r-75dde21.soc svg { color: #C4302B; }
.p-contact #hero-social .r-75dde21.soc svg { fill: #C4302B; }
.p-contact #hero-social .r-dc17114.soc svg { color: #216EF1; }
.p-contact #hero-social .r-dc17114.soc svg { fill: #216EF1; }
.p-contact #hero-social .r-ae989a8.soc { background-color: #00000000; }
.p-contact #hero-social .r-ae989a8.soc svg { color: #1FD466; }
.p-contact #hero-social .r-ae989a8.soc svg { fill: #1FD466; }
.p-contact #hero-social { --grid-template-columns: repeat(0, auto); --icon-size: 23px; --grid-column-gap: 22px; --grid-row-gap: 0px; }
.p-contact #hero-social { text-align: center; }
.p-contact #hero-social .soc { background-color: rgba(226,226,226,0); }
.p-contact #hero-social .soc svg { color: #E2E2E200; }
.p-contact #hero-social .soc svg { fill: #E2E2E200; }
.p-contact #hero-social .soc:hover { background-color: rgba(0,0,0,0); }
.p-contact #hero-social .soc:hover svg { color: #FFD100; }
.p-contact #hero-social .soc:hover svg { fill: #FFD100; }
.p-contact #hero-vlak3 { --spacer-size: 71px; }
.p-contact #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000000 12%,#FFD000 45%); }
.p-contact #kopbalk-logo { padding: 0 0 0 0; }
.p-contact #kopbalk-menu li a { padding-left: 50px; padding-right: 50px; }
.p-contact #kopbalk-menu li a { padding-top: 10px; padding-bottom: 10px; }
.p-contact #kopbalk-menu li a { color: #000; }
.p-contact #kopbalk-menu li a::before, .p-contact #kopbalk-menu li a::after { background-color: #000; }
.p-contact #kopbalk > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-contact #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000 12%,#ffd000 45%); }
.p-contact #kopbalk-logo { padding: 0; }
.p-contact #kopbalk-logo { text-align: left; }
.p-contact #kopbalk-logo img { max-width: 100%; }
.p-contact #kopbalk-menu li a { padding: 10px 50px; color: #000; }
.p-contact #kopbalk-menu ul > li:not(:last-child) { margin-right: 100px; }
.p-contact #kopbalk-menu ul > li { margin-bottom: 0; }
.p-contact #kopbalk-menu .menu-toggle { margin-left: auto; }
.p-contact #kopbalk-menu a { font-size: 24px; font-weight: 600; font-style: normal; }
.p-contact #kopbalk-menu li a:focus, .p-contact #kopbalk-menu li a:hover { color: #2c2c2c; }
.p-contact #kopbalk-menu li a::after, .p-contact #kopbalk-menu li a::before { background-color: #000; }
@media (min-width: 768px) {
  .p-contact #hero-kolom { width: 52.3%; }
  .p-contact #hero-kolom2 { width: 47.7%; }
  .p-contact #kopbalk-logo-kolom { width: 7.5%; }
  .p-contact #kopbalk-menu-kolom { width: 92.5%; }
}
@media (max-width: 1024px) {
  .p-contact #hero-kolom > .inner, .p-contact #hero-kolom > .inner > .mfx { background-position: 0px 0px; }
  .p-contact #hero-kop { font-size: 37px; }
}
@media (max-width: 767px) {
  .p-contact #hero { margin-top: 0px; margin-bottom: 0px; }
  .p-contact #hero-kolom > .inner, .p-contact #hero-kolom > .inner > .mfx { background-image: url(/assets/img/foto-met-drone-1-819x1024.jpg.webp); background-position: -37px 0px; }
  .p-contact #hero-kolom { width: 100%; }
  .p-contact #hero-kolom.col .inner { align-items: center; }
  .p-contact #hero-kolom > .inner { align-content: center; align-items: center; }
  .p-contact #hero-kolom.col > .inner { justify-content: center; }
  .p-contact #hero-kolom > .inner { padding: 0px 0px 0px 0px; }
  .p-contact #hero-vlak { --spacer-size: 600px; }
  .p-contact #hero-kolom2 { width: 100%; }
  .p-contact #hero-kolom2.col .inner { align-items: flex-start; }
  .p-contact #hero-kolom2 > .inner { align-content: flex-start; align-items: flex-start; }
  .p-contact #hero-kolom2.col > .inner { justify-content: flex-start; }
  .p-contact #hero-kop { margin: 0px 0px calc(5px + var(--wgap, 0px)) 0px; }
  .p-contact #hero-kop { font-size: 33px; line-height: 1.1em; letter-spacing: -1.9px; }
  .p-contact #hero-tekst { column-gap: 0px; font-size: 14px; }
  .p-contact #hero-social { text-align: center; }
  .p-contact #hero-social { --grid-column-gap: 10px; }
  .p-contact #kopbalk-menu-kolom > .inner { margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-contact #kopbalk-logo-kolom { width: 25%; }
  .p-contact #kopbalk-menu-kolom { width: 75%; }
  .p-contact #kopbalk-menu-kolom > .inner { align-content: center; align-items: center; }
  .p-contact #kopbalk-menu-kolom.col > .inner { justify-content: flex-end; }
  .p-contact #kopbalk-menu-kolom > .inner { margin: 0; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-contact #kopbalk-menu li a { padding-top: 0; padding-bottom: 0; }
  .p-contact #kopbalk-menu ul > li:not(:last-child) { margin-right: 0; }
  .p-contact #kopbalk-menu .menu-toggle { font-size: 26px; border-width: 0; padding: .35em; border-radius: 0; }
  .p-contact #kopbalk-menu a { font-size: 17px; }
}

/* --- vastgoed ------------------------------------------------------- */
.p-vastgoed #hero, .p-vastgoed #hero > .mfx { background-color: #92705E; background-image: url(/assets/img/geedit-4-scaled.jpg.webp); background-position: -14px -396px; background-repeat: no-repeat; background-size: cover; }
.p-vastgoed #hero > .overlay { background-color: transparent; background-image: linear-gradient(160deg, #17171780 0%, #2C2C2CA6 67%); opacity: 0.46; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-vastgoed #hero > .wrap { max-width: 1140px; min-height: 40vh; }
.p-vastgoed #hero { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-vastgoed #hero > .shape.bottom .fill { fill: #171717; }
.p-vastgoed #hero > .shape.bottom svg { width: calc(130% + 1.3px); height: 180px; }
.p-vastgoed #hero-kolom.col .inner { align-items: center; }
.p-vastgoed #hero-kolom > .inner { align-content: center; align-items: center; }
.p-vastgoed #hero-kolom > .inner { padding: 0px 0px 0px 20px; }
.p-vastgoed #hero-kop { font-family: "Bitter", Sans-serif; font-size: 5rem; font-weight: 900; line-height: 1.1em; letter-spacing: -3.2px; color: #ffffff; }
.p-vastgoed #hero-kolom2.col .inner { align-items: flex-end; }
.p-vastgoed #hero-kolom2 > .inner { align-content: flex-end; align-items: flex-end; }
.p-vastgoed #hero-social { --grid-template-columns: repeat(0, auto); --icon-size: 23px; --grid-column-gap: 22px; --grid-row-gap: 0px; }
.p-vastgoed #hero-social { text-align: center; }
.p-vastgoed #hero-social { padding: 20px 0px 20px 0px; }
.p-vastgoed #hero-social .soc { background-color: rgba(226,226,226,0); }
.p-vastgoed #hero-social .soc svg { color: #FFD000; }
.p-vastgoed #hero-social .soc svg { fill: #FFD000; }
.p-vastgoed #hero-social .soc:hover { background-color: rgba(0,0,0,0); }
.p-vastgoed #hero-social .soc:hover svg { color: #f4ebc3; }
.p-vastgoed #hero-social .soc:hover svg { fill: #f4ebc3; }
.p-vastgoed #wie-ben-ik, .p-vastgoed #wie-ben-ik > .mfx { background-color: #171717; }
.p-vastgoed #wie-ben-ik { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 40px 0px 0px 0px; }
.p-vastgoed #wie-ben-ik > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-vastgoed #wie-ben-ik-kolom.col .inner { align-items: center; }
.p-vastgoed #wie-ben-ik-kolom > .inner { align-content: center; align-items: center; }
.p-vastgoed #wie-ben-ik-kolom > .inner { padding: 4em 2em 0em 2em; }
.p-vastgoed #wie-ben-ik-kop { font-family: "Bitter", Sans-serif; font-size: 2.8rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #ffffff; }
.p-vastgoed #wie-ben-ik-tekst { padding: 10px 0px 10px 0px; }
.p-vastgoed #wie-ben-ik-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #ffffff; }
.p-vastgoed #wie-ben-ik-kolom2 > .inner { padding: 3em 2em 0em 1em; }
.p-vastgoed #wie-ben-ik-foto img { max-width: 74%; }
.p-vastgoed #wie-ben-ik-kolom4.col .inner { align-items: flex-start; }
.p-vastgoed #wie-ben-ik-kolom4 > .inner { align-content: flex-start; align-items: flex-start; }
.p-vastgoed #wie-ben-ik-fotobox .ib { text-align: start; }
.p-vastgoed #wie-ben-ik-fotobox.pos-right .ib-img { margin-left: 0px; }
.p-vastgoed #wie-ben-ik-fotobox.pos-left .ib-img { margin-right: 0px; }
.p-vastgoed #wie-ben-ik-fotobox .ib-img { margin-bottom: 0px; }
.p-vastgoed #wie-ben-ik-fotobox .ib-title { margin-bottom: 8px; font-family: "Bitter", Sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.2em; color: #FFFFFF; }
.p-vastgoed #wie-ben-ik-fotobox .ib .ib-img { width: 100%; }
.p-vastgoed #wie-ben-ik-fotobox .ib-img img { filter: brightness( 111% ) contrast( 100% ) saturate( 69% ) blur( 0px ) hue-rotate( 0deg ); transition-duration: 0.3s; }
.p-vastgoed #wie-ben-ik-fotobox .ib-desc { font-family: "Muli", Sans-serif; font-size: 0.8rem; font-weight: 700; line-height: 1.3em; color: #FFFFFF; }
.p-vastgoed #wie-ben-ik-fotobox2 .ib { text-align: start; }
.p-vastgoed #wie-ben-ik-fotobox2.pos-right .ib-img { margin-left: 0px; }
.p-vastgoed #wie-ben-ik-fotobox2.pos-left .ib-img { margin-right: 0px; }
.p-vastgoed #wie-ben-ik-fotobox2 .ib-img { margin-bottom: 0px; }
.p-vastgoed #wie-ben-ik-fotobox2 .ib-title { margin-bottom: 8px; font-family: "Bitter", Sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.2em; color: #FFFFFF; }
.p-vastgoed #wie-ben-ik-fotobox2 .ib .ib-img { width: 100%; }
.p-vastgoed #wie-ben-ik-fotobox2 .ib-img img { filter: brightness( 111% ) contrast( 100% ) saturate( 69% ) blur( 0px ) hue-rotate( 0deg ); transition-duration: 0.3s; }
.p-vastgoed #wie-ben-ik-fotobox2 .ib-desc { font-family: "Muli", Sans-serif; font-size: 0.8rem; font-weight: 700; line-height: 1.3em; color: #FFFFFF; }
.p-vastgoed #voorbeeld-fotos, .p-vastgoed #voorbeeld-fotos > .mfx { background-color: #F5C800; }
.p-vastgoed #voorbeeld-fotos > .wrap { max-width: 1140px; }
.p-vastgoed #voorbeeld-fotos { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-vastgoed #voorbeeld-fotos > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-vastgoed #voorbeeld-fotos-kop { text-align: center; }
.p-vastgoed #voorbeeld-fotos-kop { font-family: "Bitter", Sans-serif; font-size: 3rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-vastgoed #voorbeeld-fotos-tekst { padding: 10px 0px 10px 0px; }
.p-vastgoed #voorbeeld-fotos-tekst { columns: 1; text-align: center; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-vastgoed #voorbeeld-fotos-blok2 > .wrap { max-width: 1600px; }
.p-vastgoed #videos, .p-vastgoed #videos > .mfx { background-color: #171717; }
.p-vastgoed #videos { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-vastgoed #videos > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-vastgoed #videos-kolom.col .inner { align-items: center; }
.p-vastgoed #videos-kolom > .inner { align-content: center; align-items: center; }
.p-vastgoed #videos-kolom > .inner { padding: 0px 0px 0px 0px; }
.p-vastgoed #videos-video .frame { --video-aspect-ratio: 1.77777; }
.p-vastgoed #videos-kolom2.col .inner { align-items: center; }
.p-vastgoed #videos-kolom2 > .inner { align-content: center; align-items: center; }
.p-vastgoed #videos-kolom2 > .inner { padding: 2em 0em 2em 2em; }
.p-vastgoed #videos-blok > .wrap { max-width: 700px; }
.p-vastgoed #videos-kop { text-align: start; }
.p-vastgoed #videos-kop { font-family: "Bitter", Sans-serif; font-size: 2.3rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #FFFFFF; }
.p-vastgoed #videos-tekst { padding: 10px 0px 10px 0px; }
.p-vastgoed #videos-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #FFFFFF; }
.p-vastgoed #hoe-werk-ik, .p-vastgoed #hoe-werk-ik > .mfx { background-color: #F5C800; }
.p-vastgoed #hoe-werk-ik > .wrap { max-width: 1140px; }
.p-vastgoed #hoe-werk-ik { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-vastgoed #hoe-werk-ik > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-vastgoed #hoe-werk-ik-kop { text-align: center; }
.p-vastgoed #hoe-werk-ik-kop { font-family: "Bitter", Sans-serif; font-size: 3rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-vastgoed #hoe-werk-ik-tekst { padding: 10px 0px 10px 0px; }
.p-vastgoed #hoe-werk-ik-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-vastgoed #pakket-tarief, .p-vastgoed #pakket-tarief > .mfx { background-color: #171717; }
.p-vastgoed #pakket-tarief { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-vastgoed #pakket-tarief > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-vastgoed #pakket-tarief-kolom.col .inner { align-items: center; }
.p-vastgoed #pakket-tarief-kolom > .inner { align-content: center; align-items: center; }
.p-vastgoed #pakket-tarief-kolom > .inner { padding: 2em 0em 2em 2em; }
.p-vastgoed #pakket-tarief-kop { width: var( --container-widget-width, 131.324% ); max-width: 131.324%; --container-widget-width: 131.324%; --container-widget-flex-grow: 0; text-align: start; }
.p-vastgoed #pakket-tarief-kop { padding: 0px 0px 0px 46px; }
.p-vastgoed #pakket-tarief-kop { font-family: "Bitter", Sans-serif; font-size: 2.3rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #FFFFFF; }
.p-vastgoed #pakket-tarief-tekst { width: var( --container-widget-width, 111.115% ); max-width: 111.115%; --container-widget-width: 111.115%; --container-widget-flex-grow: 0; columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #FFFFFF; }
.p-vastgoed #pakket-tarief-tekst { padding: 10px 0px 10px 0px; }
.p-vastgoed #pakket-tarief-foto { width: var( --container-widget-width, 119.858% ); max-width: 119.858%; --container-widget-width: 119.858%; --container-widget-flex-grow: 0; }
.p-vastgoed #pakket-tarief-foto img { max-width: 100%; height: 211px; object-fit: cover; object-position: center right; }
.p-vastgoed #om-alles-nog, .p-vastgoed #om-alles-nog > .mfx { background-color: #F5C800; }
.p-vastgoed #om-alles-nog { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 40px 0px; }
.p-vastgoed #om-alles-nog > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-vastgoed #om-alles-nog-kolom > .inner { padding: 2em 4em 2em 1em; }
.p-vastgoed #om-alles-nog-kop { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-vastgoed #om-alles-nog-tekst { padding: 10px 0px 0px 0px; }
.p-vastgoed #om-alles-nog-tekst { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-vastgoed #om-alles-nog-lijst { padding: 10px 0px 10px 0px; }
.p-vastgoed #om-alles-nog-lijst .items .item:not(:last-child) { padding-block-end: calc(20px/2); }
.p-vastgoed #om-alles-nog-lijst .items .item:not(:first-child) { margin-block-start: calc(20px/2); }
.p-vastgoed #om-alles-nog-lijst .items.inline .item { margin-inline: calc(20px/2); }
.p-vastgoed #om-alles-nog-lijst .items.inline { margin-inline: calc(-20px/2); }
.p-vastgoed #om-alles-nog-lijst .items.inline .item:after { inset-inline-end: calc(-20px/2); }
.p-vastgoed #om-alles-nog-lijst .ico svg { color: #2C2C2C; transition: color 0.3s; }
.p-vastgoed #om-alles-nog-lijst .ico svg { fill: #2C2C2C; transition: fill 0.3s; }
.p-vastgoed #om-alles-nog-lijst { --e-icon-list-icon-size: 29px; --icon-vertical-offset: 0px; }
.p-vastgoed #om-alles-nog-lijst .ico { padding-inline-end: 17px; }
.p-vastgoed #om-alles-nog-lijst .item > .txt, .p-vastgoed #om-alles-nog-lijst .item > a { font-family: "Muli", Sans-serif; font-size: 0.9em; font-weight: 600; font-style: italic; text-decoration: none; line-height: 1.4em; }
.p-vastgoed #om-alles-nog-lijst .txt { color: #2C2C2C; transition: color 0.3s; }
.p-vastgoed #om-alles-nog-knop .btn { background-color: #171717; font-family: "Poppins", Sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; fill: #F3EEEE; color: #F3EEEE; border-style: solid; border-color: #171717; padding: 15px 50px 15px 50px; }
.p-vastgoed #om-alles-nog-knop .btn:hover, .p-vastgoed #om-alles-nog-knop .btn:focus { background-color: #2C2C2C; color: #ffffff; border-color: #2C2C2C; }
.p-vastgoed #om-alles-nog-knop { width: initial; max-width: initial; }
.p-vastgoed #om-alles-nog-knop { padding: 0em 1em 1em 0em; }
.p-vastgoed #om-alles-nog-knop .btn:hover svg, .p-vastgoed #om-alles-nog-knop .btn:focus svg { fill: #ffffff; }
.p-vastgoed #om-alles-nog-kolom2 > .inner > :not(.sec):not(.wi):not(:last-child) { --wgap: 0px; }
.p-vastgoed #om-alles-nog-foto:hover img { opacity: 1; }
.p-vastgoed #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000000 12%,#FFD000 45%); }
.p-vastgoed #kopbalk-logo { padding: 0 0 0 0; }
.p-vastgoed #kopbalk-menu li a { padding-left: 50px; padding-right: 50px; }
.p-vastgoed #kopbalk-menu li a { padding-top: 10px; padding-bottom: 10px; }
.p-vastgoed #kopbalk-menu li a { color: #000; }
.p-vastgoed #kopbalk-menu li a::before, .p-vastgoed #kopbalk-menu li a::after { background-color: #000; }
.p-vastgoed #kopbalk > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-vastgoed #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000 12%,#ffd000 45%); }
.p-vastgoed #kopbalk-logo { padding: 0; }
.p-vastgoed #kopbalk-logo { text-align: left; }
.p-vastgoed #kopbalk-logo img { max-width: 100%; }
.p-vastgoed #kopbalk-menu li a { padding: 10px 50px; color: #000; }
.p-vastgoed #kopbalk-menu ul > li:not(:last-child) { margin-right: 100px; }
.p-vastgoed #kopbalk-menu ul > li { margin-bottom: 0; }
.p-vastgoed #kopbalk-menu .menu-toggle { margin-left: auto; }
.p-vastgoed #kopbalk-menu a { font-size: 24px; font-weight: 600; font-style: normal; }
.p-vastgoed #kopbalk-menu li a:focus, .p-vastgoed #kopbalk-menu li a:hover { color: #2c2c2c; }
.p-vastgoed #kopbalk-menu li a::after, .p-vastgoed #kopbalk-menu li a::before { background-color: #000; }
@media (min-width: 1025px) {
  .p-vastgoed #hero, .p-vastgoed #hero > .mfx { background-attachment: fixed; }
}
@media (min-width: 768px) {
  .p-vastgoed #hero-kolom { width: 60.02%; }
  .p-vastgoed #hero-kolom2 { width: 39.932%; }
  .p-vastgoed #wie-ben-ik-kolom { width: 36.583%; }
  .p-vastgoed #wie-ben-ik-kolom2 { width: 63.417%; }
  .p-vastgoed #wie-ben-ik-kolom3 { width: 70%; }
  .p-vastgoed #wie-ben-ik-kolom4 { width: 30%; }
  .p-vastgoed #videos-kolom { width: 57.706%; }
  .p-vastgoed #videos-kolom2 { width: 42.221%; }
  .p-vastgoed #pakket-tarief-kolom2 { width: 49.913%; }
  .p-vastgoed #pakket-tarief-kolom3 { width: 50.003%; }
  .p-vastgoed #kopbalk-logo-kolom { width: 7.5%; }
  .p-vastgoed #kopbalk-menu-kolom { width: 92.5%; }
}
@media (max-width: 1024px) {
  .p-vastgoed #hero, .p-vastgoed #hero > .mfx { background-position: 0px 0px; }
  .p-vastgoed #hero { padding: 90px 30px 90px 30px; }
  .p-vastgoed #hero-kolom > .inner { padding: 0px 0px 0px 30px; }
  .p-vastgoed #hero-kop { text-align: center; }
  .p-vastgoed #hero-kop { font-size: 60px; }
  .p-vastgoed #wie-ben-ik-kop { text-align: center; }
  .p-vastgoed #wie-ben-ik-kop { font-size: 37px; }
  .p-vastgoed #wie-ben-ik-tekst { text-align: start; }
  .p-vastgoed #wie-ben-ik-foto { width: var( --container-widget-width, 693.997px ); max-width: 693.997px; --container-widget-width: 693.997px; --container-widget-flex-grow: 0; }
  .p-vastgoed #voorbeeld-fotos-kop { font-size: 37px; }
  .p-vastgoed #voorbeeld-fotos-tekst { text-align: start; }
  .p-vastgoed #videos-kop { font-size: 37px; }
  .p-vastgoed #videos-tekst { text-align: start; }
  .p-vastgoed #hoe-werk-ik-kop { font-size: 37px; }
  .p-vastgoed #hoe-werk-ik-tekst { text-align: start; }
  .p-vastgoed #pakket-tarief-kop { font-size: 37px; }
  .p-vastgoed #pakket-tarief-tekst { text-align: start; }
  .p-vastgoed #om-alles-nog-kop { font-size: 37px; }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .p-vastgoed #hero-kolom { width: 100%; }
  .p-vastgoed #hero-kolom2 { width: 100%; }
  .p-vastgoed #wie-ben-ik-kolom { width: 100%; }
  .p-vastgoed #wie-ben-ik-kolom2 { width: 100%; }
}
@media (max-width: 767px) {
  .p-vastgoed #hero, .p-vastgoed #hero > .mfx { background-position: 0px 0px; }
  .p-vastgoed #hero > .shape.bottom svg { width: calc(190% + 1.3px); height: 38px; }
  .p-vastgoed #hero { padding: 30px 0px 30px 0px; }
  .p-vastgoed #hero-kolom > .inner { padding: 30px 30px 30px 30px; }
  .p-vastgoed #hero-social { --grid-column-gap: 10px; }
  .p-vastgoed #wie-ben-ik { padding: 0px 0px 0px 0px; }
  .p-vastgoed #wie-ben-ik-kop { text-align: start; }
  .p-vastgoed #wie-ben-ik-tekst { width: initial; max-width: initial; columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-vastgoed #wie-ben-ik-kolom2 > .inner { margin: -60px 0px 0px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; }
  .p-vastgoed #wie-ben-ik-fotobox .ib { text-align: center; }
  .p-vastgoed #wie-ben-ik-fotobox .ib-img { margin-bottom: 0px; }
  .p-vastgoed #wie-ben-ik-fotobox2 .ib { text-align: center; }
  .p-vastgoed #wie-ben-ik-fotobox2 .ib-img { margin-bottom: 0px; }
  .p-vastgoed #voorbeeld-fotos { padding: 30px 0px 0px 0px; }
  .p-vastgoed #voorbeeld-fotos-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-vastgoed #voorbeeld-fotos-kolom4.col .inner { align-items: center; }
  .p-vastgoed #voorbeeld-fotos-kolom4 > .inner { align-content: center; align-items: center; }
  .p-vastgoed #voorbeeld-fotos-kolom4 > .inner { margin: 0px 0px 0px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; padding: 0px 15px 0px 15px; }
  .p-vastgoed #videos { padding: 39px 5px 8px 5px; }
  .p-vastgoed #videos-kolom2 > .inner { padding: 1em 1em 1em 1em; }
  .p-vastgoed #videos-kop { text-align: center; }
  .p-vastgoed #videos-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-vastgoed #hoe-werk-ik { padding: 30px 0px 0px 0px; }
  .p-vastgoed #hoe-werk-ik-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-vastgoed #pakket-tarief { padding: 12px 0px 0px 0px; }
  .p-vastgoed #pakket-tarief-kolom > .inner { padding: 1em 1em 1em 1em; }
  .p-vastgoed #pakket-tarief-kop { padding: 0px 0px 0px 0px; }
  .p-vastgoed #pakket-tarief-kop { text-align: center; }
  .p-vastgoed #pakket-tarief-kolom2 > .inner { padding: 0px 0px 0px 0px; }
  .p-vastgoed #pakket-tarief-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-vastgoed #om-alles-nog { padding: 05px 5px 10px 10px; }
  .p-vastgoed #om-alles-nog-tekst { width: var( --container-widget-width, 115.675% ); max-width: 115.675%; --container-widget-width: 115.675%; --container-widget-flex-grow: 0; align-self: center; text-align: start; font-size: 0.9rem; line-height: 1.4em; }
  .p-vastgoed #om-alles-nog-lijst .item > .txt, .p-vastgoed #om-alles-nog-lijst .item > a { font-size: 18px; }
  .p-vastgoed #om-alles-nog-knop { width: 100%; max-width: 100%; }
  .p-vastgoed #om-alles-nog-knop { padding: 0px 0px 0px 0px; }
  .p-vastgoed #kopbalk-menu-kolom > .inner { margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-vastgoed #kopbalk-logo-kolom { width: 25%; }
  .p-vastgoed #kopbalk-menu-kolom { width: 75%; }
  .p-vastgoed #kopbalk-menu-kolom > .inner { align-content: center; align-items: center; }
  .p-vastgoed #kopbalk-menu-kolom.col > .inner { justify-content: flex-end; }
  .p-vastgoed #kopbalk-menu-kolom > .inner { margin: 0; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-vastgoed #kopbalk-menu li a { padding-top: 0; padding-bottom: 0; }
  .p-vastgoed #kopbalk-menu ul > li:not(:last-child) { margin-right: 0; }
  .p-vastgoed #kopbalk-menu .menu-toggle { font-size: 26px; border-width: 0; padding: .35em; border-radius: 0; }
  .p-vastgoed #kopbalk-menu a { font-size: 17px; }
}

/* --- feesten ------------------------------------------------------- */
.p-feesten #hero, .p-feesten #hero > .mfx { background-color: #464646; background-image: url(/assets/img/1.6.1_1.6.1-scaled.jpg.webp); background-position: 0px -203px; background-repeat: no-repeat; background-size: 100% auto; }
.p-feesten #hero > .overlay { background-color: transparent; background-image: linear-gradient(160deg, #17171700 0%, #2C2C2C00 67%); opacity: 0.46; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-feesten #hero > .wrap { max-width: 1140px; min-height: 40vh; }
.p-feesten #hero { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-feesten #hero > .shape.bottom .fill { fill: #171717; }
.p-feesten #hero > .shape.bottom svg { width: calc(130% + 1.3px); height: 180px; }
.p-feesten #hero-kolom.col .inner { align-items: center; }
.p-feesten #hero-kolom > .inner { align-content: center; align-items: center; }
.p-feesten #hero-kolom > .inner { padding: 0px 0px 0px 20px; }
.p-feesten #hero-kop { font-family: "Bitter", Sans-serif; font-size: 5rem; font-weight: 900; line-height: 1.1em; letter-spacing: -3.2px; color: #ffffff; }
.p-feesten #hero-kolom2.col .inner { align-items: flex-end; }
.p-feesten #hero-kolom2 > .inner { align-content: flex-end; align-items: flex-end; }
.p-feesten #hero-social { --grid-template-columns: repeat(0, auto); --icon-size: 23px; --grid-column-gap: 22px; --grid-row-gap: 0px; }
.p-feesten #hero-social { text-align: center; }
.p-feesten #hero-social { padding: 20px 0px 20px 0px; }
.p-feesten #hero-social .soc { background-color: rgba(226,226,226,0); }
.p-feesten #hero-social .soc svg { color: #FFD000; }
.p-feesten #hero-social .soc svg { fill: #FFD000; }
.p-feesten #hero-social .soc:hover { background-color: rgba(0,0,0,0); }
.p-feesten #hero-social .soc:hover svg { color: #f4ebc3; }
.p-feesten #hero-social .soc:hover svg { fill: #f4ebc3; }
.p-feesten #wie-ben-ik, .p-feesten #wie-ben-ik > .mfx { background-color: #171717; }
.p-feesten #wie-ben-ik { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 40px 0px 0px 0px; }
.p-feesten #wie-ben-ik > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-feesten #wie-ben-ik-kolom.col .inner { align-items: center; }
.p-feesten #wie-ben-ik-kolom > .inner { align-content: center; align-items: center; }
.p-feesten #wie-ben-ik-kolom > .inner { padding: 4em 2em 0em 2em; }
.p-feesten #wie-ben-ik-kop { font-family: "Bitter", Sans-serif; font-size: 2.8rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #ffffff; }
.p-feesten #wie-ben-ik-tekst { padding: 10px 0px 10px 0px; }
.p-feesten #wie-ben-ik-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #ffffff; }
.p-feesten #wie-ben-ik-kolom2 > .inner { padding: 03em 2em 0em 1em; }
.p-feesten #wie-ben-ik-blok { margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; }
.p-feesten #wie-ben-ik-foto { width: var( --container-widget-width, 100% ); max-width: 100%; --container-widget-width: 100%; --container-widget-flex-grow: 0; text-align: center; }
.p-feesten #wie-ben-ik-foto img { max-width: 82%; }
.p-feesten #wie-ben-ik-kolom4.col .inner { align-items: flex-start; }
.p-feesten #wie-ben-ik-kolom4 > .inner { align-content: flex-start; align-items: flex-start; }
.p-feesten #wie-ben-ik-fotobox .ib { text-align: start; }
.p-feesten #wie-ben-ik-fotobox.pos-right .ib-img { margin-left: 0px; }
.p-feesten #wie-ben-ik-fotobox.pos-left .ib-img { margin-right: 0px; }
.p-feesten #wie-ben-ik-fotobox .ib-img { margin-bottom: 0px; }
.p-feesten #wie-ben-ik-fotobox .ib-title { margin-bottom: 8px; font-family: "Bitter", Sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.2em; color: #FFFFFF; }
.p-feesten #wie-ben-ik-fotobox .ib .ib-img { width: 100%; }
.p-feesten #wie-ben-ik-fotobox .ib-img img { filter: brightness( 111% ) contrast( 100% ) saturate( 69% ) blur( 0px ) hue-rotate( 0deg ); transition-duration: 0.3s; }
.p-feesten #wie-ben-ik-fotobox .ib-desc { font-family: "Muli", Sans-serif; font-size: 0.8rem; font-weight: 700; line-height: 1.3em; color: #FFFFFF; }
.p-feesten #wie-ben-ik-fotobox2 .ib { text-align: start; }
.p-feesten #wie-ben-ik-fotobox2.pos-right .ib-img { margin-left: 0px; }
.p-feesten #wie-ben-ik-fotobox2.pos-left .ib-img { margin-right: 0px; }
.p-feesten #wie-ben-ik-fotobox2 .ib-img { margin-bottom: 0px; }
.p-feesten #wie-ben-ik-fotobox2 .ib-title { margin-bottom: 8px; font-family: "Bitter", Sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.2em; color: #FFFFFF; }
.p-feesten #wie-ben-ik-fotobox2 .ib .ib-img { width: 100%; }
.p-feesten #wie-ben-ik-fotobox2 .ib-img img { filter: brightness( 111% ) contrast( 100% ) saturate( 69% ) blur( 0px ) hue-rotate( 0deg ); transition-duration: 0.3s; }
.p-feesten #wie-ben-ik-fotobox2 .ib-desc { font-family: "Muli", Sans-serif; font-size: 0.8rem; font-weight: 700; line-height: 1.3em; color: #FFFFFF; }
.p-feesten #portfolio-voorbeelden, .p-feesten #portfolio-voorbeelden > .mfx { background-color: #F5C800; }
.p-feesten #portfolio-voorbeelden > .wrap { max-width: 1140px; }
.p-feesten #portfolio-voorbeelden { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-feesten #portfolio-voorbeelden > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-feesten #portfolio-voorbeelden-kolom > .inner { padding: 2em 4em 2em 1em; }
.p-feesten #portfolio-voorbeelden-kop { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-feesten #portfolio-voorbeelden-tekst { padding: 10px 0px 0px 0px; }
.p-feesten #portfolio-voorbeelden-tekst { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-feesten #portfolio-voorbeelden-kolom2 > .inner { padding: 03em 2em 0em 1em; }
.p-feesten #portfolio-voorbeelden-video .frame { --video-aspect-ratio: 1.33333; }
.p-feesten #waarom-video-werkt, .p-feesten #waarom-video-werkt > .mfx { background-color: #171717; }
.p-feesten #waarom-video-werkt { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-feesten #waarom-video-werkt > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-feesten #waarom-video-werkt-kolom.col .inner { align-items: center; }
.p-feesten #waarom-video-werkt-kolom > .inner { align-content: center; align-items: center; }
.p-feesten #waarom-video-werkt-kolom > .inner { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 0px 0px 0px 0px; }
.p-feesten #waarom-video-werkt-kolom > .inner > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-feesten #waarom-video-werkt-kolom4.col .inner { align-items: center; }
.p-feesten #waarom-video-werkt-kolom4 > .inner { align-content: center; align-items: center; }
.p-feesten #waarom-video-werkt-kolom4 > .inner { padding: 2em 0em 2em 2em; }
.p-feesten #waarom-video-werkt-blok2 > .wrap { max-width: 700px; }
.p-feesten #waarom-video-werkt-kop { text-align: start; }
.p-feesten #waarom-video-werkt-kop { font-family: "Bitter", Sans-serif; font-size: 2.3rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #FFFFFF; }
.p-feesten #waarom-video-werkt-tekst { padding: 10px 0px 10px 0px; }
.p-feesten #waarom-video-werkt-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #FFFFFF; }
.p-feesten #klaar-om-jouw, .p-feesten #klaar-om-jouw > .mfx { background-color: #F5C800; }
.p-feesten #klaar-om-jouw { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 40px 0px; }
.p-feesten #klaar-om-jouw > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-feesten #klaar-om-jouw-kolom > .inner { padding: 2em 4em 2em 1em; }
.p-feesten #klaar-om-jouw-kop { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-feesten #klaar-om-jouw-tekst { padding: 10px 0px 0px 0px; }
.p-feesten #klaar-om-jouw-tekst { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-feesten #klaar-om-jouw-lijst { padding: 10px 0px 10px 0px; }
.p-feesten #klaar-om-jouw-lijst .items .item:not(:last-child) { padding-block-end: calc(20px/2); }
.p-feesten #klaar-om-jouw-lijst .items .item:not(:first-child) { margin-block-start: calc(20px/2); }
.p-feesten #klaar-om-jouw-lijst .items.inline .item { margin-inline: calc(20px/2); }
.p-feesten #klaar-om-jouw-lijst .items.inline { margin-inline: calc(-20px/2); }
.p-feesten #klaar-om-jouw-lijst .items.inline .item:after { inset-inline-end: calc(-20px/2); }
.p-feesten #klaar-om-jouw-lijst .ico svg { color: #2C2C2C; transition: color 0.3s; }
.p-feesten #klaar-om-jouw-lijst .ico svg { fill: #2C2C2C; transition: fill 0.3s; }
.p-feesten #klaar-om-jouw-lijst { --e-icon-list-icon-size: 29px; --icon-vertical-offset: 0px; }
.p-feesten #klaar-om-jouw-lijst .ico { padding-inline-end: 17px; }
.p-feesten #klaar-om-jouw-lijst .item > .txt, .p-feesten #klaar-om-jouw-lijst .item > a { font-family: "Muli", Sans-serif; font-size: 1.1em; font-weight: 600; font-style: italic; text-decoration: none; line-height: 1.4em; }
.p-feesten #klaar-om-jouw-lijst .txt { color: #2C2C2C; transition: color 0.3s; }
.p-feesten #klaar-om-jouw-knop .btn { background-color: #171717; font-family: "Poppins", Sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; fill: #F3EEEE; color: #F3EEEE; border-style: solid; border-color: #171717; padding: 15px 50px 15px 50px; }
.p-feesten #klaar-om-jouw-knop .btn:hover, .p-feesten #klaar-om-jouw-knop .btn:focus { background-color: #2C2C2C; color: #ffffff; border-color: #2C2C2C; }
.p-feesten #klaar-om-jouw-knop { width: initial; max-width: initial; }
.p-feesten #klaar-om-jouw-knop { padding: 0em 1em 1em 0em; }
.p-feesten #klaar-om-jouw-knop .btn:hover svg, .p-feesten #klaar-om-jouw-knop .btn:focus svg { fill: #ffffff; }
.p-feesten #klaar-om-jouw-kolom2 > .inner > :not(.sec):not(.wi):not(:last-child) { --wgap: 0px; }
.p-feesten #klaar-om-jouw-foto:hover img { opacity: 1; }
.p-feesten #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000000 12%,#FFD000 45%); }
.p-feesten #kopbalk-logo { padding: 0 0 0 0; }
.p-feesten #kopbalk-menu li a { padding-left: 50px; padding-right: 50px; }
.p-feesten #kopbalk-menu li a { padding-top: 10px; padding-bottom: 10px; }
.p-feesten #kopbalk-menu li a { color: #000; }
.p-feesten #kopbalk-menu li a::before, .p-feesten #kopbalk-menu li a::after { background-color: #000; }
.p-feesten #kopbalk > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-feesten #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000 12%,#ffd000 45%); }
.p-feesten #kopbalk-logo { padding: 0; }
.p-feesten #kopbalk-logo { text-align: left; }
.p-feesten #kopbalk-logo img { max-width: 100%; }
.p-feesten #kopbalk-menu li a { padding: 10px 50px; color: #000; }
.p-feesten #kopbalk-menu ul > li:not(:last-child) { margin-right: 100px; }
.p-feesten #kopbalk-menu ul > li { margin-bottom: 0; }
.p-feesten #kopbalk-menu .menu-toggle { margin-left: auto; }
.p-feesten #kopbalk-menu a { font-size: 24px; font-weight: 600; font-style: normal; }
.p-feesten #kopbalk-menu li a:focus, .p-feesten #kopbalk-menu li a:hover { color: #2c2c2c; }
.p-feesten #kopbalk-menu li a::after, .p-feesten #kopbalk-menu li a::before { background-color: #000; }
@media (min-width: 1025px) {
  .p-feesten #hero, .p-feesten #hero > .mfx { background-attachment: fixed; }
}
@media (min-width: 768px) {
  .p-feesten #hero-kolom { width: 60.02%; }
  .p-feesten #hero-kolom2 { width: 39.932%; }
  .p-feesten #wie-ben-ik-kolom { width: 43.332%; }
  .p-feesten #wie-ben-ik-kolom2 { width: 56.668%; }
  .p-feesten #wie-ben-ik-kolom3 { width: 68%; }
  .p-feesten #wie-ben-ik-kolom4 { width: 32%; }
  .p-feesten #kopbalk-logo-kolom { width: 7.5%; }
  .p-feesten #kopbalk-menu-kolom { width: 92.5%; }
}
@media (max-width: 1024px) {
  .p-feesten #hero, .p-feesten #hero > .mfx { background-position: 0px 0px; }
  .p-feesten #hero { padding: 90px 30px 90px 30px; }
  .p-feesten #hero-kolom > .inner { padding: 0px 0px 0px 30px; }
  .p-feesten #hero-kop { text-align: center; }
  .p-feesten #hero-kop { font-size: 60px; }
  .p-feesten #wie-ben-ik-kop { text-align: center; }
  .p-feesten #wie-ben-ik-kop { font-size: 37px; }
  .p-feesten #wie-ben-ik-tekst { width: var( --container-widget-width, 100% ); max-width: 100%; --container-widget-width: 100%; --container-widget-flex-grow: 0; text-align: start; }
  .p-feesten #wie-ben-ik-foto { width: var( --container-widget-width, 693.997px ); max-width: 693.997px; --container-widget-width: 693.997px; --container-widget-flex-grow: 0; }
  .p-feesten #wie-ben-ik-foto img { width: 100%; }
  .p-feesten #portfolio-voorbeelden { padding: 10px 0px 0px 0px; }
  .p-feesten #portfolio-voorbeelden-kop { font-size: 37px; }
  .p-feesten #waarom-video-werkt-kop { font-size: 37px; }
  .p-feesten #waarom-video-werkt-tekst { text-align: start; }
  .p-feesten #klaar-om-jouw-kop { font-size: 37px; }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .p-feesten #hero-kolom { width: 100%; }
  .p-feesten #hero-kolom2 { width: 100%; }
  .p-feesten #wie-ben-ik-kolom { width: 50%; }
  .p-feesten #wie-ben-ik-kolom2 { width: 50%; }
  .p-feesten #wie-ben-ik-kolom3 { width: 100%; }
  .p-feesten #portfolio-voorbeelden-kolom { width: 100%; }
  .p-feesten #portfolio-voorbeelden-kolom2 { width: 50%; }
  .p-feesten #klaar-om-jouw-kolom { width: 100%; }
}
@media (max-width: 767px) {
  .p-feesten #hero, .p-feesten #hero > .mfx { background-position: 0px 0px; }
  .p-feesten #hero > .shape.bottom svg { width: calc(190% + 1.3px); height: 38px; }
  .p-feesten #hero { padding: 30px 0px 30px 0px; }
  .p-feesten #hero-kolom > .inner { padding: 30px 30px 30px 30px; }
  .p-feesten #hero-social { --grid-column-gap: 10px; }
  .p-feesten #wie-ben-ik { padding: 0px 0px 0px 0px; }
  .p-feesten #wie-ben-ik-kop { text-align: start; }
  .p-feesten #wie-ben-ik-tekst { width: initial; max-width: initial; columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-feesten #wie-ben-ik-kolom2 > .inner { margin: -60px 0px 0px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; }
  .p-feesten #wie-ben-ik-fotobox .ib { text-align: center; }
  .p-feesten #wie-ben-ik-fotobox .ib-img { margin-bottom: 0px; }
  .p-feesten #wie-ben-ik-fotobox2 .ib { text-align: center; }
  .p-feesten #wie-ben-ik-fotobox2 .ib-img { margin-bottom: 0px; }
  .p-feesten #portfolio-voorbeelden { padding: 30px 0px 0px 0px; }
  .p-feesten #portfolio-voorbeelden-kolom > .inner { padding: 1.1em 1em 1em 1em; }
  .p-feesten #portfolio-voorbeelden-tekst { width: var( --container-widget-width, 100% ); max-width: 100%; --container-widget-width: 100%; --container-widget-flex-grow: 0; align-self: center; text-align: start; font-size: 0.9rem; line-height: 1.4em; }
  .p-feesten #portfolio-voorbeelden-kolom2 > .inner { margin: -60px 0px 0px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; }
  .p-feesten #waarom-video-werkt { padding: 39px 5px 8px 5px; }
  .p-feesten #waarom-video-werkt-kolom4 > .inner { padding: 1em 1em 1em 1em; }
  .p-feesten #waarom-video-werkt-kop { text-align: center; }
  .p-feesten #waarom-video-werkt-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-feesten #klaar-om-jouw { padding: 05px 5px 10px 10px; }
  .p-feesten #klaar-om-jouw-kolom > .inner { padding: 1.1em 1em 1em 1em; }
  .p-feesten #klaar-om-jouw-tekst { width: var( --container-widget-width, 100% ); max-width: 100%; --container-widget-width: 100%; --container-widget-flex-grow: 0; align-self: center; text-align: start; font-size: 0.9rem; line-height: 1.4em; }
  .p-feesten #klaar-om-jouw-lijst .items .item:not(:last-child) { padding-block-end: calc(20px/2); }
  .p-feesten #klaar-om-jouw-lijst .items .item:not(:first-child) { margin-block-start: calc(20px/2); }
  .p-feesten #klaar-om-jouw-lijst .items.inline .item { margin-inline: calc(20px/2); }
  .p-feesten #klaar-om-jouw-lijst .items.inline { margin-inline: calc(-20px/2); }
  .p-feesten #klaar-om-jouw-lijst .items.inline .item:after { inset-inline-end: calc(-20px/2); }
  .p-feesten #klaar-om-jouw-lijst .item > .txt, .p-feesten #klaar-om-jouw-lijst .item > a { font-size: 15px; }
  .p-feesten #klaar-om-jouw-knop { width: 100%; max-width: 100%; }
  .p-feesten #klaar-om-jouw-knop { padding: 0px 0px 0px 0px; }
  .p-feesten #kopbalk-menu-kolom > .inner { margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-feesten #kopbalk-logo-kolom { width: 25%; }
  .p-feesten #kopbalk-menu-kolom { width: 75%; }
  .p-feesten #kopbalk-menu-kolom > .inner { align-content: center; align-items: center; }
  .p-feesten #kopbalk-menu-kolom.col > .inner { justify-content: flex-end; }
  .p-feesten #kopbalk-menu-kolom > .inner { margin: 0; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-feesten #kopbalk-menu li a { padding-top: 0; padding-bottom: 0; }
  .p-feesten #kopbalk-menu ul > li:not(:last-child) { margin-right: 0; }
  .p-feesten #kopbalk-menu .menu-toggle { font-size: 26px; border-width: 0; padding: .35em; border-radius: 0; }
  .p-feesten #kopbalk-menu a { font-size: 17px; }
}

/* --- bruiloft ------------------------------------------------------- */
.p-bruiloft #hero, .p-bruiloft #hero > .mfx { background-color: #92705E; background-image: url(/assets/img/Sicilie-scaled.jpg.webp); background-position: 0px -173px; background-repeat: no-repeat; background-size: cover; }
.p-bruiloft #hero > .overlay { background-color: transparent; background-image: linear-gradient(160deg, #17171780 0%, #2C2C2CA6 67%); opacity: 0.46; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-bruiloft #hero > .wrap { max-width: 1140px; min-height: 40vh; }
.p-bruiloft #hero { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-bruiloft #hero > .shape.bottom .fill { fill: #171717; }
.p-bruiloft #hero > .shape.bottom svg { width: calc(130% + 1.3px); height: 180px; }
.p-bruiloft #hero-kolom.col .inner { align-items: center; }
.p-bruiloft #hero-kolom > .inner { align-content: center; align-items: center; }
.p-bruiloft #hero-kolom > .inner { padding: 0px 0px 0px 20px; }
.p-bruiloft #hero-kop { font-family: "Bitter", Sans-serif; font-size: 5rem; font-weight: 900; line-height: 1.1em; letter-spacing: -3.2px; color: #ffffff; }
.p-bruiloft #hero-kolom2.col .inner { align-items: flex-end; }
.p-bruiloft #hero-kolom2 > .inner { align-content: flex-end; align-items: flex-end; }
.p-bruiloft #hero-social { --grid-template-columns: repeat(0, auto); --icon-size: 23px; --grid-column-gap: 22px; --grid-row-gap: 0px; }
.p-bruiloft #hero-social { text-align: center; }
.p-bruiloft #hero-social { padding: 20px 0px 20px 0px; }
.p-bruiloft #hero-social .soc { background-color: rgba(226,226,226,0); }
.p-bruiloft #hero-social .soc svg { color: #FFD000; }
.p-bruiloft #hero-social .soc svg { fill: #FFD000; }
.p-bruiloft #hero-social .soc:hover { background-color: rgba(0,0,0,0); }
.p-bruiloft #hero-social .soc:hover svg { color: #f4ebc3; }
.p-bruiloft #hero-social .soc:hover svg { fill: #f4ebc3; }
.p-bruiloft #wie-ben-ik, .p-bruiloft #wie-ben-ik > .mfx { background-color: #171717; }
.p-bruiloft #wie-ben-ik { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 23px 40px 0px 40px; }
.p-bruiloft #wie-ben-ik > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-bruiloft #wie-ben-ik-kolom.col .inner { align-items: center; }
.p-bruiloft #wie-ben-ik-kolom > .inner { align-content: center; align-items: center; }
.p-bruiloft #wie-ben-ik-kolom > .inner { padding: 4em 2em 4em 2em; }
.p-bruiloft #wie-ben-ik-kop { font-family: "Bitter", Sans-serif; font-size: 2.8rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #ffffff; }
.p-bruiloft #wie-ben-ik-tekst { padding: 10px 0px 10px 0px; }
.p-bruiloft #wie-ben-ik-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #ffffff; }
.p-bruiloft #wie-ben-ik-foto img { max-width: 57%; }
.p-bruiloft #wie-ben-ik-kolom4.col .inner { align-items: flex-start; }
.p-bruiloft #wie-ben-ik-kolom4 > .inner { align-content: flex-start; align-items: flex-start; }
.p-bruiloft #wie-ben-ik-fotobox .ib { text-align: start; }
.p-bruiloft #wie-ben-ik-fotobox.pos-right .ib-img { margin-left: 0px; }
.p-bruiloft #wie-ben-ik-fotobox.pos-left .ib-img { margin-right: 0px; }
.p-bruiloft #wie-ben-ik-fotobox .ib-img { margin-bottom: 0px; }
.p-bruiloft #wie-ben-ik-fotobox .ib-title { margin-bottom: 8px; font-family: "Bitter", Sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.2em; color: #FFFFFF; }
.p-bruiloft #wie-ben-ik-fotobox .ib .ib-img { width: 100%; }
.p-bruiloft #wie-ben-ik-fotobox .ib-img img { filter: brightness( 111% ) contrast( 100% ) saturate( 69% ) blur( 0px ) hue-rotate( 0deg ); transition-duration: 0.3s; }
.p-bruiloft #wie-ben-ik-fotobox .ib-desc { font-family: "Muli", Sans-serif; font-size: 0.8rem; font-weight: 700; line-height: 1.3em; color: #FFFFFF; }
.p-bruiloft #wie-ben-ik-fotobox2 .ib { text-align: start; }
.p-bruiloft #wie-ben-ik-fotobox2.pos-right .ib-img { margin-left: 0px; }
.p-bruiloft #wie-ben-ik-fotobox2.pos-left .ib-img { margin-right: 0px; }
.p-bruiloft #wie-ben-ik-fotobox2 .ib-img { margin-bottom: 0px; }
.p-bruiloft #wie-ben-ik-fotobox2 .ib-title { margin-bottom: 8px; font-family: "Bitter", Sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.2em; color: #FFFFFF; }
.p-bruiloft #wie-ben-ik-fotobox2 .ib .ib-img { width: 100%; }
.p-bruiloft #wie-ben-ik-fotobox2 .ib-img img { filter: brightness( 111% ) contrast( 100% ) saturate( 69% ) blur( 0px ) hue-rotate( 0deg ); transition-duration: 0.3s; }
.p-bruiloft #wie-ben-ik-fotobox2 .ib-desc { font-family: "Muli", Sans-serif; font-size: 0.8rem; font-weight: 700; line-height: 1.3em; color: #FFFFFF; }
.p-bruiloft #voorbeeld-videos, .p-bruiloft #voorbeeld-videos > .mfx { background-color: #F5C800; }
.p-bruiloft #voorbeeld-videos > .wrap { max-width: 1140px; }
.p-bruiloft #voorbeeld-videos { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-bruiloft #voorbeeld-videos > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-bruiloft #voorbeeld-videos-kop { text-align: center; }
.p-bruiloft #voorbeeld-videos-kop { font-family: "Bitter", Sans-serif; font-size: 3rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-bruiloft #voorbeeld-videos-tekst { padding: 10px 0px 10px 0px; }
.p-bruiloft #voorbeeld-videos-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-bruiloft #voorbeeld-videos-kolom3 > .inner { margin: 37px 8px 31px 8px; --e-column-margin-right: 8px; --e-column-margin-left: 8px; padding: 7px 7px 7px 7px; }
.p-bruiloft #voorbeeld-videos-video { margin: 13px 0px calc(0px + var(--wgap, 0px)) 0px; }
.p-bruiloft #voorbeeld-videos-video .frame { --video-aspect-ratio: 1.77777; }
.p-bruiloft #voorbeeld-videos-video2 { padding: 15px 0px 0px 0px; }
.p-bruiloft #voorbeeld-videos-video2 .frame { --video-aspect-ratio: 1.77777; }
.p-bruiloft #pakket-tarief, .p-bruiloft #pakket-tarief > .mfx { background-color: #171717; }
.p-bruiloft #pakket-tarief { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-bruiloft #pakket-tarief > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-bruiloft #pakket-tarief-kolom.col .inner { align-items: center; }
.p-bruiloft #pakket-tarief-kolom > .inner { align-content: center; align-items: center; }
.p-bruiloft #pakket-tarief-kolom > .inner { padding: 2em 0em 2em 2em; }
.p-bruiloft #pakket-tarief-kop { width: var( --container-widget-width, 131.324% ); max-width: 131.324%; --container-widget-width: 131.324%; --container-widget-flex-grow: 0; text-align: start; }
.p-bruiloft #pakket-tarief-kop { padding: 0px 0px 0px 46px; }
.p-bruiloft #pakket-tarief-kop { font-family: "Bitter", Sans-serif; font-size: 2.3rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #FFFFFF; }
.p-bruiloft #pakket-tarief-tekst { width: var( --container-widget-width, 111.115% ); max-width: 111.115%; --container-widget-width: 111.115%; --container-widget-flex-grow: 0; columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #FFFFFF; }
.p-bruiloft #pakket-tarief-tekst { padding: 10px 0px 10px 0px; }
.p-bruiloft #pakket-tarief-foto { width: var( --container-widget-width, 119.858% ); max-width: 119.858%; --container-widget-width: 119.858%; --container-widget-flex-grow: 0; }
.p-bruiloft #kennismaken, .p-bruiloft #kennismaken > .mfx { background-color: #F5C800; }
.p-bruiloft #kennismaken { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 40px 0px; }
.p-bruiloft #kennismaken > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-bruiloft #kennismaken-kolom > .inner { padding: 2em 4em 2em 1em; }
.p-bruiloft #kennismaken-kop { margin: 0px 0px calc(-24px + var(--wgap, 0px)) 0px; }
.p-bruiloft #kennismaken-kop { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-bruiloft #kennismaken-tekst { padding: 10px 0px 0px 0px; }
.p-bruiloft #kennismaken-tekst { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-bruiloft #kennismaken-kop2 { margin: -16px 0px calc(-47px + var(--wgap, 0px)) 0px; padding: 0px 0px 0px 0px; }
.p-bruiloft #kennismaken-kop2 { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-bruiloft #kennismaken-tekst2 { margin: 0px 0px calc(-22px + var(--wgap, 0px)) 0px; padding: 14px 0px 0px 0px; }
.p-bruiloft #kennismaken-tekst2 { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-bruiloft #kennismaken-lijst { margin: 0px 0px calc(0px + var(--wgap, 0px)) 0px; padding: 10px 0px -3px 0px; }
.p-bruiloft #kennismaken-lijst .items .item:not(:last-child) { padding-block-end: calc(20px/2); }
.p-bruiloft #kennismaken-lijst .items .item:not(:first-child) { margin-block-start: calc(20px/2); }
.p-bruiloft #kennismaken-lijst .items.inline .item { margin-inline: calc(20px/2); }
.p-bruiloft #kennismaken-lijst .items.inline { margin-inline: calc(-20px/2); }
.p-bruiloft #kennismaken-lijst .items.inline .item:after { inset-inline-end: calc(-20px/2); }
.p-bruiloft #kennismaken-lijst .ico svg { color: #2C2C2C; transition: color 0.3s; }
.p-bruiloft #kennismaken-lijst .ico svg { fill: #2C2C2C; transition: fill 0.3s; }
.p-bruiloft #kennismaken-lijst { --e-icon-list-icon-size: 29px; --icon-vertical-offset: 0px; }
.p-bruiloft #kennismaken-lijst .ico { padding-inline-end: 17px; }
.p-bruiloft #kennismaken-lijst .item > .txt, .p-bruiloft #kennismaken-lijst .item > a { font-family: "Muli", Sans-serif; font-size: 1.2em; font-weight: 600; font-style: italic; text-decoration: none; line-height: 1.4em; }
.p-bruiloft #kennismaken-lijst .txt { color: #2C2C2C; transition: color 0.3s; }
.p-bruiloft #kennismaken-knop .btn { background-color: #171717; font-family: "Poppins", Sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; fill: #F3EEEE; color: #F3EEEE; border-style: solid; border-color: #171717; padding: 15px 50px 15px 50px; }
.p-bruiloft #kennismaken-knop .btn:hover, .p-bruiloft #kennismaken-knop .btn:focus { background-color: #2C2C2C; color: #ffffff; border-color: #2C2C2C; }
.p-bruiloft #kennismaken-knop { width: initial; max-width: initial; }
.p-bruiloft #kennismaken-knop { padding: 0em 1em 1em 0em; }
.p-bruiloft #kennismaken-knop .btn:hover svg, .p-bruiloft #kennismaken-knop .btn:focus svg { fill: #ffffff; }
.p-bruiloft #kennismaken-kolom2 > .inner > :not(.sec):not(.wi):not(:last-child) { --wgap: 0px; }
.p-bruiloft #kennismaken-foto { margin: 77px 0px calc(0px + var(--wgap, 0px)) 0px; }
.p-bruiloft #kennismaken-foto:hover img { opacity: 1; }
.p-bruiloft #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000000 12%,#FFD000 45%); }
.p-bruiloft #kopbalk-logo { padding: 0 0 0 0; }
.p-bruiloft #kopbalk-menu li a { padding-left: 50px; padding-right: 50px; }
.p-bruiloft #kopbalk-menu li a { padding-top: 10px; padding-bottom: 10px; }
.p-bruiloft #kopbalk-menu li a { color: #000; }
.p-bruiloft #kopbalk-menu li a::before, .p-bruiloft #kopbalk-menu li a::after { background-color: #000; }
.p-bruiloft #kopbalk > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-bruiloft #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000 12%,#ffd000 45%); }
.p-bruiloft #kopbalk-logo { padding: 0; }
.p-bruiloft #kopbalk-logo { text-align: left; }
.p-bruiloft #kopbalk-logo img { max-width: 100%; }
.p-bruiloft #kopbalk-menu li a { padding: 10px 50px; color: #000; }
.p-bruiloft #kopbalk-menu ul > li:not(:last-child) { margin-right: 100px; }
.p-bruiloft #kopbalk-menu ul > li { margin-bottom: 0; }
.p-bruiloft #kopbalk-menu .menu-toggle { margin-left: auto; }
.p-bruiloft #kopbalk-menu a { font-size: 24px; font-weight: 600; font-style: normal; }
.p-bruiloft #kopbalk-menu li a:focus, .p-bruiloft #kopbalk-menu li a:hover { color: #2c2c2c; }
.p-bruiloft #kopbalk-menu li a::after, .p-bruiloft #kopbalk-menu li a::before { background-color: #000; }
@media (min-width: 1025px) {
  .p-bruiloft #hero, .p-bruiloft #hero > .mfx { background-attachment: fixed; }
}
@media (min-width: 768px) {
  .p-bruiloft #hero-kolom { width: 60.02%; }
  .p-bruiloft #hero-kolom2 { width: 39.932%; }
  .p-bruiloft #wie-ben-ik-kolom { width: 36.583%; }
  .p-bruiloft #wie-ben-ik-kolom2 { width: 63.417%; }
  .p-bruiloft #wie-ben-ik-kolom3 { width: 70%; }
  .p-bruiloft #wie-ben-ik-kolom4 { width: 30%; }
  .p-bruiloft #pakket-tarief-kolom2 { width: 42.808%; }
  .p-bruiloft #pakket-tarief-kolom3 { width: 57.108%; }
  .p-bruiloft #kopbalk-logo-kolom { width: 7.5%; }
  .p-bruiloft #kopbalk-menu-kolom { width: 92.5%; }
}
@media (max-width: 1024px) {
  .p-bruiloft #hero, .p-bruiloft #hero > .mfx { background-position: 0px 0px; }
  .p-bruiloft #hero { padding: 90px 30px 90px 30px; }
  .p-bruiloft #hero-kolom > .inner { padding: 0px 0px 0px 30px; }
  .p-bruiloft #hero-kop { text-align: center; }
  .p-bruiloft #hero-kop { font-size: 60px; }
  .p-bruiloft #wie-ben-ik-kop { text-align: center; }
  .p-bruiloft #wie-ben-ik-kop { font-size: 37px; }
  .p-bruiloft #wie-ben-ik-tekst { text-align: start; }
  .p-bruiloft #wie-ben-ik-foto { width: var( --container-widget-width, 693.997px ); max-width: 693.997px; --container-widget-width: 693.997px; --container-widget-flex-grow: 0; }
  .p-bruiloft #voorbeeld-videos-kop { font-size: 37px; }
  .p-bruiloft #voorbeeld-videos-tekst { text-align: start; }
  .p-bruiloft #pakket-tarief-kop { font-size: 37px; }
  .p-bruiloft #pakket-tarief-tekst { text-align: start; }
  .p-bruiloft #kennismaken-kop { font-size: 37px; }
  .p-bruiloft #kennismaken-kop2 { font-size: 37px; }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .p-bruiloft #hero-kolom { width: 100%; }
  .p-bruiloft #hero-kolom2 { width: 100%; }
  .p-bruiloft #wie-ben-ik-kolom { width: 100%; }
  .p-bruiloft #wie-ben-ik-kolom2 { width: 100%; }
}
@media (max-width: 767px) {
  .p-bruiloft #hero, .p-bruiloft #hero > .mfx { background-position: -148px 0px; }
  .p-bruiloft #hero > .shape.bottom svg { width: calc(190% + 1.3px); height: 38px; }
  .p-bruiloft #hero { padding: 30px 0px 30px 0px; }
  .p-bruiloft #hero-kolom > .inner { padding: 30px 30px 30px 30px; }
  .p-bruiloft #hero-social { --grid-column-gap: 10px; }
  .p-bruiloft #wie-ben-ik { padding: 8px 0px 0px 16px; }
  .p-bruiloft #wie-ben-ik-kolom > .inner { padding: 19px 8px 41px 8px; }
  .p-bruiloft #wie-ben-ik-kop { text-align: start; }
  .p-bruiloft #wie-ben-ik-tekst { width: initial; max-width: initial; columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-bruiloft #wie-ben-ik-kolom2 > .inner { margin: -60px 0px 0px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; }
  .p-bruiloft #wie-ben-ik-fotobox .ib { text-align: center; }
  .p-bruiloft #wie-ben-ik-fotobox .ib-img { margin-bottom: 0px; }
  .p-bruiloft #wie-ben-ik-fotobox2 .ib { text-align: center; }
  .p-bruiloft #wie-ben-ik-fotobox2 .ib-img { margin-bottom: 0px; }
  .p-bruiloft #voorbeeld-videos { padding: 13px 0px 0px 0px; }
  .p-bruiloft #voorbeeld-videos-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-bruiloft #voorbeeld-videos-kolom3 > .inner { margin: -20px 0px 14px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; }
  .p-bruiloft #pakket-tarief { padding: 12px 0px 0px 0px; }
  .p-bruiloft #pakket-tarief-kolom > .inner { padding: 1em 1em 1em 1em; }
  .p-bruiloft #pakket-tarief-kop { padding: 0px 0px 0px 0px; }
  .p-bruiloft #pakket-tarief-kop { text-align: center; }
  .p-bruiloft #pakket-tarief-kolom2 > .inner { padding: 0px 0px 0px 0px; }
  .p-bruiloft #pakket-tarief-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-bruiloft #kennismaken { padding: 11px 0px 0px 0px; }
  .p-bruiloft #kennismaken-kop { margin: -8px -51px calc(-8px + var(--wgap, 0px)) -8px; }
  .p-bruiloft #kennismaken-kop { text-align: center; }
  .p-bruiloft #kennismaken-tekst { margin: 0px -30px calc(0px + var(--wgap, 0px)) 11px; padding: 0px 0px 0px 0px; }
  .p-bruiloft #kennismaken-tekst { font-size: 0.9rem; line-height: 1.4em; }
  .p-bruiloft #kennismaken-kop2 { margin: -8px -51px calc(-8px + var(--wgap, 0px)) -8px; }
  .p-bruiloft #kennismaken-kop2 { text-align: center; }
  .p-bruiloft #kennismaken-tekst2 { margin: 0px -30px calc(0px + var(--wgap, 0px)) 11px; padding: 0px 0px 0px 0px; }
  .p-bruiloft #kennismaken-tekst2 { font-size: 0.9rem; line-height: 1.4em; }
  .p-bruiloft #kennismaken-lijst .item > .txt, .p-bruiloft #kennismaken-lijst .item > a { font-size: 18px; }
  .p-bruiloft #kennismaken-knop { width: 100%; max-width: 100%; }
  .p-bruiloft #kennismaken-knop { margin: 0px -37px calc(0px + var(--wgap, 0px)) 0px; padding: 14px 14px 14px 14px; }
  .p-bruiloft #kennismaken-foto { margin: -27px 0px calc(23px + var(--wgap, 0px)) 0px; }
  .p-bruiloft #kopbalk-menu-kolom > .inner { margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-bruiloft #kopbalk-logo-kolom { width: 25%; }
  .p-bruiloft #kopbalk-menu-kolom { width: 75%; }
  .p-bruiloft #kopbalk-menu-kolom > .inner { align-content: center; align-items: center; }
  .p-bruiloft #kopbalk-menu-kolom.col > .inner { justify-content: flex-end; }
  .p-bruiloft #kopbalk-menu-kolom > .inner { margin: 0; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-bruiloft #kopbalk-menu li a { padding-top: 0; padding-bottom: 0; }
  .p-bruiloft #kopbalk-menu ul > li:not(:last-child) { margin-right: 0; }
  .p-bruiloft #kopbalk-menu .menu-toggle { font-size: 26px; border-width: 0; padding: .35em; border-radius: 0; }
  .p-bruiloft #kopbalk-menu a { font-size: 17px; }
}

/* --- horeca ------------------------------------------------------- */
.p-horeca #hero, .p-horeca #hero > .mfx { background-color: #464646; background: url(/assets/img/vlcsnap-2025-03-24-18h31m50s716-scaled.jpg.webp) 50% 50%; background-size: cover; }
.p-horeca #hero > .overlay { background-color: transparent; background-image: linear-gradient(160deg, #17171780 0%, #2C2C2CA6 67%); opacity: 0.46; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-horeca #hero > .wrap { max-width: 1140px; min-height: 40vh; }
.p-horeca #hero { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-horeca #hero > .shape.bottom .fill { fill: #171717; }
.p-horeca #hero > .shape.bottom svg { width: calc(130% + 1.3px); height: 180px; }
.p-horeca #hero-kolom.col .inner { align-items: center; }
.p-horeca #hero-kolom > .inner { align-content: center; align-items: center; }
.p-horeca #hero-kolom > .inner { padding: 0px 0px 0px 20px; }
.p-horeca #hero-kop { font-family: "Bitter", Sans-serif; font-size: 5rem; font-weight: 900; line-height: 1.1em; letter-spacing: -3.2px; color: #ffffff; }
.p-horeca #hero-kolom2.col .inner { align-items: flex-end; }
.p-horeca #hero-kolom2 > .inner { align-content: flex-end; align-items: flex-end; }
.p-horeca #hero-social { --grid-template-columns: repeat(0, auto); --icon-size: 23px; --grid-column-gap: 22px; --grid-row-gap: 0px; }
.p-horeca #hero-social { text-align: center; }
.p-horeca #hero-social { padding: 20px 0px 20px 0px; }
.p-horeca #hero-social .soc { background-color: rgba(226,226,226,0); }
.p-horeca #hero-social .soc svg { color: #FFD000; }
.p-horeca #hero-social .soc svg { fill: #FFD000; }
.p-horeca #hero-social .soc:hover { background-color: rgba(0,0,0,0); }
.p-horeca #hero-social .soc:hover svg { color: #f4ebc3; }
.p-horeca #hero-social .soc:hover svg { fill: #f4ebc3; }
.p-horeca #wie-ben-ik, .p-horeca #wie-ben-ik > .mfx { background-color: #171717; }
.p-horeca #wie-ben-ik { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 40px 0px 0px 0px; }
.p-horeca #wie-ben-ik > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-horeca #wie-ben-ik-kolom.col .inner { align-items: center; }
.p-horeca #wie-ben-ik-kolom > .inner { align-content: center; align-items: center; }
.p-horeca #wie-ben-ik-kolom > .inner { padding: 4em 2em 0em 2em; }
.p-horeca #wie-ben-ik-kop { font-family: "Bitter", Sans-serif; font-size: 2.8rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #ffffff; }
.p-horeca #wie-ben-ik-tekst { padding: 10px 0px 10px 0px; }
.p-horeca #wie-ben-ik-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #ffffff; }
.p-horeca #wie-ben-ik-kolom2 > .inner { padding: 03em 2em 0em 1em; }
.p-horeca #wie-ben-ik-blok { margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; }
.p-horeca #wie-ben-ik-foto { width: var( --container-widget-width, 100% ); max-width: 100%; --container-widget-width: 100%; --container-widget-flex-grow: 0; text-align: center; }
.p-horeca #wie-ben-ik-foto img { max-width: 82%; }
.p-horeca #wie-ben-ik-kolom4.col .inner { align-items: flex-start; }
.p-horeca #wie-ben-ik-kolom4 > .inner { align-content: flex-start; align-items: flex-start; }
.p-horeca #wie-ben-ik-fotobox .ib { text-align: start; }
.p-horeca #wie-ben-ik-fotobox.pos-right .ib-img { margin-left: 0px; }
.p-horeca #wie-ben-ik-fotobox.pos-left .ib-img { margin-right: 0px; }
.p-horeca #wie-ben-ik-fotobox .ib-img { margin-bottom: 0px; }
.p-horeca #wie-ben-ik-fotobox .ib-title { margin-bottom: 8px; font-family: "Bitter", Sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.2em; color: #FFFFFF; }
.p-horeca #wie-ben-ik-fotobox .ib .ib-img { width: 100%; }
.p-horeca #wie-ben-ik-fotobox .ib-img img { filter: brightness( 111% ) contrast( 100% ) saturate( 69% ) blur( 0px ) hue-rotate( 0deg ); transition-duration: 0.3s; }
.p-horeca #wie-ben-ik-fotobox .ib-desc { font-family: "Muli", Sans-serif; font-size: 0.8rem; font-weight: 700; line-height: 1.3em; color: #FFFFFF; }
.p-horeca #wie-ben-ik-fotobox2 .ib { text-align: start; }
.p-horeca #wie-ben-ik-fotobox2.pos-right .ib-img { margin-left: 0px; }
.p-horeca #wie-ben-ik-fotobox2.pos-left .ib-img { margin-right: 0px; }
.p-horeca #wie-ben-ik-fotobox2 .ib-img { margin-bottom: 0px; }
.p-horeca #wie-ben-ik-fotobox2 .ib-title { margin-bottom: 8px; font-family: "Bitter", Sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.2em; color: #FFFFFF; }
.p-horeca #wie-ben-ik-fotobox2 .ib .ib-img { width: 100%; }
.p-horeca #wie-ben-ik-fotobox2 .ib-img img { filter: brightness( 111% ) contrast( 100% ) saturate( 69% ) blur( 0px ) hue-rotate( 0deg ); transition-duration: 0.3s; }
.p-horeca #wie-ben-ik-fotobox2 .ib-desc { font-family: "Muli", Sans-serif; font-size: 0.8rem; font-weight: 700; line-height: 1.3em; color: #FFFFFF; }
.p-horeca #sectie-3, .p-horeca #sectie-3 > .mfx { background-color: #171717; }
.p-horeca #sectie-3 { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 0px 0px 28px 0px; }
.p-horeca #sectie-3 > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-horeca #sectie-3-kolom.col .inner { align-items: center; }
.p-horeca #sectie-3-kolom > .inner { align-content: center; align-items: center; }
.p-horeca #sectie-3-kolom.col > .inner { justify-content: space-evenly; }
.p-horeca #sectie-3-foto { width: var( --container-widget-width, 62.308% ); max-width: 62.308%; --container-widget-width: 62.308%; --container-widget-flex-grow: 0; }
.p-horeca #sectie-3-kolom2.col .inner { align-items: space-evenly; }
.p-horeca #sectie-3-kolom2 > .inner { align-content: space-evenly; align-items: space-evenly; }
.p-horeca #sectie-3-kolom2.col > .inner { justify-content: center; }
.p-horeca #sectie-3-foto2 { width: var( --container-widget-width, 129.72% ); max-width: 129.72%; --container-widget-width: 129.72%; --container-widget-flex-grow: 0; align-self: center; }
.p-horeca #sectie-3-foto2 { margin: 0px 0px calc(0px + var(--wgap, 0px)) 0px; }
.p-horeca #sectie-3-kolom3.col .inner { align-items: center; }
.p-horeca #sectie-3-kolom3 > .inner { align-content: center; align-items: center; }
.p-horeca #sectie-3-kolom3.col > .inner { justify-content: space-evenly; }
.p-horeca #sectie-3-foto3 { width: var( --container-widget-width, 89.128% ); max-width: 89.128%; --container-widget-width: 89.128%; --container-widget-flex-grow: 0; text-align: center; }
.p-horeca #sectie-3-foto3 { margin: 0px 0px calc(0px + var(--wgap, 0px)) 0px; }
.p-horeca #sectie-3-kolom4.col .inner { align-items: center; }
.p-horeca #sectie-3-kolom4 > .inner { align-content: center; align-items: center; }
.p-horeca #sectie-3-kolom4.col > .inner { justify-content: space-evenly; }
.p-horeca #sectie-3-foto4 { width: var( --container-widget-width, 123.14% ); max-width: 123.14%; --container-widget-width: 123.14%; --container-widget-flex-grow: 0; }
.p-horeca #sectie-3-kolom5.col .inner { align-items: center; }
.p-horeca #sectie-3-kolom5 > .inner { align-content: center; align-items: center; }
.p-horeca #sectie-3-kolom5.col > .inner { justify-content: space-evenly; }
.p-horeca #sectie-3-foto5 { width: var( --container-widget-width, 98.416% ); max-width: 98.416%; --container-widget-width: 98.416%; --container-widget-flex-grow: 0; }
.p-horeca #sectie-3-foto5 img { height: 104px; }
.p-horeca #sectie-3-kolom6.col .inner { align-items: center; }
.p-horeca #sectie-3-kolom6 > .inner { align-content: center; align-items: center; }
.p-horeca #sectie-3-kolom6.col > .inner { justify-content: space-evenly; }
.p-horeca #sectie-3-foto6 { width: var( --container-widget-width, 85.276% ); max-width: 85.276%; --container-widget-width: 85.276%; --container-widget-flex-grow: 0; text-align: center; }
.p-horeca #sectie-3-foto6 { margin: 0px 0px calc(0px + var(--wgap, 0px)) 0px; }
.p-horeca #sectie-3-kolom7.col .inner { align-items: center; }
.p-horeca #sectie-3-kolom7 > .inner { align-content: center; align-items: center; }
.p-horeca #sectie-3-kolom7.col > .inner { justify-content: space-evenly; }
.p-horeca #sectie-3-foto7 { width: var( --container-widget-width, 120.854% ); max-width: 120.854%; --container-widget-width: 120.854%; --container-widget-flex-grow: 0; text-align: center; }
.p-horeca #sectie-3-foto7 img { width: 100%; max-width: 200%; }
.p-horeca #sectie-3-kolom8.col .inner { align-items: space-evenly; }
.p-horeca #sectie-3-kolom8 > .inner { align-content: space-evenly; align-items: space-evenly; }
.p-horeca #sectie-3-kolom8.col > .inner { justify-content: center; }
.p-horeca #sectie-3-foto8 { width: var( --container-widget-width, 85.823% ); max-width: 85.823%; --container-widget-width: 85.823%; --container-widget-flex-grow: 0; text-align: center; }
.p-horeca #wat-u-krijgt, .p-horeca #wat-u-krijgt > .mfx { background-color: #F5C800; }
.p-horeca #wat-u-krijgt > .wrap { max-width: 1140px; }
.p-horeca #wat-u-krijgt { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-horeca #wat-u-krijgt > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-horeca #wat-u-krijgt-kop { text-align: center; }
.p-horeca #wat-u-krijgt-kop { font-family: "Bitter", Sans-serif; font-size: 3rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-horeca #wat-u-krijgt-tekst { padding: 10px 0px 10px 0px; }
.p-horeca #wat-u-krijgt-tekst { columns: 1; text-align: center; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-horeca #wat-u-krijgt-blok2 > .wrap { min-height: 0px; }
.p-horeca #wat-u-krijgt-kop2 { text-align: center; }
.p-horeca #wat-u-krijgt-kop2 { font-family: "Bitter", Sans-serif; font-size: 1.8rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-horeca #wat-u-krijgt-video .frame { --video-aspect-ratio: 1.77777; }
.p-horeca #wat-u-krijgt-tekst2 { padding: 0px 0px 0px 0px; }
.p-horeca #wat-u-krijgt-tekst2 { columns: 1; text-align: center; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-horeca #wat-u-krijgt-kop3 { text-align: center; }
.p-horeca #wat-u-krijgt-kop3 { font-family: "Bitter", Sans-serif; font-size: 1.8rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-horeca #wat-u-krijgt-video2 .frame { --video-aspect-ratio: 1.77777; }
.p-horeca #wat-u-krijgt-tekst3 { padding: 0px 0px 0px 0px; }
.p-horeca #wat-u-krijgt-tekst3 { columns: 1; text-align: center; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-horeca #wat-u-krijgt-kop4 { text-align: center; }
.p-horeca #wat-u-krijgt-kop4 { font-family: "Bitter", Sans-serif; font-size: 1.8rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-horeca #wat-u-krijgt-video3 .frame { --video-aspect-ratio: 1.77777; }
.p-horeca #wat-u-krijgt-tekst4 { padding: 0px 0px 0px 0px; }
.p-horeca #wat-u-krijgt-tekst4 { columns: 1; text-align: center; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-horeca #waarom-video-werkt, .p-horeca #waarom-video-werkt > .mfx { background-color: #171717; }
.p-horeca #waarom-video-werkt { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-horeca #waarom-video-werkt > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-horeca #waarom-video-werkt-kolom.col .inner { align-items: center; }
.p-horeca #waarom-video-werkt-kolom > .inner { align-content: center; align-items: center; }
.p-horeca #waarom-video-werkt-kolom > .inner { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 0px 0px 0px 0px; }
.p-horeca #waarom-video-werkt-kolom > .inner > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-horeca #waarom-video-werkt-blok > .wrap { max-width: 834px; min-height: 453px; }
.p-horeca #waarom-video-werkt-blok, .p-horeca #waarom-video-werkt-blok > .mfx { background: url(/assets/img/vlcsnap-2025-09-05-12h28m57s721-scaled.jpg.webp) 50% 50%; background-size: cover; }
.p-horeca #waarom-video-werkt-blok { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
.p-horeca #waarom-video-werkt-blok > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-horeca #waarom-video-werkt-kolom3.col .inner { align-items: center; }
.p-horeca #waarom-video-werkt-kolom3 > .inner { align-content: center; align-items: center; }
.p-horeca #waarom-video-werkt-kolom3 > .inner { padding: 2em 0em 2em 2em; }
.p-horeca #waarom-video-werkt-blok2 > .wrap { max-width: 700px; }
.p-horeca #waarom-video-werkt-kop { text-align: start; }
.p-horeca #waarom-video-werkt-kop { font-family: "Bitter", Sans-serif; font-size: 2.3rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #FFFFFF; }
.p-horeca #waarom-video-werkt-tekst { padding: 10px 0px 10px 0px; }
.p-horeca #waarom-video-werkt-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #FFFFFF; }
.p-horeca #klaar-om-uw, .p-horeca #klaar-om-uw > .mfx { background-color: #F5C800; }
.p-horeca #klaar-om-uw { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 40px 0px; }
.p-horeca #klaar-om-uw > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-horeca #klaar-om-uw-kolom > .inner { padding: 2em 4em 2em 1em; }
.p-horeca #klaar-om-uw-kop { font-family: "Bitter", Sans-serif; font-size: 2.4rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #2C2C2C; }
.p-horeca #klaar-om-uw-tekst { padding: 10px 0px 0px 0px; }
.p-horeca #klaar-om-uw-tekst { font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #2C2C2C; }
.p-horeca #klaar-om-uw-lijst { padding: 10px 0px 10px 0px; }
.p-horeca #klaar-om-uw-lijst .items .item:not(:last-child) { padding-block-end: calc(20px/2); }
.p-horeca #klaar-om-uw-lijst .items .item:not(:first-child) { margin-block-start: calc(20px/2); }
.p-horeca #klaar-om-uw-lijst .items.inline .item { margin-inline: calc(20px/2); }
.p-horeca #klaar-om-uw-lijst .items.inline { margin-inline: calc(-20px/2); }
.p-horeca #klaar-om-uw-lijst .items.inline .item:after { inset-inline-end: calc(-20px/2); }
.p-horeca #klaar-om-uw-lijst .ico svg { color: #2C2C2C; transition: color 0.3s; }
.p-horeca #klaar-om-uw-lijst .ico svg { fill: #2C2C2C; transition: fill 0.3s; }
.p-horeca #klaar-om-uw-lijst { --e-icon-list-icon-size: 29px; --icon-vertical-offset: 0px; }
.p-horeca #klaar-om-uw-lijst .ico { padding-inline-end: 17px; }
.p-horeca #klaar-om-uw-lijst .item > .txt, .p-horeca #klaar-om-uw-lijst .item > a { font-family: "Muli", Sans-serif; font-size: 1.1em; font-weight: 600; font-style: italic; text-decoration: none; line-height: 1.4em; }
.p-horeca #klaar-om-uw-lijst .txt { color: #2C2C2C; transition: color 0.3s; }
.p-horeca #klaar-om-uw-knop .btn { background-color: #171717; font-family: "Poppins", Sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; fill: #F3EEEE; color: #F3EEEE; border-style: solid; border-color: #171717; padding: 15px 50px 15px 50px; }
.p-horeca #klaar-om-uw-knop .btn:hover, .p-horeca #klaar-om-uw-knop .btn:focus { background-color: #2C2C2C; color: #ffffff; border-color: #2C2C2C; }
.p-horeca #klaar-om-uw-knop { width: initial; max-width: initial; }
.p-horeca #klaar-om-uw-knop { padding: 0em 1em 1em 0em; }
.p-horeca #klaar-om-uw-knop .btn:hover svg, .p-horeca #klaar-om-uw-knop .btn:focus svg { fill: #ffffff; }
.p-horeca #klaar-om-uw-kolom2.col .inner { align-items: center; }
.p-horeca #klaar-om-uw-kolom2 > .inner { align-content: center; align-items: center; }
.p-horeca #klaar-om-uw-kolom2 > .inner > :not(.sec):not(.wi):not(:last-child) { --wgap: 0px; }
.p-horeca #klaar-om-uw-foto:hover img { opacity: 1; }
.p-horeca #sectie-3-foto img { filter: grayscale(100%) brightness(2); transform: scale(1); transition: filter 0.3s ease, transform 0.3s ease; }
.p-horeca #sectie-3-foto img:hover { transform: scale(1.15); }
.p-horeca #sectie-3-foto2 img { filter: grayscale(100%) contrast(0.01) brightness(2); transform: scale(1); transition: filter 0.5s ease, transform 0.5s ease; }
.p-horeca #sectie-3-foto2 img:hover { transform: scale(1.15); }
.p-horeca #sectie-3-foto3 img { filter: grayscale(100%) contrast(0.01) brightness(2); transform: scale(1); transition: filter 0.5s ease, transform 0.5s ease; }
.p-horeca #sectie-3-foto3 img:hover { transform: scale(1.15); }
.p-horeca #sectie-3-foto4 img { filter: grayscale(100%) contrast(0.01) brightness(2); transform: scale(1); transition: filter 0.5s ease, transform 0.5s ease; }
.p-horeca #sectie-3-foto4 img:hover { transform: scale(1.15); }
.p-horeca #sectie-3-foto5 img { filter: grayscale(100%) contrast(0.01) brightness(2); transform: scale(1); transition: filter 0.5s ease, transform 0.5s ease; }
.p-horeca #sectie-3-foto5 img:hover { transform: scale(1.15); }
.p-horeca #sectie-3-foto6 img { filter: grayscale(100%) contrast(0.01) brightness(2); transform: scale(1); transition: filter 0.5s ease, transform 0.5s ease; }
.p-horeca #sectie-3-foto6 img:hover { transform: scale(1.15); }
.p-horeca #sectie-3-foto7 img { filter: grayscale(100%) contrast(0.01) brightness(2); transform: scale(1); transition: filter 0.5s ease, transform 0.5s ease; }
.p-horeca #sectie-3-foto7 img:hover { transform: scale(1.15); }
.p-horeca #sectie-3-foto8 img { filter: grayscale(100%) contrast(0.01) brightness(2); transform: scale(1); transition: filter 0.5s ease, transform 0.5s ease; }
.p-horeca #sectie-3-foto8 img:hover { transform: scale(1.15); }
.p-horeca #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000000 12%,#FFD000 45%); }
.p-horeca #kopbalk-logo { padding: 0 0 0 0; }
.p-horeca #kopbalk-menu li a { padding-left: 50px; padding-right: 50px; }
.p-horeca #kopbalk-menu li a { padding-top: 10px; padding-bottom: 10px; }
.p-horeca #kopbalk-menu li a { color: #000; }
.p-horeca #kopbalk-menu li a::before, .p-horeca #kopbalk-menu li a::after { background-color: #000; }
.p-horeca #kopbalk > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-horeca #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000 12%,#ffd000 45%); }
.p-horeca #kopbalk-logo { padding: 0; }
.p-horeca #kopbalk-logo { text-align: left; }
.p-horeca #kopbalk-logo img { max-width: 100%; }
.p-horeca #kopbalk-menu li a { padding: 10px 50px; color: #000; }
.p-horeca #kopbalk-menu ul > li:not(:last-child) { margin-right: 100px; }
.p-horeca #kopbalk-menu ul > li { margin-bottom: 0; }
.p-horeca #kopbalk-menu .menu-toggle { margin-left: auto; }
.p-horeca #kopbalk-menu a { font-size: 24px; font-weight: 600; font-style: normal; }
.p-horeca #kopbalk-menu li a:focus, .p-horeca #kopbalk-menu li a:hover { color: #2c2c2c; }
.p-horeca #kopbalk-menu li a::after, .p-horeca #kopbalk-menu li a::before { background-color: #000; }
@media (min-width: 768px) {
  .p-horeca #hero-kolom { width: 60.02%; }
  .p-horeca #hero-kolom2 { width: 39.932%; }
  .p-horeca #wie-ben-ik-kolom { width: 43.332%; }
  .p-horeca #wie-ben-ik-kolom2 { width: 56.668%; }
  .p-horeca #wie-ben-ik-kolom3 { width: 68%; }
  .p-horeca #wie-ben-ik-kolom4 { width: 32%; }
  .p-horeca #kopbalk-logo-kolom { width: 7.5%; }
  .p-horeca #kopbalk-menu-kolom { width: 92.5%; }
}
@media (max-width: 1024px) {
  .p-horeca #hero { padding: 90px 30px 90px 30px; }
  .p-horeca #hero-kolom > .inner { padding: 0px 0px 0px 30px; }
  .p-horeca #hero-kop { text-align: center; }
  .p-horeca #hero-kop { font-size: 60px; }
  .p-horeca #wie-ben-ik-kop { text-align: center; }
  .p-horeca #wie-ben-ik-kop { font-size: 37px; }
  .p-horeca #wie-ben-ik-tekst { width: var( --container-widget-width, 100% ); max-width: 100%; --container-widget-width: 100%; --container-widget-flex-grow: 0; text-align: start; }
  .p-horeca #wie-ben-ik-foto { width: var( --container-widget-width, 693.997px ); max-width: 693.997px; --container-widget-width: 693.997px; --container-widget-flex-grow: 0; }
  .p-horeca #wie-ben-ik-foto img { width: 100%; }
  .p-horeca #sectie-3-foto5 { width: var( --container-widget-width, 101.125px ); max-width: 101.125px; --container-widget-width: 101.125px; --container-widget-flex-grow: 0; }
  .p-horeca #sectie-3-foto5 img { width: 100%; max-width: 100%; height: 58px; object-fit: contain; }
  .p-horeca #wat-u-krijgt { padding: 10px 0px 0px 0px; }
  .p-horeca #wat-u-krijgt-kop { font-size: 37px; }
  .p-horeca #wat-u-krijgt-tekst { text-align: start; font-size: 13px; }
  .p-horeca #wat-u-krijgt-kop2 { font-size: 32px; }
  .p-horeca #wat-u-krijgt-tekst2 { text-align: start; font-size: 13px; }
  .p-horeca #wat-u-krijgt-kop3 { font-size: 32px; }
  .p-horeca #wat-u-krijgt-tekst3 { text-align: start; font-size: 13px; }
  .p-horeca #wat-u-krijgt-kop4 { font-size: 32px; }
  .p-horeca #wat-u-krijgt-tekst4 { text-align: start; font-size: 13px; }
  .p-horeca #waarom-video-werkt-blok > .wrap { max-width: 638px; min-height: 441px; }
  .p-horeca #waarom-video-werkt-kop { font-size: 37px; }
  .p-horeca #waarom-video-werkt-tekst { text-align: start; }
  .p-horeca #klaar-om-uw-kop { font-size: 37px; }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .p-horeca #hero-kolom { width: 100%; }
  .p-horeca #hero-kolom2 { width: 100%; }
  .p-horeca #wie-ben-ik-kolom { width: 50%; }
  .p-horeca #wie-ben-ik-kolom2 { width: 50%; }
  .p-horeca #wie-ben-ik-kolom3 { width: 100%; }
  .p-horeca #waarom-video-werkt-kolom2 { width: 50%; }
  .p-horeca #klaar-om-uw-kolom { width: 100%; }
}
@media (max-width: 767px) {
  .p-horeca #hero > .shape.bottom svg { width: calc(190% + 1.3px); height: 38px; }
  .p-horeca #hero { padding: 30px 0px 30px 0px; }
  .p-horeca #hero-kolom > .inner { padding: 30px 30px 30px 30px; }
  .p-horeca #hero-social { --grid-column-gap: 10px; }
  .p-horeca #wie-ben-ik { padding: 0px 0px 0px 0px; }
  .p-horeca #wie-ben-ik-kop { text-align: start; }
  .p-horeca #wie-ben-ik-tekst { width: initial; max-width: initial; columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-horeca #wie-ben-ik-kolom2 > .inner { margin: -60px 0px 0px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; }
  .p-horeca #wie-ben-ik-fotobox .ib { text-align: center; }
  .p-horeca #wie-ben-ik-fotobox .ib-img { margin-bottom: 0px; }
  .p-horeca #wie-ben-ik-fotobox2 .ib { text-align: center; }
  .p-horeca #wie-ben-ik-fotobox2 .ib-img { margin-bottom: 0px; }
  .p-horeca #sectie-3 > .wrap { max-width: 500px; }
  .p-horeca #sectie-3-kolom { width: 25%; }
  .p-horeca #sectie-3-kolom2 { width: 25%; }
  .p-horeca #sectie-3-kolom3 { width: 20%; }
  .p-horeca #sectie-3-foto3 { width: var( --container-widget-width, 71.892px ); max-width: 71.892px; --container-widget-width: 71.892px; --container-widget-flex-grow: 0; }
  .p-horeca #sectie-3-kolom4 { width: 25%; }
  .p-horeca #sectie-3-kolom5 { width: 30%; }
  .p-horeca #sectie-3-foto5 { width: var( --container-widget-width, 96.585px ); max-width: 96.585px; --container-widget-width: 96.585px; --container-widget-flex-grow: 0; }
  .p-horeca #sectie-3-kolom6 { width: 20%; }
  .p-horeca #sectie-3-foto6 { width: var( --container-widget-width, 71.892px ); max-width: 71.892px; --container-widget-width: 71.892px; --container-widget-flex-grow: 0; }
  .p-horeca #sectie-3-kolom7 { width: 25%; }
  .p-horeca #sectie-3-foto7 { width: var( --container-widget-width, 84.367px ); max-width: 84.367px; --container-widget-width: 84.367px; --container-widget-flex-grow: 0; }
  .p-horeca #sectie-3-kolom8 { width: 25%; }
  .p-horeca #wat-u-krijgt { padding: 30px 0px 0px 0px; }
  .p-horeca #wat-u-krijgt-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-horeca #wat-u-krijgt-tekst2 { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-horeca #wat-u-krijgt-tekst3 { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-horeca #wat-u-krijgt-tekst4 { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-horeca #waarom-video-werkt { padding: 39px 5px 8px 5px; }
  .p-horeca #waarom-video-werkt-blok > .wrap { min-height: 219px; }
  .p-horeca #waarom-video-werkt-kolom3 > .inner { padding: 1em 1em 1em 1em; }
  .p-horeca #waarom-video-werkt-kop { text-align: center; }
  .p-horeca #waarom-video-werkt-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-horeca #klaar-om-uw { padding: 05px 5px 10px 10px; }
  .p-horeca #klaar-om-uw-kolom > .inner { padding: 1.1em 1em 1em 1em; }
  .p-horeca #klaar-om-uw-tekst { width: var( --container-widget-width, 100% ); max-width: 100%; --container-widget-width: 100%; --container-widget-flex-grow: 0; align-self: center; text-align: start; font-size: 0.9rem; line-height: 1.4em; }
  .p-horeca #klaar-om-uw-lijst .items .item:not(:last-child) { padding-block-end: calc(20px/2); }
  .p-horeca #klaar-om-uw-lijst .items .item:not(:first-child) { margin-block-start: calc(20px/2); }
  .p-horeca #klaar-om-uw-lijst .items.inline .item { margin-inline: calc(20px/2); }
  .p-horeca #klaar-om-uw-lijst .items.inline { margin-inline: calc(-20px/2); }
  .p-horeca #klaar-om-uw-lijst .items.inline .item:after { inset-inline-end: calc(-20px/2); }
  .p-horeca #klaar-om-uw-lijst .item > .txt, .p-horeca #klaar-om-uw-lijst .item > a { font-size: 15px; }
  .p-horeca #klaar-om-uw-knop { width: 100%; max-width: 100%; }
  .p-horeca #klaar-om-uw-knop { padding: 0px 0px 0px 0px; }
  .p-horeca #kopbalk-menu-kolom > .inner { margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-horeca #kopbalk-logo-kolom { width: 25%; }
  .p-horeca #kopbalk-menu-kolom { width: 75%; }
  .p-horeca #kopbalk-menu-kolom > .inner { align-content: center; align-items: center; }
  .p-horeca #kopbalk-menu-kolom.col > .inner { justify-content: flex-end; }
  .p-horeca #kopbalk-menu-kolom > .inner { margin: 0; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-horeca #kopbalk-menu li a { padding-top: 0; padding-bottom: 0; }
  .p-horeca #kopbalk-menu ul > li:not(:last-child) { margin-right: 0; }
  .p-horeca #kopbalk-menu .menu-toggle { font-size: 26px; border-width: 0; padding: .35em; border-radius: 0; }
  .p-horeca #kopbalk-menu a { font-size: 17px; }
}

/* --- portfolio ------------------------------------------------------- */
.p-portfolio #hero, .p-portfolio #hero > .mfx { background-color: #92705E; background: url(/assets/img/Vesuvius-berg-1.jpg.webp) 50% 50%; background-size: cover; }
.p-portfolio #hero > .overlay { background-color: transparent; background-image: linear-gradient(160deg, #17171780 0%, #2C2C2CA6 67%); opacity: 0.46; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-portfolio #hero > .wrap { max-width: 1140px; min-height: 37vh; }
.p-portfolio #hero { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; }
.p-portfolio #hero > .shape.bottom .fill { fill: #171717; }
.p-portfolio #hero > .shape.bottom svg { width: calc(130% + 1.3px); height: 180px; }
.p-portfolio #hero-kolom.col .inner { align-items: center; }
.p-portfolio #hero-kolom > .inner { align-content: center; align-items: center; }
.p-portfolio #hero-kolom > .inner { padding: 0px 0px 0px 20px; }
.p-portfolio #hero-kop { font-family: "Bitter", Sans-serif; font-size: 5rem; font-weight: 900; line-height: 1.1em; letter-spacing: -3.2px; color: #ffffff; }
.p-portfolio #hero-kolom2.col .inner { align-items: flex-end; }
.p-portfolio #hero-kolom2 > .inner { align-content: flex-end; align-items: flex-end; }
.p-portfolio #hero-social { --grid-template-columns: repeat(0, auto); --icon-size: 23px; --grid-column-gap: 22px; --grid-row-gap: 0px; }
.p-portfolio #hero-social { text-align: center; }
.p-portfolio #hero-social { padding: 20px 0px 20px 0px; }
.p-portfolio #hero-social .soc { background-color: rgba(226,226,226,0); }
.p-portfolio #hero-social .soc svg { color: #FFD000; }
.p-portfolio #hero-social .soc svg { fill: #FFD000; }
.p-portfolio #hero-social .soc:hover { background-color: rgba(0,0,0,0); }
.p-portfolio #hero-social .soc:hover svg { color: #f4ebc3; }
.p-portfolio #hero-social .soc:hover svg { fill: #f4ebc3; }
.p-portfolio #sectie-2, .p-portfolio #sectie-2 > .mfx { background-color: #171717; }
.p-portfolio #sectie-2 { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
.p-portfolio #sectie-2 > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-portfolio #sectie-2-knop .btn { background-color: #FFD000; }
.p-portfolio #sectie-2-knop .btn:hover, .p-portfolio #sectie-2-knop .btn:focus { background-color: #E0B700; color: #171717; }
.p-portfolio #sectie-2-knop { width: var( --container-widget-width, 112.895% ); max-width: 112.895%; --container-widget-width: 112.895%; --container-widget-flex-grow: 0; }
.p-portfolio #sectie-2-knop .btn:hover svg, .p-portfolio #sectie-2-knop .btn:focus svg { fill: #171717; }
.p-portfolio #sectie-2-knop2 .btn { background-color: #FFD000; }
.p-portfolio #sectie-2-knop2 .btn:hover, .p-portfolio #sectie-2-knop2 .btn:focus { background-color: #E0B700; color: #171717; }
.p-portfolio #sectie-2-knop2 { width: var( --container-widget-width, 112.895% ); max-width: 112.895%; --container-widget-width: 112.895%; --container-widget-flex-grow: 0; }
.p-portfolio #sectie-2-knop2 .btn:hover svg, .p-portfolio #sectie-2-knop2 .btn:focus svg { fill: #171717; }
.p-portfolio #sectie-2-knop3 .btn { background-color: #FFD000; text-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
.p-portfolio #sectie-2-knop3 .btn:hover, .p-portfolio #sectie-2-knop3 .btn:focus { background-color: #E0B700; color: #171717; }
.p-portfolio #sectie-2-knop3 { width: var( --container-widget-width, 112.895% ); max-width: 112.895%; --container-widget-width: 112.895%; --container-widget-flex-grow: 0; }
.p-portfolio #sectie-2-knop3 .btn:hover svg, .p-portfolio #sectie-2-knop3 .btn:focus svg { fill: #171717; }
.p-portfolio #sectie-3, .p-portfolio #sectie-3 > .mfx { background-color: #171717; }
.p-portfolio #sectie-3 { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
.p-portfolio #sectie-3 > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-portfolio #sectie-3-kolom.col .inner { align-items: center; }
.p-portfolio #sectie-3-kolom > .inner { align-content: center; align-items: center; }
.p-portfolio #sectie-3-foto { width: var( --container-widget-width, 88.122% ); max-width: 88.122%; --container-widget-width: 88.122%; --container-widget-flex-grow: 0; }
.p-portfolio #sectie-3-foto2 { width: var( --container-widget-width, 90.864% ); max-width: 90.864%; --container-widget-width: 90.864%; --container-widget-flex-grow: 0; }
.p-portfolio #sectie-3-kolom3.col .inner { align-items: center; }
.p-portfolio #sectie-3-kolom3 > .inner { align-content: center; align-items: center; }
.p-portfolio #sectie-3-foto3 { width: var( --container-widget-width, 89.128% ); max-width: 89.128%; --container-widget-width: 89.128%; --container-widget-flex-grow: 0; text-align: center; }
.p-portfolio #sectie-3-foto3 { margin: 0px 0px calc(0px + var(--wgap, 0px)) 0px; }
.p-portfolio #sectie-3-foto4 { width: var( --container-widget-width, 85.716% ); max-width: 85.716%; --container-widget-width: 85.716%; --container-widget-flex-grow: 0; }
.p-portfolio #sectie-3-foto5 { width: var( --container-widget-width, 85.823% ); max-width: 85.823%; --container-widget-width: 85.823%; --container-widget-flex-grow: 0; text-align: center; }
.p-portfolio #sectie-3-kolom6.col .inner { align-items: center; }
.p-portfolio #sectie-3-kolom6 > .inner { align-content: center; align-items: center; }
.p-portfolio #sectie-3-foto6 { width: var( --container-widget-width, 80.214% ); max-width: 80.214%; --container-widget-width: 80.214%; --container-widget-flex-grow: 0; }
.p-portfolio #sectie-3-kolom7.col .inner { align-items: center; }
.p-portfolio #sectie-3-kolom7 > .inner { align-content: center; align-items: center; }
.p-portfolio #sectie-3-foto7 { width: var( --container-widget-width, 72.647% ); max-width: 72.647%; --container-widget-width: 72.647%; --container-widget-flex-grow: 0; }
.p-portfolio #sectie-3-kolom8.col .inner { align-items: center; }
.p-portfolio #sectie-3-kolom8 > .inner { align-content: center; align-items: center; }
.p-portfolio #sectie-3-foto8 { width: var( --container-widget-width, 78.462% ); max-width: 78.462%; --container-widget-width: 78.462%; --container-widget-flex-grow: 0; }
.p-portfolio #wie-ben-ik, .p-portfolio #wie-ben-ik > .mfx { background-color: #171717; }
.p-portfolio #wie-ben-ik { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 40px 0px 40px 0px; }
.p-portfolio #wie-ben-ik > .overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.p-portfolio #wie-ben-ik > .shape.bottom .fill { fill: #FFD000; }
.p-portfolio #wie-ben-ik > .shape.bottom svg { height: 147px; }
.p-portfolio #wie-ben-ik-kolom.col .inner { align-items: center; }
.p-portfolio #wie-ben-ik-kolom > .inner { align-content: center; align-items: center; }
.p-portfolio #wie-ben-ik-kolom > .inner { padding: 4em 2em 4em 2em; }
.p-portfolio #wie-ben-ik-kop { font-family: "Bitter", Sans-serif; font-size: 2.8rem; font-weight: 900; line-height: 1.2em; letter-spacing: -1.9px; color: #ffffff; }
.p-portfolio #wie-ben-ik-tekst { padding: 10px 0px 10px 0px; }
.p-portfolio #wie-ben-ik-tekst { columns: 1; text-align: start; font-family: "Muli", Sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.6em; color: #ffffff; }
.p-portfolio #wie-ben-ik-foto img { max-width: 61%; }
.p-portfolio #sectie-3-foto img { filter: grayscale(100%) brightness(2); transform: scale(1); transition: filter 0.3s ease, transform 0.3s ease; }
.p-portfolio #sectie-3-foto img:hover { transform: scale(1.15); }
.p-portfolio #sectie-3-foto2 img { filter: grayscale(100%) contrast(0.01) brightness(2); transform: scale(1); transition: filter 0.5s ease, transform 0.5s ease; }
.p-portfolio #sectie-3-foto2 img:hover { transform: scale(1.15); }
.p-portfolio #sectie-3-foto3 img { filter: grayscale(100%) brightness(2); transform: scale(1); transition: filter 0.3s ease, transform 0.3s ease; }
.p-portfolio #sectie-3-foto3 img:hover { transform: scale(1.15); }
.p-portfolio #sectie-3-foto4 img { filter: grayscale(100%) brightness(2); transform: scale(1); transition: filter 0.3s ease, transform 0.3s ease; }
.p-portfolio #sectie-3-foto4 img:hover { transform: scale(1.15); }
.p-portfolio #sectie-3-foto5 img { filter: grayscale(100%) brightness(2); transform: scale(1); transition: filter 0.3s ease, transform 0.3s ease; }
.p-portfolio #sectie-3-foto5 img:hover { transform: scale(1.15); }
.p-portfolio #sectie-3-foto6 img { filter: grayscale(100%) brightness(2); transform: scale(1); transition: filter 0.3s ease, transform 0.3s ease; }
.p-portfolio #sectie-3-foto6 img:hover { transform: scale(1.15); }
.p-portfolio #sectie-3-foto7 img { filter: grayscale(100%) brightness(2); transform: scale(1); transition: filter 0.3s ease, transform 0.3s ease; }
.p-portfolio #sectie-3-foto7 img:hover { transform: scale(1.15); }
.p-portfolio #sectie-3-foto8 img { filter: grayscale(100%) brightness(2); transform: scale(1); transition: filter 0.3s ease, transform 0.3s ease; }
.p-portfolio #sectie-3-foto8 img:hover { transform: scale(1.15); }
.p-portfolio #sectie-3 img { filter: grayscale(100%) brightness(2); transform: scale(1); transition: filter 0.5s ease, transform 0.5s ease; }
.p-portfolio #sectie-3 img:hover { transform: scale(1.15); }
.p-portfolio #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000000 12%,#FFD000 45%); }
.p-portfolio #kopbalk-logo { padding: 0 0 0 0; }
.p-portfolio #kopbalk-menu li a { padding-left: 50px; padding-right: 50px; }
.p-portfolio #kopbalk-menu li a { padding-top: 10px; padding-bottom: 10px; }
.p-portfolio #kopbalk-menu li a { color: #000; }
.p-portfolio #kopbalk-menu li a::before, .p-portfolio #kopbalk-menu li a::after { background-color: #000; }
.p-portfolio #kopbalk > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-portfolio #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000 12%,#ffd000 45%); }
.p-portfolio #kopbalk-logo { padding: 0; }
.p-portfolio #kopbalk-logo { text-align: left; }
.p-portfolio #kopbalk-logo img { max-width: 100%; }
.p-portfolio #kopbalk-menu li a { padding: 10px 50px; color: #000; }
.p-portfolio #kopbalk-menu ul > li:not(:last-child) { margin-right: 100px; }
.p-portfolio #kopbalk-menu ul > li { margin-bottom: 0; }
.p-portfolio #kopbalk-menu .menu-toggle { margin-left: auto; }
.p-portfolio #kopbalk-menu a { font-size: 24px; font-weight: 600; font-style: normal; }
.p-portfolio #kopbalk-menu li a:focus, .p-portfolio #kopbalk-menu li a:hover { color: #2c2c2c; }
.p-portfolio #kopbalk-menu li a::after, .p-portfolio #kopbalk-menu li a::before { background-color: #000; }
@media (min-width: 768px) {
  .p-portfolio #hero-kolom { width: 60.02%; }
  .p-portfolio #hero-kolom2 { width: 39.932%; }
  .p-portfolio #wie-ben-ik-kolom { width: 69.333%; }
  .p-portfolio #wie-ben-ik-kolom2 { width: 30.667%; }
  .p-portfolio #kopbalk-logo-kolom { width: 7.5%; }
  .p-portfolio #kopbalk-menu-kolom { width: 92.5%; }
}
@media (max-width: 1024px) {
  .p-portfolio #hero { padding: 90px 30px 90px 30px; }
  .p-portfolio #hero-kolom > .inner { padding: 0px 0px 0px 30px; }
  .p-portfolio #hero-kop { text-align: center; }
  .p-portfolio #hero-kop { font-size: 60px; }
  .p-portfolio #wie-ben-ik-kop { text-align: center; }
  .p-portfolio #wie-ben-ik-kop { font-size: 37px; }
  .p-portfolio #wie-ben-ik-tekst { text-align: start; }
  .p-portfolio #wie-ben-ik-kolom2.col .inner { align-items: flex-start; }
  .p-portfolio #wie-ben-ik-kolom2 > .inner { align-content: flex-start; align-items: flex-start; }
  .p-portfolio #wie-ben-ik-kolom2.col > .inner { justify-content: flex-start; }
  .p-portfolio #wie-ben-ik-kolom2 > .inner > :not(.sec):not(.wi):not(:last-child) { --wgap: 43px; }
  .p-portfolio #wie-ben-ik-kolom2 > .inner { margin: 0115px 0px 0px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; }
  .p-portfolio #wie-ben-ik-foto { text-align: center; }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .p-portfolio #hero-kolom { width: 100%; }
  .p-portfolio #hero-kolom2 { width: 100%; }
  .p-portfolio #wie-ben-ik-kolom { width: 70%; }
  .p-portfolio #wie-ben-ik-kolom2 { width: 30%; }
}
@media (max-width: 767px) {
  .p-portfolio #hero > .wrap { min-height: 259px; }
  .p-portfolio #hero > .shape.bottom svg { width: calc(209% + 1.3px); height: 293px; }
  .p-portfolio #hero { padding: 10px 0px 0px 0px; }
  .p-portfolio #hero-kolom > .inner { margin: 1.5em 0em 0em 0em; --e-column-margin-right: 0em; --e-column-margin-left: 0em; padding: 0% 0% 0% 0%; }
  .p-portfolio #hero-social { padding: 0px 0px 30px 0px; }
  .p-portfolio #hero-social { --grid-column-gap: 10px; }
  .p-portfolio #sectie-2 { margin-top: 0px; margin-bottom: 0px; padding: 15px 0px 015px 0px; }
  .p-portfolio #sectie-2-kolom { width: 33%; }
  .p-portfolio #sectie-2-kolom.col > .inner { justify-content: center; }
  .p-portfolio #sectie-2-knop { --container-widget-width: 98px; --container-widget-flex-grow: 0; width: var( --container-widget-width, 98px ); max-width: 98px; }
  .p-portfolio #sectie-2-knop2 { --container-widget-width: 98px; --container-widget-flex-grow: 0; width: var( --container-widget-width, 98px ); max-width: 98px; }
  .p-portfolio #sectie-2-kolom3 { width: 33%; }
  .p-portfolio #sectie-2-kolom3.col .inner { align-items: center; }
  .p-portfolio #sectie-2-kolom3 > .inner { align-content: center; align-items: center; }
  .p-portfolio #sectie-2-kolom3.col > .inner { justify-content: center; }
  .p-portfolio #sectie-2-knop3 { --container-widget-width: 98px; --container-widget-flex-grow: 0; width: var( --container-widget-width, 98px ); max-width: 98px; align-self: center; }
  .p-portfolio #sectie-3 > .wrap { max-width: 500px; }
  .p-portfolio #sectie-3-kolom { width: 25%; }
  .p-portfolio #sectie-3-kolom2 { width: 30%; }
  .p-portfolio #sectie-3-foto2 { width: var( --container-widget-width, 96.585px ); max-width: 96.585px; --container-widget-width: 96.585px; --container-widget-flex-grow: 0; }
  .p-portfolio #sectie-3-kolom3 { width: 20%; }
  .p-portfolio #sectie-3-foto3 { width: var( --container-widget-width, 71.892px ); max-width: 71.892px; --container-widget-width: 71.892px; --container-widget-flex-grow: 0; }
  .p-portfolio #sectie-3-kolom4 { width: 25%; }
  .p-portfolio #sectie-3-kolom5 { width: 25%; }
  .p-portfolio #sectie-3-kolom6 { width: 25%; }
  .p-portfolio #sectie-3-kolom7 { width: 25%; }
  .p-portfolio #sectie-3-foto7 { width: var( --container-widget-width, 84.367px ); max-width: 84.367px; --container-widget-width: 84.367px; --container-widget-flex-grow: 0; }
  .p-portfolio #sectie-3-kolom8 { width: 25%; }
  .p-portfolio #sectie-3-foto8 { width: var( --container-widget-width, 65.244px ); max-width: 65.244px; --container-widget-width: 65.244px; --container-widget-flex-grow: 0; }
  .p-portfolio #wie-ben-ik > .shape.bottom svg { width: calc(202% + 1.3px); }
  .p-portfolio #wie-ben-ik { padding: 0px 0px 050px 0px; }
  .p-portfolio #wie-ben-ik-kolom { width: 100%; }
  .p-portfolio #wie-ben-ik-kolom.col .inner { align-items: flex-start; }
  .p-portfolio #wie-ben-ik-kolom > .inner { align-content: flex-start; align-items: flex-start; }
  .p-portfolio #wie-ben-ik-kolom > .inner { margin: 0px 0px -70px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; }
  .p-portfolio #wie-ben-ik-kop { text-align: start; }
  .p-portfolio #wie-ben-ik-tekst { columns: 1; font-size: 0.9rem; line-height: 1.4em; }
  .p-portfolio #wie-ben-ik-kolom2 { width: 100%; }
  .p-portfolio #wie-ben-ik-kolom2 > .inner { margin: 0px 0px 16px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; padding: 0px 0px 0px 0px; }
  .p-portfolio #wie-ben-ik-kolom3 > .inner { margin: 33px 0px 0px 0px; --e-column-margin-right: 0px; --e-column-margin-left: 0px; }
  .p-portfolio #kopbalk-menu-kolom > .inner { margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-portfolio #kopbalk-logo-kolom { width: 25%; }
  .p-portfolio #kopbalk-menu-kolom { width: 75%; }
  .p-portfolio #kopbalk-menu-kolom > .inner { align-content: center; align-items: center; }
  .p-portfolio #kopbalk-menu-kolom.col > .inner { justify-content: flex-end; }
  .p-portfolio #kopbalk-menu-kolom > .inner { margin: 0; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-portfolio #kopbalk-menu li a { padding-top: 0; padding-bottom: 0; }
  .p-portfolio #kopbalk-menu ul > li:not(:last-child) { margin-right: 0; }
  .p-portfolio #kopbalk-menu .menu-toggle { font-size: 26px; border-width: 0; padding: .35em; border-radius: 0; }
  .p-portfolio #kopbalk-menu a { font-size: 17px; }
}

/* --- privacy-policy ------------------------------------------------------- */
.p-privacy-policy #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000000 12%,#FFD000 45%); }
.p-privacy-policy #kopbalk-logo { padding: 0 0 0 0; }
.p-privacy-policy #kopbalk-menu li a { padding-left: 50px; padding-right: 50px; }
.p-privacy-policy #kopbalk-menu li a { padding-top: 10px; padding-bottom: 10px; }
.p-privacy-policy #kopbalk-menu li a { color: #000; }
.p-privacy-policy #kopbalk-menu li a::before, .p-privacy-policy #kopbalk-menu li a::after { background-color: #000; }
.p-privacy-policy #kopbalk > .wrap > .col > .inner { align-content: center; align-items: center; }
.p-privacy-policy #kopbalk { background-color: #fff0; background-image: linear-gradient(70deg,#000 12%,#ffd000 45%); }
.p-privacy-policy #kopbalk-logo { padding: 0; }
.p-privacy-policy #kopbalk-logo { text-align: left; }
.p-privacy-policy #kopbalk-logo img { max-width: 100%; }
.p-privacy-policy #kopbalk-menu li a { padding: 10px 50px; color: #000; }
.p-privacy-policy #kopbalk-menu ul > li:not(:last-child) { margin-right: 100px; }
.p-privacy-policy #kopbalk-menu ul > li { margin-bottom: 0; }
.p-privacy-policy #kopbalk-menu .menu-toggle { margin-left: auto; }
.p-privacy-policy #kopbalk-menu a { font-size: 24px; font-weight: 600; font-style: normal; }
.p-privacy-policy #kopbalk-menu li a:focus, .p-privacy-policy #kopbalk-menu li a:hover { color: #2c2c2c; }
.p-privacy-policy #kopbalk-menu li a::after, .p-privacy-policy #kopbalk-menu li a::before { background-color: #000; }
@media (min-width: 768px) {
  .p-privacy-policy #kopbalk-logo-kolom { width: 7.5%; }
  .p-privacy-policy #kopbalk-menu-kolom { width: 92.5%; }
}
@media (max-width: 767px) {
  .p-privacy-policy #kopbalk-menu-kolom > .inner { margin: 0% 0% 0% 0%; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-privacy-policy #kopbalk-logo-kolom { width: 25%; }
  .p-privacy-policy #kopbalk-menu-kolom { width: 75%; }
  .p-privacy-policy #kopbalk-menu-kolom > .inner { align-content: center; align-items: center; }
  .p-privacy-policy #kopbalk-menu-kolom.col > .inner { justify-content: flex-end; }
  .p-privacy-policy #kopbalk-menu-kolom > .inner { margin: 0; --e-column-margin-right: 0%; --e-column-margin-left: 0%; }
  .p-privacy-policy #kopbalk-menu li a { padding-top: 0; padding-bottom: 0; }
  .p-privacy-policy #kopbalk-menu ul > li:not(:last-child) { margin-right: 0; }
  .p-privacy-policy #kopbalk-menu .menu-toggle { font-size: 26px; border-width: 0; padding: .35em; border-radius: 0; }
  .p-privacy-policy #kopbalk-menu a { font-size: 17px; }
}

/* --- correcties per pagina die niet uit de Elementor-regels per blok komen ------------- */
/* feesten: het thema gaf koppen hier een andere regelhoogte dan op de andere pagina's */
.p-feesten h1.h { line-height: 1.4em; }
.p-feesten h2.h { line-height: 1.3em; }
/* vastgoed: hier kregen blokken met eigen breedte live géén ondermarge */
.p-vastgoed .inner > .wi:not(:last-child) { margin-bottom: 0; }

/* --- privacy-policy: gewone tekstpagina in de opmaak van het oude Astra-thema --------------- */
.plain-wrap { max-width: 1240px; margin: 0 auto; padding: 64px 20px; }
.plain { padding: 48px; background: #fff; }
.plain-head { margin-bottom: 1.5em; }
.plain .entry-title { margin: 0 0 .5em; color: #1a1a1a; font-family: "Poppins", sans-serif; font-size: 1.875rem; font-weight: 400; line-height: 1.2; }
.plain .entry-content p { max-width: 1200px; margin-bottom: 1em; }
.plain .entry-content > :last-child { margin-bottom: 0; }
@media (max-width: 921px) {
  .plain-wrap { max-width: 100%; padding: 1.5em 20px; }
  .plain { padding: 3em; }
  .plain-head { margin-bottom: 1em; }
}
@media (max-width: 544px) {
  .plain-wrap { padding: 1.5em .54em; }
  .plain { padding: 1.5em 1em; }
}
/* home: alleen hier draaide de bovenste vormrand om en lag hij achter de inhoud */
.p-home .shape.top:not(.pos) svg { z-index: -1; }
.p-home .shape.top.neg { transform: rotate(180deg); }


/* =====================================================================
   VERBETERINGEN (alleen in site-verbeterd/). Alles hieronder wijkt bewust af van de live site.
   Per regel staat waarom; het overzicht staat in VERBETERINGEN.md.
   ===================================================================== */

/* V1. Lettertypen echt laden (zelf gehost, geen Google-aanroep). Live laadde er geen enkele:
   bezoekers zonder Bitter op hun toestel zagen schreefloze koppen. "Muli" laadt bewust níet: ook in WordPress
   viel die terug op de standaard schreefloze letter, en dat is hoe Tom de site kent (Tom 30-10). */
@font-face { font-family: "Bitter"; font-style: normal; font-weight: 900; font-display: swap; src: url(/assets/fonts/bitter-900.woff2) format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/poppins-400.woff2) format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/poppins-500.woff2) format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/poppins-600.woff2) format("woff2"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/roboto-600.woff2) format("woff2"); }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 200 900; font-display: swap; src: url(/assets/fonts/source-sans-3-400.woff2) format("woff2"); }

/* V2. Achtergrondvideo écht als achtergrond, achter de tekst (zo bedoeld in Elementor).
   Live stond hij als los blok van ±1090px bóven de hero. Op mobiel uit (instelling uit Elementor): dan de foto. */
.sec > .bgvideo { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
.sec > .bgvideo video { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }

/* V3. Algemene Elementor-regels die LiteSpeed per pagina weggooide, weer terug */
.sec.content-mid > .wrap > .col > .inner { align-content: center; align-items: center; }
.sec.stretch > .wrap { align-items: stretch; }
.sec.full-h > .wrap { min-height: 100vh; }
.center { text-align: center; }

/* V4. Video's vullen hun blok (live: vast 640x360 en afgesneden; Vimeo zelfs 300x150) */
.video .frame { aspect-ratio: var(--video-aspect-ratio, 16 / 9); }
.video iframe { display: block; width: 100%; height: 100%; border: 0; background: #000; }

/* V5. Carrousels blijven binnen hun kolom en krijgen zichtbare stippen (live liepen ze over de tekst heen) */
.carousel { overflow: hidden; }
.carousel .dots { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding-top: 14px; }
.carousel .dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #ffd000; opacity: .35; cursor: pointer; }
.carousel .dot.on { opacity: 1; }
.carousel .arrow { filter: drop-shadow(0 1px 3px rgba(0,0,0,.6)); }

/* V6b. Een blok dat alléén een achtergrondvideo heeft (horeca, "Waarom video werkt") kreeg live zijn hoogte van
   de video die er los in stond. Nu de video echt achtergrond is: vaste 16:9-verhouding. */
.inner > .sec:has(> .bgvideo) { aspect-ratio: 16 / 9; }

/* V7. Footer (live was er geen): contact en privacy op elke pagina */
.site-footer { padding: 28px 20px; background: #171717; color: #bdbdbd; font-family: "Muli", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.6; text-align: center; }
.site-footer p { margin: 0; }
.site-footer a { color: #ffd000; }
.site-footer a:hover { color: #fff; }

/* V8. Privacytekst: nette kopjes en alinea's in plaats van losse regels met ### en ** */
.plain .entry-content h2 { margin: 1.6em 0 .5em; color: #1a1a1a; font-family: "Poppins", sans-serif; font-size: 1.25rem; font-weight: 600; line-height: 1.3; }
.plain .entry-content p.li { margin-bottom: .4em; padding-left: 1em; }

/* V9. Toetsenbord: zichtbare focus */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible { outline: 3px solid #ffd000; outline-offset: 2px; }

/* V10. Mobiel: het menustreepje (in rust 20px rechts naast de link) maakte de pagina 20px zijwaarts schuifbaar */
@media (max-width: 767px) { .menu li { overflow: hidden; } }

/* V11. Tussenruimte tussen widgets als variabele: Elementor telt een marge op de binnenste laag van een widget
   op bij deze 20px (build.py: widget_container_margin). Laatste widget in een kolom: 0. */
.inner > * { --wgap: 0px; }
.inner > :not(.sec):not(:last-child) { --wgap: 20px; margin-bottom: var(--wgap); }

/* V12. Vormen (golven/bogen) zoals Elementor ze draait: een onderste vorm die niet "negatief" is, en een bovenste
   die dat wel is, staan 180° gedraaid (live ontbrak die regel op de meeste pagina's: golf ondersteboven). */
.shape.bottom.pos, .shape.top.neg { transform: rotate(180deg); }

/* V13. Sociale iconen op hun echte maat (zoals in WordPress): Font Awesome-tekens houden hun eigen breedte
   (YouTube is breder dan hoog), een eigen SVG (Gmail op contact) past in een vak van 1em. */
.soc .fa { width: auto; }
.soc > svg:not(.fa) { display: block; width: 1em; height: 1em; }