@charset "UTF-8";
/*!
Theme Name: Buro van Staal
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 8.2
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: buro-van-staal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Buro van Staal is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Figtree:ital,wght@0,300..900;1,300..900&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}

a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/**
Kleuren
 */
/**
Deze kleuren spelen geen rol meer maar worden nog ergens gebruikt
 */
:root {
  --page-margin: 48px;
}

@media (max-width: 740px) {
  :root {
    --page-margin: 24px;
  }
}
@media (max-width: 600px) {
  :root {
    --page-margin: 12px;
  }
}
/**
Font definities (lettergrootte)
 */
:root {
  /* Lettertype en kleur */
  --font-family-base: "Inter", sans-serif;
  --font-color: #000;
  /* Grote tekst (broodtekst, koppen) */
  --font-size-large: 24px;
  --font-weight-large: 300;
  --line-height-large: 1.5em;
  /* Kleine tekst (UI elementen) */
  --font-size-ui: 18px;
  --font-weight-ui: 300;
  --line-height-ui: 1.5em;
  /* Extra kleine tekst*/
  --font-size-ui-small: 16px;
  /* Mobiele tekst */
  --font-size-mobile: 20px;
  --font-weight-mobile: 300;
  --line-height-mobile: 1.5em;
}

.is-ui-text, table tr td,
table tr th, .blog-card {
  font-family: var(--font-family-base);
  font-size: var(--font-size-ui);
  font-weight: var(--font-weight-ui);
  line-height: var(--line-height-ui);
  color: var(--font-color);
}

/**
Ring definities (voor 5 foto's op Over ons)
 */
:root {
  --ring-1: #ff4a7d; /* roze/rood */
  --ring-2: #ffb400; /* oranje */
  --ring-3: #00d2ff; /* cyaan */
  --ring-4: #02bea4; /* turquoise */
  --ring-5: #ff00d2; /* magenta */
  --ring-6: #7d4aff; /* paarsblauw */
  --ring-7: #4aff7d; /* limegroen */
  --ring-8: #ffd200; /* geel */
  --ring-9: #ff6633; /* fel rood (ipv mintgroen) */
  --ring-10: #ff6f00; /* dieporanje */
  --ring-11: #008cff; /* diepblauw */
  --ring-12: #7d4aff;
  --ring-dikte: 8px;
}

:root {
  --ring-1: #ff4a7d;
  --ring-1-hover: rgb(255, 23, 88.3701657459);
  --ring-2: #ffb400;
  --ring-2-hover: #cc9000;
  --ring-3: #00d2ff;
  --ring-3-hover: #00a8cc;
  --ring-4: #02bea4;
  --ring-4-hover: rgb(1.46875, 139.53125, 120.4375);
  --ring-5: #ff00d2;
  --ring-5-hover: #cc00a8;
  --ring-6: #7d4aff;
  --ring-6-hover: rgb(88.3701657459, 23, 255);
  --ring-7: #4aff7d;
  --ring-7-hover: rgb(23, 255, 88.3701657459);
  --ring-8: #ffd200;
  --ring-8-hover: #cca800;
  --ring-9: #ff6633;
  --ring-9-hover: rgb(255, 63.75, 0);
  --ring-10: #ff6f00;
  --ring-10-hover: rgb(204, 88.8, 0);
  --ring-11: #008cff;
  --ring-11-hover: #0070cc;
  --ring-12: #7d4aff;
  --ring-12-hover: rgb(88.3701657459, 23, 255);
}

/** ***********************************
 * SITE SPECIFIEK
 *************************************/
:root {
  --hoofdkleur: #0f7bf5;
  --tegenkleur: #ff7f00;
}

/**
* Poppins variations
 */
/**
    * Roboto variations
 */
body {
  margin: 0 !important;
  overflow-x: hidden;
}
body #page main {
  min-height: 600px;
  margin: 60px auto;
  padding-top: 80px;
}
body.home #page main {
  margin: 0px 0;
}
* {
  transition: all 0.3s;
}

body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-large);
  line-height: var(--line-height-large);
  color: var(--font-color) !important;
  font-style: normal;
  font-optical-sizing: auto;
}
@media all and (max-width: 768px) {
  body {
    font-size: var(--font-size-mobile);
    font-weight: var(--font-weight-mobile);
    line-height: var(--line-height-mobile);
  }
}

h1, h2, h2, h3, h4, h5 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.35em;
  margin-top: 0;
  margin-bottom: 0.25em;
  text-transform: uppercase;
}

h1 {
  font-size: 54px;
  margin-bottom: 0.5em;
}
@media all and (max-width: 768px) {
  h1 {
    font-size: 36px;
  }
}
@media all and (max-width: 400px) {
  h1 {
    font-size: 30px;
  }
}

h3 {
  font-weight: 500;
  font-style: normal;
  font-size: 32px;
  line-height: 1.4em;
  text-transform: none;
}

h4 {
  font-family: "roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
}

strong {
  font-weight: 500;
}

main ol, main ul, main li {
  margin: 0;
  list-style-type: none;
}
main ul {
  margin-bottom: 1.4em;
}
main ul li {
  margin-left: 12px;
  list-style-type: circle;
}
main ol {
  margin-bottom: 1.4em;
}
main ol li {
  margin-left: 12px;
  list-style-type: decimal;
}

.entry-content {
  margin: 0;
}

.__label {
  float: left;
  clear: left;
  margin-right: 12px;
  width: 200px;
  font-weight: 500;
}
.__label.__small {
  width: 140px;
}
.__label.__large {
  width: 260px;
}
.__label.__background {
  background: #f0f0f0;
  padding: 2px 5px;
  margin-bottom: 2px;
}

.__value {
  clear: right;
}

.__label.__background + .__value {
  padding: 2px 5px;
  margin-bottom: 2px;
}

.__spacer {
  height: 24px;
  overflow: hidden;
  width: 100%;
  clear: both;
}

/**
Wrsch niet-gebruikt
 */
.__content_area_outer {
  width: 100%;
}

/**
    * Content area
 */
a {
  color: #0f7bf5;
  text-decoration: none;
}
a:hover {
  color: #000;
}

.highlight-last-word {
  color: #0f7bf5;
}

.__text_smaller {
  font-size: 18px;
  line-height: 27px;
}

.__lowercase {
  text-transform: none;
}

.__post_title {
  font-size: 28px;
  margin-bottom: 24px;
}

.__center {
  margin: auto auto;
}

.is-ui-text h1, table tr td h1,
table tr th h1, .blog-card h1,
.is-ui-text h2,
table tr td h2,
table tr th h2,
.blog-card h2,
.is-ui-text blockquote,
table tr td blockquote,
table tr th blockquote,
.blog-card blockquote {
  font-size: 1em;
  font-weight: 600;
  margin: 0.5em 0;
}

.is-ui-text h1, table tr td h1,
table tr th h1, .blog-card h1 {
  font-size: 2em;
}

.is-ui-text h2, table tr td h2,
table tr th h2, .blog-card h2 {
  font-size: 1.5em;
}

.is-ui-text h3, table tr td h3,
table tr th h3, .blog-card h3 {
  font-size: 1.25em;
}

.__link_active {
  color: #0f7bf5 !important;
  font-weight: 700 !important;
}

.__link_in_active_trail {
  color: #0f7bf5 !important;
}

.__field_required:after {
  content: "*";
  color: #444;
  font-weight: 300;
  margin-left: 5px;
}

.__smalltext {
  font-size: 16px;
  line-height: 1.5em;
}

.__smalltext2 {
  font-size: 20px;
  line-height: 1.5em;
}

ul.__nobullet {
  list-style: none;
}
ul.__nobullet li {
  padding-left: 0;
}

/**
 * Statics
 * Wat het doet:
 * Binnen een full width layout stel je hiermee statische element-breedtes in (uiteraard totdat de schermbreedte gelijk is aan de element-breedte)
 */
.__w_static_600 {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  .__w_static_600 {
    max-width: 100%;
    padding: 0 24px;
  }
}

.__w_static_800 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
@media all and (max-width: 1000px) {
  .__w_static_800 {
    max-width: 100%;
    padding: 0 24px;
  }
}

.__w_static_1000 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media all and (max-width: 1200px) {
  .__w_static_1000 {
    max-width: 100%;
    padding: 0 24px;
  }
}

.__w_static_1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media all and (max-width: 1400px) {
  .__w_static_1200 {
    max-width: 100%;
    padding: 0 24px;
  }
}

.__w_static_1400 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
@media all and (max-width: 1600px) {
  .__w_static_1400 {
    max-width: 100%;
    padding: 0 24px;
  }
}

.__w_static_1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
@media all and (max-width: 1800px) {
  .__w_static_1600 {
    max-width: 100%;
    padding: 0 24px;
  }
}

/**
 * Legacy definities
 * Wat het doet:
 * Tegenhanger van Statics (zie boven): deze werken in een standaard (=1200px) layout en zijn in staat daar uit te breken (mits breder dan 1200px).
 * Deze hebben 2 functies:
 * - Legacy definities
 * - Uitbreken binnen een 1200px layout
 */
