/* 
    Opmerkingen :   Dit is alle 'custom' css voor het project. Wordt later ingeladen dan style.css 
                    Er zijn enkele elementen welke niet zo heel vaak wijzigen, deze vind je terug in de elements.css file
    Author     :    Probu Online
*/

:root {
  --maincolor: #8821ae;
  --secundairycolor: #6240c3;
  --textcolor: #131313;
  --textcolorlsowdark: #fff;
  --textcolorlsowdarka: #d7d7d7;
  --transparant: rgba(0, 0, 0, 0);
  --mainfont: "Open Sans", verdana, arial, tahoma, sans-serif;
  --headingfont: verdana, arial, tahoma, sans-serif;
  --logo: url(../images/logo.png) !important;
  --logoalt: url(../images/logo.png) !important;
  --footertextcolor: #fff;
  --footertextheading: #fff;
  --footertexta: #fff;
  --sitebackgroundcolor: #fff;
  /* dark background */
  /* --sitebackgroundcolor: #131313;
  --textcolor: #fff;
  --textcolorlsowdark: #131313;
  --textcolorlsowdarka: #464646; */
}

body {
  background-color: var(--sitebackgroundcolor) !important;
}

.site-container {
  max-width: 100vw;
  overflow-x: hidden;
}

/* Typography Styles */
body,
body > div,
html {
  font-size: 15px;
  color: var(--textcolor) !important;
}

html,
body,
p {
  font-family: var(--mainfont);
  line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--maincolor);
  font-family: var(--headingfont);
  font-weight: normal;
}
h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.9rem;
}

h5 {
  font-size: 1.9rem;
}

h6 {
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.75rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 1.5rem;
  }
  h6 {
    font-size: 1.25rem;
  }
}

.blog-list .lsow-portfolio-wrap h3 a {
  color: #333 !important;
}

a {
  color: var(--maincolor);
  text-decoration: none;
}

a:hover {
  color: var(--secundairycolor);
}

.lsow-dark-bg,
.lsow-dark-bg p,
.lsow-dark-bg h1,
.lsow-dark-bg h2,
.lsow-dark-bg h3,
.lsow-dark-bg h4,
.lsow-dark-bg h5,
.lsow-dark-bg h6 {
  color: var(--textcolorlsowdark) !important;
}

.lsow-dark-bg a {
  color: var(--textcolorlsowdarka) !important;
}

/* button css */
/* button css */
/* button css */
.button,
input.button,
input#submit,
.ow-button-base a {
  border: 0 !important;
  color: #fff !important;
  background: var(--maincolor) !important;
}

.button:hover,
input.button:hover,
input#submit:hover,
.ow-button-base:hover a {
  background: var(--secundairycolor) !important;
}

/* Styles for .alt-button */
.alt-button .button,
.alt-button input.button,
.alt-button input#submit,
.alt-button .ow-button-base a {
  border: 0 !important;
  color: #fff !important;
  background: var(--secundairycolor) !important;
}

.alt-button .button:hover,
.alt-button input.button:hover,
.alt-button input#submit:hover,
.alt-button .ow-button-base:hover a {
  background: var(--maincolor) !important;
}

/* Styles for .lsow-dark-bg */
.lsow-dark-bg .button,
.lsow-dark-bg input.button,
.lsow-dark-bg input#submit,
.lsow-dark-bg .ow-button-base a {
  border: 0 !important;
  color: var(--maincolor) !important;
  background: #fff !important;
}
.lsow-dark-bg .ow-button-base * {
  color: var(--maincolor) !important;
}

.lsow-dark-bg .button:hover,
.lsow-dark-bg input.button:hover,
.lsow-dark-bg input#submit:hover,
.lsow-dark-bg .ow-button-base:hover a {
  background: var(--secundairycolor) !important;
}

/* Other Styles */
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: dotted 1px var(--secundairycolor);
}

.bold-text * {
  font-weight: 700 !important;
}

.button.btn-two {
  background: var(--secundairycolor) !important;
}

.button.btn-two:hover {
  background: var(--maincolor) !important;
}

a.back-to-top {
  background: var(--maincolor) !important;
}

.so-widget-lsow-portfolio-default-58a26905627a-359
  .lsow-block-header-6
  .lsow-block-header
  .lsow-taxonomy-filter
  .lsow-filter-item.lsow-active:after {
  border-color: var(--maincolor);
}

.lsow-block-header-6 .lsow-taxonomy-filter .lsow-filter-item.lsow-active:after {
  border-bottom: 3px solid var(--maincolor);
}

/*###########################
    HEADERHEADER
############################*/
#probu-header {
  z-index: 999;
  position: relative;
}
.site-inner {
  z-index: 300;
  position: relative;
}
#probu-header .wrap {
  padding: 0 15px;
}
.header-widget-area {
  padding: 0;
}

.probu-container {
  padding: 0;
}

.header-widget-area {
  padding-right: 30px;
} /* weird fix, why */

#header {
  background-color: transparent;
}
#genesis-nav-primary {
  background-color: transparent;
}
.nav-secondary {
  background-color: transparent;
}

/* color overlay over the slide-image */
/* #carousel .carousel-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0.4;
  background-color: #000;
  z-index: 10;
}

#carousel .carousel-item .slide {
  z-index: 115;
  position: relative;
} */

/* @media (min-width: 992px) {
  .carousel-item {
    min-height: 66vh;
  }
} */

.search-form-input {
  background: url("https://onlineresources.nl/wp-content/themes/probu-thema/images/search-icon.png");
  background-repeat: no-repeat;
  background-position: center right 10px !important;
  background-size: 20px;
}

/*####    logo header / svg-afbeelding ipv header text
############################*/
.probu-header .site-title p {
  font-size: 5px;
  color: rgba(0, 0, 0, 0);
}

.probu-header .title-area {
  padding: 0 15px;
}
.probu-header .site-title a {
  color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  background-position: left center !important;
}

#mega-menu-wrap-max_mega_menu_1 .mega-logo a,
.probu-header .site-title a {
  background: var(--logo) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center !important;
}
.probu-header .site-title {
  position: relative;
  min-height: 120px;
  width: 100%;
  margin-top: 0;
}
.header-image .site-title > a {
  min-height: 80px;
}

/*####    bloglist
############################*/

.blog-list .entry-summary::before,
.blog-list .lsow-project-image {
  display: none !important;
}
.blog-list .lsow-entry-text-wrap {
  text-align: left !important;
}
/* news/blog title */
.lsow-portfolio-wrap h3 a {
  color: var(--maincolor) !important;
}

/*####    navbar
############################*/
/* max mega menu */
/* max mega menu */
.mega-menu * {
  font-family: var(--headingfont) !important;
}
@media (min-width: 992px) {
  #mega-menu-wrap-max_mega_menu_1
    #mega-menu-max_mega_menu_1
    > li.mega-menu-item.mega-current-menu-item
    > a.mega-menu-link,
  #mega-menu-wrap-max_mega_menu_1
    #mega-menu-max_mega_menu_1
    > li.mega-menu-item.mega-current-menu-ancestor
    > a.mega-menu-link,
  #mega-menu-wrap-max_mega_menu_1
    #mega-menu-max_mega_menu_1
    > li.mega-menu-item.mega-current-page-ancestor
    > a.mega-menu-link {
    color: var(--maincolor) !important;
  }
  a.mega-menu-link:hover {
    color: var(--maincolor) !important;
  }
}

/* mega toggle aanpassing */
.mega-toggle-block .mega-toggle-animated-inner::after {
  background-color: rgba(0, 0, 0, 0) !important;
  width: 45px !important;
  left: -3px;
  top: 25px !important;
  height: 20px !important;
  content: "Menu" !important;
  color: var(--textcolor) !important;
  line-height: 0 !important;
  font-weight: 400;
  font-size: 0.9rem !important;
}

#mega-menu-wrap-max_mega_menu_1
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner,
#mega-menu-wrap-max_mega_menu_1
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner::before,
#mega-menu-wrap-max_mega_menu_1
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner::after {
  background-color: var(--textcolor);
}
/* .mega-menu-toggle {
  float: right;
}
#mega-menu-wrap-max_mega_menu_1
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner,
#mega-menu-wrap-max_mega_menu_1
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner::before,
#mega-menu-wrap-max_mega_menu_1
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner::after {
  background-color: #fff;
}

/* max mega menu */
/* max mega menu */

/* genesis navbar */
/* genesis navbar */
ul.menu {
  padding: 0;
}
.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
  color: var(--maincolor);
}

ul.sub-menu {
  padding-left: 0 !important;
}

#genesis-nav-primary {
  padding: 0;
}
#genesis-nav-primary ul,
.nav-secondary ul {
  margin-left: 0;
  padding-left: 0;
}

.genesis-nav-menu a {
  color: #666;
  font-family: var(--headingfont);
}

.sf-with-ul span::after {
  font-size: 0.8rem;
}

.genesis-nav-menu li:last-child ul.sub-menu {
  right: 0 !important;
  left: auto !important;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
  color: var(--maincolor);
  text-decoration: none;
}

/*navmenu flexbox*/
.genesis-nav-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  justify-content: flex-start;
  /*justify-content: space-between;*/
}

.genesis-nav-menu li.vacatures {
  margin-left: auto;
}
/* genesis navbar */
/* genesis navbar */

/*####    dropdown menu
############################*/
/*reg nav*/
/*reg nav*/

.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a,
.genesis-nav-menu .sub-menu li {
  color: #000;
  padding: 0;
  margin: 0;
  border: 0;
}
.genesis-nav-menu .sub-menu a {
  padding: 15px;
  font-size: 1rem;
}
.genesis-nav-menu .sub-menu a:hover {
  color: #666;
}
.genesis-nav-menu .sub-menu {
  background-color: rgba(255, 255, 255, 0.7);
}

/*####    sidenav
############################*/
#mega-menu-wrap-max_mega_menu_1 .mega-sluiten * {
  background: url(../images/menu-close-white.png) no-repeat center center !important;
  /* background: url(../images/menu-close-black.png) no-repeat center center !important; */
  background-size: 25px !important;
}

@media (max-width: 991.98px) {
  #mega-menu-wrap-max_mega_menu_1
    .mega-menu-toggle
    + #mega-menu-max_mega_menu_1 {
    background: var(--maincolor);
  }
  #mega-menu-wrap-max_mega_menu_1 a {
    color: #fff !important;
  }
  #mega-menu-wrap-max_mega_menu_1
    #mega-menu-max_mega_menu_1
    > li.mega-menu-flyout
    ul.mega-sub-menu
    li.mega-menu-item
    a.mega-menu-link {
    background: rgba(255, 255, 255, 0.01) !important;
    background: var(--maincolor) !important;
    color: #fff !important;
  }
}

#mega-menu-wrap-max_mega_menu_1 .mega-logo {
  background-position: left 10px center !important;
  margin-bottom: 20px !important;

  /* voor als de kleur niet mooi is */
  mix-blend-mode: screen;

  /* background-color: #fff !important;
  padding: 10px !important;
  background-size: auto 80% !important; */
}
/* ander logo voor mobiel */
/* #mega-menu-wrap-max_mega_menu_1 .mega-logo {
  background:var(--logoalt);
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center !important;
} */

/*###########################
    CONTENTCONTENT
############################*/
.button-1 {
  border: 1px solid yellow !important;
}
.site-inner {
  padding: 30px 30px !important;
}

.entry,
aside,
.sidebar,
.site-inner {
  background-color: var(--sitebackgroundcolor) !important;
}

.entry,
aside,
.sidebar {
  background-color: var(--sitebackgroundcolor) !important;
  padding: 0;
}
.entry .widget,
.aside .widget,
.sidebar .widget {
  padding: 0;
}

.breadcrumb {
  padding: 0;
  font-size: 0.8rem;
  justify-content: flex-end !important;
  flex-wrap: nowrap;
}

.loggedinonly {
  display: none;
}
.logged-in .loggedinonly {
  display: block;
}
.archive-pagination a:focus,
.archive-pagination a:hover,
.archive-pagination .active a {
  background-color: var(--maincolor);
}
.entry-title a,
.sidebar .widget-title a {
  color: var(--secundairycolor);
}

.single .entry-footer {
  display: none;
}

.slick-slider .testimonial-content img {
  min-width: 1px;
}
.slick-slider .testimonials-credentials img {
  min-width: 1px;
}

/*###########################
    FOOTERFOOTER
############################*/
.site-footer {
  background-color: var(--maincolor);
  color: var(--footertextcolor);
  /*padding:60px 25px;*/
}
.site-footer,
.site-footer div,
.site-footer p {
  /*color:#fff;*/
  color: rgba(255, 255, 255, 0.7);
}
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
  color: var(--footertextheading);
}
.site-footer a {
  color: var(--footertexta);
  /*border-bottom: 1px dotted #fff;*/
  transition: all 0.5s ease;
}
.site-footer a:hover {
  color: var(--footertexta);
  opacity: 0.5;
}
.site-footer .testimonial-content {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 30px !important;
  margin-bottom: 15px;
}
.site-footer .testimonials-portrait {
  max-width: 40px;
}
.footer-container {
  padding: 60px 30px 30px 30px;
}
#snelnaar ul {
  list-style-type: none !important;
}
#snelnaar ul li li {
  display: none;
}
#snelnaar a[href$="#"] {
  display: none;
}

.credits {
  font-size: 0.8rem;
  padding-top: 0px;
  padding-bottom: 30px;
}
.credits .container {
  padding: 0 30px;
}

