html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

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

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

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

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

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

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

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

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

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

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

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

.w-radio:after {
  clear: both;
}

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

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

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

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

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

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

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

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

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

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

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

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: "Fa Solid 900";
  src: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6672af0e875741950cf6545f_fa-solid-900.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Brands 400";
  src: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6672af3be95143c7e9027bda_fa-brands-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Materialsymbolsrounded Filled 28 Pt";
  src: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6703d4ec2d5980518f37a453_MaterialSymbolsRounded_Filled_28pt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --algemene-achtergrondkleur: #f7f9fa;
  --oa-purple-1: #8b22fc;
  --black: #333;
  --dark-violet: #9100df;
  --white: #fff;
  --dark-orange: #ff8a00;
  --dark-orange-2: #f3890b;
  --indigo: #62009e;
  --white-smoke: #f8f8f8;
  --orchid: #cc6dff;
  --gainsboro: #e6e6e6;
  --medium-sea-green-2: #70b36c;
  --dark-sea-green: #7ab463;
  --medium-sea-green: #62ae8c;
  --steel-blue: #5291a9;
  --blue-violet: #8000fa;
  --medium-aquamarine: #89c8ae;
  --groen: #51af32;
  --morpholio-trace: #eed639;
  --dark-slate-grey: #3a6751;
  --zomerschool-nieuw: #31c24e;
  --tan: #c7b889;
  --chocolate: #f86700;
  --dark-slate-blue: #624892;
  --cadet-blue: #4f91a4;
  --gold: #eaca39;
  --medium-sea-green-3: #58a354;
  --donker-oranje: #ec8000;
  --lichtoranje: #ffad4c;
  --light-grey: #ddd;
  --pale-goldenrod: #c6d6a5;
  --yellow: #fff200;
  --zomerschool: #c8d467;
  --white-2: #fafafa;
  --zomerschool-tint-2\<deleted\|variable-777fc89f-f318-5a19-a0d1-c56c8ee1620e\>: #31c24e;
  --color: #31c24eb8;
  --oa-green-2: #8bd65c;
  --koptekst: #696767;
  --oa-green-1: #26ba41;
  --oa-orange-1: #fc7536;
  --cc-text: #18283a;
  --paars-oa-nieuw: #7811ac;
  --roze-oa: #c949ff;
  --donkerpaars-2: #7515cf;
  --grey: #eee;
  --oa-purple-2: #a655fd;
  --cc-grey-1: #e4e7eb;
  --cc-grey-hover: #eff3f5;
  --oa-orange-2: #fd905e;
  --40-black: #333c;
  --wit-opacity: #fffc;
  --grijs: #4b4b4b;
  --wit-opacity-90: #ffffffe6;
  --dim-grey: #686767;
  --donkerpaars: #3c008b;
  --bg-color: #faf5f3;
  --oa-purple-3: #d9b6fe;
  --wit-opacity-2: #ffffff40;
  --oa-orange-3: #feac86;
  --oa-green-3: #aee28d;
  --witte-kleur: #ffffffd9;
  --0: #fff0;
  --peru: #d67809;
  --sea-green: #738d72;
  --goldenrod: #c79f24;
  --grijstint: var(--black);
  --zomerschool-tint: #454922;
  --gebroken-wit: #fcfcfc;
  --donkergroen: #00300d;
  --donkergroen-2: #17742a;
  --opacity: #911ffff2;
  --oa-groen-tint: #05ad0b;
  --blue-violet-2-–-tint: #9831ff;
  --colour-for-video: #6f00ff;
  --green-on-purple: #44f000e6;
  --blue-violet-2-opacity: #911fff99;
  --link: #0084ff;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

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

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkicon {
  margin-right: 8px;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

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

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

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

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

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.w-users-useraccountsubscriptionlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  overflow: auto;
}

.w-users-useraccountsubscriptionlistitem {
  align-items: flex-start;
  display: flex;
}

.w-users-gridrow {
  grid-column-gap: 8px;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  display: grid;
}

.w-users-flexcolumn {
  flex-direction: column;
  display: flex;
}

.w-users-useraccountsubscriptioncancelbutton {
  color: #3898ec;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0000;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--algemene-achtergrondkleur);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  text-align: left;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  text-align: justify;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
}

h6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

p {
  text-align: justify;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
}

a {
  color: var(--oa-purple-1);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
}

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

li {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8rem;
}

strong {
  font-weight: 700;
  display: inline-flex;
  position: relative;
}

blockquote {
  color: var(--dark-violet);
  text-align: justify;
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4rem;
}

.div-block {
  width: 75vw;
  margin-bottom: 50px;
}

.body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.paragraph {
  margin-top: 0;
  margin-bottom: 45px;
  font-family: Roboto, sans-serif;
}

.section-2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-top: 25px;
  display: flex;
}

.section-3 {
  z-index: 9999;
  transform-style: preserve-3d;
  justify-content: center;
  margin-bottom: 0;
  padding-top: 0;
  font-family: futura-pt, sans-serif;
  display: flex;
  position: relative;
  transform: translate3d(0, 0, 9999px);
}

.image {
  width: 200px;
}

.div-block-2 {
  z-index: 9999;
  flex-direction: column;
  align-items: center;
  width: 85vw;
  padding-top: 25px;
  display: flex;
  position: relative;
}

.dropdown-toggle {
  z-index: auto;
  align-items: flex-end;
  padding: 0 50px 0 15px;
  display: block;
}

.div-block-3 {
  z-index: auto;
  background-color: var(--black);
  object-fit: contain;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  width: 85vw;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.text-block {
  color: #fff;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.text-block:hover {
  color: var(--white);
  font-weight: 400;
}

.icon {
  color: var(--white);
  margin-bottom: 0;
}

.link-block-menu {
  border-right: 1px solid var(--white);
  color: var(--black);
  text-transform: uppercase;
  flex: none;
  padding-left: 15px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-decoration: none;
}

.link-block-menu.link-block-einde {
  border-right-style: none;
}

.left-arrow, .right-arrow, .slide-nav {
  display: none;
}

.slide {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/663a1f4080227473fe5bb9c4_header_WEB_main2.jpg");
  background-position: 50%;
  background-size: cover;
}

.slider {
  z-index: 1;
  transform-style: preserve-3d;
  background-color: #0000;
  border-radius: 0;
  height: 50vh;
  margin-top: -50vh;
  margin-left: 0;
  margin-right: 0;
  transform: translate3d(0, 0, 1px);
}

.columns {
  flex-direction: row;
  width: 75vw;
  margin-bottom: 25px;
  padding-bottom: 0;
  display: flex;
}

.section-4 {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.rich-text-block {
  padding-right: 10px;
  font-family: Roboto, sans-serif;
}

.menu-text {
  color: var(--white);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

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

.slide-2 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6329ce0b0efdb54aac2f0d4f_header_WEB1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dropdown {
  z-index: auto;
  border-right: 1px solid var(--white);
  flex: none;
  margin-left: 20px;
  margin-right: 0;
  line-height: 14px;
}

.footer {
  background-color: #f3f3f3;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 75px;
  display: flex;
}

.paragraph-2 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.heading {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.column-3 {
  border-right: 1px #000;
  padding-top: 0;
  padding-left: 0;
  padding-right: 15px;
}

.html-embed {
  border-radius: 0%;
  width: 100%;
  margin-top: 25px;
  padding-top: 0;
  display: none;
}

.copyright {
  color: #afafaf;
  margin-top: 30px;
  margin-bottom: 25px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.heading-2 {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
}

.div-block-5 {
  background-color: var(--white);
  width: 75px;
  height: 3px;
  margin-bottom: 10px;
}

.tekst-kleurmenu {
  color: var(--white);
  text-align: left;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 19px;
}

.columns-4 {
  flex-flow: row;
  place-content: flex-end center;
  align-items: flex-end;
  width: 85vw;
  display: flex;
}

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

.search-button {
  background-color: var(--dark-orange);
  text-transform: uppercase;
  border-radius: 10px;
  margin-left: 0;
  margin-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}

.search {
  flex-direction: row;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

.column-9 {
  flex-flow: row;
  flex: 0 auto;
  place-content: flex-end;
  align-self: auto;
  align-items: flex-end;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.search-input {
  background-color: #f3f3f3;
  border: 1px #000;
  border-radius: 10px;
  width: 250px;
  height: 30px;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  line-height: 14px;
}

.dropdown-2, .dropdown-5 {
  border-right: 1px solid var(--white);
  flex: none;
  margin-left: 0;
  margin-right: 0;
}

.dropdown-5.dropdown-end {
  border-right-style: none;
  display: none;
}

.heading-3 {
  font-family: Roboto, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.div-block-7 {
  background-color: var(--black);
  width: 150px;
  height: 3px;
  margin-bottom: 15px;
}

.heading-nieuws-frontpage {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
}

.column-10 {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 50px;
  padding-left: 20px;
}

.div-block-8 {
  width: 75vw;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
}

.section-5 {
  background-color: var(--dark-orange-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 65px;
  display: flex;
}

.div-block-9 {
  width: 75vw;
  padding-top: 15px;
}

.paragraph-3 {
  text-align: justify;
  margin-top: 15px;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.div-block-10 {
  background-color: #ededed;
  border-radius: 0 0 0 10px;
  margin-bottom: 0;
  padding: 10px 20px 25px;
}

.heading-4 {
  text-align: justify;
  text-transform: none;
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  line-height: 32px;
}

.div-block-12 {
  background-color: var(--black);
  width: 300px;
  height: 3px;
}

.image-3 {
  width: 175px;
  margin: 15px 0 0;
}

.voorpagina-knop-1 {
  border: 2px solid var(--white);
  background-color: var(--indigo);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  word-break: normal;
  border-radius: 10px;
  padding: 10px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: background-color .2s;
}

.voorpagina-knop-1:hover {
  background-color: var(--white);
  color: var(--indigo);
}

.image-4 {
  width: 175px;
  margin-top: 15px;
  padding-top: 0;
}

.link-block {
  background-color: var(--dark-orange);
  -webkit-text-stroke-color: var(--dark-orange);
  text-transform: uppercase;
  flex-direction: column;
  align-items: center;
  padding: 10px 20px 25px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  display: flex;
}

.link-block-3 {
  color: var(--black);
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.div-block-13 {
  background-color: #e6e6e6;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.heading-6 {
  color: var(--dark-orange-2);
  font-family: Roboto, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.div-block-14 {
  background-color: var(--dark-orange-2);
  width: 150px;
  height: 3px;
}

.image-5 {
  width: 25px;
  transition: transform .2s;
}

.image-5:hover {
  transform: scale(1.3);
}

.link-block-4 {
  margin-left: 10px;
}

.div-block-15 {
  justify-content: flex-start;
  margin-top: 15px;
  display: flex;
}

.link-block-5 {
  margin-left: 10px;
}

.section-6 {
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.heading-8 {
  color: #fff;
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 21px;
}

.image-7 {
  border-radius: 8px;
  width: auto;
}

.paragraph-5 {
  color: var(--white);
  font-family: Roboto, sans-serif;
  line-height: 20px;
}

.text-block-5 {
  color: var(--white);
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}

.collection-list-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.left-arrow-3, .right-arrow-3, .slide-nav-3 {
  display: none;
}

.collection-list-3 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper-2 {
  width: 75vw;
  margin-top: 20px;
}

.section-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.button-2 {
  color: var(--dark-orange-2);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 10px;
  padding-left: 0;
  padding-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 11px;
}

.paragraph-6 {
  font-family: Roboto, sans-serif;
}

.text-block-7 {
  color: var(--dark-orange-2);
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.text-block-8 {
  margin-bottom: 15px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.heading-9 {
  margin-top: 10px;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  line-height: 35px;
}

.div-block-18 {
  background-color: var(--black);
  width: 250px;
  height: 3px;
  margin-bottom: 10px;
}

.terug-vacatures {
  background-color: var(--white-smoke);
  color: var(--black);
  text-transform: uppercase;
  border: 1px solid #b9b9b9;
  border-radius: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.pagination-2 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.slider-3 {
  height: 45vh;
}

.slide-5 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa17f7dc915b873f298ab5b_TN_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c5be096fd4a11abe53b2b_header_WEB9.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heading-algemeen {
  color: var(--white);
  text-align: left;
  text-transform: uppercase;
  width: auto;
  margin-top: 15px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}

.paragraph-text-header {
  color: var(--white);
  text-align: left;
  text-transform: none;
  width: auto;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.button-3 {
  background-color: var(--white);
  color: var(--dark-orange-2);
  text-transform: uppercase;
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
}

.collection-item {
  border-style: none none dashed;
  border-width: 1px;
  border-color: black black var(--white);
  padding-bottom: 25px;
  display: flex;
}

.div-block-20 {
  object-fit: cover;
  width: 17vw;
}

.div-block-21 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 55vw;
  padding-left: 25px;
  display: flex;
}

.div-block-22 {
  background-color: var(--white);
  width: 17vw;
  height: 3px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.button-4 {
  border: 2px solid var(--white);
  text-transform: uppercase;
  background-color: #fff3;
  border-radius: 8px;
  margin-top: 50px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.columns-5 {
  background-image: radial-gradient(circle farthest-corner at 0% 50%, var(--indigo), var(--orchid));
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 75vw;
  height: 75px;
  display: flex;
}

.column-11 {
  border-right: 2px solid var(--white);
  background-color: #0000;
  border-top-left-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-6 {
  border-right: 1px solid var(--white);
  border-left: 1px solid var(--white);
  color: var(--white);
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 20px 15px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.link-block-6.right {
  border-right-style: none;
}

.link-block-6.left {
  border-left-style: none;
}

.text-block-9 {
  border: 2px solid var(--white);
  color: var(--white);
  text-align: center;
  background-color: #fff3;
  border-radius: 10px;
  padding: 10px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  transition: background-color .2s;
}

.text-block-9:hover {
  background-color: var(--white);
  color: var(--dark-violet);
}

.column-14 {
  border-right: 2px solid var(--white);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-15 {
  background-color: #0000;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-onder-header-naam {
  background-color: var(--white);
  width: 100%;
  height: 2px;
  margin-bottom: 10px;
}

.div-block-26 {
  width: 700px;
}

.image-9 {
  object-fit: cover;
  width: 100vw;
  height: 45vh;
}

.heading-11 {
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  line-height: 42px;
}

.text-block-10 {
  color: var(--dark-orange-2);
  margin-top: 10px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.text-block-11 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.rich-text-block-2 {
  text-align: justify;
  margin-top: 20px;
  font-family: Roboto, sans-serif;
}

.div-block-27 {
  justify-content: center;
  margin-bottom: 50px;
  display: flex;
}

.button-5 {
  background-color: var(--dark-orange-2);
  text-transform: uppercase;
  border-radius: 8px;
  margin-top: 50px;
  padding: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  line-height: 14px;
}

.left-arrow-4, .right-arrow-4, .slide-nav-4 {
  display: none;
}

.slider-4 {
  background-color: #0000;
  height: 50vh;
}

.div-block-28 {
  flex-direction: column;
  align-items: flex-start;
  width: 75vw;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.section-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 10px;
  display: flex;
}

.rich-text-block-3 {
  text-align: justify;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.slide-7 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/64510b719317d29ff5ac0937_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-8 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/64510c639628895c8e25e217_003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-9 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/64510ce36386e8376e282179_004.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-10 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/62bc51d71d2a55deab327784_MarlienInEsveld_WEB.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-11 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409817a7094729571c06a_TA_004.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dropdown-link {
  border-bottom: 0px solid var(--dark-orange-2);
  background-color: var(--white);
  text-transform: uppercase;
  border-radius: 0;
  margin-bottom: 1px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  transition: background-color .2s, color .2s;
  display: block;
}

.dropdown-link:hover {
  background-color: var(--dark-orange);
  color: var(--white);
}

.dropdown-link.w--current {
  color: var(--dark-orange-2);
  display: block;
}

.dropdown-link.w--current:visited {
  color: var(--black);
}

.dropdown-list {
  z-index: auto;
  margin-top: 0;
}

.dropdown-list.w--open {
  background-color: #0000;
  margin-top: 0;
  padding-top: 15px;
  position: absolute;
}

.dropdown-list-2 {
  background-color: #0000;
  margin-top: 0;
  padding-top: 15px;
}

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

.heading-12 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  line-height: 30px;
}

.rich-text-block-4 {
  direction: ltr;
  white-space: normal;
  font-family: Roboto, sans-serif;
}

.collection-list-4 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper-3 {
  width: 940px;
}

.section-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 75px;
  padding-top: 35px;
  display: flex;
}

.slider-5 {
  height: 45vh;
}

.right-arrow-5, .left-arrow-5, .slide-nav-5 {
  display: none;
}

.div-block-29 {
  background-color: var(--black);
  width: 150px;
  height: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.collection-item-2 {
  background-color: var(--white-smoke);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.slide-12 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6336a5e0633ef646fdcc2425_header_WEB22.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-13 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409d1154cd6b4271ead4d_PK_005.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-block-12 {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.image-11 {
  border-radius: 10px 10px 0 0;
  width: 100%;
}

.right-arrow-6, .slide-nav-6, .left-arrow-6 {
  display: none;
}

.div-block-30 {
  width: 75vw;
  display: flex;
}

.section-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 75px;
  display: flex;
}

.rich-text-block-5 {
  font-family: Roboto, sans-serif;
}

.image-12 {
  border-radius: 10px;
  width: 30vw;
}

.div-block-31 {
  background-color: var(--black);
  width: 250px;
  height: 3px;
  margin-bottom: 10px;
}

.heading-13 {
  margin-top: 0;
  font-size: 30px;
  line-height: 30px;
}

.div-block-32 {
  margin-left: 35px;
}

.button-7 {
  color: #8b8b8b;
  text-transform: uppercase;
  background-color: #ececec;
  border: 1px solid #acacac;
  border-radius: 10px;
  margin-top: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  line-height: 14px;
}

.div-block-33 {
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  display: flex;
}

.slide-14 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409cfc5175b6b7b3a11b4_PK_007.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-15 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa17f7dc915b873f298ab5b_TN_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.field-label {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.left-arrow-7, .right-arrow-7, .slide-nav-7 {
  display: none;
}

.slider-6 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409ce7b020fd10c03f680_PK_003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 45vh;
}

.slide-16 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/62bc51d71d2a55deab327784_MarlienInEsveld_WEB.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heading-14 {
  margin-top: 20px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  line-height: 34px;
}

.collection-list-wrapper-4 {
  width: 75vw;
  margin-bottom: 75px;
}

.div-block-35 {
  background-color: var(--black);
  width: 250px;
  height: 3px;
  margin-bottom: 10px;
}

.div-block-36 {
  width: 700px;
  font-family: Roboto, sans-serif;
}

.section-11 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 75px;
  padding-top: 25px;
  display: flex;
}

.rich-text-block-7 {
  font-family: Roboto, sans-serif;
}

.collection-list-wrapper-5 {
  width: 75vw;
  margin-top: 20px;
  margin-bottom: 50px;
}

.section-12 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
}

.heading-15 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 20px;
}

.text-block-13 {
  color: var(--white);
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.div-block-37 {
  background-color: var(--white-smoke);
  text-align: center;
  border-radius: 10px 10px 0 0;
  width: auto;
  margin-bottom: 2px;
  margin-right: auto;
  padding: 10px 10px 10px 15px;
}

.collection-list-5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-16 {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 2px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.text-block-14 {
  color: var(--black);
  margin-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.collection-item-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.div-block-39 {
  border: 2px none var(--dark-violet);
  border-radius: 0;
  flex-direction: column;
  width: auto;
  margin-left: 0;
  padding: 0;
  display: flex;
}

.left-arrow-8, .right-arrow-8 {
  display: none;
}

.slide-nav-8 {
  height: auto;
  display: none;
}

.slider-7 {
  height: 45vh;
}

.slide-17 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409ce7aa690425b7aaf2d_PK_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-18 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409807d649f5d7276d146_TA_005.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.button-8 {
  background-color: var(--gainsboro);
  color: var(--black);
  text-transform: uppercase;
  border-radius: 10px;
  margin-top: 15px;
  padding-left: 15px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  display: none;
}

.heading-18 {
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 10px 10px 0 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 18px;
}

.collection-list-6 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.slider-9 {
  height: 50vh;
}

.slide-28 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5faa9ea6e234220cb7e9455b_PINETUM_010.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-29 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5faa9e75cbabf54d645707db_PINETUM_009.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-30 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5faa9dab7d5c5dad341e30c6_PINETUM_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-31 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5faa9e0e4c7e50bcf3e791ff_PINETUM_005.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.top-banner-kleur {
  background-color: var(--dark-violet);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 75vw;
  height: auto;
  padding: 15px 15px 15px 0;
  display: flex;
}

.top-banner-kleur.exc-bnr-gp {
  background-color: var(--medium-sea-green-2);
  background-image: none;
  justify-content: flex-end;
  height: auto;
}

.top-banner-kleur.exc-bnr-amst {
  background-color: var(--dark-violet);
  background-image: none;
  justify-content: flex-end;
}

.top-banner-kleur.exc-boskoop {
  background-color: var(--dark-orange-2);
  background-image: none;
  justify-content: flex-end;
}

.top-banner-kleur.exc-tuinenmienruys {
  background-color: var(--orchid);
  background-image: none;
  justify-content: flex-end;
}

.top-banner-kleur.exc-modeste {
  background-color: var(--indigo);
  background-image: none;
  justify-content: flex-end;
}

.top-banner-kleur.banner-ta {
  background-color: var(--dark-sea-green);
  background-image: none;
  justify-content: flex-end;
}

.top-banner-kleur.top-banner-paars {
  background-image: none;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.top-banner-kleur.top-banner-pinetum {
  background-color: var(--medium-sea-green);
  background-image: none;
  justify-content: flex-end;
}

.top-banner-kleur.top-banner-opl-pk {
  background-color: var(--dark-orange-2);
  background-image: none;
  justify-content: flex-end;
}

.top-banner-kleur.vacatures {
  background-color: var(--dark-violet);
  justify-content: flex-start;
  padding-left: 25px;
}

.top-banner-kleur.banner-bio {
  background-color: var(--indigo);
  justify-content: flex-end;
}

.top-banner-kleur.banner-toegepaste {
  background-color: var(--dark-orange-2);
  justify-content: flex-end;
}

.top-banner-kleur.banner-sjeb {
  background-color: var(--steel-blue);
  justify-content: flex-end;
}

.top-banner-kleur.banner-atelier {
  background-color: var(--blue-violet);
}

.top-banner-kleur.banner-ojet {
  background-color: var(--medium-aquamarine);
  justify-content: flex-end;
}

.top-banner-kleur.top-banner-sketchup {
  background-color: var(--groen);
  justify-content: flex-end;
}

.top-banner-kleur.examens-algemeen {
  justify-content: flex-end;
  height: auto;
}

.top-banner-kleur.top-banner-morpholio {
  background-color: var(--morpholio-trace);
  justify-content: flex-end;
}

.top-banner-kleur.banner-biophilic {
  background-color: var(--steel-blue);
  justify-content: flex-end;
}

.top-banner-kleur.exc-amst-la {
  justify-content: flex-end;
}

.top-banner-kleur.top-banner-opl-pkplus {
  background-color: var(--groen);
}

.top-banner-kleur.beplantingsspecialist {
  background-color: var(--dark-slate-grey);
}

.top-banner-kleur.banner-kleur-zomerschool {
  background-color: var(--zomerschool-nieuw);
}

.top-banner-kleur.top-banner-sketchup-klassikaal, .top-banner-kleur.top-banner-sketchup-online {
  background-color: var(--tan);
  justify-content: flex-end;
}

.top-banner-kleur.top-banner-po {
  background-color: var(--orchid);
}

.top-banner-kleur.top-banner-v-c {
  background-color: var(--zomerschool-nieuw);
  justify-content: flex-end;
}

.section-14 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.slide-32 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5faa9e5ace304b6a97037a0e_PINETUM_007.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-33 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5faa9dc55720a9373930667c_PINETUM_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-34 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/62bd9773fe3306388f7f832e_Pinetum_WEB.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-48 {
  width: 75vw;
  margin-top: 20px;
  display: flex;
}

.details-excursie {
  flex-direction: column;
  justify-content: flex-start;
  width: 75vw;
  margin-top: 5px;
  margin-bottom: 35px;
  display: flex;
}

.div-block-50 {
  width: auto;
  padding-left: 0;
}

.heading-naam {
  color: var(--white);
  text-align: right;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  line-height: 28px;
}

.image-16 {
  width: auto;
  height: 100px;
}

.rich-text-opleiding-exc {
  text-align: justify;
  width: 75vw;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
}

.rich-text-opleiding-exc.v--c {
  width: 940px;
}

.div-block-51 {
  background-color: var(--black);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.heading-24 {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.heading-details-excursie {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-details-excursie {
  border-top: 1px solid var(--black);
  margin-top: 3px;
  margin-bottom: 10px;
  padding-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.div-block-52 {
  border: 1px solid var(--black);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 100%;
  padding: 15px;
}

.slide-nav-9 {
  display: none;
}

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

.slider-10 {
  height: 50vh;
}

.slide-nav-10 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fac05cc93973c91c3181c78_GroeneParels006.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.slide-35 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/644110fa9c8eac009c6ea1de_header_WEB_amstelveense-lanen2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-36 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6441111288e7734d9354dd42_header_WEB_amstelveense-lanen3.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-37 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6441111c92bfed098524a2fe_header_WEB_amstelveense-lanen4.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-38 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/63514f1527b27133d6eb5baa_header_WEB_GP4.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-39 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6351502574736941d0cf579d_header_WEB_GP5.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-40 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6351524f1edf749027e1e658_header_WEB_GP7.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-41 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6352497aaa3de1230feb0c48_header_WEB_GP82.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-42 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/644111237a88a16fac2aca58_header_WEB_amstelveense-lanen.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-43 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6351501ee415996566d451e1_header_WEB_GP6.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-11 {
  height: 50vh;
}

.slide-nav-11 {
  display: none;
}

.slide-44 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad447f4f923da80dad005d_Amsterdam004.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-45 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad4480f1c7a6f6b1f11ea2_Amsterdam002.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-46 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad44802a73821e26663266_Amsterdam003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-47 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad447fdef54e4f9883f2cf_Amsterdam001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-48 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad44841df640518bff047b_Amsterdam005.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-12 {
  height: 50vh;
}

.slide-nav-12 {
  display: none;
}

.slide-49 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/635262f31a6706613d9c65e5_header_WEB_BG2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-50 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/635263011b83d70d090385e2_header_WEB_BG5.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-51 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6352630b1e14ed7370e762e4_header_WEB_BG6.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-52 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c676cb93ad104cd6f0a46_header_WEB8.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-53 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6352631a39e3a1d9e786c12d_header_WEB_BG.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-54 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/635263241a39fec628cd027a_header_WEB_BG4.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-55 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad4f8e678abd8c3eb4135e_BoskoopsGlorie005.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-56 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c827f0d194bd93020843b_header_WEB6.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-13 {
  height: 50vh;
}

.slide-nav-13 {
  display: none;
}

.slide-57 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66348f079cea7112941f4513_header_WEB_excursie-mien-ruys.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-58 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66348f07507787c439e2ebf9_header_WEB_excursie-mien-ruys6.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-59 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66348f08e8ee490b334b2ae9_header_WEB_excursie-mien-ruys4.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-60 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66348f08c07c2476cee858b3_header_WEB_excursie-mien-ruys7.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-61 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66348f0c5d4d7f9750d8693a_header_WEB_excursie-mien-ruys2.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-62 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66348f08ea5c77f33c842e0f_header_WEB_excursie-mien-ruys5.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-63 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66348f084e6d24094c1cca03_header_WEB_excursie-mien-ruys3.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slider-14 {
  height: 50vh;
}

.slide-nav-14 {
  display: none;
}

.slide-64 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad58f313abf663955c80dd_Borderplanten002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-65 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad58f244981a4a74dd28bd_Borderplanten001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-15 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  transition: opacity .2s;
  display: flex;
}

.div-block-54 {
  width: 75vw;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
}

.slider-ta {
  height: 50vh;
}

.image-17 {
  opacity: 0;
  height: 125px;
}

.slide-66 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409817a7094729571c06a_TA_004.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-nav-15 {
  display: none;
}

.slide-67 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa006c05c685ce91ae127d9_TA_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heading-tabel {
  background-color: var(--dark-violet);
  color: var(--white);
  text-transform: uppercase;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 10px 10px 15px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 16px;
}

.heading-tabel.heading-tabel-oranje {
  background-color: var(--dark-orange-2);
}

.heading-tabel.heading-tabel-contact {
  padding-left: 25px;
}

.text-startdata {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
}

.tabel-compleet {
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  margin-bottom: 20px;
  display: flex;
}

.tabel-compleet.tabel-vakken {
  margin-bottom: 0;
}

.div-block-56 {
  background-color: #f3f3f3;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding: 15px;
  display: flex;
}

.div-block-56.div-block-vakken {
  background-color: var(--white-smoke);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.div-block-56.examen {
  height: auto;
}

.div-block-57 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 25px;
  display: grid;
}

.div-block-58 {
  flex-flow: column;
  width: 75vw;
  margin-bottom: 25px;
  padding-top: 30px;
  display: flex;
}

.div-block-58.visie--concept {
  justify-content: flex-start;
  align-items: center;
}

.algemene-informatie {
  flex-direction: column;
  width: auto;
  margin-left: 0;
  display: flex;
}

.video {
  max-width: none;
  height: auto;
  max-height: none;
}

.div-block-60 {
  width: auto;
  margin-bottom: 20px;
}

.heading-details-opleiding {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-details-opleiding {
  border-top: 1px solid var(--black);
  color: var(--black);
  margin-top: 3px;
  margin-bottom: 10px;
  padding-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.div-block-61 {
  width: 50vw;
  padding-right: 20px;
}

.div-block-61.examen {
  width: auto;
  padding-right: 0;
}

.div-block-62 {
  flex-direction: column;
  justify-content: flex-start;
  width: 25vw;
  margin-top: 0;
  display: flex;
}

.div-block-62.examendata {
  width: 60%;
  height: auto;
  margin-right: 25px;
}

.div-block-62.examendata._2022 {
  width: 60%;
  height: auto;
  margin-right: 12.5px;
}

.div-block-62.examendata._2022.ronde3 {
  width: 100%;
}

.div-block-62.examendata._2022.ronde1 {
  width: 50%;
}

.div-block-62.examendata.rechts {
  width: 100%;
  margin-right: 0;
}

.div-block-62.examendata.rechts.ronde4 {
  opacity: 0;
}

.div-header-contain {
  flex-direction: column;
  align-items: flex-start;
  width: 60vw;
  padding-left: 0;
  display: flex;
}

.div-header-contain.agenda {
  align-items: flex-start;
}

.section-16 {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 50px;
  display: flex;
}

.div-block-64 {
  background-color: var(--white-smoke);
  border-radius: 10px;
  flex-flow: column;
  place-content: flex-start;
  align-items: stretch;
  width: 25vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
}

.slide-nav-16, .right-arrow-9 {
  display: none;
}

.left-arrow-9 {
  height: auto;
  display: none;
}

.slider-16 {
  height: 45vh;
}

.div-block-65 {
  justify-content: space-between;
  align-items: stretch;
  width: 75vw;
  margin-top: 35px;
  padding-top: 0;
  display: flex;
}

.div-block-66 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65fc32b9b85d15406eca138a_OA_foto-lokaal.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 0 10px 10px;
  width: auto;
  height: 100%;
  min-height: 500px;
}

.slide-68 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409807d649f5d7276d146_TA_005.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-69 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad4f869211a7b3a7458bbd_BoskoopsGlorie003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dropdown-list-3 {
  background-color: #0000;
  padding-top: 15px;
}

.grid-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr;
  place-content: start;
  align-items: stretch;
  width: 75vw;
  margin-top: 30px;
  margin-bottom: 50px;
}

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

.right-arrow-10, .left-arrow-10, .slide-nav-17 {
  display: none;
}

.slide-70 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/62bc4bbfd37c36ce1288e3d2_PK_008.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-17 {
  height: 50vh;
}

.opleiding-icoon {
  background-color: var(--medium-sea-green-2);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 165px;
  padding: 10px;
  display: flex;
}

.opleiding-icoon.opleiding-icoon-pk {
  background-color: var(--dark-orange-2);
  justify-content: space-between;
  height: 165px;
}

.opleiding-icoon.opleiding-icoon-biodivers {
  background-color: var(--indigo);
}

.opleiding-icoon.opleding-icoon-ojet {
  background-color: var(--medium-aquamarine);
}

.opleiding-icoon.opleidings-icoon-toegepast {
  background-color: var(--chocolate);
}

.opleiding-icoon.opleiding-icoon-sketchup {
  background-color: var(--tan);
}

.opleiding-icoon.opleiding-icoon-ruyten, .opleiding-icoon.opleiding-icoon-ondernemen {
  background-color: var(--steel-blue);
}

.opleiding-icoon.opleiding-icoon-oa {
  background-color: var(--blue-violet);
}

.opleiding-icoon.opleiding-icoon-groen-werkt {
  border: 1px none var(--white-smoke);
  background-color: var(--dark-slate-blue);
}

.opleiding-icoon.extras-exc {
  background-color: var(--cadet-blue);
}

.opleiding-icoon.icoon-morpholio {
  background-color: var(--gold);
}

.opleiding-icoon.opleiding-icoon-presenteren {
  background-color: var(--dark-violet);
}

.opleiding-icoon.opleiding-icoon-pkplus {
  background-color: var(--groen);
}

.opleiding-icoon.beplantingsspecialist {
  background-color: var(--dark-slate-grey);
}

.opleiding-icoon.ta {
  background-color: var(--dark-sea-green);
}

.opleiding-icoon.opleidings-icoon-po {
  background-color: var(--orchid);
}

.opleiding-icoon.icoon-visie-concept {
  background-color: var(--zomerschool-nieuw);
}

.heading-25 {
  border-bottom: 2px none var(--black);
  color: var(--white);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: normal;
  width: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.div-block-69 {
  background-color: var(--white-smoke);
  border-radius: 0 0 10px 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding: 20px;
  display: flex;
}

.top-banner-paars-verloop {
  background-color: var(--dark-violet);
  background-image: radial-gradient(circle farthest-corner at 0% 50%, var(--indigo), var(--orchid));
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  align-items: flex-end;
  width: 75vw;
  padding: 15px;
  display: none;
}

.top-banner-paars-verloop.ons-team {
  margin-bottom: 35px;
}

.image-19 {
  width: auto;
  max-width: 100%;
  height: 100px;
  margin-top: 5px;
  margin-bottom: 0;
}

.opleiding-in-overzicht {
  background-color: var(--white-smoke);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.opleiding-in-overzicht.morpholio {
  display: block;
}

.opleiding-in-overzicht.uit {
  display: none;
}

.opleiding-in-overzicht.sku-online {
  display: flex;
}

.button-opleiding {
  background-color: var(--dark-sea-green);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 10px;
  padding: 10px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.button-opleiding.button-opl-pk {
  background-color: var(--dark-orange-2);
  font-size: 13px;
  line-height: 13px;
  display: inline-block;
}

.button-opleiding.button-opl-bio {
  background-color: var(--indigo);
}

.button-opleiding.button-opl-ojet {
  background-color: var(--medium-aquamarine);
}

.button-opleiding.button-opl-tb {
  background-color: var(--chocolate);
}

.button-opleiding.button-opl-su {
  background-color: var(--tan);
}

.button-opleiding.button-opl-sjeb, .button-opleiding.button-opl-biophilic {
  background-color: var(--steel-blue);
}

.button-opleiding.button-opl-oa {
  background-color: var(--blue-violet);
}

.button-opleiding.button-opl-groen-werkt {
  background-color: #5c498f;
}

.button-opleiding.butt-extras-podium {
  display: none;
}

.button-opleiding.button-opl-mt {
  background-color: var(--gold);
}

.button-opleiding.button-opl-presenteren {
  background-color: var(--dark-violet);
}

.button-opleiding.button-opleipkplus {
  background-color: var(--groen);
}

.button-opleiding.button-opl-bs {
  background-color: var(--dark-slate-grey);
}

.button-opleiding.button-po {
  background-color: var(--orchid);
}

.button-opleiding.button-opl-v-c {
  background-color: var(--zomerschool-nieuw);
}

.rich-text-opleiding-overzicht {
  text-align: justify;
}

.left-arrow-11, .right-arrow-11, .slide-nav-18 {
  display: none;
}

.slider-18 {
  height: 45vh;
}

.div-block-75 {
  flex-direction: column;
  align-items: center;
  width: 75vw;
  padding-top: 35px;
  display: flex;
}

.section-18 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 75px;
  display: flex;
}

.field-label-inschrijfformulier {
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.heading-26 {
  border-bottom: 1px solid #000;
  margin-top: 50px;
  margin-bottom: 21px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.checkbox-label {
  margin-left: 15px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.text-block-16 {
  color: var(--dark-orange-2);
  margin-bottom: 15px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.select-field {
  color: var(--black);
  background-color: #fafafa;
  margin-bottom: 25px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.checkbox-field {
  margin-top: 10px;
}

.slide-71 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fac05cddc66fc76eddc31c7_GroeneParels001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.form-block {
  width: 50vw;
}

.submit-button-3 {
  background-color: var(--dark-orange-2);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 10px;
  margin-top: 35px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  line-height: 14px;
}

.slide-72 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fbe5ebee70cd3aa3f6887d6_LES_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-73 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fbe5ebd67f5d17cfc20383f_LES_003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-74 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fbe5ebcac0e69655550579b_LES_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.collection-item-4 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.paragraph-9 {
  color: var(--black);
  width: 50vw;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 500;
}

.text-field-inschrijfform {
  background-color: #fafafa;
}

.heading-27 {
  border-bottom: 1px none var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 14px;
}

.paragraph-contactpagina {
  width: auto;
  margin-bottom: 20px;
  padding-right: 0;
  font-size: 14px;
  line-height: 24px;
}

.div-block-77 {
  margin-left: 0;
  padding: 25px;
}

.div-block-78 {
  background-color: var(--white-smoke);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  height: 100%;
  max-height: none;
  padding: 25px;
  font-family: Roboto, sans-serif;
  display: flex;
}

.form-block-2 {
  width: auto;
}

.select-field-2 {
  background-color: var(--white);
  font-weight: 400;
}

.div-block-79 {
  background-color: var(--dark-violet);
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 20px 0;
  display: flex;
}

.div-block-80 {
  background-color: var(--indigo);
  border-bottom-left-radius: 10px;
  flex-direction: column;
  align-items: center;
  height: 65px;
  padding: 15px 15px 15px 25px;
  display: flex;
}

.div-block-81 {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 20px 0;
  display: flex;
}

.div-block-82 {
  background-color: var(--indigo);
  border-bottom-right-radius: 10px;
  flex-direction: column;
  align-items: center;
  height: 65px;
  padding: 15px 15px 15px 25px;
  display: flex;
}

.div-block-83 {
  background-color: var(--medium-sea-green-3);
  flex-direction: column;
  align-items: center;
  height: 65px;
  padding: 15px 15px 15px 25px;
  display: flex;
}

.div-block-84 {
  background-color: var(--donker-oranje);
  flex-direction: column;
  align-items: center;
  height: 65px;
  padding: 15px 15px 15px 25px;
  display: flex;
}

.div-block-85 {
  border: 1px none var(--dark-orange-2);
  background-color: var(--white-smoke);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  height: auto;
  padding: 15px;
}

.div-block-86 {
  background-color: var(--dark-orange-2);
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  padding: 10px 10px 10px 15px;
  line-height: 10px;
}

.div-block-87 {
  background-color: var(--black);
  height: 2px;
  margin-top: 0;
  margin-bottom: 20px;
}

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

.div-block-88 {
  background-image: linear-gradient(262deg, var(--orchid), var(--indigo));
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-top: 0;
  padding: 15px;
  display: flex;
}

.heading-28 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: block;
}

.slider-19 {
  height: 45vh;
}

.left-arrow-12, .right-arrow-12, .slide-nav-19 {
  display: none;
}

.section-20 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 75px;
  display: flex;
}

.div-block-89 {
  width: 75vw;
  margin-top: 35px;
  margin-bottom: 0;
}

.slide-75 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6450da01fd23441963812fa3_HEADER_allepaginas.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-76 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6450da13620a33c2fc8f1f33_HEADER3.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-77 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6450e61d7c2afe75f443e5cd_HEADER4.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.collection-list-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75vw;
  display: grid;
}

.heading-29 {
  color: var(--black);
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 21px;
}

.heading-30 {
  text-transform: uppercase;
  margin-top: 25px;
  margin-bottom: 25px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  line-height: 21px;
}

.link-block-9 {
  background-color: var(--white-smoke);
  border-radius: 10px;
  height: 100%;
  padding: 20px;
}

.div-block-92 {
  width: 75vw;
  margin-top: 25px;
}

.section-21 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  padding-top: 0;
  display: flex;
}

.div-block-94 {
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.rich-text-block-9 {
  text-align: justify;
  margin-top: 0;
}

.div-block-button-opl {
  margin-bottom: 20px;
  padding-left: 20px;
}

.slider-21 {
  height: 50vh;
}

.slide-nav-21 {
  display: none;
}

.slide-78 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/633ed06a40f41d1365ced854_header_WEB_MT6.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-79 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/633ece7b64dad35fcb2c745a_header_WEB_MT2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-80 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/633ece882d331233f0f523f8_header_WEB_MT4.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-block-19 {
  background-color: var(--white-smoke);
  height: 35px;
  margin-top: 0;
  padding: 10px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 15px;
}

.heading-32 {
  background-color: #dadada;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.submit-button-4 {
  background-color: var(--dark-violet);
  text-transform: uppercase;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 300;
  line-height: 13px;
}

.checkbox-label-2 {
  margin-left: 10px;
  font-weight: 300;
}

.checkbox-field-2 {
  margin-top: 20px;
  margin-bottom: 25px;
}

.div-block-97 {
  background-color: var(--dark-violet);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.div-block-98 {
  flex-direction: column;
  justify-content: flex-start;
  width: 50vw;
  margin-right: 0;
  padding-right: 25px;
  display: flex;
}

.link-block-button {
  background-color: #0000;
  border-radius: 10px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  margin-right: 0;
  padding: 0;
  display: none;
}

.heading-button-contact {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  background-color: #f18300;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
}

.heading-button-contact.heading-button-contact-groen {
  background-color: #429e75;
  font-weight: 700;
  line-height: 15px;
}

.paragraph-11 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 10px 20px;
  font-size: 15px;
  font-weight: 400;
}

.div-block-99 {
  flex-direction: row;
  justify-content: space-between;
  height: auto;
  margin-bottom: 25px;
  padding-bottom: 0;
  display: none;
}

.contact-button-header {
  background-color: var(--dark-orange);
  border-radius: 10px;
  flex-direction: column;
  padding: 0;
  display: flex;
}

.contact-button-header.groen {
  background-color: var(--medium-sea-green);
  display: block;
}

.link-block-10 {
  width: 100%;
  height: 100%;
  margin-left: 0;
  display: none;
}

.div-block-101 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.div-block-102 {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  overflow: hidden;
}

.div-block-103 {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  display: block;
}

.left-arrow-13 {
  display: block;
}

.slide-nav-22 {
  display: none;
}

.slider-22 {
  height: 55vh;
}

.slide-81 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fd8d81eb652b6ec9e8d6eb2_header_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-82 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60ae658fe965742ea3d357c5_sp_header_03.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-105 {
  width: 75vw;
  margin-top: 50px;
}

.section-22 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.div-block-106 {
  width: 75vw;
  margin-top: 25px;
  margin-bottom: 35px;
}

.section-23 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.right-arrow-13, .left-arrow-14, .slide-nav-23 {
  display: none;
}

.slider-23 {
  height: 40vh;
}

.slide-83 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409cfc5175b6b7b3a11b4_PK_007.jpg");
  background-position: 50%;
  background-size: cover;
}

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

.left-arrow-15, .right-arrow-14, .slide-nav-24 {
  display: none;
}

.slider-24 {
  height: 40vh;
}

.slide-84 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c675476cb372a3650a45c_header_WEB7.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-85 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fcfa5b18582e3bea9f03ca7_TA_006.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-108 {
  width: 75vw;
  padding-top: 15px;
}

.grid-4 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  width: 75vw;
  margin-top: 25px;
  margin-bottom: 50px;
}

.heading-faq {
  margin-top: 0;
  font-size: 18px;
  line-height: 27px;
}

.paragraph-faq {
  margin-bottom: 0;
}

.left-arrow-16, .right-arrow-15, .slide-nav-25 {
  display: none;
}

.slider-25 {
  height: 40vh;
}

.section-25 {
  flex-direction: column;
  align-items: center;
  padding-bottom: 50px;
  display: flex;
}

.div-block-109 {
  width: 75vw;
  margin-top: 35px;
}

.slide-86 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6336a5e0633ef646fdcc2425_header_WEB22.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.rich-text-block-11 {
  width: 75vw;
  margin-top: 35px;
}

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

.section-26 {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 50px;
  display: flex;
}

.slider-26 {
  height: 40vh;
}

.slide-nav-26, .left-arrow-17, .right-arrow-16 {
  display: none;
}

.collection-item-8 {
  width: 20%;
  height: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0 15px 15px 0;
}

.div-block-112 {
  margin-top: 25px;
}

.image-20 {
  border-radius: 10px;
}

.lightbox-link {
  padding: 0;
}

.slide-87 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/62bc51d71d2a55deab327784_MarlienInEsveld_WEB.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-88 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa4097f7aa6905c637aaf13_TA_002.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-89 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa17f7dc915b873f298ab5b_TN_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-block-21:hover {
  text-decoration: underline;
}

.navbar {
  transform-style: preserve-3d;
  display: none;
}

.div-block-115 {
  width: 75vw;
}

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

.div-block-116 {
  height: 45vh;
}

.text-block-22 {
  color: var(--dark-orange-2);
  font-family: Roboto, sans-serif;
}

.heading-33 {
  font-family: Roboto, sans-serif;
  font-size: 28px;
  line-height: 36px;
}

.grid-5 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 85vw;
  margin-bottom: 20px;
}

.div-block-117 {
  background-color: var(--dark-violet);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-bottom-left-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.div-block-118 {
  background-color: var(--medium-sea-green-2);
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  display: flex;
}

.div-block-119 {
  background-color: var(--dark-orange);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.div-block-120 {
  background-color: var(--medium-sea-green-2);
  flex-direction: column;
  justify-content: space-between;
  min-height: auto;
  max-height: none;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-121 {
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-122 {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-123 {
  background-color: var(--dark-violet);
  border-bottom-right-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.datum-front-button {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
}

.grid-6 {
  grid-column-gap: 2px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 75vw;
}

.div-block-124 {
  background-color: #edecec;
  border-bottom-right-radius: 10px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-125 {
  display: none;
}

.grid-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(0deg, var(--orchid), var(--dark-violet));
  opacity: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 75vw;
  transition: opacity .2s;
}

.div-block-126 {
  width: 75vw;
  margin-top: 25px;
}

.collection-list-wrapper-6 {
  width: auto;
  display: flex;
}

.empty-state {
  display: none;
}

.rich-text-block-12 {
  margin-top: 15px;
}

.text-block-23 {
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.container-2 {
  padding-top: 25px;
  padding-bottom: 50px;
  font-family: Roboto, sans-serif;
}

.text-block-25.new {
  color: var(--oa-purple-1);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.success-message-2 {
  background-color: var(--dark-orange-2);
  border-radius: 10px;
  margin-top: 25px;
}

.text-block-26 {
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
}

.slide-90 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fe50fd60203953757d1022e_header_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-91 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fcfa5b18582e3bea9f03ca7_TA_006.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-92 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/62bc51d71d2a55deab327784_MarlienInEsveld_WEB.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-feed {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/626ba0694f9770a84e8b83ab_thumbnail%20perspectief.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 35vw;
  height: 21vw;
}

.slider-27 {
  height: 45vh;
}

.slide-93 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fcfa5b1389ecc390b30825b_TA_008.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-94 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c675476cb372a3650a45c_header_WEB7.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-96 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5ff337612af33d607cd81e53_blog001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.paragraph-inschrijfform {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 21px;
}

.success-message-3 {
  background-color: var(--dark-orange-2);
  border-radius: 10px;
  margin-top: 50px;
}

.text-block-27 {
  color: var(--white);
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

.error-message {
  color: #000;
  background-color: #ff9191;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.section-28 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5ff1d7a97bdd065c056a5dd6_blog_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 45vh;
}

.div-block-130 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.paragraph-12 {
  border-top: 1px dashed var(--black);
  padding-top: 20px;
  font-size: 13px;
  line-height: 21px;
}

.link-block-11 {
  background-color: #0000;
  border-radius: 8px;
  flex-direction: row;
  align-items: flex-start;
  width: 250px;
  padding: 20px;
  display: flex;
}

.image-22 {
  height: 40px;
}

.image-23 {
  height: 40px;
  margin-left: 25px;
  transition: transform .2s;
}

.image-23:hover {
  transform: scale(1.2);
}

.div-block-131 {
  margin-top: 20px;
}

.image-24 {
  height: 50px;
  transition: transform .2s;
}

.image-24:hover {
  transform: scale(1.2);
}

.link-block-12 {
  background-color: #0000;
  border-radius: 8px;
  width: 250px;
  margin-top: 0;
  margin-left: 0;
  padding: 20px;
}

.image-25 {
  height: 50px;
  margin-left: 25px;
  transition: transform .2s;
}

.image-25:hover {
  transform: scale(1.2);
}

.link-block-13 {
  border: 3px solid var(--dark-violet);
  color: var(--dark-violet);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 30px;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 10px;
  transition: color .2s, background-color .2s;
  display: flex;
}

.link-block-13:hover {
  background-color: var(--dark-violet);
  color: var(--white);
}

.text-block-28 {
  text-transform: uppercase;
  width: 164.742px;
  font-family: futura-pt, sans-serif;
  font-weight: 700;
  line-height: 12px;
}

.column-16 {
  padding-left: 0;
}

.link-block-inschrijven {
  background-color: var(--dark-violet);
  background-image: linear-gradient(to right, var(--indigo), var(--orchid));
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.link-block-inschrijven.link-block-in-oranje {
  background-image: linear-gradient(to right, var(--dark-orange), #ffc886);
  justify-content: flex-start;
  margin-bottom: 20px;
}

.link-block-inschrijven.inschrijven-sketchup {
  border: 3px solid var(--dark-orange);
  background-color: var(--white);
  background-image: none;
  flex: 0 auto;
  justify-content: flex-start;
  margin-bottom: 20px;
  transition: background-color .2s;
  position: relative;
}

.link-block-inschrijven.inschrijven-sketchup:hover {
  background-color: var(--lichtoranje);
  color: var(--white);
}

.text-block-29 {
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 10px;
  padding: 15px;
  font-family: futura-pt, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  position: relative;
}

.image-26 {
  width: 50px;
}

.image-27 {
  height: 60px;
}

.div-block-133 {
  background-color: #0000;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.link-block-14 {
  color: #fff;
  background-color: #0000;
  border-radius: 8%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 100px;
  margin-top: 0;
  margin-right: 0;
  padding: 20px;
  display: flex;
}

.link-block-14.hzb {
  width: 200px;
}

.heading-34 {
  text-transform: uppercase;
  border-bottom: 2px solid #000;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.heading-35 {
  color: var(--dark-violet);
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.field-label-2 {
  font-family: Roboto, sans-serif;
}

.success-message-4 {
  background-color: var(--dark-orange-2);
  border-radius: 10px;
}

.text-block-30 {
  color: #fff;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.submit-button-5 {
  background-color: var(--dark-orange-2);
  text-transform: uppercase;
  border-radius: 10px;
  margin-top: 25px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
}

.text-block-31 {
  text-transform: uppercase;
}

.mask {
  border-radius: 0;
}

.slide-97 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c5bf78a3e7a59214ef7d5_header_WEB2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-98 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/663a22168dacac2aa97752c5_header_WEB_main3.jpg");
  background-position: 100%;
  background-size: cover;
}

.slide-99 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c675476cb372a3650a45c_header_WEB7.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-28 {
  height: 45vh;
}

.right-arrow-17, .slide-nav-27, .left-arrow-18 {
  display: none;
}

.slide-100 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/63039245f5483c71ad2e7cb9_header_WEB9.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-101 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fbe5ebee70cd3aa3f6887d6_LES_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-102 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6303920289f7af88d5d0c4a2_header_WEB.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-134 {
  width: 75vw;
  margin-top: 35px;
}

.section-29 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-37 {
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}

.div-block-135 {
  margin-top: 25px;
  margin-bottom: 50px;
}

.collection-item-9 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.slider-29 {
  height: 45vh;
}

.right-arrow-18, .left-arrow-19, .slide-nav-28 {
  display: none;
}

.section-30 {
  flex-direction: column;
  align-items: center;
  padding-bottom: 75px;
  display: flex;
}

.form {
  width: 50vw;
}

.div-block-136 {
  padding-top: 40px;
}

.text-block-33 {
  margin-bottom: 15px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.slide-103 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad540e8c1a715a78e605da_Keukenhof006.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-104 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad4f8960efa20c47e9cc9d_BoskoopsGlorie010.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-105 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad4f8e678abd8c3eb4135e_BoskoopsGlorie005.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-106 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fac05cf6af1b45ec167decb_GroeneParels009.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-107 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad447f4f923da80dad005d_Amsterdam004.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.select-field-3 {
  margin-bottom: 15px;
}

.select-field-4 {
  margin-bottom: 20px;
}

.inschrijfbutton-excursie {
  background-image: linear-gradient(to bottom, var(--indigo), var(--orchid));
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
}

.text-block-34 {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}

.text-inschrijfformulier {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.heading-38 {
  border-bottom: 1px solid #000;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-bottom: 4px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.heading-38.geenlijntje {
  border: 1px #000;
  border-bottom-width: 0;
}

.slider-31 {
  height: 50vh;
}

.right-arrow-20, .slide-nav-30, .left-arrow-21 {
  display: none;
}

.section-32 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 75px;
  display: flex;
}

.div-block-140 {
  width: 75vw;
  padding-top: 35px;
}

.slide-110 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/652d2faa56a5447cba9a9a3c_BA_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-111 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/652d2fb933fdac778d776034_BA_003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heading-39 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: futura-pt-bold, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.link-block-15 {
  background-color: var(--dark-orange);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: auto;
  height: 50px;
  margin-top: 0;
  margin-bottom: 25px;
  padding: 15px;
  display: flex;
}

.slider-pk {
  height: 50vh;
}

.slide-nav-31 {
  display: none;
}

.right-arrow-21, .left-arrow-22 {
  display: block;
}

.slide-112 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/663a2342b776d2c00cf7fd35_header_WEB_main.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-112.beplantingsspecialist {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6628f947e22e3379ff96979b_header_WEB_BS-pagina2.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-113 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/658bfe90e29d9227cff4907c_header_WEB_PK-PLUS6.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-114 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/658bfe7aa0d068ff9b5bb52b_header_WEB_PK-PLUS3.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-115 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6441111c92bfed098524a2fe_header_WEB_amstelveense-lanen4.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-116 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c675476cb372a3650a45c_header_WEB7.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-117 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c5bbbc9d8229a9a9ced9a_header_WEB3.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-118 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c676cb93ad104cd6f0a46_header_WEB8.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-119 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/608be746c2f639abf52cd56b_Header_SketchUp.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-120 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fbcd6e9eb6323656abb7_TA_012.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-ojet {
  height: 50vh;
}

.slide-nav-32 {
  display: none;
}

.slide-121 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4ff1a9e202508139aeb9b_OJET_007.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-122 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fdd1e6bc90ae7fc93b4b_OJET_003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-123 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fdfe81264a5b36c6c367_OJET_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-124 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fe17d122f9377f65fd9b_OJET_006.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-125 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fe2b4c83bd7ed147bad0_OJET_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-126 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fe856931385262712ea5_OJET_005.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-127 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/635262f31a6706613d9c65e5_header_WEB_BG2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: visible;
}

.slide-128 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/658bfeb3eba91bd3d7069775_header_WEB_PK-PLUS.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-129 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/63f4ccf2296bc67ffd9f51c6_header003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-130 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/658bfde95af63bb889983661_header_WEB_PK-PLUS7.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-bio {
  height: 50vh;
}

.slide-nav-33 {
  display: none;
}

.slide-131 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a5055836f3daf1a9a42790_bio_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-132 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a50567031cb1f4be885ed7_bio_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-133 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fd8d81eb652b6ec9e8d6eb2_header_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-134 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a507ca9e2025ccd99b0ffd_bio_004.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-32 {
  height: 50vh;
}

.slide-nav-34 {
  display: none;
}

.slide-135 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65d5a35ace1fb2c5cec4234a_header_WEB_tbl.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-136 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65d5a4c4f9cbb9dfb01eaac0_header_WEB_tbl_2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-137 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c819367704b6196b59521_header_WEB18.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-138 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c8033897eaf0983e1a3ec_header_WEB17.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-33 {
  height: 50vh;
}

.slide-nav-35 {
  display: none;
}

.slide-139 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/620ead167a242a836a252a09_003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-140 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/620ead027bead38746f0f7b2_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-141 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/620ead2666993e7ecf725759_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-142 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/62bd9b8e6a66c321d1f7e01c_excursieBG_WEB.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-143 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fdd1e6bc90ae7fc93b4b_OJET_003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-144 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/62bd8ccc18d7dc568449a8aa_MarlienMetGroep_WEB.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.form-block-4 {
  font-family: Roboto, sans-serif;
}

.slider-34 {
  height: 50vh;
}

.slide-nav-36 {
  display: none;
}

.section-33 {
  flex-direction: column;
  align-items: center;
  padding-bottom: 75px;
  display: flex;
}

.div-block-143 {
  width: 50vw;
  padding-top: 50px;
}

.select-field-6 {
  margin-top: 25px;
  margin-bottom: 15px;
  font-family: Roboto, sans-serif;
}

.select-field-7 {
  margin-top: 25px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.checkbox-label-4 {
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.checkbox-field-4 {
  margin-top: 25px;
}

.div-block-144 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fe17d122f9377f65fd9b_OJET_006.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.rich-text-block-13 {
  width: 75vw;
}

.section-34 {
  flex-direction: column;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 75px;
  display: flex;
}

.slide-145 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60ae658fe965742ea3d357c5_sp_header_03.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-146 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fe17d122f9377f65fd9b_OJET_006.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-147 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/61322098d39ff9e72de3d34d_sp_header_04.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-148 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fbcd6e9eb6323656abb7_TA_012.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-block-36 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 21px;
}

.image-28 {
  height: 125px;
}

.html-embed-3 {
  margin-bottom: 35px;
}

.heading-40 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.select-field-8 {
  margin-bottom: 20px;
}

.paragraph-13, .paragraph-14 {
  font-weight: 400;
}

.link-block-16 {
  background-color: var(--dark-orange-2);
  border-radius: 10px;
  padding: 15px;
  font-size: 18px;
}

.heading-41 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.div-block-146 {
  justify-content: space-between;
  margin-bottom: 35px;
  display: none;
}

.div-block-147, .div-block-148 {
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: space-between;
  width: 18.75vw;
  margin-right: 5px;
  display: flex;
}

.div-block-149 {
  background-color: var(--white-smoke);
  flex-direction: column;
  width: 18.75vw;
  margin-right: 5px;
  display: flex;
}

.div-block-150 {
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: space-between;
  width: 18.75vw;
  display: flex;
}

.div-block-151 {
  background-color: var(--white-smoke);
  height: auto;
  margin-top: 5px;
  padding: 10px;
}

.paragraph-15 {
  color: var(--dark-violet);
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 18px;
}

.div-block-152 {
  flex-direction: column;
  display: flex;
}

.div-block-153 {
  background-color: var(--white-smoke);
  height: 35px;
  margin-top: 0;
  padding: 10px;
}

.slider-35 {
  height: 50vh;
}

.right-arrow-22, .left-arrow-23, .slide-nav-37 {
  display: none;
}

.slide-149 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a5032088e60a3ac532667a_PK_017.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.rich-text-block-14 {
  font-family: Roboto, sans-serif;
}

.div-block-155 {
  width: 100%;
  margin-top: 25px;
}

.image-29, .image-31 {
  height: auto;
  margin-left: 0;
}

.div-block-156 {
  justify-content: flex-start;
  display: flex;
}

.heading-43 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.heading-44 {
  background-color: var(--medium-sea-green-3);
  color: #fff;
  border-radius: 8px;
  width: 250px;
  padding: 15px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
}

.webshop-toevoegen {
  background-color: var(--dark-orange);
  border-radius: 8px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.div-block-159 {
  width: 75vw;
}

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

.image-33 {
  width: 200px;
}

.image-34 {
  height: 60px;
}

.section-39 {
  transform-style: preserve-3d;
  height: 50vh;
}

.link-block-18 {
  z-index: 1000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  height: 50vh;
  margin-left: 50px;
  margin-right: 50px;
  display: flex;
  position: relative;
}

.slider-36 {
  height: 55vh;
}

.right-arrow-23, .left-arrow-24, .slide-nav-38 {
  display: none;
}

.slide-150 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/620ead167a242a836a252a09_003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-151 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4ff1a9e202508139aeb9b_OJET_007.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-152 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c5be096fd4a11abe53b2b_header_WEB9.jpg");
  background-position: 50%;
  background-size: cover;
}

.grid-9 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  width: 75vw;
  margin-top: 0;
}

.section-40 {
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 200px;
  display: flex;
}

.div-block-160 {
  background-color: #0000;
  width: 70%;
  padding: 0 0 0 20px;
}

.heading-45 {
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 15px;
}

.inschrijven-algemeen {
  background-color: var(--gainsboro);
  border-radius: 0;
  height: 55px;
}

.inschrijven-algemeen:hover {
  background-color: #d4d4d4;
}

.inschrijven-algemeen.pk {
  background-color: var(--gainsboro);
}

.inschrijven-algemeen.pk:hover {
  background-color: var(--light-grey);
}

.inschrijven-algemeen.ojet {
  background-color: var(--gainsboro);
}

.inschrijven-algemeen.ojet:hover {
  background-color: var(--light-grey);
}

.inschrijven-algemeen.morpholio {
  background-color: var(--gainsboro);
}

.inschrijven-algemeen.morpholio:hover {
  background-color: var(--light-grey);
}

.inschrijven-algemeen.sjeb {
  background-color: var(--gainsboro);
  display: none;
}

.inschrijven-algemeen.sjeb:hover {
  background-color: var(--light-grey);
}

.inschrijven-algemeen.presenteren {
  background-color: var(--gainsboro);
  display: none;
}

.inschrijven-algemeen.presenteren:hover {
  background-color: var(--light-grey);
}

.inschrijven-algemeen.tbpl {
  background-color: var(--gainsboro);
  display: block;
}

.inschrijven-algemeen.tbpl:hover {
  background-color: var(--light-grey);
}

.inschrijven-algemeen.ruyten {
  background-color: var(--gainsboro);
  display: none;
}

.inschrijven-algemeen.ruyten:hover {
  background-color: var(--light-grey);
}

.inschrijven-algemeen.tpbl {
  display: none;
}

.inschrijven-algemeen.opvulblok {
  background-color: var(--white);
}

.div-block-161 {
  width: 75vw;
}

.div-block-162 {
  align-items: center;
  width: auto;
  height: 55px;
  display: flex;
}

.color-inschrijving {
  background-color: var(--medium-sea-green-2);
  width: 65px;
  height: 55px;
  display: flex;
}

.color-inschrijving.pk {
  background-color: var(--dark-orange-2);
}

.color-inschrijving.ojet {
  background-color: var(--medium-aquamarine);
}

.color-inschrijving.tpbl {
  background-color: var(--steel-blue);
}

.color-inschrijving.sketchup, .color-inschrijving.sketchup.gevorderden, .color-inschrijving.sketchup.compleet {
  background-color: var(--tan);
}

.color-inschrijving.morpholio {
  background-color: #eac939;
}

.color-inschrijving.sjeb {
  background-color: var(--steel-blue);
}

.color-inschrijving.presenteren {
  background-color: var(--dark-violet);
}

.color-inschrijving.ruyten {
  background-color: var(--pale-goldenrod);
}

.color-inschrijving.examen {
  background-color: #fff200;
}

.color-inschrijving.examen.ba {
  background-color: #9326c9;
}

.color-inschrijving.tbpl {
  background-color: #f70;
}

.color-inschrijving.doa2 {
  background-color: var(--dark-slate-grey);
}

.color-inschrijving.pkplus {
  background-color: var(--groen);
}

.color-inschrijving.bs {
  background-color: var(--dark-slate-grey);
}

.color-inschrijving.zomerschool {
  background-color: var(--zomerschool);
}

.color-inschrijving.po {
  background-color: var(--orchid);
}

.color-inschrijving.v-c {
  background-color: var(--zomerschool-nieuw);
}

.link-block-19 {
  background-color: var(--dark-orange-2);
  border-radius: 8px;
  padding: 15px;
}

.heading-46 {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 14px;
}

.div-block-163 {
  display: flex;
}

.div-block-164 {
  background-color: var(--gainsboro);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 25px;
  display: flex;
}

.rich-text-block-15 {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  line-height: 21px;
}

.heading-47 {
  font-family: Roboto, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.slider-37 {
  height: 55vh;
}

.right-arrow-24, .slide-nav-39, .left-arrow-25 {
  display: none;
}

.slide-153 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6672ec6b56ebd1cf726ccf51_header_WEB_zomerschool6.jpg");
  background-position: 0 0;
  background-size: cover;
  max-height: none;
}

.slide-154 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf688acf27862d9aeb5532_SKU01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-155 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf64b4845468f5b45c74ab_render04.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.field-label-3, .field-label-4, .field-label-5, .field-label-6 {
  font-family: Roboto, sans-serif;
}

.field-label-7 {
  text-transform: uppercase;
  border-bottom-style: none;
  border-bottom-color: #000;
  margin-top: 25px;
  padding-bottom: 4px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.field-label-8, .field-label-9, .field-label-10 {
  font-family: Roboto, sans-serif;
}

.form-block-6 {
  display: none;
}

.button-10 {
  background-color: var(--dark-orange);
  text-transform: uppercase;
  border-radius: 8px;
  padding: 25px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.button-10.button-paars {
  background-color: var(--dark-orange);
  margin-top: 0;
  margin-left: 50px;
}

.div-block-167 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 35px;
  display: flex;
}

.heading-48 {
  text-transform: none;
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.slide-156 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c5be096fd4a11abe53b2b_header_WEB9.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-157 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/663a2342b776d2c00cf7fd35_header_WEB_main.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-158 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6329d0127290bd25e8e34568_header_WEB20.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-168 {
  justify-content: flex-start;
  width: 800px;
  display: flex;
}

.div-block-168.rendering {
  display: flex;
}

.heading-49 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.div-block-169 {
  background-color: #e6e6e6;
  border-bottom: 1px solid #000;
  border-right: 1px #000;
  width: 300px;
  padding: 25px 10px 0 25px;
}

.div-block-169.om {
  border: 1px #000;
  border-bottom-style: solid;
  width: 300px;
}

.div-block-169.linksonder {
  border-bottom-style: none;
  border-bottom-left-radius: 8px;
}

.div-block-170 {
  background-color: #f2f2f2;
  border-bottom: 1px solid #000;
  width: 100%;
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

.div-block-170.rechtsonder {
  border-bottom-style: none;
  border-bottom-right-radius: 8px;
}

.div-block-171 {
  border-radius: 8px;
  width: 800px;
  margin-bottom: 50px;
}

.heading-50 {
  background-color: var(--tan);
  color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 0;
  padding: 10px 10px 10px 25px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  line-height: 21px;
}

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

.sk-basis {
  background-color: var(--white-2);
  flex-direction: column;
  align-items: center;
  padding-top: 35px;
  padding-bottom: 50px;
  display: flex;
}

.sk-gevorderden {
  flex-direction: column;
  align-items: center;
  width: 76vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 50px;
  display: flex;
}

.heading-51 {
  border-bottom: 1px solid var(--black);
  color: var(--black);
  margin-bottom: 25px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  line-height: 25px;
}

.sk-compleet {
  background-color: var(--white-2);
  flex-direction: column;
  align-items: center;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.doa {
  flex-direction: column;
  align-items: center;
  width: 76vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.linkblock-cursus {
  color: var(--black);
}

.linkblock-cursus:hover {
  color: var(--dark-orange);
}

.div-block-175 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 76vw;
}

.slider-39 {
  height: 50vh;
}

.slide-nav-41 {
  display: none;
}

.slide-161 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/63d92cbe93beaf9116f1f796_HEADER_003.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-162 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/63d92cdf2436dc0365ecff84_HEADER_004.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-163 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/63d92cf7e13b9768a0b2acac_HEADER_001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-164 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/63d92d0f42cc832cd454c129_HEADER_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-165 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/63d92d22625e6c60ceb96920_HEADER_005.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-166 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/63d92d335ed04c4a7c771bc6_HEADER_006.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.recaptcha {
  margin-top: 25px;
  margin-bottom: 20px;
}

.div-block-178 {
  height: 100px;
}

.image-35 {
  width: 150px;
}

.link-block-20 {
  border: 3px solid var(--medium-sea-green-2);
  color: var(--medium-sea-green-2);
  white-space: nowrap;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 203px;
  height: 30px;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 10px;
  font-family: futura-pt, sans-serif;
  transition: color .2s, background-color .2s;
  display: flex;
}

.link-block-20:hover {
  background-color: var(--medium-sea-green-2);
  color: var(--white);
}

.slide-167 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6450da39c1f90c788b9431e3_HEADER5.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-168 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6450da741d0bff7a4b71c77b_HEADER2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-37 {
  height: 140px;
}

.image-38 {
  width: 350px;
}

.div-block-179 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 25px;
  display: flex;
}

.link-block-21 {
  -webkit-text-stroke-color: transparent;
  background-color: #0000;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-block-37 {
  text-align: center;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 30px;
  padding: 10px 10px 15px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
  display: flex;
}

.div-block-181 {
  border: 3px solid var(--dark-orange);
  border-radius: 10px;
  align-items: center;
  width: 100%;
  height: 30px;
  font-size: 14px;
  line-height: 13px;
  transition: color .2s, background-color .2s;
  display: block;
}

.div-block-181:hover {
  background-color: var(--dark-orange);
  color: var(--white);
}

.div-block-182 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6458fc0efb7d738e3d160a60_bomenteller.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75px 75px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
}

.text-block-38 {
  color: var(--white);
  margin-top: 8px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  line-height: 14px;
}

.div-block-183 {
  width: auto;
}

.rich-text-block-16 {
  width: 75vw;
  padding-top: 120px;
  padding-left: 100px;
  padding-right: 93px;
}

.slider-40 {
  height: 55vh;
}

.right-arrow-26, .left-arrow-27, .slide-nav-42 {
  display: none;
}

.section-43 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.slide-169 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/652d30005bd5a436f0a7ef61_BA_002.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.paragraph-17 {
  margin-top: 9px;
  margin-bottom: 50px;
  font-size: 21px;
  font-weight: 700;
  line-height: 30px;
}

.div-block-185 {
  width: 75vw;
}

.section-44 {
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 75px;
  display: flex;
}

.field-label-11 {
  margin-bottom: 10px;
}

.heading-53 {
  font-family: Roboto, sans-serif;
  font-size: 25px;
  line-height: 25px;
}

.text-block-39 {
  color: var(--dark-orange-2);
  margin-bottom: 25px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.recaptcha-2 {
  margin-top: 50px;
}

.image-41 {
  width: 400px;
  margin-bottom: 25px;
}

.paragraph-18 {
  margin-bottom: 0;
}

.rich-text-block-17 {
  margin-bottom: 50px;
}

.slider-41 {
  height: 50vh;
}

.right-arrow-27, .left-arrow-28, .slide-nav-43 {
  display: none;
}

.slide-170 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/658bfde95af63bb889983661_header_WEB_PK-PLUS7.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-171 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/658bfeb3eba91bd3d7069775_header_WEB_PK-PLUS.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-172 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6450da01fd23441963812fa3_HEADER_allepaginas.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.success-message-5 {
  background-color: var(--dark-violet);
  color: #fff;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.div-block-187 {
  display: flex;
}

.div-block-188 {
  margin-right: 25px;
}

.heading-54 {
  margin-bottom: 35px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.div-block-189 {
  align-items: stretch;
  display: flex;
}

.div-block-189.laatste {
  border-bottom: 1px solid #000;
}

.heading-55 {
  word-break: normal;
  background-color: #efefef;
  border: 1px #000;
  border-style: solid none none solid;
  width: 200px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 5px 5px 10px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.paragraph-20 {
  border: 1px solid #000;
  border-bottom-style: none;
  width: 87.545%;
  margin-bottom: 0;
  padding: 5px 10px;
}

.div-block-190 {
  margin-bottom: 35px;
}

.heading-56 {
  font-size: 15px;
  line-height: 24px;
}

.cirkel-1 {
  z-index: 0;
  width: 30vh;
  height: 30vh;
  position: absolute;
  left: auto;
  right: 0%;
  transform: rotate(45deg);
}

.link-block-23 {
  display: none;
}

.paragraph-22 {
  color: var(--black);
  margin-bottom: 10px;
}

.link-3 {
  text-decoration: underline;
}

.sk-rendering {
  background-color: var(--white-2);
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.slider-42 {
  height: 50vh;
}

.right-arrow-28, .left-arrow-29, .slide-nav-44 {
  display: none;
}

.slide-173 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf6422847ffb6b6737faa8_render01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-174 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf6462529e7a2e3e97547f_render02.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-175 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf64a7f9127344c09d0186_render03.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-176 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf64b4845468f5b45c74ab_render04.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-177 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf64e0efdf9a5b3e5e4272_render05.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-178 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf68c4414d583bbb5fe427_SKU02.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-179 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf64a7f9127344c09d0186_render03.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-180 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf68e793270d50203df2b6_SKU04.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-181 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf64e0efdf9a5b3e5e4272_render05.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-182 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf69274b0c016da12d8619_SKU03.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-45 {
  width: 300px;
  margin-top: 35px;
  margin-bottom: 35px;
}

.slide-183 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65d4b926e6a190cb3cdc9413_render07.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1, .slide-184 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65d4b948e5d0b6584932cf1f_render06.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-185 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65d4b926e6a190cb3cdc9413_render07.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-186 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf68c4414d583bbb5fe427_SKU02.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-187 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf688acf27862d9aeb5532_SKU01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-188 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65cf64b4845468f5b45c74ab_render04.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-196 {
  height: 55px;
}

.image-46 {
  width: 300px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.div-block-197 {
  margin-top: 35px;
}

.italic-text {
  font-size: 14px;
  line-height: 26px;
}

.div-block-198 {
  margin-top: 25px;
}

.block-quote {
  margin-top: 35px;
}

.utility-page-wrap {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  margin-top: 80px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.div-block-199 {
  border: 1px #ddd;
  width: 50vw;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 0;
}

.heading-57 {
  background-color: var(--dark-violet);
  color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 10px 10px 20px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
}

.div-block-200 {
  background-color: #f4f4f4;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px;
}

.paragraph-23 {
  margin-bottom: 10px;
}

.div-block-201 {
  width: 50vw;
  margin-top: 75px;
  margin-bottom: 75px;
}

.slider-zomerschool {
  height: 50vh;
}

.gradient-zomerschool {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--zomerschool-nieuw));
  width: 100%;
  height: 100%;
  position: absolute;
}

.slide-1-zs {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6672ec6b56ebd1cf726ccf51_header_WEB_zomerschool6.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-2-zs {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/667280022e31c9a7ef324a8c_header_WEB_zomerschool3.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-3-zs {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66728003ed6126ebf1182d6e_header_WEB_zomerschool2.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-4-zs {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66728003aa17f1dbea04803b_header_WEB_zomerschool5.jpg");
  background-position: 0 0;
  background-size: cover;
}

.grid-zs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 25px;
  display: grid;
}

.startdata-zs {
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  margin-bottom: 20px;
  display: flex;
}

.startdata-zs-1 {
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0;
  display: flex;
}

.startdata-zs-2, .startdata-zs-3 {
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  margin-bottom: 20px;
  display: flex;
}

.icoon-zs {
  height: 125px;
}

.dropdown-wrapper-sku {
  width: 100%;
  position: relative;
  overflow: visible;
}

.dropdown-trigger-sku {
  background-color: var(--dark-violet);
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  transition: border-radius .2s, background-color .2s;
}

.dropdown-trigger-sku:hover {
  background-color: var(--indigo);
}

.text-block-43 {
  color: var(--white);
  font-family: futura-pt-bold, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.dropdown-content-sku {
  background-color: var(--gainsboro);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.dropdown-arrow-trc {
  font-family: "Fa Solid 900", sans-serif;
  display: inline-block;
}

.praktische-informatie-inklapmenu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-wrapper-tuinreis-cotswold {
  width: 100%;
  position: relative;
  overflow: visible;
}

.dropdown-trigger-tuinreis-cotswold {
  background-color: var(--dark-violet);
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  transition: background-color .2s;
}

.dropdown-trigger-tuinreis-cotswold:hover {
  background-color: var(--indigo);
}

.dropdown-content-tuinreis-cotswold {
  background-color: var(--gainsboro);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.dropdown-arrow-sku {
  font-family: "Fa Solid 900", sans-serif;
  display: inline-block;
}

.dropdown-wrapper-anb {
  width: 100%;
  position: relative;
  overflow: visible;
}

.dropdown-trigger-anb {
  background-color: var(--dark-violet);
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  transition: background-color .2s;
}

.dropdown-trigger-anb:hover {
  background-color: var(--indigo);
}

.dropdown-arrow-anb {
  font-family: "Fa Solid 900", sans-serif;
  font-size: 18px;
  display: inline-block;
}

.dropdown-content-anb {
  background-color: var(--gainsboro);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.paragraph-25 {
  margin-top: 15px;
  padding-top: 5px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.dropdown-wrapper-zta {
  width: 100%;
  position: relative;
  overflow: visible;
}

.dropdown-trigger-zta {
  background-color: var(--dark-violet);
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  transition: background-color .2s;
}

.dropdown-trigger-zta:hover {
  background-color: var(--indigo);
}

.dropdown-content-zta {
  background-color: var(--gainsboro);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.dropdown-wrapper-poh {
  width: 100%;
  position: relative;
  overflow: visible;
}

.dropdown-trigger-poh {
  background-color: var(--dark-violet);
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  transition: background-color .2s;
}

.dropdown-trigger-poh:hover {
  background-color: var(--indigo);
}

.dropdown-content-poh {
  background-color: var(--gainsboro);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.paragraph-26 {
  margin-top: 15px;
  padding-top: 5px;
}

.dropdown-arrow-poh, .dropdown-arrow-zta {
  font-family: "Fa Solid 900", sans-serif;
  display: inline-block;
}

.text-span-4, .text-span-5, .text-span-6, .text-span-7 {
  font-weight: 400;
}

.text-span-8 {
  font-weight: 300;
}

.slide-5-zs {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6672ec6bf6ebc60d304b2705_header_WEB_zomerschool4.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-6-zs {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6672ec6c2dece20b85faa905_header_WEB_zomerschool.jpg");
  background-position: 0 0;
  background-size: cover;
}

.text-span-9 {
  font-family: "Fa Solid 900", sans-serif;
}

.gradient-ta {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--dark-sea-green));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-pk, .gradient-tbl {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--dark-orange-2));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-bd {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--cadet-blue));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-bs {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--dark-slate-grey));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-pkp {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--groen));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-ojet {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--medium-aquamarine));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-sku {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--groen));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-mt {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--morpholio-trace));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-gp {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--medium-sea-green-2));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-bg {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--dark-orange-2));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-al {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--dark-violet));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-tmr {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--orchid));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-openatelier {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--blue-violet));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-examens {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--dark-violet));
  width: 100%;
  height: 100%;
  position: absolute;
}

.voorpagina-knop-2 {
  border: 2px solid var(--white);
  background-color: var(--medium-sea-green-3);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  word-break: normal;
  border-radius: 10px;
  padding: 10px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: background-color .2s;
}

.voorpagina-knop-2:hover {
  background-color: var(--white);
  color: var(--medium-sea-green-2);
}

.voorpagina-knop-3 {
  border: 2px solid var(--white);
  background-color: var(--donker-oranje);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  word-break: normal;
  border-radius: 10px;
  padding: 10px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: background-color .2s;
}

.voorpagina-knop-3:hover {
  background-color: var(--white);
  color: var(--donker-oranje);
}

.logo-grow-shrink {
  mix-blend-mode: multiply;
  transition: transform .2s;
}

.logo-grow-shrink:hover {
  transform: scale(1.2);
}

.dropdown-wrapper-6 {
  width: 100%;
  position: relative;
  overflow: visible;
}

.dropdown-arrow-6 {
  font-family: "Fa Solid 900", sans-serif;
  display: inline-block;
}

.dropdown-content-6 {
  background-color: var(--gainsboro);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.dropdown-wrapper-7 {
  width: 100%;
  position: relative;
  overflow: visible;
}

.dropdown-arrow-7 {
  font-family: "Fa Solid 900", sans-serif;
  display: inline-block;
}

.dropdown-content-7 {
  background-color: var(--gainsboro);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.image-47 {
  mix-blend-mode: multiply;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 15px;
}

.dropdown-content-8 {
  background-color: var(--gainsboro);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.dropdown-wrapper-8 {
  width: 100%;
  position: relative;
  overflow: visible;
}

.dropdown-arrow-8 {
  font-family: "Fa Solid 900", sans-serif;
  display: inline-block;
}

.div-block-206 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-bottom: 15px;
  display: grid;
}

.image-48 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
}

.div-block-207 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-bottom: 25px;
  display: grid;
}

.dropdown-wrapper-9 {
  width: 100%;
  position: relative;
  overflow: visible;
}

.dropdown-content-9 {
  background-color: var(--gainsboro);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.dropdown-trigger-9 {
  background-color: var(--dark-violet);
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  transition: background-color .2s;
}

.dropdown-trigger-9:hover {
  background-color: var(--indigo);
}

.dropdown-arrow-9 {
  font-family: "Fa Solid 900", sans-serif;
  display: inline-block;
}

.rich-text-block-20 {
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.div-block-208 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75vw;
  margin-bottom: 10px;
  display: grid;
  position: relative;
}

.zs-grid-links {
  border-radius: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  position: relative;
}

.titel-zs {
  border-style: solid;
  border-width: 6px 3px;
  border-color: var(--zomerschool-tint-2\<deleted\|variable-777fc89f-f318-5a19-a0d1-c56c8ee1620e\>) var(--zomerschool-tint-2\<deleted\|variable-777fc89f-f318-5a19-a0d1-c56c8ee1620e\>) var(--zomerschool-tint-2\<deleted\|variable-777fc89f-f318-5a19-a0d1-c56c8ee1620e\>) #31c24e;
  background-color: var(--white);
  color: var(--orchid);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 10px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 22px;
  transition: background-color .2s;
}

.text-block-47 {
  color: var(--white);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  height: auto;
  padding: 10px;
  font-family: futura-pt, sans-serif;
  font-size: 18px;
  line-height: 25px;
  position: sticky;
}

.div-block-212 {
  background-color: var(--color);
  opacity: 1;
  border-bottom: 6px solid #31c24e;
  border-left: 3px solid #31c24e;
  border-right: 3px solid #31c24e;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  position: relative;
}

.link-4 {
  color: var(--dark-slate-grey);
  vertical-align: baseline;
  flex-flow: row;
  padding: 10px;
  font-family: futura-pt, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .375s;
  display: flex;
  position: relative;
}

.link-4:hover {
  color: var(--orchid);
  text-decoration: underline;
}

.div-block-213 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
  position: relative;
}

.zs-grid-rechts {
  border-radius: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  position: relative;
}

.slider-zs-trc {
  height: 55vh;
}

.cirkel-txt {
  z-index: 1;
  transform-style: preserve-3d;
  width: 30vh;
  height: 30vh;
  position: absolute;
  left: auto;
  right: 0%;
}

.cirkel-txt:hover {
  transform: scale3d(1none, 1none, 1none);
}

.gradient-sku-klassikaal, .gradient-sku-online {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--tan));
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-po {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--orchid));
  width: 100%;
  height: 100%;
  position: absolute;
}

.slider-po {
  height: 50vh;
}

.slide-189 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fbcd6e9eb6323656abb7_TA_012.JPG");
  background-position: 50% 100%;
  background-size: cover;
}

.slide-190 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66bb1f1979aa039dc3aadb0a_header_WEB225.jpg");
  background-position: 50%;
  background-size: cover;
}

.container-5 {
  z-index: 5;
  flex-flow: column;
  display: flex;
  position: relative;
}

.dropdown-link-2 {
  color: #dfdfdf;
  width: 100%;
  padding: 10px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  text-decoration: none;
  transition: all .2s, color .2s;
  display: block;
}

.dropdown-link-2:hover {
  color: #ffe3a7;
  font-weight: 800;
}

.video-home {
  z-index: 5;
  background-color: var(--oa-green-2);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.div-block-215 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  position: relative;
}

.vlak {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  width: 100vw;
  height: 60vh;
  margin-top: 80px;
  display: flex;
  position: relative;
  overflow: visible;
}

.menu {
  z-index: 1000;
  flex-flow: row;
  flex: 1;
  grid-template: "."
                 "."
                 / 1fr 1fr;
  grid-auto-columns: .75fr;
  justify-content: space-between;
  place-items: center stretch;
  min-width: 990px;
  max-width: 1280px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.menu-arrow-3 {
  font-family: "Fa Solid 900", sans-serif;
  display: inline-flex;
  position: static;
}

.dropdown-wrapper-to {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  transition: border-radius .2s;
}

.paragraph-28 {
  margin-bottom: 20px;
}

.paragraph-28.oa-connect {
  color: var(--koptekst);
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.desktop-home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start center;
  position: relative;
}

.youtube {
  border-radius: 20px;
  overflow: hidden;
}

.dropdown-content {
  text-align: left;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 500%;
  height: 120px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.soort-les-in-menu {
  color: var(--oa-purple-1);
  letter-spacing: .4px;
  cursor: auto;
  background-color: #f7f7f7;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: .9rem;
}

.soort-les-in-menu.alt {
  color: #999ca0;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f7f7f700;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.soort-les-in-menu.alt.algemeen {
  background-color: var(--algemene-achtergrondkleur);
  border-top-width: 0;
  border-bottom-width: 0;
}

.soort-les-in-menu.alt.grey {
  background-color: var(--algemene-achtergrondkleur);
}

.soort-les-in-menu.sub {
  font-size: .9rem;
  font-weight: 500;
  line-height: .8rem;
}

.logo {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  height: 15vh;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.div-block-218 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  display: flex;
}

.dropdown-link-menu {
  background-color: var(--white);
  color: var(--black);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.dropdown-link-menu:hover {
  color: var(--oa-purple-1);
}

.dropdown-link-menu.lesaanbod {
  background-color: var(--oa-purple-1);
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: .8rem;
  transition-property: none;
  display: flex;
}

.dropdown-link-menu.lesaanbod.alt {
  background-color: #f7f7f7;
  padding-top: 3px;
  padding-bottom: 3px;
}

.dropdown-link-menu.lesaanbod.alt:hover {
  text-underline-position: under;
  text-decoration: underline;
  text-decoration-thickness: .5px;
}

.dropdown-link-menu.extra-s {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff0;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  display: flex;
}

.dropdown-link-menu.extra-s:hover {
  color: var(--oa-purple-1);
}

.dropdown-link-menu.extra-s.w--current {
  margin-right: 10px;
  padding-right: 0;
}

.dropdown-link-menu.extra-s.radius {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.dropdown-link-menu.aanbevolen {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  height: 30px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  display: flex;
}

.dropdown-link-menu.aanbevolen.radius {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.photo-slide-auto {
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  overflow: hidden;
}

.dropdown-wrapper-hoveniers {
  color: var(--white);
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
}

.text-block-50 {
  color: var(--oa-green-1);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8rem;
  display: flex;
}

.text-block-50.ba-bs {
  color: var(--oa-orange-1);
}

.text-span-18 {
  color: var(--black);
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
}

.text-span-18.search {
  border-left-width: 0;
  font-size: 20px;
}

.dropdown-trigger {
  letter-spacing: 0;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
}

.dropdown-trigger.contact {
  color: var(--cc-text);
  padding-top: 0;
}

.dropdown-trigger.contact:hover {
  border-bottom: 3px solid var(--cc-text);
  padding-top: 3px;
}

.dropdown-trigger.hov, .dropdown-trigger.to {
  background-color: var(--paars-oa-nieuw);
}

.dropdown-trigger.to:hover {
  background-color: var(--roze-oa);
}

.dropdown-trigger.pk {
  background-color: var(--paars-oa-nieuw);
}

.dropdown-trigger.home {
  color: var(--oa-purple-1);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.dropdown-trigger.home:hover {
  color: var(--donkerpaars-2);
}

.dropdown-trigger.home.w--current {
  flex: 0 auto;
  height: auto;
}

.dropdown-trigger.home.w--current:hover {
  color: var(--donkerpaars-2);
}

.dropdown-trigger.oa-connect-login {
  background-color: var(--white);
  color: var(--oa-purple-1);
  border-bottom-right-radius: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  text-decoration: none;
  display: flex;
}

.dropdown-trigger.oa-connect-login:hover {
  background-color: var(--roze-oa);
  color: var(--white);
}

.dropdown-trigger.oa-connect-login.w--current {
  border-top-left-radius: 0;
  border-top-right-radius: 15px;
}

.dropdown-trigger.zoeken {
  color: var(--cc-text);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.dropdown-trigger.zoeken:hover {
  color: var(--donkerpaars-2);
}

.dropdown-trigger.zoeken.w--current {
  border-top-left-radius: 0;
  border-top-right-radius: 15px;
}

.dropdown-trigger._1 {
  color: var(--oa-purple-1);
  cursor: default;
  flex-flow: row;
  height: 80px;
}

.dropdown-trigger._2 {
  color: var(--oa-purple-1);
  cursor: default;
  flex-flow: row;
}

.dropdown-trigger._2:hover {
  border-bottom: 3px solid var(--cc-text);
  padding-top: 3px;
}

.dropdown-trigger._3 {
  color: var(--oa-purple-1);
  cursor: default;
  flex-flow: row;
  padding-top: 0;
}

.dropdown-trigger._3:hover {
  border-bottom: 3px solid var(--cc-text);
  padding-top: 3px;
}

.dropdown-content-menu {
  z-index: 30;
  transform-style: preserve-3d;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 80px 0% auto;
  overflow: hidden;
  transform: scale3d(1, 1, 0);
}

.dropdown-content-menu.pk {
  margin-top: 651px;
}

.dropdown-content-menu.tos {
  margin-top: 0;
}

.dropdown-content-menu.to {
  justify-content: center;
  align-items: flex-start;
  margin-left: 10px;
  margin-right: 10px;
  top: 80px;
  bottom: auto;
  transform: scale(1);
}

.dropdown-wrapper-contact {
  color: var(--oa-purple-1);
  background-color: #fff;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.dropdown-wrapper-contact:hover {
  background-color: var(--grey);
}

.waarom-niet-kiezen-voor-de-oa {
  z-index: 10;
  border-radius: 50px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--oa-purple-1);
  background-color: var(--oa-purple-2);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  margin-right: 15px;
  padding: 5px 10px;
  font-family: Quicksand, sans-serif;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  position: relative;
}

.button:hover {
  background-color: var(--oa-purple-1);
}

.button.video {
  z-index: 102;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-width: 2px;
  border-color: var(--white);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  text-transform: none;
  background-color: #ffffff4d;
  border-radius: 30px;
  justify-content: flex-start;
  height: 40px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  transition-property: none;
}

.button.video:hover {
  border-color: var(--oa-orange-1);
  background-color: var(--oa-orange-1);
  color: var(--white);
}

.button.agenda {
  letter-spacing: 0;
  text-transform: none;
  border-radius: 20px;
  height: auto;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  display: block;
}

.button.examens {
  letter-spacing: 0;
  text-transform: none;
  border-radius: 20px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  display: block;
}

.button.stageprojecten {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 100px;
  height: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding: 3px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.button.contact--popup {
  border-color: var(--cc-text);
  background-color: var(--white);
  color: var(--cc-text);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  transition-property: none;
}

.button.contact--popup:hover {
  background-color: var(--cc-text);
  color: var(--white);
}

.button.contact--success {
  z-index: 0;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
}

.button.aanmelden--vakexcursie--alt {
  border-width: 1px;
  border-color: var(--oa-purple-1);
  background-color: var(--white);
  color: var(--oa-purple-1);
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  overflow: hidden;
}

.button.aanmelden--vakexcursie--alt:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.button.blogs {
  background-color: var(--oa-purple-1);
  letter-spacing: 0;
  text-transform: none;
  border-radius: 20px;
  height: auto;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  transition-property: none;
  display: block;
}

.button.blogs:hover, .button.blogs.vorige {
  background-color: var(--white);
  color: var(--oa-purple-1);
}

.button.blogs.vorige:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.button.vacatures {
  letter-spacing: .5px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 400;
}

.button.landing {
  z-index: 500;
  border-width: 1px;
  border-color: var(--cc-text);
  color: var(--cc-text);
  background-color: #fff;
  border-radius: 10px;
  margin-right: 0;
  padding: 10px 20px;
  transition-property: none;
}

.button.landing:hover {
  border-color: var(--white);
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.dropdown-wrapper-extras {
  align-self: auto;
  font-size: 11px;
  position: relative;
}

.dropdown-wrapper-extras:hover {
  color: var(--white);
}

.image-51 {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  transition: transform .2s;
}

.image-51:hover {
  transform: scale(1.05);
}

.div-block-25 {
  width: 100%;
  height: 100%;
}

.praktisch {
  color: var(--oa-purple-1);
  background-color: #fff;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.praktisch:hover {
  background-color: var(--grey);
}

.container-9 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-block-52 {
  color: var(--oa-purple-1);
  text-align: left;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 16px;
}

.text-block-52.xtra {
  color: var(--cc-text);
  background-color: #fff0;
  font-size: 14.5px;
}

.text-block-52.zoeken-home {
  letter-spacing: 0;
  text-transform: lowercase;
  background-color: #fff0;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1rem;
}

.dropdown-wrapper {
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
  display: flex;
}

.div-block-220 {
  height: 100%;
}

.text-block-2 {
  text-align: left;
}

.text-block-2.opleidingen {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  position: relative;
}

.text-block-2.extra-s {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 600;
  transition: all .2s;
  position: relative;
  overflow: auto;
}

.dropdown-icoon {
  color: var(--oa-purple-1);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: -20px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: .8rem;
  display: flex;
  position: absolute;
}

.dropdown-icoon.opleidingen {
  color: #7811ac;
}

.blokken {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  border-radius: 50px;
  flex: 0 auto;
  padding: 10px 20px 20px;
  position: relative;
}

.blokken.ba-bs {
  background-color: var(--white);
  background-image: none;
  border-radius: 50px;
}

.dropdown-wrapper-ervaringen {
  color: var(--oa-purple-1);
  background-color: #fff;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.dropdown-wrapper-ervaringen:hover {
  background-color: var(--grey);
}

.cursus {
  z-index: 1;
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  color: var(--oa-purple-1);
  cursor: pointer;
  border-radius: 50px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 50px;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.8rem;
  display: flex;
  position: relative;
}

.cursus:hover {
  background-color: var(--cc-grey-hover);
}

.homepage {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--oa-green-1);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  transition: opacity .2s;
  position: relative;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
}

.div-block-34 {
  border-top: 1px solid var(--cc-grey-1);
  background-color: var(--algemene-achtergrondkleur);
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.achtergrondfoto-social-media {
  z-index: -1;
  opacity: .1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-221 {
  width: 100%;
}

.link-block-26 {
  transition: all .2s;
}

.link-block-26:hover {
  transform: scale(1.1);
}

.link-block-26.tuinvisie, .link-block-26.crkbo, .link-block-26.opus, .link-block-26.steenbreek {
  display: none;
}

.text-block-56 {
  color: var(--white);
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  line-height: 1.5rem;
}

.logo-s-partners {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-around;
  align-items: stretch;
  min-width: 100vw;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-footer {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  display: flex;
}

.logo-loop {
  height: 30px;
}

.text-block-57 {
  color: var(--white);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.7rem;
}

.text-block-58 {
  color: var(--white);
  text-align: left;
  white-space: normal;
  padding-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  line-height: 1.3rem;
}

.partners {
  background-color: var(--white);
  flex-flow: row;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.footer-2 {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: all 50ms;
  display: flex;
  position: relative;
}

.foto-bovenkant {
  z-index: -1;
  opacity: .1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66d9adfabf242b4a583a7349_perspectief.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.menu-pagewrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: block;
  position: absolute;
}

.ta-product-balk {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.afbeelding-ta {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-ta._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b81dff2e54f321c21218_OA_TA__01.jpg");
  background-size: cover;
}

.afbeelding-ta._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b81dc5d06e522bd220f1_OA_TA__02.jpg");
  background-position: 50%;
}

.afbeelding-ta._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b81eca15c9ef87f43b0e_OA_TA__03.jpg");
}

.afbeelding-ta._4th {
  z-index: -3;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b81ddacf5a7c5a52f761_OA_TA__04.jpg");
}

.opleiding-cursus-gradient {
  z-index: 1;
  background-image: linear-gradient(180deg, #fff0 45%, var(--oa-purple-1) 90%);
  mix-blend-mode: normal;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.opleiding-cursus-gradient.to {
  background-image: linear-gradient(180deg, #fff0 45%, var(--oa-green-1) 90%);
}

.opleiding-cursus-gradient.pk {
  background-image: linear-gradient(180deg, #fff0 45%, var(--oa-orange-2) 90%);
}

.naam-opleiding-cursus {
  z-index: 2;
  color: var(--white);
  text-shadow: 0 2px 2px #000000b3;
  font-family: Montserrat, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 100px;
}

.opleiding-cursus-textspan {
  color: var(--oa-green-1);
  justify-content: center;
  align-items: center;
  font-family: "Fa Solid 900", sans-serif;
  display: flex;
  position: absolute;
  left: -60px;
}

.text-span-product {
  font-weight: 400;
}

.navigation-in-page-textspan {
  z-index: 100;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--oa-green-1);
  background-color: #8b22fccc;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Fa Solid 900", sans-serif;
  display: flex;
  position: sticky;
  bottom: 0;
}

.navigation-in-page-textspan.to {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #333;
  background-color: #26ba41cc;
}

.navigation-in-page-textspan.cursussen-en-excursies {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #333;
  background-color: #8b22fccc;
}

.navigation-in-page-textspan.pk {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #333;
  background-color: #fd905ecc;
}

.container-11 {
  justify-content: space-between;
  align-items: center;
  width: 940px;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.link-in-page-nav {
  color: var(--white);
  font-family: Raleway, sans-serif;
  font-weight: 400;
  transition: color .3s;
  display: inline-flex;
}

.link-in-page-nav:hover {
  color: var(--zomerschool-nieuw);
}

.link-in-page-nav.w--current {
  color: var(--oa-green-1);
  transition: all .2s, color .3s;
}

.link-in-page-nav.to-pk {
  justify-content: center;
  align-items: center;
  font-size: 14px;
  transition-property: none;
  display: flex;
}

.link-in-page-nav.to-pk:hover {
  color: var(--oa-purple-1);
  font-weight: 500;
}

.link-in-page-nav.to-pk.w--current {
  color: var(--oa-purple-1);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}

.link-in-page-nav.cursussen-en-excursies {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-in-page-nav.cursussen-en-excursies:hover {
  color: var(--oa-green-1);
  font-weight: 500;
}

.link-in-page-nav.cursussen-en-excursies.w--current {
  color: var(--oa-green-1);
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

.link-in-page-nav.mobile {
  display: none;
}

.section-algemeen {
  background-color: var(--algemene-achtergrondkleur);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  transition: all .2s;
  display: flex;
  position: relative;
}

.container--all--pages {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: flex-start start;
  width: 940px;
  max-width: 940px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container--all--pages.agenda-cms {
  background-color: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.container--all--pages.blogs {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 1000px;
  padding: 10px 30px 0;
}

.naam--onderwerp--klein {
  background-color: var(--oa-green-1);
  color: var(--white);
  letter-spacing: 1px;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
  display: flex;
  position: relative;
}

.naam--onderwerp--klein.to {
  background-color: var(--oa-purple-1);
  margin-top: 20px;
}

.naam--onderwerp--klein.pk {
  background-color: var(--oa-purple-1);
  margin-top: 20px;
  margin-bottom: 20px;
}

.naam--onderwerp {
  color: var(--cc-text);
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
}

.korte-informatie-onderwerp {
  text-align: left;
  letter-spacing: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.4rem;
  display: block;
}

.korte-informatie-onderwerp.inclusief {
  border: 0px solid var(--cc-grey-1);
  background-color: var(--white);
  color: var(--oa-purple-1);
  text-align: center;
  border-radius: 0 0 5px 5px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.qs-highlights {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border: 1px solid var(--cc-grey-1);
  background-color: var(--cc-grey-1);
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  margin-bottom: 50px;
  padding: 0;
  display: grid;
  overflow: hidden;
}

.qs-highlights.to {
  color: var(--black);
  border-radius: 10px;
}

.qs-highlights.excursies {
  grid-template-rows: auto auto auto;
  margin-bottom: 0;
}

.platte-tekst-opl-curs {
  width: 100%;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 27px;
}

.div-block-226 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  display: flex;
  position: relative;
}

.div-block-226.bg {
  margin-bottom: 40px;
}

.div-block-226.al {
  margin-bottom: 15px;
}

.div-block-226.extra-marge {
  margin-bottom: 40px;
}

.div-block-226.sku {
  margin-bottom: 25px;
}

.mobile-menu-wrapper {
  display: none;
}

.vakken-titel {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

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

.startdata-titel, .details-dagopleiding-titel {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.details-avondopleiding {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 25px;
  display: flex;
}

.text--block--details--opleiding {
  width: 100%;
  font-size: 1rem;
  font-weight: 300;
  line-height: 2rem;
  position: relative;
  overflow: hidden;
}

.bold-text-details {
  color: var(--oa-purple-1);
  width: 100%;
  margin-bottom: 10px;
  padding: 30px 10px 10px 0;
  font-size: 1.2rem;
}

.excursie-product-balk {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.body-4 {
  font-family: Montserrat, sans-serif;
}

.afbeelding-gp {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e02e04b06f752d5079e85c_DSC_2574.jpg");
  background-position: 50% 100%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: auto 0% 0%;
}

.afbeelding-gp._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bed46eff08c6cdcbf4f2_OA_GP_03.jpg");
}

.afbeelding-gp._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bed4dff32171c25c3970_OA_GP_02.jpg");
}

.afbeelding-gp._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bed44bb5b53988f5fa16_OA_GP_01.jpg");
}

.youtube-excursie-gp {
  overflow: hidden;
}

.text-span-33 {
  line-height: 37px;
}

.hetprogramma-gp-titel, .details-gp-titel, .details-avondopleiding-titel {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.details-opleiding-cursus-examen {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 25px;
  display: flex;
}

.link-block-28 {
  display: flex;
}

.examens-product-balk {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.afbeelding-examens {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e1965823832d29d98a6fd6_DSC_1629.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: auto 0% 0%;
}

.navigatie-bovenin-pagina {
  color: var(--black);
  letter-spacing: 2px;
  font-family: Raleway, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.navigatie-bovenin-pagina:hover {
  color: var(--koptekst);
}

.div-block-238 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-238.sku {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-238.agenda-cms {
  margin-bottom: 25px;
}

.section-47 {
  margin-bottom: 50px;
  position: relative;
}

.text-field-algemeen {
  border: 1px solid var(--koptekst);
  background-color: var(--white);
  color: var(--black);
  border-radius: 5px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.text-field-algemeen:hover {
  border-color: var(--black);
}

.text-field-algemeen::placeholder {
  font-size: .8rem;
}

.text-field-algemeen.vraag {
  min-width: 940px;
  max-width: 940px;
  height: 130px;
}

.text-field-algemeen.adres {
  width: 60%;
}

.text-field-algemeen.huisnummer, .text-field-algemeen.postcode {
  width: 20%;
}

.text-field-algemeen.proefles {
  min-width: 940px;
  max-width: 940px;
  height: 100px;
  margin-bottom: 5px;
}

.field-label-13 {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
}

.field-label-13.adres {
  width: 60%;
}

.field-label-13.huisnummer {
  width: 20%;
}

.field-label-13.huisnummer.mobile--only {
  display: none;
}

.field-label-13.postcode {
  width: 20%;
}

.field-label-13.sub {
  color: var(--oa-purple-1);
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.3rem;
}

.field-label-13.alt {
  margin-bottom: 0;
}

.field-label-13.schema {
  margin-bottom: 50px;
}

.div-block-241 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fe17d122f9377f65fd9b_OJET_006.jpg");
  background-position: 50% 39%;
  background-size: cover;
  height: 50vh;
  margin-top: 80px;
}

.versturen {
  border: 1px solid var(--oa-orange-1);
  background-color: var(--oa-orange-2);
  border-radius: 30px;
  justify-content: space-around;
  align-self: flex-start;
  align-items: center;
  margin-top: 20px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.versturen:hover {
  background-color: var(--oa-orange-1);
}

.versturen.pop--up {
  justify-content: center;
  align-items: center;
  width: 190px;
  display: flex;
}

.checkbox-field-5 {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.slider-50 {
  border-radius: 20px;
  width: 940px;
  height: 550px;
  margin-top: 15px;
  margin-bottom: 50px;
}

.slider-50.v-c {
  border: 1px solid var(--black);
}

.slide-203 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e3f817da0e396d251d0a82_OA_GP_20232.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.slide-203.al {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790ec73311bae62dc1c7c6d_OA_SLIDER_EXCURSIE_02.jpg");
}

.slide-203.bg {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790f3fe7644d889d8f78e83_OA_SLIDER_EXCURSIE_BG_02.jpg");
}

.slide-203.tmr {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67910c2d03e11937d58e4128_OA_SLIDER_EXCURSIE_TMR_03.jpg");
}

.slide-204 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e3f8176d37a4f19464cd4a_OA_GP_20234.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-204.al {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790ec729fe4afcb903e10f6_OA_SLIDER_EXCURSIE_01.jpg");
}

.slide-204.bg {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790f3fe0129a2c7d199d545_OA_SLIDER_EXCURSIE_BG_04.jpg");
}

.slide-204.tmr {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67910c2defe51f5f47c4fb0e_OA_SLIDER_EXCURSIE_TMR_04.jpg");
}

.slide-205 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e3f8189157be53282f54b1_OA_GP_20235.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-205.al {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790ec73382da4a23dffe309_OA_SLIDER_EXCURSIE_05.jpg");
}

.slide-205.bg {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790f3fe05fd512bb9291d62_OA_SLIDER_EXCURSIE_BG_01.jpg");
}

.slide-205.tmr {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67910c2d822ed76eb2a18899_OA_SLIDER_EXCURSIE_TMR_01.jpg");
}

.slide-206 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e3f81835aa58ea96a3299f_OA_GP_20236.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-206.al {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790ec7393ed4e1188fd7f59_OA_SLIDER_EXCURSIE_03.jpg");
}

.slide-206.bg {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790f3fee23d074f44503d6d_OA_SLIDER_EXCURSIE_BG_05.jpg");
}

.slide-206.tmr {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67910c2dd2cfdfaa44fdce56_OA_SLIDER_EXCURSIE_TMR_05.jpg");
}

.slide-207 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e3f817a1bb76d626d8d51a_OA_GP_20233.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-207.al {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790ec7393ed4e1188fd7f56_OA_SLIDER_EXCURSIE_06.jpg");
}

.slide-207.bg {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790f3fe9de8c786ebf73c72_OA_SLIDER_EXCURSIE_BG_03.jpg");
}

.slide-207.tmr {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67910c2ce9765dc820814eec_OA_SLIDER_EXCURSIE_TMR_02.jpg");
}

.slide-208 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e3f8176d37a4f19464ccb6_OA_GP_2023.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-208.al {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790ec7364f683f7ecb6a299_OA_SLIDER_EXCURSIE_04.jpg");
}

.slide-208.bg {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790f3fea0ff4308799fbae3_OA_SLIDER_EXCURSIE_BG_06.jpg");
}

.slide-208.tmr {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67910c2c597a170e23c7338e_OA_SLIDER_EXCURSIE_TMR_06.jpg");
}

.slider-hover---info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--oa-green-1);
  color: var(--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 5px 20px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.text-block-69 {
  z-index: 1;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.7rem;
  position: relative;
}

.section-48 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
}

.topbanner-wrap {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b81dff2e54f321c21218_OA_TA__01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.topbanner-wrap.openatelier {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8bbc41710fae74d9ac_OA_TopBanner_17.jpg");
  background-position: 50% 0;
}

.topbanner-wrap.podiumboskoop {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66ead9c1ace22f479c3deba0_OA_BEELD_blog-3-sept-2024.jpg");
  background-position: 50%;
}

.topbanner-wrap.faq {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8d89bc69a5938b2c9d_OA_TopBanner_01.jpg");
  background-position: 50%;
}

.topbanner-wrap.de-voordelen {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8b4f521e8b9bddea59_OA_TopBanner_21.jpg");
  background-position: 50% 0;
}

.topbanner-wrap.hoveniers {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c39b334fa00f639b6_OA_TopBanner_13.jpg");
  background-position: 0%;
  background-size: cover;
}

.topbanner-wrap.wat--is--nlqf {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8b4de13a3408196a4e_OA_TopBanner_20.jpg");
}

.topbanner-wrap.lesaanbod {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c93ec770a25882c08_OA_TopBanner_15.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.topbanner-wrap.excursies {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c01c4f69930ea2961_OA_TopBanner_11.jpg");
  background-position: 50% 75%;
}

.topbanner-wrap.blogs {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c8537c66b10aaf370_OA_TopBanner_09.jpg");
  background-position: 50%;
  background-size: cover;
}

.topbanner-wrap.contact {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8ca186eeff3377358e_OA_TopBanner_10.jpg");
  background-size: cover;
}

.topbanner-wrap.extra-s {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8f7ced17d6ac51724e_OA_TopBanner_12.jpg");
  background-size: cover;
}

.topbanner-wrap.aanmelden-stageproject {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6793865c0e2cec47d8e26313_OA_TopBanner_24.jpg");
}

.topbanner-wrap.ervaringen {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6793865c65f8bde9bcd0c1fb_OA_TopBanner_22.jpg");
  margin-bottom: 0;
}

.topbanner-wrap.team {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8b0e2cec47d8c6970c_OA_TopBanner_19.jpg");
  background-position: 50% 75%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 0;
}

.topbanner-wrap.subsidies {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8b39b334fa00f638f3_OA_TopBanner_18.jpg");
}

.topbanner-wrap.stageprojecten {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8dbc41710fae74dbf2_OA_TopBanner_05.jpg");
}

.topbanner-wrap.vacatures {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8d6a02ae145a3ae86e_OA_TopBanner_06.jpg");
  background-position: 50% 0;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.topbanner-wrap.vakanties {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c4507aeea6dc70434_OA_TopBanner_07.jpg");
}

.topbanner-wrap.privacy-verklaring {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8cc02c864264045ac9_OA_TopBanner_02.jpg");
}

.topbanner-wrap.algemene-voorwaarden {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c8537c66b10aaf334_OA_TopBanner_08.jpg");
  background-position: 50%;
}

.topbanner-wrap.schetssessies {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c9ef757d831f7db18_OA_TopBanner_03.jpg");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}

.topbanner-wrap.voorwaarden-stageprojecten {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8db5d23f97707340ad_OA_TopBanner_04.jpg");
}

.topbanner-wrap.oa-connect {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6793865cbc41710fae9048cd_OA_TopBanner_23.jpg");
}

.topbanner-wrap.agenda {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6793865d4ee7cd104b278702_OA_TopBanner_25.jpg");
  background-size: cover;
}

.topbanner-wrap.proefles {
  background-position: 50% 0;
}

.topbanner-wrap.agenda-cms {
  background-size: cover;
  border-radius: 20px 20px 0 0;
  width: 940px;
  height: 40vh;
  margin-left: auto;
  margin-right: auto;
}

.topbanner-wrap.studievoorlichting {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8d6a02ae145a3ae86e_OA_TopBanner_06.jpg");
  background-position: 50% 0;
  display: block;
}

.lesaanbod-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  padding: 0;
  display: grid;
}

.lesaanbod-grid.zomerschool {
  margin-bottom: 50px;
}

.opleiding-curs-blok {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 350px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.opleiding-curs-blok:hover {
  filter: blur(7px);
  transform: scale(1.1);
}

.opleiding-curs-blok.ta2 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/630c67cd7635395b8fb48ceb_header_WEB5.jpg");
  background-position: 50%;
}

.opleiding-curs-blok.ta {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
}

.opleiding-curs-blok.ba {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fad4f869211a7b3a7458bbd_BoskoopsGlorie003.jpg");
  background-position: 50%;
}

.opleiding-curs-blok.bs {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/5fa409ce7b020fd10c03f680_PK_003.jpg");
  background-position: 25%;
  background-size: cover;
}

.opleiding-curs-blok.tbl {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6672ec6c2dece20b85faa905_header_WEB_zomerschool.jpg");
  background-position: 75%;
  background-size: cover;
}

.opleiding-curs-blok.po {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fbcd6e9eb6323656abb7_TA_012.JPG");
  background-position: 61%;
  background-size: cover;
  width: auto;
}

.opleiding-curs-blok.pkp {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/671105a00bfe05aceaf60548_OA_BA__04.jpg");
  background-position: 47%;
  background-size: cover;
  width: auto;
}

.opleiding-curs-blok.bd {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e3f8189157be53282f54b1_OA_GP_20235.jpg");
  background-position: 47%;
  background-size: cover;
}

.opleiding-curs-blok.ojet {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/60a4fe2b4c83bd7ed147bad0_OJET_002.jpg");
  background-position: 50%;
  background-size: cover;
}

.opleiding-curs-blok.sku {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/65d4b948e5d0b6584932cf1f_render06.jpg");
  background-position: 50%;
  background-size: cover;
}

.opleiding-curs-blok.mt {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/62053f2bd235547d5fe0ec98_003.jpg");
  background-position: 0%;
  background-size: cover;
}

.opleiding-curs-blok.bg {
  background-image: linear-gradient(#00000080, #fff0 50%), url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6628f96c90968951937d503e_header_WEB_BS-pagina4.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: auto;
}

.opleiding-curs-blok.gp {
  background-image: linear-gradient(#00000080, #fff0 50%), url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e02e04b06f752d5079e85c_DSC_2574.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: auto;
}

.opleiding-curs-blok.al {
  background-image: linear-gradient(#00000080, #fff0 50%), url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/644110fa9c8eac009c6ea1de_header_WEB_amstelveense-lanen2.jpg");
  background-position: 0 0, 40%;
  background-size: auto, auto;
  width: auto;
}

.opleiding-curs-blok.tmr {
  background-image: linear-gradient(#00000080, #fff0 50%), url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66348f08e8ee490b334b2ae9_header_WEB_excursie-mien-ruys4.jpg");
  background-position: 0 0, 35%;
  background-size: auto, cover;
  width: auto;
}

.opleiding-curs-blok.v-c {
  filter: saturate(160%);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b5726bf794f8a1f64794_OA_V%26C_03.jpg");
}

.opleiding-curs-blok.zp {
  filter: saturate(130%);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67f904e4c5889197558961ec_OA_ZP2.jpg");
}

.text-block-70 {
  z-index: 1;
  color: var(--white);
  text-shadow: 0 2px 2px #00000080;
  width: 100%;
  padding: 10px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.1rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-span-38 {
  font-weight: 200;
}

.link-block-30 {
  z-index: 1;
  border-radius: 20px;
  width: 457.5px;
  position: relative;
  overflow: hidden;
}

.div-block-248, .div-block-249 {
  width: 76vw;
}

.blog {
  border-bottom: .25px solid var(--koptekst);
  border-top-color: var(--light-grey);
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-251 {
  border: 1px solid var(--koptekst);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66d9adf8bf242b4a583a6492_impressie001.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  min-width: 300px;
  margin-right: 20px;
}

.paragraph-29 {
  text-align: left;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  line-height: 1.4rem;
}

.div-block-252 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.titel-blog {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  line-height: 34px;
}

.text-block-72 {
  color: var(--oa-purple-1);
  letter-spacing: 1px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  position: relative;
}

.linkblogs {
  color: var(--oa-purple-1);
  text-underline-position: under;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  line-height: 1.4rem;
  text-decoration: underline;
  text-decoration-thickness: .75px;
}

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

.collection-list-wrapper-8 {
  background-color: var(--white);
  border-radius: 20px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.text-block-73 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.empty-state-2 {
  background-color: var(--oa-green-1);
  border-radius: 20px;
  margin-bottom: 10px;
}

.afbeelding-groot-blog {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 50vh;
  position: relative;
  inset: 0% 0% auto;
}

.auteur-blog {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.auteur-blog.overzicht-blogs {
  margin-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}

.hero-blog {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.hero-blog-collection {
  background-color: #f6f6f6;
  padding-bottom: 50px;
  position: relative;
}

.div-block-255 {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.toelichting {
  color: var(--white);
  text-shadow: 1px 1px 1px var(--black);
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.afbeelding--agenda {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 300px;
  position: relative;
}

.agenda-item {
  background-color: var(--white);
  filter: drop-shadow(0 0 5px #0003);
  border-radius: 20px;
}

.collection-item-10 {
  flex: 1;
  align-self: flex-start;
  min-width: 45%;
}

.div-block-259 {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.collection-list-wrapper-10 {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 940px;
  margin-bottom: 50px;
}

.collection-list-8 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  display: flex;
}

.div-block-260 {
  border: 1px solid var(--koptekst);
  border-radius: 20px;
  flex-flow: column;
  display: flex;
}

.text-block-77 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.empty-state-3 {
  background-color: var(--oa-green-1);
  border-radius: 20px;
}

.background-greyout {
  background-color: var(--40-black);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transform-style: preserve-3d;
  height: 100vh;
  margin-top: 80px;
  position: fixed;
  inset: 0%;
  transform: scale3d(1, 1, 0);
}

.div-block-261 {
  z-index: 1000;
  background-color: var(--wit-opacity);
  -webkit-backdrop-filter: contrast(200%) blur(15px);
  backdrop-filter: contrast(200%) blur(15px);
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 80px;
  display: flex;
  position: fixed;
  top: 0;
  box-shadow: 0 1px 5px #0003;
}

.search-page {
  z-index: 1000000;
  opacity: 1;
  transform-style: preserve-3d;
  margin-top: 80px;
  display: block;
  position: fixed;
  inset: 0%;
  transform: scale3d(1, 1, 0);
}

.search-page-2 {
  z-index: 1500;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.search-3 {
  border-bottom: 3px solid var(--white);
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.search-input-3 {
  box-sizing: border-box;
  border: 1px solid var(--oa-purple-1);
  color: var(--white);
  object-fit: fill;
  background-color: #fff0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 600;
  overflow: clip;
}

.search-input-3::placeholder {
  color: var(--white);
  text-align: left;
}

.search-button-4 {
  background-color: #3898ec00;
  padding-left: 0;
  padding-right: 0;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 2rem;
  font-weight: 500;
}

.div-block-262 {
  background-color: var(--oa-purple-1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-263 {
  background-color: var(--40-black);
  opacity: .65;
  height: 75vh;
}

.closesearchbar {
  color: var(--white);
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.closesearchbar:hover {
  text-decoration: underline;
}

.section-49 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.section-50 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.section-50.hoveniers {
  margin-bottom: 50px;
  padding-bottom: 0;
}

.extra-item {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8b2bc00f3b9a1f070a_OA_TopBanner_14.jpg");
  background-position: 50%;
  background-size: 100% 100%;
  border-radius: 20px;
  width: 100%;
  height: 200px;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.extra-item:hover {
  background-position: 50%;
  background-size: 110% 110%;
}

.extra-item.pb {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66ead9c1ace22f479c3deba0_OA_BEELD_blog-3-sept-2024.jpg");
}

.extra-item.openatelier {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66ead9e4097b063914765fff_OA_BEELD_blog-3-sept-20243.jpg");
}

.extra-item.schetssessies {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66eada18fc4871f07635ad1b_OntwerpAcademie_SP.jpg");
}

.extra-item.oa-connect {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6687de433dd6eedf391156ff_OA_BEELD_website-zomerschool.jpg");
}

.text-block-extras {
  z-index: 1;
  color: var(--white);
  letter-spacing: 1px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  position: absolute;
}

.div-block-267 {
  background-image: linear-gradient(#161616cc, #fff0 50%);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.list-item-algemeen {
  margin-bottom: 25px;
  padding-left: 15px;
  font-family: Montserrat, sans-serif;
  list-style-type: square;
}

.list-item-algemeen.privacyverklaring {
  margin-bottom: 5px;
  font-size: 1rem;
}

.list-item-algemeen.privacyverklaring.nummers, .list-item-algemeen.algemene-voorwaarden {
  list-style-type: decimal;
}

.list-item-algemeen._0-margin {
  margin-bottom: 0;
}

.list-item-algemeen.inschrijven-examen {
  padding-left: 15px;
}

.list-item-algemeen.sku {
  margin-bottom: 15px;
}

.list-item-algemeen.uitklapmenu {
  margin-bottom: 0;
}

.list-item-algemeen._50-marge {
  margin-bottom: 50px;
}

.paragraph-platte-tekst {
  color: #333333e6;
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
}

.paragraph-platte-tekst.quote {
  border-top: 1px solid var(--koptekst);
  border-bottom: 1px solid var(--koptekst);
  background-color: var(--white);
  color: var(--oa-purple-1);
  text-align: center;
  letter-spacing: 1px;
  width: 100%;
  margin-top: 25px;
  padding: 30px 25px;
  font-family: Inconsolata, monospace;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
  position: relative;
}

.paragraph-platte-tekst.faq {
  border-left: 1px solid var(--koptekst);
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 1rem;
  line-height: 1.8rem;
}

.paragraph-platte-tekst.privacyverklaring {
  font-size: 1rem;
  line-height: 1.8rem;
}

.paragraph-platte-tekst.privacyverklaring._10-margin {
  margin-bottom: 10px;
}

.paragraph-platte-tekst.intro {
  border-left: 3px solid var(--oa-purple-1);
  color: var(--black);
  margin-bottom: 50px;
  padding-left: 25px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.paragraph-platte-tekst.white {
  color: var(--white);
}

.paragraph-platte-tekst.dagjemeelopen {
  color: var(--black);
  text-align: center;
  background-image: none;
  border-radius: 0;
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  font-size: 1rem;
  line-height: 1.8rem;
}

.paragraph-platte-tekst.sku {
  text-align: center;
  width: auto;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.paragraph-platte-tekst.inschrijven {
  margin-bottom: 15px;
  font-weight: 600;
}

.paragraph-platte-tekst.dropdown {
  z-index: 0;
  margin-left: 0;
  position: relative;
}

.paragraph-platte-tekst.stageprojecten-form {
  border-bottom: 1px solid var(--koptekst);
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 1.3rem;
  font-weight: 700;
}

.paragraph-platte-tekst.listunder {
  margin-bottom: 0;
}

.paragraph-platte-tekst.contact--popup {
  color: var(--oa-purple-1);
  margin-bottom: 15px;
  font-size: 1.2rem;
}

.paragraph-platte-tekst.contact--popup.alt {
  font-size: .9rem;
  line-height: 1.3rem;
}

.paragraph-platte-tekst.inschrijven-examen {
  margin-bottom: 10px;
}

.paragraph-platte-tekst.hoveniers {
  color: var(--white);
  margin-bottom: 0;
}

.paragraph-platte-tekst.examen-verzenden {
  color: var(--black);
  width: 100%;
  margin-bottom: 0;
}

.paragraph-platte-tekst._35-marge {
  margin-bottom: 35px;
}

.paragraph-platte-tekst.rechts {
  text-align: right;
}

.paragraph-platte-tekst.de-voordelen {
  font-family: Raleway, sans-serif;
  font-size: 1rem;
  line-height: 1.7rem;
}

.paragraph-platte-tekst.de-voordelen.rechts {
  border-right: 3px solid var(--cc-grey-1);
  padding-right: 20px;
}

.paragraph-platte-tekst.de-voordelen.links {
  border-left: 3px solid var(--cc-grey-1);
  padding-left: 20px;
}

.paragraph-platte-tekst.uitklapmenu {
  margin-bottom: 0;
}

.paragraph-platte-tekst._50-marge {
  margin-bottom: 50px;
}

.paragraph-platte-tekst._0-marge {
  margin-bottom: 0;
}

.list-examens {
  width: 100%;
  margin-bottom: 0;
  padding-left: 30px;
  font-size: .9rem;
  list-style-type: square;
}

.bold-text-7 {
  font-weight: 600;
}

.text-span-41 {
  border-left: 3px solid var(--oa-green-1);
  margin-bottom: 10px;
  padding-left: 20px;
  display: inline-block;
}

.korte-informatie-examens {
  text-align: left;
  padding: 10px 10px 25px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.2rem;
  display: block;
}

.div-block-270 {
  position: absolute;
}

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

.section-51 {
  background-color: var(--algemene-achtergrondkleur);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.examens-titel {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.section-52 {
  background-color: var(--white);
  position: relative;
}

.list-3 {
  margin-bottom: 25px;
  list-style-type: square;
}

.list-3.genummerd {
  list-style-type: decimal;
}

.heading-platte-tekst-all-pages {
  color: var(--oa-purple-1);
  margin-bottom: 15px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.heading-platte-tekst-all-pages.faq {
  margin-left: 0;
  margin-right: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.heading-platte-tekst-all-pages.privacyverklaring {
  color: var(--oa-purple-1);
  margin-bottom: 10px;
  padding-bottom: 0;
  font-size: 1.5rem;
  line-height: 2.3rem;
}

.heading-platte-tekst-all-pages.privacyverklaring.sub {
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 22px;
}

.heading-platte-tekst-all-pages.white {
  color: var(--white);
  margin-top: 10px;
}

.heading-platte-tekst-all-pages.dagjemeelopen {
  border: 1px solid var(--black);
  background-color: var(--oa-purple-1);
  color: var(--white);
  text-align: center;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.3rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: -20px auto auto;
}

.heading-platte-tekst-all-pages.to {
  color: var(--oa-purple-1);
  font-weight: 700;
}

.heading-platte-tekst-all-pages.to.dropdown {
  z-index: 10;
  margin-bottom: 0;
  margin-left: 0;
  font-weight: 700;
  display: flex;
  position: relative;
}

.heading-platte-tekst-all-pages.routekaart--to-s {
  color: var(--oa-purple-1);
  width: 940px;
}

.heading-platte-tekst-all-pages.contact--popup {
  color: var(--cc-text);
  margin-bottom: 15px;
  font-size: 1.7rem;
  line-height: 2.2rem;
}

.heading-platte-tekst-all-pages.hoveniers {
  color: var(--white);
  font-size: 2rem;
  line-height: 2.5rem;
}

.heading-platte-tekst-all-pages.examens {
  margin-top: 50px;
}

.heading-platte-tekst-all-pages.de-voordelen {
  margin-bottom: 5px;
  font-size: 2rem;
  line-height: 2.5rem;
}

.schrijf-je-in-knop {
  border-radius: 80px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  height: 40px;
  margin-bottom: 50px;
  display: flex;
  overflow: hidden;
}

.schrijf-je-in-knop.excursies.gp, .schrijf-je-in-knop.excursies.bg {
  flex: 0 auto;
  min-width: 100%;
}

.schrijf-je-in-knop.bd {
  flex: 1;
  min-width: 45%;
  margin-bottom: 0;
}

.schrijf-je-in-knop.subsidie-werkgever {
  border: 1px solid var(--oa-purple-1);
  flex: 1;
  min-width: 45%;
  margin-bottom: 0;
}

.schrijf-je-in-knop.pkp, .schrijf-je-in-knop.po, .schrijf-je-in-knop.v-c, .schrijf-je-in-knop.sku-basis, .schrijf-je-in-knop.sku-gevorderden, .schrijf-je-in-knop.sku-compleet, .schrijf-je-in-knop.sku-nextlevel, .schrijf-je-in-knop.sku-doa, .schrijf-je-in-knop.ojet, .schrijf-je-in-knop.mt, .schrijf-je-in-knop.vo-s, .schrijf-je-in-knop.zp {
  flex: 1;
  min-width: 45%;
  margin-bottom: 0;
}

.schrijf-je-in-text {
  border-left: 2px solid var(--white);
  color: var(--white);
  text-align: center;
  letter-spacing: .5px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 2rem;
  display: flex;
  overflow: visible;
}

.schrijf-je-in-text.subsidie-werkgever {
  border-left: 1px solid var(--oa-purple-1);
  color: var(--oa-purple-1);
}

.div-block-273 {
  background-color: var(--oa-purple-1);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 100%;
  transition: border-radius .5s cubic-bezier(1, .007, 1, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-273.alt {
  background-color: var(--oa-purple-1);
}

.div-block-273.alt.subsidie-werkgever {
  background-color: var(--algemene-achtergrondkleur);
}

.text-block-81 {
  color: var(--white);
  margin-left: 5px;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.7rem;
  font-weight: 200;
  line-height: 1.7rem;
}

.text-block-81.subsidie-werkgever {
  color: var(--oa-purple-1);
}

.ba-product-balk {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.afbeelding-ba {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66f1320ecb19fd591fe3e2fe_DSC_1176.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-ba._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bbcfdff32171c2592a18_OA_BA_01.jpg");
}

.afbeelding-ba._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bbce1bdfe0770e4480cb_OA_BA_02.jpg");
}

.afbeelding-ba._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bbceaf5229c79e826734_OA_BA_03.jpg");
}

.afbeelding-ba._4th {
  z-index: -3;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bbce076f316b0813e3c5_OA_BA_04.jpg");
}

.text-span-43 {
  font-weight: 700;
}

.body-6 {
  background-color: var(--algemene-achtergrondkleur);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.menu-list {
  transform-style: preserve-3d;
  display: none;
}

.search-input-4, .menu-item {
  transform-style: preserve-3d;
}

.opl-en-curs-section {
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image--opleiding {
  outline-color: var(--white);
  outline-offset: 0px;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e3f817da0e396d251d0a82_OA_GP_20232.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px 20px 50px 50px;
  outline-width: 3px;
  outline-style: solid;
  height: 300px;
  margin-top: 20px;
}

.image--opleiding.ta1 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66e3f8176d37a4f19464cd4a_OA_GP_20234.jpg");
  position: relative;
}

.image--opleiding.ba {
  border: 1px solid var(--dim-grey);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6759a9564326ce87985842a5_DeVakopleidingen_02.jpg");
}

.image--opleiding.ta1 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6759a95693d101a3f7b85b32_DeVakopleidingen_01.jpg");
  width: 100%;
  height: 300px;
  margin-top: 20px;
}

.image--opleiding.bs {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6759a956fe98bdc3a8dbe986_DeVakopleidingen_04.jpg");
}

.image--opleiding.ta2 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6759a9565c4e65fe07d9d886_DeVakopleidingen_03.jpg");
}

.navbar-mobile {
  display: none;
}

.important-bold {
  font-size: 1rem;
}

.div-block-290 {
  border-bottom: 5px solid var(--medium-sea-green-3);
  background-color: var(--oa-green-1);
  border-radius: 0 50px 50px 0;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  display: flex;
  position: relative;
}

.div-block-290.to {
  background-color: var(--oa-purple-1);
  border-bottom: 0 solid #000;
  border-right: 0 solid #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.div-block-290.to.alt {
  background-color: var(--oa-purple-2);
  overflow: hidden;
}

.div-block-290.to.subsidie-werkgever {
  background-color: var(--algemene-achtergrondkleur);
}

.div-block-292 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.8rem;
}

.agenda {
  border-bottom: 1px solid var(--cc-grey-1);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mobile-menu {
  transform-style: preserve-3d;
}

.menubar-mobile {
  display: none;
}

.cms-item {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  min-width: 300px;
  max-width: 300px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
  display: flex;
}

.cms-item:hover {
  filter: drop-shadow(0 0 5px #0000001a);
}

.collection-list-wrapper-12 {
  display: flex;
}

.div-block-301 {
  border: 1px solid var(--koptekst);
  filter: drop-shadow(0 5px 5px #0003);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 20px;
  transition: all .2s;
  position: relative;
}

.collection-list-12 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.div-block-303 {
  color: var(--white);
  text-shadow: 1px 1px 1px #00000080;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3rem;
}

.div-block-304 {
  width: 940px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.blogs {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  overflow: hidden;
}

.collection-list-wrapper-13 {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--algemene-achtergrondkleur);
  perspective: 1000px;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 940px;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: scroll;
}

.collection-item-14 {
  border: 1px solid var(--cc-grey-1);
  border-radius: 15px;
  flex-flow: column;
  width: 549px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  overflow: hidden;
}

.div-block-306 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  min-height: 300px;
  max-height: 300px;
  padding: 10px;
  position: relative;
}

.div-block-307 {
  background-color: var(--white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  padding: 10px 20px;
}

.link-12 {
  color: var(--oa-purple-1);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
}

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

.text-block-99 {
  color: var(--black);
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  line-height: 1.4rem;
}

.datum--agenda {
  border: 1px solid var(--koptekst);
  background-color: var(--oa-orange-1);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 15px;
  height: 30px;
  margin-left: 20px;
  margin-right: auto;
  padding: 5px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  position: absolute;
  top: -15px;
  bottom: auto;
  left: 0%;
}

.heading-blog {
  color: var(--black);
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.div-block-309 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
}

.div-block-309.overzicht-blogs {
  margin-top: 0;
  margin-bottom: 0;
}

.homepage-title {
  color: #696767;
  margin-bottom: 50px;
  padding-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 200;
  line-height: 2.8rem;
}

.homepage-title.alt {
  color: var(--koptekst);
  margin-bottom: 0;
  padding-left: 0;
}

.homepage-text-span {
  background-color: var(--oa-orange-1);
  color: var(--white);
  border-radius: 50px;
  margin-top: 3px;
  margin-left: -10px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
  display: inline-flex;
}

.homepage-text-span.alt2 {
  color: var(--oa-purple-1);
  -webkit-text-fill-color: inherit;
  background-color: #fff0;
  background-image: none;
  background-clip: border-box;
}

.homepage-flat-text {
  color: #696767;
  margin-bottom: 20px;
  padding-top: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7rem;
}

.homepage-flat-text.cursus {
  background-color: #fff0;
  border-width: 0;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 300;
}

.div-block-313 {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-314 {
  width: 940px;
}

.homepage--txt--link {
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px 10px 10px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  display: inline-flex;
}

.homepage--txt--link.white {
  border-bottom-color: var(--donkerpaars);
  background-color: var(--white);
  color: var(--oa-purple-1);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  text-decoration: none;
}

.homepage--txt--link.algemeen {
  z-index: 1;
  border: 1px solid var(--oa-orange-1);
  background-color: var(--white);
  color: var(--oa-orange-1);
  border-radius: 50px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  position: relative;
}

.homepage--txt--link.algemeen:hover {
  border-color: var(--oa-orange-2);
  background-color: var(--oa-orange-2);
  color: var(--white);
  margin-top: 0;
}

.homepage--txt--link.algemeen.cursus {
  border-width: 1px;
  border-color: var(--oa-purple-1);
  filter: none;
  color: var(--oa-purple-1);
  background-color: #fff0;
  flex-flow: row;
  width: auto;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  font-size: 15px;
}

.homepage--txt--link.algemeen.cursus:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.homepage--txt--link.algemeen.perks {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-width: 1px;
  border-color: var(--oa-purple-1);
  background-color: var(--algemene-achtergrondkleur);
  color: var(--oa-purple-1);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
}

.homepage--txt--link.algemeen.perks:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.homepage--txt--link.algemeen.white {
  border-color: var(--white);
  filter: none;
  color: var(--white);
  background-color: #fff0;
  flex-flow: row;
  width: auto;
  margin-top: 25px;
  margin-left: 0;
  margin-right: 0;
}

.homepage--txt--link.algemeen.white:hover {
  background-color: var(--white);
  color: var(--oa-orange-2);
}

.homepage--txt--link.algemeen.footer {
  border-color: var(--white);
  filter: none;
  color: var(--white);
  background-color: #fff0;
  flex-flow: row;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.homepage--txt--link.algemeen.footer:hover {
  background-color: var(--white);
  color: var(--oa-purple-1);
}

.homepage--txt--link.algemeen.vakopleidingen {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-width: 1px;
  border-color: var(--oa-purple-1);
  background-color: var(--white);
  color: var(--oa-purple-1);
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.homepage--txt--link.algemeen.vakopleidingen:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.homepage--txt--link.algemeen.agenda {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-color: var(--oa-purple-1);
  color: var(--oa-purple-1);
  flex-flow: row;
  width: auto;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
}

.homepage--txt--link.algemeen.agenda:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.homepage--txt--link.dagjemeelopen.to {
  border: 1px solid var(--oa-purple-1);
  background-color: var(--white);
  color: var(--oa-purple-1);
  margin-bottom: 20px;
  margin-left: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.homepage--txt--link.dagjemeelopen.to:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.body-7 {
  overflow: visible;
}

.auteur--blog {
  color: var(--oa-orange-1);
  letter-spacing: 0;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.5rem;
  display: flex;
}

.socials-footer {
  color: var(--bg-color);
  height: auto;
  font-family: "Fa Brands 400", sans-serif;
  font-size: 1.3rem;
  line-height: 1.3rem;
}

.socials-footer:hover {
  color: var(--oa-green-1);
}

.socials-footer.blog-pagina {
  color: var(--oa-purple-1);
  margin-right: 15px;
  text-decoration: none;
}

.socials-footer.blog-pagina:hover {
  color: var(--oa-purple-3);
}

.footer-social-icons {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-meer-info {
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.5rem;
  display: inline-flex;
}

.footer-meer-info:hover {
  text-underline-position: under;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.footer-meer-info.lower {
  font-size: .7rem;
}

.titel-product {
  z-index: 2;
  flex-flow: column;
  max-width: 940px;
  display: flex;
  position: relative;
}

.ervaringen {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  perspective: 2000px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 50px;
  display: flex;
}

.ervaringen-blok {
  border: 1px solid var(--koptekst);
  background-color: var(--bg-color);
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  min-width: 250px;
  padding: 20px;
  display: flex;
}

.quote-mark {
  color: var(--oa-purple-1);
  margin-bottom: 10px;
  margin-left: -10px;
  font-family: Material Icons, sans-serif;
  font-size: 4rem;
  line-height: 3rem;
}

.review-text {
  color: var(--black);
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
}

.review-persoon {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.opleiding {
  color: var(--dim-grey);
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1.3rem;
}

.div-block-316 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.stars {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--morpholio-trace);
  font-family: "Fa Solid 900", sans-serif;
  display: flex;
}

.link {
  color: var(--oa-purple-1);
  text-underline-position: under;
  text-decoration: underline;
  text-decoration-thickness: .5px;
  display: inline;
}

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

.link.intro {
  border-bottom-width: 1px;
  font-weight: 600;
}

.link.bold {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2rem;
  text-decoration: none;
  display: flex;
}

.link.grey {
  color: var(--koptekst);
}

.link.cc {
  color: var(--white);
  font-weight: 400;
}

.link.white {
  color: var(--white);
}

.reviews-link {
  color: var(--black);
  text-align: center;
  width: 100%;
  font-family: Montserrat, sans-serif;
  text-decoration: underline;
  display: block;
}

.team {
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.foto--team {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b2f041018be46209a6ff4_TEAM_Dolf.jpg");
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 300px;
  height: 400px;
}

.foto--team.peter {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b2f0534919e10dda379d8_TEAM_Peter.jpg");
}

.foto--team.chantel {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b2f041018be46209a6ff8_TEAM_Chantel.jpg");
}

.foto--team.lars {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b2f041202d33b91de4423_TEAM_Lars.jpg");
}

.foto--team.pieter {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b2f0562c1f61a3655d877_TEAM_Pieter.jpg");
}

.foto--team.hilde {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b2f044051d7abdb55a864_TEAM_Hilde.jpg");
}

.foto--team.marieke {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b2f0471cbcc392aa36d67_TEAM_Marieke.jpg");
}

.foto--team.marlien {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b301c24059a7f12881f62_TEAM_Marlien.jpg");
  background-size: cover;
}

.foto--team.ploni {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b2f0514c8e2d00e439229_TEAM_Ploni.jpg");
}

.foto--team.mirjam {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675174801448cc130ae25c25_TEAM_Mirjam.jpg");
}

.foto--team.anne {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675174802a08738fef4d1f6a_TEAM_Anne.jpg");
}

.foto--team.ernst {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798cf26a0546af8d7e357e4_TEAM_Ernst.jpg");
}

.text-team-member {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8rem;
}

.quick-stack-12 {
  padding: 0;
}

.info--team {
  border: 1px solid var(--koptekst);
  background-color: var(--bg-color);
  color: var(--black);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 10px 15px 15px;
  font-family: Montserrat, sans-serif;
  display: block;
  overflow: hidden;
}

.function {
  color: var(--oa-purple-1);
  justify-content: flex-start;
  align-items: flex-start;
  height: 90px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8rem;
  display: flex;
}

.name {
  border-bottom: .5px solid var(--koptekst);
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.5rem;
}

.div-block-318 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.code-embed-4, .code-embed-5 {
  flex: 1;
  align-self: stretch;
}

.div-block-319 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 40%;
  display: flex;
}

.div-block-320 {
  z-index: 1;
  width: 940px;
  position: relative;
}

.cursus-wrap {
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 460px;
  max-width: 460px;
  padding: 0;
}

.cursus-wrap.mt, .cursus-wrap.v-c {
  order: 1;
}

.div-block-322 {
  border-style: solid;
  border-width: 0 1px 1px;
  border-color: var(--cc-grey-1);
  background-color: var(--white);
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  position: relative;
  bottom: 1px;
  overflow: hidden;
}

.checkbox-label-5 {
  font-size: 1rem;
  line-height: 1.4rem;
}

.collection-list-13 {
  margin-bottom: 25px;
}

.volledige-lesaanbod {
  color: var(--oa-purple-1);
  font-family: Montserrat, sans-serif;
  font-size: .7rem;
  font-weight: 500;
}

.text-block-108 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.success-message-6 {
  background-color: var(--oa-green-1);
  border-radius: 101px;
}

.error-message-2 {
  z-index: 5;
  color: var(--white);
  background-color: #d17272;
  border-radius: 62px;
  width: 900px;
  position: relative;
}

.text-block-109 {
  font-family: Montserrat, sans-serif;
}

.oa--connect {
  z-index: 100;
  border: 1px solid var(--dim-grey);
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.div-block-325 {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 600px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.body-8 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.google-symbol {
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  margin-top: 5px;
  margin-left: 5px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.faq-subject {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.question-faq {
  border-bottom: 1px solid var(--koptekst);
  cursor: pointer;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.div-block-333 {
  opacity: .5;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-333:hover {
  opacity: 1;
}

.text-span-faq-list {
  color: var(--oa-purple-1);
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  line-height: 14px;
  display: inline-flex;
  position: relative;
  top: 2px;
}

.text-block-110 {
  border-bottom: 1px solid var(--koptekst);
  color: var(--oa-purple-1);
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2rem;
}

.div-block-334 {
  margin-bottom: 10px;
  overflow: hidden;
}

.cell-qs-opl-page {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.cell-qs-opl-page.inclusief {
  background-color: #fff0;
  border-width: 0;
  border-color: #000;
  padding-left: 0;
  padding-right: 0;
}

.homepage-perks {
  color: var(--oa-orange-1);
  text-align: center;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.8rem;
  display: block;
}

.div--youtube {
  border-radius: 20px;
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
}

.qs-startdata {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--oa-purple-1);
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 25px;
  padding: 10px;
  display: grid;
}

.qs-startdata.ba {
  grid-template-rows: auto;
  width: 100%;
  margin-top: 25px;
}

.qs-startdata.ta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--oa-purple-1);
  border-radius: 10px;
  padding: 10px;
}

.qs-startdata.examens {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.qs-startdata.pkp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 10px;
  width: 100%;
}

.qs-startdata.ba, .qs-startdata.pkp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--oa-purple-1);
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 10px;
}

.qs-startdata.sku {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--oa-purple-1);
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 10px;
}

.qs-startdata.tos {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--oa-purple-1);
  border-radius: 10px;
  padding: 10px;
}

.qs-startdata.examens {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--oa-purple-1);
  border-radius: 10px;
  margin-bottom: 50px;
  padding: 10px;
}

.qs-startdata.ojet {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--oa-purple-1);
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 10px;
}

.qs-startdata.bs {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 25px;
}

.locatie {
  background-color: var(--white);
  color: var(--oa-purple-1);
  border-radius: 0 20px 20px 0;
  margin-bottom: 5px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8rem;
}

.locatie.avondopleiding {
  margin-top: 10px;
  margin-bottom: 5px;
}

.locatie.avondopleiding.to {
  border-top: 1px solid var(--oa-purple-1);
  border-bottom: 1px solid var(--oa-purple-1);
  border-radius: 50px;
}

.locatie.to {
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 50px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 15px;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.cell--startdata {
  border: 2px solid var(--donkerpaars);
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.cell--startdata.to {
  border-width: 1px;
  border-color: var(--oa-purple-1);
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  display: flex;
}

.group {
  letter-spacing: 1px;
  margin-left: 10px;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.7rem;
  display: block;
}

.group:hover {
  color: var(--cc-text);
}

.section-56 {
  background-color: var(--algemene-achtergrondkleur);
  color: var(--cc-text);
  position: relative;
}

.div-block-340 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  display: flex;
}

.qs-cursussen {
  z-index: 15;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 940px;
  padding: 0;
  position: relative;
}

.download--pdf {
  vertical-align: top;
  font-family: Material Symbols Sharp, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  position: relative;
}

.download--pdf.hide {
  color: var(--white);
}

.download--pdf.cms {
  justify-content: center;
  align-items: center;
  width: 17px;
  margin-right: 5px;
  display: flex;
}

.list-7 {
  margin-bottom: 25px;
}

.vacature-text {
  border-left: 2px solid var(--oa-purple-1);
  color: var(--black);
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.8rem;
}

.devacature {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.3rem;
}

.vacature-blok {
  border: 1px solid var(--koptekst);
  background-color: var(--bg-color);
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-width: 250px;
  padding: 20px;
  display: flex;
}

.vacatures {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 50px;
  display: flex;
}

.quick-stack-14 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 940px;
  margin-bottom: 25px;
  padding: 0;
}

.div-block-347 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(180deg, #fff0, var(--40-black));
  flex-flow: wrap-reverse;
  justify-content: flex-start;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-111 {
  border: 1px solid var(--white);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  text-align: center;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Quicksand, sans-serif;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.7rem;
  display: flex;
}

.div-block-348 {
  border: 1px solid var(--black);
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}

.div-block-348.proefles {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-width: 0;
  border-radius: 0;
  flex-flow: row;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.difficulty {
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  position: relative;
  top: 2px;
}

.open-close {
  background-color: var(--oa-purple-1);
  color: var(--white);
  text-align: left;
  cursor: pointer;
  border-radius: 50px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
}

.text-span-58 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: inline-flex;
}

.div-block-352 {
  border-radius: 20px;
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
}

.progressbar {
  background-color: var(--black);
  width: 5px;
  height: 100vh;
  position: relative;
}

.progression {
  z-index: 1000;
  height: 100vh;
  position: fixed;
  top: 80px;
}

.carrouselgroep {
  background-color: var(--white);
  border-radius: 20px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 3px 5px;
  font-family: Material Icons Two Tone, sans-serif;
  font-size: .9rem;
  font-weight: 900;
  line-height: .9rem;
  display: inline-flex;
  position: relative;
  bottom: 1px;
}

.carrouselgroep.to {
  vertical-align: middle;
  margin-left: 3px;
  margin-right: 3px;
  padding: 0;
  font-family: Material Icons, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.7rem;
  display: inline;
}

.carrouselgroep.to.klein {
  font-size: 1.4rem;
}

.carrouselgroep.cms {
  border-radius: 0;
  margin-left: 0;
  margin-right: 5px;
  padding: 0;
  font-family: Material Icons, sans-serif;
  font-size: 20px;
  line-height: 20px;
}

.quick-stack-16 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  padding: 0;
}

.field-label-14 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.8rem;
}

.select-field-9 {
  background-color: var(--oa-green-1);
  color: var(--white);
  border-radius: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.8rem;
}

.default-state {
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.add-to-cart-button {
  border-bottom: 5px solid var(--white);
  background-color: var(--oa-green-1);
  border-radius: 20px;
  font-family: Montserrat, sans-serif;
}

.add-to-cart-button:hover {
  border-bottom-width: 0;
  margin-top: 5px;
}

.buy-now-button {
  border-bottom: 5px solid var(--white);
  background-color: var(--oa-green-1);
  border-radius: 20px;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.buy-now-button:hover {
  border-bottom-width: 0;
  margin-top: 5px;
}

.out-of-stock-state {
  background-color: var(--oa-green-1);
  color: var(--white);
  border-radius: 20px;
  font-family: Montserrat, sans-serif;
}

.text-block-113 {
  font-weight: 700;
}

.cart {
  border-radius: 20px;
}

.cart-button {
  background-color: var(--oa-green-1);
  border-radius: 20px;
  margin-bottom: 25px;
}

.text-block-114 {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.cart-quantity {
  color: var(--oa-green-1);
  font-family: Montserrat, sans-serif;
}

.afbeelding-pkp {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-pkp._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c0309e299e1fb04c7b77_OA_PKP_01.jpg");
  background-size: cover;
}

.afbeelding-pkp._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c0301f7b0fdaa566c525_OA_PKP_02.jpg");
  background-position: 50%;
}

.afbeelding-pkp._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c030ceb9b8a7bdec432b_OA_PKP_03.jpg");
}

.datum-blog {
  letter-spacing: 1px;
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.datum-blog.overzicht-blogs {
  font-size: 14px;
}

.mask-6 {
  border-radius: 20px;
}

.extrainfo {
  border: 1px solid var(--black);
  background-color: var(--white);
  color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 50px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.extrainfo:hover {
  filter: drop-shadow(0 0 10px #00000026);
  transform: scale(1.05);
}

.section-57 {
  padding-bottom: 50px;
  overflow: hidden;
}

.form--block--opleiding {
  width: 100%;
  margin-bottom: 50px;
}

.afbeelding-bg {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6718fd8f01c8a2cb0e41e42e_OA_BG__02.jpg");
  background-position: 50% 100%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: auto 0% 0%;
}

.afbeelding-bg._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bd02818843b7e0a8bfe5_OA_BG_02.jpg");
}

.afbeelding-bg._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bd02e666bf3021f68be1_OA_BG_03.jpg");
}

.afbeelding-bg._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bd034670b486d541033c_OA_BG_01.jpg");
}

.uitleg-c-icoon {
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 64px;
  margin-bottom: 25px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8rem;
}

.uitleg-c-icoon.to {
  color: var(--koptekst);
  text-align: center;
  background-color: #8b22fc00;
  border-radius: 0;
  margin-top: 25px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 300;
  line-height: 1.5rem;
}

.scrolldown {
  background-color: var(--wit-opacity-2);
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  align-self: center;
  margin-top: 20px;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 3rem;
  line-height: 3rem;
  transition: all .2s;
}

.scrolldown:hover {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 100px;
}

.div-block-355 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.afbeelding-tbl {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-tbl._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/671b8978396219433632521e_OA_TBL__01.jpg");
  background-size: cover;
}

.afbeelding-tbl._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/671b8978aa65bbd5433e7827_OA_TBL__02.jpg");
  background-position: 50%;
}

.afbeelding-tbl._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/671b8977e4ddfad97641dfb2_OA_TBL__03.jpg");
}

.afbeelding-bd {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-bd._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6720a436b9199c7c0818a920_OA_PO__03.jpg");
  background-size: cover;
}

.afbeelding-bd._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6720a4369f2633eb1c6681a2_OA_PO__02.jpg");
  background-position: 50%;
}

.afbeelding-bd._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6720a436e641d4065d12196f_OA_PO__01.jpg");
}

.vakopleidingen {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template: ". ."
                 ". ."
                 "Area Area"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: start;
  width: 940px;
  display: grid;
  position: relative;
}

.image-wrapper {
  border-radius: 20px;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.image-one {
  width: 940px;
  font-family: Montserrat, sans-serif;
}

.image-two {
  width: 100%;
}

.before {
  z-index: 5;
  background-color: var(--wit-opacity-2);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 20px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  inset: 0% auto auto 0%;
}

.after {
  z-index: 5;
  background-color: var(--wit-opacity-2);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  border-radius: 20px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  inset: 0% 0% auto auto;
}

.afbeelding-po {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-po._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798af0adacf5a7c5a4a4c08_OA_PO_03.jpg");
  background-size: cover;
  position: fixed;
  inset: 0%;
}

.afbeelding-po._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798af0a9907301a72632482_OA_PO_02.jpg");
  background-position: 50%;
}

.afbeelding-po._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798af0ad09888bfd486b15a_OA_PO_01.jpg");
}

.div-block-362 {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  margin-top: 25px;
  margin-bottom: 50px;
  overflow: hidden;
}

.sketchup-cursussen {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 940px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sketchup-blok {
  border: 0px solid var(--white);
  background-color: var(--grey);
  border-radius: 20px;
  flex-flow: column;
  align-self: flex-start;
  padding: 10px;
  display: flex;
}

.sketchup-blok._2-1 {
  width: 350px;
  margin-right: 20px;
}

.sketchup-blok._2-1._1 {
  margin-right: 0;
}

.sketchup-titel {
  border-bottom: 1px solid var(--oa-green-1);
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.3rem;
}

.mask-9 {
  width: 350px;
  overflow: visible;
}

.slide-nav-48 {
  background-color: var(--oa-green-1);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 118px;
  display: flex;
  inset: auto 0% 0%;
}

.slide-215 {
  margin-right: 20px;
}

.div-block-364 {
  width: 940px;
  display: flex;
}

.slider-54 {
  background-color: var(--white);
  width: 940px;
  height: 100%;
  padding-bottom: 70px;
  position: static;
}

.perks {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  perspective: 2000px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
}

.perk {
  border-style: solid;
  border-width: 1px 1px 5px;
  border-color: var(--cc-grey-1);
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 30%;
  padding: 10px 20px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.perk:hover {
  filter: drop-shadow(5px 5px 15px #0000001a);
}

.section-image-bg {
  opacity: .05;
  mix-blend-mode: exclusion;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672c9b430588112cce3f9bbb_Artboard%201.png");
  background-position: 0 0;
  background-size: cover;
  height: 1310.39px;
  position: absolute;
  inset: 0%;
}

.section-59 {
  z-index: 200;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.duur-opleiding {
  background-color: var(--koptekst);
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 25px;
  padding: 5px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1rem;
  display: flex;
  position: absolute;
  inset: -12.5px auto auto 10%;
}

.duur-opleiding.cursus {
  filter: none;
  color: var(--cc-text);
  background-color: #fff0;
  border-width: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-size: 1rem;
  position: relative;
  top: 0;
  left: 0%;
}

.duur-opleiding.ba {
  background-color: var(--oa-orange-1);
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  inset: -12.5px 0% auto;
}

.duur-opleiding.to {
  background-color: var(--oa-green-1);
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  inset: -12.5px 0% auto;
}

.duur-opleiding.to.soon {
  width: 280px;
}

.afbeelding-sku {
  z-index: -1;
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-sku._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c209d91ea7af4a788117_OA_SKU_01.jpg");
  background-size: cover;
  height: 100vh;
  margin-top: 80px;
  position: fixed;
  inset: 0%;
}

.afbeelding-sku._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c208076f316b081a490c_OA_SKU_03.jpg");
  background-position: 50%;
  height: 100vh;
  margin-top: 80px;
}

.afbeelding-sku._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c2085f28106b27fca8e4_OA_SKU_02.jpg");
}

.tabs-menu {
  z-index: 100;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--white);
  text-align: center;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 25px 15px;
  display: flex;
}

.tabs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.tab-sku {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--algemene-achtergrondkleur);
  color: var(--black);
  border-radius: 20px;
  flex: 1;
  align-self: stretch;
  min-width: 300px;
  max-width: 400px;
  padding: 10px 10px 20px;
  font-size: .8rem;
  font-weight: 400;
}

.tab-sku:hover {
  border-color: var(--oa-purple-1);
}

.tab-sku.w--current {
  background-color: var(--white);
  outline-color: var(--oa-purple-1);
  outline-offset: 3px;
  border-radius: 20px;
  outline-width: 2px;
  outline-style: solid;
  align-self: stretch;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.tab-sku.w--current:visited {
  background-color: var(--donkerpaars-2);
}

.tabs-content {
  overflow: visible;
}

.titel-sku-tab {
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.section-60 {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-367 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 940px;
  padding-top: 10px;
  display: flex;
}

.div-block-368 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tab-pane-tab-5 {
  position: static;
}

.afbeelding-ojet {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-ojet._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c427fd96ad5976ef38ba_OA_OJET_02.jpg");
  background-size: cover;
  position: fixed;
  inset: 0%;
}

.afbeelding-ojet._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c428a18fc6f78ccf4940_OA_OJET_01.jpg");
  background-position: 50%;
}

.afbeelding-ojet._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c42965c9b10644408c11_OA_OJET_03.jpg");
}

.social--media--list {
  z-index: 999;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: var(--black);
  background-image: linear-gradient(-90deg, var(--oa-green-1), var(--oa-green-2));
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
  position: fixed;
  inset: 45vh 0% auto auto;
}

.social--media--icon {
  color: var(--oa-purple-2);
  font-family: "Fa Brands 400", sans-serif;
  font-size: 1.3rem;
  line-height: 1.3rem;
}

.social--media--icon:hover {
  color: var(--oa-purple-1);
}

.facebook {
  width: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.facebook:hover {
  mix-blend-mode: exclusion;
}

.instagram {
  color: var(--dark-orange);
  width: 30px;
  transition: all .2s;
}

.instagram:hover {
  mix-blend-mode: exclusion;
}

.linkedin {
  width: 30px;
}

.linkedin:hover {
  mix-blend-mode: exclusion;
}

.dropdown--icon {
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: 10px;
  font-family: Material Icons Two Tone, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.image--cursus {
  outline-color: var(--white);
  outline-offset: 0px;
  border-radius: 20px;
  outline-width: 1px;
  outline-style: solid;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.image--cursus.po {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6759af96c3e6ecdda8237bbb_DeCursussem_01.jpg");
  background-position: 0 0;
  background-size: auto;
}

.image--cursus.v-c {
  border: 1px solid var(--koptekst);
}

.afbeelding-mt {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-mt._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c3415a6978c13896a75b_OA_MT_02.jpg");
  background-size: cover;
  position: fixed;
  inset: 0%;
}

.afbeelding-mt._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c342c428fea2da40bb49_OA_MT_03.jpg");
  background-position: 50%;
}

.afbeelding-mt._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c341a18fc6f78cce5506_OA_MT_01.jpg");
}

.qs--extras {
  width: 940px;
  margin-bottom: 50px;
  padding: 0;
}

.inschrijven--tab {
  border: 1px solid var(--oa-green-1);
  background-color: var(--white);
  color: var(--oa-green-1);
  cursor: pointer;
  border-radius: 50px;
  padding: 10px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.inschrijven--tab.w--current {
  background-color: var(--oa-green-1);
  color: var(--white);
  font-weight: 700;
}

.tabs-menu-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 25px;
  display: flex;
}

.afbeelding-al {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-al._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672a03442b832fe6214e0d85_OA_AL__03.jpg");
  background-size: cover;
}

.afbeelding-al._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672a0373a1af9d3dfe76c2f4_OA_AL__02.jpg");
  background-position: 50%;
}

.afbeelding-al._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672a03623bfeb741a4600502_OA_AL__01.jpg");
}

.text-block-121 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 400;
  display: flex;
}

.text-span-59 {
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  position: relative;
  top: 5px;
}

.lottie-animation-2 {
  height: 100px;
  display: block;
  overflow: hidden;
}

.section-62 {
  flex-flow: wrap;
  display: flex;
}

.image--gallery--home {
  background-color: #fff0;
  border-radius: 30px;
  min-width: 33.3333vw;
  height: 40vh;
  min-height: 33.3333px;
  padding: 10px;
  overflow: hidden;
}

.image--gallery--home._2 {
  width: 50vw;
  height: 50vh;
}

.slide-219 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b7917f5b5f84e78b74261_Beeldenbank_01.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-220 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b7917ac2aae100c4d7620_Beeldenbank_04.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-221 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b791a4b30f511071a70d9_Beeldenbank_17.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-222 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b791afb39a0c37d0da58d_Beeldenbank_16.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-223 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b7917b4e2464da7822caf_Beeldenbank_02.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-224 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b79174b30f511071a68cc_Beeldenbank_03.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slide-225 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b7917315a75fe58817cd3_Beeldenbank_05.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-226 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b7917d80347e8e4b8774b_Beeldenbank_07.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-227 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b7918d8448da89b11a9a6_Beeldenbank_08.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-228 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b791830070cabfdc01c26_Beeldenbank_06.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-229 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b79197a253eb2afc959a1_Beeldenbank_09.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-230 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b791919975bd5a924b817_Beeldenbank_10.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-231 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b791a5754751efe99ae1c_Beeldenbank_13.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-232 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b791aa696565b2714fe51_Beeldenbank_12.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-233 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b791ab643f9451d7817bd_Beeldenbank_15.jpg");
  background-position: 50%;
  background-size: cover;
}

.arrow--left, .arrow--right {
  filter: drop-shadow(2px 1px 1px #000000e6);
  color: var(--white);
}

.text-span-60 {
  vertical-align: top;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1rem;
  position: relative;
  top: 1px;
}

.lottie {
  display: block;
  position: relative;
}

.div-block-371 {
  z-index: 5;
  height: 100%;
  position: relative;
}

.card {
  z-index: 300;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black);
  font-size: 2em;
}

.card.mobile {
  display: none;
}

.mask-10 {
  filter: drop-shadow(2px 2px 3px #00000073);
  border-radius: 20px;
}

.stroke--divider {
  background-color: var(--oa-purple-1);
  border-radius: 20px;
  width: 10px;
  height: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.stroke--divider.opleiding {
  background-color: var(--koptekst);
  width: 30px;
  height: 5px;
  margin-top: 10px;
}

.text-span-63 {
  vertical-align: middle;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1rem;
  display: inline-flex;
  position: relative;
  top: 1px;
}

.text-span-63.video {
  margin-left: 5px;
  font-size: 1.5rem;
  line-height: 1.6rem;
}

.text-span-63.dagje--meelopen {
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5rem;
  display: inline-block;
}

.text-span-63.white {
  color: var(--white);
  justify-content: center;
  align-items: center;
  font-family: Material Icons, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2rem;
}

.text-block-122 {
  border: 1px solid var(--oa-purple-1);
  background-color: var(--bg-color);
  color: var(--oa-purple-1);
  text-align: center;
  border-radius: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1rem;
  display: flex;
}

.text-block-122:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.div-block-382 {
  border-radius: 0 0 50px 50px;
  width: 100%;
  height: 60vh;
  position: absolute;
  inset: 0%;
}

.empty-state-4 {
  background-color: var(--white);
}

.cell-40 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cell-40.middle {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 0px dotted var(--white);
  border-left: 0px dotted var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}

.formblock--footer {
  margin-bottom: 0;
}

.field-label-15 {
  color: var(--white);
  text-align: right;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.naam-nieuwsbrief {
  border: 2px solid var(--white);
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 50px;
  width: 100%;
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.naam-nieuwsbrief::placeholder {
  color: var(--white);
  font-weight: 400;
}

.form-2 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.submit-button-6 {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: var(--oa-purple-1);
  border-radius: 50px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
  transition: all .2s;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.submit-button-6:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.datum--blog {
  color: var(--black);
  letter-spacing: 1px;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.5rem;
  display: flex;
}

.div-block-385 {
  z-index: 500;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-span-69 {
  margin-right: 5px;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.image-60 {
  width: 200px;
  max-width: none;
}

.routekaart--tuinarchitectuur {
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
  position: relative;
}

.container--routekaart {
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.qs-routekaart {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--dim-grey);
  background-color: var(--bg-color);
  border-radius: 20px;
  width: 940px;
  margin-bottom: 25px;
  padding: 0;
  overflow: visible;
}

.text--link--routekaart {
  z-index: 1;
  border: 2px solid var(--dim-grey);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--white) 43%, var(--grey) 80%, #270c00 92%);
  color: var(--oa-purple-1);
  text-align: center;
  cursor: default;
  border-radius: 100000px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3rem;
  transition: all .2s;
  display: flex;
  position: relative;
}

.text--link--routekaart:hover {
  transform: scale(1.05);
}

.text--link--routekaart.to {
  color: var(--oa-purple-1);
}

.text--link--routekaart.to:hover {
  transform: none;
}

.stroke--wrapper {
  z-index: 50;
  justify-content: center;
  align-items: center;
  height: 200px;
  display: flex;
  position: relative;
}

.stroke--wrapper.vertical {
  width: 100%;
  height: 28px;
}

.stroke--vertical {
  background-color: var(--dim-grey);
  width: 2px;
  height: 100%;
  position: absolute;
}

.stroke--horizontal {
  background-color: var(--dim-grey);
  width: 100%;
  height: 2px;
}

.step--wrapper {
  z-index: 100;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.info--popup {
  z-index: 10;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--oa-orange-3) 40%, var(--oa-orange-1));
  color: var(--white);
  cursor: pointer;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Merriweather, serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.info--popup.to {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--oa-purple-2) 40%, var(--oa-purple-1) 75%);
}

.popup--wrapper {
  z-index: 10;
  border-style: solid;
  border-width: 0 0 3px 3px;
  border-color: var(--oa-purple-1);
  background-color: var(--oa-purple-2);
  border-radius: 20px 20px 20px 0;
  display: block;
  position: absolute;
  bottom: 100%;
  left: 100%;
  overflow: hidden;
}

.popup--wrapper.to {
  border-bottom-color: var(--oa-purple-1);
  border-left-color: var(--oa-purple-1);
  background-color: var(--oa-purple-2);
}

.popup--text--routekaart {
  color: var(--white);
  width: 200px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  display: block;
}

.textspan--routekaart {
  font-weight: 200;
}

.div-block-386 {
  width: 940px;
}

.section-63 {
  background-color: var(--oa-green-3);
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 160px;
  display: flex;
  overflow: hidden;
}

.slider--beeldenbank {
  border-radius: 20px;
  width: 400px;
  height: 300px;
}

.empty-state-5 {
  background-color: var(--oa-orange-1);
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 200px;
  display: flex;
}

.text-block-127 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8rem;
}

.div-block-389 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-128 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--oa-orange-3) 14%, var(--oa-orange-1) 83%);
  color: var(--white);
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: 20px;
  padding: 10px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  display: flex;
}

.menu--divider {
  background-color: var(--white);
  border-radius: 20px;
  width: 1px;
  height: 15px;
}

.div-block-390 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-390.mob {
  display: none;
}

.mask-16 {
  border-radius: 20px;
  overflow: visible;
}

.slide--beeldenbank {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8dc394d4c5bbc00061_Beeldenbank_14.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  margin-right: 25px;
}

.slide--beeldenbank._2 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8c56584a662d7aeec4_Beeldenbank_15.jpg");
}

.slide--beeldenbank._3 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8c5d8e4ee70688b073_Beeldenbank_16.jpg");
}

.slide--beeldenbank._4 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8b30105d73fa477d6f_Beeldenbank_13.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide--beeldenbank._5 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8baf97570d4a39e539_Beeldenbank_09.jpg");
}

.slide--beeldenbank._6 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8b69bd8cf37427cf13_Beeldenbank_12.jpg");
}

.slide--beeldenbank._7 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8b0d6fcad7e0b87f84_Beeldenbank_10.jpg");
}

.slide--beeldenbank._8 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8b50496f9c1d97335a_Beeldenbank_08.jpg");
  background-size: cover;
}

.slide--beeldenbank._9 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8beceb7dc23a123ded_Beeldenbank_11.jpg");
}

.slide--beeldenbank._10 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8a7c2615f2f49c0dfd_Beeldenbank_03.jpg");
}

.slide--beeldenbank._11 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8a466fff698d74fa7e_Beeldenbank_06.jpg");
}

.slide--beeldenbank._13 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8aa4a4cdeeb67fa045_Beeldenbank_05.jpg");
}

.slide--beeldenbank._12 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8a5319a9179fdd513a_Beeldenbank_07.jpg");
}

.slide--beeldenbank._14 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8a6953722b2731d913_Beeldenbank_02.jpg");
}

.slide--beeldenbank._15 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb89758cfc154f05f1a2_Beeldenbank_04.jpg");
}

.slide--beeldenbank._16 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675ad2f98628d0f739751825_Beeldenbank_01.jpg");
}

.arrow--home {
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing--options {
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  display: flex;
}

.background-video-2 {
  z-index: 100;
  object-fit: fill;
  height: 100%;
}

.div-block-391 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-393 {
  border-radius: 20px;
  width: 1500px;
  overflow: hidden;
}

.div-block-394 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.div-block-395 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.div-block-396 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: .5px solid var(--oa-purple-3);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 940px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.bold-text-15 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.div-block-397 {
  background-color: var(--oa-orange-2);
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.container-13 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.slider-56 {
  border-radius: 20px;
  width: 1250px;
  height: 440px;
}

.div-block-398 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.slide-nav-49 {
  border: 1px solid var(--white);
  border-radius: 30px;
  justify-content: space-around;
  align-items: center;
  width: 100px;
  height: 25px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: .7rem;
  line-height: .7rem;
  display: flex;
  inset: auto 0% -35px;
}

.mask-17 {
  border-radius: 20px;
}

.left-arrow-34 {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto auto -50px 100px;
}

.text-block-129 {
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 3rem;
  line-height: 3rem;
}

.div-block-399 {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.right-arrow-31 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 100px -50px auto;
}

.slide-236 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675ab140626dfa180117c7c1_JeKuntWatJeDoet..._01.jpg");
  background-position: 50%;
  background-size: cover;
}

.slide-237 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675ab1402664fc98def79062_JeKuntWatJeDoet..._02.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-400 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
}

.cell--routekaart--jaar1 {
  justify-content: center;
  align-items: flex-start;
}

.routekaart--text {
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 20px;
  height: 30px;
  margin-left: 35px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  position: absolute;
  top: -15px;
}

.routekaart--text.to {
  color: var(--white);
  position: absolute;
}

.routekaart--text.tos {
  background-color: var(--oa-purple-1);
  color: var(--white);
  position: absolute;
}

.code-embed-19 {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.code-embed-19._1 {
  justify-content: flex-end;
  align-items: center;
  inset: 0% 0% 0% auto;
}

.link--text--routekaart {
  color: var(--white);
  text-decoration: underline;
}

.text-block-130 {
  z-index: 200;
  color: var(--white);
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 2.4rem;
  position: relative;
}

.text-block-130._2 {
  border-bottom: 2px solid var(--white);
  background-color: var(--oa-orange-1);
  color: var(--white);
  letter-spacing: 0;
  border-radius: 100px;
  width: auto;
  margin-bottom: 0;
  padding: 5px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2rem;
}

.text-block-130._2:hover {
  border-bottom-width: 0;
}

.div-block-401 {
  background-color: var(--white);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  height: 100%;
  margin-left: 20px;
  margin-right: 20px;
  display: grid;
}

.platte--tekst--gradient {
  z-index: 5;
  background-image: linear-gradient(#fff0, #fff);
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.platte--tekst--titel--dropdown {
  vertical-align: bottom;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 2rem;
  font-weight: 200;
}

.text--wrapper--plat {
  text-align: left;
  position: relative;
  overflow: hidden;
}

.text--titel--wrapper {
  width: 100%;
  margin-bottom: 25px;
  position: relative;
}

.text--titel--wrapper._50-marge {
  margin-bottom: 50px;
}

.titel--wrapper {
  cursor: pointer;
  border-bottom: .5px solid #000;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.colour--overlay {
  z-index: 101;
  opacity: .7;
  background-image: linear-gradient(90deg, #000000b3 25%, #fff0);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-span-71 {
  color: var(--oa-purple-1);
  font-weight: 700;
}

.div-block-406 {
  z-index: 500;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: sticky;
}

.text-span-75, .locatie--startdata {
  font-weight: 700;
}

.nav--divider {
  background-color: var(--white);
  border-radius: 20px;
  width: 1px;
  height: 30px;
}

.text-span-76 {
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 20px;
  margin-bottom: 20px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 1.2rem;
  font-weight: 700;
  display: inline-flex;
}

.text-span-77 {
  font-weight: 700;
}

.text-block-131 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.div-block-408 {
  margin-top: 20px;
  position: relative;
}

.div-block-409 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  margin-bottom: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.section-64 {
  background-color: var(--oa-purple-1);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.section-64.low {
  background-color: var(--oa-purple-1);
}

.div-block-410 {
  width: 450px;
  height: 100%;
  position: relative;
}

.chatbot {
  border-bottom: .5px solid var(--oa-purple-3);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 940px;
  padding-bottom: 30px;
  display: flex;
}

.text-span-78 {
  font-weight: 300;
}

.div-block-412 {
  border-bottom: .5px solid var(--oa-purple-3);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 940px;
  display: flex;
}

.gradient-v-c {
  z-index: 2;
  background-image: linear-gradient(180deg, #fff0 75%, var(--zomerschool-nieuw));
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-414 {
  width: 100%;
  height: 100%;
  position: relative;
}

.cursus--opl--data {
  border-top: 1px solid var(--cc-grey-1);
  border-bottom: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  margin-bottom: 50px;
  display: flex;
}

.cursus--opl--data.examens {
  background-color: var(--white);
  margin-bottom: 0;
  padding-top: 50px;
}

.div-block-417 {
  width: 940px;
}

.text-block-133 {
  background-color: var(--oa-purple-1);
  color: var(--white);
  text-align: center;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: 5px auto 15px;
  font-family: Manrope, sans-serif;
  font-size: 1.3rem;
  font-weight: 900;
  line-height: 1.3rem;
  display: flex;
}

.div-block-418 {
  background-color: var(--oa-purple-1);
  border-radius: 20px;
  width: 20px;
  height: 3px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.meerlezen--blogs {
  width: 100%;
  margin-bottom: 50px;
}

.image-63 {
  float: left;
  border-radius: 20px;
  width: 40%;
  margin-right: 30px;
}

.blogs-social-icons {
  color: var(--oa-purple-1);
  width: 100%;
  font-family: "Fa Solid 900", sans-serif;
}

.rich--text--blogs {
  border-bottom: 2px solid var(--cc-grey-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
}

.rich--text--blogs h1, .rich--text--blogs h2 {
  font-family: Montserrat, sans-serif;
}

.rich--text--blogs h6 {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.rich--text--blogs a {
  text-underline-position: under;
  font-family: Raleway, sans-serif;
  text-decoration: underline;
  text-decoration-thickness: .5px;
}

.rich--text--blogs a:hover {
  text-decoration: none;
}

.rich--text--blogs p {
  font-family: Raleway, sans-serif;
}

.rich--text--blogs h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4rem;
}

.titel--blog {
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
}

.rich--text--agenda {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
}

.rich--text--agenda h2 {
  font-family: Montserrat, sans-serif;
}

.rich--text--agenda h6 {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
}

.rich--text--agenda p {
  text-align: left;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  line-height: 1.4rem;
}

.rich--text--agenda a {
  color: var(--oa-purple-1);
  text-underline-position: under;
  font-family: Montserrat, sans-serif;
  text-decoration: underline;
  text-decoration-thickness: .5px;
}

.rich--text--agenda a:hover {
  text-decoration: none;
}

.rich--text--agenda li {
  margin-bottom: 5px;
  font-size: .9rem;
}

.titel--agenda {
  background-color: var(--white);
  color: var(--oa-purple-1);
  margin-top: 15px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7rem;
}

.div-block-419 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.div-block-420 {
  border-bottom: 1px solid var(--koptekst);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.daum--agenda {
  background-color: var(--white);
  color: var(--oa-purple-1);
  letter-spacing: 2px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.praktisch--agenda {
  border: 1px solid var(--oa-purple-1);
  color: var(--oa-purple-1);
  letter-spacing: 1px;
  border-radius: 20px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  font-weight: 400;
}

.div-block-421 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-bottom: 25px;
  display: flex;
}

.button--agenda {
  border: 1px solid var(--oa-orange-1);
  background-color: var(--oa-orange-2);
  color: var(--white);
  border-radius: 20px;
  margin-top: 15px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.button--agenda:hover {
  background-color: var(--oa-orange-1);
}

.link-block-34 {
  margin-bottom: 15px;
  margin-left: 15px;
}

.div-block-422 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
  position: relative;
}

.div-block-425 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-426 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.titel--page-not-found {
  color: var(--oa-purple-1);
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  line-height: 3rem;
}

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

.examen-keuze {
  border: 1px solid var(--koptekst);
  background-color: var(--white);
  color: var(--black);
  border-radius: 5px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  transition: all .2s;
}

.field--label--aanvullende--info {
  color: var(--oa-purple-1);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: .8rem;
}

.examen-formulier {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  width: 940px;
  display: flex;
}

.examens-form-wrapper {
  flex: 0 auto;
  align-self: flex-end;
  width: 940px;
}

.examens-form-wrapper.initialen {
  width: 280px;
}

.examens-form-wrapper.voornamen {
  width: 640px;
}

.examens-form-wrapper.geb-datum {
  width: 280px;
}

.examens-form-wrapper.geb-plaats {
  width: 640px;
}

.div-block-430 {
  background-color: var(--white);
  background-image: linear-gradient(#000, #fff);
  width: 100vw;
  position: relative;
}

.container--extras {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 940px;
  padding-top: 10px;
  display: flex;
}

.text-span-80 {
  font-weight: 300;
}

.div-block-432 {
  border-bottom: .5px solid var(--oa-purple-3);
  width: 940px;
}

.quick-stack-18 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: .5px solid var(--oa-purple-3);
  padding: 0 0 50px;
}

.text-block-134 {
  color: var(--white);
  text-align: left;
  width: 940px;
  margin-top: 50px;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.text-block-134.chatbot {
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 5px;
  padding-right: 0;
}

.lottie-animation-5 {
  width: 200px;
}

.text-span-81 {
  font-weight: 300;
}

.div-block-433 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.quick-stack-19 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 50px;
  padding: 0;
}

.div-block-435 {
  justify-content: space-between;
  align-items: center;
  width: 940px;
  margin-top: 10px;
  display: flex;
}

.text-span-82 {
  color: var(--oa-purple-1);
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.3rem;
}

.slide-238 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675ab1409e147df6f85073df_JeKuntWatJeDoet..._03.jpg");
  background-position: 0 0;
  background-size: auto;
}

.slide-239 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675ab13d1de0011e537daf0e_JeKuntWatJeDoet..._04.jpg");
  background-position: 50% 100%;
  background-size: auto;
}

.slide-nav-50 {
  border: 1px solid var(--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 40px;
  padding-top: 5px;
  font-size: .7rem;
  line-height: .7rem;
  display: flex;
  inset: auto 0% -50px;
}

.algemene--voorwaarden {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  margin-bottom: 50px;
  padding: 0;
}

.div-block-439 {
  border-style: solid;
  border-width: 1px 0 0 1px;
  border-color: var(--koptekst);
  background-color: var(--grey);
  width: 200px;
  height: 100%;
  padding: 10px;
}

.div-block-439.low {
  border-bottom-width: 1px;
}

.div-block-440 {
  border-style: solid;
  border-width: 1px 1px 0;
  border-color: var(--koptekst);
  justify-content: flex-start;
  align-items: center;
  width: 740px;
  height: 100%;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.div-block-440.low {
  border-bottom-width: 1px;
}

.text-block-136 {
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 700;
}

.text-block-137 {
  font-size: .9rem;
}

.text-span-83 {
  padding-top: 10px;
  padding-left: 10px;
  display: inline-flex;
}

.container--stageproject {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: flex-start start;
  width: 800px;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
}

.div-block-441 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 940px;
  display: flex;
}

.stageproject--div--aanmelden {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-top: 220px;
  margin-bottom: 25px;
  padding: 20px 10px;
  font-family: Montserrat, sans-serif;
  transition: all .2s;
  display: flex;
  position: sticky;
  top: 50vh;
}

.stageproject--div--aanmelden:hover {
  filter: drop-shadow(5px 5px 10px #0003);
}

.textblock--stageprojecten {
  text-align: center;
  margin-bottom: 15px;
  font-size: .9rem;
  font-weight: 300;
}

.textblock--stageprojecten.kop {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.7rem;
}

.form--block--stageproject {
  width: 100%;
  margin-bottom: 50px;
}

.contactformulier--divider {
  border: 1px dashed var(--dim-grey);
  height: 1px;
  margin-top: 30px;
  margin-bottom: 50px;
}

.div-block-442 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox-2 {
  float: left;
}

.text--span--details {
  font-weight: 600;
  display: inline-flex;
}

.list-item-5 {
  margin-bottom: 0;
}

.routekaart {
  border: 1px solid var(--cc-grey-1);
  border-radius: 20px;
  width: 940px;
  height: 380px;
  margin-top: 25px;
  display: flex;
  position: relative;
  overflow: auto;
}

.section--routekaart {
  border-top: 1px solid var(--cc-grey-1);
  border-bottom: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.routekaart--vorm {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 5px solid var(--oa-green-1);
  background-color: var(--oa-green-3);
  filter: drop-shadow(0 1px 5px #00000059);
  color: var(--oa-orange-1);
  text-align: center;
  cursor: default;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 188px;
  height: 188px;
  margin-bottom: 20px;
  padding: 35px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3rem;
  display: flex;
  position: relative;
}

.routekaart--vorm.tos {
  border-color: var(--oa-green-3);
  background-color: var(--oa-green-1);
}

.routekaart--vorm.tos.button-4 {
  text-transform: none;
  margin-top: 0;
}

.routekaart--vorm.ba--bs {
  border-color: var(--oa-orange-1);
  background-color: var(--oa-orange-3);
}

.routekaart--vorm.ba--bs.bs {
  border-color: var(--oa-orange-3);
  background-color: var(--oa-orange-1);
}

.wrapper--routekaart--item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.wrapper--routekaart--item._1 {
  padding-left: 40px;
  position: relative;
}

.wrapper--routekaart--item._2, .wrapper--routekaart--item._3 {
  justify-content: flex-start;
  align-items: center;
}

.wrapper--routekaart--item._4 {
  padding-right: 40px;
}

.text-block-140 {
  text-align: center;
  padding: 10px 10px 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.4rem;
}

.div-block-443 {
  background-color: var(--oa-green-1);
  align-self: center;
  margin-top: -105px;
}

.div-block-443.ba--bs {
  background-color: var(--oa-orange-1);
  margin-top: -95px;
}

.div-block-444 {
  width: 37.5px;
  height: 5px;
  position: relative;
}

.text-block-141 {
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 20px;
  margin-top: 15px;
  margin-left: 40px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-141.tos {
  margin-left: 40px;
}

.text-block-141.right {
  margin-left: 0;
  margin-right: 40px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 1.5rem;
  inset: 0% 0% auto auto;
}

.div-block-445 {
  background-color: var(--algemene-achtergrondkleur);
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-445.tos {
  background-color: var(--cc-grey-hover);
}

.routekaart--meer--info {
  color: var(--koptekst);
  cursor: pointer;
  font-size: .8rem;
  line-height: .8rem;
  text-decoration: underline;
}

.pop-up--wrapper {
  border: 5px solid var(--white);
  background-color: var(--witte-kleur);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-block-142 {
  z-index: 1;
  color: var(--black);
  cursor: pointer;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-143 {
  color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: .9rem;
}

.new {
  margin-bottom: 50px;
  display: flex;
}

.search-input-6 {
  background-color: var(--white-2);
  color: var(--black);
  border-radius: 20px 0 0 20px;
  height: 40px;
  font-family: Montserrat, sans-serif;
}

.search-input-6::placeholder, .paragraph-36 {
  font-family: Montserrat, sans-serif;
}

.paragraph-36.new {
  color: var(--black);
  margin-bottom: 50px;
  font-size: .9rem;
  line-height: 1.3rem;
}

.search-button-7 {
  background-color: var(--oa-orange-1);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 40px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.text-block-144 {
  color: var(--oa-purple-1);
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.text-block-145 {
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.div-block-447 {
  z-index: 1000;
  border-style: solid;
  border-width: 2px 2px 2px 0;
  border-color: var(--cc-grey-1);
  background-color: var(--white);
  filter: drop-shadow(5px 5px 8px #00000040);
  border-radius: 0 20px 20px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 450px;
  margin-top: 40vh;
  padding: 15px 30px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.div-block-447.home {
  justify-content: center;
  align-items: flex-start;
}

.lottie-animation-6 {
  width: 100px;
  margin-top: -20px;
  margin-bottom: -20px;
}

.text-block-146 {
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-146:hover {
  background-color: var(--cc-grey-1);
  border-radius: 8px;
}

.text-span-86 {
  font-size: .8rem;
  line-height: 1.2rem;
}

.quick-stack-20 {
  min-width: 940px;
  max-width: 75vw;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-20.visie--concept {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 940px;
  min-width: auto;
  max-width: none;
}

.cell-45 {
  justify-content: space-between;
  align-items: center;
}

.text-block-147 {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.image-66 {
  margin-bottom: 20px;
}

.text--span--opl--details {
  color: var(--oa-purple-1);
  vertical-align: middle;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2px;
  font-family: Material Icons Two Tone, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 10px;
  display: inline-block;
}

.lottie-animation-7 {
  background-color: var(--oa-purple-1);
  border-radius: 20px;
  width: 70px;
  height: 30px;
  transform: scale(1.8);
}

.div-block-448 {
  border-radius: 20px;
  margin-top: 15px;
  margin-right: 15px;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.details--wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-148 {
  color: var(--cc-text);
  letter-spacing: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2rem;
  display: flex;
}

.opl--details--icon {
  color: var(--cc-text);
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Material Icons, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1rem;
  display: flex;
}

.detail--kop--wrapper {
  cursor: pointer;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.details--dropdown {
  color: var(--black);
  justify-content: center;
  align-items: center;
  width: 28.8047px;
  font-family: Material Symbols Sharp, sans-serif;
  font-size: 1.8rem;
  font-weight: 200;
  line-height: 1rem;
  display: flex;
}

.div-block-449 {
  z-index: 1;
  border-bottom: .5px solid var(--black);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
}

.text-block-149 {
  padding-top: 10px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  line-height: 1.8rem;
}

.lottie-animation-8 {
  z-index: -1;
  opacity: .15;
  position: absolute;
  inset: auto 0% -10px;
}

.chatbot--knop--home {
  z-index: 999;
  border-style: solid;
  border-width: 0 1px 1px;
  border-color: var(--black);
  background-color: var(--oa-orange-2);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 80px;
  padding: 10px 15px;
  display: flex;
  position: fixed;
  inset: 45vh auto auto -50px;
  transform: rotate(-90deg);
}

.chatbot--knop--home:hover {
  background-color: var(--oa-orange-1);
}

.text-block-150 {
  color: var(--white);
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
}

.lottie-animation-9 {
  opacity: .2;
  transition: all .2s;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-451 {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.nederland--map {
  transform: perspective(2000px);
}

.map--pin {
  cursor: pointer;
}

.div-block-452 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-block-151 {
  border: 1px solid var(--black);
  background-color: var(--oa-green-3);
  border-radius: 10px;
  padding: 5px 10px;
  font-size: .8rem;
  font-weight: 300;
}

.kaartpin--wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 250px;
  display: flex;
  position: absolute;
  bottom: 457.75px;
  left: 155px;
}

.kaartpin--wrapper._2 {
  bottom: 384.75px;
  left: 177px;
}

.kaartpin--wrapper._3 {
  bottom: 631.75px;
  left: 389px;
}

.kaartpin--wrapper._4 {
  bottom: 553.75px;
  left: 439px;
}

.div-block-455 {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: var(--black);
  background-color: var(--oa-green-3);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: relative;
  left: -12.5px;
  transform: rotate(45deg);
}

.details--excursie {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 25px;
  display: flex;
}

.hoveniers--cursussen--wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.lesaanbod--hoveniers {
  border-radius: 20px;
  flex: 1;
  min-width: 45%;
  max-width: 50%;
  position: relative;
  overflow: hidden;
}

.lottie-animation-10 {
  z-index: 0;
  opacity: .2;
  position: absolute;
  inset: auto 0% -50%;
  transform: rotate(180deg);
}

.slider--vc {
  height: 55vh;
}

.slide--vc {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/678e0e4e2fcf73e37f76f70f_Mila%20Salemink-%20Bubui%202%20Concept.png");
  background-position: 50%;
  background-size: cover;
}

.right-arrow-32 {
  justify-content: center;
  align-items: center;
  height: 100px;
  font-family: Material Symbols Sharp, sans-serif;
  font-size: 4rem;
  display: flex;
}

.left-arrow-36 {
  justify-content: center;
  align-items: center;
  height: 100px;
  font-size: 4rem;
  display: flex;
}

.text-block-154 {
  text-shadow: 2px 2px 1px #00000080;
  font-family: Material Symbols Sharp, sans-serif;
  line-height: 4rem;
}

.text-block-154:hover {
  color: var(--light-grey);
}

.text-block-155 {
  text-shadow: 2px 2px 1px #00000080;
  line-height: 4rem;
}

.text-block-155:hover {
  color: var(--light-grey);
}

.afbeelding-tmr {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6718fd8f01c8a2cb0e41e42e_OA_BG__02.jpg");
  background-position: 50% 100%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: auto 0% 0%;
}

.afbeelding-tmr._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790b57d03c0266f44748f0b_OA_TMR_01.jpg");
}

.afbeelding-tmr._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790b57d073131d861b781fc_OA_TMR_02.jpg");
}

.afbeelding-tmr._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790b57dc80c66ffe53ccf77_OA_TMR_03.jpg");
}

.underline {
  text-underline-position: under;
  text-decoration: underline;
  text-decoration-thickness: .75px;
}

.afbeelding-bs {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66f1320ecb19fd591fe3e2fe_DSC_1176.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-bs._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bae91e3bc63fe8df0c6d_OA_BS_02.jpg");
  background-position: 50%;
}

.afbeelding-bs._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790d9447dc8d5aafa92874f_OA_BS_01.jpg");
}

.afbeelding-bs._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790d944b52256d1512f953e_OA_BS_03.jpg");
}

.excursie--location {
  font-family: Material Icons, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.div-block-456 {
  margin-bottom: 50px;
}

.quick-stack-21 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  width: 100%;
  margin-bottom: 50px;
  padding: 0;
}

.text--block--vakanties {
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.cell--vakanties {
  border-style: solid;
  border-width: 1px 0 0 1px;
  border-color: var(--black);
  padding: 10px;
}

.menu--icon {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 20px;
  line-height: 16px;
  display: inline-flex;
  position: absolute;
  inset: 0% auto 0% 10px;
}

.menu--icon.extra-s {
  color: var(--koptekst);
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.txt--menu--wrapper {
  flex-flow: column;
  display: flex;
}

.aanvulling {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 10px;
}

.agenda--gradient {
  z-index: -1;
  background-image: linear-gradient(#181818b3, #fff0 37%);
  border-radius: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu--algemeen {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 15px 35px;
  display: flex;
}

.menu--algemeen.alt {
  background-color: #fff;
  height: 30px;
  padding-left: 40px;
  padding-right: 40px;
}

.menu--algemeen.alt.radius {
  border-radius: 0;
  height: 30px;
  padding: 10px 40px;
}

.menu--algemeen--link {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: .8rem;
}

.menu--algemeen--link:hover {
  text-underline-position: under;
  text-decoration: underline;
  text-decoration-thickness: .75px;
}

.logo--oa {
  z-index: 150;
  width: 275px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 100px;
}

.gradient--overlay--logos {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--white), #fff0 20%, #fff0 80%, white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gradient--overlay--logos.left {
  background-image: linear-gradient(90deg, var(--white) 50%, #fff0);
  width: 20%;
}

.gradient--overlay--logos.right {
  background-image: linear-gradient(90deg, #fff0, var(--white) 50%);
  width: 20%;
  inset: 0% 0% 0% auto;
}

.hoveniers--titel {
  width: 100%;
  margin-top: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.section-65 {
  z-index: 2;
  background-image: radial-gradient(circle farthest-corner at 100% 0%, var(--oa-green-1), var(--oa-green-2));
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  margin-bottom: 35px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-457 {
  z-index: 10;
  width: 940px;
  position: relative;
}

.text--span--hoveniers {
  color: var(--oa-purple-1);
  vertical-align: text-top;
  font-family: Material Icons, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.circle--hoveniers {
  z-index: -1;
  background-image: linear-gradient(180deg, var(--oa-green-2), var(--oa-green-1));
  border-radius: 1000px;
  width: 750px;
  height: 750px;
  position: absolute;
  inset: -35% 0% 0% 29px;
}

.circle--hoveniers._2 {
  background-image: linear-gradient(180deg, var(--oa-green-3), var(--oa-green-3));
  width: 1500px;
  height: 1500px;
  inset: auto 0% 0%;
}

.circle--hoveniers._3 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--oa-green-3), var(--oa-green-1));
  opacity: .5;
  width: 1000px;
  height: 1000px;
  inset: -184px auto 0% 2%;
}

.circle--hoveniers._4 {
  width: 1250px;
  height: 1250px;
  top: -293%;
  left: 991px;
}

.afbeelding-v-c {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-v-c._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b572feba24aba0523141_OA_V%26C_02.jpg");
  background-size: cover;
  position: fixed;
  inset: 0%;
}

.afbeelding-v-c._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b5725f28106b27eff6a6_OA_V%26C_01.jpg");
  background-position: 50%;
}

.afbeelding-v-c._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b5726bf794f8a1f64794_OA_V%26C_03.jpg");
}

.success-message-7 {
  z-index: 100;
  background-color: #fff;
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
}

.text-block-156 {
  color: var(--oa-purple-1);
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.text-block-156.titel--contact {
  color: var(--oa-purple-1);
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
}

.lottie-animation-11 {
  z-index: 0;
  height: 100%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-458 {
  color: var(--oa-green-1);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-157 {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.3rem;
}

.error-message-3 {
  border: 1px solid var(--black);
  color: var(--white);
  background-color: #ff7979;
  border-radius: 20px;
}

.form--success {
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 940px;
  height: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  position: relative;
}

.submit-button-7 {
  background-color: #3898ec00;
  padding-left: 0;
  padding-right: 0;
  line-height: 1rem;
  position: static;
  overflow: visible;
}

.form-4 {
  flex-flow: column;
  display: flex;
}

.popup--nieuwe--website {
  z-index: 10000;
  background-color: var(--0);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.div-block-459 {
  border: 1px solid var(--black);
  background-color: var(--witte-kleur);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 940px;
  padding: 25px 15px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-158 {
  text-align: center;
  margin-bottom: 40px;
  padding-right: 15px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  position: relative;
}

.text-block-159 {
  color: var(--oa-purple-1);
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
  position: relative;
}

.submit-button-8 {
  background-color: #3898ec00;
  padding: 0;
}

.form-5 {
  margin-top: 50px;
}

.text-block-160 {
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.text-block-160.link {
  cursor: pointer;
  position: relative;
}

.form-block-7 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.lottie-animation-12 {
  z-index: -1;
  opacity: .8;
  width: 940px;
  position: absolute;
  inset: 0% 0% auto;
}

.image-68 {
  width: 200px;
  margin-bottom: 20px;
}

.text-block-161 {
  cursor: pointer;
  margin-top: 15px;
  margin-right: 15px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.success-message-8 {
  background-color: var(--oa-green-2);
  border-radius: 20px;
  margin-top: 20px;
}

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

.tabs--examens {
  width: 100%;
}

.list--item--examens {
  font-size: .9rem;
  line-height: 1.5rem;
}

.code-embed-23 {
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 500px;
  transition: all .2s;
  inset: auto 0% 0%;
  overflow: hidden;
}

.code-embed-23:hover {
  width: 940px;
  position: absolute;
  inset: 0%;
}

.div-block-460 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
}

.link-toelichting {
  color: var(--white);
  text-underline-position: under;
  font-weight: 600;
  text-decoration: underline;
}

.div-block-461 {
  background-color: var(--algemene-achtergrondkleur);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.text-block-165 {
  width: 940px;
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  line-height: 2.3rem;
}

.special-outline {
  border: 1px solid var(--oa-purple-1);
  background-color: var(--white);
  color: var(--white);
  border-radius: 20px;
  width: 100%;
  margin-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Montserrat, sans-serif;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px #0003;
}

.text-block-166 {
  color: var(--black);
  text-align: center;
  margin-bottom: 25px;
  padding-top: 15px;
  font-size: 1.1rem;
  line-height: 1.8rem;
  overflow: hidden;
}

.heading-62 {
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
}

.paragraph-37 {
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.text-block-167 {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4rem;
}

.checkbox-label-7 {
  color: var(--oa-purple-1);
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
}

.text-block-168 {
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
}

.paragraph-38 {
  color: var(--oa-purple-2);
  font-family: Montserrat, sans-serif;
  font-size: .85rem;
  line-height: 1.4rem;
}

.checkbox-field-6 {
  margin-bottom: 50px;
}

.paragraph-40 {
  color: var(--black);
  text-align: center;
  font-family: Montserrat, sans-serif;
}

.code-embed-tmr, .code-embed-al, .code-embed-bg, .code-embed-gp {
  margin-top: 20px;
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
}

.bold-text-21 {
  color: var(--oa-purple-1);
}

.bold-text-22 {
  font-size: 1.5rem;
}

.text-block-169 {
  z-index: 1;
  color: var(--white);
  margin-top: 35px;
  padding-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  line-height: 1.2rem;
  position: absolute;
}

.text-block-169.excursies {
  margin-top: 90px;
  padding-left: 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
  inset: 0% 0% auto;
}

.text-block-169.excursies.al {
  margin-top: 125px;
}

.text-block-170 {
  text-shadow: 2px 2px 1px #00000080;
  font-family: Material Symbols Sharp, sans-serif;
  line-height: 4rem;
}

.text-block-170:hover {
  color: #ddd;
}

.text-block-171 {
  color: var(--oa-purple-1);
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.text-block-171:hover {
  background-color: #f5f5f5;
  border-radius: 5px;
}

.slide-240 {
  background-image: linear-gradient(90deg, #0000001a, #c6c6c600 40%, #fff0 85%, #0000001a), url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67a49bc8f30e2eaf0d5762ad_OA_V%26C_07.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.slide-240._2 {
  background-image: linear-gradient(90deg, #0000001a, #c6c6c600 30%, #fff0 70%, #1a1a1a00), url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67a493126d91f0993eb06483_OA_V%26C_04.jpg");
}

.slide-240._3 {
  background-image: linear-gradient(90deg, #0000001a, #c6c6c600 15%, #fff0 85%, #0000001a), url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67a49312772ba23743566885_OA_V%26C_06.jpg");
}

.slide-240._1 {
  background-image: linear-gradient(90deg, #0000001a, #c6c6c600 40%, #fff0 85%, #0000001a), url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67a493139a85cd5818d320fc_OA_V%26C_05.jpg");
}

.text-span-87 {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.inschrijven-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 940px;
  margin-top: 25px;
  margin-bottom: 50px;
  display: flex;
}

.inschrijven-grid.bd, .inschrijven-grid.vo-s {
  margin-top: 0;
  margin-bottom: 50px;
}

.code-embed-26 {
  display: none;
}

.text-block-172 {
  width: 100%;
}

.gradient-excursies {
  z-index: 0;
  background-image: linear-gradient(#00000080, #fff0 50%);
  position: absolute;
  inset: 0%;
}

.text-span-88 {
  vertical-align: middle;
  font-family: Material Icons, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.legenda-rooster {
  color: var(--oa-purple-1);
  justify-content: center;
  align-items: center;
  width: 313.333px;
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.6rem;
  display: flex;
}

.legenda-rooster-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 940px;
  display: flex;
}

.link-meer-lezen-blogs {
  border: 1px solid var(--oa-purple-1);
  background-color: var(--oa-purple-2);
  color: var(--white);
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.text-block-174 {
  color: var(--oa-purple-1);
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4rem;
}

.collection-list-wrapper-14 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
}

.collection-list-14 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.collection-item-15 {
  z-index: 0;
  transform-style: preserve-3d;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 10px;
  flex: 1;
  min-width: 309px;
  max-width: 310px;
  height: 200px;
  margin: 5px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.collection-item-15:hover {
  transform: scale3d(1none, 1none, 1none);
}

.text-block-175 {
  z-index: 1;
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  position: relative;
}

.div-block-462 {
  background-image: linear-gradient(#00000080, #fff0 35%);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-block-176 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  text-align: center;
  text-shadow: 1px 1px 1px #000000e6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  text-decoration: none;
  transition: all .1s;
  display: flex;
  position: relative;
}

.text-block-176:hover {
  z-index: -5;
  opacity: 0;
}

.div-block-463 {
  background-color: var(--cc-grey-1);
  width: 100%;
  height: 2px;
  margin-bottom: 50px;
}

.empty-state-6 {
  background-color: var(--oa-green-1);
  color: var(--white);
  border-radius: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.text-block-177 {
  color: var(--oa-purple-1);
  width: 940px;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 2.6rem;
}

.text-block-178 {
  color: var(--oa-purple-1);
  font-family: "Fa Brands 400", sans-serif;
  font-size: 2rem;
  line-height: 2rem;
}

.div-block-464 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.google-rating {
  z-index: 100000;
  margin-bottom: 0;
  position: relative;
}

.code-embed-28 {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-465 {
  z-index: 999;
  border-radius: 20px;
  width: auto;
  height: 30px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.code-embed-29 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.div-block-466 {
  z-index: 1000;
  background-color: var(--white);
  height: 15px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-467 {
  -webkit-backdrop-filter: blur(1000px);
  backdrop-filter: blur(1000px);
  height: 15px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.menu-card-wrapper {
  z-index: 1000000000;
  background-color: var(--white);
  filter: drop-shadow(0 0 5px #0003);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 400px;
  height: 800px;
  margin-bottom: 90px;
  margin-left: 90px;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.image-69 {
  color: var(--cc-grey-1);
  margin: 20px auto 40px;
}

.text-block-179 {
  color: var(--cc-text);
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.text-block-179.chatbot {
  color: var(--cc-text);
  border-bottom-style: none;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

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

.text-customer-card {
  color: var(--white);
  font-size: 1rem;
  font-weight: 300;
}

.text-customer-card.titel {
  color: var(--cc-text);
  margin-bottom: 20px;
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1rem;
}

.text-customer-card.titel.ai {
  color: var(--cc-text);
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.text-customer-card.titel.bug {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.text-customer-card.icon {
  color: var(--cc-text);
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.3rem;
  line-height: 1.3rem;
}

.text-customer-card.faq-answer {
  color: var(--black);
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  font-weight: 200;
  line-height: 1.1rem;
  overflow: hidden;
}

.text-customer-card.faq-question {
  color: var(--cc-text);
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.1rem;
}

.div-block-468 {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  border-radius: 15px;
  margin-bottom: 7px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px 5px;
}

.div-block-468.space-filler {
  background-color: #8b22fc00;
  border-width: 0;
  margin-top: 50px;
  position: relative;
}

.div-block-468.contact {
  border-color: var(--cc-grey-1);
  background-color: var(--white);
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  transition: all .2s;
  display: flex;
}

.div-block-468.contact:hover {
  background-color: var(--cc-grey-hover);
}

.div-block-468.chatbot {
  border: 1px solid var(--cc-grey-1);
  cursor: pointer;
  background-color: #fdfdfd;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding-right: 10px;
  transition: all .2s;
}

.div-block-468.chatbot:hover {
  background-color: var(--cc-grey-hover);
}

.wrapper-faq-cc {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-469 {
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}

.question-cc {
  cursor: pointer;
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  padding: 5px 10px;
  transition: all .2s;
  display: flex;
}

.question-cc:hover {
  background-color: var(--cc-grey-hover);
}

.text-span-89 {
  vertical-align: bottom;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1rem;
}

.home-contact-cc {
  z-index: 999;
  border-top: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  justify-content: space-around;
  align-items: center;
  width: 400px;
  height: 75px;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: auto;
}

.cc-nav {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
  font-size: 1.8rem;
  line-height: 1.6rem;
}

.chatbot-wrapper {
  position: absolute;
  inset: 0%;
}

.code-embed-30 {
  border-radius: 20px;
  height: 100%;
  margin: 20px 10px 0;
  overflow: hidden;
}

.div-block-470 {
  width: 800px;
  display: flex;
}

.cc-home {
  z-index: 1;
  flex-flow: column;
  width: 400px;
  height: 800px;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.cc-contact {
  flex-flow: column;
  width: 400px;
  height: 800px;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-471 {
  background-image: linear-gradient(#f6f6f6, #fff 15%);
  width: 1600px;
  display: flex;
  overflow: hidden;
}

.text-block-180 {
  color: var(--black);
  margin-bottom: 5px;
  margin-left: 30px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
}

.text-block-181 {
  color: var(--black);
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 35px;
  font-weight: 200;
  line-height: 15px;
}

.cc-reviews {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.code-embed-31 {
  margin-left: 15px;
  margin-right: 15px;
}

.div-block-472 {
  background-color: var(--white);
  position: absolute;
}

.form-block-8 {
  z-index: 100000000;
  width: 90%;
  max-height: 650px;
  margin: 15px;
  position: absolute;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.cc-form-bug {
  background-color: var(--algemene-achtergrondkleur);
  justify-content: center;
  align-items: flex-start;
  width: 400px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cc-form-field {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  color: var(--black);
  border-radius: 10px;
  min-width: 360px;
  max-width: 360px;
}

.cc-form-field::placeholder {
  color: var(--black);
  font-size: .9rem;
}

.cc-form-field.feedback-cc {
  background-color: var(--white);
  max-width: 360px;
}

.field-label-16 {
  font-size: .9rem;
  font-weight: 400;
}

.field-label-17 {
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: 500;
}

.form-6 {
  flex-flow: column;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.submit-button-9 {
  border: 1px solid var(--oa-purple-1);
  background-color: var(--oa-purple-2);
  border-radius: 50px;
  margin-top: 15px;
  transition: all .2s;
}

.submit-button-9:hover {
  background-color: var(--oa-purple-1);
}

.success-message-9 {
  background-color: #fff0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.text-block-182 {
  color: var(--oa-purple-1);
}

.close-cc-bug-form {
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  transition: all .2s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-cc-bug-form:hover {
  background-color: var(--gainsboro);
  border-radius: 5px;
}

.link-13 {
  color: var(--black);
  text-underline-position: under;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  text-decoration: underline;
  text-decoration-thickness: .5px;
}

.link-13:hover {
  text-decoration: none;
}

.text-block-183 {
  color: var(--white);
  margin-right: 10px;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1rem;
}

.code-embed-32 {
  margin-left: 15px;
  margin-right: 15px;
}

.code-embed-32.desktop {
  height: 650px;
  font-family: Montserrat, sans-serif;
}

.cc-chatbot {
  flex-flow: column;
  width: 400px;
  height: 800px;
  margin-bottom: 0;
  display: flex;
  overflow: auto;
}

.bubble {
  z-index: 10000;
  background-color: var(--oa-purple-1);
  filter: drop-shadow(0 0 5px #00000080);
  cursor: pointer;
  border-radius: 10000px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 12px 6px 6px;
  transition: all .2s;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.bubble:hover {
  transform: scale(1.1);
}

.text-block-184 {
  color: var(--white);
  margin-bottom: 3px;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 3rem;
  font-weight: 200;
  line-height: 2rem;
  position: absolute;
}

.cc-form-feedback {
  background-color: var(--algemene-achtergrondkleur);
  justify-content: center;
  align-items: flex-start;
  width: 400px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.text-block-185 {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: .9rem;
}

.div-block-473 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-186 {
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
}

.text-block-187 {
  margin-top: 5px;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
}

.cc-star {
  color: #fbc008;
  width: 20px;
  margin-top: 5px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 1.5rem;
}

.image-71 {
  margin-right: 10px;
}

.text-block-188 {
  color: #838383;
  letter-spacing: 1px;
  margin-top: 5px;
  margin-left: 8px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
}

.paragraph-41 {
  text-align: left;
}

.div-block-474 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  height: 150px;
  margin-bottom: 15px;
}

.soort-item {
  color: var(--oa-orange-1);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 2.5px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 600;
}

.onderwerp-agenda {
  margin-bottom: 2.5px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.datum-agenda {
  color: #9b9b9b;
  letter-spacing: 1px;
  margin-bottom: 15px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1rem;
}

.datum-agenda.locatie {
  letter-spacing: 0;
  margin-bottom: 9px;
  padding: 0;
}

.text-block-191 {
  margin-left: 10px;
}

.rich-text-block-21 {
  margin-left: 20px;
  margin-right: 20px;
}

.link-agenda {
  background-color: var(--oa-purple-1);
  color: var(--white);
  text-align: center;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: .9rem;
  font-weight: 500;
  display: flex;
}

.text-block-192 {
  color: var(--dim-grey);
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: .8rem;
  line-height: 1rem;
}

.div-block-475 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.div-block-476 {
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.text-block-193 {
  margin-right: 10px;
  font-family: Material Symbols Sharp, sans-serif;
}

.div-block-477 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-194 {
  margin-top: 50px;
}

.rich-text-block-22 {
  margin-top: 20px;
}

.body-agenda-cms {
  background-color: #f6f6f6;
}

.titel-agenda-cms {
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}

.div-block-478 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.button-agenda-cms {
  border: 1px solid var(--oa-purple-1);
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 50px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 300;
}

.button-agenda-cms:hover {
  background-color: var(--white);
  color: var(--oa-purple-1);
}

.button-agenda-cms.lees-meer {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: .8rem;
  display: inline-flex;
  position: relative;
}

.button-agenda-cms.action {
  background-color: var(--white);
  color: var(--oa-purple-1);
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: .8rem;
  display: inline-flex;
  position: relative;
}

.button-agenda-cms.action:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.div-block-479 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-480 {
  background-color: var(--peru);
}

.checkbox-field-7 {
  margin-top: 20px;
}

.div-block-481 {
  border: 1px solid var(--black);
  background-color: var(--oa-green-1);
  color: var(--white);
  text-align: center;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1rem;
  display: flex;
  position: absolute;
  inset: -50px auto auto -50px;
}

.cc-socials {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  margin: 15px;
  display: flex;
}

.instagram-feed {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.instagram-post {
  background-color: var(--white);
  flex: 1;
  min-width: 32%;
}

.collection-list-15 {
  flex-flow: column wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.collection-item-16 {
  background-color: var(--white);
  flex: 1;
  min-width: 30%;
  padding-left: 0;
  padding-right: 0;
}

.div-block-482 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  height: 320px;
}

.collection-list-wrapper-15 {
  width: 940px;
}

.lightbox-link-2 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lightbox-link-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 10px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.image-72 {
  width: 100%;
  overflow: clip;
}

.image-73 {
  border-radius: 10px;
  flex: 1;
  align-self: flex-start;
  min-width: 18%;
  overflow: clip;
}

.section-66 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.div-block-487 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  align-self: flex-start;
  min-width: 275px;
  min-height: 400px;
  max-height: 400px;
  margin-right: 25px;
}

.div-block-488 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tekst {
  width: 515px;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
}

.naam {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.functie {
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2rem;
}

.socials-team {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.team-social {
  color: var(--oa-purple-3);
  font-family: "Fa Brands 400", sans-serif;
  font-size: 1.3rem;
  line-height: 1.3rem;
}

.team-social:hover {
  color: var(--oa-purple-2);
}

.team-social.site {
  font-family: "Fa Solid 900", sans-serif;
}

.text-block-197 {
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  line-height: 1.3rem;
}

.paragraph-42 {
  font-size: .8rem;
  line-height: 1.2rem;
}

.team-wrap {
  background-color: #f8f8f8;
  flex-flow: wrap;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  padding-bottom: 10px;
  display: flex;
}

.collection-item-17 {
  border-radius: 15px;
  flex: 1;
  min-width: 212px;
  max-width: 212px;
  height: 350px;
  margin: 10px;
  padding-left: 0;
  padding-right: 0;
}

.collection-item-17:hover {
  outline-color: var(--oa-purple-1);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
  padding-right: 0;
}

.collection-list-16 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.div-block-490 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 15px 15px 0 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 222px;
  height: 290px;
  transition: all .2s;
  display: flex;
}

.collection-team-naam {
  color: var(--white);
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1rem;
}

.collection-team-functie {
  color: var(--white);
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .6rem;
  font-weight: 300;
  line-height: .8rem;
}

.div-block-491 {
  background-color: var(--oa-purple-1);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 60px;
  display: flex;
}

.collection-list-wrapper-16 {
  width: 940px;
  overflow: hidden;
}

.wrapper-customer-card {
  z-index: 10000;
  justify-content: center;
  align-items: center;
  display: none;
}

.pop-up-tekst-cc {
  z-index: 10000;
  background-color: var(--oa-purple-1);
  border-radius: 20px 20px 20px 1px;
  height: 60px;
  margin-bottom: 80px;
  margin-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.text-span-90 {
  font-weight: 700;
}

.text-block-198 {
  color: var(--white);
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Montserrat, sans-serif;
}

.close {
  color: var(--white);
  cursor: pointer;
  border-radius: 5px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close:hover {
  background-color: var(--oa-purple-2);
}

.inclusief-wrapper-menu {
  border: 3px solid var(--oa-green-1);
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
  overflow: hidden;
}

.inclusief-wrapper-menu.algemeen {
  border-width: 1px;
  border-color: var(--cc-grey-1);
  margin-top: 10px;
}

.collection-list-17 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.introducite-tekst {
  text-align: left;
  margin-bottom: 50px;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 2.1rem;
}

.paragraph-44 {
  margin-top: 25px;
}

.text-block-199 {
  z-index: 100;
  border: 1px solid var(--oa-purple-1);
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 20px;
  margin-bottom: 40px;
  margin-left: 40px;
  padding: 5px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  position: absolute;
  inset: auto auto 0% 0%;
}

.text-span-91 {
  vertical-align: bottom;
  margin-right: 5px;
  font-family: Material Icons, sans-serif;
}

.div-block-492 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-493 {
  margin-top: 10px;
  display: flex;
}

.tekst-team a {
  color: var(--oa-purple-1);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--oa-purple-1);
  text-decoration-color: var(--oa-purple-1);
  text-underline-position: under;
  text-decoration-thickness: .5px;
}

.tekst-team a:hover {
  text-decoration: none;
}

.text-span-92 {
  color: var(--oa-purple-2);
  margin-top: 2.5px;
  font-family: Raleway, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-flex;
}

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

.div-block-494 {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 990px;
  max-width: 1280px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-494.cursussen {
  padding-right: 20px;
}

.section-67 {
  width: 100%;
  height: 100%;
}

.div-block-495 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.paragraph-45 {
  color: var(--koptekst);
  text-align: center;
  width: 650px;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
}

.image-74 {
  width: 300px;
}

.div-block-496 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 50px;
  display: flex;
}

.email-nieuwsbrief {
  border: 2px solid var(--white);
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 50px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.email-nieuwsbrief::placeholder {
  color: var(--white);
  font-weight: 400;
}

.naam-nb {
  border: 1px solid var(--koptekst);
  background-color: var(--bg-color);
  color: var(--black);
  border-radius: 5px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.naam-nb:hover {
  border-color: var(--black);
}

.naam-nb.vraag {
  height: 130px;
}

.naam-nb.adres {
  width: 60%;
}

.naam-nb.huisnummer, .naam-nb.postcode {
  width: 20%;
}

.div-block-497 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.hero-agenda-collection {
  background-color: #f6f6f6;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.recaptcha-3 {
  margin-top: 25px;
}

.div-block-498 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-499 {
  background-color: var(--oa-purple-1);
  width: 10px;
  height: 5px;
  transition: all .2s;
  position: absolute;
  bottom: 15px;
}

.div-block-499:hover {
  width: 100%;
}

.div-block-500 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.success-message-10 {
  background-color: var(--oa-green-1);
  color: var(--white);
  border-radius: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.text-span-93 {
  font-weight: 700;
}

.error-message-4 {
  color: var(--white);
  background-color: #ff7878;
  border-radius: 20px;
  font-family: Montserrat, sans-serif;
}

.div-block-501 {
  width: 100vw;
}

.topbanner {
  z-index: 1;
  border-right: 5px solid var(--white);
  border-left: 5px solid var(--white);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6793865cbc41710fae9048cd_OA_TopBanner_23.jpg");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: cover;
  flex: 1;
  position: relative;
}

.topbanner.lesaanbod {
  border-style: solid;
  border-width: 0 5px;
  border-color: black var(--white);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c93ec770a25882c08_OA_TopBanner_15.jpg");
}

.topbanner.openatelier {
  border-right: 5px solid var(--white);
  border-left: 5px solid var(--white);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8bbc41710fae74d9ac_OA_TopBanner_17.jpg");
}

.topbanner.wat-is-het-nlqf {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8b4de13a3408196a4e_OA_TopBanner_20.jpg");
}

.topbanner-bg {
  opacity: .5;
  filter: blur(20px);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6793865cbc41710fae9048cd_OA_TopBanner_23.jpg");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(1.1);
}

.topbanner-bg.lesaanbod {
  filter: blur(5px);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c93ec770a25882c08_OA_TopBanner_15.jpg");
}

.topbanner-bg.openatelier {
  filter: blur(15px);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8bbc41710fae74d9ac_OA_TopBanner_17.jpg");
}

.topbanner-bg.wat-is-het-nlqf {
  opacity: .5;
  filter: blur(10px);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8b4de13a3408196a4e_OA_TopBanner_20.jpg");
}

.div-block-502 {
  background-color: var(--oa-purple-1);
  border-radius: 100px;
  width: 25%;
  height: 2px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.locatie_icon {
  vertical-align: text-top;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.recaptcha-4 {
  margin-top: 25px;
  margin-bottom: 10px;
}

.recaptcha-5 {
  margin-top: 20px;
}

.recaptcha-6 {
  margin-top: 25px;
}

.text-span-94 {
  text-transform: none;
  font-weight: 300;
}

.text-span-95 {
  font-size: 20px;
  font-weight: 300;
}

.kleur-cc-achtergrond {
  z-index: -1;
  background-color: var(--oa-orange-2);
  width: 400px;
  height: 250px;
  position: absolute;
}

.cc-evenementen {
  flex-flow: column;
  width: 400px;
  height: 800px;
  display: flex;
  position: relative;
}

.collection-item-18 {
  border-bottom: 1px solid var(--cc-grey-1);
  padding: 10px 15px;
  position: relative;
}

.collection-item-18:hover {
  background-color: var(--cc-grey-hover);
}

.text-block-200 {
  color: var(--oa-orange-1);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
}

.text-block-201 {
  color: var(--cc-text);
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.text-block-202 {
  color: var(--dim-grey);
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 18px;
  font-weight: 200;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-block-203 {
  color: var(--koptekst);
  letter-spacing: 1px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.div-block-503 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block-204 {
  color: var(--koptekst);
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.link-block-35 {
  width: 100%;
  height: 100%;
}

.div-block-504 {
  padding-bottom: 69px;
  overflow: auto;
}

.div-block-505 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  width: 940px;
  padding-bottom: 50px;
  display: flex;
}

.text-span-96 {
  color: var(--oa-orange-2);
  font-weight: 300;
}

.list-10, .list-11 {
  margin-bottom: 10px;
}

.tabs-2 {
  height: 100%;
}

.tabs-menu-3 {
  z-index: 999;
  border-top: 1px solid var(--cc-grey-1);
  justify-content: space-between;
  align-items: stretch;
  width: 400px;
  height: 70px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.tabs-content-2 {
  height: 800px;
}

.tab-link-tab-1 {
  background-color: var(--white);
  width: 25%;
  font-family: Material Symbols Outlined, sans-serif;
  font-weight: 200;
}

.tab-link-tab-1:hover {
  color: var(--oa-purple-1);
}

.tab-link-tab-1.w--current {
  background-color: var(--white);
  color: var(--oa-purple-1);
}

.tab-link-tab-2 {
  background-color: var(--white);
  width: 25%;
  font-family: Material Symbols Rounded, sans-serif;
  font-weight: 200;
}

.tab-link-tab-2:hover {
  color: var(--oa-purple-1);
}

.tab-link-tab-2.w--current {
  background-color: var(--white);
  color: var(--oa-purple-1);
  width: 25%;
  font-family: Material Symbols Rounded, sans-serif;
  font-weight: 200;
}

.tab-link-tab-3 {
  background-color: var(--white);
  width: 25%;
  font-family: Material Symbols Outlined, sans-serif;
  font-weight: 200;
}

.tab-link-tab-3:hover {
  color: var(--oa-purple-1);
  font-family: Material Symbols Rounded, sans-serif;
}

.tab-link-tab-3.w--current {
  background-color: var(--white);
  color: var(--oa-purple-1);
  font-family: Material Symbols Rounded, sans-serif;
}

.tab-link-tab-4 {
  background-color: var(--white);
  width: 25%;
  font-family: Material Symbols Rounded, sans-serif;
  font-weight: 200;
}

.tab-link-tab-4:hover {
  color: var(--oa-purple-1);
}

.tab-link-tab-4.w--current {
  background-color: var(--white);
  color: var(--oa-purple-1);
  font-family: Material Symbols Rounded, sans-serif;
}

.text-span-97 {
  font-size: 11px;
  font-weight: 300;
}

.search-result-item {
  margin-bottom: 20px;
}

.button-proefles {
  border-bottom: 3px solid var(--black);
  color: var(--white);
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 175px;
  height: 35px;
  font-weight: 300;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-span-98 {
  font-weight: 500;
}

.text-block-205 {
  text-align: center;
  white-space: nowrap;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-506 {
  border: 1px solid var(--cc-grey-1);
  width: 1px;
  height: 60px;
  position: relative;
}

.div-block-507 {
  background-color: var(--cc-grey-1);
  align-self: center;
  width: 1px;
  height: 300px;
  margin-left: 10px;
  margin-right: 20px;
  position: relative;
}

.menu-grid {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: stretch stretch;
  display: grid;
  position: relative;
}

.menu-grid.over-ons {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.text-block-206 {
  margin-right: 5px;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.text-span-titel-menu {
  font-weight: 300;
}

.div-block-509 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.div-block-510 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-right: 20px;
  display: flex;
}

.div-block-511 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.div-block-512 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66f652fe22a3ce7dd3c0edef_Logo_OA_RGB.png");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
}

.text-span-100 {
  color: var(--koptekst);
  font-family: Inconsolata, monospace;
  font-size: 12px;
  line-height: 14px;
}

.text-block-207 {
  justify-content: center;
  align-items: center;
  width: 10px;
  margin-left: 5px;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.text-span-101 {
  font-weight: 300;
}

.container-vakopleiding {
  border-style: solid;
  border-width: 0 1px 1px;
  border-color: var(--cc-grey-1);
  background-color: var(--algemene-achtergrondkleur);
  border-radius: 0 0 20px 20px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 15px;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.div-block-514 {
  padding-right: 20px;
}

.nav-slash {
  color: var(--oa-green-1);
  margin-left: 10px;
  margin-right: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.tabs-3 {
  flex-flow: column;
  margin-bottom: 50px;
  display: flex;
}

.tab-link-tab-1-2 {
  border: 1px solid var(--oa-green-1);
  background-color: var(--white);
  color: var(--oa-green-1);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.tab-link-tab-1-2.w--current {
  background-color: var(--oa-green-1);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  font-family: Raleway, sans-serif;
  font-weight: 400;
  display: flex;
}

.tabs-menu-4 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 50px;
  display: flex;
}

.tab-link-tab-2-2 {
  border: 1px solid var(--oa-green-1);
  background-color: var(--white);
  color: var(--oa-green-1);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  font-family: Raleway, sans-serif;
  display: flex;
}

.tab-link-tab-2-2.w--current {
  background-color: var(--oa-green-1);
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.text-block-208, .text-block-209 {
  font-size: 16px;
}

.form-block-9 {
  width: 100%;
  margin-bottom: 50px;
}

.schema-proefles {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-style: solid;
  border-width: 1px 1px 0;
  border-color: var(--cc-grey-1);
  background-color: var(--cc-grey-1);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 50px;
  display: grid;
}

.proefles-schema-text {
  font-family: Raleway, sans-serif;
  font-weight: 300;
}

.proefles-schema-text.kop {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 600;
}

.div-block-515 {
  background-color: var(--white);
  outline-color: var(--cc-grey-1);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: flex;
}

.div-block-515.hidden {
  background-color: var(--algemene-achtergrondkleur);
  outline-color: var(--algemene-achtergrondkleur);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.div-block-515.kop {
  background-color: var(--cc-grey-hover);
  outline-color: var(--cc-grey-1);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.div-block-516 {
  height: 100%;
}

.div-block-517 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75px;
  display: flex;
}

.text-block-210 {
  font-family: Material Symbols Sharp, sans-serif;
  font-weight: 200;
}

.text-block-211 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: flex;
}

.div-block-518 {
  background-color: var(--oa-purple-1);
  border-radius: 50px 0 0 50px;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-519 {
  background-color: var(--oa-purple-1);
  border-radius: 0 50px 50px 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-520 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.voordeel-punt {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  margin-bottom: 50px;
  display: flex;
  position: relative;
}

.voordeel-punt.foto-rechts {
  background-color: var(--algemene-achtergrondkleur);
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 0;
}

.voordeel-punt.horizontaal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75vw;
  height: 100%;
}

.div-block-522 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c030ceb9b8a7bdec432b_OA_PKP_03.jpg");
  background-position: 0%;
  background-size: cover;
  width: 50vw;
  height: 90vh;
}

.div-block-522.rechts {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798af0a9907301a72632482_OA_PO_02.jpg");
}

.div-block-522.rechts._1 {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c0301f7b0fdaa566c525_OA_PKP_02.jpg");
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  position: relative;
}

.div-block-522.horizontaal {
  width: 100%;
  height: 50vh;
}

.div-block-522.horizontaal._3 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675ab1409e147df6f85073df_JeKuntWatJeDoet..._03.jpg");
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 50vw;
}

.div-block-522.horizontaal._4 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bd02818843b7e0a8bfe5_OA_BG_02.jpg");
  border-radius: 20px;
  width: 50vw;
}

.div-block-522.horizontaal._5 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798bbceaf5229c79e826734_OA_BA_03.jpg");
  background-position: 100%;
  border-radius: 20px;
  width: 50vw;
}

.div-block-522.horizontaal.body-6 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798af0a9907301a72632482_OA_PO_02.jpg");
  border-radius: 20px;
  width: 50vw;
}

.div-block-522.links._2 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8b4f521e8b9bddea59_OA_TopBanner_21.jpg");
  background-position: 50%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.div-block-523 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30vw;
  display: flex;
  position: sticky;
  top: 300px;
}

.div-block-523.rechts {
  justify-content: center;
  align-items: flex-end;
  width: 720px;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 50px;
}

.div-block-523.horizontaal {
  margin-left: 20px;
  margin-right: 20px;
  top: auto;
}

.div-block-523.links {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 20px;
}

.onderschrift-voordelen-pagina {
  color: var(--oa-purple-2);
  text-align: right;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.onderschrift-voordelen-pagina.links {
  text-align: left;
}

.titel-de-voordelen {
  color: var(--oa-purple-1);
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.6rem;
}

.titel-de-voordelen.rechts {
  text-align: right;
  font-size: 2.5rem;
  line-height: 2.6rem;
}

.titel-de-voordelen.links {
  text-align: left;
}

.text-span-titel-de-voordelen {
  color: var(--koptekst);
  font-weight: 300;
}

.devoordelen-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--oa-purple-1);
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.devoordelen-link:hover {
  color: #8b22fc99;
}

.text-block-212 {
  font-family: Raleway, sans-serif;
}

.text-block-213 {
  font-family: Material Symbols Outlined, sans-serif;
  font-weight: 500;
}

.lottie-devoordelen {
  z-index: 1;
  mix-blend-mode: color-burn;
  margin-bottom: 25px;
  padding: 20px;
  position: absolute;
  inset: 0%;
}

.lottie-devoordelen.rechts {
  display: none;
  inset: 0% 0% 0% auto;
}

.lottie-devoordelen.links {
  display: none;
  inset: 0% auto 0% -42.6vw;
}

.track {
  height: 400vw;
}

.camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 130px;
  overflow: hidden;
}

.section-de-voordelen {
  background-color: var(--algemene-achtergrondkleur);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-de-voordelen.hoveniers {
  margin-bottom: 50px;
  padding-bottom: 0;
}

.frame {
  height: 100%;
  display: flex;
}

.item {
  flex: none;
  width: 75vw;
  height: 100vh;
}

.div-block-524 {
  display: none;
}

.hoofdkop-de-voordelen {
  color: var(--koptekst);
  width: 940px;
  margin-top: 100px;
  margin-bottom: 100px;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  line-height: 3.5rem;
}

.text-span-102 {
  color: var(--oa-purple-1);
  font-weight: 700;
}

.de-voordelen-navigatie {
  z-index: 500;
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  width: 8vw;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 15px;
  display: flex;
  position: fixed;
  inset: auto 0% 50px;
}

.link-de-voordelen-nav {
  color: var(--cc-text);
  font-family: Raleway, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.body-blogs {
  background-color: var(--algemene-achtergrondkleur);
}

.link-block-37, .link-block-38 {
  text-decoration: none;
}

.link-block-39 {
  text-decoration: line-through;
}

.div-block-525 {
  border: 1px solid var(--oa-purple-1);
  color: var(--oa-purple-1);
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
}

.div-block-525.datum {
  margin-bottom: 0;
}

.text-block-214 {
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding: 5px 5px 5px 4px;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: flex;
}

.paragraph-46 {
  font-family: Raleway, sans-serif;
}

.text-span-103 {
  font-weight: 200;
}

.afbeelding-zp {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-zp._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67f904e438ac8ebfe1119c5f_OA_ZP.jpg");
  position: fixed;
  inset: 0%;
}

.afbeelding-zp._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67f904e4c5889197558961ec_OA_ZP2.jpg");
  background-position: 50%;
}

.afbeelding-zp._3rd {
  z-index: -2;
  opacity: 100;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67f904fbc4debc55d6c9d633_OA_ZP3.jpg");
}

.link-15 {
  color: var(--koptekst);
  text-align: center;
  text-underline-position: under;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  text-decoration: underline;
  text-decoration-thickness: .75px;
}

.heanding-intro-blog {
  line-height: 1.5rem;
}

.heading-intro-blog {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.link-special-menu {
  z-index: 1;
  background-color: var(--medium-sea-green-2);
  color: var(--white);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px 40px 10px 10px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.link-special-menu:hover {
  filter: contrast(150%);
}

.link-special-menu.zomerschool {
  width: 450px;
  margin-left: 15px;
}

.div-block-526 {
  flex-flow: column;
  align-self: stretch;
  position: relative;
}

.text-block-215 {
  z-index: 1;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  position: relative;
}

.text-span-104 {
  font-weight: 400;
}

.afbeelding-special-link {
  z-index: 0;
  filter: brightness(55%);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c428a18fc6f78ccf4940_OA_OJET_01.jpg");
  background-position: 50%;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  inset: 0%;
}

.afbeelding-special-link.zomerschool {
  filter: brightness(70%);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c0301f7b0fdaa566c525_OA_PKP_02.jpg");
}

.icoon-special-link-menu {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 25px;
  font-weight: 300;
  display: inline-flex;
  position: relative;
}

.text-block-217 {
  z-index: 1;
  margin-top: 5px;
  margin-right: 5px;
  font-family: Material Symbols Sharp, sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: absolute;
  inset: 0% 0% auto auto;
}

.collection-list-wrapper-18 {
  width: 100%;
}

.collection-item-19 {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  border-radius: 20px;
  flex: 1;
  align-self: stretch;
  min-width: 306px;
  max-width: 306px;
  padding-bottom: 17.5px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.collection-list-19 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 25px 0 50px;
  display: flex;
}

.div-block-528 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  height: 50%;
}

.div-block-529 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-531 {
  position: absolute;
}

.teller {
  vertical-align: middle;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.group-wrapper {
  z-index: 1;
  color: var(--oa-purple-1);
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  position: relative;
}

.group-wrapper:hover {
  color: var(--cc-text);
}

.group-wrapper.cms {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 10px;
}

.text-block-218 {
  letter-spacing: 1px;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.text-block-219 {
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.text-block-220 {
  letter-spacing: 1px;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.beschikbare-plekken {
  border: 1px solid var(--oa-purple-1);
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 20px;
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.beschikbare-plekken.cursussen {
  margin-left: 0;
}

.collection-list-wrapper-startdata {
  width: 100%;
  margin-top: 5px;
}

.empty-state-7 {
  background-color: var(--white);
  padding: 0 0 0 10px;
}

.text-block-221 {
  color: var(--oa-purple-1);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.collection-list-wrapper-19 {
  width: 100%;
}

.bold-text-qs {
  height: 100%;
}

.afbeelding-landschaftspark {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/66dede5d9283bd4a5da8cd0a_OntwerpAcademie-Houten-0246.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.afbeelding-landschaftspark._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681b19b829e8b67807ad5033_OA_ZS%20-%20Landschaftspark2.jpg");
  background-size: cover;
}

.afbeelding-landschaftspark._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681b19b8b05ee151691dab7c_OA_ZS%20-%20Landschaftspark.jpg");
  background-position: 50%;
}

.afbeelding-landschaftspark._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681b19b77f02e5340d4d654f_OA_ZS%20-%20Landschaftspark3.jpg");
}

.text-block-222 {
  background-color: var(--oa-purple-1);
  color: var(--white);
  border-radius: 50px;
  margin-bottom: 25px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 25px;
    line-height: 33px;
  }

  h3 {
    font-size: 18px;
    line-height: 25px;
  }

  h4 {
    font-size: 16px;
    line-height: 24px;
  }

  p {
    font-size: 13px;
    line-height: 24px;
  }

  li {
    font-size: 1rem;
    line-height: 1.8rem;
  }

  blockquote {
    font-size: 14px;
    line-height: 19px;
  }

  .div-block {
    width: 90vw;
  }

  .div-block-3 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100vw;
  }

  .text-block {
    font-size: 10px;
    line-height: 10px;
  }

  .columns {
    width: 90vw;
  }

  .section-4 {
    margin-top: 2px;
  }

  .menu-text {
    font-size: 10px;
    line-height: 10px;
  }

  .footer {
    padding-bottom: 50px;
  }

  .paragraph-2 {
    font-size: 12px;
    line-height: 17px;
  }

  .heading {
    font-size: 13px;
    line-height: 13px;
  }

  .copyright {
    font-size: 10px;
    line-height: 10px;
  }

  .heading-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .search-button {
    font-size: 10px;
    line-height: 10px;
  }

  .search-input {
    height: 25px;
  }

  .heading-3 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 25px;
  }

  .heading-nieuws-frontpage {
    font-size: 30px;
    line-height: 30px;
  }

  .div-block-8, .div-block-9 {
    width: 90vw;
  }

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

  .heading-4 {
    font-size: 19px;
    line-height: 27px;
  }

  .voorpagina-knop-1 {
    font-size: 1.4vw;
  }

  .heading-6 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 25px;
  }

  .image-5 {
    width: 20px;
  }

  .heading-8 {
    font-size: 18px;
    line-height: 18px;
  }

  .collection-list-wrapper-2 {
    width: 90vw;
  }

  .heading-9 {
    font-size: 21px;
    line-height: 28px;
  }

  .terug-vacatures.w--current {
    font-size: 12px;
    line-height: 12px;
  }

  .heading-algemeen {
    font-size: 24px;
    line-height: 24px;
  }

  .paragraph-text-header {
    font-size: 13px;
  }

  .div-block-20, .div-block-22 {
    width: 30vw;
  }

  .columns-5 {
    width: 90vw;
  }

  .text-block-9 {
    font-size: 11px;
    line-height: 11px;
  }

  .div-block-28 {
    width: 90vw;
  }

  .collection-list-4 {
    justify-items: stretch;
  }

  .collection-list-wrapper-3, .collection-list-wrapper-4, .collection-list-wrapper-5 {
    width: 90vw;
  }

  .heading-15 {
    font-size: 16px;
    line-height: 18px;
  }

  .text-block-13 {
    font-size: 14px;
    line-height: 18px;
  }

  .collection-list-5 {
    grid-template-columns: 1fr 1fr;
  }

  .heading-16 {
    font-size: 13px;
    line-height: 13px;
  }

  .text-block-14 {
    font-size: 13px;
  }

  .heading-18 {
    font-size: 16px;
    line-height: 16px;
  }

  .collection-list-6 {
    grid-template-columns: 1fr;
  }

  .top-banner-kleur {
    width: 90vw;
    padding-left: 15px;
  }

  .top-banner-kleur.exc-bnr-gp, .top-banner-kleur.exc-bnr-amst, .top-banner-kleur.exc-boskoop, .top-banner-kleur.exc-tuinenmienruys, .top-banner-kleur.exc-modeste, .top-banner-kleur.banner-ta, .top-banner-kleur.top-banner-paars, .top-banner-kleur.top-banner-pinetum, .top-banner-kleur.top-banner-opl-pk, .top-banner-kleur.banner-bio, .top-banner-kleur.banner-toegepaste, .top-banner-kleur.banner-sjeb, .top-banner-kleur.banner-atelier, .top-banner-kleur.banner-ojet, .top-banner-kleur.top-banner-sketchup, .top-banner-kleur.top-banner-sketchup-klassikaal, .top-banner-kleur.top-banner-sketchup-online, .top-banner-kleur.top-banner-v-c, .div-block-48, .details-excursie {
    width: 90vw;
  }

  .heading-naam {
    font-size: 24px;
    line-height: 24px;
  }

  .rich-text-opleiding-exc {
    width: 90vw;
  }

  .div-block-54 {
    width: auto;
  }

  .image-17 {
    height: 100px;
  }

  .text-startdata {
    font-size: 13px;
    line-height: 24px;
  }

  .div-block-57, .div-block-58 {
    width: 90vw;
  }

  .heading-details-opleiding {
    font-size: 13px;
  }

  .text-details-opleiding {
    font-size: 13px;
    line-height: 24px;
  }

  .div-block-61 {
    width: 60vw;
  }

  .div-block-62 {
    width: 30vw;
  }

  .div-header-contain {
    width: auto;
  }

  .div-block-64 {
    width: 90vw;
    display: none;
  }

  .div-block-65 {
    flex-direction: column;
    width: 90vw;
  }

  .grid-2 {
    width: 90vw;
  }

  .opleiding-icoon {
    padding: 2vw;
  }

  .heading-25 {
    font-size: 17px;
    line-height: 17px;
  }

  .top-banner-paars-verloop, .top-banner-paars-verloop.ons-team {
    width: 90vw;
  }

  .button-opleiding.button-opl-pk {
    font-size: 12px;
    line-height: 12px;
  }

  .div-block-75, .form-block, .div-block-89, .collection-list-7 {
    width: 90vw;
  }

  .heading-29 {
    font-size: 16px;
    line-height: 19px;
  }

  .text-block-19 {
    font-size: 13px;
    line-height: 13px;
  }

  .div-block-98 {
    width: 90vw;
    margin-bottom: 25px;
  }

  .heading-button-contact.heading-button-contact-groen {
    font-size: 15px;
    line-height: 16px;
  }

  .div-block-105, .div-block-106 {
    width: 90vw;
  }

  .div-block-108 {
    width: auto;
  }

  .grid-4 {
    width: 90vw;
  }

  .heading-faq {
    font-size: 16px;
    line-height: 16px;
  }

  .div-block-109 {
    width: 90vw;
  }

  .text-block-21 {
    font-size: 12px;
    line-height: 17px;
  }

  .grid-5 {
    width: auto;
  }

  .grid-6, .grid-7, .div-block-126 {
    width: 90vw;
  }

  .div-block-feed {
    width: 90vw;
    height: 54vw;
  }

  .image-22, .image-23, .image-24, .image-25 {
    height: 35px;
  }

  .link-block-inschrijven.link-block-in-oranje {
    justify-content: flex-start;
  }

  .heading-34 {
    font-size: 18px;
    line-height: 18px;
  }

  .color-inschrijving.examen {
    background-color: var(--medium-sea-green-3);
  }

  .div-block-168, .div-block-171, .div-block-175 {
    width: 90vw;
  }

  .cirkel-1 {
    width: 20vh;
    height: 20vh;
  }

  .grid-zs {
    width: 90vw;
  }

  .startdata-zs-1 {
    width: 30vw;
  }

  .icoon-zs {
    height: 100px;
  }

  .voorpagina-knop-2, .voorpagina-knop-3 {
    font-size: 1.4vw;
  }

  .cirkel-txt {
    width: 20vh;
    height: 20vh;
  }

  .container-5 {
    max-width: 90vw;
  }

  .video-home {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-block-215 {
    height: auto;
    margin-bottom: 0;
    overflow: visible;
  }

  .vlak {
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 40vh;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-28.oa-connect {
    font-weight: 300;
  }

  .youtube {
    width: 100%;
  }

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

  .div-block-218 {
    width: 90vw;
    padding-top: 0;
  }

  .dropdown-link-menu.extra-s {
    margin-right: 0;
  }

  .photo-slide-auto {
    overflow: hidden;
  }

  .text-block-50 {
    font-size: 1.5rem;
    line-height: 1.3rem;
  }

  .waarom-niet-kiezen-voor-de-oa {
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
    min-width: auto;
    max-width: none;
  }

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

  .button.video {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    width: 150px;
    font-size: 1rem;
    line-height: 1rem;
  }

  .button.examens, .button.stageprojecten {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button.contact--popup {
    height: 30px;
    padding-left: 10px;
    padding-right: 5px;
    font-size: .8rem;
    line-height: .8rem;
  }

  .button.aanmelden--vakexcursie--alt {
    font-size: .8rem;
  }

  .button.blogs {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button.vacatures {
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 0 10px;
  }

  .button.landing {
    height: auto;
    padding: 0 10px;
  }

  .image-51 {
    width: 200px;
    height: 45%;
  }

  .container-9 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90vw;
    max-width: none;
    display: flex;
  }

  .cursus {
    line-height: 16px;
  }

  .homepage {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-34 {
    margin-top: 0;
  }

  .div-block-221 {
    width: 90vw;
  }

  .text-block-56 {
    white-space: normal;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .logo-s-partners {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    min-width: 200vw;
  }

  .text-footer {
    order: -1;
    margin-right: 0;
  }

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

  .text-block-57 {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .text-block-58 {
    width: 90vw;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .ta-product-balk {
    z-index: 0;
    height: 100vh;
    margin-top: 0;
    display: flex;
  }

  .afbeelding-ta {
    margin-left: auto;
    margin-right: auto;
  }

  .naam-opleiding-cursus {
    font-size: 3.5rem;
    line-height: 4.3rem;
    position: relative;
  }

  .navigation-in-page-textspan {
    border-radius: 0;
    height: 60px;
    position: sticky;
  }

  .container-11 {
    max-width: none;
  }

  .link-in-page-nav.mobile {
    display: none;
  }

  .container--all--pages {
    width: 90vw;
    max-width: none;
  }

  .naam--onderwerp--klein {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .naam--onderwerp--klein.to {
    font-size: 1.1rem;
    line-height: 1.7rem;
  }

  .naam--onderwerp {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 1.7rem;
    line-height: 2.5rem;
  }

  .korte-informatie-onderwerp {
    padding-left: 0;
    font-size: .8rem;
  }

  .korte-informatie-onderwerp.inclusief {
    border-radius: 5px;
  }

  .qs-highlights {
    margin-top: 0;
  }

  .div-block-226 {
    width: 90vw;
    margin-bottom: 0;
  }

  .mobile-menu-wrapper {
    z-index: 1000;
    margin-left: 30px;
    margin-right: 30px;
    display: block;
  }

  .vakken-titel, .startdata-titel {
    height: 100vh;
  }

  .details-avondopleiding {
    margin-top: 30px;
    margin-bottom: 25px;
  }

  .text--block--details--opleiding {
    font-size: .9rem;
    line-height: 1.6rem;
  }

  .excursie-product-balk {
    z-index: 0;
    margin-top: -60px;
    display: flex;
  }

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

  .details-gp-titel {
    margin-top: 100px;
  }

  .details-opleiding-cursus-examen {
    margin-top: 30px;
  }

  .examens-product-balk {
    flex-flow: column;
    height: 93vh;
    margin-top: 7vh;
    display: flex;
  }

  .afbeelding-examens {
    background-position: 72%;
  }

  .div-block-238 {
    display: none;
  }

  .text-field-algemeen {
    height: 40px;
    font-size: .9rem;
    line-height: .9rem;
  }

  .text-field-algemeen.vraag {
    min-width: 90vw;
    max-width: 90vw;
  }

  .field-label-13.huisnummer.mobile--only {
    display: none;
  }

  .field-label-13.sub {
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .versturen {
    margin-top: 20px;
  }

  .slider-50 {
    width: 90vw;
    height: 30vh;
  }

  .topbanner-wrap, .topbanner-wrap.de-voordelen {
    margin-top: 60px;
  }

  .topbanner-wrap.agenda-cms {
    width: 90vw;
  }

  .lesaanbod-grid {
    width: 100%;
  }

  .opleiding-curs-blok {
    background-repeat: repeat;
    background-attachment: scroll;
    width: auto;
    height: 100%;
  }

  .opleiding-curs-blok.bg, .opleiding-curs-blok.gp {
    width: auto;
  }

  .opleiding-curs-blok.v-c, .opleiding-curs-blok.zp {
    background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790e36d5e4d24a731710b45_DeCursussen_07.jpg");
  }

  .text-block-70 {
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .9rem;
  }

  .link-block-30 {
    width: 100%;
    height: 250px;
  }

  .paragraph-29 {
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .titel-blog {
    margin-top: 10px;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .linkblogs {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .collection-list-wrapper-8 {
    width: 90vw;
  }

  .auteur-blog {
    font-size: 14px;
    line-height: 18px;
  }

  .div-block-255 {
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
  }

  .toelichting {
    z-index: 2;
    width: 70vw;
    font-size: 1.2rem;
    line-height: 1.7rem;
    position: relative;
  }

  .afbeelding--agenda {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 200px;
  }

  .collection-list-wrapper-10 {
    flex-flow: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-260 {
    flex-flow: column;
  }

  .div-block-261 {
    display: none;
  }

  .list-item-algemeen {
    font-size: 1rem;
    line-height: 1.8rem;
  }

  .list-item-algemeen.privacyverklaring {
    line-height: 1.8rem;
  }

  .paragraph-platte-tekst {
    width: auto;
    font-size: .9rem;
    line-height: 1.7rem;
  }

  .paragraph-platte-tekst.quote {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .paragraph-platte-tekst.faq {
    font-size: 1rem;
    line-height: 1.8rem;
  }

  .paragraph-platte-tekst.intro {
    width: auto;
    margin-bottom: 25px;
  }

  .paragraph-platte-tekst.dagjemeelopen {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .paragraph-platte-tekst.inschrijven {
    font-size: 1rem;
  }

  .paragraph-platte-tekst.contact--popup {
    font-size: .8rem;
    line-height: 1.5rem;
  }

  .list-examens {
    padding-left: 20px;
    font-size: 12px;
    line-height: 18px;
  }

  .korte-informatie-examens {
    font-size: 12px;
    line-height: 18px;
  }

  .list-3 {
    margin-bottom: 25px;
  }

  .heading-platte-tekst-all-pages {
    font-size: 1.5rem;
  }

  .heading-platte-tekst-all-pages.faq {
    line-height: 20px;
  }

  .heading-platte-tekst-all-pages.dagjemeelopen {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }

  .heading-platte-tekst-all-pages.to.dropdown {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }

  .heading-platte-tekst-all-pages.routekaart--to-s {
    width: 90vw;
  }

  .heading-platte-tekst-all-pages.contact--popup {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }

  .heading-platte-tekst-all-pages.hoveniers {
    font-size: 1.7rem;
  }

  .schrijf-je-in-knop {
    width: 90vw;
  }

  .schrijf-je-in-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: .9rem;
    line-height: 2.1rem;
  }

  .schrijf-je-in-text.subsidie-werkgever {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-273 {
    width: 50px;
  }

  .text-block-81 {
    font-size: 1.4rem;
    line-height: 2.1rem;
  }

  .ba-product-balk {
    margin-top: 7vh;
    display: flex;
  }

  .afbeelding-ba {
    width: 100vw;
  }

  .body-6 {
    overflow: auto;
  }

  .text-block-82 {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-family: "Fa Solid 900", sans-serif;
    font-size: 20px;
    display: flex;
  }

  .menu-list {
    z-index: 1000;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--wit-opacity-90);
    -webkit-backdrop-filter: contrast(200%) blur(15px);
    backdrop-filter: contrast(200%) blur(15px);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 80vw;
    height: 100vh;
    margin-top: 60px;
    display: none;
    position: fixed;
    inset: 0% 0% auto;
    overflow: hidden;
    transform: scale3d(1, 1, 1.1);
  }

  .menu-wrapper-mobile-to {
    margin-bottom: 15px;
    line-height: 35px;
    overflow: hidden;
  }

  .search-mobile {
    border-bottom: 1px solid var(--oa-purple-1);
    width: 100%;
    display: flex;
  }

  .search-input-4 {
    transform: scale3d(1none, 1none, 1none);
    background-color: #fff0;
    border: 1px solid #0000;
    margin-bottom: 0;
    padding-left: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
  }

  .search-input-4::placeholder {
    color: var(--oa-purple-1);
  }

  .search-button-5 {
    color: var(--oa-purple-1);
    background-color: #3898ec00;
    font-family: "Fa Solid 900", sans-serif;
  }

  .menu-item-2 {
    flex-flow: column;
    display: flex;
  }

  .link-text-menu-mobile {
    color: var(--white);
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
  }

  .link-text-menu-mobile.xtra {
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
  }

  .text-block-83 {
    border-bottom: 1px solid var(--black);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: DM Sans, sans-serif;
    font-size: 22px;
    font-weight: 700;
  }

  .text-block-83.xtra {
    color: var(--black);
    text-transform: none;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
  }

  .menu-item {
    z-index: 1000;
    background-color: var(--donkerpaars-2);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0%;
    overflow: hidden;
    transform: scale3d(1, 1, 0);
  }

  .menu-items {
    flex-flow: column;
    margin-bottom: 40px;
    display: flex;
    overflow: hidden;
  }

  .link-block-33 {
    display: block;
  }

  .menu-wrapper-mobile-pk {
    margin-bottom: 15px;
    line-height: 35px;
    overflow: hidden;
  }

  .sluiten {
    border-bottom: 1px solid var(--black);
    color: var(--oa-purple-1);
    letter-spacing: 1px;
    text-transform: uppercase;
    width: auto;
    height: auto;
    margin-top: 100px;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
  }

  .image--opleiding.ta1, .image--opleiding.ba, .image--opleiding.ta1, .image--opleiding.bs {
    height: 200px;
  }

  .navbar-mobile {
    z-index: 1000;
    -webkit-backdrop-filter: contrast(200%) blur(10px);
    backdrop-filter: contrast(200%) blur(10px);
    justify-content: center;
    align-items: flex-start;
    display: block;
    position: fixed;
    top: 0;
    overflow: visible;
    box-shadow: 0 1px 5px #0003;
  }

  .text-block-93 {
    color: var(--black);
    text-align: left;
    letter-spacing: 1px;
    justify-content: center;
    align-items: center;
    height: 5vh;
    font-family: Inconsolata, monospace;
    font-size: 25px;
    font-weight: 600;
    line-height: 55px;
    display: flex;
  }

  .text-block-93.oac {
    color: var(--oa-purple-1);
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    line-height: 22px;
    text-decoration: underline;
    display: flex;
  }

  .text-block-93.oac.w--current {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    font-family: Montserrat, sans-serif;
  }

  .text-block-93.oac._1 {
    padding-right: 0;
  }

  .div-block-290.to {
    flex: 1;
  }

  .div-block-292 {
    font-size: .8rem;
  }

  .div-block-296 {
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .mobile-menu {
    z-index: 1000;
    border-left: 1px solid var(--koptekst);
    background-color: var(--white);
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: auto;
    transform: scale3d(1, 1, 0);
  }

  .text-block-96 {
    border-bottom: 1px solid var(--black);
    color: var(--black);
    text-transform: lowercase;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-family: Montserrat, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5rem;
  }

  .text-block-96.extras {
    color: var(--koptekst);
    text-align: center;
    letter-spacing: 1px;
    text-transform: none;
    border-bottom-width: 0;
    border-radius: 45px;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .8rem;
    font-weight: 300;
    line-height: .8rem;
  }

  .div-block-299 {
    background-color: var(--oa-purple-1);
    border-radius: 50px;
    justify-content: space-around;
    align-items: center;
    width: 80%;
    margin-top: 25px;
    padding-left: 25px;
    display: flex;
    position: relative;
  }

  .search-4 {
    width: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .search-button-6 {
    color: var(--white);
    background-color: #3898ec00;
    font-family: "Fa Solid 900", sans-serif;
    overflow: visible;
  }

  .search-input-5 {
    color: var(--white);
    background-color: #fff0;
    border: 1px solid #0000;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    overflow: visible;
  }

  .search-input-5::placeholder {
    color: var(--white);
    background-color: #fff0;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
  }

  .menubar-mobile {
    z-index: 1000;
    background-color: var(--white);
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: 60px;
    display: flex;
    position: fixed;
    top: 0;
  }

  .cms-item {
    flex: 1;
    min-width: 320px;
    max-width: 320px;
    min-height: auto;
    max-height: none;
    margin-right: 20px;
  }

  .div-block-301 {
    height: 250px;
  }

  .collection-list-12 {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-303 {
    font-size: 1rem;
  }

  .div-block-304 {
    width: 90vw;
  }

  .collection-list-wrapper-13 {
    width: 90vw;
    margin-bottom: 50px;
  }

  .collection-item-14 {
    width: 300px;
  }

  .div-block-306 {
    min-width: 200px;
  }

  .text-block-99 {
    font-size: 12px;
  }

  .datum--agenda {
    justify-content: center;
    align-items: center;
    font-size: .8rem;
    line-height: .8rem;
    display: flex;
  }

  .heading-blog {
    line-height: 2rem;
  }

  .div-block-309 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .homepage-title {
    margin-bottom: 25px;
  }

  .homepage-title.alt {
    text-align: left;
    font-size: 2rem;
    line-height: 2.3rem;
  }

  .homepage-flat-text.cursus {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .div-block-313, .div-block-314 {
    width: 90vw;
  }

  .homepage--txt--link, .homepage--txt--link.white {
    line-height: 1.8rem;
  }

  .homepage--txt--link.algemeen.cursus {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: .8rem;
  }

  .homepage--txt--link.algemeen.perks {
    font-size: .9rem;
  }

  .homepage--txt--link.algemeen.white {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .homepage--txt--link.algemeen.footer {
    padding-bottom: 10px;
  }

  .homepage--txt--link.algemeen.vakopleidingen {
    width: auto;
    font-size: .9rem;
  }

  .homepage--txt--link.dagjemeelopen.to {
    border-radius: 30px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .auteur--blog {
    font-size: .8rem;
  }

  .footer-meer-info {
    margin-bottom: 10px;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .ervaringen {
    margin-bottom: 40px;
  }

  .link {
    font-size: .8rem;
  }

  .reviews-link {
    font-size: 12px;
  }

  .team {
    width: 100%;
  }

  .foto--team {
    width: 100%;
    height: 500px;
  }

  .function {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }

  .name {
    font-weight: 700;
  }

  .div-block-320 {
    width: 90vw;
  }

  .cursus-wrap {
    min-width: 43vw;
    max-width: 43vw;
    padding: 0;
  }

  .cursus-wrap.v-c {
    align-self: stretch;
  }

  .text-block-105 {
    color: var(--oa-purple-1);
    text-align: center;
    margin-bottom: 0;
    font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.8rem;
  }

  .div-block-324 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    margin-right: 15px;
    display: flex;
  }

  .text-block-106 {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .checkbox-label-5 {
    font-size: .9rem;
  }

  .text-block-109 {
    font-size: 12px;
  }

  .google-symbol {
    width: 11px;
    height: 11px;
    font-size: 1rem;
  }

  .faq-subject {
    margin-bottom: 10px;
  }

  .div-block-333 {
    opacity: 100;
  }

  .text-block-110 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.2rem;
  }

  .homepage-perks {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }

  .qs-startdata {
    grid-template-columns: 1fr;
  }

  .qs-startdata.ta, .qs-startdata.ba, .qs-startdata.pkp, .qs-startdata.examens, .qs-startdata.sku, .qs-startdata.tos, .qs-startdata.examens, .qs-startdata.ojet {
    width: 100%;
  }

  .locatie {
    font-size: .9rem;
    line-height: 20px;
  }

  .group {
    font-size: .9rem;
    line-height: 24px;
  }

  .qs-cursussen {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 90vw;
  }

  .download--pdf {
    font-size: 1.3rem;
  }

  .list-7 {
    margin-bottom: 25px;
  }

  .vacature-text {
    font-size: .9rem;
    line-height: 1.7rem;
  }

  .vacatures {
    margin-bottom: 40px;
  }

  .quick-stack-14 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 90vw;
    min-width: auto;
    max-width: none;
  }

  .div-block-347 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .text-block-111 {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .progressbar {
    z-index: 999;
  }

  .carrouselgroep {
    padding: 1px 3px;
    font-size: .8rem;
  }

  .afbeelding-pkp {
    margin-left: auto;
    margin-right: auto;
  }

  .datum-blog {
    font-size: 14px;
    line-height: 18px;
  }

  .scrolldown {
    font-size: 2rem;
    line-height: 2rem;
  }

  .afbeelding-tbl, .afbeelding-bd {
    margin-left: auto;
    margin-right: auto;
  }

  .vakopleidingen {
    width: 90vw;
  }

  .afbeelding-po {
    margin-left: auto;
    margin-right: auto;
  }

  .perks {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .perk {
    min-width: 225px;
  }

  .duur-opleiding {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }

  .duur-opleiding.cursus {
    font-size: .9rem;
    font-weight: 400;
  }

  .duur-opleiding.ba, .duur-opleiding.to {
    font-size: 1.1rem;
  }

  .duur-opleiding.to.soon {
    height: 25px;
    font-size: 1rem;
    top: -12.5px;
  }

  .afbeelding-sku {
    margin-left: auto;
    margin-right: auto;
  }

  .tabs-menu {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .tabs-content {
    width: 100vw;
  }

  .titel-sku-tab {
    font-size: 1.2rem;
  }

  .div-block-367 {
    width: 90vw;
  }

  .afbeelding-ojet {
    margin-left: auto;
    margin-right: auto;
  }

  .social--media--list {
    margin-top: -7vh;
    padding: 10px;
  }

  .facebook {
    width: 20px;
  }

  .instagram, .linkedin {
    width: 30px;
  }

  .dropdown--icon {
    font-family: Material Symbols Outlined, sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
  }

  .afbeelding-mt {
    margin-left: auto;
    margin-right: auto;
  }

  .qs--extras {
    width: 90vw;
  }

  .inschrijven--tab {
    padding: 5px 10px;
  }

  .afbeelding-al {
    margin-left: auto;
    margin-right: auto;
  }

  .list-item-3, .list-item-4 {
    font-size: 1rem;
    line-height: 1.8rem;
  }

  .arrow--left {
    margin-left: 10px;
    font-size: 1.8rem;
  }

  .arrow--right {
    margin-right: 10px;
    font-size: 1.8rem;
  }

  .text-span-60 {
    font-size: 1.3rem;
  }

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

  .text-span-63 {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

  .text-span-63.video {
    margin-left: 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .text-span-63.dagje--meelopen {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

  .text-block-122 {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
    line-height: 13px;
  }

  .div-block-382 {
    justify-content: center;
    align-items: flex-start;
    height: 40vh;
    inset: 0% 0% auto;
  }

  .cell-40 {
    padding: 20px 10px;
  }

  .field-label-15 {
    font-size: 1.3rem;
  }

  .naam-nieuwsbrief::placeholder {
    font-size: .8rem;
  }

  .submit-button-6 {
    width: 120px;
  }

  .datum--blog {
    font-size: .7rem;
  }

  .routekaart--tuinarchitectuur {
    margin-top: 0;
    display: none;
  }

  .container--routekaart {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    padding-top: 100px;
    overflow: auto;
  }

  .popup--wrapper.to {
    overflow: hidden;
  }

  .div-block-386 {
    width: 90vw;
  }

  .slider--beeldenbank {
    height: 40vh;
  }

  .text-block-128 {
    background-color: var(--oa-orange-1);
    font-size: 2rem;
    line-height: 2rem;
  }

  .landing--options {
    text-align: left;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 15px;
  }

  .background-video-2 {
    z-index: 100;
    height: 40vh;
  }

  .div-block-391 {
    flex-flow: column;
  }

  .div-block-392 {
    flex-flow: column;
    order: -1;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div-block-393 {
    width: 100%;
  }

  .div-block-394 {
    width: 90vw;
  }

  .div-block-396 {
    width: 90vw;
    padding-bottom: 100px;
  }

  .div-block-397 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .slider-56 {
    width: 940px;
    height: 350px;
  }

  .div-block-399 {
    justify-content: center;
    align-items: flex-start;
  }

  .text-block-130 {
    width: 320px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .text-block-130._2 {
    font-size: 1rem;
    line-height: 1rem;
  }

  .div-block-401 {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    margin-left: 10px;
    margin-right: 10px;
  }

  .platte--tekst--titel--dropdown {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }

  .titel--wrapper {
    width: 90vw;
  }

  .nav--divider {
    width: 1px;
    height: 20px;
  }

  .text-block-131 {
    font-size: 1.1rem;
  }

  .div-block-412, .div-block-417 {
    width: 90vw;
  }

  .rich--text--agenda {
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    width: auto;
  }

  .titel--agenda {
    font-size: 1.3rem;
  }

  .button--agenda {
    font-size: .7rem;
  }

  .examen-formulier {
    width: 90vw;
  }

  .lottie-animation-3 {
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
  }

  .text--block--menu--mob {
    color: var(--oa-purple-1);
    text-align: left;
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
  }

  .text--block--menu--mob.w--current {
    color: var(--oa-orange-1);
  }

  .text--block--menu--mob.top {
    color: var(--koptekst);
    margin-top: 50px;
  }

  .text--block--menu--mob.top.w--current {
    color: var(--oa-orange-1);
  }

  .text--span--menu--mob {
    color: var(--white);
    vertical-align: top;
    font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  }

  .container--extras {
    width: 90vw;
    max-width: none;
  }

  .div-block-432 {
    width: 90vw;
  }

  .text-block-134 {
    width: 90vw;
    font-size: 1.3rem;
    line-height: 1.8rem;
  }

  .text-block-134.chatbot {
    border-bottom-style: none;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .lottie-animation-5 {
    width: 130px;
  }

  .div-block-435 {
    width: 90vw;
  }

  .image-64 {
    margin-left: 20px;
  }

  .div-block-436 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 30px;
    display: flex;
  }

  .text-block-135 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
  }

  .div-block-437 {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin-top: 25px;
    display: flex;
  }

  .div-block-438 {
    flex-flow: row;
    width: 100%;
    margin-top: 20px;
    display: flex;
  }

  .algemene--voorwaarden {
    width: 90vw;
  }

  .div-block-439, .div-block-440 {
    width: 100%;
  }

  .container--stageproject {
    width: auto;
    max-width: none;
  }

  .div-block-441 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    width: 90vw;
  }

  .stageproject--div--aanmelden {
    margin-top: 195px;
  }

  .textblock--stageprojecten {
    line-height: 1.4rem;
  }

  .textblock--stageprojecten.kop {
    font-size: 1.3rem;
  }

  .routekaart {
    flex-flow: column;
    width: 90vw;
    height: 962px;
  }

  .routekaart--vorm {
    margin-bottom: 0;
  }

  .wrapper--routekaart--item {
    flex-flow: row;
  }

  .wrapper--routekaart--item._1 {
    flex-flow: row;
    height: auto;
    padding-left: 0;
  }

  .wrapper--routekaart--item._2, .wrapper--routekaart--item._3 {
    flex-flow: row;
  }

  .text-block-140 {
    text-align: left;
    border-top-width: 0;
    margin-left: 10px;
    padding-bottom: 10px;
  }

  .div-block-443 {
    z-index: 5;
    width: 5px;
    margin-top: 0;
    position: relative;
    left: -240px;
  }

  .div-block-444 {
    width: 5px;
    height: 35px;
  }

  .text-block-141 {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
    position: relative;
  }

  .text-block-141.tos {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
  }

  .div-block-445 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 962px;
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .div-block-445.tos {
    height: 962px;
    padding-top: 0;
  }

  .div-block-447 {
    z-index: 999;
    width: 350px;
  }

  .lottie-animation-6 {
    width: 70px;
  }

  .text-block-146 {
    -webkit-text-stroke-width: 1px;
    font-size: 1.6rem;
  }

  .div-block-448 {
    margin-bottom: 40px;
    margin-right: 0;
    inset: auto 0% 0% auto;
    transform: rotate(90deg);
  }

  .details--excursie {
    margin-top: 30px;
  }

  .lesaanbod--hoveniers {
    width: 100%;
    height: 243px;
  }

  .afbeelding-bs {
    width: 100vw;
  }

  .logo--oa {
    display: none;
  }

  .toevoeging--menu--mobile {
    color: var(--oa-purple-1);
    padding-right: 25px;
    font-family: Montserrat, sans-serif;
    font-size: .9rem;
    font-weight: 200;
    line-height: .9rem;
  }

  .dropdown-menu-mobile-trigger {
    border-bottom: 1px solid var(--cc-grey-hover);
    color: var(--black);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div-block-457 {
    width: 90vw;
  }

  .afbeelding-v-c {
    margin-left: auto;
    margin-right: auto;
  }

  .popup--nieuwe--website {
    display: none;
  }

  .text-block-166 {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .inschrijven-grid, .inschrijven-grid.bd, .inschrijven-grid.vo-s {
    width: 90vw;
  }

  .collection-item-15 {
    min-width: 250px;
    max-width: none;
  }

  .text-block-195 {
    color: var(--oa-purple-1);
    justify-content: center;
    align-items: center;
    width: 16px;
    font-family: Material Symbols Outlined, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    display: flex;
  }

  .link-14 {
    color: var(--koptekst);
    font-family: Montserrat, sans-serif;
    font-size: .9rem;
    font-weight: 300;
  }

  .div-block-483 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .div-block-484 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    color: var(--koptekst);
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    width: 400px;
    margin-left: 0;
    display: flex;
  }

  .text-block-196 {
    color: var(--oa-purple-1);
    font-family: Material Symbols Outlined, sans-serif;
  }

  .div-block-485 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
  }

  .div-block-486 {
    background-color: var(--koptekst);
    border-radius: 20px;
    width: 500px;
    height: 1px;
    margin: 20px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .collection-list-16 {
    justify-content: center;
    align-items: center;
  }

  .introducite-tekst {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }

  .text-span-92.white {
    font-size: 13px;
  }

  .div-block-494 {
    border-width: 0;
    flex-flow: column;
    min-width: auto;
    max-width: none;
    padding-bottom: 0;
    padding-left: 0;
  }

  .paragraph-45 {
    width: 70vw;
  }

  .email-nieuwsbrief::placeholder {
    font-size: .8rem;
  }

  .naam-nb {
    height: 40px;
    font-size: .9rem;
    line-height: .9rem;
  }

  .div-block-505 {
    justify-content: space-between;
    align-items: center;
    width: 90vw;
  }

  .div-block-507 {
    width: 90%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .menu-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
  }

  .menu-grid.over-ons {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .container-vakopleiding {
    border-width: 1px;
    border-radius: 10px;
    flex-flow: column;
    width: 100%;
    margin-right: 0;
    padding-right: 15px;
  }

  .div-block-514 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    width: 100%;
    display: grid;
  }

  .voordeel-punt, .voordeel-punt.foto-rechts, .track {
    display: none;
  }

  .section-de-voordelen {
    padding-top: 50px;
    padding-bottom: 25px;
  }

  .div-block-524 {
    flex-flow: column;
    display: flex;
  }

  .hoofdkop-de-voordelen {
    display: none;
  }

  .div-block-525 {
    margin-bottom: 0;
  }

  .text-block-214 {
    margin-right: 5px;
    font-size: 18px;
    line-height: 18px;
  }

  .afbeelding-zp {
    margin-left: auto;
    margin-right: auto;
  }

  .link-special-menu {
    position: relative;
  }

  .text-block-215 {
    font-size: 15px;
    line-height: 17px;
  }

  .icoon-special-link-menu {
    font-size: 20px;
  }

  .text-block-217 {
    font-size: 18px;
    line-height: 18px;
  }

  .collection-item-19 {
    min-width: 340px;
    max-width: 340px;
  }

  .link-16 {
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    text-underline-position: under;
    font-family: Montserrat, sans-serif;
    text-decoration: underline;
  }

  .link-16.w--current {
    font-family: Montserrat, sans-serif;
    text-decoration-thickness: .75px;
  }

  .div-block-530 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .menu-grid-lees-ook {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .afbeelding-landschaftspark {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    text-align: justify;
    font-family: Roboto, sans-serif;
    font-size: 21px;
  }

  h4 {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  p {
    text-align: justify;
    font-size: 15px;
  }

  li {
    font-size: .9rem;
    line-height: 1.7rem;
  }

  blockquote {
    text-align: justify;
    font-size: 15px;
    line-height: 24px;
  }

  .section-3 {
    display: none;
  }

  .columns {
    flex-direction: column;
  }

  .section-4 {
    margin-top: 0;
  }

  .footer {
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .paragraph-2 {
    font-size: 14px;
    line-height: 21px;
  }

  .heading {
    font-size: 14px;
    line-height: 14px;
  }

  .column-3 {
    padding-right: 0;
  }

  .html-embed {
    display: block;
  }

  .heading-3 {
    font-size: 19px;
  }

  .column-10 {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-10 {
    border-bottom-left-radius: 0;
    padding-top: 20px;
  }

  .heading-4 {
    font-size: 22px;
    line-height: 30px;
  }

  .image-3 {
    width: 125px;
    max-width: none;
  }

  .voorpagina-knop-1 {
    font-size: 2vw;
  }

  .image-4 {
    width: 125px;
  }

  .div-block-13 {
    padding-top: 20px;
    padding-bottom: 35px;
  }

  .heading-6 {
    font-size: 19px;
  }

  .paragraph-5 {
    line-height: 24px;
  }

  .collection-list-3 {
    grid-template-columns: 1fr;
  }

  .button-2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
  }

  .heading-algemeen {
    text-align: left;
    font-size: 21px;
    line-height: 21px;
  }

  .paragraph-text-header {
    text-align: left;
  }

  .collection-item {
    flex-direction: column;
  }

  .div-block-20 {
    width: auto;
  }

  .div-block-21 {
    width: auto;
    margin-top: 20px;
    padding-left: 0;
  }

  .link-block-6 {
    border-bottom: 1px solid var(--white);
    border-left-style: none;
    border-right-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-block-9 {
    background-color: #0000;
    font-size: 13px;
    line-height: 13px;
  }

  .div-block-26 {
    width: 90vw;
  }

  .heading-11 {
    font-size: 28px;
    line-height: 36px;
  }

  .heading-12 {
    font-size: 18px;
    line-height: 26px;
  }

  .rich-text-block-4 {
    display: none;
  }

  .collection-list-4 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-columns: 1fr 1fr;
    width: 90vw;
  }

  .div-block-29 {
    width: auto;
  }

  .collection-item-2 {
    width: 44vw;
  }

  .div-block-30 {
    flex-direction: column;
    width: 90vw;
  }

  .image-12 {
    width: 250px;
  }

  .div-block-32 {
    margin-left: 0;
  }

  .div-block-33 {
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 15px;
  }

  .div-block-36 {
    width: 90vw;
  }

  .heading-15 {
    font-size: 18px;
  }

  .collection-list-5 {
    grid-template-columns: 1fr;
  }

  .heading-16 {
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-14 {
    font-size: 14px;
  }

  .top-banner-kleur {
    flex-direction: row;
    justify-content: center;
    padding-left: 15px;
  }

  .rich-text-opleiding-exc {
    text-align: left;
  }

  .text-startdata {
    font-size: 14px;
  }

  .div-block-57 {
    flex-direction: column;
  }

  .heading-details-opleiding {
    font-size: 14px;
    line-height: 24px;
  }

  .text-details-opleiding {
    font-size: 14px;
  }

  .div-block-61 {
    width: auto;
    padding-right: 0;
  }

  .div-block-61.examen {
    width: 90vw;
    margin-top: 15px;
  }

  .div-block-62 {
    width: auto;
    margin-top: 15px;
  }

  .div-block-62.examendata {
    width: 90vw;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .paragraph-9 {
    width: auto;
  }

  .div-block-79 {
    height: auto;
    max-height: 100%;
  }

  .div-block-80 {
    border-bottom-left-radius: 0;
    justify-content: center;
    height: 50px;
  }

  .div-block-82, .div-block-83 {
    justify-content: center;
    height: 50px;
  }

  .div-block-84 {
    border-bottom-left-radius: 10px;
    justify-content: center;
    height: 50px;
  }

  .div-block-92 {
    width: 90vw;
  }

  .rich-text-block-9 {
    text-align: left;
  }

  .text-block-19 {
    font-size: 14px;
  }

  .div-block-103 {
    padding: 15px;
  }

  .heading-faq {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 24px;
  }

  .rich-text-block-11 {
    font-family: Roboto, sans-serif;
  }

  .collection-item-8 {
    width: auto;
    height: auto;
  }

  .div-block-112 {
    width: 90vw;
  }

  .text-block-21 {
    font-size: 14px;
    line-height: 21px;
  }

  .navbar {
    background-color: var(--white);
    height: 75px;
    display: block;
  }

  .container {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    height: 75px;
    display: flex;
  }

  .image-21 {
    height: 60px;
    padding-left: 10vw;
  }

  .brand {
    align-self: center;
  }

  .nav-menu {
    text-transform: uppercase;
    background-color: #0000;
    flex-direction: column;
    align-items: flex-start;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    display: block;
  }

  .nav-link {
    background-color: var(--black);
    color: var(--white);
    margin-bottom: 2px;
    padding: 10px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    display: block;
  }

  .nav-link:focus {
    color: var(--dark-orange-2);
  }

  .nav-link:visited {
    color: var(--white);
  }

  .div-block-113 {
    justify-content: center;
    align-items: center;
    width: 90vw;
    display: flex;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    height: 75px;
    display: block;
  }

  .menu-button:focus, .menu-button.w--open {
    height: auto;
  }

  .dropdown-6 {
    margin-bottom: 2px;
    padding-left: 0;
    display: block;
  }

  .dropdown-toggle-2 {
    background-color: var(--black);
    color: var(--white);
    padding: 10px;
    display: block;
  }

  .dropdown-toggle-2:focus {
    color: var(--dark-orange-2);
  }

  .dropdown-list-4 {
    background-color: #0000;
  }

  .dropdown-list-4.w--open {
    background-color: var(--white-smoke);
  }

  .dropdown-link-mobile {
    background-color: var(--gainsboro);
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 13px;
  }

  .dropdown-link-mobile:focus {
    color: var(--dark-orange-2);
  }

  .dropdown-link-mobile:visited {
    color: var(--black);
  }

  .dropdown-link-mobile.w--current {
    color: var(--dark-orange-2);
  }

  .div-block-114 {
    align-self: auto;
    display: flex;
  }

  .grid-5 {
    grid-template-columns: 1fr 1fr;
    margin-top: 2px;
  }

  .div-block-119 {
    border-bottom-left-radius: 10px;
  }

  .div-block-121 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 25px;
    display: flex;
  }

  .datum-front-button {
    font-size: 13px;
  }

  .grid-6 {
    grid-template-columns: 1fr;
    width: 90vw;
    margin-bottom: 35px;
  }

  .div-block-124 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 10px;
    padding-top: 20px;
    padding-bottom: 25px;
  }

  .div-block-125 {
    background-color: #e6e6e6;
    border-bottom-right-radius: 10px;
    display: none;
  }

  .grid-7 {
    grid-template-columns: 1fr;
  }

  .container-2 {
    max-width: 90vw;
  }

  .image-22, .image-23, .image-24, .image-25 {
    height: 50px;
  }

  .div-block-134, .form, .div-block-136 {
    width: 90vw;
  }

  .heading-38 {
    font-size: 18px;
    line-height: 21px;
  }

  .div-block-140, .form-block-4, .div-block-143, .rich-text-block-13 {
    width: 90vw;
  }

  .heading-41 {
    font-size: 16px;
    line-height: 16px;
  }

  .div-block-146 {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .div-block-147, .div-block-148, .div-block-149 {
    width: auto;
    margin-right: 0;
  }

  .div-block-150 {
    width: auto;
  }

  .div-block-151 {
    margin-bottom: 5px;
  }

  .div-block-153 {
    display: none;
  }

  .div-block-156 {
    flex-flow: column;
  }

  .section-39 {
    z-index: 1;
    transition: opacity .2s;
    display: block;
    position: relative;
    transform: translate3d(0, 0, 1px);
  }

  .grid-9 {
    flex-direction: column;
    grid-auto-flow: row;
    display: flex;
  }

  .section-40 {
    padding-bottom: 100px;
  }

  .color-inschrijving.examen {
    background-color: var(--yellow);
  }

  .div-block-185 {
    width: 90vw;
  }

  .cirkel-1 {
    width: 15vh;
    height: 15vh;
  }

  .grid-zs {
    flex-direction: column;
  }

  .startdata-zs-1 {
    width: auto;
    margin-top: 15px;
  }

  .voorpagina-knop-2, .voorpagina-knop-3 {
    font-size: 2vw;
  }

  .cirkel-txt {
    width: 15vh;
    height: 15vh;
  }

  .vlak {
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    margin-top: 0;
    padding-top: 85px;
    padding-bottom: 25px;
  }

  .paragraph-28.oa-connect {
    margin-bottom: 10px;
    font-size: .9rem;
    line-height: 1.4rem;
  }

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

  .div-block-218 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-block-50 {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 4px;
    width: 100%;
    padding: 10px 10px 5px;
    font-size: 1.5rem;
  }

  .dropdown-trigger.contact:hover {
    padding-top: 3px;
  }

  .waarom-niet-kiezen-voor-de-oa {
    border-radius: 0;
  }

  .button {
    height: auto;
    margin-right: 0;
    padding-left: 5px;
  }

  .button.video:hover {
    top: 0;
  }

  .button.examens {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button.stageprojecten {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .button.aanmelden--vakexcursie--alt {
    height: 25px;
  }

  .button.landing {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .blokken {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .blokken.ba-bs {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .cursus {
    line-height: 2.1rem;
  }

  .text-block-56 {
    width: 90vw;
  }

  .logo-s-partners {
    min-width: 1500px;
  }

  .text-footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 20px;
    flex: 1;
    order: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .text-block-57 {
    font-size: 12px;
    line-height: 24px;
  }

  .partners {
    border-bottom-width: 2.5px;
  }

  .footer-2 {
    padding-bottom: 10px;
  }

  .naam-opleiding-cursus {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .navigation-in-page-textspan {
    justify-content: flex-start;
    align-items: center;
    position: sticky;
    overflow: visible;
  }

  .navigation-in-page-textspan.to {
    height: 7vh;
  }

  .container-11 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: center;
    height: 7vh;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
  }

  .link-in-page-nav {
    white-space: pre;
    position: relative;
  }

  .link-in-page-nav.mobile {
    display: none;
  }

  .naam--onderwerp--klein {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 1rem;
  }

  .naam--onderwerp {
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }

  .korte-informatie-onderwerp {
    padding: 5px 10px 5px 0;
    font-size: .7rem;
    line-height: 1rem;
  }

  .korte-informatie-onderwerp.inclusief {
    border-radius: 5px;
  }

  .qs-highlights {
    margin-top: 0;
  }

  .youtube-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mobile-menu-wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }

  .details-avondopleiding {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .excursie-product-balk, .examens-product-balk {
    display: flex;
  }

  .text-field-algemeen.vraag {
    height: 100px;
  }

  .field-label-13.huisnummer.mobile--only {
    display: none;
  }

  .div-block-241 {
    background-position: 89% 39%;
    margin-top: 100px;
  }

  .slider-50 {
    margin-top: 30px;
  }

  .text-block-69 {
    font-size: .9rem;
    line-height: 1.5rem;
  }

  .topbanner-wrap {
    margin-top: 60px;
  }

  .topbanner-wrap.podiumboskoop {
    margin-top: 80px;
  }

  .topbanner-wrap.excursies {
    margin-top: 60px;
  }

  .opleiding-curs-blok.bg, .opleiding-curs-blok.gp, .opleiding-curs-blok.al, .opleiding-curs-blok.tmr {
    height: 100%;
  }

  .text-block-70 {
    margin-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-size: .8rem;
  }

  .text-span-38 {
    font-weight: 400;
  }

  .link-block-30 {
    height: 200px;
  }

  .blog {
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 25px;
  }

  .div-block-251 {
    width: 100%;
    min-width: auto;
    height: 250px;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .paragraph-29 {
    width: auto;
  }

  .titel-blog {
    margin-bottom: 5px;
  }

  .text-block-72 {
    margin-top: 10px;
  }

  .auteur-blog {
    font-size: 12px;
    line-height: 16px;
  }

  .div-block-255 {
    width: 70vw;
  }

  .toelichting {
    width: 100%;
  }

  .text-block-extras {
    font-size: .8rem;
  }

  .list-item-algemeen {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .paragraph-platte-tekst {
    margin-bottom: 20px;
    line-height: 1.6rem;
  }

  .paragraph-platte-tekst.quote {
    padding-left: 30px;
    padding-right: 30px;
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .paragraph-platte-tekst.faq, .paragraph-platte-tekst.intro {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .paragraph-platte-tekst.dagjemeelopen {
    margin-right: 20px;
    font-size: .9rem;
    line-height: 1.5rem;
  }

  .list-examens {
    padding-right: 8px;
  }

  .korte-informatie-examens {
    font-size: 10px;
    line-height: 16px;
  }

  .heading-platte-tekst-all-pages {
    text-align: left;
    margin-bottom: 5px;
    font-size: 1.2rem;
    line-height: 1.7rem;
  }

  .heading-platte-tekst-all-pages.to.dropdown {
    width: 85vw;
    font-size: 1.2rem;
  }

  .heading-platte-tekst-all-pages.hoveniers {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }

  .schrijf-je-in-knop {
    width: 90vw;
  }

  .schrijf-je-in-knop.to {
    justify-content: flex-start;
    align-items: stretch;
  }

  .schrijf-je-in-text {
    font-size: .8rem;
    line-height: 1.8rem;
  }

  .schrijf-je-in-text.subsidie-werkgever {
    text-align: left;
    white-space: pre-wrap;
    line-height: 1.1rem;
  }

  .text-block-81 {
    font-size: 1.3rem;
    line-height: 30px;
  }

  .opl-en-curs-section {
    padding-bottom: 0;
  }

  .image--opleiding {
    height: 300px;
  }

  .image--opleiding.ta1, .image--opleiding.ba {
    width: 100%;
    height: 300px;
  }

  .image--opleiding.ta1 {
    height: 300px;
  }

  .image--opleiding.bs {
    width: 100%;
    height: 300px;
  }

  .text-block-93 {
    font-size: 25px;
  }

  .text-block-93.oac, .text-block-93.oac.w--current {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10px;
  }

  .div-block-292 {
    display: flex;
  }

  .div-block-296 {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
  }

  .mobile-menu {
    border-left-width: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
    margin-top: 60px;
    overflow: auto;
  }

  .text-block-96 {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .text-block-96.extras {
    text-align: center;
    flex: 1;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: .8rem;
  }

  .div-block-299 {
    padding-left: 0;
  }

  .search-4 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .search-button-6 {
    font-size: 10px;
  }

  .menubar-mobile {
    height: 60px;
  }

  .cms-item {
    min-width: 220px;
    max-width: 200px;
    margin: 5px;
  }

  .collection-list-12 {
    width: 400vw;
  }

  .collection-list-wrapper-13 {
    max-height: 1000px;
  }

  .collection-item-14 {
    flex-flow: column;
  }

  .div-block-306 {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    min-width: 150px;
  }

  .div-block-307 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
  }

  .link-12 {
    font-size: .7rem;
    line-height: 1.5rem;
  }

  .text-block-99 {
    margin-bottom: 10px;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .heading-blog {
    text-align: left;
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .homepage-title.alt {
    text-align: left;
  }

  .homepage-flat-text {
    margin-bottom: 25px;
  }

  .homepage--txt--link.white {
    line-height: 1rem;
  }

  .homepage--txt--link.algemeen {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
  }

  .homepage--txt--link.algemeen.footer {
    border-width: 2px;
    margin-bottom: 10px;
  }

  .homepage--txt--link.algemeen.vakopleidingen {
    flex-flow: row;
  }

  .auteur--blog {
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .footer-meer-info {
    text-align: left;
    margin-bottom: 20px;
  }

  .titel-product {
    width: 70vw;
    max-width: none;
  }

  .ervaringen {
    margin-bottom: 30px;
  }

  .link {
    font-size: .8rem;
  }

  .reviews-link {
    font-size: 11px;
  }

  .foto--team {
    width: 100%;
    height: 400px;
  }

  .text-team-member {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .quick-stack-12 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 90vw;
  }

  .function {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .name {
    font-size: 1rem;
    line-height: 2rem;
  }

  .div-block-319 {
    min-width: 100%;
  }

  .div-block-319._4 {
    order: 0;
  }

  .cursus-wrap {
    min-width: 100%;
    max-width: 100%;
  }

  .cursus-wrap.mt, .cursus-wrap.v-c {
    order: 0;
  }

  .text-block-105 {
    font-size: 20px;
  }

  .collection-list-13 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    display: flex;
  }

  .text-block-109 {
    font-size: 10px;
  }

  .div-block-325 {
    height: 40vh;
  }

  .google-symbol {
    width: 10px;
    height: 10px;
    font-size: 13px;
  }

  .faq-subject {
    margin-bottom: 5px;
  }

  .text-block-110 {
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .list-5 {
    padding-left: 20px;
  }

  .homepage-perks {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .locatie {
    font-size: 12px;
    line-height: 18px;
  }

  .group {
    line-height: 22px;
  }

  .qs-cursussen {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .download--pdf {
    font-size: 1.1rem;
  }

  .list-7 {
    margin-bottom: 25px;
    padding-left: 30px;
  }

  .devacature {
    font-size: 14px;
    line-height: 24px;
  }

  .vacature-blok {
    border-right-width: 4px;
  }

  .vacatures {
    margin-bottom: 30px;
  }

  .text-block-111 {
    font-size: .9rem;
  }

  .open-close {
    line-height: 17px;
  }

  .text-span-58 {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

  .div-block-352 {
    width: 90vw;
  }

  .progressbar {
    height: 5px;
  }

  .carrouselgroep {
    padding: 0 2px;
    font-size: .7rem;
    line-height: .8rem;
  }

  .carrouselgroep.to {
    padding: 3px;
    font-size: 1rem;
  }

  .datum-blog {
    font-size: 12px;
    line-height: 16px;
  }

  .scrolldown {
    font-size: 2rem;
    line-height: 2rem;
  }

  .vakopleidingen {
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    display: flex;
  }

  .perk {
    min-width: 45%;
  }

  .duur-opleiding {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 4px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 5px 10px;
    font-size: 1rem;
  }

  .duur-opleiding.cursus {
    font-size: .8rem;
  }

  .duur-opleiding.ba, .duur-opleiding.to {
    border-radius: 50px;
  }

  .duur-opleiding.to.soon {
    width: 300px;
    height: 25px;
    top: -12.5px;
  }

  .tabs-menu {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-sku {
    flex: 1;
  }

  .titel-sku-tab {
    font-size: 1rem;
    line-height: 1.8rem;
  }

  .social--media--list {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
  }

  .facebook {
    width: 15px;
  }

  .instagram {
    width: 25px;
    font-size: 1rem;
  }

  .linkedin {
    width: 25px;
  }

  .dropdown--icon {
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1.4rem;
    display: flex;
  }

  .text-block-121 {
    font-size: .9rem;
    line-height: 1.7rem;
  }

  .arrow--left {
    margin-left: 10px;
    font-size: 1.5rem;
  }

  .arrow--right {
    margin-right: 10px;
    font-size: 1.5rem;
  }

  .card {
    flex-flow: column;
    height: 320px;
    margin-right: 0%;
    display: none;
    position: relative;
    inset: auto 0% 0%;
  }

  .card.mobile {
    background-color: var(--white);
    border-width: 0;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: auto;
    margin-left: 0;
    padding: 50px 35px 20px;
    display: flex;
  }

  .text-span-63 {
    font-size: 22px;
    line-height: 22px;
  }

  .text-block-122 {
    background-color: var(--white);
  }

  .div-block-382 {
    height: 100vh;
  }

  .cell-40.middle {
    border-bottom-width: 0;
  }

  .formblock--footer {
    margin-top: 25px;
  }

  .field-label-15 {
    text-align: left;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .form-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: flex-start;
  }

  .submit-button-6 {
    width: 100px;
    font-size: .8rem;
  }

  .datum--blog {
    font-size: .7rem;
    line-height: 1.1rem;
  }

  .div-block-385 {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-end;
    width: 90vw;
    margin-bottom: 0;
  }

  .text-span-69 {
    font-size: 1rem;
    line-height: 1rem;
  }

  .text-block-128 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .div-block-390 {
    z-index: 1000;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
  }

  .div-block-390.mob {
    z-index: 900;
    display: flex;
  }

  .arrow--home {
    line-height: .8rem;
  }

  .landing--options {
    font-size: 14px;
    line-height: 15px;
  }

  .background-video-2 {
    height: 100vh;
  }

  .div-block-396 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
    padding-bottom: 50px;
  }

  .slider-56 {
    width: 90vw;
    height: 40vh;
  }

  .div-block-398 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
  }

  .div-block-399 {
    justify-content: center;
    align-items: flex-start;
  }

  .text-block-130 {
    width: auto;
  }

  .div-block-401 {
    flex-flow: column;
    justify-content: center;
    height: auto;
    display: flex;
  }

  .colour--overlay {
    inset: 0%;
  }

  .div-block-406 {
    width: 90vw;
    margin-bottom: 20px;
  }

  .nav--divider {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
  }

  .div-block-408 {
    margin-top: 0;
    position: static;
  }

  .div-block-410 {
    width: 90vw;
  }

  .chatbot {
    padding-bottom: 0;
  }

  .titel--blog {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  .titel--agenda {
    font-size: 1.1rem;
  }

  .daum--agenda {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: .8rem;
  }

  .button--agenda {
    font-size: .8rem;
  }

  .link-block-34 {
    margin-right: 15px;
  }

  .examen-keuze {
    font-size: .8rem;
  }

  .examens-form-wrapper.welk-examen, .examens-form-wrapper.telefoonnummer {
    min-width: 100%;
  }

  .lottie-animation-3 {
    width: 30px;
    height: 30px;
  }

  .text--block--menu--mob {
    flex: 1;
    width: auto;
    margin-bottom: 0;
    padding-bottom: 2px;
    padding-left: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
  }

  .text--block--menu--mob.top {
    margin-top: 0;
  }

  .div-block-432, .quick-stack-18 {
    margin-bottom: 50px;
  }

  .text-block-134 {
    width: 90vw;
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lottie-animation-5 {
    width: 120px;
  }

  .div-block-437 {
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
    display: flex;
  }

  .div-block-438 {
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 25px;
    display: flex;
  }

  .container--stageproject {
    width: 80%;
  }

  .stageproject--div--aanmelden {
    margin-top: 215px;
    margin-bottom: 20px;
    padding: 10px 5px;
  }

  .textblock--stageprojecten {
    font-size: .7rem;
    line-height: 1rem;
  }

  .textblock--stageprojecten.kop {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .hoveniers--cursussen--wrapper {
    flex-flow: column;
  }

  .lesaanbod--hoveniers {
    flex: 0 auto;
    min-width: auto;
    max-width: none;
    height: 300px;
  }

  .excursie--location {
    font-size: 1.1rem;
  }

  .logo--oa {
    display: none;
  }

  .dropdown-menu-mobile-trigger {
    width: 100%;
    margin-bottom: 10px;
  }

  .text-block-166 {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .heading-62 {
    line-height: 1.8rem;
  }

  .text-block-170 {
    font-size: 3rem;
    line-height: 3rem;
  }

  .text-block-171 {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .text-block-173 {
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .collection-list-14 {
    justify-content: flex-start;
    align-items: center;
  }

  .collection-item-15 {
    flex: 1;
    align-self: center;
    min-width: 230px;
    max-width: none;
    margin-top: 0;
    margin-left: 0;
  }

  .menu-card-wrapper {
    display: none;
  }

  .image-69 {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .text-block-179 {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .text-customer-card.titel {
    font-size: .9rem;
    line-height: 1rem;
  }

  .text-customer-card.titel.ai {
    font-size: .9rem;
    line-height: .9rem;
  }

  .div-block-468.chatbot {
    padding-bottom: 15px;
  }

  .text-span-89 {
    font-size: 1.6rem;
    line-height: .9rem;
  }

  .bubble {
    display: none;
  }

  .soort-item {
    font-size: .8rem;
  }

  .onderwerp-agenda {
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .button-agenda-cms.action {
    line-height: 1rem;
  }

  .lightbox-link-3 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .div-block-485 {
    margin-top: 10px;
  }

  .div-block-486 {
    height: .5px;
  }

  .collection-item-17 {
    min-width: 195px;
    max-width: none;
  }

  .container-14 {
    max-width: 90vw;
  }

  .naam-nb.vraag {
    height: 100px;
  }

  .div-block-500 {
    width: 100%;
  }

  .text-block-214 {
    width: 25px;
    height: 25px;
  }

  .collection-item-19 {
    min-width: 250px;
    max-width: 250px;
  }
}

@media screen and (max-width: 479px) {
  ul {
    padding-left: 20px;
  }

  li {
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .section-3 {
    display: none;
    overflow: visible;
  }

  .slider {
    height: 50vh;
    margin-top: -50vh;
  }

  .columns {
    display: block;
  }

  .section-4 {
    margin-top: 0;
  }

  .rich-text-block {
    padding-right: 0;
  }

  .footer {
    padding-bottom: 0;
  }

  .column-3 {
    padding-right: 0;
  }

  .html-embed {
    margin-bottom: 25px;
  }

  .heading-2 {
    margin-top: 10px;
    font-size: 16px;
  }

  .tekst-kleurmenu {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
  }

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

  .paragraph-3 {
    text-align: justify;
  }

  .div-block-10 {
    padding-top: 20px;
  }

  .heading-4 {
    text-align: left;
    font-size: 24px;
    line-height: 32px;
  }

  .div-block-12 {
    width: auto;
  }

  .image-3 {
    width: 125px;
  }

  .voorpagina-knop-1 {
    font-size: 3.5vw;
  }

  .image-4 {
    width: 125px;
  }

  .link-block {
    display: none;
  }

  .div-block-13 {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .image-5 {
    width: 30px;
  }

  .button-4 {
    font-size: 12px;
    line-height: 18px;
  }

  .link-block-6 {
    border-left-style: none;
    border-right-style: none;
  }

  .collection-list-4 {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .collection-item-2 {
    align-items: flex-start;
    width: 70vw;
  }

  .heading-naam {
    font-size: 21px;
    line-height: 21px;
  }

  .div-block-62.examendata.rechts {
    margin-left: 0;
  }

  .heading-26 {
    font-size: 21px;
    line-height: 21px;
  }

  .div-block-80 {
    justify-content: center;
    height: 50px;
    padding-right: 25px;
  }

  .div-block-82 {
    border-bottom-right-radius: 0;
    padding-right: 25px;
  }

  .div-block-83 {
    justify-content: center;
    height: 50px;
    padding-right: 25px;
  }

  .div-block-84 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: center;
    height: 50px;
    padding-right: 25px;
  }

  .collection-list-7 {
    grid-template-columns: 1fr;
  }

  .heading-faq {
    font-size: 16px;
  }

  .navbar {
    z-index: 100;
    transform: translate3d(0, 0, 9999px);
  }

  .container {
    justify-content: space-between;
    align-items: center;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
  }

  .div-block-114 {
    position: relative;
  }

  .grid-5 {
    grid-template-columns: 1fr;
    width: 100vw;
  }

  .div-block-119 {
    border-bottom-right-radius: 10px;
  }

  .div-block-120 {
    background-color: #70b36c;
  }

  .div-block-121 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
    display: none;
  }

  .div-block-123 {
    display: block;
  }

  .datum-front-button {
    font-size: 14px;
  }

  .grid-6 {
    grid-template-columns: 1fr;
    width: 100vw;
  }

  .div-block-124 {
    border-bottom-right-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-125 {
    display: none;
  }

  .grid-7 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100vw;
  }

  .text-block-25 {
    object-fit: none;
    overflow: visible;
  }

  .section-28 {
    height: 40vh;
  }

  .div-block-134 {
    width: 90vw;
  }

  .heading-37 {
    font-size: 21px;
    line-height: 24px;
  }

  .heading-38 {
    font-size: 18px;
    line-height: 21px;
  }

  .div-block-155 {
    flex-flow: column;
    display: flex;
  }

  .div-block-156 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-39 {
    height: 50vh;
  }

  .link-block-18 {
    background-image: none;
    justify-content: center;
    align-items: flex-end;
    height: 50vh;
    margin-right: 0;
  }

  .grid-9, .div-block-161 {
    width: 90vw;
  }

  .div-block-164 {
    padding: 20px;
  }

  .slide-156, .slide-157, .slide-158 {
    background-position: 50%;
  }

  .div-block-168 {
    flex-direction: column;
  }

  .div-block-169 {
    width: 90vw;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-169.om {
    width: 90vw;
  }

  .div-block-169.linksonder {
    border-bottom-left-radius: 0;
  }

  .div-block-170.rechtsonder {
    border-bottom-left-radius: 8px;
  }

  .heading-51 {
    font-size: 21px;
    line-height: 21px;
  }

  .div-block-176, .div-block-177 {
    width: 90vw;
  }

  .heading-54 {
    font-size: 21px;
    line-height: 21px;
  }

  .heading-55 {
    white-space: normal;
    word-break: normal;
    width: 200px;
    padding-left: 5px;
    font-size: 13px;
  }

  .paragraph-20 {
    text-align: left;
    white-space: break-spaces;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
  }

  .cirkel-1 {
    display: none;
  }

  .link-block-23 {
    display: block;
  }

  .voorpagina-knop-2, .voorpagina-knop-3 {
    font-size: 3.5vw;
  }

  .div-block-208 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-self: auto;
  }

  .zs-grid-links {
    margin-right: 0;
  }

  .zs-grid-rechts {
    margin-left: 0;
  }

  .cirkel-txt {
    display: none;
  }

  .video-home {
    height: auto;
  }

  .vlak {
    height: 100vh;
  }

  .paragraph-28.oa-connect {
    text-align: left;
  }

  .youtube {
    border-bottom-width: 3px;
    border-right-width: 3px;
  }

  .logo {
    justify-content: center;
    align-items: center;
    height: 10vh;
    display: flex;
  }

  .text-block-50 {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 4px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.4rem;
  }

  .text-block-50.ba-bs {
    font-size: 1.2rem;
    line-height: 1.1rem;
  }

  .waarom-niet-kiezen-voor-de-oa {
    width: 90vw;
    padding-bottom: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button {
    letter-spacing: 1px;
    border-radius: 60px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .button:hover {
    top: 0;
  }

  .button.video {
    justify-content: center;
    align-items: center;
    height: 30px;
    padding-left: 0;
    font-size: .8rem;
    line-height: .8rem;
  }

  .button.examens {
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button.stageprojecten {
    padding-left: 5px;
    padding-right: 5px;
    font-size: .9rem;
    line-height: 1.2rem;
  }

  .button.contact--popup {
    text-align: center;
    height: 40px;
    padding-left: 15px;
  }

  .button.vacatures {
    margin-right: 0;
    font-size: .8rem;
  }

  .image-51 {
    max-width: 80%;
  }

  .blokken {
    border-radius: 25px;
    width: 90vw;
  }

  .blokken.ba-bs {
    border-radius: 25px;
  }

  .cursus {
    border-radius: 25px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .homepage {
    grid-template-rows: auto;
    padding-bottom: 50px;
    display: block;
  }

  .div-block-221 {
    width: 90vw;
  }

  .text-block-56 {
    font-size: .7rem;
    line-height: 1.1rem;
  }

  .logo-s-partners {
    min-width: 1000px;
  }

  .text-footer {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 20px;
  }

  .logo-loop {
    height: 30px;
  }

  .text-block-58 {
    width: 100%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .partners {
    border-bottom-width: 5px;
  }

  .footer-2 {
    flex-flow: column;
    padding-bottom: 0;
    display: flex;
  }

  .ta-product-balk {
    display: flex;
  }

  .afbeelding-ta {
    background-size: cover;
    height: 100vh;
  }

  .opleiding-cursus-gradient {
    justify-content: center;
    align-items: center;
  }

  .naam-opleiding-cursus {
    padding-bottom: 10px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .navigation-in-page-textspan {
    justify-content: space-between;
    width: auto;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Montserrat, sans-serif;
    overflow: auto;
  }

  .container-11 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 7vh;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    overflow: visible;
  }

  .link-in-page-nav {
    text-align: center;
    white-space: normal;
    justify-content: center;
    align-items: center;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1rem;
    display: block;
  }

  .link-in-page-nav.w--current {
    display: block;
  }

  .link-in-page-nav.to-pk, .link-in-page-nav.to-pk.w--current {
    font-size: 12px;
    font-weight: 400;
  }

  .link-in-page-nav.mobile {
    line-height: 1.5rem;
    display: none;
  }

  .link-in-page-nav.mobile.w--current {
    display: none;
  }

  .container--all--pages {
    padding-top: 0;
  }

  .naam--onderwerp--klein {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .naam--onderwerp--klein.to {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .naam--onderwerp {
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.8rem;
  }

  .korte-informatie-onderwerp {
    padding-left: 0;
  }

  .korte-informatie-onderwerp.inclusief {
    border-radius: 5px;
    line-height: 1.3rem;
  }

  .qs-highlights {
    flex-flow: wrap;
    display: flex;
  }

  .qs-highlights.gp, .qs-highlights.to {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .youtube-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mobile-menu-wrapper {
    margin-left: 5px;
    margin-right: 5px;
  }

  .details-avondopleiding {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .text--block--details--opleiding {
    font-size: .8rem;
    line-height: 1.5rem;
  }

  .excursie-product-balk {
    margin-top: -50px;
    display: flex;
  }

  .text-span-33 {
    line-height: 1.5rem;
  }

  .examens-product-balk {
    display: flex;
  }

  .text-field-algemeen {
    height: 30px;
    font-size: .8rem;
    line-height: .8rem;
  }

  .text-field-algemeen.vraag {
    height: 100px;
  }

  .text-field-algemeen.vraag::placeholder {
    line-height: 1.1rem;
  }

  .field-label-13 {
    margin-bottom: 5px;
  }

  .field-label-13.huisnummer {
    padding-left: 2px;
    display: none;
  }

  .field-label-13.huisnummer.mobile--only {
    font-size: .7rem;
    display: block;
  }

  .field-label-13.postcode {
    font-size: .7rem;
  }

  .field-label-13.sub {
    font-size: .7rem;
    line-height: 1.1rem;
  }

  .div-block-241 {
    background-position: 71% 39%;
    margin-top: 80px;
  }

  .versturen {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .slider-50 {
    height: 300px;
  }

  .slider-hover---info {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 10px;
  }

  .text-block-69 {
    font-size: .7rem;
    line-height: 1.1rem;
  }

  .section-48 {
    height: auto;
    margin-top: 0;
  }

  .topbanner-wrap {
    background-position: 50% 100%;
    height: 30vh;
    margin-top: 60px;
  }

  .topbanner-wrap.faq {
    height: 30vh;
  }

  .topbanner-wrap.agenda-cms {
    height: 300px;
  }

  .lesaanbod-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .opleiding-curs-blok {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 200px;
  }

  .opleiding-curs-blok.po {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .opleiding-curs-blok.tmr {
    height: 100%;
  }

  .text-block-70 {
    padding-left: 10px;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .div-block-251 {
    height: 150px;
  }

  .paragraph-29 {
    width: auto;
  }

  .titel-blog {
    line-height: 1.6rem;
  }

  .text-block-72 {
    margin-top: 5px;
    font-size: .7rem;
  }

  .auteur-blog {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 9px;
  }

  .div-block-255 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
    height: auto;
  }

  .toelichting {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.2rem;
  }

  .collection-item-10 {
    min-width: 100%;
  }

  .extra-item {
    height: 100px;
  }

  .div-block-267 {
    background-image: linear-gradient(180deg, var(--grijs), #fff0 33%);
  }

  .list-item-algemeen {
    margin-bottom: 15px;
    padding-left: 10px;
  }

  .list-item-algemeen.privacyverklaring {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .list-item-algemeen.privacyverklaring.nummers {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .list-item-algemeen.algemene-voorwaarden {
    font-size: .7rem;
  }

  .paragraph-platte-tekst {
    text-align: left;
    margin-bottom: 15px;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paragraph-platte-tekst.quote {
    padding: 5px 20px;
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .paragraph-platte-tekst.faq {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .paragraph-platte-tekst.privacyverklaring {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paragraph-platte-tekst.intro {
    line-height: 1.3rem;
  }

  .paragraph-platte-tekst.dagjemeelopen {
    width: 80vw;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: .8rem;
    line-height: 1.2rem;
    overflow: visible;
  }

  .paragraph-platte-tekst.contact--popup {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .paragraph-platte-tekst.hoveniers {
    line-height: 1.5rem;
  }

  .list-3 {
    margin-top: 10px;
    padding-left: 30px;
  }

  .heading-platte-tekst-all-pages {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.7rem;
  }

  .heading-platte-tekst-all-pages.faq {
    line-height: 1.5rem;
  }

  .heading-platte-tekst-all-pages.privacyverklaring {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .heading-platte-tekst-all-pages.privacyverklaring.sub {
    font-size: 1rem;
    line-height: 1.8rem;
  }

  .heading-platte-tekst-all-pages.dagjemeelopen {
    margin-top: 0;
    padding-left: 10px;
    font-size: 1rem;
  }

  .heading-platte-tekst-all-pages.to {
    text-align: left;
    font-size: 1rem;
  }

  .heading-platte-tekst-all-pages.to.dropdown {
    width: 80vw;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5rem;
  }

  .heading-platte-tekst-all-pages.contact--popup {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .heading-platte-tekst-all-pages.hoveniers {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }

  .schrijf-je-in-knop {
    width: 90vw;
  }

  .schrijf-je-in-knop.to {
    justify-content: flex-start;
    align-items: stretch;
  }

  .schrijf-je-in-knop.bd {
    flex: 0 auto;
  }

  .schrijf-je-in-knop.subsidie-werkgever {
    flex: 0 auto;
    height: 30px;
  }

  .schrijf-je-in-knop.po, .schrijf-je-in-knop.v-c, .schrijf-je-in-knop.sku-nextlevel, .schrijf-je-in-knop.ojet, .schrijf-je-in-knop.mt {
    flex: 0 auto;
  }

  .schrijf-je-in-knop.vo-s {
    flex: 0 auto;
    height: 30px;
  }

  .schrijf-je-in-knop.zp {
    flex: 0 auto;
  }

  .schrijf-je-in-text.subsidie-werkgever {
    line-height: .7rem;
  }

  .div-block-273 {
    width: 20%;
  }

  .text-block-81 {
    text-align: center;
    line-height: 1.3rem;
  }

  .afbeelding-ba {
    background-position: 23%;
    background-size: cover;
  }

  .body-6 {
    overflow: visible;
  }

  .text-block-82 {
    font-size: 20px;
  }

  .navbar-mobile {
    overflow: hidden;
  }

  .text-block-93 {
    font-size: 20px;
  }

  .text-block-93.oac {
    letter-spacing: 0;
    margin-left: 0;
    margin-right: 5px;
    font-size: 9px;
  }

  .text-block-93.oac.w--current {
    margin-left: -10px;
    margin-right: 5px;
    font-size: 9px;
  }

  .important-bold {
    font-size: 11px;
  }

  .div-block-290 {
    width: 80%;
  }

  .div-block-292 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 30%;
  }

  .div-block-296 {
    justify-content: space-around;
  }

  .mobile-menu {
    margin-top: 60px;
    padding-top: 0;
    overflow: auto;
    transform: scale3d(1, 1, 0);
  }

  .text-block-96 {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .text-block-96.extras {
    text-align: center;
    border-radius: 0;
    padding: 5px 10px;
    font-size: .8rem;
  }

  .div-block-299 {
    padding-left: 0;
    padding-right: 0;
  }

  .search-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .search-button-6, .search-input-5 {
    font-size: 10px;
  }

  .search-input-5::placeholder {
    font-size: .8rem;
  }

  .menubar-mobile {
    filter: drop-shadow(0 5px 5px #0003);
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: 60px;
  }

  .cms-item {
    min-width: 180px;
    max-width: 180px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .div-block-301 {
    height: 150px;
    margin-bottom: 10px;
    padding: 10px;
  }

  .div-block-303 {
    padding-left: 0;
  }

  .div-block-304 {
    margin-bottom: 20px;
  }

  .collection-list-wrapper-13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .collection-item-14 {
    flex-flow: column;
  }

  .div-block-306 {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    min-width: auto;
    min-height: 150px;
  }

  .div-block-307 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
  }

  .link-12, .text-block-99 {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .datum--agenda {
    width: auto;
    margin-left: 10px;
  }

  .homepage-title {
    margin-bottom: 50px;
    font-size: 1.3rem;
    line-height: 1.8rem;
  }

  .homepage-title.alt {
    font-size: 1.7rem;
    line-height: 2rem;
  }

  .homepage-flat-text, .homepage-flat-text.cursus {
    font-size: .9rem;
    line-height: 1.5rem;
  }

  .homepage--txt--link {
    line-height: 1.3rem;
  }

  .homepage--txt--link.white {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .homepage--txt--link.algemeen {
    font-size: .8rem;
    line-height: .8rem;
  }

  .homepage--txt--link.algemeen.perks {
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .homepage--txt--link.algemeen.footer {
    height: 35px;
    padding-top: 10px;
  }

  .homepage--txt--link.algemeen.vakopleidingen {
    font-size: .8rem;
    line-height: .8rem;
  }

  .homepage--txt--link.dagjemeelopen.to {
    width: auto;
    margin-right: 20px;
  }

  .socials-footer {
    font-size: 1rem;
    line-height: 1.7rem;
  }

  .footer-social-icons {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .footer-meer-info {
    margin-bottom: 5px;
    font-size: .6rem;
    line-height: 1.2rem;
  }

  .footer-meer-info.lower {
    font-size: .6rem;
  }

  .titel-product {
    width: 90vw;
  }

  .ervaringen {
    margin-bottom: 20px;
  }

  .quote-mark {
    font-size: 15px;
    line-height: 25px;
  }

  .review-text {
    margin-bottom: 10px;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .review-persoon {
    margin-bottom: 5px;
    font-size: .8rem;
    line-height: 15px;
  }

  .opleiding {
    font-size: .7rem;
    line-height: 15px;
  }

  .div-block-316 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .stars {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    font-size: .7rem;
    line-height: 20px;
  }

  .reviews-link {
    font-size: .8rem;
  }

  .team {
    align-self: stretch;
  }

  .foto--team {
    width: 100%;
    height: 400px;
  }

  .text-team-member {
    display: block;
  }

  .quick-stack-12 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-324 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-right: 10px;
  }

  .text-block-106 {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }

  .checkbox-label-5 {
    font-size: .8rem;
    line-height: 1rem;
  }

  .div-block-325 {
    height: 70vh;
  }

  .google-symbol {
    width: 15px;
    height: 15px;
    font-size: 1rem;
  }

  .faq-subject {
    width: 90vw;
    margin-bottom: 5px;
  }

  .text-block-110 {
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .cell-qs-opl-page {
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    min-width: 50%;
    max-width: 100%;
  }

  .cell-qs-opl-page.inclusief {
    flex: 0 auto;
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .list-6 {
    padding-left: 20px;
  }

  .homepage-perks {
    margin-bottom: 5px;
    font-size: 1.1rem;
    line-height: 1.1rem;
  }

  .div--youtube {
    margin-bottom: 25px;
  }

  .locatie.to {
    margin-top: 5px;
    margin-bottom: 0;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    font-size: 12px;
  }

  .group {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .download--pdf {
    font-size: 1rem;
  }

  .download--pdf.cms {
    margin-right: 2.5px;
  }

  .vacature-text {
    margin-bottom: 10px;
    font-size: .8rem;
    line-height: 1.5rem;
  }

  .vacatures {
    margin-bottom: 20px;
  }

  .quick-stack-14 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 0;
    margin-right: 0;
  }

  .text-block-111 {
    height: 20px;
    font-size: .7rem;
  }

  .carrouselgroep.to {
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    font-size: .8rem;
  }

  .carrouselgroep.cms {
    margin-right: 2.5px;
    font-size: 16px;
  }

  .afbeelding-pkp {
    background-size: cover;
    height: 100vh;
  }

  .datum-blog {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 9px;
  }

  .extrainfo {
    width: 90vw;
  }

  .uitleg-c-icoon.to {
    border-width: 0 0 1px;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .afbeelding-tbl, .afbeelding-bd {
    background-size: cover;
    height: 100vh;
  }

  .vakopleidingen {
    flex-flow: column;
    display: flex;
  }

  .afbeelding-po {
    background-size: cover;
    height: 100vh;
  }

  .perk {
    min-width: 100%;
  }

  .duur-opleiding {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 4px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 0 10px;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .duur-opleiding.cursus {
    padding-right: 0;
    font-size: .9rem;
  }

  .duur-opleiding.ba, .duur-opleiding.to {
    height: 20px;
    font-size: 12px;
    top: -10px;
  }

  .duur-opleiding.to.soon {
    width: 240px;
    font-size: 12px;
  }

  .afbeelding-sku {
    background-size: cover;
    height: 100vh;
  }

  .tab-sku {
    flex: 1;
    width: auto;
    min-width: 100%;
  }

  .afbeelding-ojet {
    background-size: cover;
    height: 100vh;
  }

  .social--media--list {
    margin-top: 60px;
  }

  .social--media--icon {
    font-size: 1.1rem;
    line-height: 1.1rem;
  }

  .facebook {
    width: 12px;
  }

  .instagram, .linkedin {
    width: 20px;
  }

  .dropdown--icon {
    margin-left: 5px;
  }

  .afbeelding-mt {
    background-size: cover;
    height: 100vh;
  }

  .qs--extras {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .afbeelding-al {
    background-size: cover;
    height: 100vh;
  }

  .text-block-121 {
    justify-content: center;
    align-items: center;
    font-size: .8rem;
    line-height: 1.1rem;
    display: flex;
  }

  .list-9 {
    padding-left: 30px;
  }

  .lottie-animation-2 {
    height: 70px;
  }

  .image--gallery--home {
    width: 50vw;
    height: 25vh;
  }

  .image--gallery--home._2 {
    height: 25vh;
  }

  .arrow--left, .arrow--right {
    font-size: 1.5rem;
  }

  .text-span-60 {
    font-size: 1.2rem;
  }

  .card {
    margin-right: 0;
    display: none;
    position: absolute;
    top: auto;
    bottom: 0%;
    right: auto;
  }

  .card.mobile {
    height: auto;
    margin-left: 0;
    position: relative;
    left: 0%;
    right: 0;
  }

  .text-span-63 {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .text-span-63.video {
    margin-left: 0;
    font-size: 1.3rem;
    line-height: .9rem;
    top: 0;
  }

  .text-span-63.dagje--meelopen {
    padding-left: 10px;
  }

  .text-block-122 {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: .8rem;
  }

  .text-block-122._2 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .div-block-382 {
    border-radius: 0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: none;
    height: 100%;
  }

  .formblock--footer {
    width: auto;
  }

  .field-label-15 {
    margin-bottom: 0;
    line-height: 1.3rem;
  }

  .naam-nieuwsbrief {
    height: 30px;
    margin-bottom: 0;
    font-size: .8rem;
    line-height: .8rem;
  }

  .naam-nieuwsbrief::placeholder {
    font-size: .8rem;
  }

  .form-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .submit-button-6 {
    width: 110px;
  }

  .datum--blog {
    font-size: .6rem;
    line-height: 1.1rem;
  }

  .div-block-385 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .text-span-69 {
    font-size: .8rem;
  }

  .image-60 {
    width: 120px;
  }

  .container--routekaart {
    display: block;
  }

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

  .menu--divider {
    width: 1px;
  }

  .div-block-390 {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-390.mob {
    width: 90vw;
  }

  .landing--options {
    padding-top: 0;
    padding-bottom: 0;
    font-size: .8rem;
  }

  .background-video-2 {
    border-radius: 0;
    width: 100vw;
    height: 100%;
  }

  .div-block-391 {
    flex-flow: column;
  }

  .div-block-392, .div-block-393 {
    width: 90vw;
  }

  .div-block-394 {
    padding-bottom: 0;
  }

  .div-block-395 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-block-396 {
    flex-flow: column;
    margin-bottom: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .text-block-130._2 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: .9rem;
    line-height: .9rem;
  }

  .div-block-401 {
    display: flex;
  }

  .platte--tekst--gradient {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .platte--tekst--titel--dropdown {
    font-size: 1.4rem;
  }

  .titel--wrapper {
    padding-bottom: 5px;
  }

  .colour--overlay {
    background-image: linear-gradient(#000 25%, #fff0);
  }

  .nav--divider {
    z-index: 100000;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .text-span-76 {
    font-size: 1rem;
  }

  .text-block-131 {
    margin-top: 0;
  }

  .section-64 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-410 {
    width: 90vw;
  }

  .chatbot {
    width: 90vw;
    min-width: auto;
    padding-bottom: 0;
  }

  .div-block-412 {
    width: 90vw;
  }

  .image-63 {
    border-radius: 10px;
    margin-bottom: 15px;
  }

  .praktisch--agenda {
    font-size: .8rem;
  }

  .div-block-422 {
    flex-flow: wrap;
    margin-top: 10px;
  }

  .examen-keuze {
    font-size: .8rem;
  }

  .examen-formulier {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .lottie-animation-3 {
    width: 25px;
    height: 25px;
    margin-right: 0;
  }

  .text--block--menu--mob {
    text-align: left;
    padding-right: 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
  }

  .text--block--menu--mob.top {
    z-index: 50;
    margin-top: 20px;
    position: relative;
  }

  .text-block-134 {
    margin-bottom: 0;
    line-height: 1.3rem;
  }

  .text-block-134.chatbot {
    line-height: 1.5rem;
  }

  .lottie-animation-5 {
    width: 110px;
  }

  .div-block-433 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-435 {
    flex-flow: wrap;
  }

  .image-64 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-437 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
  }

  .div-block-438 {
    width: 100%;
  }

  .div-block-439 {
    border-right-width: 1px;
  }

  .div-block-439.low {
    border-bottom-width: 0;
  }

  .text-block-137 {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .container--stageproject {
    width: auto;
    padding-top: 0;
  }

  .div-block-441 {
    flex-flow: column;
  }

  .stageproject--div--aanmelden {
    width: auto;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: 0;
  }

  .textblock--stageprojecten {
    font-size: .8rem;
    line-height: 1rem;
  }

  .textblock--stageprojecten.kop {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .div-block-447 {
    width: 250px;
    margin-top: 20vh;
    padding: 10px;
  }

  .lottie-animation-6 {
    width: 60px;
    height: 60px;
  }

  .text-block-148 {
    font-size: .8rem;
    line-height: 1rem;
  }

  .opl--details--icon {
    font-size: 1.3rem;
    line-height: .8rem;
  }

  .details--dropdown {
    font-size: 1.6rem;
    line-height: .8rem;
  }

  .text-block-149 {
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .lesaanbod--hoveniers {
    border-radius: 10px;
    height: auto;
  }

  .right-arrow-32 {
    justify-content: flex-end;
    align-items: center;
  }

  .left-arrow-36 {
    justify-content: flex-start;
    align-items: center;
  }

  .afbeelding-bs {
    background-position: 23%;
    background-size: cover;
  }

  .excursie--location {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .text--block--vakanties {
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.1rem;
  }

  .logo--oa {
    display: none;
  }

  .toevoeging--menu--mobile {
    text-align: right;
    padding-left: 5px;
    padding-right: 15px;
    font-size: .7rem;
    font-weight: 300;
    line-height: .9rem;
  }

  .dropdown-menu-mobile-trigger {
    padding-left: 10px;
    padding-right: 10px;
  }

  .afbeelding-v-c {
    background-size: cover;
    height: 100vh;
  }

  .text-block-166 {
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .heading-62 {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }

  .paragraph-37, .checkbox-label-7 {
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .bold-text-22 {
    font-size: 1.2rem;
    line-height: .9rem;
  }

  .text-block-170 {
    font-size: 3rem;
    line-height: 3rem;
  }

  .text-span-87 {
    font-size: .7rem;
  }

  .inschrijven-grid.bd, .inschrijven-grid.vo-s, .inschrijven-grid.sku {
    flex-flow: column;
  }

  .text-span-88 {
    font-size: 16px;
  }

  .text-block-173 {
    font-size: .6rem;
    line-height: 1.2rem;
  }

  .collection-list-14 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-self: stretch;
    align-items: center;
  }

  .collection-item-15 {
    align-self: center;
    min-width: 150px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .text-block-176 {
    text-shadow: 1px 1px 1px #00000080;
    font-size: 12px;
    line-height: 14px;
  }

  .menu-card-wrapper {
    width: 80vw;
    margin-bottom: 50px;
    margin-left: 50px;
    display: flex;
    overflow: hidden;
  }

  .text-customer-card.titel.bug {
    font-size: .8rem;
    line-height: .8rem;
  }

  .text-customer-card.faq-answer {
    font-size: .7rem;
  }

  .text-customer-card.faq-question {
    font-size: .8rem;
    line-height: .9rem;
  }

  .div-block-468 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-468.contact {
    padding-left: 5px;
    padding-right: 5px;
  }

  .div-block-468.chatbot {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-span-89 {
    vertical-align: middle;
    font-size: 1.1rem;
  }

  .home-contact-cc {
    width: 230px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
  }

  .cc-nav {
    font-size: 1.5rem;
    line-height: 1.3rem;
  }

  .cc-home {
    width: 80vw;
    overflow: auto;
  }

  .cc-contact {
    width: 80vw;
  }

  .div-block-471 {
    width: 240vw;
    margin-left: 0;
    overflow: hidden;
  }

  .text-block-180 {
    margin-left: 15px;
  }

  .text-block-181 {
    font-size: 1.5rem;
  }

  .cc-reviews {
    width: 170px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .cc-form-bug {
    width: 80vw;
  }

  .cc-form-field {
    min-width: 100%;
    max-width: 100%;
  }

  .field-label-16 {
    font-size: .8rem;
  }

  .field-label-17 {
    font-size: .8rem;
    line-height: 1rem;
  }

  .form-6 {
    width: 100%;
  }

  .submit-button-9 {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: .8rem;
  }

  .code-embed-32.desktop {
    display: none;
  }

  .code-embed-32.mobile {
    align-self: stretch;
  }

  .cc-chatbot {
    width: 80vw;
    overflow: auto;
  }

  .bubble {
    width: 40px;
    height: 40px;
    display: flex;
  }

  .text-block-184 {
    margin-top: -5px;
    font-size: 2rem;
    line-height: 1rem;
  }

  .cc-form-feedback {
    width: 80vw;
  }

  .text-block-185 {
    font-size: .8rem;
    line-height: .8rem;
  }

  .text-block-186, .text-block-187 {
    font-size: .9rem;
  }

  .cc-star {
    font-size: 1.3rem;
  }

  .soort-item {
    font-size: .7rem;
    line-height: .9rem;
  }

  .onderwerp-agenda {
    font-size: .9rem;
    line-height: 1.2rem;
  }

  .datum-agenda {
    margin-bottom: 10px;
    font-size: .7rem;
    line-height: .8rem;
  }

  .button-agenda-cms.action {
    line-height: .9rem;
  }

  .text-block-195 {
    font-size: 1.4rem;
    font-weight: 200;
    line-height: 1.4rem;
  }

  .link-14 {
    font-size: .8rem;
  }

  .div-block-483 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-484 {
    width: 250px;
  }

  .text-block-196 {
    color: var(--oa-purple-1);
  }

  .div-block-485 {
    color: var(--oa-purple-1);
    margin-bottom: 0;
  }

  .div-block-486 {
    border-radius: 20px;
    width: 90%;
  }

  .section-66 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .div-block-487 {
    min-width: 130px;
    height: 230px;
    min-height: auto;
    max-height: none;
    margin-bottom: 25px;
    margin-right: 10px;
  }

  .div-block-488 {
    flex-flow: column;
  }

  .naam {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .collection-item-17 {
    min-width: 150px;
    max-width: 230px;
    height: auto;
  }

  .div-block-490 {
    width: auto;
    height: auto;
    min-height: 300px;
  }

  .collection-team-naam {
    line-height: 1.1rem;
  }

  .introducite-tekst {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .div-block-492 {
    flex-flow: wrap;
  }

  .image-74 {
    width: 200px;
  }

  .email-nieuwsbrief {
    height: 30px;
    font-size: .8rem;
    line-height: .8rem;
  }

  .email-nieuwsbrief::placeholder {
    font-size: .8rem;
  }

  .naam-nb {
    height: 30px;
    font-size: .8rem;
    line-height: .8rem;
  }

  .naam-nb.vraag {
    height: 100px;
  }

  .naam-nb.vraag::placeholder {
    line-height: 1.1rem;
  }

  .div-block-500 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .cell-46 {
    display: none;
  }

  .cc-evenementen {
    width: 80vw;
  }

  .menu-grid, .div-block-514 {
    display: flex;
  }

  .afbeelding-zp {
    background-size: cover;
    height: 100vh;
  }

  .collection-item-19 {
    min-width: 100%;
    max-width: 100%;
  }

  .link-16 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
  }

  .group-wrapper.cms {
    padding-left: 5px;
    padding-right: 5px;
  }

  .text-block-218 {
    margin-right: 2.5px;
    font-size: 11px;
  }

  .text-block-219 {
    margin-right: 2.5px;
  }

  .text-block-220 {
    letter-spacing: 0;
    margin-right: 2.5px;
    font-size: 12px;
  }

  .beschikbare-plekken {
    height: auto;
    font-size: 10px;
    line-height: 12px;
  }

  .afbeelding-landschaftspark {
    background-size: cover;
    height: 100vh;
  }
}

#w-node-_289511ea-ab93-5824-f9f4-a99d1566123e-6b3fd51f {
  justify-self: start;
}

#w-node-_2d3a8a05-c3e4-b63d-8688-6fcde92db33e-6b3fd51f {
  justify-self: end;
}

#w-node-_552bff7f-90bc-dd05-dd24-ec0452c37400-6b3fd51f {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr .25fr 1fr 1fr;
}

#w-node-_810c5179-e970-3646-fa7e-9ea76020a876-6b3fd51f {
  align-self: stretch;
}

#w-node-_02f4456a-b2f5-3cf6-2d75-8c17893baadf-6b3fd51f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cd3734da-7104-8774-cc02-42e56e8b64b2-e945ea85 {
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr .5fr;
}

#w-node-_33d2da6a-d4de-159a-be9f-0c1b96cd620f-e945ea85, #w-node-_25c4d46e-9cc9-8eac-56f3-c013b01e028c-e945ea85 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_25ce7203-d14a-025a-785f-0894fe257681-15dbbd61 {
  align-self: start;
}

#w-node-_7a9d5180-0fb8-5233-be56-80f6c91d3ef4-15dbbd61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6bb71b33-42cf-ba69-341c-b1e315dbbd73-15dbbd61, #w-node-_5409cb9c-5ed1-06a5-c525-b6abb7d85e38-15dbbd61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_63290ba8-c815-c4f6-4c4c-778d9393dc18-15dbbd61, #w-node-_0b0a8884-340c-6bb9-bd35-c6fc64fa58c7-15dbbd61, #w-node-c623846a-8f70-c27f-1e3c-9a36e4a79dc0-15dbbd61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6bb71b33-42cf-ba69-341c-b1e315dbbdc9-15dbbd61 {
  align-self: start;
}

#w-node-cc6da67a-45f4-902b-a578-c317d1cac45e-15dbbd61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cc6da67a-45f4-902b-a578-c317d1cac460-15dbbd61, #w-node-cc6da67a-45f4-902b-a578-c317d1cac47c-15dbbd61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc6da67a-45f4-902b-a578-c317d1cac49f-15dbbd61, #w-node-cc6da67a-45f4-902b-a578-c317d1cac4a8-15dbbd61, #w-node-cc6da67a-45f4-902b-a578-c317d1cac4a9-15dbbd61, #w-node-a01bb68f-410f-fd24-b6ac-0cc09c6706cc-15dbbd61, #w-node-a01bb68f-410f-fd24-b6ac-0cc09c6706ce-15dbbd61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a01bb68f-410f-fd24-b6ac-0cc09c6706ed-15dbbd61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a01bb68f-410f-fd24-b6ac-0cc09c670710-15dbbd61, #w-node-d085b05d-5281-7e3f-8f1f-b0d55955ef87-15dbbd61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6bb71b33-42cf-ba69-341c-b1e315dbbe2a-15dbbd61 {
  align-self: start;
}

#w-node-_46947074-f813-69e6-87b2-7a2ed245bf5c-15dbbd61, #w-node-_46947074-f813-69e6-87b2-7a2ed245bf5e-15dbbd61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6eee6727-60c4-a767-b3e1-f227fdd9be3d-15dbbd61, #w-node-_46947074-f813-69e6-87b2-7a2ed245bfaa-15dbbd61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_46947074-f813-69e6-87b2-7a2ed245bfb5-15dbbd61, #w-node-_1a047e8a-81b7-7cb8-c31f-b47474c0dbc3-15dbbd61, #w-node-da8fe9ef-05ae-2cb7-faca-51020ec80ec0-15dbbd61, #w-node-_859bfeb8-b4bb-dfb5-b4e6-f275bf71a3c9-15dbbd61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_63a69a8c-c97a-85de-f349-364c7875e9cb-15dbbd61 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_859bfeb8-b4bb-dfb5-b4e6-f275bf71a40c-15dbbd61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_859bfeb8-b4bb-dfb5-b4e6-f275bf71a417-15dbbd61, #w-node-_91566bb9-342a-1b63-1bd6-4f76221fc8ab-15dbbd61, #w-node-_91566bb9-342a-1b63-1bd6-4f76221fc8ad-15dbbd61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_91566bb9-342a-1b63-1bd6-4f76221fc8c2-15dbbd61, #w-node-_91566bb9-342a-1b63-1bd6-4f76221fc8ee-15dbbd61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_91566bb9-342a-1b63-1bd6-4f76221fc8f9-15dbbd61, #w-node-_91566bb9-342a-1b63-1bd6-4f76221fc902-15dbbd61, #w-node-_91566bb9-342a-1b63-1bd6-4f76221fc932-15dbbd61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6bb71b33-42cf-ba69-341c-b1e315dbbea3-15dbbd61 {
  align-self: start;
}

#w-node-a7349719-8a53-64bd-4664-e0afdbff8fb4-06b09e6b, #w-node-a7349719-8a53-64bd-4664-e0afdbff8fde-06b09e6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7349719-8a53-64bd-4664-e0afdbff9001-06b09e6b, #w-node-a7349719-8a53-64bd-4664-e0afdbff9009-06b09e6b, #w-node-a7349719-8a53-64bd-4664-e0afdbff900a-06b09e6b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_84066498-ed69-f184-85e3-5aa9f9d7a31b-06b09e6b, #w-node-_84066498-ed69-f184-85e3-5aa9f9d7a345-06b09e6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_84066498-ed69-f184-85e3-5aa9f9d7a368-06b09e6b, #w-node-_84066498-ed69-f184-85e3-5aa9f9d7a370-06b09e6b, #w-node-_84066498-ed69-f184-85e3-5aa9f9d7a371-06b09e6b, #w-node-_98dba0a6-6fa3-df45-e1f9-838b028f621e-06b09e6b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_98dba0a6-6fa3-df45-e1f9-838b028f6272-06b09e6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98dba0a6-6fa3-df45-e1f9-838b028f627d-06b09e6b, #w-node-_98dba0a6-6fa3-df45-e1f9-838b028f6287-06b09e6b, #w-node-b45bc588-e93b-9c88-97ac-7337fcecf17a-06b09e6b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b45bc588-e93b-9c88-97ac-7337fcecf18f-06b09e6b, #w-node-b45bc588-e93b-9c88-97ac-7337fcecf1bb-06b09e6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b45bc588-e93b-9c88-97ac-7337fcecf1c6-06b09e6b, #w-node-b45bc588-e93b-9c88-97ac-7337fcecf1cf-06b09e6b, #w-node-b45bc588-e93b-9c88-97ac-7337fcecf1ff-06b09e6b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3427d42c-f2fe-ccb2-756a-4cccf3629ff9-06b09e6b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3427d42c-f2fe-ccb2-756a-4cccf362a06a-06b09e6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3427d42c-f2fe-ccb2-756a-4cccf362a075-06b09e6b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8ad000e0-e2f6-cef8-8816-fe83beb7be90-93222f5d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-aba090fd-b1a6-aff1-450c-ca3018be2842-93222f5d {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .5fr .5fr .5fr;
}

#w-node-_4749646a-83ba-72ac-05e6-6cb402a10bf8-93222f5d {
  grid-column: span 3 / span 3;
}

#w-node-_0b9f2973-b9dc-8f04-2ace-d21c0b8a31c6-93222f5d {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-_68ec7c70-3a44-2b61-7e43-82d01d53fc6e-93222f5d {
  grid-column: span 3 / span 3;
}

#w-node-_0fdc87ee-cfd7-c930-d51d-5f3da5154707-93222f5d {
  grid-column: span 6 / span 6;
}

#w-node-daa1757a-4b2f-ebbf-6ac0-504a7c4deff3-93222f5d {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_15e07d4b-2c8d-938d-4d39-b80c9feff11d-93222f5d {
  grid-column: span 2 / span 2;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa96050a-93222f5d {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa96050b-93222f5d {
  grid-column: span 9 / span 9;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa960551-93222f5d {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa960555-93222f5d {
  grid-column: span 5 / span 5;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa960562-93222f5d {
  grid-column: span 2 / span 2;
}

#w-node-_71eb6b01-7514-9669-f595-75bf06d01b81-93222f5d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-eea29f9b-3169-f42e-d062-7e50e6ebff83-93222f5d, #w-node-_905b4d46-3ecc-439a-f2c6-aff635da5261-93222f5d {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6c0b269b-c129-d271-1217-15f6f3c29344-a8eee3ce {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_14fc25d6-86a2-712a-6639-f9e2d6d6cc95-e930f219 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bbeaa09e-b8f8-947b-4751-d41114c74464-528aea55 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-ac6f2518-28b9-96b8-04fc-d1d8df2cd3c9-33bc017a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-ac6f2518-28b9-96b8-04fc-d1d8df2cd3da-33bc017a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-fd04541d-0726-79b3-cf35-c1e8fbe4719a-33bc017a {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_50a1dde9-b666-a83c-c2cb-bac87ad2c20c-b78e7b51 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8ac41d73-de53-99a8-0da1-8b73f69ec23e-b78e7b51 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .75fr .5fr .5fr;
}

#w-node-a2f7b0cd-83a5-0010-f65e-9ee013949a99-b78e7b51 {
  grid-column: span 3 / span 3;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a732f-b78e7b51 {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a7330-b78e7b51 {
  grid-column: span 3 / span 3;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a7336-b78e7b51 {
  grid-column: span 6 / span 6;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a7374-b78e7b51 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a737c-b78e7b51 {
  grid-column: span 2 / span 2;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a7393-b78e7b51 {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a7394-b78e7b51 {
  grid-column: span 9 / span 9;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a73d5-b78e7b51 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a73d9-b78e7b51 {
  grid-column: span 5 / span 5;
}

#w-node-_671fcc82-4cf3-4a98-7346-fa80489a73e6-b78e7b51 {
  grid-column: span 2 / span 2;
}

#w-node-a2577c36-0711-43d2-e0db-9717fcfa641e-b78e7b51 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a2577c36-0711-43d2-e0db-9717fcfa642a-b78e7b51, #w-node-_16abaea6-9d61-054d-73cd-f1354e707a95-b78e7b51 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_4476b0ba-dda9-8848-15bd-a2cb14e9b62b-95acb71f {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_75e7b0b6-5470-308a-6c23-994d5b2ef809-ba1cc004 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_1659fa7c-0a25-c1e9-e064-7758f08385be-0af34287 {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6c564b8b-f1c7-9479-e0fb-3ae70e55c030-2a2f98f7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_6c564b8b-f1c7-9479-e0fb-3ae70e55c03c-2a2f98f7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-fe399c60 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-fe399c60 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00282-5d839151 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00284-5d839151 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_50c81f46-fe0d-8749-3c4d-29e04c04d1d6-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_50c81f46-fe0d-8749-3c4d-29e04c04d1d8-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_2e255d79-6b81-1ac1-9b6e-5e4eff22d3ec-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_2e255d79-6b81-1ac1-9b6e-5e4eff22d3ee-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_56506c5b-4725-a793-f650-a84ad10a2996-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_56506c5b-4725-a793-f650-a84ad10a2998-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_38503738-0885-431c-1c5f-5b6d016267e1-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_38503738-0885-431c-1c5f-5b6d016267e3-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_4cdf94c0-8feb-dfa9-1920-511415248ba0-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_4cdf94c0-8feb-dfa9-1920-511415248ba2-4c4cc60b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-dfc8a86f-a1ed-825f-1a91-f2e4dacbfd6f-cf57fe11 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-dfc8a86f-a1ed-825f-1a91-f2e4dacbfd71-cf57fe11 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a6-0834b5c1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a8-0834b5c1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-f19eb14a-0497-bb45-e6a2-b6f7d6bc2593-c4b26290 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b6887ce6-9193-966b-234a-ba096b99646a-c4b26290 {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-b6887ce6-9193-966b-234a-ba096b99646b-c4b26290 {
  grid-column: span 3 / span 3;
}

#w-node-b6887ce6-9193-966b-234a-ba096b996471-c4b26290 {
  grid-column: span 6 / span 6;
}

#w-node-b6887ce6-9193-966b-234a-ba096b9964af-c4b26290 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-b6887ce6-9193-966b-234a-ba096b9964b7-c4b26290 {
  grid-column: span 2 / span 2;
}

#w-node-b6887ce6-9193-966b-234a-ba096b9964ce-c4b26290 {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-b6887ce6-9193-966b-234a-ba096b9964cf-c4b26290 {
  grid-column: span 9 / span 9;
}

#w-node-b6887ce6-9193-966b-234a-ba096b996510-c4b26290 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-b6887ce6-9193-966b-234a-ba096b996514-c4b26290 {
  grid-column: span 5 / span 5;
}

#w-node-b6887ce6-9193-966b-234a-ba096b996521-c4b26290 {
  grid-column: span 2 / span 2;
}

#w-node-_95e2419a-a54d-8b25-b318-6a9c69ecec45-c4b26290 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_95e2419a-a54d-8b25-b318-6a9c69ecec47-c4b26290, #w-node-ca8509ee-e012-dec5-620a-78d19ba612a2-c4b26290 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_6d5d3450-b79b-b949-9d5d-8d86533d02c9-02c1d380 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00282-3087d4cb {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00284-3087d4cb {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-aba090fd-b1a6-aff1-450c-ca3018be2842-bc08fa09 {
  grid-template-rows: auto auto auto;
  grid-template-columns: .75fr .5fr .25fr;
}

#w-node-_0b9f2973-b9dc-8f04-2ace-d21c0b8a31c6-bc08fa09 {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-_68ec7c70-3a44-2b61-7e43-82d01d53fc6e-bc08fa09 {
  grid-column: span 3 / span 3;
}

#w-node-_0fdc87ee-cfd7-c930-d51d-5f3da5154707-bc08fa09 {
  grid-column: span 6 / span 6;
}

#w-node-daa1757a-4b2f-ebbf-6ac0-504a7c4deff3-bc08fa09 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_15e07d4b-2c8d-938d-4d39-b80c9feff11d-bc08fa09 {
  grid-column: span 2 / span 2;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa96050a-bc08fa09 {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa96050b-bc08fa09 {
  grid-column: span 9 / span 9;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa960551-bc08fa09 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa960555-bc08fa09 {
  grid-column: span 5 / span 5;
}

#w-node-c99f4751-340f-d4fb-2f11-590efa960562-bc08fa09 {
  grid-column: span 2 / span 2;
}

#w-node-_71eb6b01-7514-9669-f595-75bf06d01b81-bc08fa09 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-eea29f9b-3169-f42e-d062-7e50e6ebff83-bc08fa09 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-bf2a6e67 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-bf2a6e67 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a6-3a6a4b71 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a8-3a6a4b71 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-d21843a5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-d21843a5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-8b6462ce {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-8b6462ce {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-3e115570 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-3e115570 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-f15df50e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-f15df50e {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-403b2007 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-403b2007 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00282-f0de342b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00284-f0de342b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00282-fa2a5cb1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00284-fa2a5cb1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-fff00154 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-fff00154 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00282-dd41bb3a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00284-dd41bb3a {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00282-7d7000d0 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00284-7d7000d0 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-7947e10e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-7947e10e {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00282-7c83a625 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a607103d-a56f-2e2e-0fed-92724ae00284-7c83a625 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-e324cd7d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-e324cd7d {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c6-51ec6e53 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b2161cd5-34ce-2292-1048-fd90478807c8-51ec6e53 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-b6823da6-0701-84df-ece1-2bdcaa4411ac-6b3fd51f {
    align-self: stretch;
  }

  #w-node-a7349719-8a53-64bd-4664-e0afdbff8fde-06b09e6b, #w-node-a7349719-8a53-64bd-4664-e0afdbff9001-06b09e6b, #w-node-_84066498-ed69-f184-85e3-5aa9f9d7a345-06b09e6b, #w-node-_98dba0a6-6fa3-df45-e1f9-838b028f6272-06b09e6b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_98dba0a6-6fa3-df45-e1f9-838b028f627d-06b09e6b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b45bc588-e93b-9c88-97ac-7337fcecf18f-06b09e6b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-aba090fd-b1a6-aff1-450c-ca3018be2842-93222f5d {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .75fr 1fr;
    display: grid;
  }

  #w-node-_71eb6b01-7514-9669-f595-75bf06d01b81-93222f5d, #w-node-eea29f9b-3169-f42e-d062-7e50e6ebff83-93222f5d {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-_905b4d46-3ecc-439a-f2c6-aff635da5261-93222f5d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_14fc25d6-86a2-712a-6639-f9e2d6d6cc95-e930f219 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-bbeaa09e-b8f8-947b-4751-d41114c74464-528aea55 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-ac6f2518-28b9-96b8-04fc-d1d8df2cd3c9-33bc017a, #w-node-ac6f2518-28b9-96b8-04fc-d1d8df2cd3da-33bc017a, #w-node-fd04541d-0726-79b3-cf35-c1e8fbe4719a-33bc017a {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-_8ac41d73-de53-99a8-0da1-8b73f69ec23e-b78e7b51 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .75fr 1fr;
    display: grid;
  }

  #w-node-a2577c36-0711-43d2-e0db-9717fcfa641e-b78e7b51 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-a2577c36-0711-43d2-e0db-9717fcfa642a-b78e7b51, #w-node-_16abaea6-9d61-054d-73cd-f1354e707a95-b78e7b51 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_4476b0ba-dda9-8848-15bd-a2cb14e9b62b-95acb71f {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_6c564b8b-f1c7-9479-e0fb-3ae70e55c030-2a2f98f7 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-_6c564b8b-f1c7-9479-e0fb-3ae70e55c03c-2a2f98f7 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-fe399c60 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-fe399c60 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-5d839151, #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-5d839151, #w-node-_50c81f46-fe0d-8749-3c4d-29e04c04d1d6-4c4cc60b {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-_50c81f46-fe0d-8749-3c4d-29e04c04d1d8-4c4cc60b {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_2e255d79-6b81-1ac1-9b6e-5e4eff22d3ec-4c4cc60b, #w-node-_2e255d79-6b81-1ac1-9b6e-5e4eff22d3ee-4c4cc60b, #w-node-_56506c5b-4725-a793-f650-a84ad10a2996-4c4cc60b, #w-node-_56506c5b-4725-a793-f650-a84ad10a2998-4c4cc60b, #w-node-_38503738-0885-431c-1c5f-5b6d016267e1-4c4cc60b, #w-node-_38503738-0885-431c-1c5f-5b6d016267e3-4c4cc60b, #w-node-_4cdf94c0-8feb-dfa9-1920-511415248ba0-4c4cc60b {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-_4cdf94c0-8feb-dfa9-1920-511415248ba2-4c4cc60b {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-dfc8a86f-a1ed-825f-1a91-f2e4dacbfd6f-cf57fe11, #w-node-dfc8a86f-a1ed-825f-1a91-f2e4dacbfd71-cf57fe11, #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a6-0834b5c1 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a8-0834b5c1 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_95e2419a-a54d-8b25-b318-6a9c69ecec45-c4b26290 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-_95e2419a-a54d-8b25-b318-6a9c69ecec47-c4b26290, #w-node-ca8509ee-e012-dec5-620a-78d19ba612a2-c4b26290 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_6d5d3450-b79b-b949-9d5d-8d86533d02c9-02c1d380 {
    grid-template-rows: auto auto auto;
    grid-template-columns: .25fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-3087d4cb {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-3087d4cb {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-aba090fd-b1a6-aff1-450c-ca3018be2842-bc08fa09 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .75fr 1fr;
    display: grid;
  }

  #w-node-_71eb6b01-7514-9669-f595-75bf06d01b81-bc08fa09, #w-node-eea29f9b-3169-f42e-d062-7e50e6ebff83-bc08fa09, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-bf2a6e67 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-bf2a6e67 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a6-3a6a4b71 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a8-3a6a4b71 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-d21843a5 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-d21843a5 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-8b6462ce {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-8b6462ce {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-3e115570 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-3e115570 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-f15df50e {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-f15df50e {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-403b2007 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-403b2007 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-f0de342b {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-f0de342b {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-fa2a5cb1 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-fa2a5cb1 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-fff00154 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-fff00154 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-dd41bb3a {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-dd41bb3a {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-7d7000d0 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-7d7000d0 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-7947e10e {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-7947e10e {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-7c83a625 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-7c83a625 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-e324cd7d {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-e324cd7d {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-51ec6e53 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-51ec6e53 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cd3734da-7104-8774-cc02-42e56e8b64b2-e945ea85 {
    grid-template-rows: auto;
    grid-template-columns: .5fr;
  }

  #w-node-bf6ecc41-375d-6418-fc92-dce1a5659bf5-06b09e6b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_71eb6b01-7514-9669-f595-75bf06d01b81-93222f5d, #w-node-eea29f9b-3169-f42e-d062-7e50e6ebff83-93222f5d {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_905b4d46-3ecc-439a-f2c6-aff635da5261-93222f5d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-bbeaa09e-b8f8-947b-4751-d41114c74464-528aea55 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-ac6f2518-28b9-96b8-04fc-d1d8df2cd3c9-33bc017a, #w-node-ac6f2518-28b9-96b8-04fc-d1d8df2cd3da-33bc017a, #w-node-fd04541d-0726-79b3-cf35-c1e8fbe4719a-33bc017a, #w-node-a2577c36-0711-43d2-e0db-9717fcfa641e-b78e7b51 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-a2577c36-0711-43d2-e0db-9717fcfa642a-b78e7b51, #w-node-_16abaea6-9d61-054d-73cd-f1354e707a95-b78e7b51 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_4476b0ba-dda9-8848-15bd-a2cb14e9b62b-95acb71f, #w-node-_6c564b8b-f1c7-9479-e0fb-3ae70e55c030-2a2f98f7, #w-node-_6c564b8b-f1c7-9479-e0fb-3ae70e55c03c-2a2f98f7, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-fe399c60, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-fe399c60, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-5d839151, #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-5d839151, #w-node-_50c81f46-fe0d-8749-3c4d-29e04c04d1d6-4c4cc60b, #w-node-_50c81f46-fe0d-8749-3c4d-29e04c04d1d8-4c4cc60b, #w-node-_2e255d79-6b81-1ac1-9b6e-5e4eff22d3ec-4c4cc60b, #w-node-_2e255d79-6b81-1ac1-9b6e-5e4eff22d3ee-4c4cc60b, #w-node-_56506c5b-4725-a793-f650-a84ad10a2996-4c4cc60b, #w-node-_56506c5b-4725-a793-f650-a84ad10a2998-4c4cc60b, #w-node-_38503738-0885-431c-1c5f-5b6d016267e1-4c4cc60b {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_38503738-0885-431c-1c5f-5b6d016267e3-4c4cc60b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_4cdf94c0-8feb-dfa9-1920-511415248ba0-4c4cc60b, #w-node-_4cdf94c0-8feb-dfa9-1920-511415248ba2-4c4cc60b, #w-node-dfc8a86f-a1ed-825f-1a91-f2e4dacbfd6f-cf57fe11, #w-node-dfc8a86f-a1ed-825f-1a91-f2e4dacbfd71-cf57fe11, #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a6-0834b5c1, #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a8-0834b5c1, #w-node-_95e2419a-a54d-8b25-b318-6a9c69ecec45-c4b26290 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_95e2419a-a54d-8b25-b318-6a9c69ecec47-c4b26290, #w-node-ca8509ee-e012-dec5-620a-78d19ba612a2-c4b26290 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-3087d4cb {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-3087d4cb {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_71eb6b01-7514-9669-f595-75bf06d01b81-bc08fa09, #w-node-eea29f9b-3169-f42e-d062-7e50e6ebff83-bc08fa09, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-bf2a6e67, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-bf2a6e67, #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a6-3a6a4b71, #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a8-3a6a4b71, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-d21843a5, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-d21843a5, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-8b6462ce, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-8b6462ce, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-3e115570, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-3e115570, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-f15df50e, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-f15df50e, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-403b2007, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-403b2007, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-f0de342b {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-f0de342b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-fa2a5cb1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-fa2a5cb1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-fff00154, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-fff00154, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-dd41bb3a {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-dd41bb3a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-7d7000d0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-7d7000d0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-7947e10e, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-7947e10e, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-7c83a625 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-7c83a625 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-e324cd7d, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-e324cd7d, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-51ec6e53, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-51ec6e53 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_33d2da6a-d4de-159a-be9f-0c1b96cd620f-e945ea85, #w-node-_25c4d46e-9cc9-8eac-56f3-c013b01e028c-e945ea85 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-bf6ecc41-375d-6418-fc92-dce1a5659bf5-06b09e6b {
    justify-self: start;
  }

  #w-node-aba090fd-b1a6-aff1-450c-ca3018be2842-93222f5d {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    display: grid;
  }

  #w-node-_71eb6b01-7514-9669-f595-75bf06d01b81-93222f5d, #w-node-eea29f9b-3169-f42e-d062-7e50e6ebff83-93222f5d, #w-node-_905b4d46-3ecc-439a-f2c6-aff635da5261-93222f5d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_14fc25d6-86a2-712a-6639-f9e2d6d6cc95-e930f219 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-ac6f2518-28b9-96b8-04fc-d1d8df2cd3c9-33bc017a, #w-node-ac6f2518-28b9-96b8-04fc-d1d8df2cd3da-33bc017a, #w-node-fd04541d-0726-79b3-cf35-c1e8fbe4719a-33bc017a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8ac41d73-de53-99a8-0da1-8b73f69ec23e-b78e7b51 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    display: grid;
  }

  #w-node-a2577c36-0711-43d2-e0db-9717fcfa641e-b78e7b51, #w-node-a2577c36-0711-43d2-e0db-9717fcfa642a-b78e7b51, #w-node-_16abaea6-9d61-054d-73cd-f1354e707a95-b78e7b51, #w-node-_4476b0ba-dda9-8848-15bd-a2cb14e9b62b-95acb71f, #w-node-_6c564b8b-f1c7-9479-e0fb-3ae70e55c030-2a2f98f7, #w-node-_6c564b8b-f1c7-9479-e0fb-3ae70e55c03c-2a2f98f7, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-fe399c60, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-fe399c60, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-5d839151, #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-5d839151, #w-node-_50c81f46-fe0d-8749-3c4d-29e04c04d1d6-4c4cc60b, #w-node-_50c81f46-fe0d-8749-3c4d-29e04c04d1d8-4c4cc60b, #w-node-_2e255d79-6b81-1ac1-9b6e-5e4eff22d3ec-4c4cc60b, #w-node-_2e255d79-6b81-1ac1-9b6e-5e4eff22d3ee-4c4cc60b, #w-node-_56506c5b-4725-a793-f650-a84ad10a2996-4c4cc60b, #w-node-_56506c5b-4725-a793-f650-a84ad10a2998-4c4cc60b, #w-node-_38503738-0885-431c-1c5f-5b6d016267e1-4c4cc60b, #w-node-_38503738-0885-431c-1c5f-5b6d016267e3-4c4cc60b, #w-node-_4cdf94c0-8feb-dfa9-1920-511415248ba0-4c4cc60b, #w-node-_4cdf94c0-8feb-dfa9-1920-511415248ba2-4c4cc60b, #w-node-dfc8a86f-a1ed-825f-1a91-f2e4dacbfd6f-cf57fe11, #w-node-dfc8a86f-a1ed-825f-1a91-f2e4dacbfd71-cf57fe11, #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a6-0834b5c1, #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a8-0834b5c1, #w-node-_95e2419a-a54d-8b25-b318-6a9c69ecec45-c4b26290, #w-node-_95e2419a-a54d-8b25-b318-6a9c69ecec47-c4b26290, #w-node-ca8509ee-e012-dec5-620a-78d19ba612a2-c4b26290 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6d5d3450-b79b-b949-9d5d-8d86533d02c9-02c1d380 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-3087d4cb, #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-3087d4cb {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-aba090fd-b1a6-aff1-450c-ca3018be2842-bc08fa09 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    display: grid;
  }

  #w-node-_71eb6b01-7514-9669-f595-75bf06d01b81-bc08fa09, #w-node-eea29f9b-3169-f42e-d062-7e50e6ebff83-bc08fa09, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-bf2a6e67, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-bf2a6e67, #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a6-3a6a4b71, #w-node-_15d339e7-7dba-63db-e74a-cd066ca3e9a8-3a6a4b71, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-d21843a5, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-d21843a5, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-8b6462ce, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-8b6462ce, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-3e115570, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-3e115570, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-f15df50e, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-f15df50e, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-403b2007, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-403b2007, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-f0de342b, #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-f0de342b, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-fa2a5cb1, #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-fa2a5cb1, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-fff00154, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-fff00154, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-dd41bb3a, #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-dd41bb3a, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-7d7000d0, #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-7d7000d0, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-7947e10e, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-7947e10e, #w-node-a607103d-a56f-2e2e-0fed-92724ae00282-7c83a625, #w-node-a607103d-a56f-2e2e-0fed-92724ae00284-7c83a625, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-e324cd7d, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-e324cd7d, #w-node-b2161cd5-34ce-2292-1048-fd90478807c6-51ec6e53, #w-node-b2161cd5-34ce-2292-1048-fd90478807c8-51ec6e53 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}