.__content_area_inner_normal,
.__content_area_inner_default,
.__w_default,
.__content_area_inner {
  margin: 0 auto 1.5em auto;
  width: 100%;
  max-width: 1200px;
  padding: 0 var(--page-margin);
}
@media all and (max-width: 740px) {
  .__content_area_inner_normal,
  .__content_area_inner_default,
  .__w_default,
  .__content_area_inner {
    padding: 0 24px;
  }
}

.__w_narrow,
.__content_area_inner_narrow {
  margin: 0 auto 1.5em auto;
  width: 100%;
  max-width: 900px;
  padding: 0 48px;
}
@media all and (max-width: 800px) {
  .__w_narrow,
  .__content_area_inner_narrow {
    padding: 0 24px;
  }
}

.__w_700,
.__content_area_inner_700 {
  margin: 0 auto 1.5em auto;
  width: 100%;
  max-width: 700px;
  padding: 0 48px;
}
@media all and (max-width: 700px) {
  .__w_700,
  .__content_area_inner_700 {
    padding: 0 24px;
  }
}

.__w_extranarrow,
.__content_area_inner_extra_narrow {
  margin: 0 auto 1.5em auto;
  width: 100%;
  max-width: 600px;
  padding: 0 48px;
}
@media all and (max-width: 600px) {
  .__w_extranarrow,
  .__content_area_inner_extra_narrow {
    padding: 0 24px;
  }
}

.__w_extraextranarrow,
.__content_area_inner_extra_extra_narrow {
  margin: 0 auto 1.5em auto;
  width: 100%;
  max-width: 520px;
  padding: 0 48px;
}
@media all and (max-width: 500px) {
  .__w_extraextranarrow,
  .__content_area_inner_extra_extra_narrow {
    padding: 0 24px;
  }
}

.__w_full,
.__burst_out_full,
.__content_area_inner_full {
  margin-left: calc((100vw - (1200px + 18px)) / -2);
  margin-right: calc((100vw - (1200px + 18px)) / -2);
}
@media all and (max-width: 1200px) {
  .__w_full,
  .__burst_out_full,
  .__content_area_inner_full {
    margin-left: 0;
    margin-right: 0;
  }
}

.__w_wide,
.__burst_out_wide,
.__content_area_inner_wide {
  margin-left: calc((100vw - 1600px) / -2);
  margin-right: calc((100vw - 1600px) / -2);
}
@media all and (max-width: 1100px) {
  .__w_wide,
  .__burst_out_wide,
  .__content_area_inner_wide {
    margin-left: 0;
    margin-right: 0;
  }
}

.__w_lesswide,
.__burst_out_less_wide,
.XXX__content_area_inner_wide {
  margin-left: calc((100vw - 1800px) / -2);
  margin-right: calc((100vw - 1800px) / -2);
}
@media all and (max-width: 1200px) {
  .__w_lesswide,
  .__burst_out_less_wide,
  .XXX__content_area_inner_wide {
    margin-left: 0;
    margin-right: 0;
    color: darkcyan;
  }
}

/**
Optie 2
 */