@media (max-width: 767.98px) {
  .credits,
  .credits * {
    text-align: center !important;
  }
}

.postnav {
  padding: 15px;
}
.postnav.right {
  text-align: right !important;
}

@media (max-width: 767.98px) {
  .postnav {
    text-align: center !important;
  }
}

.post-type.product .one-third.first {
  clear: none;
}
#loaded {
  background-color: #555 !important;
  color: #fff !important;
  cursor: no-drop;
}
.button-container {
  width: 100% !important;
  display: block;
  float: left;
}

.site-footer aside {
  background-color: rgba(0, 0, 0, 0) !important;
}

/*####    search results
############################*/

#type-page article,
#type-post article,
#type-product article {
  display: none;
}
.post-type.product {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}
.post-type.product article {
  flex: 1 0 30%; /* explanation below */
  margin: 5px;
}

@media (max-width: 991.98px) {
  .post-type.product article {
    flex: 1 0 48%;
  }
}
@media (max-width: 591.98px) {
  .post-type.product article {
    flex: 1 0 100%;
  }
}

/*###########################
    Posts display 
    https://nl.wordpress.org/plugins/recent-posts-widget-with-thumbnails/
############################*/

.rpwwt-widget a img {
  display: block !important;
  min-width: 100%;
}
.rpwwt-widget ul {
  display: flex;
  flex-direction: row;
}

/*####    cookie notice
############################*/
#cookie-notice {
  z-index: 99998;
  background: #666 !important;
  padding: 0 15px;
}
#cookie-notice a {
  color: #c6c6c6 !important;
  border-bottom: 1px dotted #c6c6c6;
}
#cookie-notice .button {
  background: #333 !important;
  color: #fff !important;
  padding: 5px 10px !important;
}
@media (max-width: 767.98px) {
  #cookie-notice .cookie-notice-container {
    font-size: 0.7rem !important;
  }
}
@media (max-width: 991.98px) {
  #cookie-notice .cookie-notice-container {
    font-size: 0.8rem;
  }
}

/*###########################
    mobile only
############################*/

@media (max-width: 767.98px) {
  .probu-header .title-area a {
    background-position: left center !important;
    margin-bottom: 10px;
  }
}

@media (max-width: 767.98px) {
  .site-header .title-area a {
    margin: 0 0px;
  }

  #header .social-media-button-container {
    text-align: center !important;
  }
}

header.site-header {
  padding: 0 !important;
}

/* zoekfunctie*/

.stickycontent .stickycontent {
  position: sticky;
  top: 0;
}

/* masonry overlay text */

.showtitle .so-widget-sow-simple-masonry .so-premium-image-overlay {
  opacity: 0.8 !important;
}
.showtitle
  .so-widget-sow-simple-masonry
  .sow-masonry-grid-item:hover
  .so-premium-image-overlay {
  opacity: 1 !important;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1350px;
  }
}
@media (max-width: 991.98px) {
  .container {
    max-width: 100%;
  }
}

.caption {
  display: block !important;
}
@media (max-width: 991.98px) {
  .caption * {
    font-size: 1rem !important;
  }
  body .caption h1,
  body .caption h2,
  body .caption h3,
  body .caption h4,
  body .caption h5,
  body .caption h6,
  body .caption h1 strong,
  body .caption h2 strong,
  body .caption h3 strong,
  body .caption h4 strong,
  body .caption h5 strong,
  body .caption h6 strong {
    font-size: 2rem !important;
  }
  .caption .button {
    margin: 5px !important;
  }
}

/* chrome outline button fix on focus */
button:focus {
  outline: 0;
}

@media (max-width: 991.98px) {
  html,
  body {
    overflow-x: none !important;
  }
  #probu-header {
    max-width: 100vw;
    overflow-x: hidden !important;
  }
}

#videocontainer {
  width: unset !important;
  max-width: unset !important;
  margin: unset !important;
}

#probu_cta > .container > .row {
  padding-left: 15px;
  padding-right: 15px;
}

.slick-slider .testimonials-portrait {
  max-width: 150px !important;
  min-width: 115px !important;
}

@media (max-width: 767.98px) {
  .custom_probu_flipboxes {
    margin-right: 0px !important;
  }
}

#testimonialslider .slick-center {
  color: inherit;
}
#testimonialslider .slick-slider {
  margin-left: 0px !important;
}
#testimonialslider .slick-current {
  opacity: 1;
}

/* geef de rij de class .bg-overlay en achtergrondafbeelding */
.bg-overlay::after {
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  backdrop-filter: blur(10px) grayscale(50%); /* Apply the blur, grayscale, and blue hue effects */
  background-color: rgba(
    3,
    92,
    157,
    0.4
  ); /* Semi-transparent white background for legibility */
  mix-blend-mode: color;
}
.bg-overlay {
  position: relative;
}
.bg-overlay * {
  position: relative;
  z-index: 10;
}

/* css for mirror-layout */
#carousel .panel-layout.parent-mirror .so-panel,
#carousel .panel-layout.parent-mirror .panel-grid,
#carousel .panel-layout.parent-mirror .panel-grid-cell {
  position: static !important;
}

.entry-content
  .panel-layout.parent-mirror
  .panel-grid.parent-mirror
  .panel-grid,
.entry-content
  .panel-layout.parent-mirror
  .panel-grid.parent-mirror
  .panel-grid-cell,
.entry-content .panel-layout.parent-mirror .panel-grid.parent-mirror .so-panel {
  position: static !important;
}

.widget_so-premium-mirror-widget.parent-mirror,
.entry-content .panel-layout.parent-mirror .panel-grid.parent-mirror {
  width: 100vw;
  left: calc(-50vw + 50%);
}
/* css for mirror-layout */

.gradientbg {
  background: rgb(0, 0, 0);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.03) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.col2-set .col-1 {
  float: left !important;
}
.col2-set .col-2 {
  float: right !important;
}
.col2-set .col-1,
.col2-set .col-2 {
  width: 48% !important;
  min-width: 48% !important;
  max-width: 48% !important;
  padding: 0 !important;
}

@media (max-width: 991.98px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

/* =====================================================================
   INHOUD WIJ-CSS (opgeschoond 10-11-2026: dubbele/overschreven declaraties verwijderd)
   1. WIJ THEMA basis – variabelen, typografie, header, footer, container
   2. WIJ in tekst (kringel), afsluiter boven footer, zwevende stippen
   3. WIJ PAGINA-ONDERDELEN – kopregel-kicker, rij-achtergronden, golven, hero,
      pijlers, fotomasker, linklijst, nieuws, agenda
   4. WIJ KNOPPEN (stijl B3) + KNOPVARIANTEN (keuzelijst "WIJ knopstijl")
   5. MENU (schuift van rechts) + submenu
   6. DOORZICHTIGE GOLVEN + golf-overgangen tussen secties
   Let op: latere blokken bevatten soms correcties op eerdere; zoek op class-naam.
   ===================================================================== */
/* =====================================================================
   WIJ THEMA (Claude, 10-11-2026)
   Basis: kleuren, typografie, knoppen, header, footer.
   Ontwerp: zie project-document ontwerpbeslissingen.md
   ===================================================================== */
:root {
  --maincolor: #C22751;
  --secundairycolor: #1E4E98;
  --textcolor: #3E3A3C;
  --mainfont: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --headingfont: "Londrina Solid", "Nunito", sans-serif;
  --footertextcolor: #3E3A3C;
  --footertextheading: #1E4E98;
  --footertexta: #3E3A3C;
  --wij-blauw: #1E4E98;
  --wij-blauw-donker: #1A3577;
  --wij-blauw-licht: #4A8FD6;
  --wij-blauw-zacht: #EEF4FC;
  --wij-magenta: #C22751;
  --wij-magenta-donker: #A81E4E;
  --wij-roze: #E3168B;
  --wij-groen: #8FBD45;
  --wij-groen-licht: #ADC940;
  --wij-groen-donker: #4B6B17;
  --wij-oranje: #E76C2E;
  --wij-oranje-donker: #A04A12;
  --wij-perzik: #FFF6EF;
  --wij-tekst: #3E3A3C;
  --wij-tekst-zacht: #5A5557;
  --wij-lijn: #EEE9E5;
  --wij-stippen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Crect width='160' height='160' fill='%23C22751'/%3E%3Cg fill='%23E3168B'%3E%3Ccircle cx='67' cy='67' r='9'/%3E%3Ccircle cx='77' cy='35' r='10'/%3E%3Ccircle cx='129' cy='82' r='12'/%3E%3Ccircle cx='84' cy='126' r='14'/%3E%3Ccircle cx='59' cy='94' r='7'/%3E%3Ccircle cx='23' cy='120' r='7'/%3E%3Ccircle cx='5' cy='53' r='12'/%3E%3Ccircle cx='165' cy='53' r='12'/%3E%3Ccircle cx='20' cy='148' r='7'/%3E%3Ccircle cx='125' cy='33' r='7'/%3E%3Ccircle cx='-2' cy='11' r='14'/%3E%3Ccircle cx='-2' cy='171' r='14'/%3E%3Ccircle cx='158' cy='11' r='14'/%3E%3Ccircle cx='158' cy='171' r='14'/%3E%3Ccircle cx='62' cy='4' r='12'/%3E%3Ccircle cx='62' cy='164' r='12'/%3E%3Ccircle cx='29' cy='27' r='7'/%3E%3Ccircle cx='-3' cy='119' r='9'/%3E%3Ccircle cx='157' cy='119' r='9'/%3E%3Ccircle cx='152' cy='144' r='7'/%3E%3Ccircle cx='127' cy='141' r='10'/%3E%3Ccircle cx='42' cy='52' r='7'/%3E%3Ccircle cx='20' cy='86' r='10'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- Typografie ---------- */
html { font-size: 16px; }
body, body > div { font-size: 18px; }
html, body, p, li, td, input, textarea, select, button { font-family: var(--mainfont); }
body { line-height: 1.75; color: var(--wij-tekst) !important; -webkit-font-smoothing: antialiased; }
p { line-height: 1.75; }
h1, h2, h3, h4, h5, h6, .wij-kop {
  font-family: var(--headingfont) !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--wij-blauw);
  line-height: 1.05;
  margin: 0 0 .5em;
}
h1 { font-size: clamp(46px, 6vw, 84px); }
h2 { font-size: clamp(36px, 4.2vw, 52px); }
h3 { font-size: clamp(24px, 2.4vw, 30px); }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
a { color: var(--wij-blauw); }
a:hover, a:focus { color: var(--wij-magenta); }
:focus-visible { outline: 3px solid var(--wij-oranje); outline-offset: 3px; }
.wij-kicker, .wij-kicker p {
  font-family: "Nunito", sans-serif !important;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--wij-magenta);
  margin: 0 0 14px;
}
.wij-intro, .wij-intro p { font-size: 20px; color: var(--wij-tekst-zacht); }

/* ---------- Knoppen ----------
   Standaard SiteOrigin-knop = magenta pill.
   Class "wij-btn-rand" op de widget = blauwe randknop. "wij-btn" op een gewone link = magenta pill. */