body.__page_en_home-english .__front_slide_1,
body.__page_home .__front_slide_1 {
  height: 120vh;
  margin-top: -80px;
  background: linear-gradient(rgba(26, 40, 45, 0.7), rgba(26, 40, 45, 0.7)), url(/visuals/img_127.webp);
  background-size: cover;
  background-position: bottom;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
  display: flex;
  align-items: center;
  justify-content: center;
}
body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper,
body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper {
  width: 80vw;
  overflow: hidden;
  margin: 0 auto !important;
  text-align: center;
  color: #fff;
  transform: translateY(-50px);
}
body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p,
body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p {
  margin-bottom: 0px;
}
body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1,
body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1 {
  font-weight: 600;
  font-size: 74px;
  line-height: 1em;
}
@media all and (max-width: 940px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1 {
    font-size: 64px;
  }
}
@media all and (max-width: 680px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1 {
    font-size: 42px;
  }
}
@media all and (max-width: 440px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1 {
    font-size: 36px;
  }
}
body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2,
body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2 {
  font-weight: 800;
  font-size: 200px;
  line-height: 1.1em;
}
@media all and (max-width: 1120px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2 {
    font-size: 160px;
  }
}
@media all and (max-width: 940px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2 {
    font-size: 140px;
  }
}
@media all and (max-width: 820px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2 {
    font-size: 120px;
  }
}
@media all and (max-width: 680px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2 {
    font-size: 72px;
  }
}
body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3,
body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3 {
  font-weight: 400;
  font-size: 54px;
  line-height: 1.5em;
  color: #0f7bf5 !important;
}
@media all and (max-width: 940px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3 {
    font-size: 42px;
  }
}
body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper .__front_slide_1__row_3,
body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper .__front_slide_1__row_3 {
  display: inline-block;
  transform: translateX(100%);
  opacity: 0;
}
body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper .__front_slide_1__row_3.slide-in,
body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper .__front_slide_1__row_3.slide-in {
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper a,
body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper a {
  padding: 24px 96px;
  border-radius: 44px;
  margin-top: 64px;
  FONT-SIZE: 13PX;
  letter-spacing: 2px;
  font-weight: 500;
}
@media all and (max-width: 740px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper a,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper a {
    display: none;
  }
}
body.__page_en_home-english .__front_slide_1 .__scroll_indicator,
body.__page_home .__front_slide_1 .__scroll_indicator {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  margin-top: 50px;
  cursor: pointer;
}
body.__page_en_home-english .__front_slide_1 .__scroll_indicator img,
body.__page_home .__front_slide_1 .__scroll_indicator img {
  width: 100%;
  height: auto;
}
@media all and (max-width: 740px) {
  body.__page_en_home-english .__front_slide_1 .__scroll_indicator,
  body.__page_home .__front_slide_1 .__scroll_indicator {
    display: none;
  }
}
@media all and (max-width: 740px) {
  body.__page_en_home-english .__front_slide_1,
  body.__page_home .__front_slide_1 {
    height: calc(65vh - 50px);
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper {
    transform: translateY(30px);
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_1 {
    font-size: 40px;
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2 {
    font-size: 110px;
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3 {
    font-size: 36px;
  }
}
@media all and (max-width: 600px) {
  body.__page_en_home-english .__front_slide_1,
  body.__page_home .__front_slide_1 {
    height: calc(50vh - 50px);
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2 {
    font-size: 80px;
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3 {
    font-size: 24px;
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper a,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper a {
    display: none;
  }
}
@media all and (max-width: 520px) {
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper {
    width: 100%;
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3 {
    font-size: 24px;
  }
}
@media all and (max-width: 400px) {
  body.__page_en_home-english .__front_slide_1,
  body.__page_home .__front_slide_1 {
    height: 70vh;
    margin-bottom: -50px;
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper {
    margin-top: -40px;
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_2 {
    font-size: 60px;
  }
  body.__page_en_home-english .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3,
  body.__page_home .__front_slide_1 .__front_slide_1_content_wrapper p.__front_slide_1__row_3 {
    font-size: 24px;
  }
}
body.__page_en_home-english .__front_slide_2 .__front_slide_2_content_wrapper,
body.__page_home .__front_slide_2 .__front_slide_2_content_wrapper {
  margin-top: 90px;
  text-align: center;
}
body.__page_en_home-english .__front_slide_2 .__front_slide_2_content_wrapper p.__front_slide_2__row_1,
body.__page_home .__front_slide_2 .__front_slide_2_content_wrapper p.__front_slide_2__row_1 {
  font-size: 48px;
  line-height: 54px;
  color: #000;
  font-weight: 700;
  text-align: center;
  margin-bottom: 36px;
  text-transform: uppercase;
}
@media all and (max-width: 720px) {
  body.__page_en_home-english .__front_slide_2 .__front_slide_2_content_wrapper p.__front_slide_2__row_1,
  body.__page_home .__front_slide_2 .__front_slide_2_content_wrapper p.__front_slide_2__row_1 {
    font-size: 36px;
    line-height: 1.3em;
  }
}
@media all and (max-width: 500px) {
  body.__page_en_home-english .__front_slide_2 .__front_slide_2_content_wrapper p.__front_slide_2__row_1,
  body.__page_home .__front_slide_2 .__front_slide_2_content_wrapper p.__front_slide_2__row_1 {
    font-size: 28px;
    line-height: 1.3em;
  }
}
body.__page_en_home-english .__front_slide_2 .__front_slide_2_content_wrapper p.__front_slide_2__row_2,
body.__page_home .__front_slide_2 .__front_slide_2_content_wrapper p.__front_slide_2__row_2 {
  text-align: center;
  margin-bottom: 24px;
}
body.__page_en_home-english .__front_slide_2 .__front_slide_2_content_wrapper a,
body.__page_home .__front_slide_2 .__front_slide_2_content_wrapper a {
  display: inline-block;
  margin-top: 8px;
}
body.__page_en_home-english .__front_slide_4,
body.__page_home .__front_slide_4 {
  margin-top: 100px;
}
@media all and (max-width: 1000px) {
  body.__page_en_home-english .__front_slide_4,
  body.__page_home .__front_slide_4 {
    margin-top: 30px;
  }
}
body.__page_en_home-english .__front_slide_4 h2,
body.__page_home .__front_slide_4 h2 {
  font-size: 48px;
  line-height: 1.2em;
  color: #000;
  font-weight: 700;
  text-align: center;
  margin-bottom: 36px;
  text-transform: uppercase;
}
@media all and (max-width: 1000px) {
  body.__page_en_home-english .__front_slide_4 h2,
  body.__page_home .__front_slide_4 h2 {
    font-size: 48px;
    margin-bottom: 40px;
    text-align: center;
  }
}
@media all and (max-width: 700px) {
  body.__page_en_home-english .__front_slide_4 h2,
  body.__page_home .__front_slide_4 h2 {
    font-size: 36px;
    margin-bottom: 12px;
  }
}
@media all and (max-width: 500px) {
  body.__page_en_home-english .__front_slide_4 h2,
  body.__page_home .__front_slide_4 h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 0px solid #ddd;
  }
}
body.__page_en_home-english .__front_slide_4 p,
body.__page_home .__front_slide_4 p {
  text-align: center;
}
body.__page_en_home-english .__front_slide_5,
body.__page_home .__front_slide_5 {
  margin-top: 120px;
  padding-bottom: 94px;
}
body.__page_en_home-english .__front_cta_1,
body.__page_home .__front_cta_1 {
  padding-top: 24px;
  padding-bottom: 24px;
  line-height: 1.5em;
  font-size: 16px;
}

body.__page_onze-plannen.modal-open {
  overflow: hidden;
}
body.__page_onze-plannen h1 {
  text-align: center;
  text-transform: uppercase;
}

body[class*=__page_dashboard] .container .row {
  display: flex;
}
body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper {
  background: #f5f5f5;
  border-right: 1px solid #e5e5e5;
  padding: 24px 18px;
}
body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper ul, body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper li {
  padding: 0;
  margin: 0;
  list-style-type: none !important;
  list-style-image: none !important;
}
body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper ul li {
  margin: 10px 0;
}
body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper ul li:before {
  content: "❯";
  display: inline-block;
  margin-right: 10px;
  font-size: 11px;
}
body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper ul li a {
  font-weight: 500;
  color: #000;
}
body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper ul li a:hover {
  text-decoration: none;
  color: #0f7bf5;
}
@media all and (max-width: 767px) {
  body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper {
    border-right-width: 0;
    background: #f0f0f0;
    text-align: center;
  }
  body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper h4 {
    font-size: 24px;
    font-weight: 400 !important;
  }
  body[class*=__page_dashboard] .container .row .__dashboard_toc_wrapper ul li:before {
    content: "";
    margin-right: 0;
  }
}
body[class*=__page_dashboard] .container .row .__dashboard_content {
  min-height: 400px;
  padding: 12px 32px;
}
@media all and (max-width: 767px) {
  body[class*=__page_dashboard] .container .row .__dashboard_content {
    width: 100%;
    padding: 0;
  }
}
body[class*=__page_dashboard] .container .row .__dashboard_content .__register_form {
  width: 75%;
}
@media all and (max-width: 1000px) {
  body[class*=__page_dashboard] .container .row .__dashboard_content .__register_form {
    width: 100%;
  }
}
body[class*=__page_regist] .__register_form form[data-form-id="234"] {
  width: 100%;
}
body[class*=__page_regist] .__register_info {
  padding: 0 48px;
}
body[class*=__page_regist] .__register_info h4 {
  margin-top: 0;
}
body[class*=__page_regist] .jet-form-builder-message--success {
  display: none;
}
body[class*=__page_regist] ul.__register_steps {
  padding-top: 24px;
}
body[class*=__page_regist] ul.__register_steps li {
  color: #bbb;
  margin-bottom: 5px;
}
body[class*=__page_regist] ul.__register_steps li.__register_step_active {
  font-weight: 600;
  color: #0f7bf5;
}

body.__page_registreren_voltooid ul, body.__page_registreren_voltooid li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body.__page_registreren_voltooid .fa-check {
  font-weight: 700;
  color: #0f7bf5;
  font-size: 20px;
}

body.__page_dashboard_support .__support_index_single_block {
  position: relative;
  width: 70%;
  padding: 24px 24px;
  border: 2px solid #ddd;
  border-radius: 16px;
  min-height: 100px;
}
body.__page_dashboard_support .__support_index_single_block_icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 120px;
  background: #f0f0f0;
  border-radius: 16px 0 0 16px;
  padding: 12px 24px;
}
body.__page_dashboard_support .__support_index_single_block_content {
  margin-left: 120px;
}

.__box_container {
  display: flex;
  width: 600px;
  max-width: 90%; /* Pas dit aan naar de gewenste maximale breedte */
  padding: 12px 24px;
  border: 3px solid #ddd;
  border-radius: 16px;
  position: relative;
  margin-bottom: 24px;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .__box_container {
    max-width: 100%;
  }
}
.__box_container:hover .icon-section {
  background: #e30e0e;
  background: #0f7bf5;
  color: #fff !important;
}
.__box_container:hover .text-section a {
  color: #000;
}

.icon-section {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 120px;
  background: #f0f0f0;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  padding: 10px;
  border-radius: 16px 0 0 16px;
  color: #bbb;
}

.text-section {
  background-color: #fff;
  color: #000;
  padding: 10px;
  width: 75%;
  display: flex;
  align-items: center;
  text-align: left;
  margin-left: 100px;
}
@media all and (max-width: 767px) {
  .text-section {
    padding-left: 40px;
  }
}
@media all and (min-width: 1010px) {
  .text-section {
    padding-left: 40px;
  }
}
.text-section a:hover {
  color: #0f7bf5;
}

.icon-section i {
  font-size: 50px; /* Pas de grootte van het icoon aan naar wens */
}

@media (max-width: 600px) {
  .__box_container {
    flex-direction: column;
  }
  .icon-section, .text-section {
    width: 120px;
    justify-content: center;
    text-align: center;
  }
  .text-section {
    width: calc(100% - 120px);
  }
}
body.__page_hosting h1 {
  text-align: center;
  margin-bottom: 42px;
}
body.__page_hosting .__hosting_introtekst {
  margin-bottom: 72px;
}

body.__page_search_results p {
  margin-bottom: 8px;
}
body.__page_search_results .__search_results_meta {
  font-weight: 400;
}
body.__page_search_results article {
  margin-bottom: 36px;
  padding-bottom: 28px;
  border-bottom: 2px dotted #ddd;
  overflow: hidden;
}
body.__page_search_results article .entry-summary {
  margin-top: 20px;
}
body.__page_search_results article .__search_results_read_more {
  float: right;
  overflow: hidden;
}
body.__page_search_results article .__search_results_read_more a i {
  font-size: 24px;
  color: #fff !important;
  background: #0f7bf5;
  padding: 5px 7px 4px 7px;
}
body.__page_search_results article .__search_results_read_more a i:hover {
  color: #0f7bf5 !important;
  background: rgb(210.84, 230.712, 253.16);
}

body.__page_over-ons .__over_ons_afb_rij {
  width: 100%;
  margin: 32px 0;
  overflow: hidden;
}
body.__page_over-ons .__over_ons_afb_rij .__img_col {
  width: 20%;
  float: left;
  margin: 0 5.5%;
}
@media all and (max-width: 680px) {
  body.__page_over-ons .__over_ons_afb_rij .__img_col {
    float: none;
    width: 40%;
    margin: 0 auto;
    padding: 0;
  }
}
@media all and (max-width: 520px) {
  body.__page_over-ons .__over_ons_afb_rij .__img_col {
    float: none;
    width: 60%;
    margin: 0 auto !important;
    padding: 0;
  }
}
body.__page_over-ons .__over_ons_afb_rij .__img_col:hover {
  transform: scale(1.1);
}
body.__page_over-ons .__over_ons_afb_rij .__img_col img {
  border-radius: 50%;
  width: 100%;
  height: auto;
  box-shadow: 0 0 0 5px #0f7bf5;
}
body.__page_over-ons .__over_ons_afb_rij_1 .__img_col:nth-child(1) img {
  box-shadow: 0 0 0 var(--ring-dikte) var(--ring-1);
}
body.__page_over-ons .__over_ons_afb_rij_1 .__img_col:nth-child(2) img {
  box-shadow: 0 0 0 var(--ring-dikte) var(--ring-2);
}
body.__page_over-ons .__over_ons_afb_rij_1 .__img_col:nth-child(3) img {
  box-shadow: 0 0 0 var(--ring-dikte) var(--ring-3);
}
body.__page_over-ons .__over_ons_afb_rij_2 .__img_col {
  width: 20%;
  float: left;
  margin: 0 10%;
}
@media all and (max-width: 680px) {
  body.__page_over-ons .__over_ons_afb_rij_2 .__img_col {
    float: none;
    width: 40%;
    margin: 0 auto !important;
    padding: 0;
  }
}
@media all and (max-width: 520px) {
  body.__page_over-ons .__over_ons_afb_rij_2 .__img_col {
    float: none;
    width: 60%;
    margin: 0 auto !important;
    padding: 0;
  }
}
body.__page_over-ons .__over_ons_afb_rij_2 .__img_col:nth-child(1) {
  margin-left: 20%;
  margin-right: 6%;
}
body.__page_over-ons .__over_ons_afb_rij_2 .__img_col:nth-child(1) img {
  box-shadow: 0 0 0 var(--ring-dikte) var(--ring-4);
}
body.__page_over-ons .__over_ons_afb_rij_2 .__img_col:nth-child(2) {
  margin-right: 20%;
  margin-left: 6%;
}
body.__page_over-ons .__over_ons_afb_rij_2 .__img_col:nth-child(2) img {
  box-shadow: 0 0 0 var(--ring-dikte) var(--ring-5);
}

body.__page_contact h1 {
  text-align: center;
}
body.__page_contact .__contact_form {
  margin: 48px 0 64px 0;
  background: #e7e7e7;
  padding: 24px;
  padding-bottom: 0px;
  border-radius: 6px;
  overflow: hidden;
}
body.__page_contact .__contact_form label {
  font-size: 15px;
  font-weight: 500;
}
body.__page_contact .__contact_form label[for=telefoonnummer] {
  margin-top: 10px;
}
body.__page_contact .__contact_form .__contact_lift_field {
  margin-top: -100px;
}
@media all and (max-width: 767px) {
  body.__page_contact .__contact_form .__contact_lift_field {
    margin-top: 0;
  }
}
body.__page_contact .__contact_form a {
  color: #000;
}
body.__page_contact .__contact_form a:hover {
  color: #ff7f00;
}
body.__page_contact .__groep_jose {
  text-align: center;
  margin: 32px auto 64px auto;
  border-bottom: 1px solid #ddd;
  padding-bottom: 24px;
  max-width: 600px;
}
body.__page_contact .__groep_jose img {
  width: 200px;
  height: auto;
  border-radius: 50%;
  border: 2px solid #ccc;
}
body.__page_contact .__contact_adresgegevens_wrapper {
  background: #e7e7e7;
  padding: 24px 36px;
  border-radius: 6px;
}
body.__page_contact .__contact_adresgegevens_wrapper .__contact_adresgegevens {
  margin-top: 24px;
}
body.__page_contact .__contact_adresgegevens_wrapper p {
  width: 30%;
  font-size: 15px;
  margin-left: -60px !important;
  margin-right: 60px;
  position: relative;
}
body.__page_contact .__contact_adres {
  background: #fff;
  color: #000;
  border-radius: 16px;
  padding: 20px 48px 3px 48px;
  margin-bottom: 64px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
  border: 2px solid #ccc;
  /* Witte cirkel rechtsboven */
}
body.__page_contact .__contact_adres::after {
  content: "";
  position: absolute;
  top: 16px; /* afstand van boven */
  right: 16px; /* afstand van rechts */
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%; /* maakt er een cirkel van */
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
}
body.__page_contact .__contact_adres h4 {
  margin-left: -24px;
}
body.__page_contact .__contact_adres .__contact_adres_group {
  float: left;
  margin-right: 12px;
  width: 49%;
}
body.__page_contact .__contact_adres .__contact_adres_group:nth-of-type(2) {
  width: 47%;
  margin-right: 0;
}
body.__page_contact .__contact_adres .__contact_adres_group p {
  margin-bottom: 18px;
  overflow: hidden;
  line-height: 1.4em;
}
body.__page_contact .__contact_adres a {
  color: #0f7bf5;
}
body.__page_contact .__contact_adres a:hover {
  text-decoration: underline;
}

.__page_offerte-aanvragen .__offerte_lifted_field {
  margin-top: -92px;
}
@media all and (max-width: 767px) {
  .__page_offerte-aanvragen .__offerte_lifted_field {
    margin-top: 0;
  }
}

body.__page_documentatie h3 {
  display: none;
}
body.__page_documentatie .__documentatie_zoeken h3:first-of-type {
  display: block;
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper {
  margin-top: 50px;
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group {
  display: flex;
  flex-direction: row; /* horizontaal naast elkaar (default) */
  justify-content: flex-start;
  align-items: center; /* centreert items verticaal */
  flex-wrap: wrap; /* items mogen afbreken naar nieuwe regel */
  gap: 40px;
  margin-top: 40px;
  padding: 0;
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li {
  list-style: none;
  flex: 0 0 calc(33% - 40px); /* 3 per rij (100% / 3) - marge */
  padding: 24px;
  text-align: center;
  border-radius: 16px;
  height: 120px;
  display: flex; /* maak item zelf een flex-container */
  justify-content: center; /* horizontaal centreren van de inhoud */
  align-items: center; /* verticaal centreren van de inhoud */
  background: #0f7bf5;
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 1) {
  background: var(--ring-1);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 2) {
  background: var(--ring-2);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 3) {
  background: var(--ring-3);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 4) {
  background: var(--ring-4);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 5) {
  background: var(--ring-5);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 6) {
  background: var(--ring-6);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 7) {
  background: var(--ring-7);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 8) {
  background: var(--ring-8);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 9) {
  background: var(--ring-9);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 10) {
  background: var(--ring-10);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 11) {
  background: var(--ring-11);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li:nth-of-type(12n + 12) {
  background: var(--ring-12);
}
body.__page_documentatie .entry-content .__documentatie_links_group_wrapper ul.__documentatie_links_group li a {
  color: #fff;
  font-weight: 500;
}

body.__page_diensten ul, body.__page_diensten li {
  margin: 0;
  padding: 0;
}
body.__page_diensten .__card_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  margin: 0 auto; /* centreer binnen .parent */
  margin-bottom: 44px;
  margin-top: 44px;
}
@media all and (max-width: 960px) {
  body.__page_diensten .__card_wrapper {
    display: block;
  }
}
body.__page_diensten .__card_wrapper .__card {
  list-style: none;
  width: 31%;
  border: 3px solid #ccc;
  border-radius: 16px;
  font-size: 18px;
  line-height: 1.4em;
  padding: 18px;
  padding-left: 100px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.3em;
  min-height: 116px;
}
@media all and (max-width: 960px) {
  body.__page_diensten .__card_wrapper .__card {
    width: 100%;
    max-width: 600px;
    margin-bottom: 24px;
  }
}
body.__page_diensten .__card_wrapper .__card:nth-of-type(2) {
  background: url("/visuals/drupal.png") no-repeat 16px 16px;
  background-size: 60px;
}
body.__page_diensten .__card_wrapper .__card:nth-of-type(1) {
  background: url("/visuals/wp.png") no-repeat 16px 24px;
  background-size: 60px;
}
body.__page_diensten .__card_wrapper .__card:nth-of-type(3) {
  background: url("/visuals/laravel.png") no-repeat 16px 24px;
  background-size: 60px;
}
body.__page_diensten .__card_wrapper .__card:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
body.__page_diensten .__card_wrapper .__card a {
  color: #000;
}

body.single-blog article h1 {
  font-size: 44px;
  color: #000 !important;
}
@media all and (max-width: 1000px) {
  body.single-blog article h1 {
    font-size: 36px;
  }
}
@media all and (max-width: 600px) {
  body.single-blog article h1 {
    font-size: 24px;
  }
}
body.single-blog article h2 {
  margin-bottom: 18px;
}
body.single-blog article .entry-meta {
  font-size: 15px;
  margin-bottom: 20px;
  color: #000;
}
body.single-blog article .entry-meta a.__link_to_author {
  height: 70px;
}
body.single-blog article .entry-meta a.__link_to_author .__blog_author {
  width: 70px;
  margin-bottom: 0;
}
body.single-blog article .entry-meta a.__link_to_author .__blog_author .__blog_author_photo {
  width: 40px;
  height: 40px;
  border-radius: 10%;
  overflow: hidden;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
body.single-blog article .entry-meta a.__link_to_author .__blog_author .__blog_author_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.single-blog article .entry-meta a.__link_to_author .__blog_author .__blog_author_name {
  color: #000;
}
body.single-blog article .entry-meta .__blog_date {
  margin-left: 2px;
  position: relative;
  top: 0px;
}
body.single-blog article .entry-content {
  clear: both;
  top: 0px;
  position: relative;
}
body.single-blog article ul li {
  list-style: square; /* standaard lijststijl */
  margin: 0;
  padding: 0;
}
body.single-blog article ul.nobreak li {
  word-break: break-all; /* forceert breken waar nodig */
  overflow-wrap: break-word; /* moderne variant */
  white-space: normal; /* geen 'één regel' */
}
body.single-blog article .entry-footer a {
  color: #fff;
  background: #0f7bf5;
  display: inline-block;
  font-size: 16px;
  padding: 0 12px;
  border-radius: 5px;
}

.__keytakeaways {
  padding: 24px;
  background: #dcf4ff;
  border: 10px solid #c4dbe5;
  margin-bottom: 1.4em;
  border-radius: 16px;
}

.__stelling {
  padding: 24px;
  background: #e8ffe9;
  border: 10px solid #d0e3d1;
  margin-bottom: 1.4em;
  border-radius: 16px;
}

.blog-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.blog-card {
  flex: 1 1 calc(33.333% - 1.5rem); /* 3 per rij */
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 1rem;
  transition: transform 0.2s ease;
  max-width: 40%;
  cursor: pointer;
}
@media all and (max-width: 900px) {
  .blog-card {
    min-width: 47%;
    max-width: 47%;
  }
}
@media all and (max-width: 560px) {
  .blog-card {
    min-width: 95%;
    max-width: 95%;
  }
}

.blog-card:hover {
  transform: translateY(-4px);
}

.blog-card-thumb {
  display: block;
  width: 100%;
  height: 140px; /* kies hoogte naar smaak */
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 0.75rem;
}

.blog-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* vullen, bijsnijden waar nodig */
  object-position: center;
  display: block;
}

.blog-card h2 {
  display: flex; /* maakt h2 een flexbox */
  align-items: center; /* verticaal centreren */
  margin: 0; /* vaak mooier bij vaste hoogte */
  font-size: 20px;
}

.blog-card h2 a {
  display: block;
  width: 100%; /* link vult de h2 */
  color: #000;
}

@media (max-width: 900px) {
  .blog-card {
    flex: 1 1 calc(50% - 1.5rem);
  }
}
@media (max-width: 600px) {
  .blog-card {
    flex: 1 1 100%;
  }
}
.blog-card .entry-meta {
  font-size: 14px;
}

.blog-card .entry-summary {
  margin-top: 12px;
}

.__blog_menu {
  float: right;
  font-size: 18px !important;
  font-weight: 500;
}

header.site-header {
  position: fixed;
  height: 80px;
  width: 100vw;
  top: 0;
  left: 0;
  background: #fff;
  border-bottom: 2px solid #ddd;
  z-index: 500;
  transition: transform 0.5s ease-in-out;
}
header.site-header .__header_logo {
  position: absolute;
  left: var(--page-margin);
  top: 10px;
  width: 200px;
  height: 56px;
  z-index: 50;
  background-image: url(/visuals/bvs-logo-0f7bf5.png);
  background-size: 56px;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  header.site-header .__header_logo {
    background-size: 48px;
    top: 16px;
  }
}
@media all and (max-width: 500px) {
  header.site-header .__header_logo {
    background-size: 42px;
    top: 19px;
  }
}
header.site-header .__header_text {
  position: absolute;
  left: 110px;
  top: 37px;
  font-size: 22px;
  font-weight: 700;
  color: #000;
  color: #0f7bf5;
  text-transform: uppercase;
}
@media all and (max-width: 800px) {
  header.site-header .__header_text {
    font-size: 20px;
    font-weight: 500;
    left: 105px;
  }
}
@media all and (max-width: 740px) {
  header.site-header .__header_text {
    left: calc(105px - (48px - var(--page-margin)));
  }
}
@media all and (max-width: 500px) {
  header.site-header .__header_text {
    left: calc(96px - (48px - var(--page-margin)));
    font-size: 18px;
  }
}
@media all and (max-width: 1000px) {
  header.site-header.hidden {
    transform: translateY(-100%);
    transition: transform 0.5s ease-in-out;
  }
}

body.__page_home header.site-header {
  background: linear-gradient(rgba(26, 40, 45, 0.7), rgba(26, 40, 45, 0.7)), url(/visuals/img_127.webp);
  border-bottom: 0px solid #ddd;
}
body.__page_home header.site-header .__header_logo {
  background-image: url(/visuals/bvs-logo-ffffff.png);
  opacity: 0.9;
}
body.__page_home header.site-header .__header_text {
  color: #0f7bf5;
  display: none;
}

nav.main-navigation {
  align-items: center;
  height: 100%;
  padding: 0 var(--page-margin);
  justify-content: space-between;
}
nav.main-navigation .menu-menu-1-container {
  position: relative;
  top: 38px;
}
nav.main-navigation .menu-menu-1-container ul.menu {
  display: flex;
  justify-content: center; /* duwt de items naar rechts */
  gap: 30px; /* ruimte tussen de li's */
  width: 100%; /* volledige breedte */
  list-style: none; /* optioneel, verwijdert bolletjes */
  padding: 0;
  margin: 0;
}
@media all and (max-width: 1250px) {
  nav.main-navigation .menu-menu-1-container ul.menu {
    justify-content: flex-end;
  }
}
nav.main-navigation .menu-menu-1-container ul.menu li.menu-item a {
  color: #000;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
nav.main-navigation .menu-menu-1-container ul.menu li.menu-item a:hover {
  text-decoration: none;
  color: #0f7bf5;
}
nav.main-navigation .menu-menu-1-container ul.menu li.menu-item:not(:first-child):after {
  content: "•";
  color: #0f7bf5;
  position: relative;
  top: -37px;
  left: 12px;
  margin-left: -32px;
}

body.__page_home nav.main-navigation .menu-menu-1-container ul.menu li.menu-item a {
  color: #fff !important;
}
body.__page_home nav.main-navigation .menu-menu-1-container ul.menu li.menu-item a:hover {
  color: #0f7bf5 !important;
}
body.__page_home nav.main-navigation .menu-menu-1-container ul.menu li.menu-item:not(:first-child):after {
  color: #0f7bf5;
}
body.__page_home nav.main-navigation.toggled .menu-menu-1-container ul.menu li.menu-item:hover {
  background-color: transparent !important;
}
body.__page_home nav.main-navigation.toggled .menu-menu-1-container ul.menu li.menu-item a {
  color: #000 !important;
}
body.__page_home nav.main-navigation.toggled .menu-menu-1-container ul.menu li.menu-item a:hover {
  background-color: transparent;
  color: #0f7bf5 !important;
}
@media screen and (max-width: 1400px) {
  .main-navigation ul a {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 1050px) {
  .main-navigation ul {
    display: none !important;
    flex-direction: column;
    background: white;
    position: absolute;
    top: 60px; /* afhankelijk van je header */
    left: 0;
    right: 0;
    z-index: 9999;
    text-align: center;
  }
  .main-navigation.toggled ul {
    display: block !important;
    position: absolute;
    top: 80px;
    left: calc(var(--page-margin) * -1);
    height: 100vh;
    width: 100vw !important;
    background: white;
    z-index: 10000;
    opacity: 1;
  }
  .main-navigation.toggled ul li {
    margin: 0 !important;
    float: none !important;
  }
  .main-navigation.toggled ul li:after {
    display: none;
  }
  .main-navigation.toggled ul li a {
    padding: 0 0 !important;
    font-size: 20px !important;
    line-height: 2.2em;
  }
  .menu-toggle {
    display: block;
    background: none;
    border: none;
    font-size: 3rem;
    color: #0f7bf5;
    cursor: pointer;
    position: absolute;
    right: var(--page-margin);
    top: 18px;
    padding: 0;
  }
  body.__page_home .main-navigation.toggled ul {
    top: 36px;
    left: calc(var(--page-margin) * -1);
    width: 100vw !important;
    padding-top: 40px;
  }
  body.__page_home .main-navigation.toggled ul li a {
    color: #000 !important;
  }
}
nav.secondary-navigation {
  position: absolute;
  right: 48px;
  top: 0;
}
@media all and (max-width: 1050px) {
  nav.secondary-navigation {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    top: -78px;
    right: auto;
    width: 100%;
    padding: 0 calc((100% - 190px) / 2);
  }
}
@media all and (max-width: 460px) {
  nav.secondary-navigation {
    margin: 0 auto;
    top: 2px;
    right: auto;
    width: 100%;
    padding: 0 calc((100% - 190px) / 2);
  }
  nav.secondary-navigation ul.menu li {
    background: #fff;
  }
  nav.secondary-navigation ul.menu li a {
    color: #000 !important;
  }
}
nav.secondary-navigation ul, nav.secondary-navigation li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav.secondary-navigation ul.menu li {
  float: left;
  background: #fff;
}
nav.secondary-navigation ul.menu li a {
  font-size: 16px;
  color: #000;
  padding: 0 12px;
  font-weight: 300;
}
@media all and (max-width: 1550px) {
  nav.secondary-navigation ul.menu li a {
    font-size: 14px;
    padding: 0 8px;
  }
}
nav.secondary-navigation ul.menu li a:hover {
  color: #0f7bf5;
}
@media all and (max-width: 460px) {
  body.__page_home nav.secondary-navigation {
    display: none;
    margin: 0 auto;
    position: relative !important;
    top: 250px !important;
    right: auto;
    width: 100%;
    padding: 0 calc((100% - 190px) / 2);
  }
  body.__page_home nav.secondary-navigation ul.menu li {
    background: #222;
  }
}
body.__page_home nav.secondary-navigation a {
  font-size: 16px;
  color: #fff !important;
}
body.__page_home nav.secondary-navigation li.menu-item {
  background: #222;
}
@media all and (max-width: 1050px) {
  body.logged-in nav.secondary-navigation {
    padding: 0 calc((100% - 360px) / 2) !important;
  }
}
@media all and (max-width: 460px) {
  body.logged-in nav.secondary-navigation {
    padding: 0 calc((100% - 240px) / 2) !important;
  }
}

@media (max-width: 1050px) {
  body:not(.logged-in) nav.secondary-navigation {
    padding: 0 calc((100% - 290px) / 2);
  }
}
@media all and (max-width: 520px) {
  body:not(.logged-in) nav.secondary-navigation {
    padding: 0 calc((100% - 300px) / 2);
  }
}

@media (max-width: 1050px) {
  body.logged-in nav.secondary-navigation {
    padding: 0 calc((100% - 400px) / 2) !important;
  }
}
@media all and (max-width: 540px) {
  body.logged-in nav.secondary-navigation {
    padding: 0 calc((100% - 300px) / 2);
    top: 0px;
  }
}
@media all and (max-width: 420px) {
  body.logged-in nav.secondary-navigation {
    padding: 0 calc((100% - 320px) / 2) !important;
  }
  body.logged-in nav.secondary-navigation li:nth-of-type(2) {
    display: none;
    background: #fff;
  }
}

footer.site-footer {
  position: relative;
  background: #1b212a;
  clip-path: polygon(0 0, 50% 10%, 100% 0, 100% 100%, 0 100%);
  line-height: 1.3em;
}
footer.site-footer .__footer_top {
  height: 140px;
  padding: 50px;
  padding-bottom: 0;
}
@media all and (max-width: 700px) {
  footer.site-footer .__footer_top {
    margin-left: 0;
  }
}
footer.site-footer .__footer_top .__footer_domain {
  font-size: 44px;
  font-weight: 200;
  line-height: 80px;
  color: #fff;
  color: #0f7bf5;
  text-align: center;
}
@media all and (max-width: 500px) {
  footer.site-footer .__footer_top .__footer_domain {
    font-size: 24px;
  }
}
footer.site-footer .__footer_top .social-container {
  width: 140px;
  margin: 0 auto;
}
footer.site-footer .__footer_top .social-container ul, footer.site-footer .__footer_top .social-container li {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer.site-footer .__footer_top .social-container ul {
  display: flex;
}
footer.site-footer .__footer_top .social-container ul li {
  flex: 1;
}
footer.site-footer .__footer_top .social-container ul li,
footer.site-footer .__footer_top .social-container ul li a {
  font-size: 24px;
  color: #fff;
}
footer.site-footer .__footer_top .social-container ul li:hover,
footer.site-footer .__footer_top .social-container ul li a:hover {
  color: #0f7bf5;
}
footer.site-footer .__footer_bottom {
  height: 100px;
  background: #1b212a;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
}
@media all and (max-width: 700px) {
  footer.site-footer .__footer_bottom {
    margin-left: 0;
  }
}
footer.site-footer .__footer_adres {
  font-size: 24px;
  position: absolute;
  bottom: 44px;
  left: calc(50% + 140px);
  color: #fff;
  line-height: 1.5em;
  font-size: var(--font-size-ui-small);
}
@media all and (max-width: 700px) {
  footer.site-footer .__footer_adres {
    position: relative;
    bottom: 36px;
    left: 0;
    text-align: center;
  }
}
footer.site-footer a {
  color: #fff !important;
}
footer.site-footer a:hover {
  color: #0f7bf5 !important;
}

table.__table_overview_block {
  width: 100%;
  margin: 0 auto;
  border-spacing: 6px 0;
}
table.__table_overview_block tr {
  border-bottom: 1px dotted #ccc;
}
table.__table_overview_block tr.__row_spacer td {
  height: 10px;
  line-height: 0px;
  padding: 0;
}
table.__table_overview_block tr.__extra_height {
  height: 36px;
}
table.__table_overview_block tr.__extra_height td {
  text-align: center;
  background: #fff;
  border-width: 0;
}
table.__table_overview_block tr.__firstrow {
  background: #f1f1f1;
  height: 80px;
}
table.__table_overview_block tr.__firstrow td {
  text-align: center;
  border-width: 0;
}
table.__table_overview_block tr.__firstrow td:first-of-type {
  background: #fff;
}
table.__table_overview_block tr.__firstrow div.__package_name {
  font-size: 24px;
  text-transform: uppercase;
  padding: 10px 0 18px 0;
  font-weight: 700;
}
@media all and (max-width: 1040px) {
  table.__table_overview_block tr.__firstrow div.__package_name {
    font-size: 18px;
  }
}
table.__table_overview_block tr.__firstrow div.__package_profile {
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 12px;
}
table.__table_overview_block tr.__firstrow div.__package_price {
  font-size: 32px;
  line-height: 40px;
  padding: 16px 0 4px 0;
  border: 1px solid #aaa;
  border-width: 1px 0 0 0;
  margin-bottom: 12px;
  font-weight: 500 !important;
}
table.__table_overview_block tr.__firstrow div.__package_price span.__supersmall {
  font-size: 17px;
  font-weight: 300;
}
table.__table_overview_block tr.__bottom_padding {
  height: 30px;
}
table.__table_overview_block tr.__bottom_padding td {
  border-bottom-width: 0;
  background: #fff;
}
table.__table_overview_block tr td {
  position: relative;
  border-bottom: 1px dotted #ddd;
  margin: 0;
  padding: 5px 32px;
  vertical-align: middle;
}
table.__table_overview_block tr td, table.__table_overview_block tr td span {
  font-size: 16px;
}
table.__table_overview_block tr td:nth-of-type(1) {
  width: 40%;
  border-left-width: 0;
  font-weight: 500;
  text-transform: uppercase;
  position: sticky;
  left: 0;
  z-index: 2; /* Zorgt dat hij boven andere cellen blijft */
  box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1); /* optisch onderscheid */
}
@media all and (max-width: 800px) {
  table.__table_overview_block tr td:nth-of-type(1) {
    padding: 5px 10px;
  }
}
@media all and (max-width: 550px) {
  table.__table_overview_block tr td:nth-of-type(1) {
    position: static;
    left: 0;
    z-index: 2; /* Zorgt dat hij boven andere cellen blijft */
    box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1); /* optisch onderscheid */
  }
}
table.__table_overview_block tr td:nth-of-type(2), table.__table_overview_block tr td:nth-of-type(3), table.__table_overview_block tr td:nth-of-type(4) {
  width: 20%;
  min-width: 200px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
table.__table_overview_block tr td:nth-of-type(2) ul, table.__table_overview_block tr td:nth-of-type(2) li, table.__table_overview_block tr td:nth-of-type(3) ul, table.__table_overview_block tr td:nth-of-type(3) li, table.__table_overview_block tr td:nth-of-type(4) ul, table.__table_overview_block tr td:nth-of-type(4) li {
  list-style: none;
  margin: 0;
  padding: 0;
}
table.__table_overview_block tr td:nth-of-type(2) .__plus, table.__table_overview_block tr td:nth-of-type(3) .__plus, table.__table_overview_block tr td:nth-of-type(4) .__plus {
  font-size: 24px;
  font-weight: 600;
}
table.__table_overview_block tr td:nth-of-type(3) {
  background: #f0f0f0;
  position: relative;
  border-bottom: 1px solid rgb(210.84, 230.712, 253.16);
}
table.__table_overview_block tr td:nth-of-type(4) {
  border-right-width: 0;
}
table.__table_overview_block tr td.__meest_gekozen_label {
  background: #0f7bf5;
  border-radius: 3px 3px 0px 0px;
  color: #fff;
  font-weight: bold;
}
table.__table_overview_block tr:nth-last-child(-n+2) {
  border-width: 0 !important;
}
table.__table_overview_block tr:nth-last-child(-n+2) td {
  border-width: 0 !important;
}
table.__table_overview_block tr:first-of-type {
  border-width: 0;
}
table.__table_overview_block tr:first-of-type td {
  border-width: 0;
}
table.__table_overview_block .fa-check,
table.__table_overview_block .fa-square-check {
  color: green;
  font-size: 20px;
}
table.__table_overview_block .fa-xmark {
  color: #ccc;
  font-size: 18px;
}
table.__table_overview_block span.__plans_overview_label {
  display: inline-block;
  width: 110px;
  font-size: 13px;
}
table.__table_overview_block td {
  height: 50px;
}

.__table_overview_block__extra {
  width: 86%;
  margin: 0 auto 48px auto;
}

tr.__button_row td {
  padding: 36px 32px 50px 32px !important;
  border-radius: 0 0 12px 12px;
}
tr.__button_row td .btn-success, tr.__button_row td .btn-custom,
tr.__button_row td .btn-custom-rounded {
  width: 75%;
  background: #ff7f00;
}
tr.__button_row td .__btn__bel {
  background-color: #ff7f00 !important;
  border-color: #ff7f00 !important;
}
tr.__button_row td .__btn__bel:hover {
  background-color: #0f7bf5 !important;
  border-color: #0f7bf5 !important;
}
tr.__button_row td .btn-outline-primary:hover {
  background-color: #0f7bf5 !important;
  border-color: #0f7bf5 !important;
  color: #fff !important;
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active {
  background-color: transparent !important;
  color: inherit !important;
  outline: none !important;
}

table.__table_overview_block tr td {
  height: 50px;
  padding-top: 0;
  padding-bottom: 0;
}
table.__table_overview_block tr td div.X__info {
  display: none;
}
table.__table_overview_block tr td p {
  margin-bottom: 0 !important;
}

/* Desktop/tablet: normale tabel */
.table.__table_overview_block {
  table-layout: fixed;
}

/* Mobile: verberg de originele tabel, toon de gestapelde paren */
@media (max-width: 860px) {
  table {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .table.__table_overview_block {
    display: none;
  }
  .__mobile_plan_stacks {
    display: grid;
    gap: 16px;
  }
  .__mobile_plan_stacks .__package_profile {
    display: none;
  }
  .__mobile_plan_stacks .__package_name {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 12px;
    background: #000;
    padding: 4px 12px;
    text-align: center;
    color: #fff;
  }
  .__mobile_plan_stacks .__package_price {
    font-size: 20px;
    font-weight: 300;
  }
  .__mobile_plan_stacks .__package_price .__supersmall {
    font-size: 14px;
    color: #777;
  }
  .__mobile_plan_stacks {
    width: 100vw !important;
    overflow: auto;
    max-width: 100vw;
  }
  .__mobile_plan_stacks table {
    width: 100vw;
    border-collapse: collapse;
  }
  .__mobile_plan_stacks caption {
    display: none;
    font-weight: 600;
    text-align: left;
    padding: 0.5rem 0;
  }
  .__mobile_plan_stacks td, .__mobile_plan_stacks th {
    padding: 0.5rem;
    vertical-align: top;
    border-top: 1px solid #e5e7eb;
    word-break: break-word;
  }
  .__mobile_plan_stacks tr:first-child td,
  .__mobile_plan_stacks tr:first-child th {
    border-top: 0;
  }
  .__mobile_plan_stacks td.__feature {
    font-weight: 500;
    width: 50%;
  }
  /* maak check/x iconen netjes gecentreerd */
  .__mobile_plan_stacks td.__val {
    text-align: center;
    font-weight: normal;
    width: 50%;
  }
  .__mobile_plan_stacks td.__val .fa-check {
    color: #0f7bf5;
  }
  .__mobile_plan_stacks td.__val .fa-xmark {
    color: #ccc;
  }
}
.btn-success, .btn-custom,
.btn-custom-rounded {
  background: #00c70d;
  border-color: #00b10c;
}
.btn-success:hover, .btn-custom:hover,
.btn-custom-rounded:hover {
  background: #02aa0d;
  border-color: #02980d;
}

.btn:hover {
  text-decoration: none;
}

.btn-outline-primary {
  border-color: #0f7bf5 !important;
  color: #0f7bf5;
}

.btn-custom,
.btn-custom-rounded {
  background-color: #ff7f00 !important;
  border-color: #ff7f00 !important;
  color: #fff !important;
  border-radius: 12px;
  padding: 12px 48px;
  font-size: 14px;
  font-weight: 500;
  box-sizing: border-box;
  display: inline-block;
}
.btn-custom:hover, .btn-custom:focus,
.btn-custom-rounded:hover,
.btn-custom-rounded:focus {
  background-color: #ff7f00 !important;
  border-color: #ff7f00 !important;
  color: #fff !important;
  text-decoration: none;
}
.btn-custom:active,
.btn-custom-rounded:active {
  background-color: rgb(6.32, 74.576, 151.68) !important;
  border-color: rgb(6.32, 74.576, 151.68) !important;
  color: #fff !important;
}
.btn-custom a:hover,
.btn-custom-rounded a:hover {
  text-decoration: none;
}
.btn-custom.btn-dark-gray,
.btn-custom-rounded.btn-dark-gray {
  background-color: #444 !important;
}
.btn-custom.btn-dark-gray:hover, .btn-custom.btn-dark-gray:focus,
.btn-custom-rounded.btn-dark-gray:hover,
.btn-custom-rounded.btn-dark-gray:focus {
  background-color: rgb(6.32, 74.576, 151.68) !important;
}
.btn-custom.btn-light-gray,
.btn-custom-rounded.btn-light-gray {
  background-color: #dfdfdf !important;
  color: #666 !important;
  border: 1px solid #ccc !important;
}
.btn-custom.btn-light-gray:hover, .btn-custom.btn-light-gray:focus,
.btn-custom-rounded.btn-light-gray:hover,
.btn-custom-rounded.btn-light-gray:focus {
  background-color: rgb(210.84, 230.712, 253.16) !important;
}

.btn-custom-rounded {
  border-radius: 36px;
  padding: 24px 48px;
}

.btn-primary {
  background-color: #ff7f00 !important;
  border-color: #ff7f00 !important;
}
.btn-primary:hover {
  background-color: rgb(229.5, 114.3, 0) !important;
  border-color: rgb(229.5, 114.3, 0) !important;
}

.__3sp_wrapper {
  margin-top: 124px;
}
.__3sp_wrapper .__3sp_content {
  display: flex;
  gap: 30px;
  width: 100%;
}
.__3sp_wrapper .__3sp_content .wp-block-columns {
  justify-content: space-around !important;
}
@media all and (max-width: 800px) {
  .__3sp_wrapper .__3sp_content .wp-block-columns {
    display: block;
  }
}
.__3sp_wrapper .__3sp_content .wp-block-group__inner-container {
  width: 100%;
}
.__3sp_wrapper .__3sp_content .__3sp_content_col {
  flex: 1;
  text-align: center;
}
@media all and (max-width: 800px) {
  .__3sp_wrapper .__3sp_content .__3sp_content_col {
    padding-bottom: 28px;
  }
}
.__3sp_wrapper .__3sp_content .__3sp_content_col .__3sp_content_col__row_1 {
  width: 180px;
  height: 180px;
  margin: 0 auto;
}
.__3sp_wrapper .__3sp_content .__3sp_content_col .__3sp_content_col__row_1 img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  border: 6px solid #0f7bf5;
}
.__3sp_wrapper .__3sp_content .__3sp_content_col .__3sp_content_col__row_2 {
  margin-top: 24px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2em;
}
.__3sp_wrapper .__3sp_content .__3sp_content_col .__3sp_content_col__row_3 {
  margin-top: 24px;
}

.__block_contact_wrapper .__block_contact .wp-block-columns {
  justify-content: space-around !important;
}
@media all and (max-width: 800px) {
  .__block_contact_wrapper .__block_contact .wp-block-columns {
    display: block;
  }
}
.__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col {
  text-align: center;
  cursor: pointer;
}
@media all and (max-width: 800px) {
  .__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col {
    padding-bottom: 28px;
  }
}
.__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col:hover {
  transform: scale(1.075);
}
.__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col .__block_contact_row_1 {
  width: 160px;
  height: 160px;
  background: #f0f0f0;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 600px) {
  .__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col .__block_contact_row_1 {
    width: 50vw;
    height: 50vw;
  }
}
.__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col .__block_contact_row_1 i.fa-solid {
  font-size: 60px;
}
.__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col .__block_contact_row_2 {
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
  margin-top: 24px;
  margin-bottom: 0;
}
.__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col.__block_contact_col_1 {
  color: #ff4a7d;
}
.__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col.__block_contact_col_2 {
  color: #02bea4;
}
.__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col.__block_contact_col_3 {
  color: #f8b806;
}
.__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col.__block_contact_col_1 p, .__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col.__block_contact_col_2 p, .__block_contact_wrapper .__block_contact .wp-block-columns .__block_contact_col.__block_contact_col_3 p {
  color: #000;
}

form .row {
  margin: 10px 0;
}
form .row input:not([type=submit]),
form .row select,
form .row textarea {
  padding: 8px 12px !important;
  border: 2px solid #ddd !important;
  border-radius: 8px !important;
  width: 100%;
  background: #fff !important;
  color: #000;
}
form label {
  font-weight: 500 !important;
  color: #000;
}

.row > * {
  padding-left: 0;
  padding-right: 0;
}

[class^=col-md-],
[class*=" col-md-"] {
  padding-right: 12px;
}

#info-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
#info-modal-overlay #info-modal {
  background: #ffffff;
  padding: 36px 48px;
  padding-top: 54px;
  width: 800px;
  height: 600px;
  max-width: 100vw;
  max-height: 85vh;
  margin: 10vh auto;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  overflow: auto;
}
@media (max-width: 840px) {
  #info-modal-overlay #info-modal {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    z-index: 500;
    margin: 0 !important;
  }
}
#info-modal-overlay #info-modal #info-modal-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.__info {
  display: inline-block;
  padding-left: 10px;
  font-size: 19px;
  color: #ccc;
  color: #0f7bf5;
  color: #ffb63d;
  color: #d0d0d0;
  color: #555;
  cursor: pointer;
}
.__info:hover {
  color: #0f7bf5;
}

body.__page_veelgestelde-vragen .__faq_category_section {
  margin-bottom: 24px;
  padding-top: 24px;
}
body.__page_veelgestelde-vragen .__faq_category_section .__faq_category_name {
  font-size: 22px;
  font-weight: 500;
  padding: 10px 0;
  float: left;
  margin: 0;
  color: #0f7bf5;
  border-bottom-width: 0;
}
body.__page_veelgestelde-vragen .__faq_category_section .__faq_post .__faq_post_title {
  font-size: 20px;
  font-weight: 400;
  padding: 8px 12px;
  border-bottom: 2px solid #e0e0e0;
  background: #fff;
  margin: 0;
  margin-bottom: 1px;
  cursor: pointer;
  position: relative;
}
body.__page_veelgestelde-vragen .__faq_category_section .__faq_post .__faq_post_title:hover {
  background: #0f7bf5;
  color: #fff;
}
body.__page_veelgestelde-vragen .__faq_category_section .__faq_post .__faq_post_title:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  border-color: #cacaca transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 16px;
}
@media all and (max-width: 900px) {
  body.__page_veelgestelde-vragen .__faq_category_section .__faq_post .__faq_post_title:after {
    display: none;
  }
}
body.__page_veelgestelde-vragen .__faq_category_section .__faq_post .__faq_post_content {
  display: none;
  font-size: var(--font-size-ui) !important;
  line-height: 1.5em;
  transition: none;
  padding: 24px;
  padding-top: 24px;
  border-left: 2px solid #0f7bf5;
  border-right: 2px solid #0f7bf5;
  border-bottom: 2px solid #0f7bf5;
  margin-bottom: 18px;
}
body.__page_veelgestelde-vragen .__faq_category_section .__faq_post.__active .__faq_post_title {
  background: #0f7bf5;
  color: #fff;
}
body.__page_veelgestelde-vragen .__faq_category_section .__faq_post.__active .__faq_post_title:after {
  transform: rotate(180deg);
  border-color: #fff transparent transparent transparent;
}
body.__page_veelgestelde-vragen #faq-filter {
  width: calc(100% - 55px);
  margin-right: 5px;
}
body.__page_veelgestelde-vragen #faq-filter-reset {
  width: 50px;
}

body.__page_veelgestelde-vragen .__faq_direct a {
  dislay: inline-block;
  background: #ff7f00;
  padding: 1px 6px 2px 6px;
  color: #fff;
  border-radius: 2px;
  font-size: 16px;
}

body.__page_veelgestelde-vragen .__faq_direct a:after {
  content: " »"; /* Het icoon (kan ook via background-image) */
  display: inline-block;
  margin-left: 0.3em; /* Ruimte tussen tekst en icoon */
  font-size: 0.9em; /* Eventueel kleiner maken */
}

body.__page_veelgestelde-vragen .__faq_direct a:hover {
  background: rgb(229.5, 114.3, 0);
}

ul.__color_blocks_wrapper {
  display: flex;
  flex-direction: row; /* horizontaal naast elkaar (default) */
  justify-content: flex-start;
  align-items: center; /* centreert items verticaal */
  flex-wrap: wrap; /* items mogen afbreken naar nieuwe regel */
  gap: 15px;
  margin-top: 2px;
  padding: 0;
}
ul.__color_blocks_wrapper li {
  list-style: none;
  flex: 0 0 calc(33% - 25px); /* 3 per rij (100% / 3) - marge */
  padding: 24px;
  text-align: center;
  border-radius: 16px;
  height: 120px;
  display: flex; /* maak item zelf een flex-container */
  justify-content: center; /* horizontaal centreren van de inhoud */
  align-items: center; /* verticaal centreren van de inhoud */
  background: #0f7bf5;
  cursor: pointer;
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 1) {
  background: var(--ring-1);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 1):hover {
  background: var(--ring-1-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 2) {
  background: var(--ring-2);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 2):hover {
  background: var(--ring-2-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 3) {
  background: var(--ring-3);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 3):hover {
  background: var(--ring-3-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 4) {
  background: var(--ring-4);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 4):hover {
  background: var(--ring-4-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 5) {
  background: var(--ring-5);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 5):hover {
  background: var(--ring-5-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 6) {
  background: var(--ring-6);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 6):hover {
  background: var(--ring-6-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 7) {
  background: var(--ring-7);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 7):hover {
  background: var(--ring-7-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 8) {
  background: var(--ring-8);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 8):hover {
  background: var(--ring-8-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 9) {
  background: var(--ring-9);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 9):hover {
  background: var(--ring-9-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 10) {
  background: var(--ring-10);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 10):hover {
  background: var(--ring-10-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 11) {
  background: var(--ring-11);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 11):hover {
  background: var(--ring-11-hover);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 12) {
  background: var(--ring-12);
}
ul.__color_blocks_wrapper li:nth-of-type(12n + 12):hover {
  background: var(--ring-12-hover);
}
ul.__color_blocks_wrapper li a {
  color: #fff;
  font-weight: 500;
}
ul.__color_blocks_wrapper.__long_blocks {
  display: block;
  width: 100%;
  align-items: normal;
}
ul.__color_blocks_wrapper.__long_blocks li {
  margin: 20px 0;
  padding: 0 64px;
  flex: none;
  min-height: 70px;
  height: auto;
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth scroll op mobiel */
}

table {
  background: #fff;
  cursor: pointer;
  min-width: 500px;
}
table tr {
  border-bottom: 1px dotted #aaa;
}
table tr td,
table tr th {
  font-size: calc(var(--font-size-ui) * 0.9);
  padding: 8px 0;
}
table tr th {
  font-weight: 600;
}

.__kader {
  padding: 16px 32px;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.4);
  border-radius: 16px;
  border: 1px solid #aaa;
  width: 100%;
  margin: 12px auto 44px auto;
}
.__kader.__m_1 {
  width: 90%;
}
.__kader.__m_2 {
  width: 80%;
}
.__kader.__m_3 {
  width: 70%;
}
.__kader.__m_4 {
  width: 60%;
}
.__kader.__m_5 {
  width: 50%;
}
.__kader.__tegen {
  background: rgb(255, 229.4, 204);
}

/* De buitenste container klipt alles buiten de viewport */
.pfblock {
  padding-top: 30px;
  padding-bottom: 60px;
  overflow: hidden;
  /* Zet WP's constrained max-width uit voor deze 2 groepen */
  /* Maak de binnenste rij échte 1-regel horizontale strip */
  /* Items in de strip */
  /* Afbeeldingen passend maken */
  /* toepassen op je strip */
  /* 5 stappen: elke 5s 200px verder
     - 0–12%  (≈3s): glijden
     - 12–20% (≈2s): pauze
     herhaal dit patroon per stap
  */
}
.pfblock.is-layout-constrained,
.pfblock .pfblock_inner.is-layout-constrained, .pfblock.wp-block-group,
.pfblock .pfblock_inner.wp-block-group {
  max-width: none !important;
}
.pfblock .pfblock_inner {
  position: relative;
  width: 8400px; /* breedte = som van alle items */
  animation: slide 40s linear infinite;
  will-change: transform;
}
.pfblock .pfblock_inner .wp-block-group__inner-container {
  float: left;
}
.pfblock .pfblock_inner figure {
  height: 140px;
  margin: 0; /* spacing gaat via gap */
  border: 2px solid #ddd;
  padding: 10px;
  overflow: hidden; /* netjes bijsnijden */
  float: left;
  margin: 0 8px;
}
.pfblock .pfblock_inner figure:hover {
  border-color: #bbb;
}
.pfblock .pfblock_inner figure img {
  height: 100%;
  width: auto;
  object-fit: cover;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.pfblock .pfblock_inner figure img:hover {
  filter: none;
  -webkit-filter: none;
  opacity: 1;
  transform: scale(1.08);
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes slideSteps {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1000px);
  }
  /* 5 * 200px */
}
@keyframes smoothSlide {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-200px);
  }
  40% {
    transform: translateX(-400px);
  }
  60% {
    transform: translateX(-600px);
  }
  80% {
    transform: translateX(-800px);
  }
  100% {
    transform: translateX(-1000px);
  }
}
@keyframes glidePause {
  /* stap 1 */
  0% {
    transform: translateX(0);
  }
  12% {
    transform: translateX(-250px);
  }
  /* glijden (3s) */
  20% {
    transform: translateX(-250px);
  }
  /* pauze (2s) */
  /* stap 2 */
  32% {
    transform: translateX(-500px);
  }
  /* glijden */
  40% {
    transform: translateX(-500px);
  }
  /* pauze */
  /* stap 3 */
  52% {
    transform: translateX(-750px);
  }
  /* glijden */
  60% {
    transform: translateX(-750px);
  }
  /* pauze */
  /* stap 4 */
  72% {
    transform: translateX(-1000px);
  }
  /* glijden */
  80% {
    transform: translateX(-1000px);
  }
  /* pauze */
  /* stap 5 */
  92% {
    transform: translateX(-1250px);
  }
  /* glijden */
  100% {
    transform: translateX(-1250px);
  }
  /* pauze (einde cyclus) */
}

.pagination {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
  font-size: 16px !important;
}
.pagination .page-numbers {
  display: inline-block;
  margin: 0 0.25rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  transition: background-color 0.3s, color 0.3s;
}
.pagination .page-numbers:hover {
  background-color: #f0f0f0;
  color: #000;
}
.pagination .page-numbers.current {
  background-color: #0073aa;
  color: #fff;
  border-color: #0073aa;
  cursor: default;
}
.pagination .page-numbers.current:hover {
  background-color: #0073aa;
  color: #fff;
}
.pagination .page-numbers.dots {
  cursor: default;
  border: none;
  background: none;
  color: #999;
}
.pagination .page-numbers.dots:hover {
  background: none;
  color: #999;
}

.wp-block-group.row > .wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.wp-block-group.row > .wp-block-group__inner-container > .wp-block-group.col-md-6 {
  width: 100%;
}

@media (min-width: 768px) {
  .wp-block-group.row > .wp-block-group__inner-container > .wp-block-group.col-md-6 {
    width: 50%;
  }
}
iframe .booking-container {
  display: none !important;
}

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