a.wij-btn,
.ow-button-base a,
.ow-button-base a.sowb-button {
  display: inline-block;
  background: var(--wij-magenta) !important;
  color: #fff !important;
  border: 2px solid var(--wij-magenta) !important;
  border-radius: 999px !important;
  font-family: var(--mainfont) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 15px 30px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
a.wij-btn:hover, a.wij-btn:focus,
.ow-button-base a:hover, .ow-button-base a:focus {
  background: var(--wij-magenta-donker) !important;
  border-color: var(--wij-magenta-donker) !important;
  color: #fff !important;
  transform: translateY(-2px);
}
a.wij-btn-rand,
.wij-btn-rand .ow-button-base a,
.wij-btn-rand .ow-button-base a.sowb-button {
  background: transparent !important;
  color: var(--wij-blauw) !important;
  border-color: var(--wij-blauw) !important;
}
a.wij-btn-rand:hover, a.wij-btn-rand:focus,
.wij-btn-rand .ow-button-base a:hover, .wij-btn-rand .ow-button-base a:focus {
  background: var(--wij-blauw) !important;
  border-color: var(--wij-blauw) !important;
  color: #fff !important;
}
a.wij-btn-klein { padding: 12px 22px !important; font-size: 14px !important; white-space: nowrap; }

/* ---------- Header ---------- */
.site-container { overflow-x: clip !important; overflow-y: visible !important; }
.wij-header {
  position: sticky !important;
  top: 0;
  z-index: 999;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  box-shadow: 0 1px 0 var(--wij-lijn);
  transition: box-shadow .2s ease;
}
.wij-header.is-gescrold { box-shadow: 0 8px 24px rgba(26, 53, 119, .08); }
body.admin-bar .wij-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .wij-header { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .wij-header { top: 0; } }
.wij-header-inner {
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 32px;
}
.wij-logo { display: block; flex: 0 0 auto; line-height: 0; }
.wij-logo img { height: 58px; width: auto; max-width: none; display: block; }
.wij-header-acties { display: flex; align-items: center; gap: 28px; }
.wij-topnav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 28px; }
.wij-topnav li { margin: 0; padding: 0; }
.wij-topnav a,
.wij-menuknop {
  font-family: var(--mainfont);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--wij-blauw);
  text-decoration: none;
  white-space: nowrap;
}
.wij-topnav a:hover, .wij-topnav a:focus,
.wij-topnav .current-menu-item > a, .wij-topnav .current-menu-ancestor > a { color: var(--wij-magenta); }
.wij-menuknop { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 18px 8px 14px; border: 2px solid var(--wij-blauw); background: #fff; cursor: pointer; line-height: 1; }
.wij-menuknop:hover, .wij-menuknop:focus-visible { background: var(--wij-blauw); color: #fff; }
.wij-menuknop-icoon { position: relative; display: block; width: 20px; height: 2.5px; border-radius: 2px; background: currentColor; transition: background .2s; }
.wij-menuknop-icoon::before, .wij-menuknop-icoon::after { content: ""; position: absolute; left: 0; width: 20px; height: 2.5px; border-radius: 2px; background: currentColor; transition: transform .2s, top .2s; }
.wij-menuknop-icoon::before { top: -6px; }
.wij-menuknop-icoon::after { top: 6px; width: 14px; }
.wij-menuknop[aria-expanded="true"] .wij-menuknop-icoon { background: transparent; }
.wij-menuknop[aria-expanded="true"] .wij-menuknop-icoon::before { top: 0; transform: rotate(45deg); }
.wij-menuknop[aria-expanded="true"] .wij-menuknop-icoon::after { top: 0; width: 20px; transform: rotate(-45deg); }

/* Hamburgerpaneel */
.wij-menupaneel { overflow: auto; }

.wij-menupaneel::after { content: ""; width: 260px; height: 230px; border-radius: 58% 42% 50% 50% / 45% 55% 45% 55%; background: var(--wij-stippen) 0 0 / 160px 160px; pointer-events: none; }
.wij-menupaneel-inner { position: relative; z-index: 1; padding-bottom: 64px; }
.wij-volledig-lijst { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 36px 32px; }
.wij-volledig-lijst > li { margin: 0; padding: 0; }
.wij-volledig-lijst > li > a {
  display: block;
  margin-bottom: 10px;
  font-family: var(--headingfont);
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: .03em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--wij-blauw);
}
.wij-volledig-lijst > li:nth-child(6n+2) > a { color: var(--wij-magenta); }
.wij-volledig-lijst > li:nth-child(6n+3) > a { color: var(--wij-groen-donker); }
.wij-volledig-lijst > li:nth-child(6n+4) > a { color: var(--wij-oranje-donker); }
.wij-volledig-lijst > li:nth-child(6n+6) > a { color: var(--wij-magenta); }
.wij-volledig-lijst .sub-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; position: static; visibility: visible; opacity: 1; box-shadow: none; background: none; width: auto; }

.wij-volledig-lijst a:hover, .wij-volledig-lijst a:focus { color: var(--wij-magenta); text-decoration: underline; }

@media (max-width: 1000px) { .wij-topnav { display: none; } }
@media (max-width: 560px) {
  .wij-header-inner { padding-top: 10px; padding-bottom: 10px; }
  .wij-logo img { height: 42px; }
  .wij-header-acties { gap: 10px; }
  .wij-menuknop { padding: 8px 12px; }
  .wij-menuknop-tekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .wij-menupaneel-inner { padding-top: 28px; padding-bottom: 48px; }
}

/* ---------- Footer ---------- */
.site-footer {
  position: relative;
  overflow: hidden;
  background: #fff !important;
  color: var(--wij-tekst) !important;
  padding: 0 !important;
  border-top: 0 !important;
  text-align: left;
}
.site-footer > .wrap { max-width: none !important; padding: 0 !important; margin: 0 !important; }
.wij-footer { position: relative; padding: 80px 0 0; }
.wij-footer::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -70px;
  width: 300px;
  height: 260px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='260' viewBox='0 0 300 260'%3E%3Cdefs%3E%3Cpattern id='pd' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Crect width='60' height='60' fill='%23C22751'/%3E%3Cg fill='%23E3168B'%3E%3Ccircle cx='2' cy='17' r='4'/%3E%3Ccircle cx='62' cy='17' r='4'/%3E%3Ccircle cx='35' cy='2' r='4'/%3E%3Ccircle cx='35' cy='62' r='4'/%3E%3Ccircle cx='13' cy='30' r='4'/%3E%3Ccircle cx='34' cy='43' r='4'/%3E%3Ccircle cx='51' cy='36' r='6'/%3E%3Ccircle cx='51' cy='52' r='4'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M309.2 155.9C313.5 182.8 313.6 232.6 293.7 253.6C273.8 274.6 222.5 291.9 189.9 282.1C157.2 272.2 111.9 225.9 97.9 194.5C83.9 163.1 92.8 116.6 106.0 93.5C119.1 70.5 149.9 56.3 176.9 56.1C203.8 55.9 245.7 75.5 267.8 92.1C289.8 108.8 304.9 129.0 309.2 155.9Z' fill='url(%23pd)'/%3E%3C/svg%3E") no-repeat 0 0 / contain;
  pointer-events: none;
}
.wij-footer-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
}
.wij-footer-logo { display: block; height: 56px; width: auto; }
.wij-footer .wij-footer-kop { font-size: 30px !important; line-height: 1.1; margin: 0 0 12px !important; color: var(--wij-blauw) !important; }
.wij-footer p, .wij-footer li { font-size: 16px; line-height: 1.9; margin: 0; color: var(--wij-tekst) !important; }
.wij-footer a { color: var(--wij-tekst) !important; text-decoration: underline; text-decoration-color: currentColor; text-underline-offset: 3px; }
.wij-footer a:hover, .wij-footer a:focus { color: var(--wij-magenta) !important; text-decoration-color: currentColor; }
.wij-footer-links, .wij-juridisch-lijst { list-style: none; margin: 0; padding: 0; }
.wij-footer-onder { position: relative; z-index: 1; margin-top: 48px; }
.wij-footer-onder-inner {
  padding-top: 24px;
  padding-bottom: 40px;
  border-top: 1px solid #DDD6D1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  color: var(--wij-tekst);
}
.wij-juridisch-lijst { display: flex; flex-wrap: wrap; }
.wij-footer-onder-inner, .wij-footer-onder-inner > span { color: var(--wij-tekst) !important; }
.wij-juridisch-lijst li::before { content: "\00B7"; margin: 0 8px; }
.wij-footer-onder li, .wij-footer-onder a { font-size: 14px !important; color: var(--wij-tekst) !important; text-decoration: none; }
.wij-footer-onder a:hover, .wij-footer-onder a:focus { color: var(--wij-magenta) !important; text-decoration: underline; }
@media (max-width: 560px) {
  .wij-footer { padding-top: 64px; }
}
/* ======================= einde WIJ THEMA basis ======================= */

/* ---------- Container: extra breakpoint (1390px) ---------- */
@media (min-width: 1440px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1390px; }
}

/* ---------- WIJ in tekst: andere kleur + kringeltje ----------
   Wordt automatisch om "WIJ" (hoofdletters) gezet in pagina-inhoud en afsluiters (functie wij_merk). */
.wij-merk {
  color: var(--wij-magenta);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='6' viewBox='0 0 20 6'%3E%3Cpath d='M0 3 Q 5 0 10 3 T 20 3' fill='none' stroke='%23E76C2E' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 100% / .85em .26em;
  padding-bottom: .16em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.wij-kicker .wij-merk, .sow-sub-headline .wij-merk { color: var(--wij-blauw); }
.ow-button-base .wij-merk, a.wij-btn .wij-merk, .wij-merk .wij-merk { color: inherit; background: none; padding: 0; }

/* ---------- Afsluiter boven footer (inhoud = mirror widget) ---------- */
.wij-afsluiter {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 190px 32px 200px;
  background: #F2F6FC;
  text-align: center;
}
.wij-afsluiter::before, .wij-afsluiter::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 110px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.wij-afsluiter::before { top: -1px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V72C1290 36 1140 104 920 70C720 40 560 96 360 66C210 44 90 52 0 40Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); }
.wij-afsluiter::after { bottom: -1px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 70C150 30 320 108 560 76C780 46 900 20 1100 58C1260 88 1360 64 1440 44L1440 130L0 130Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); }
.wij-afsluiter-vlek { position: absolute; width: 380px; height: 380px; background: no-repeat 0 0 / contain; pointer-events: none; }
.wij-afsluiter-vlek-l { left: -140px; bottom: -120px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 380 380'%3E%3Cdefs%3E%3Cpattern id='st' width='26' height='26' patternUnits='userSpaceOnUse' patternTransform='rotate(28)'%3E%3Crect width='26' height='26' fill='%233598D0'/%3E%3Crect width='13' height='26' fill='%231E4E98'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M282.0 212.1C285.8 248.0 311.1 310.9 282.1 338.3C253.0 365.8 151.3 386.9 107.7 376.9C64.0 366.9 35.0 318.3 20.2 278.3C5.4 238.3 -0.4 173.4 19.0 137.0C38.4 100.6 96.6 62.3 136.6 59.9C176.5 57.5 234.8 97.5 259.0 122.9C283.2 148.2 278.2 176.2 282.0 212.1Z' fill='url(%23st)'/%3E%3C/svg%3E"); }
.wij-afsluiter-vlek-r { right: -120px; top: -60px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 380 380'%3E%3Cdefs%3E%3Cpattern id='br' width='30' height='30' patternUnits='userSpaceOnUse'%3E%3Crect width='30' height='30' fill='%23ADC940'/%3E%3Crect width='30' height='15' fill='%238FBD45'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M344.7 146.6C349.8 174.8 347.6 195.3 324.5 214.5C301.5 233.7 234.8 270.1 206.5 261.8C178.3 253.5 162.2 191.2 154.9 164.6C147.6 137.9 154.0 124.9 162.7 102.1C171.4 79.3 185.2 37.0 207.1 27.6C228.9 18.2 271.1 25.8 294.0 45.7C316.9 65.5 339.6 118.5 344.7 146.6Z' fill='url(%23br)'/%3E%3C/svg%3E"); }
.wij-afsluiter-inner { position: relative; z-index: 2; max-width: 680px; margin: 0 auto; }
.wij-afsluiter .panel-grid, .wij-afsluiter .so-panel, .wij-afsluiter .panel-grid-cell { margin-bottom: 0 !important; }
.wij-afsluiter .sow-headline-container { display: flex; flex-direction: column; align-items: center; }
.wij-afsluiter .sow-sub-headline {
  order: -1;
  margin: 0 0 14px !important;
  font-family: var(--mainfont) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--wij-magenta) !important;
}
.wij-afsluiter .sow-headline { margin: 0 0 18px !important; font-size: clamp(36px, 4.4vw, 58px) !important; line-height: 1.08 !important; color: var(--wij-blauw) !important; }
.wij-afsluiter .so-widget-sow-editor p { margin: 0 0 30px; font-size: 19px; color: var(--wij-tekst-zacht); }
@media (max-width: 700px) {
  .wij-afsluiter { padding: 150px 20px 160px; }
  .wij-afsluiter-vlek { width: 220px; height: 220px; }
  .wij-afsluiter-vlek-l { left: -110px; bottom: -90px; }
  .wij-afsluiter-vlek-r { right: -90px; top: -40px; }
}

/* ---------- Uitlijning content = header/footer-container ---------- */
.site-inner.container { padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5) !important; padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5) !important; }

/* ---------- Zwevende stippen (particles) – zie functie wij_particles_script ---------- */
.wij-particles { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }
[class*="wij-stippen-"] { position: relative; }
.wij-dot { position: absolute; display: block; border-radius: 50%; transition: transform .6s cubic-bezier(.2, .8, .2, 1); will-change: transform; }
.wij-dot > i { display: block; width: 100%; height: 100%; border-radius: 50%; background: var(--c, #E76C2E); animation: wijZweven var(--t, 7s) ease-in-out var(--d, 0s) infinite alternate; }
@keyframes wijZweven { 0% { transform: translate(0, 0); } 35% { transform: translate(var(--dx, 6px), calc(var(--dy, -8px) * -.6)); } 70% { transform: translate(calc(var(--dx, 6px) * -.5), var(--dy, -8px)); } 100% { transform: translate(calc(var(--dx, 6px) * .4), calc(var(--dy, -8px) * .3)); } }
.wij-menupaneel .wij-particles { z-index: 0; }
@media (prefers-reduced-motion: reduce) { .wij-dot > i { animation: none; } .wij-dot { transition: none; } }

/* ---------- Social media (footer) ---------- */
.wij-socials { list-style: none; margin: 20px 0 0; padding: 0; display: flex; gap: 10px; }
.wij-socials li { margin: 0; }
.wij-footer a.wij-social { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--wij-blauw); color: #fff !important; text-decoration: none; transition: background-color .2s ease, transform .2s ease; }
.wij-footer a.wij-social:hover, .wij-footer a.wij-social:focus { background: var(--wij-magenta); color: #fff !important; transform: translateY(-2px); }

/* =====================================================================
   WIJ PAGINA-ONDERDELEN (Page Builder-classes) – 10-11-2026
   Zet deze classes op rijen (Rij > Ontwerp > CSS-klasse) of widgets.
   ===================================================================== */
/* Kopregel-widget: de subkop wordt altijd een kicker boven de kop */
.sow-headline-container { display: flex; flex-direction: column; }
.sow-headline-container .sow-sub-headline {
  order: -1;
  margin: 0 0 14px !important;
  font-family: var(--mainfont) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--wij-magenta) !important;
}
.sow-headline-container .sow-headline { margin-bottom: 0 !important; }

/* Rij-achtergronden en golven */
.wij-bg-perzik { background-color: var(--wij-perzik) !important; }
.wij-bg-blauw { background-color: var(--wij-blauw-zacht) !important; }
.wij-golf-boven, .wij-golf-onder { position: relative; overflow: hidden; }
.wij-golf-boven { padding-top: 170px !important; }
.wij-golf-onder { padding-bottom: 180px !important; }
.wij-golf-boven::before, .wij-golf-onder::after { content: ""; position: absolute; left: 0; right: 0; height: 110px; z-index: 1; pointer-events: none; background-repeat: no-repeat; background-size: 100% 100%; }
.wij-golf-boven::before { top: -1px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V58C1310 104 1180 34 990 62C800 90 650 24 450 54C270 82 130 30 0 70Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); }
.wij-golf-onder::after { bottom: -1px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 78C160 30 330 112 540 80C730 50 860 6 1060 46C1230 80 1330 118 1440 62L1440 130L0 130Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); }
.wij-golf-boven > .panel-grid-cell, .wij-golf-onder > .panel-grid-cell, .wij-hero > .panel-grid-cell { position: relative; z-index: 2; }

/* Hero */
.wij-hero {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 130px 24px 240px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 78C160 30 330 112 540 80C730 50 860 6 1060 46C1230 80 1330 118 1440 62L1440 130L0 130Z' fill='%23FFFFFF'/%3E%3C/svg%3E") center bottom -1px / 100% 120px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='460' viewBox='0 0 440 460'%3E%3Cdefs%3E%3Cpattern id='pd' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Crect width='60' height='60' fill='%23C22751'/%3E%3Cg fill='%23E3168B'%3E%3Ccircle cx='2' cy='17' r='4'/%3E%3Ccircle cx='62' cy='17' r='4'/%3E%3Ccircle cx='35' cy='2' r='4'/%3E%3Ccircle cx='35' cy='62' r='4'/%3E%3Ccircle cx='13' cy='30' r='4'/%3E%3Ccircle cx='34' cy='43' r='4'/%3E%3Ccircle cx='51' cy='36' r='6'/%3E%3Ccircle cx='51' cy='52' r='4'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='st' width='26' height='26' patternUnits='userSpaceOnUse' patternTransform='rotate(28)'%3E%3Crect width='26' height='26' fill='%233598D0'/%3E%3Crect width='13' height='26' fill='%231E4E98'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M359.3 246.0C357.2 298.1 297.0 367.0 262.3 395.5C227.6 424.0 186.0 425.4 151.2 416.9C116.5 408.4 74.3 387.6 53.7 344.5C33.1 301.5 15.5 197.1 27.8 158.5C40.1 119.8 86.4 125.5 127.5 112.8C168.7 100.2 236.0 60.5 274.7 82.7C313.3 104.9 361.4 193.8 359.3 246.0Z' fill='url(%23st)'/%3E%3Cpath d='M421.6 126.3C422.5 152.9 398.2 199.0 375.1 215.1C352.1 231.1 304.1 229.0 283.2 222.7C262.3 216.4 256.5 204.5 249.8 177.3C243.1 150.0 231.8 81.4 243.2 59.1C254.6 36.8 297.0 44.3 318.2 43.7C339.3 43.0 352.7 41.5 370.0 55.3C387.2 69.1 420.7 99.6 421.6 126.3Z' fill='url(%23pd)'/%3E%3C/svg%3E") left -110px top 30px / 440px 460px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='460' height='520' viewBox='0 0 460 520'%3E%3Cdefs%3E%3Cpattern id='br' width='30' height='30' patternUnits='userSpaceOnUse'%3E%3Crect width='30' height='30' fill='%23ADC940'/%3E%3Crect width='30' height='15' fill='%238FBD45'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M478.6 301.3C486.1 351.1 449.8 423.8 414.6 454.5C379.4 485.2 316.4 501.2 267.4 485.5C218.3 469.8 144.8 400.4 120.4 360.2C96.0 320.1 103.0 277.9 120.8 244.6C138.6 211.4 185.7 175.5 227.2 160.7C268.6 145.9 327.6 132.5 369.5 156.0C411.4 179.4 471.1 251.6 478.6 301.3Z' fill='url(%23br)'/%3E%3Cpath d='M187.1 141.1C189.3 159.6 177.4 187.5 166.1 202.1C154.8 216.6 142.1 233.4 119.4 228.4C96.7 223.4 39.7 191.7 29.8 172.1C19.9 152.4 47.3 126.2 59.9 110.5C72.4 94.7 89.3 80.9 104.9 77.6C120.4 74.3 139.4 80.2 153.1 90.8C166.8 101.4 184.9 122.6 187.1 141.1Z' fill='%23E76C2E'/%3E%3C/svg%3E") right -130px top 60px / 460px 520px no-repeat,
    var(--wij-blauw-zacht) !important;
}
.wij-hero > .panel-grid-cell { max-width: 800px; margin: 0 auto !important; }
.wij-hero .sow-headline { font-size: clamp(46px, 6.2vw, 88px) !important; line-height: 1.02 !important; }
.wij-hero .so-widget-sow-editor p { max-width: 600px; margin: 22px auto 36px; font-size: 20px; color: var(--wij-tekst-zacht); }
.wij-hero .so-panel.widget_sow-button { display: inline-block; margin: 0 6px 12px !important; }
@media (max-width: 900px) {
  .wij-hero { padding: 90px 20px 190px !important; background-size: 100% 90px, 260px 272px, 270px 305px, auto !important; background-position: center bottom -1px, left -120px top 10px, right -150px top 40px, 0 0 !important; }
}

/* Pijlers (Functies-widget met class wij-pijlers) */
.wij-pijlers .sow-features-list { gap: 40px 0; }
.wij-pijlers .sow-features-feature { text-align: center; }
.wij-pijlers .sow-icon-container {
  position: relative !important;
  width: 120px !important;
  height: 110px !important;
  margin: 0 auto 16px !important;
  border-radius: 0 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='110' viewBox='0 0 120 110'%3E%3Cdefs%3E%3Cpattern id='st' width='26' height='26' patternUnits='userSpaceOnUse' patternTransform='rotate(28)'%3E%3Crect width='26' height='26' fill='%233598D0'/%3E%3Crect width='13' height='26' fill='%231E4E98'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M109.1 46.7C109.4 57.6 94.9 82.5 85.9 92.5C77.0 102.5 67.4 110.8 55.7 106.7C44.0 102.7 21.1 80.0 15.7 68.4C10.4 56.9 19.3 45.9 23.4 37.3C27.5 28.6 30.1 18.1 40.2 16.4C50.4 14.6 73.0 21.8 84.5 26.9C96.0 31.9 108.9 35.8 109.1 46.7Z' fill='url(%23st)'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
.wij-pijlers .sow-features-feature:nth-child(4n+2) .sow-icon-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='110' viewBox='0 0 120 110'%3E%3Cdefs%3E%3Cpattern id='pd' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Crect width='60' height='60' fill='%23C22751'/%3E%3Cg fill='%23E3168B'%3E%3Ccircle cx='2' cy='17' r='4'/%3E%3Ccircle cx='62' cy='17' r='4'/%3E%3Ccircle cx='35' cy='2' r='4'/%3E%3Ccircle cx='35' cy='62' r='4'/%3E%3Ccircle cx='13' cy='30' r='4'/%3E%3Ccircle cx='34' cy='43' r='4'/%3E%3Ccircle cx='51' cy='36' r='6'/%3E%3Ccircle cx='51' cy='52' r='4'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M97.7 63.8C99.1 76.4 111.0 84.5 104.3 89.4C97.6 94.3 71.5 96.4 57.5 93.2C43.4 90.1 25.1 81.1 20.1 70.6C15.1 60.2 20.9 40.3 27.5 30.7C34.2 21.0 48.8 15.4 60.2 12.7C71.7 9.9 90.0 5.5 96.3 14.0C102.5 22.5 96.4 51.2 97.7 63.8Z' fill='url(%23pd)'/%3E%3C/svg%3E") !important; }
.wij-pijlers .sow-features-feature:nth-child(4n+3) .sow-icon-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='110' viewBox='0 0 120 110'%3E%3Cdefs%3E%3Cpattern id='br' width='30' height='30' patternUnits='userSpaceOnUse'%3E%3Crect width='30' height='30' fill='%23ADC940'/%3E%3Crect width='30' height='15' fill='%238FBD45'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M113.8 66.6C114.1 77.9 88.2 83.2 77.2 88.4C66.3 93.6 56.8 100.7 48.1 97.8C39.4 95.0 30.2 80.5 25.0 71.2C19.9 61.9 13.9 51.7 17.1 42.0C20.2 32.2 34.2 16.4 44.0 12.9C53.8 9.4 64.2 11.9 75.9 20.9C87.5 29.9 113.6 55.4 113.8 66.6Z' fill='url(%23br)'/%3E%3C/svg%3E") !important; }
.wij-pijlers .sow-features-feature:nth-child(4n+4) .sow-icon-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='110' viewBox='0 0 120 110'%3E%3Cdefs%3E%3C/defs%3E%3Cpath d='M112.6 60.6C114.1 74.0 110.8 85.5 101.5 92.8C92.1 100.1 70.2 105.4 56.5 104.3C42.8 103.2 26.8 96.6 19.3 86.1C11.9 75.6 5.9 55.1 11.7 41.4C17.5 27.7 40.9 8.8 54.2 3.9C67.6 -0.9 82.3 2.8 92.1 12.3C101.8 21.7 111.0 47.2 112.6 60.6Z' fill='%23E76C2E'/%3E%3C/svg%3E") !important; }
.wij-pijlers .sow-icon-container [class^="sow-icon-"], .wij-pijlers .sow-icon-container [class*=" sow-icon-"] {
  position: absolute !important;
  right: -8px;
  bottom: -6px;
  top: auto !important;
  left: auto !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 6px 14px rgba(26, 53, 119, .18);
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 24px !important;
  margin: 0 !important;
  transform: none !important;
}
.wij-pijlers .sow-features-feature h5, .wij-pijlers .sow-features-feature h3, .wij-pijlers .sow-features-feature h4 { font-size: 26px !important; margin: 0 0 10px !important; color: var(--wij-blauw) !important; }
.wij-pijlers .sow-features-feature p { font-size: 16px; line-height: 1.7; color: var(--wij-tekst-zacht); max-width: 250px; margin: 0 auto 12px; }
.wij-pijlers .sow-more-text a, .wij-pijlers a.sow-more-text { font-weight: 800; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: var(--wij-magenta) !important; text-decoration: none; }

/* Fotomasker (op een Afbeelding-widget) */
.wij-foto-masker { position: relative; padding: 10px 10px 70px 80px; }
.wij-foto-masker::before { content: ""; position: absolute; inset: 60px 40px -40px -30px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560' viewBox='0 0 560 560'%3E%3Cdefs%3E%3Cpattern id='pd' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Crect width='60' height='60' fill='%23C22751'/%3E%3Cg fill='%23E3168B'%3E%3Ccircle cx='2' cy='17' r='4'/%3E%3Ccircle cx='62' cy='17' r='4'/%3E%3Ccircle cx='35' cy='2' r='4'/%3E%3Ccircle cx='35' cy='62' r='4'/%3E%3Ccircle cx='13' cy='30' r='4'/%3E%3Ccircle cx='34' cy='43' r='4'/%3E%3Ccircle cx='51' cy='36' r='6'/%3E%3Ccircle cx='51' cy='52' r='4'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M497.2 250.9C500.1 310.2 495.6 439.3 461.3 481.4C426.9 523.4 352.5 510.6 291.1 503.1C229.8 495.6 131.2 481.3 93.1 436.4C55.0 391.5 32.9 290.2 62.5 233.6C92.1 177.1 207.1 115.2 270.7 97.2C334.4 79.2 406.5 99.9 444.3 125.5C482.0 151.2 494.4 191.6 497.2 250.9Z' fill='url(%23pd)'/%3E%3C/svg%3E") center / 100% 100% no-repeat; z-index: 0; pointer-events: none; }
.wij-foto-masker img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 420px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin: 0 auto;
  border: 10px solid #fff;
  border-radius: 58% 42% 50% 50% / 45% 55% 45% 55%;
}

/* Linklijst (Editor-widget met class wij-linklijst) */
.wij-linklijst ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.wij-linklijst li { display: flex; align-items: center; gap: 12px; margin: 0; font-weight: 800; font-size: 17px; }
.wij-linklijst li::before { content: ""; flex: 0 0 14px; width: 14px; height: 14px; border-radius: 50%; background: var(--wij-magenta); }
.wij-linklijst li:nth-child(4n+2)::before { background: var(--wij-groen); }
.wij-linklijst li:nth-child(4n+3)::before { background: var(--wij-oranje); }
.wij-linklijst li:nth-child(4n+4)::before { background: var(--wij-blauw-licht); }
.wij-linklijst a { color: var(--wij-blauw); text-decoration: none; }
.wij-linklijst a::after { content: " \2192"; }
.wij-linklijst a:hover, .wij-linklijst a:focus { color: var(--wij-magenta); }

/* Plek voor de Social Schools-agenda (tot de widgetcode er is) */
.wij-agenda-plek { border-radius: 28px; color: var(--wij-tekst-zacht); }
.wij-agenda-plek p { margin: 0; }

/* Ruimte tussen gewone (niet-gekleurde) rijen */
.wij-rij-ruim { padding-top: 110px !important; padding-bottom: 40px !important; }
.home .site-inner { padding-top: 0 !important; margin-top: 0 !important; }
.home .entry { margin-bottom: 0 !important; padding: 0 !important; }

/* Pijlers – aanvulling na eerste render */
.wij-pijlers .sow-features-feature, .wij-pijlers .sow-features-feature-right-left-container { flex-direction: column !important; align-items: center; text-align: center; }
.wij-pijlers .sow-features-feature .textwidget { width: 100%; }
.wij-pijlers .sow-features-feature-text { line-height: 1.7; color: var(--wij-tekst-zacht); margin: 0 auto 14px; }
.wij-pijlers .sow-more-text, .wij-pijlers .sow-more-text a { font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--wij-magenta) !important; text-decoration: none; }
.wij-pijlers .sow-features-feature-title { margin: 4px 0 10px !important; color: var(--wij-blauw) !important; }
.wij-pijlers .sow-icon-container span { color: var(--wij-blauw) !important; }
@media (max-width: 900px) { .wij-pijlers .sow-features-feature { width: calc(50% - 25px) !important; } }
@media (max-width: 560px) { .wij-pijlers .sow-features-feature { width: 100% !important; } }

/* Nieuws (Blog-widget met class wij-nieuws) */
.wij-nieuws article { background: transparent !important; box-shadow: none !important; border: 0 !important; }
.wij-nieuws .sow-entry-thumbnail { margin-bottom: 18px; }
.wij-nieuws .sow-entry-thumbnail img { display: block; width: 100%; object-fit: cover; transition: border-radius .6s ease, transform .4s ease; }

.wij-nieuws article:hover .sow-entry-thumbnail img { transform: scale(1.02); }
.wij-nieuws .sow-blog-content-wrapper { padding: 0 6px !important; background: transparent !important; }

.wij-nieuws .sow-entry-title a { color: var(--wij-blauw) !important; text-decoration: none; }
.wij-nieuws .sow-entry-title a:hover { color: var(--wij-magenta) !important; }
.wij-nieuws .sow-entry-meta, .wij-nieuws .sow-entry-meta a { font-weight: 800; text-transform: uppercase; }
.wij-nieuws .sow-entry-content { color: var(--wij-tekst-zacht); }
.wij-nieuws .sow-more-link a, .wij-nieuws a.sow-more-link { font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--wij-magenta) !important; }
.wij-kop-klein .sow-headline { font-size: 28px !important; margin-top: 30px !important; }

.wij-nieuws time.updated { display: none; }
.wij-nieuws .sow-entry-content { margin-top: 10px !important; }
.so-panel .post-edit-link, .so-widget-sow-editor .post-edit-link { display: none; }

@media (max-width: 600px) {
  .wij-hero { padding: 150px 18px 170px !important; background-size: 100% 70px, 190px 199px, 190px 215px, auto !important; background-position: center bottom -1px, left -95px top -30px, right -105px top -10px, 0 0 !important; }
  .wij-hero .so-widget-sow-editor p { font-size: 18px; }
  .wij-header .wij-btn-klein { display: none !important; }
}

/* Nieuws v2-layout: gemaskerde foto met patroon-blob erachter + stippen */
.wij-nieuws article { position: relative; }
.wij-nieuws .sow-entry-thumbnail { position: relative; isolation: isolate; margin: 0 0 30px !important; padding: 0 9% 13% 0; overflow: visible; }
.wij-nieuws .sow-entry-thumbnail::before { content: ""; position: absolute; left: 16%; right: -10%; top: 14%; bottom: -12%; z-index: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='110' viewBox='0 0 120 110'%3E%3Cdefs%3E%3Cpattern id='st' width='26' height='26' patternUnits='userSpaceOnUse' patternTransform='rotate(28)'%3E%3Crect width='26' height='26' fill='%233598D0'/%3E%3Crect width='13' height='26' fill='%231E4E98'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M109.1 46.7C109.4 57.6 94.9 82.5 85.9 92.5C77.0 102.5 67.4 110.8 55.7 106.7C44.0 102.7 21.1 80.0 15.7 68.4C10.4 56.9 19.3 45.9 23.4 37.3C27.5 28.6 30.1 18.1 40.2 16.4C50.4 14.6 73.0 21.8 84.5 26.9C96.0 31.9 108.9 35.8 109.1 46.7Z' fill='url(%23st)'/%3E%3C/svg%3E") center / 100% 100% no-repeat; transition: transform .5s ease; }
.wij-nieuws article:nth-child(3n+2) .sow-entry-thumbnail::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='110' viewBox='0 0 120 110'%3E%3Cdefs%3E%3Cpattern id='pd' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Crect width='60' height='60' fill='%23C22751'/%3E%3Cg fill='%23E3168B'%3E%3Ccircle cx='2' cy='17' r='4'/%3E%3Ccircle cx='62' cy='17' r='4'/%3E%3Ccircle cx='35' cy='2' r='4'/%3E%3Ccircle cx='35' cy='62' r='4'/%3E%3Ccircle cx='13' cy='30' r='4'/%3E%3Ccircle cx='34' cy='43' r='4'/%3E%3Ccircle cx='51' cy='36' r='6'/%3E%3Ccircle cx='51' cy='52' r='4'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M97.7 63.8C99.1 76.4 111.0 84.5 104.3 89.4C97.6 94.3 71.5 96.4 57.5 93.2C43.4 90.1 25.1 81.1 20.1 70.6C15.1 60.2 20.9 40.3 27.5 30.7C34.2 21.0 48.8 15.4 60.2 12.7C71.7 9.9 90.0 5.5 96.3 14.0C102.5 22.5 96.4 51.2 97.7 63.8Z' fill='url(%23pd)'/%3E%3C/svg%3E"); left: 18%; top: 0; transform: rotate(-8deg); }
.wij-nieuws article:nth-child(3n+3) .sow-entry-thumbnail::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='110' viewBox='0 0 120 110'%3E%3Cdefs%3E%3Cpattern id='br' width='30' height='30' patternUnits='userSpaceOnUse'%3E%3Crect width='30' height='30' fill='%23ADC940'/%3E%3Crect width='30' height='15' fill='%238FBD45'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M113.8 66.6C114.1 77.9 88.2 83.2 77.2 88.4C66.3 93.6 56.8 100.7 48.1 97.8C39.4 95.0 30.2 80.5 25.0 71.2C19.9 61.9 13.9 51.7 17.1 42.0C20.2 32.2 34.2 16.4 44.0 12.9C53.8 9.4 64.2 11.9 75.9 20.9C87.5 29.9 113.6 55.4 113.8 66.6Z' fill='url(%23br)'/%3E%3C/svg%3E"); left: 20%; top: -4%; transform: rotate(12deg); }
.wij-nieuws .sow-entry-thumbnail .wij-particles { z-index: 0; }
.wij-nieuws .sow-entry-thumbnail a { position: relative; z-index: 1; display: block; }
.wij-nieuws .sow-entry-thumbnail img { box-sizing: border-box; border: 8px solid #fff !important; aspect-ratio: 4 / 3; border-radius: 42% 58% 44% 56% / 52% 48% 52% 48% !important; transform: none !important; }
.wij-nieuws article:nth-child(3n+2) .sow-entry-thumbnail img { border-radius: 55% 45% 58% 42% / 46% 56% 44% 54% !important; }
.wij-nieuws article:nth-child(3n+3) .sow-entry-thumbnail img { border-radius: 46% 54% 40% 60% / 56% 44% 56% 44% !important; }
.wij-nieuws article:hover .sow-entry-thumbnail::before { transform: translate(6px, 4px) rotate(4deg); }
.wij-nieuws article:hover .sow-entry-thumbnail img { border-radius: 50% 50% 48% 52% / 50% 50% 50% 50% !important; }
.wij-nieuws .sow-entry-header { display: flex; flex-direction: column; }
.wij-nieuws .sow-entry-meta { order: -1; margin: 0 0 10px; }
.wij-nieuws .sow-entry-meta, .wij-nieuws .sow-entry-meta a { color: #8A8486 !important; font-size: 15px !important; letter-spacing: .2em !important; }
.wij-nieuws .sow-entry-title, .wij-nieuws .entry-title { font-size: clamp(26px, 2.4vw, 36px) !important; line-height: 1.05 !important; margin: 0 0 14px !important; }
.wij-nieuws .sow-entry-content { font-size: 18px !important; line-height: 1.6; }

/* Agenda-demo (voorbeeldlijst tot de Social Schools-widget er is) */
.wij-agenda-plek { border: 0 !important; padding: 0 !important; text-align: left !important; background: transparent; }
.wij-agenda-melding { margin: 0 0 18px !important; padding: 14px 20px; border: 2px dotted #DCE8F7; border-radius: 18px; font-size: 15px; color: var(--wij-tekst-zacht); }
.wij-agenda-demo { list-style: none; margin: 0 !important; padding: 0 !important; border-top: 2px dotted #DCE8F7; }
.wij-agenda-demo li { display: flex; align-items: center; margin: 0 !important; border-bottom: 2px dotted #DCE8F7; }
.wij-datum { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-transform: uppercase; font-family: "Londrina Solid", sans-serif; line-height: .9; isolation: isolate; }
.wij-datum::before { content: ""; position: absolute; z-index: -1; background: var(--wij-blauw); border-radius: 46% 54% 40% 60% / 42% 46% 54% 58%; }
.wij-agenda-demo li:nth-child(4n+2) .wij-datum::before { background: var(--wij-magenta); border-radius: 58% 42% 50% 50% / 46% 56% 44% 54%; }
.wij-agenda-demo li:nth-child(4n+3) .wij-datum::before { background: var(--wij-groen-donker); border-radius: 50% 50% 46% 54% / 60% 52% 48% 40%; }
.wij-agenda-demo li:nth-child(4n+4) .wij-datum::before { background: var(--wij-oranje-donker); border-radius: 44% 56% 52% 48% / 50% 44% 56% 50%; }
.wij-datum b { font-weight: 900; }
.wij-datum small { font-weight: 900; letter-spacing: .12em; }
.wij-datum .wij-particles { z-index: -2; }
.wij-agenda-tekst { display: flex; flex-direction: column; }
.wij-agenda-tekst strong { font-weight: 800; color: var(--wij-tekst); text-transform: uppercase; letter-spacing: .02em; }
.wij-agenda-tekst span { color: var(--wij-tekst-zacht); }
@media (max-width: 560px) { .wij-agenda-demo li { gap: 18px; } .wij-datum { flex-basis: 90px; width: 90px; height: 84px; }  .wij-agenda-tekst strong { font-size: 18px; } }

/* Ruimte onder koppen (kringel onder WIJ mag niet tegen de tekst) */
.so-widget-sow-headline { margin-bottom: 22px; }
.wij-afsluiter .so-widget-sow-headline, .wij-afsluiter .sow-headline-container { margin-bottom: 30px !important; }

.home a.post-edit-link { display: none !important; }
.wij-bg-perzik .wij-agenda-melding { background: #fff; }
.wij-bg-perzik .wij-agenda-demo, .wij-bg-perzik .wij-agenda-demo li { border-color: #F1DCCB; }
/* Datum-blob kleiner, zodat de stipjes eromheen zichtbaar zijn */

.wij-datum small { margin-top: 2px; }
@media (max-width: 560px) { .wij-datum::before { inset: 10px 10px !important; } .wij-datum b { font-size: 28px !important; } }

/* =====================================================================
   WIJ KNOPPEN – stijl B3 (gekozen 10-11-2026)
   Grillige stickervorm met subtiel patroon, pijl in een wit blobje,
   stipjes als maatjes. De gestreepte schaduwvorm verschijnt alleen bij hover.
   Varianten: standaard (magenta) · widgetclass wij-btn-rand (blauw) ·
   tekstlink (.sow-more-text, .sow-more-link, .wij-tekstlink) · klein (header)
   ===================================================================== */
.ow-button-base a, a.wij-btn { position: relative !important; isolation: isolate; z-index: 0; display: inline-flex !important; align-items: center; justify-content: center; min-height: 60px; padding: 13px 14px 13px 30px !important; font-family: "Nunito", sans-serif !important; font-weight: 800 !important; font-size: 14px !important; line-height: 1 !important; letter-spacing: .12em !important; text-transform: uppercase; text-decoration: none !important; color: #fff !important; border: 0 !important; box-shadow: none !important; text-shadow: none !important; background: var(--wij-magenta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='%23D9447A'%3E%3Ccircle cx='6' cy='8' r='2.4'/%3E%3Ccircle cx='27' cy='5' r='1.8'/%3E%3Ccircle cx='18' cy='22' r='2.8'/%3E%3Ccircle cx='35' cy='28' r='2'/%3E%3Ccircle cx='8' cy='34' r='1.6'/%3E%3C/g%3E%3C/svg%3E") !important; transition: transform .35s cubic-bezier(.2, .8, .2, 1), border-radius .5s ease !important; }
.ow-button-base a > span { display: inline !important; line-height: 1; padding-top: 1px; white-space: nowrap; }
.ow-button-base a > span::after { vertical-align: middle; width: 34px; height: 34px; margin: -4px 0 0 16px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8h10M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='%23C22751' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat; transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
/* schaduwvorm: verborgen, schuift uit bij hover */
.ow-button-base a::before, a.wij-btn::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: var(--wij-oranje) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M-2 14L14 -2' stroke='%23EB8028' stroke-width='4'/%3E%3C/svg%3E");
  opacity: 0; transform: translate(0, 0);
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), opacity .25s ease;
}
/* stipjes als maatjes */
.ow-button-base a::after, a.wij-btn::after {
  content: ""; position: absolute; z-index: -2; right: -15px; top: -9px; width: 11px; height: 11px; border-radius: 50%; pointer-events: none;
  background: var(--wij-oranje);
  box-shadow: -13px -8px 0 -2px var(--wij-oranje), 9px 22px 0 -3px var(--wij-blauw-licht);
  transition: transform .5s cubic-bezier(.2, .8, .2, 1);
}
.ow-button-base a:hover, .ow-button-base a:focus-visible, a.wij-btn:hover, a.wij-btn:focus-visible { color: #fff !important; background: var(--wij-magenta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='%23D9447A'%3E%3Ccircle cx='6' cy='8' r='2.4'/%3E%3Ccircle cx='27' cy='5' r='1.8'/%3E%3Ccircle cx='18' cy='22' r='2.8'/%3E%3Ccircle cx='35' cy='28' r='2'/%3E%3Ccircle cx='8' cy='34' r='1.6'/%3E%3C/g%3E%3C/svg%3E") !important; }
.ow-button-base a:hover::before, .ow-button-base a:focus-visible::before, a.wij-btn:hover::before, a.wij-btn:focus-visible::before { opacity: 1; transform: translate(8px, 8px); }
.ow-button-base a:hover::after, a.wij-btn:hover::after { transform: translate(6px, -5px); }
.ow-button-base a:hover > span::after { transform: translateX(4px) rotate(-8deg); }
.ow-button-base a:active, a.wij-btn:active { transform: translate(2px, 2px) !important; }

/* variant: blauw (widgetclass wij-btn-rand) */
body .wij-btn-rand .ow-button-base a.sowb-button, body .wij-btn-rand .ow-button-base a.sowb-button:hover, body .wij-btn-rand .ow-button-base a.sowb-button:focus-visible, body a.wij-btn.wij-btn-rand { background: var(--wij-blauw) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M-2 16L16 -2' stroke='%232F56AE' stroke-width='5'/%3E%3C/svg%3E") !important; color: #fff !important; border: 0 !important; }
body .wij-btn-rand .ow-button-base a > span::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8h10M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='%231E4E98' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body .wij-btn-rand .ow-button-base a::before, body a.wij-btn.wij-btn-rand::before { background: var(--wij-groen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect width='12' height='6' fill='%23ADC940'/%3E%3C/svg%3E"); }
body .wij-btn-rand .ow-button-base a::after, body a.wij-btn.wij-btn-rand::after { background: var(--wij-groen); box-shadow: -13px -8px 0 -2px var(--wij-groen), 9px 22px 0 -3px var(--wij-oranje); }

/* variant: klein (header) – zonder pijl en maatjes */
a.wij-btn.wij-btn-klein { min-height: 0; padding: 12px 22px !important; font-size: 13px !important; }
a.wij-btn.wij-btn-klein::after { display: none; }

/* tekstlink met pijl-blobje */
.wij-pijlers .sow-more-text, .wij-nieuws a.sow-more-link, a.wij-tekstlink {
  display: inline-flex !important; align-items: center; gap: 10px;
  font-family: "Nunito", sans-serif; font-weight: 800 !important; font-size: 14px !important; line-height: 1.3;
  letter-spacing: .12em !important; text-transform: uppercase; text-decoration: none !important; color: var(--wij-magenta) !important;
}
.wij-pijlers .sow-more-text::after, .wij-nieuws a.sow-more-link::after, a.wij-tekstlink::after {
  content: ""; flex: 0 0 28px; width: 28px; height: 28px;
  background: var(--wij-magenta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8h10M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
  border-radius: 55% 45% 50% 50% / 50% 55% 45% 50%;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
.wij-pijlers .sow-features-feature:hover .sow-more-text::after, .wij-nieuws a.sow-more-link:hover::after, a.wij-tekstlink:hover::after { transform: translateX(4px) rotate(-8deg); }
.wij-nieuws .sow-more-link-arrow { display: none !important; }
.wij-pijlers .sow-more-text { justify-content: center; text-align: left; }

@media (prefers-reduced-motion: reduce) {
  .ow-button-base a, a.wij-btn, .ow-button-base a::before, .ow-button-base a::after, .ow-button-base a > span::after { transition: none !important; }
}

/* Nieuws: meer kolomruimte, geen 'Load More' */
.wij-nieuws .sow-blog-posts { column-gap: 64px !important; }
.wij-nieuws .sow-blog-infinite, .wij-nieuws .sow-post-navigation { display: none !important; }
@media (max-width: 1000px) { .wij-nieuws .sow-blog-posts { column-gap: 36px !important; } }

/* Knoppen: grillige vorm al in rust duidelijk zichtbaar */
.ow-button-base a, a.wij-btn { transform: rotate(-1deg); }
.ow-button-base a:hover, .ow-button-base a:focus-visible, a.wij-btn:hover, a.wij-btn:focus-visible { transform: translate(-3px, -3px) rotate(.5deg) !important; }
body .wij-btn-rand .ow-button-base a.sowb-button { border-radius: 46px 14px 44px 16px / 14px 46px 16px 44px !important; transform: rotate(1deg); }
body .wij-btn-rand .ow-button-base a.sowb-button:hover { border-radius: 14px 46px 16px 44px / 44px 14px 46px 16px !important; transform: translate(-3px, -3px) rotate(-.5deg) !important; }
.ow-button-base a > span::after { border-radius: 62% 38% 56% 44% / 46% 60% 40% 54%; }

/* Nieuws: geen scrollbalk bij hover, "Verder lezen" op eigen regel */
.wij-nieuws .sow-blog-content-wrapper { overflow: visible !important; }
.wij-nieuws a.sow-more-link { display: flex !important; width: max-content; margin-top: 16px; }

/* Agenda compacter */
.wij-agenda-demo li { gap: 20px !important; padding: 12px 0 !important; }
.wij-datum { flex: 0 0 96px !important; width: 96px !important; height: 86px !important; }
.wij-datum::before { inset: 10px 12px !important; }
.wij-datum b { font-size: 28px !important; }
.wij-datum small { font-size: 12px !important; }
.wij-agenda-tekst { gap: 2px !important; }
.wij-agenda-tekst strong { font-size: 18px !important; }
.wij-agenda-tekst span { font-size: 16px !important; }
.wij-agenda-melding { margin-bottom: 10px !important; }

/* Knoppen – lagen gecorrigeerd: vlak (::before) · schaduwvorm (::after, alleen hover, áchter het vlak) · stipjes (span::before)
   Nodig omdat de knop door transform een eigen stapelcontext heeft. */
.ow-button-base a, a.wij-btn, .ow-button-base a:hover, .ow-button-base a:focus-visible, a.wij-btn:hover, a.wij-btn:focus-visible,
body .wij-btn-rand .ow-button-base a.sowb-button, body .wij-btn-rand .ow-button-base a.sowb-button:hover, body .wij-btn-rand .ow-button-base a.sowb-button:focus-visible, body a.wij-btn.wij-btn-rand { background: transparent !important; }
.ow-button-base a::before, a.wij-btn::before, .ow-button-base a:hover::before, .ow-button-base a:focus-visible::before, a.wij-btn:hover::before, a.wij-btn:focus-visible::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: var(--wij-magenta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='%23D9447A'%3E%3Ccircle cx='6' cy='8' r='2.4'/%3E%3Ccircle cx='27' cy='5' r='1.8'/%3E%3Ccircle cx='18' cy='22' r='2.8'/%3E%3Ccircle cx='35' cy='28' r='2'/%3E%3Ccircle cx='8' cy='34' r='1.6'/%3E%3C/g%3E%3C/svg%3E"); opacity: 1; transform: none; transition: none;
}
.ow-button-base a::after, a.wij-btn::after, a.wij-btn.wij-btn-klein::after {
  content: ""; display: block; position: absolute; inset: 0; right: 0; top: 0; width: auto; height: auto; z-index: -2; border-radius: inherit; pointer-events: none; box-shadow: none;
  background: var(--wij-oranje) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M-2 14L14 -2' stroke='%23EB8028' stroke-width='4'/%3E%3C/svg%3E"); opacity: 0; transform: translate(0, 0);
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), opacity .25s ease;
}
.ow-button-base a:hover::after, .ow-button-base a:focus-visible::after, a.wij-btn:hover::after, a.wij-btn:focus-visible::after { opacity: 1; transform: translate(8px, 8px); }
.ow-button-base a > span::before {
  content: ""; position: absolute; z-index: -3; right: -15px; top: -9px; width: 11px; height: 11px; border-radius: 50%; pointer-events: none;
  background: var(--wij-oranje); box-shadow: -13px -8px 0 -2px var(--wij-oranje), 9px 22px 0 -3px var(--wij-blauw-licht);
  transition: transform .5s cubic-bezier(.2, .8, .2, 1);
}
.ow-button-base a:hover > span::before { transform: translate(6px, -5px); }
body .wij-btn-rand .ow-button-base a.sowb-button::before { background: var(--wij-blauw) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M-2 16L16 -2' stroke='%232F56AE' stroke-width='5'/%3E%3C/svg%3E"); }
body .wij-btn-rand .ow-button-base a.sowb-button::after { background: var(--wij-groen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect width='12' height='6' fill='%23ADC940'/%3E%3C/svg%3E"); box-shadow: none; width: auto; height: auto; }
body .wij-btn-rand .ow-button-base a.sowb-button > span::before { background: var(--wij-groen); box-shadow: -13px -8px 0 -2px var(--wij-groen), 9px 22px 0 -3px var(--wij-oranje); }

/* Knoppen – icoon in het witte blobje; blobje alleen als de knop een icoon heeft (Knop-widget › Icoon) */
.ow-button-base a > span::after { content: none !important; display: none !important; }
.ow-button-base a { padding: 13px 32px !important; }
.ow-button-base a:has([class*="sow-icon-"]) { padding: 13px 14px 13px 30px !important; }
.ow-button-base a.ow-icon-placement-left:has([class*="sow-icon-"]) { padding: 13px 30px 13px 14px !important; }
.ow-button-base a > span:has(> [class*="sow-icon-"]) { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 16px; }
.ow-button-base a.ow-icon-placement-right > span > [class*="sow-icon-"] { order: 2; }
.ow-button-base a > span > [class*="sow-icon-"] {
  float: none !important; margin: -4px 0 !important; position: static !important;
  display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 34px;
  width: 34px !important; height: 34px !important; font-size: 15px !important; line-height: 1 !important;
  color: var(--wij-magenta) !important; background: #fff;
  border-radius: 62% 38% 56% 44% / 46% 60% 40% 54%;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
.ow-button-base a.ow-icon-placement-right:hover > span > [class*="sow-icon-"] { transform: translateX(4px) rotate(-8deg); }
.ow-button-base a.ow-icon-placement-left:hover > span > [class*="sow-icon-"] { transform: translateX(-4px) rotate(8deg); }
body .wij-btn-rand .ow-button-base a > span > [class*="sow-icon-"] { color: var(--wij-blauw) !important; }

/* (blobvorm-variant 13:57 teruggedraaid: de vorm van 13:51 is de gekozen vorm) */

/* Knoppen: magenta krijgt dezelfde vormsoort als de blauwe (gespiegeld) */
.ow-button-base a, a.wij-btn { border-radius: 16px 46px 14px 44px / 46px 16px 44px 14px !important; }
.ow-button-base a:hover, .ow-button-base a:focus-visible, a.wij-btn:hover, a.wij-btn:focus-visible { border-radius: 44px 14px 46px 16px / 14px 44px 16px 46px !important; }
/* specifieker dan de oude pil-regel (a.sowb-button) */
.ow-button-base a.sowb-button { border-radius: 16px 46px 14px 44px / 46px 16px 44px 14px !important; }
.ow-button-base a.sowb-button:hover, .ow-button-base a.sowb-button:focus-visible { border-radius: 44px 14px 46px 16px / 14px 44px 16px 46px !important; }

/* =====================================================================
   WIJ KNOPVARIANTEN – instelbaar per widget
   Page Builder › widget › Ontwerp › "WIJ knopstijl" (keuzelijst), of zelf
   een class in "Widget CSS-klasse": wij-knop-blauw / wij-knop-oranje / wij-knop-groen.
   (wij-btn-rand werkt nog als alias van wij-knop-blauw.)
   Alles loopt via variabelen, zodat een variant alleen kleuren hoeft te zetten.
   ===================================================================== */
.ow-button-base a, a.wij-btn {
  --knop-vlak: #C22751; --knop-patroon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='%23D2346A'%3E%3Ccircle cx='6' cy='8' r='2.4'/%3E%3Ccircle cx='27' cy='5' r='1.8'/%3E%3Ccircle cx='18' cy='22' r='2.8'/%3E%3Ccircle cx='35' cy='28' r='2'/%3E%3Ccircle cx='8' cy='34' r='1.6'/%3E%3C/g%3E%3C/svg%3E"); --knop-tekst: #fff;
  --knop-schaduw: #E76C2E; --knop-schaduw-patroon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M-2 14L14 -2' stroke='%23EB8028' stroke-width='4'/%3E%3C/svg%3E");
  --knop-stip: #E76C2E; --knop-stip2: #3598D0;
}
.wij-knop-blauw .ow-button-base a, .wij-btn-rand .ow-button-base a, a.wij-btn.wij-knop-blauw {
  --knop-vlak: #1E4E98; --knop-patroon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M-2 16L16 -2' stroke='%23295FB0' stroke-width='5'/%3E%3C/svg%3E"); --knop-tekst: #fff;
  --knop-schaduw: #8FBD45; --knop-schaduw-patroon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect width='12' height='6' fill='%23ADC940'/%3E%3C/svg%3E");
  --knop-stip: #8FBD45; --knop-stip2: #E76C2E;
}
.wij-knop-oranje .ow-button-base a, a.wij-btn.wij-knop-oranje {
  --knop-vlak: #E76C2E; --knop-patroon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M-2 14L14 -2' stroke='%23EB8028' stroke-width='4'/%3E%3C/svg%3E"); --knop-tekst: #fff;
  --knop-schaduw: #C22751; --knop-schaduw-patroon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='%23D2346A'%3E%3Ccircle cx='6' cy='8' r='2.4'/%3E%3Ccircle cx='27' cy='5' r='1.8'/%3E%3Ccircle cx='18' cy='22' r='2.8'/%3E%3Ccircle cx='35' cy='28' r='2'/%3E%3Ccircle cx='8' cy='34' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
  --knop-stip: #C22751; --knop-stip2: #8FBD45;
}
.wij-knop-groen .ow-button-base a, a.wij-btn.wij-knop-groen {
  --knop-vlak: #8FBD45; --knop-patroon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect width='12' height='6' fill='%23ADC940'/%3E%3C/svg%3E"); --knop-tekst: #1E4E98;
  --knop-schaduw: #1E4E98; --knop-schaduw-patroon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M-2 14L14 -2' stroke='%233598D0' stroke-width='4'/%3E%3C/svg%3E");
  --knop-stip: #1E4E98; --knop-stip2: #E76C2E;
}
.ow-button-base a.sowb-button, .ow-button-base a.sowb-button:hover, .ow-button-base a.sowb-button:focus-visible, a.wij-btn, a.wij-btn:hover { color: var(--knop-tekst) !important; }
.ow-button-base a.sowb-button::before, a.wij-btn::before { background: var(--knop-vlak) var(--knop-patroon) !important; }
.ow-button-base a.sowb-button::after, a.wij-btn::after { background: var(--knop-schaduw) var(--knop-schaduw-patroon) !important; }
.ow-button-base a.sowb-button > span::before { background: var(--knop-stip) !important; box-shadow: -13px -8px 0 -2px var(--knop-stip), 9px 22px 0 -3px var(--knop-stip2) !important; }
.ow-button-base a.sowb-button > span > [class*="sow-icon-"] { color: var(--knop-vlak) !important; }
body .wij-btn-rand .ow-button-base a > span > [class*="sow-icon-"], body .wij-knop-blauw .ow-button-base a > span > [class*="sow-icon-"] { color: #1E4E98 !important; }
/* vorm: magenta + oranje = vorm A, blauw + groen = vorm B (gespiegeld) */
.wij-knop-blauw .ow-button-base a.sowb-button, .wij-knop-groen .ow-button-base a.sowb-button { border-radius: 46px 14px 44px 16px / 14px 46px 16px 44px !important; transform: rotate(1deg); }
.wij-knop-blauw .ow-button-base a.sowb-button:hover, .wij-knop-groen .ow-button-base a.sowb-button:hover { border-radius: 14px 46px 16px 44px / 46px 14px 44px 16px !important; transform: translate(-3px, -3px) rotate(-.5deg) !important; }

/* Knoppen: geen rand/achtergrond van SiteOrigin of oude regels (blauwe knop had een magenta rand) */
body .ow-button-base a.sowb-button, body .ow-button-base a.sowb-button:hover, body .ow-button-base a.sowb-button:focus, body .ow-button-base a.sowb-button:focus-visible, body .ow-button-base a.sowb-button:active { border: 0 !important; background: transparent !important; box-shadow: none !important; }
/* Optie per knop: stipjes (maatjes) uit – Ontwerp › "WIJ knop zonder stipjes" of class wij-knop-zonder-stippen */
.wij-knop-zonder-stippen .ow-button-base a > span::before, a.wij-btn.wij-knop-zonder-stippen > span::before { display: none !important; }
/* Menuknop in de header: zelfde grillige vorm als de knoppen */
.wij-menuknop { border-radius: 46px 14px 44px 16px / 14px 46px 16px 44px !important; transform: rotate(1deg); transition: border-radius .5s ease, transform .35s cubic-bezier(.2, .8, .2, 1), background-color .2s, color .2s; }
.wij-menuknop:hover, .wij-menuknop:focus-visible, .wij-menuknop[aria-expanded="true"] { border-radius: 14px 46px 16px 44px / 46px 14px 44px 16px !important; transform: rotate(-.5deg); }

/* Golf direct van de vorige sectiekleur (zonder wit tussenstuk).
   Zet op de VOLGENDE rij naast wij-golf-boven: wij-golf-van-perzik / -van-blauw / -van-donkerblauw,
   en haal bij de vorige rij wij-golf-onder weg. */
.wij-golf-boven.wij-golf-van-perzik::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V58C1310 104 1180 34 990 62C800 90 650 24 450 54C270 82 130 30 0 70Z' fill='%23FFF6EF'/%3E%3C/svg%3E") !important; }
.wij-golf-boven.wij-golf-van-blauw::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V58C1310 104 1180 34 990 62C800 90 650 24 450 54C270 82 130 30 0 70Z' fill='%23EEF4FC'/%3E%3C/svg%3E") !important; }
.wij-golf-boven.wij-golf-van-donkerblauw::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V58C1310 104 1180 34 990 62C800 90 650 24 450 54C270 82 130 30 0 70Z' fill='%231E4E98'/%3E%3C/svg%3E") !important; }
.wij-golf-boven[class*="wij-golf-van-"]::before { top: -1px; height: 120px; }
/* geen witte rij-marge tussen de twee secties */
.panel-grid:has(+ .panel-grid > [class*="wij-golf-van-"]) { margin-bottom: 0 !important; }
.panel-grid:has(> [class*="wij-golf-van-"]) { margin-top: -2px !important; position: relative; z-index: 1; }

/* Knopvariant: blauwe rand (rustig) – vult zich bij hover */
.wij-knop-rand .ow-button-base a, a.wij-btn.wij-knop-rand {
  --knop-vlak: transparent; --knop-patroon: none; --knop-tekst: #1E4E98;
  --knop-schaduw: #8FBD45; --knop-schaduw-patroon: none; --knop-stip: #8FBD45; --knop-stip2: #E76C2E;
}
.wij-knop-rand .ow-button-base a.sowb-button::before, a.wij-btn.wij-knop-rand::before { box-shadow: inset 0 0 0 3px #1E4E98; transition: background-color .3s ease; }
.wij-knop-rand .ow-button-base a.sowb-button:hover, .wij-knop-rand .ow-button-base a.sowb-button:focus-visible, a.wij-btn.wij-knop-rand:hover { color: #fff !important; }
.wij-knop-rand .ow-button-base a.sowb-button:hover::before, .wij-knop-rand .ow-button-base a.sowb-button:focus-visible::before, a.wij-btn.wij-knop-rand:hover::before { background: #1E4E98 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M-2 16L16 -2' stroke='%23295FB0' stroke-width='5'/%3E%3C/svg%3E") !important; }
.wij-knop-rand .ow-button-base a > span > [class*="sow-icon-"] { background: #1E4E98 !important; color: #fff !important; }
.wij-knop-rand .ow-button-base a.sowb-button { border-radius: 46px 14px 44px 16px / 14px 46px 16px 44px !important; transform: rotate(1deg); }
.wij-knop-rand .ow-button-base a.sowb-button:hover { border-radius: 14px 46px 16px 44px / 46px 14px 44px 16px !important; transform: translate(-3px, -3px) rotate(-.5deg) !important; }

/* Pijlers als kaarten: elke kolom een eigen zacht gekleurd kader in een grillige vorm */
.wij-pijlers .sow-features-list { align-items: stretch; }
.wij-pijlers .sow-features-feature {
  --pijler-tint: #EAF1FA; --pijler-rand: #3598D0;
  position: relative; display: flex !important; flex-direction: column !important; align-items: center;
  padding: 38px 26px 30px !important; margin-bottom: 0 !important;
  background: var(--pijler-tint);
  border-radius: 34px 64px 30px 58px / 58px 32px 64px 30px;
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), border-radius .6s ease, box-shadow .4s ease;
}
.wij-pijlers .sow-features-feature:nth-child(4n+2) { --pijler-tint: #FBEAF0; border-radius: 62px 30px 56px 36px / 32px 60px 30px 58px; }
.wij-pijlers .sow-features-feature:nth-child(4n+3) { --pijler-tint: #F1F6E2; border-radius: 30px 58px 64px 32px / 60px 34px 30px 62px; }
.wij-pijlers .sow-features-feature:nth-child(4n+4) { --pijler-tint: #FDEEE4; border-radius: 58px 34px 30px 64px / 30px 62px 58px 34px; }
.wij-pijlers .sow-features-feature:hover { transform: translateY(-6px) rotate(-.6deg); box-shadow: 0 18px 36px rgba(29, 78, 153, .12); }
.wij-pijlers .sow-features-feature-right-left-container, .wij-pijlers .sow-features-feature .textwidget { display: flex !important; flex-direction: column; align-items: center; flex: 1 1 auto; width: 100%; }
.wij-pijlers .sow-features-feature .textwidget { justify-content: space-between; }
.wij-pijlers .sow-features-feature-title { font-size: 24px !important; }
.wij-pijlers .sow-features-feature-text { font-size: 16px !important; max-width: none !important; }
.wij-pijlers .sow-more-text { margin-top: auto !important; padding-top: 6px; white-space: nowrap; }
@media (max-width: 1100px) { .wij-pijlers .sow-features-feature-title { font-size: 21px !important; } }
/* tekstkleur van de knopvariant wint van de kleur die de Knop-widget zelf genereert */
body .so-panel .ow-button-base a.sowb-button, body .so-panel .ow-button-base a.sowb-button:hover, body .so-panel .ow-button-base a.sowb-button:focus-visible, body .so-panel .ow-button-base a.sowb-button span { color: var(--knop-tekst) !important; }
body .so-panel.wij-knop-rand .ow-button-base a.sowb-button:hover, body .so-panel.wij-knop-rand .ow-button-base a.sowb-button:hover span, body .so-panel.wij-knop-rand .ow-button-base a.sowb-button:focus-visible, body .wij-knop-rand .ow-button-base a.sowb-button:hover span { color: #fff !important; }
.wij-knop-rand .ow-button-base a.sowb-button:hover, .wij-knop-rand .ow-button-base a.sowb-button:focus-visible, a.wij-btn.wij-knop-rand:hover { --knop-tekst: #fff; }

/* Icoon in het witte blobje: eigen kleurvariabele (werd wit door de tekstkleur-regel) */
body .so-panel .ow-button-base a.sowb-button > span > [class*="sow-icon-"] { color: var(--knop-icoon, var(--knop-vlak)) !important; }
.wij-knop-rand .ow-button-base a { --knop-icoon: #fff; }

/* Knopvariant: tekstlink met pijl (keuzelijst "Tekstlink met pijl", class wij-knop-tekst) */
.wij-knop-tekst .ow-button-base a { --knop-tekst: #C22751; --knop-icoon: #fff; }
body .wij-knop-tekst .ow-button-base a.sowb-button {
  min-height: 0 !important; padding: 4px 0 !important; transform: none !important; border-radius: 0 !important;
  font-size: 14px !important; letter-spacing: .12em !important;
}
body .wij-knop-tekst .ow-button-base a.sowb-button::before, body .wij-knop-tekst .ow-button-base a.sowb-button::after, body .wij-knop-tekst .ow-button-base a.sowb-button > span::before { display: none !important; }
body .wij-knop-tekst .ow-button-base a.sowb-button:hover { transform: none !important; }
body .wij-knop-tekst .ow-button-base a.sowb-button > span > [class*="sow-icon-"] { background: #C22751 !important; width: 30px !important; height: 30px !important; flex-basis: 30px; font-size: 13px !important; }
body .wij-knop-tekst .ow-button-base a.sowb-button > span:not(:has(> [class*="sow-icon-"]))::after {
  content: "" !important; display: inline-block !important; vertical-align: middle; width: 30px; height: 30px; margin: -4px 0 0 12px;
  background: #C22751 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8h10M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; border-radius: 62% 38% 56% 44% / 46% 60% 40% 54%;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
body .wij-knop-tekst .ow-button-base a.sowb-button:hover > span::after, body .wij-knop-tekst .ow-button-base a.sowb-button:hover > span > [class*="sow-icon-"] { transform: translateX(4px) rotate(-8deg); }

/* =====================================================================
   MENU SCHUIFT VAN RECHTS – paginavullend paneel onder de header
   ===================================================================== */
.wij-header-inner { position: relative; z-index: 3; }
.wij-menupaneel {
  position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
  z-index: 1; max-height: none !important; overflow-x: hidden !important; overflow-y: auto !important;
  padding-top: 120px; background: #fff; box-shadow: -30px 0 60px rgba(26, 53, 119, .18);
  transform: translateX(0); visibility: visible;
  transition: transform .55s cubic-bezier(.7, 0, .2, 1), visibility 0s 0s;
  overscroll-behavior: contain;
}
.wij-menupaneel[hidden] { display: block !important; transform: translateX(102%); visibility: hidden; transition: transform .45s cubic-bezier(.7, 0, .2, 1), visibility 0s .45s; }
body.admin-bar .wij-menupaneel { top: 32px !important; }
@media (max-width: 782px) { body.admin-bar .wij-menupaneel { top: 46px !important; } .wij-menupaneel { padding-top: 90px; } }
.wij-menupaneel-inner { min-height: calc(100% - 40px); padding-top: 50px !important; }
body:has(.wij-menupaneel:not([hidden])) { overflow: hidden; }
/* kolommen schuiven één voor één mee in */
.wij-menupaneel-inner > ul > li { opacity: 0; transform: translateX(40px); transition: opacity .4s ease, transform .5s cubic-bezier(.2, .8, .2, 1); }
.wij-menupaneel:not([hidden]) .wij-menupaneel-inner > ul > li { opacity: 1; transform: none; }
.wij-menupaneel:not([hidden]) .wij-menupaneel-inner > ul > li:nth-child(1) { transition-delay: .18s; }
.wij-menupaneel:not([hidden]) .wij-menupaneel-inner > ul > li:nth-child(2) { transition-delay: .24s; }
.wij-menupaneel:not([hidden]) .wij-menupaneel-inner > ul > li:nth-child(3) { transition-delay: .30s; }
.wij-menupaneel:not([hidden]) .wij-menupaneel-inner > ul > li:nth-child(4) { transition-delay: .36s; }
.wij-menupaneel:not([hidden]) .wij-menupaneel-inner > ul > li:nth-child(5) { transition-delay: .42s; }
.wij-menupaneel:not([hidden]) .wij-menupaneel-inner > ul > li:nth-child(6) { transition-delay: .48s; }
.wij-menupaneel::after { position: fixed; right: -60px; bottom: -60px; }
@media (prefers-reduced-motion: reduce) { .wij-menupaneel, .wij-menupaneel[hidden], .wij-menupaneel-inner > ul > li { transition: none !important; } }

/* =====================================================================
   DOORZICHTIGE GOLVEN – golf als masker i.p.v. witte vorm, zodat er iets
   ACHTER de sectie kan zitten (bijv. het spiekende kind tussen Agenda en "Kom kijken").
   Rij-class: wij-golf-doorzichtig (samen met wij-golf-onder). Het blok boven de footer doet het altijd.
   ===================================================================== */
.wij-golf-onder.wij-golf-doorzichtig {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V62C1330 118 1230 80 1060 46C860 6 730 50 540 80C330 112 160 30 0 78Z' fill='%23000'/%3E%3C/svg%3E") left bottom / 100% 110px no-repeat, linear-gradient(#000, #000) left top / 100% calc(100% - 109px) no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V62C1330 118 1230 80 1060 46C860 6 730 50 540 80C330 112 160 30 0 78Z' fill='%23000'/%3E%3C/svg%3E") left bottom / 100% 110px no-repeat, linear-gradient(#000, #000) left top / 100% calc(100% - 109px) no-repeat;
}
.wij-golf-onder.wij-golf-doorzichtig::after { display: none !important; }
.wij-afsluiter {
  z-index: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 40C90 52 210 44 360 66C560 96 720 40 920 70C1140 104 1290 36 1440 72V130H0Z' fill='%23000'/%3E%3C/svg%3E") left top / 100% 110px no-repeat, linear-gradient(#000, #000) left bottom / 100% calc(100% - 109px) no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 40C90 52 210 44 360 66C560 96 720 40 920 70C1140 104 1290 36 1440 72V130H0Z' fill='%23000'/%3E%3C/svg%3E") left top / 100% 110px no-repeat, linear-gradient(#000, #000) left bottom / 100% calc(100% - 109px) no-repeat;
}
.wij-afsluiter::before { display: none !important; }
.site-inner { position: relative; z-index: 1; }
/* doorzichtige golven werken alleen als de lagen erachter niet wit zijn */
.site-inner, .content-sidebar-wrap, main.content, article.entry, .entry-content { background-color: transparent !important; }

/* Laatste rij loopt met de golf direct over in "Kom kijken" (rij-class wij-golf-naar-afsluiter) */
body:has(.wij-golf-naar-afsluiter) .site-inner { padding-bottom: 0 !important; }
.wij-golf-naar-afsluiter { padding-bottom: 210px !important; }
body:has(.wij-golf-naar-afsluiter) .wij-afsluiter { margin-top: -110px; }

/* Menuknop: open/hover in WIJ-blauw in plaats van rood met blauwe rand */
.wij-menuknop:hover, .wij-menuknop:focus-visible, .wij-menuknop[aria-expanded="true"] {
  background: #1E4E98 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M-2 16L16 -2' stroke='%23295FB0' stroke-width='5'/%3E%3C/svg%3E") !important; border-color: #1E4E98 !important; color: #fff !important; box-shadow: none !important;
}
.wij-menuknop:hover *, .wij-menuknop[aria-expanded="true"] * { color: #fff !important; }
.wij-menuknop:focus:not(:focus-visible):not([aria-expanded="true"]):not(:hover) { background: #fff !important; color: #1E4E98 !important; }

/* Submenu in het paneel: bolletje + zachte achtergrond bij hover, kleur per kolom */
.wij-volledig-lijst > li { --kol: #1E4E98; --kol-tint: #EAF1FA; }
.wij-volledig-lijst > li:nth-child(6n+2) { --kol: #C22751; --kol-tint: #FBEAF0; }
.wij-volledig-lijst > li:nth-child(6n+3) { --kol: #4B6B17; --kol-tint: #F1F6E2; }
.wij-volledig-lijst > li:nth-child(6n+4) { --kol: #A04A12; --kol-tint: #FDEEE4; }
.wij-volledig-lijst > li:nth-child(6n+5) { --kol: #1E4E98; --kol-tint: #EAF1FA; }
.wij-volledig-lijst > li:nth-child(6n+6) { --kol: #C22751; --kol-tint: #FBEAF0; }

.wij-volledig-lijst .sub-menu a { position: relative; gap: 10px; margin: 1px 0; border-radius: 14px 26px 12px 24px / 24px 12px 26px 14px; text-decoration: none !important; color: var(--wij-tekst) !important; transition: background-color .25s ease, color .25s ease, transform .3s cubic-bezier(.2, .8, .2, 1); }
.wij-volledig-lijst .sub-menu a::before {
  content: ""; flex: 0 0 9px; width: 9px; height: 9px; border-radius: 50%;
  background: var(--kol); opacity: .35; transform: scale(.7);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), opacity .25s ease;
}
.wij-volledig-lijst .sub-menu a:hover, .wij-volledig-lijst .sub-menu a:focus-visible, .wij-volledig-lijst .sub-menu .current-menu-item > a {
  background: var(--kol-tint); color: var(--kol) !important; transform: translateX(4px);
}
.wij-volledig-lijst .sub-menu a:hover::before, .wij-volledig-lijst .sub-menu a:focus-visible::before, .wij-volledig-lijst .sub-menu .current-menu-item > a::before { opacity: 1; transform: scale(1.25); }
/* Submenu compacter: geen extra regelafstand, bolletje bij de eerste regel, minder afbreken */
.wij-volledig-lijst .sub-menu { margin-top: 6px !important; }
.wij-volledig-lijst .sub-menu li { margin: 0 !important; padding: 0 !important; line-height: 1.35 !important; }
.wij-volledig-lijst .sub-menu a { display: flex !important; align-items: flex-start !important; width: fit-content; max-width: 100%; padding: 6px 12px 6px 12px !important; line-height: 1.35 !important; font-size: 17px; }
.wij-volledig-lijst .sub-menu a::before { margin-top: .5em; }
.wij-volledig-lijst .sub-menu { margin-left: -12px !important; }

/* Rij-achtergrond: frisse lichtgroene tint */
.wij-bg-groen { background-color: #EBF4D8 !important; }
.wij-bg-groen .wij-agenda-melding { background: #fff; }
.wij-bg-groen .wij-agenda-demo, .wij-bg-groen .wij-agenda-demo li { border-color: #D6E7B4 !important; }

/* =====================================================================
   MENU 3 KOLOMMEN + KENNISMAAK-KAART (vervangt de 6 smalle kolommen)
   ===================================================================== */
.wij-menupaneel-wrap { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; padding-top: 46px; padding-bottom: 60px; }
.wij-menupaneel-inner { padding: 0 !important; min-height: 0 !important; }
.wij-volledig-lijst { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 48px !important; margin: 0 !important; padding: 0 !important; list-style: none; }
.wij-volledig-lijst > li { width: auto !important; margin: 0 !important; padding: 0 !important; }
.wij-volledig-lijst .sub-menu a { white-space: nowrap; }
aside.wij-menupaneel-kaart {
  position: relative; padding: 34px 32px 30px; background: #EAF1FA !important;
  border-radius: 34px 64px 30px 58px / 58px 32px 64px 30px; color: var(--wij-tekst);
  opacity: 0; transform: translateX(40px); transition: opacity .4s ease .5s, transform .55s cubic-bezier(.2, .8, .2, 1) .5s;
}
.wij-menupaneel:not([hidden]) .wij-menupaneel-kaart { opacity: 1; transform: none; }
.wij-menupaneel-kicker { margin: 0 0 6px; font-weight: 800; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: var(--wij-magenta); }
.wij-menupaneel-kop { margin: 0 0 10px; font-family: "Londrina Solid", sans-serif; font-weight: 900; font-size: 30px; line-height: 1.05; text-transform: uppercase; color: #1E4E98; }
.wij-menupaneel-kaart > p:not([class]) { margin: 0 0 20px; font-size: 16px; line-height: 1.6; }
.wij-menupaneel-kaart a.wij-btn { min-height: 54px; padding: 12px 22px !important; white-space: nowrap; font-size: 13px !important; letter-spacing: .1em !important; }
.wij-menupaneel-contact { list-style: none; margin: 24px 0 0; padding: 18px 0 0; border-top: 2px dotted #C9DBF2; font-size: 15px; line-height: 1.9; }
.wij-menupaneel-contact a { color: #1E4E98; font-weight: 700; text-decoration: none; }
.wij-menupaneel-contact a:hover { color: var(--wij-magenta); }
@media (max-width: 1100px) { .wij-menupaneel-wrap { grid-template-columns: 1fr; gap: 36px; } .wij-menupaneel-kaart { max-width: 520px; } }
@media (max-width: 760px) { .wij-volledig-lijst { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 26px 20px !important; } .wij-volledig-lijst .sub-menu a { white-space: normal; } }
@media (max-width: 480px) { .wij-volledig-lijst { grid-template-columns: 1fr !important; } }
@media (prefers-reduced-motion: reduce) { .wij-menupaneel-kaart { transition: none; } }
/* Twee rijen met dezelfde achtergrond naadloos laten aansluiten: class wij-aansluiten op de bovenste rij */
.panel-grid:has(> .wij-aansluiten) { margin-bottom: 0 !important; }
.wij-aansluiten { padding-bottom: 10px !important; }
.wij-aansluiten + *, .panel-grid:has(> .wij-aansluiten) + .panel-grid { margin-top: -1px; }


/* Agenda-datumblobs in de patroonkleuren (geen donkere tinten) – 10-11-2026 */
.wij-agenda-demo li .wij-datum::before { background: #1E4E98 repeating-linear-gradient(135deg, rgba(53,152,208,.45) 0 6px, transparent 6px 14px) !important; }
.wij-agenda-demo li:nth-child(4n+2) .wij-datum::before { background: #C22751 radial-gradient(circle, rgba(227,22,139,.7) 2.5px, transparent 3px) 0 0 / 12px 12px !important; }
.wij-agenda-demo li:nth-child(4n+3) .wij-datum::before { background: #8FBD45 repeating-linear-gradient(90deg, rgba(173,201,64,.8) 0 6px, transparent 6px 14px) !important; }
.wij-agenda-demo li:nth-child(4n+4) .wij-datum::before { background: #E76C2E repeating-linear-gradient(45deg, rgba(235,128,40,.9) 0 6px, transparent 6px 14px) !important; }
.wij-agenda-demo .wij-datum { text-shadow: 0 1px 2px rgba(0,0,0,.18); }


/* Stippenlaag knipt zelf niet meer: de veilige zone in het stippenscript houdt ze binnen de sectie (10-11) */
.wij-particles { overflow: visible !important; }

/* Beeldband: strepenpatroon loopt door in de golf naar Nieuws (10-11) */
body .panel-grid .panel-row-style.wij-beeld-sectie, body .wij-beeld-sectie.wij-beeld-sectie { background-attachment: fixed !important; }
.wij-golf-boven.wij-golf-van-donkerblauw::before {
	background: #1E4E98 repeating-linear-gradient(-62deg, rgba(255,255,255,.035) 0 22px, transparent 22px 44px) fixed !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V58C1310 104 1180 34 990 62C800 90 650 24 450 54C270 82 130 30 0 70Z' fill='%23000'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V58C1310 104 1180 34 990 62C800 90 650 24 450 54C270 82 130 30 0 70Z' fill='%23000'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
}


/* Geen weeswoorden: nooit 1 woord alleen op de laatste regel (gebruiker, 10-11) */
h1, h2, h3, h4, h5, h6, .sow-headline, .sow-sub-headline, .wij-team-naam { text-wrap: balance; }
p, li, figcaption, blockquote { text-wrap: pretty; }