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;
  --white-smoke: #f8f8f8;
  --indigo: #62009e;
  --orchid: #cc6dff;
  --gainsboro: #e6e6e6;
  --lichtoranje: #ffad4c;
  --medium-sea-green-3: #58a354;
  --medium-sea-green-2: #70b36c;
  --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;
  --light-grey: #ddd;
  --40-black: #333c;
  --wit-opacity: #fffc;
  --grijs: #4b4b4b;
  --wit-opacity-90: #ffffffe6;
  --dim-grey: #686767;
  --donkerpaars: #3c008b;
  --0: #fff0;
  --bg-color: #faf5f3;
  --oa-purple-3: #d9b6fe;
  --morpholio-trace: #eed639;
  --oa-green-3: #aee28d;
  --wit-opacity-2: #ffffff40;
  --oa-orange-3: #feac86;
  --witte-kleur: #ffffffd9;
  --white-2: #fafafa;
  --red: #ff8585;
  --red-tint: #ffe9e9;
  --peru: #d67809;
  --sea-green: #738d72;
  --cadet-blue: #4f91a4;
  --medium-sea-green: #62ae8c;
  --dark-slate-grey: #3a6751;
  --dark-sea-green: #7ab463;
  --medium-aquamarine: #89c8ae;
  --tan: #c7b889;
  --pale-goldenrod: #c6d6a5;
  --steel-blue: #5291a9;
  --blue-violet: #8000fa;
  --gold: #eaca39;
  --yellow: #fff200;
  --goldenrod: #c79f24;
  --chocolate: #f86700;
  --dark-slate-blue: #624892;
  --groen: #51af32;
  --grijstint: var(--black);
  --zomerschool: #c8d467;
  --donker-oranje: #ec8000;
  --zomerschool-tint: #454922;
  --gebroken-wit: #fcfcfc;
  --zomerschool-nieuw: #31c24e;
  --color: #31c24eb8;
  --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-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-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-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;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@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-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

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;
}

.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;
}

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

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

.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;
}

.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;
}

.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;
}

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

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.video {
  max-width: none;
  height: auto;
  max-height: none;
}

.div-header-contain {
  flex-direction: column;
  align-items: flex-start;
  width: 60vw;
  padding-left: 0;
  display: flex;
}

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

.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;
}

.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;
}

.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;
}

.rich-text-block-9 {
  text-align: justify;
  margin-top: 0;
}

.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;
}

.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-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;
}

.collection-list-wrapper-6 {
  width: auto;
  display: flex;
}

.empty-state {
  display: none;
}

.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;
}

.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;
}

.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;
}

.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;
}

.inschrijfbutton-excursie {
  background-image: linear-gradient(to bottom, var(--indigo), var(--orchid));
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
}

.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;
}

.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;
}

.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-197 {
  margin-top: 35px;
}

.italic-text {
  font-size: 14px;
  line-height: 26px;
}

.div-block-198 {
  margin-top: 25px;
}

.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;
}

.text-span-9 {
  font-family: "Fa Solid 900", sans-serif;
}

.logo-grow-shrink {
  mix-blend-mode: multiply;
  transition: transform .2s;
}

.logo-grow-shrink:hover {
  transform: scale(1.2);
}

.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;
}

.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.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;
}

.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;
}

.vakopleiding-blok-titel {
  color: var(--oa-green-1);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8rem;
  display: flex;
}

.vakopleiding-blok-titel.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 {
  color: var(--oa-purple-1);
  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(--oa-purple-1);
  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._1 {
  transform-style: preserve-3d;
  transform: scale3d(1, 1, 1.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-top: 25px;
  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.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.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;
  font-family: Raleway, sans-serif;
}

.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;
  background-color: var(--oa-purple-2);
  color: var(--white);
  border-width: 0;
  border-radius: 10px;
  margin-top: 0;
  margin-right: 0;
  padding: 7.5px 10px;
  font-size: 18px;
  line-height: 22px;
  transition-property: none;
}

.button.landing:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.button.landing.mob {
  display: none;
}

.button.studiekiezer-pagina {
  text-transform: none;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  font-family: Raleway, sans-serif;
  font-weight: 500;
}

.button.sk-sv {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #a655fd;
  background-image: linear-gradient(60deg, var(--oa-purple-1), var(--oa-purple-2));
  filter: drop-shadow(0px 3px 0px var(--cc-text));
  border-width: 0;
  border-radius: 100px;
  margin-top: 0;
  margin-right: 0;
  padding: 7.5px 12.5px;
  font-size: 17px;
  line-height: 20px;
  transition-property: none;
}

.button.sk-sv:hover {
  filter: drop-shadow(0px 0px 0px var(--cc-text));
  top: 3px;
}

.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;
  letter-spacing: -.25px;
  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 {
  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;
}

.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: 20px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px 20px;
  display: flex;
  position: relative;
}

.blokken.ba-bs {
  background-color: var(--white);
  background-image: none;
}

.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: 100px;
  padding-bottom: 100px;
  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;
}

.logo-loop {
  height: 35px;
}

.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 {
  flex-flow: row;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.footer-2 {
  z-index: 120;
  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%);
  -webkit-backdrop-filter: brightness(80%);
  backdrop-filter: brightness(80%);
  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: 70px;
  font-weight: 700;
  line-height: 80px;
}

.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;
}

.text-span-product.titel-opleiding {
  font-family: Raleway, sans-serif;
  font-size: 58px;
  line-height: 65px;
  display: inline-flex;
}

.navigation-in-page-textspan {
  z-index: 100;
  color: var(--oa-green-1);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-family: "Fa Solid 900", sans-serif;
  display: flex;
  position: sticky;
  bottom: 0;
}

.navigation-in-page-textspan.to {
  background-color: var(--oa-purple-1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #333;
}

.navigation-in-page-textspan.cursussen-en-excursies {
  color: #333;
  height: auto;
}

.navigation-in-page-textspan.pk {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #333;
  background-color: #fd905ecc;
}

.container-11 {
  z-index: 100;
  border-style: solid;
  border-width: 1px 1px 3px;
  border-color: var(--cc-text);
  background-color: var(--white);
  filter: drop-shadow(0 5px 5px #0003);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 940px;
  max-width: none;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  display: flex;
  position: fixed;
  inset: auto 0% 50px;
}

.link-in-page-nav {
  color: var(--cc-text);
  text-transform: lowercase;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Raleway, sans-serif;
  font-weight: 400;
  display: inline-flex;
}

.link-in-page-nav:hover {
  text-underline-offset: 2px;
  text-decoration: underline;
  text-decoration-thickness: .75px;
}

.link-in-page-nav.w--current {
  border-style: solid;
  border-width: 1px 1px 3px;
  border-color: var(--cc-text);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 16px;
}

.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;
}

.link-in-page-nav.to-pk-copy {
  justify-content: center;
  align-items: center;
  font-size: 14px;
  transition-property: none;
  display: flex;
}

.link-in-page-nav.to-pk-copy:hover {
  color: var(--oa-purple-1);
  font-weight: 500;
}

.link-in-page-nav.to-pk-copy.w--current {
  color: var(--oa-purple-1);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}

.section-algemeen {
  background-color: var(--algemene-achtergrondkleur);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-bottom: 50px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.section-algemeen._0-marge {
  padding-bottom: 0;
}

.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;
}

.container--all--pages.examens {
  padding-bottom: 25px;
}

.container--all--pages.leertraject {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 0;
  display: block;
}

.naam--onderwerp--klein {
  border-style: solid;
  border-width: 1px 1px 3px;
  border-color: var(--oa-green-1);
  color: var(--oa-green-1);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  display: flex;
  position: relative;
}

.naam--onderwerp--klein.to {
  border-width: 1px 1px 5px;
  border-color: var(--oa-purple-1);
  color: var(--oa-purple-1);
  border-radius: 20px;
  margin-top: 20px;
}

.naam--onderwerp--klein.pk {
  border-width: 1px 1px 3px;
  border-color: var(--oa-purple-1);
  color: var(--oa-purple-1);
}

.naam--onderwerp {
  color: var(--cc-text);
  margin-bottom: 100px;
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 45px;
}

.korte-informatie-onderwerp {
  letter-spacing: 0;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
  font-family: Raleway, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  display: block;
}

.korte-informatie-onderwerp.inclusief {
  border: 0px solid var(--oa-purple-1);
  background-color: var(--white);
  text-align: center;
  border-radius: 0 0 5px 5px;
  width: 100%;
  padding: 30px 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: 100px;
  padding: 0;
  display: grid;
  overflow: hidden;
}

.qs-highlights.to {
  color: var(--black);
  border-radius: 10px;
}

.qs-highlights.excursies {
  border-width: 0;
  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: flex-start;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  display: flex;
  position: relative;
}

.div-block-226.bg {
  margin-bottom: 5px;
}

.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: 100px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 25px;
  display: flex;
  position: relative;
}

.details-opleiding-cursus-examen.examens {
  margin-bottom: 25px;
}

.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(--koptekst);
  letter-spacing: 1px;
  font-family: Raleway, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.navigatie-bovenin-pagina:hover {
  color: var(--cc-text);
}

.div-block-238 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  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;
  font-weight: 500;
}

.field-label-13.tekst-schema {
  margin-bottom: 16px;
}

.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.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%;
}

.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.sku.gevorderden {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c208076f316b081a490c_OA_SKU_03.jpg");
}

.opleiding-curs-blok.sku.basis {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798c209d91ea7af4a788117_OA_SKU_01.jpg");
}

.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.v-c:hover {
  filter: saturate(160%) blur(5px);
}

.opleiding-curs-blok.zp {
  filter: saturate(130%);
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67f904e4c5889197558961ec_OA_ZP2.jpg");
}

.opleiding-curs-blok.beter-schetsen {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681c972865658b9049ef47a8_OA_ZS%20-%20Beter%20Schetsen2.jpg");
}

.opleiding-curs-blok.de-kracht-van-de-maquette {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681c7d6f1e2d0609ae311b2a_thumbnail_PHOTO-2023-03-10-14-23-24.jpg");
}

.opleiding-curs-blok.de-kracht-van-beeld {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798af0a9907301a72632482_OA_PO_02.jpg");
}

.opleiding-curs-blok.landschaftspark {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681b19b829e8b67807ad5033_OA_ZS%20-%20Landschaftspark2.jpg");
}

.opleiding-curs-blok.insel-hombroich {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681c7f6df91850efe2f26aeb_IMG_4832.jpg");
}

.opleiding-curs-blok.botanisch-rondje-wageningen {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8b4de13a3408196a4e_OA_TopBanner_20.jpg");
}

.opleiding-curs-blok.veelzijdigheid-van-hydrangea {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681c85bbd09c2831399539c3_OA_ZS%20-%20Veelzijdigheid%20van%20Hydrangea2.jpg");
}

.opleiding-curs-blok.observeren-tekenen-en-analyseren {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790f3fe9de8c786ebf73c72_OA_SLIDER_EXCURSIE_BG_03.jpg");
}

.opleiding-curs-blok.studiereis-kent-sussex {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/672b7917f5b5f84e78b74261_Beeldenbank_01.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;
}

.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;
}

.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: 0 1px 1px #00000080;
  margin-top: 20px;
  font-family: Raleway, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

.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 {
  padding-left: 15px;
  font-family: Raleway, sans-serif;
  list-style-type: square;
}

.list-item-algemeen.privacyverklaring {
  margin-bottom: 5px;
  font-size: 1rem;
}

.list-item-algemeen.privacyverklaring.nummers {
  list-style-type: decimal;
}

.list-item-algemeen.algemene-voorwaarden {
  font-family: Raleway, sans-serif;
  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: 35px;
}

.list-item-algemeen.uitklapmenu {
  margin-bottom: 0;
}

.list-item-algemeen._50-marge {
  margin-bottom: 50px;
}

.list-item-algemeen._100-marge {
  margin-bottom: 100px;
}

.list-item-algemeen._25-marge {
  margin-bottom: 25px;
}

.paragraph-platte-tekst {
  color: #333333e6;
  text-align: left;
  margin-bottom: 50px;
  font-family: Raleway, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.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-bottom: 100px;
  padding: 30px 25px;
  font-family: Inconsolata, monospace;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
  position: relative;
}

.paragraph-platte-tekst.faq {
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-platte-tekst.privacyverklaring {
  font-size: 1rem;
  line-height: 1.8rem;
}

.paragraph-platte-tekst.privacyverklaring._10-margin {
  margin-bottom: 10px;
}

.paragraph-platte-tekst.intro {
  color: var(--black);
  margin-bottom: 100px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-platte-tekst.white {
  color: var(--white);
}

.paragraph-platte-tekst.dagjemeelopen {
  color: var(--white);
  text-align: left;
  background-image: none;
  border-radius: 0;
  margin-bottom: 30px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  font-family: Raleway, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.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;
  line-height: 28px;
  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.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;
}

.paragraph-platte-tekst._100-marge {
  margin-bottom: 100px;
}

.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);
  padding-left: 20px;
  display: inline-block;
}

.korte-informatie-examens {
  text-align: left;
  padding: 10px 10px 25px;
  font-family: Raleway, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  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);
  text-align: left;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
}

.heading-platte-tekst-all-pages.faq {
  width: 90%;
  margin-left: 0;
  margin-right: 0;
  font-size: 20px;
  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-size: 25px;
  font-weight: 500;
  line-height: 35px;
}

.heading-platte-tekst-all-pages.to.dropdown {
  z-index: 10;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  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.leertraject-heading {
  margin-top: 0;
  font-weight: 700;
}

.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);
}

.sji-left-part {
  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;
}

.sji-left-part.alt {
  background-color: var(--oa-purple-1);
}

.sji-left-part.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");
  background-position: 50%;
  background-repeat: repeat;
  background-attachment: fixed;
}

.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;
  outline-width: 3px;
  outline-style: solid;
  width: 100%;
  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");
  width: 100%;
}

.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;
}

.sji-right-part {
  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;
}

.sji-right-part.to {
  background-color: var(--oa-purple-1);
  border-bottom: 0 solid #000;
  border-right: 0 solid #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sji-right-part.to.alt {
  background-color: var(--oa-purple-2);
  overflow: hidden;
}

.sji-right-part.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: 100px;
  padding-bottom: 100px;
  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;
}

.collection-list-12 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.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: 100px;
  padding-bottom: 100px;
  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;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 10px 20px;
  display: flex;
}

.text-block-99 {
  color: var(--black);
  margin-bottom: 20px;
  font-family: Raleway, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.heading-blog {
  color: var(--black);
  text-align: left;
  margin-bottom: 10px;
  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;
}

.home-title {
  color: #696767;
  width: 940px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 200;
  line-height: 45px;
  position: relative;
}

.home-title.alt {
  color: var(--koptekst);
  width: auto;
  margin-bottom: 0;
  padding-left: 0;
}

.home-title.waarom-oa {
  margin-bottom: 50px;
}

.homepage-text-span {
  color: var(--oa-purple-1);
  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-family: Raleway, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.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-family: Raleway, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.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;
  padding-top: 5px;
  padding-bottom: 5px;
  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;
  padding-top: 5px;
  padding-bottom: 5px;
  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-top: 5px;
  padding-bottom: 5px;
  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;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Raleway, sans-serif;
}

.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: auto;
  margin-bottom: 0;
  font-size: .9rem;
  display: flex;
  position: relative;
}

.homepage--txt--link.algemeen.vakopleidingen:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.homepage--txt--link.dagjemeelopen {
  border: 1px solid var(--white);
  background-color: var(--0);
  color: var(--white);
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.homepage--txt--link.dagjemeelopen.to {
  border: 1px solid var(--oa-purple-1);
  background-color: var(--white);
  color: var(--oa-purple-1);
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.homepage--txt--link.dagjemeelopen.to:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.auteur--blog {
  border: 1px solid var(--oa-purple-1);
  color: var(--oa-purple-1);
  letter-spacing: 0;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Raleway, sans-serif;
  font-size: 12px;
  font-weight: 500;
  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;
  border-radius: 10px;
  flex-flow: column;
  width: 940px;
  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(--white);
  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: 12px;
  font-weight: 400;
  line-height: 16px;
}

.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-align: left;
  text-underline-offset: 1px;
  text-underline-position: under;
  text-decoration: underline;
  text-decoration-thickness: .75px;
  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.white, .link.sp-form {
  color: var(--white);
}

.reviews-link {
  color: var(--black);
  text-align: center;
  width: 100%;
  font-family: Raleway, 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-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;
}

.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 {
  color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-size: 25px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
  overflow: visible;
}

.faq-subject {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.question-faq {
  border: 1px solid var(--cc-grey-hover);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.div-block-333 {
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  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 {
  color: var(--oa-purple-1);
  text-align: right;
  cursor: pointer;
  flex-flow: column;
  font-family: Montserrat, sans-serif;
  font-size: 37px;
  font-weight: 700;
  line-height: 42px;
  display: flex;
  position: sticky;
  top: 130px;
  bottom: auto;
}

.div-block-334 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.cell-qs-opl-page {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  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: 15px;
  padding-top: 0;
  padding-bottom: 0;
  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;
}

.div--youtube.ba {
  margin-top: 50px;
  margin-bottom: 100px;
}

.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;
}

.qs-startdata.menubar-mobile {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.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.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;
}

.download--pdf {
  vertical-align: top;
  font-family: Material Symbols Sharp, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  position: relative;
}

.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(--cc-grey-1);
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-width: 45%;
  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;
}

.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;
}

.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 {
  color: var(--oa-purple-1);
  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 {
  background-color: var(--white);
  background-image: linear-gradient(45deg, var(--oa-green-1), var(--oa-green-3) 47%, var(--oa-green-3) 53%, var(--oa-green-2) 62%, var(--oa-green-1));
  color: var(--white);
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 226px;
  margin-top: 50px;
  margin-bottom: 50px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.extrainfo:hover {
  filter: drop-shadow(15px 15px 0px var(--cc-grey-1));
  transform: scale(1.01);
}

.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-self: 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;
  padding-top: 50px;
  padding-bottom: 50px;
  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;
}

.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--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);
}

.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 {
  z-index: 1;
  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;
  position: relative;
}

.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;
  margin-bottom: 10px;
  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 {
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 22px;
  display: inline;
}

.lottie {
  display: block;
  position: relative;
}

.card {
  z-index: 300;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black);
  font-size: 2em;
}

.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;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.text-block-122:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.text-block-122._2 {
  font-size: 14px;
}

.text-block-122._3 {
  flex: 1;
}

.div-block-382 {
  width: 100%;
  height: 60vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.empty-state-4 {
  background-color: var(--white);
}

.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: Raleway, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.submit-button-6:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.datum--blog {
  border: 1px solid var(--oa-purple-1);
  color: var(--oa-purple-1);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Raleway, sans-serif;
  font-size: 12px;
  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: wrap;
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
  position: relative;
}

.text-span-69 {
  margin-right: 5px;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.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);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  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(--black);
  width: 1px;
  height: 15px;
}

.div-block-390 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  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.avif");
  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.avif");
}

.slide--beeldenbank._3 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8c5d8e4ee70688b073_Beeldenbank_16.avif");
}

.slide--beeldenbank._4 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8b30105d73fa477d6f_Beeldenbank_13.avif");
  background-position: 50%;
  background-size: cover;
}

.slide--beeldenbank._5 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8baf97570d4a39e539_Beeldenbank_09.avif");
}

.slide--beeldenbank._6 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8b69bd8cf37427cf13_Beeldenbank_12.avif");
}

.slide--beeldenbank._7 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8b0d6fcad7e0b87f84_Beeldenbank_10.avif");
}

.slide--beeldenbank._8 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8b50496f9c1d97335a_Beeldenbank_08.avif");
  background-size: cover;
}

.slide--beeldenbank._9 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8beceb7dc23a123ded_Beeldenbank_11.avif");
}

.slide--beeldenbank._10 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8a7c2615f2f49c0dfd_Beeldenbank_03.avif");
}

.slide--beeldenbank._11 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8a466fff698d74fa7e_Beeldenbank_06.avif");
}

.slide--beeldenbank._13 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8aa4a4cdeeb67fa045_Beeldenbank_05.avif");
}

.slide--beeldenbank._12 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8a5319a9179fdd513a_Beeldenbank_07.avif");
}

.slide--beeldenbank._14 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb8a6953722b2731d913_Beeldenbank_02.avif");
}

.slide--beeldenbank._15 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675acb89758cfc154f05f1a2_Beeldenbank_04.avif");
}

.slide--beeldenbank._16 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/675ad2f98628d0f739751825_Beeldenbank_01.avif");
}

.arrow--home {
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing--options {
  text-align: left;
  letter-spacing: .5px;
  text-transform: none;
  font-family: Raleway, sans-serif;
  font-weight: 300;
}

.background-video-2 {
  z-index: 100;
  object-fit: fill;
  width: 100%;
  height: 100%;
}

.div-block-391 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-393 {
  border-radius: 20px;
  width: 1500px;
  overflow: hidden;
}

.div-block-394, .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;
}

.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;
  text-shadow: 0 1px 1px #000;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.5rem;
  position: relative;
}

.text-block-130.knop {
  border-bottom: 2px solid var(--white);
  background-color: var(--oa-orange-1);
  color: var(--white);
  letter-spacing: 0;
  text-shadow: none;
  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.knop:hover {
  border-bottom-width: 0;
  top: 2px;
}

.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;
  padding-left: 20px;
  padding-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: 10px;
  position: relative;
}

.text--titel--wrapper._50-marge {
  margin-bottom: 50px;
}

.text--titel--wrapper._0-marge {
  margin-bottom: 0;
}

.text--titel--wrapper._100-marge {
  margin-bottom: 100px;
}

.titel--wrapper {
  cursor: pointer;
  border-bottom: .5px solid #000;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 5px;
  display: flex;
}

.colour--overlay {
  z-index: 101;
  opacity: .5;
  background-image: linear-gradient(90deg, #000000b3 25%, #fff0 70%);
  height: 100%;
  transition: all .2s;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 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(--cc-text);
  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;
}

.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;
  position: relative;
}

.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-family: Raleway, sans-serif;
  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;
}

.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;
  padding-top: 75px;
  padding-bottom: 75px;
}

.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: 10px;
  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;
  padding-bottom: 25px;
  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;
}

.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;
}

.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;
}

.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);
  width: 100vw;
  position: relative;
}

.container--extras {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 940px;
  padding-top: 10px;
  display: flex;
}

.div-block-432 {
  border-bottom: .5px solid var(--oa-purple-3);
  width: 940px;
  position: relative;
}

.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-family: Raleway, sans-serif;
  font-weight: 300;
}

.div-block-433 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  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: 100px;
  padding-bottom: 170px;
  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;
}

.lottie--routekaart {
  width: 100px;
  height: 100px;
}

.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 {
  color: var(--koptekst);
  border-radius: 8px;
}

.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: 600;
  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: Raleway, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.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);
}

.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;
}

.logo--oa {
  z-index: 150;
  width: 250px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 120px;
}

.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;
}

.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: Raleway, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.text-block-156.titel--contact {
  color: var(--oa-purple-1);
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
}

.text-block-156.bold {
  margin-bottom: 25px;
  font-weight: 500;
}

.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-family: Raleway, sans-serif;
  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-offset: 0px;
  text-underline-position: under;
  text-decoration: underline;
  text-decoration-thickness: .75px;
}

.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-top: 50px;
  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;
}

.code-embed-tmr {
  margin-top: 20px;
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
}

.code-embed-al, .code-embed-bg, .code-embed-gp {
  margin-top: 20px;
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  display: none;
}

.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 {
  margin-top: 0;
  margin-bottom: 50px;
}

.inschrijven-grid.vo-s {
  margin-top: 0;
}

.inschrijven-grid._50-marge {
  margin-top: 50px;
  margin-bottom: 50px;
}

.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;
}

.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-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;
}

.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.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);
}

.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;
}

.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 {
  z-index: 500;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--algemene-achtergrondkleur);
  -webkit-backdrop-filter: brightness(112%);
  backdrop-filter: brightness(112%);
  color: var(--black);
  border-radius: 10px 10px 0 0;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin-top: 20px;
  padding: 10px 10px 25px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto 30px 0 auto;
}

.cc-reviews.cc {
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.cc-reviews.footer {
  background-color: var(--white);
  border-radius: 10px;
  width: 180px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  position: absolute;
  top: 20px;
  bottom: auto;
  right: 20px;
}

.cc-reviews.mobile {
  display: none;
}

.cc-reviews.desktop {
  z-index: 500;
  background-color: var(--algemene-achtergrondkleur);
  border-radius: 10px 10px 0 0;
  width: 190px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
  position: absolute;
  inset: auto 50px 0% auto;
}

.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;
}

.code-embed-32 {
  margin-left: 15px;
  margin-right: 15px;
}

.code-embed-32.desktop {
  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: 14px;
  font-weight: 600;
}

.text-block-187 {
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.cc-star {
  color: #fbc008;
  width: 18px;
  font-family: "Materialsymbolsrounded Filled 28 Pt", sans-serif;
  font-size: 20px;
}

.image-71 {
  margin-right: 10px;
}

.text-block-188 {
  color: var(--black);
  letter-spacing: 1px;
  margin-left: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.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;
}

.body-agenda-cms {
  background-color: #f6f6f6;
}

.titel-agenda-cms {
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}

.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;
}

.checkbox-field-7 {
  margin-top: 20px;
}

.cc-socials {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  margin: 15px;
  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;
}

.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;
}

.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);
}

.collection-list-17 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.introductie-tekst {
  text-align: left;
  margin-bottom: 50px;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 2.1rem;
}

.div-block-492 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  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: 3.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-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);
}

.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-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;
}

.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;
}

.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;
}

.search-result-item {
  margin-bottom: 20px;
}

.button-proefles {
  background-image: linear-gradient(55deg, var(--oa-purple-1), var(--oa-purple-2));
  color: var(--white);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 125px;
  height: 25px;
  font-weight: 300;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-proefles:hover {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.text-block-205 {
  text-align: center;
  white-space: nowrap;
  font-family: Quicksand, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.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;
  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-purple-1);
  margin-left: 10px;
  margin-right: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.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%;
  margin-bottom: 15px;
  display: flex;
}

.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: 18px;
  font-weight: 300;
  display: flex;
}

.div-block-518 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-519 {
  border-radius: 0 10px 10px 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  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;
}

.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;
}

.link-block-37, .link-block-38 {
  text-decoration: none;
}

.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;
}

.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;
}

.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;
}

.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-529 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.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;
}

.group-wrapper.cms.studiekiezer {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0;
}

.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;
}

.afbeelding-beter-schetsen {
  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-beter-schetsen._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681c972865658b9049ef47a8_OA_ZS%20-%20Beter%20Schetsen2.jpg");
  background-size: cover;
  height: 100vh;
  margin-top: 80px;
  position: fixed;
  inset: 0%;
}

.afbeelding-beter-schetsen._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681c9727c2601ebdd6feb566_OA_ZS%20-%20Beter%20Schetsen.jpg");
  background-position: 50%;
  height: 100vh;
  margin-top: 80px;
}

.afbeelding-beter-schetsen._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/67936c8c8537c66b10aaf334_OA_TopBanner_08.jpg");
}

.text-block-223 {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.afbeelding-extrainfo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/681dafd80b240f24a1897e93_OntwerpAcademie_beeld_inkijk-TA-broodtekst.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 5px 0 0 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 500px;
  height: 100%;
  margin-right: 20px;
}

.div-block-532 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-533 {
  background-color: var(--white);
  border-radius: 1000px;
  width: 350px;
  height: 40px;
  position: absolute;
  bottom: auto;
  left: -115%;
  right: 0%;
}

.collection-list-wrapper-zomerschool {
  width: 100%;
}

.text-block-224 {
  font-family: Montserrat, sans-serif;
}

.div-block-534 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  padding: 50px;
  display: flex;
}

.div-block-535 {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--cc-grey-hover);
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 270px;
  max-width: 540px;
  padding: 20px;
  font-family: Raleway, sans-serif;
  display: flex;
}

.div-block-535:hover {
  border-color: var(--oa-orange-1);
}

.div-block-535.ba:hover {
  border-color: var(--oa-orange-3);
}

.div-block-535.tos {
  flex: 1;
  min-width: 290px;
}

.div-block-535.tos:hover {
  border-color: var(--oa-green-1);
}

.div-block-535.to:hover {
  border-color: var(--oa-green-3);
}

.text-block-225 {
  background-color: var(--oa-purple-1);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  padding: 5px 10px;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.text-block-225.to {
  background-color: var(--oa-green-2);
}

.text-block-225.tos {
  background-color: var(--oa-green-1);
}

.text-block-225.ba {
  background-color: var(--oa-orange-3);
}

.text-block-225.bs {
  background-color: var(--oa-orange-1);
}

.text-block-226 {
  color: var(--cc-text);
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.text-block-227 {
  color: var(--cc-text);
  border-radius: 10px;
  margin-bottom: 25px;
}

.text-block-228 {
  color: var(--koptekst);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.text-block-229 {
  color: var(--cc-text);
  font-size: 16px;
  font-weight: 500;
}

.div-block-536 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.text-block-230 {
  color: var(--koptekst);
  cursor: help;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 18px;
  overflow: visible;
}

.text-block-230:hover {
  color: var(--cc-text);
}

.div-block-537 {
  z-index: 1;
  background-color: var(--cc-text);
  color: var(--white);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  padding: 10px;
  display: flex;
  position: absolute;
  bottom: 40px;
}

.div-block-537.prijs {
  min-width: 225px;
  margin-left: 30px;
  bottom: auto;
}

.div-block-538 {
  z-index: 0;
  background-color: var(--cc-text);
  border-radius: 2px;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  position: absolute;
  bottom: 0%;
  left: 50%;
  right: 0%;
  transform: rotate(45deg);
}

.div-block-538.prijs {
  margin-left: 0;
  bottom: auto;
  left: 0%;
}

.text-block-231 {
  z-index: 1;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.div-block-540 {
  justify-content: center;
  align-items: flex-end;
  transition: all .225s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-540:hover {
  overflow: visible;
}

.div-block-541 {
  background-color: var(--cc-text);
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.text-block-232 {
  z-index: 1;
  color: var(--cc-text);
  text-align: center;
  position: relative;
}

.slider-57 {
  border-radius: 10px;
  width: 100%;
  height: 225px;
  margin-top: 40px;
  overflow: hidden;
}

.slide-nav-52 {
  font-size: 10px;
  inset: auto 0% 0%;
}

.text-block-233 {
  font-family: Material Symbols Outlined, sans-serif;
  font-weight: 100;
}

.left-arrow-37 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.right-arrow-33 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.slide-242 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6798b81eca15c9ef87f43b0e_OA_TA__03.jpg");
  background-position: 0 0;
  background-size: cover;
}

.div-block-542 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.div-block-543 {
  border: 1px solid var(--cc-text);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-544 {
  background-color: var(--cc-text);
  border-radius: 200px;
  width: 350px;
  height: 350px;
  position: absolute;
  inset: 100% 100% auto auto;
}

.div-block-545 {
  margin-bottom: 50px;
  position: relative;
}

.text-block-234 {
  font-family: Material Symbols Outlined, sans-serif;
  line-height: 14px;
}

.div-block-546 {
  cursor: help;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -40% -15% auto auto;
  overflow: hidden;
}

.div-block-546:hover {
  overflow: visible;
}

.product-container_product-details {
  flex: 1;
  padding-right: 2rem;
}

.product-container_quantity-changers {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.custom-option-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.label {
  color: #000;
  flex: none;
  font-size: .8125rem;
  line-height: 1.5rem;
}

.pill-button {
  background-color: #0000;
  border: 1px solid #222;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 0;
  padding: .5rem;
  transition: color .35s, background-color .375s;
  display: flex;
  position: relative;
}

.pill-button.sf-active {
  color: #fff;
  background-color: #000;
}

.add-to-cart-button-2 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #000;
  border: 1px solid #000;
  border-radius: .2rem;
  padding: .75rem 1.5rem;
}

.product-container_actions {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.quantity-decreaser {
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  padding-left: .25rem;
  padding-right: .25rem;
  line-height: 1.3;
  display: flex;
}

.product-container {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.product-container_option-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding-bottom: 1rem;
  display: flex;
}

.product-container_option-group {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.quantity-changer {
  color: #000;
  text-align: center;
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
  width: 3rem;
  height: auto;
  margin-bottom: 0;
  padding: 0 .25rem;
  font-size: 1rem;
  line-height: 1.6;
}

.quantity-changer:focus {
  outline-offset: 0px;
  border-color: #000;
  outline: 0 #000;
}

.quantity-changer::placeholder {
  color: #0009;
}

.quantity-increaser {
  text-align: center;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.3;
  display: flex;
}

.product-container_layout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-bottom: 3rem;
  display: grid;
}

.product-container_quantity-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.custom-option-value {
  cursor: pointer;
  padding-left: 0;
  transition: all .2s;
  display: inline-block;
}

.cart-count {
  color: var(--black);
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  font-family: Raleway, sans-serif;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}

.cart-opener {
  z-index: 9999;
  cursor: pointer;
  flex: none;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: fixed;
  inset: 30px 30px auto auto;
}

.sm-mini-cart_items {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
  overflow: auto;
}

.sm-cart__empty {
  background-color: #f2f2f2;
  border-radius: .35rem;
  padding: 2rem 1rem;
  font-size: .875rem;
}

.sm-option-line {
  font-size: .875rem;
  display: flex;
}

.space-y {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.sm-mini-cart_error-label {
  color: #c51313;
  text-align: center;
}

.sm-box-item__title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  font-size: .875rem;
  font-weight: 500;
}

.sm-mini-cart_item-image-container {
  border-radius: .35rem;
  flex: none;
  width: 6rem;
  height: 6rem;
  margin-right: 1rem;
  position: relative;
  overflow: hidden;
}

.sm-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fefefe;
  white-space: nowrap;
  background-color: #0145ab;
  border: 2px solid #0145ab;
  border-radius: .35rem;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1.25rem;
  font-size: .875rem;
  text-decoration: none;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.sm-button:hover {
  background-color: #013584;
  border-color: #013584;
}

.sm-cart-item__title {
  color: #1a1a1a;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.sm-option__separator {
  margin-right: .25rem;
}

.sm-mini-cart_item-image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: .35rem;
  flex: 1;
  align-self: center;
  width: 10rem;
}

.sm-option__name {
  font-size: .875rem;
  font-weight: 500;
}

.sm-icon-button {
  cursor: pointer;
  background-color: #f2f2f2;
  border-radius: .375rem;
  width: 2rem;
  height: 2rem;
  padding: .5rem;
  position: relative;
}

.sm-icon-button.sm-icon-button--small {
  width: 1rem;
  height: 1rem;
  padding: 0;
}

.sm-option__value {
  color: #7e7e7e;
  font-size: .875rem;
}

.sm-box-item__image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: .35rem;
  flex: 0 auto;
  align-self: center;
  width: 3rem;
  height: 3rem;
}

.sm-box-item__quantity-line {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  font-size: .875rem;
  display: flex;
}

.sm-quantity-field {
  text-align: center;
  background-color: #0000;
  border: 0 #000;
  flex: 0 auto;
  width: 3rem;
  margin-bottom: 0;
  padding: 0;
  font-size: .875rem;
}

.sm-cart-item__total {
  font-size: .875rem;
}

.sm-quantity-input {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem;
  display: inline-flex;
}

.sm-quantity-input.is-small {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border: 1px solid #e6e6e6;
  border-radius: .35rem;
  padding: .125rem .825rem;
}

.sm-action-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  cursor: pointer;
  background-color: #1a1a1a;
  border-radius: .35rem;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 2.5rem;
  padding: .25rem .75rem;
  font-size: .772rem;
  font-weight: 400;
  display: flex;
}

.sm-quantity-input-button {
  background-color: #f2f2f2;
  border-radius: .35rem;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0 0 0 0;
  display: flex;
}

.sm-icon {
  width: 1rem;
  height: 1rem;
}

.sm-icon:hover {
  cursor: pointer;
}

.sm-icon._0-75rem {
  width: .75rem;
  height: .75rem;
}

.sm-icon.sm-transition-transform {
  transition: transform .2s ease-in-out;
}

.sm-cart-item__price {
  font-size: .875rem;
}

.flex-vertical-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sm-box-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
  display: flex;
}

.sm-box-items {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.display-contents {
  display: contents;
}

.custom-css {
  display: none;
}

.sm-details-content {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: .55rem .25rem;
  display: flex;
}

.sm-cart__item {
  background-color: #fff;
  border-bottom: 1px solid #efefef;
  border-radius: .5rem;
  align-items: flex-start;
  margin-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.sm-cart-item__data {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.sm-cart_notes {
  resize: none;
  background-color: #fefefe;
  border: 1px solid #e6e6e6;
  border-radius: .35rem;
  min-height: 6rem;
  margin-bottom: 1rem;
  padding: .5rem;
}

.sm-cart-field {
  background-color: #fefefe;
  border: 1px solid #e6e6e6;
  border-radius: .35rem;
  margin-bottom: 0;
  padding: .5rem;
}

.sm-cart-page__form {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-medium {
  font-weight: 500;
}

.sm-cart-page__line {
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 1rem;
  display: flex;
}

.sm-cart__error {
  background-color: #c51313;
  border-radius: .5rem;
  margin-top: .5rem;
  padding: .5rem;
}

.sm-cart-item__info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.sm-cart__lines {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 2rem;
  display: flex;
}

.sm-cart_remove-button {
  color: #6a7282;
  background-color: #0000;
  width: 1rem;
  height: 1rem;
  padding: 0;
}

.sm-cart-page__footer {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fbf9fa;
  flex-flow: column;
  margin-top: 0;
  padding: 1rem;
  display: flex;
  position: sticky;
  top: 0;
}

.sm-summary-title {
  margin-top: 0;
  margin-bottom: 1rem;
}

.sm-cart-page__title {
  margin-top: 0;
  margin-bottom: 2rem;
}

.text-style-xs {
  font-size: .772rem;
}

.sm-cart-discount {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: .375rem;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  padding: .5rem;
  display: inline-flex;
}

.sm-cart-page {
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem;
}

.sm-at-checkout-label {
  color: #6a7282;
  margin-bottom: 1rem;
  font-size: .75rem;
}

.sm-summary__title {
  pointer-events: none;
  font-size: .875rem;
}

.sm-cart_quantity-line-container {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-right: .5rem;
  display: flex;
}

.sm-summary {
  cursor: pointer;
  justify-content: space-between;
  padding: .75rem .25rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.sm-cart-page__quantity-input {
  border-radius: .375rem;
  margin-right: .5rem;
}

.sm-cart-field-wrapper {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  display: inline-grid;
  position: relative;
}

.form-7 {
  width: 940px;
}

.studiekiezer {
  z-index: 100000;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(#00000080, #00000080);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
  transform: translate(0, 100vh);
}

.sk-form {
  background-color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: flex-end;
  width: 940px;
  display: flex;
  position: relative;
}

.field-label-18 {
  margin-top: 25px;
}

.checkbox-3 {
  outline-color: var(--white);
  outline-offset: 0px;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/682f0aea5b6984109e95720f_close_24dp_696767_FILL0_wght700_GRAD0_opsz24.svg");
  background-position: 50%;
  background-size: cover;
  border: 1px solid #0000;
  border-radius: 100px;
  outline-width: 0;
  outline-style: solid;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
  position: absolute;
  transform: scale(.8);
}

.checkbox-3:active {
  border-width: 0;
  box-shadow: 0 0 #0000;
}

.checkbox-3.w--redirected-checked {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/682f0b76429196dd83f6ea77_check_24dp_8BD65C_FILL0_wght700_GRAD0_opsz24.svg");
  border-width: 0;
  box-shadow: 0 0 #0000;
}

.checkbox-3.w--redirected-focus {
  border-width: 0;
  margin-top: 0;
  box-shadow: 0 0 #0000;
}

.checkbox-3.w--redirected-focus-visible {
  outline-color: var(--white);
  outline-offset: 0px;
  border-width: 0;
  outline-width: 1px;
  box-shadow: 0 0 #0000;
}

.sk-checkbox {
  z-index: 0;
  border: 2px solid var(--red);
  background-color: var(--red-tint);
  color: var(--koptekst);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Raleway, sans-serif;
  font-size: 18px;
  display: flex;
  position: relative;
}

.div-block-548 {
  border-radius: 0 0 20px 20px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.sk-vraag {
  color: var(--white);
  width: 100%;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.sk-form-item {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 940px;
  height: 100%;
  padding: 30px 20px;
  display: flex;
}

.sk-form-wrapper {
  border-radius: 20px;
  flex-flow: column;
  width: 940px;
  display: flex;
}

.sk-form-slider-old {
  flex-flow: row;
  width: 6580px;
  display: flex;
}

.sk-stap {
  background-color: var(--oa-purple-2);
  color: var(--white);
  text-align: left;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 15px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: all .2s;
  display: flex;
}

.sk-stap:hover {
  background-color: var(--oa-purple-1);
}

.sk-stap.vorige {
  color: #b8b8b8;
  background-color: #0000;
  border-bottom: 1px dashed #b8b8b8;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 65px;
  height: auto;
  padding: 2.5px 0 5px;
  font-size: 13px;
}

.sk-stap.vorige:hover {
  border-bottom-color: var(--black);
  color: var(--black);
}

.div-block-549 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-549.uitlijning-rechts {
  justify-content: flex-end;
  align-items: center;
}

.div-block-549.uitlijning-links {
  justify-content: flex-start;
  align-items: center;
}

.div-block-550 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-bottom: 50px;
  display: flex;
}

.sk-progress-bar-outline {
  z-index: 1000;
  border: 1px solid var(--white);
  border-radius: 10px 10px 0 0;
  width: 940px;
  height: 20px;
  overflow: hidden;
}

.sk-progress-bar-wrapper {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.sk-progress-step {
  background-color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  font-weight: 500;
  display: flex;
}

.sk-progress-step-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.sk-progress-bar-filler {
  z-index: 1000;
  border: 1px solid var(--white);
  background-color: var(--white);
  border-radius: 10px 10px 0 0;
  width: 940px;
  height: 20px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
}

.div-block-551 {
  display: flex;
  position: relative;
  overflow: hidden;
}

.checkbox-label-8 {
  border: 1px solid var(--red);
  background-color: var(--red-tint);
  border-radius: 10px;
  padding: 25px 15px 25px 50px;
}

.sk-icon {
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
}

.sk-icon.yes {
  color: var(--oa-green-2);
  position: absolute;
  inset: 0%;
}

.div-block-552 {
  position: relative;
}

.checkbox-label-9 {
  z-index: 0;
  position: relative;
}

.sp-og-form-slider {
  z-index: 1000;
  background-color: var(--white);
  background-image: linear-gradient(135deg, var(--oa-purple-1), var(--oa-purple-2));
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 940px;
  height: 750px;
  display: flex;
}

.sk-step {
  border-radius: 20px;
}

.sk-next {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 25px;
  overflow: visible;
}

.sp-og-slide-nav {
  justify-content: space-between;
  align-items: center;
  font-family: Raleway, sans-serif;
  display: flex;
  position: absolute;
  inset: -50px 0% auto;
}

.sk-previous {
  z-index: 10000;
  position: absolute;
  inset: auto auto 20px 20px;
}

.text-block-235 {
  font-family: Material Symbols Rounded, sans-serif;
}

.mask-18 {
  border-radius: 20px;
  overflow: hidden;
}

.div-block-553 {
  z-index: 1;
  background-color: var(--white);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  height: 100px;
  position: absolute;
  inset: auto 0% 0%;
}

.studiekeuze-submit {
  border: 2px solid var(--white);
  color: var(--white);
  background-color: #0000;
  border-radius: 10px;
  margin-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: all .2s;
}

.studiekeuze-submit:hover {
  background-color: var(--white);
  color: var(--oa-purple-1);
}

.ikonik-tkdct {
  color: #fff;
}

.sk-label {
  z-index: 1;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 15px 15px 15px 35px;
  font-size: 17px;
  line-height: 19px;
  position: relative;
}

.code-embed-33, .code-embed-34 {
  position: fixed;
  inset: auto 0% 0%;
}

.collection-list-wrapper-20 {
  width: 100%;
}

.div-block-554 {
  padding: 5px;
  font-family: Montserrat, sans-serif;
}

.sk-collection-list {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-555 {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--white);
  color: var(--cc-text);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.div-block-555:hover {
  filter: drop-shadow(0 0 5px #0000001a);
}

.text-block-236 {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.text-block-237 {
  margin-bottom: 15px;
  font-family: Raleway, sans-serif;
}

.div-block-556 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-bottom: 20px;
  display: flex;
}

.text-block-238 {
  background-color: var(--oa-green-1);
  color: var(--white);
  border-radius: 100px;
  padding: 5px 10px;
  font-family: Raleway, sans-serif;
  font-size: 12px;
}

.sk-vraag-wrapper {
  position: relative;
}

.sk-meer-info-wrap {
  z-index: 100000;
  color: #18283a;
  text-underline-position: under;
  cursor: help;
  justify-content: center;
  align-items: flex-end;
  height: 22px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px;
  font-family: Raleway, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  text-decoration-thickness: 1px;
  transition: all .2s;
  display: none;
  position: absolute;
  inset: auto 20px 20px auto;
  overflow: hidden;
}

.sk-meer-info-wrap:hover {
  overflow: visible;
}

.sk-meer-info-pop-up {
  z-index: 2;
  border: 1px solid var(--cc-grey-hover);
  background-color: var(--white);
  filter: drop-shadow(0 0 5px #0000004d);
  color: var(--cc-text);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-bottom: 40px;
  padding: 10px;
  font-family: Raleway, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-559 {
  z-index: -1;
  background-color: var(--white);
  border-radius: 2px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: auto;
  bottom: -5px;
  right: 60px;
  transform: rotate(45deg);
}

.div-block-560 {
  background-image: linear-gradient(135deg, var(--oa-orange-1), var(--oa-orange-3));
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  overflow: hidden;
}

.text-block-239 {
  color: var(--white);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 30px;
}

.div-block-561 {
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/674dc1f713b111f6eb465527_OA_foto-socials.jpg");
  background-position: 50%;
  background-size: cover;
  width: 500px;
  height: 200px;
}

.text-block-240 {
  color: var(--white);
  margin-bottom: 30px;
  font-family: Raleway, sans-serif;
}

.div-block-562 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.link-17 {
  border: 1px solid var(--white);
  color: var(--white);
  border-radius: 10px;
  padding: 5px 10px;
  font-family: Raleway, sans-serif;
  transition: all .2s;
}

.link-17:hover {
  background-color: var(--white);
  color: var(--oa-orange-1);
}

.link-block-39 {
  height: 45px;
  display: block;
}

.link-18 {
  border: 1px solid var(--oa-purple-1);
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: flex;
}

.link-18:hover {
  background-color: var(--oa-purple-1);
  color: var(--white);
}

.collection-list-wrapper-21 {
  width: 100%;
  margin-bottom: 20px;
}

.collection-item-20 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collection-list-wrapper-22 {
  width: 100%;
}

.text-block-241 {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.collection-list-20 {
  flex-flow: column;
  display: flex;
}

.div-block-563 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.div-block-564 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-242 {
  color: var(--oa-purple-1);
  width: 100%;
  height: 280px;
  padding-top: 15px;
  font-family: Raleway, sans-serif;
  font-size: 35px;
  font-weight: 800;
  line-height: 35px;
}

.sp-og-form {
  background-color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: flex-end;
  width: 940px;
  display: flex;
  position: relative;
}

.sp-og-mask {
  border-radius: 20px;
}

.sp-og-step {
  border-radius: 20px;
  position: relative;
}

.sp-og-checkbox {
  z-index: 0;
  border: 2px solid var(--cc-grey-1);
  background-color: var(--white);
  color: var(--koptekst);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Raleway, sans-serif;
  font-size: 18px;
  display: flex;
  position: relative;
}

.sp-og-label {
  z-index: 1;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 5px 15px 5px 35px;
  font-size: 16px;
  position: relative;
}

.text-block-243 {
  z-index: 100;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--white);
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  font-family: Raleway, sans-serif;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.text-span-104 {
  vertical-align: bottom;
  font-family: Material Symbols Outlined, sans-serif;
}

.sp-og-next {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 25px;
  overflow: visible;
}

.sp-og-previous {
  z-index: 10000;
  position: absolute;
  inset: auto auto 20px 20px;
}

.sp-og-stap {
  border: 1px solid var(--white);
  background-color: var(--oa-purple-2);
  color: var(--white);
  text-align: left;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 15px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: all .2s;
  display: flex;
}

.sp-og-stap:hover {
  background-color: var(--oa-purple-1);
}

.sp-og-stap.vorige {
  color: #b8b8b8;
  background-color: #0000;
  border-width: 0 0 1px;
  border-bottom-style: dashed;
  border-bottom-color: #b8b8b8;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 65px;
  height: auto;
  padding: 2.5px 0 5px;
  font-size: 13px;
}

.sp-og-stap.vorige:hover {
  border-bottom-color: var(--white);
  color: var(--white);
}

.text-span-105 {
  font-weight: 300;
}

.sp-og-vraag {
  color: var(--white);
  width: 100%;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  line-height: 40px;
}

.list-10 {
  color: var(--white);
  padding-left: 20px;
  font-family: Raleway, sans-serif;
  list-style-type: decimal;
}

.list-item-6 {
  margin-bottom: 5px;
}

.radio-button {
  margin-left: 0;
}

.radio-button-2 {
  margin-left: 5px;
  position: absolute;
}

.sp-og-label-algemeen {
  color: var(--white);
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.text-field {
  border-style: solid;
  border-width: 0 0 .5px;
  border-bottom-color: var(--white);
  color: var(--white);
  letter-spacing: 1px;
  background-color: #0000;
  margin-bottom: 20px;
  padding: 0;
  font-family: Raleway, sans-serif;
  font-size: 12px;
}

.text-field::placeholder {
  color: var(--wit-opacity);
  font-style: italic;
}

.sp-og-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.sp-og-wrapper.alt-slide {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sp-og-wrapper.alt-slide.alt-1 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.sp-og-wrapper.alt-slide._1, .sp-og-wrapper.alt-1 {
  display: none;
}

.select-field-10 {
  border-style: solid;
  border-width: 0 0 .5px;
  border-color: black black var(--white);
  color: var(--white);
  background-color: #0000;
  width: 470px;
  padding-left: 0;
  font-family: Raleway, sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
}

.textarea {
  border-style: solid;
  border-width: 0 0 .5px;
  border-color: black black var(--white);
  color: var(--white);
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  min-width: 470px;
  max-width: 940px;
  margin-bottom: 30px;
  padding: 0;
  font-family: Raleway, sans-serif;
  overflow: clip;
}

.textarea::placeholder {
  color: var(--white);
  font-size: 14px;
  font-style: italic;
}

.bold-text-23 {
  color: var(--black);
}

.text-block-244 {
  background-color: var(--cc-text);
  color: var(--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-565 {
  cursor: help;
  justify-content: center;
  align-items: flex-end;
  margin-top: 5px;
  margin-right: 5px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.div-block-565:hover {
  overflow: visible;
}

.div-block-566 {
  background-color: var(--white);
  border-radius: 5px;
  width: 200px;
  margin-bottom: 35px;
  padding: 5px;
  font-family: Raleway, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  position: absolute;
}

.div-block-567 {
  background-color: var(--white);
  border-radius: 2px;
  width: 30px;
  height: 30px;
  margin-bottom: 32.5px;
  position: absolute;
  transform: rotate(45deg);
}

.div-block-568 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 30px;
  display: flex;
}

.text-block-245 {
  color: var(--white);
  font-family: Raleway, sans-serif;
  display: inline-block;
}

.button-8 {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: #0000;
  border-radius: 10px;
  margin-right: 10px;
  font-family: Raleway, sans-serif;
}

.button-8:hover {
  background-color: var(--white);
  color: var(--oa-purple-1);
}

.button-8.uploading:hover {
  color: var(--white);
  background-color: #0000;
}

.text-block-246 {
  display: inline-block;
}

.default-state-2 {
  color: var(--white);
  font-family: Raleway, sans-serif;
  display: none;
}

.error-message-5 {
  color: var(--red);
  font-family: Raleway, sans-serif;
}

.file-upload {
  margin-bottom: 30px;
}

.sp-og-form-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 940px;
  padding: 40px 20px;
  display: flex;
}

.afbeelding-ak-n {
  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-ak-n._1st {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/68371cf6fac1d40e55f9ba5c_OA_ZS%20-%20Architectuur%2C%20kunst%20en%20Natuur%20Nader%20Bekeken2.jpg");
  background-size: cover;
}

.afbeelding-ak-n._2nd {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/68371cf6b7115cae0689c39a_OA_ZS%20-%20Architectuur%2C%20kunst%20en%20Natuur%20Nader%20Bekeken.jpg");
  background-position: 50%;
}

.afbeelding-ak-n._3rd {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/68371cf60407a0cbccb36de8_OA_ZS%20-%20Architectuur%2C%20kunst%20en%20Natuur%20Nader%20Bekeken3.jpg");
}

.sp-og-vraag-wrap-down {
  flex: 1;
  min-width: 440px;
  max-width: 440px;
}

.text-area {
  border-style: solid;
  border-width: 0 0 .5px;
  border-bottom-color: var(--white);
  color: var(--white);
  letter-spacing: 1px;
  background-color: #0000;
  flex: 1;
  min-width: 900px;
  max-height: 300px;
  margin-bottom: 30px;
  padding: 0;
  font-family: Raleway, sans-serif;
  font-size: 12px;
}

.text-area::placeholder {
  color: var(--wit-opacity);
  font-style: italic;
}

.sk-form-slider {
  z-index: 1000;
  background-color: var(--white);
  background-image: linear-gradient(135deg, var(--oa-purple-1), var(--oa-purple-2));
  border-radius: 0 0 20px 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 940px;
  height: 600px;
  display: flex;
}

.perk-divider {
  background-color: var(--cc-grey-1);
  border-radius: 20px;
  width: 30px;
  height: 2px;
}

.text-block-247 {
  color: var(--koptekst);
  text-align: center;
  margin-top: 15px;
  font-size: 14px;
  line-height: 18px;
}

.perk-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.text-block-248 {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-block-249 {
  text-align: center;
  margin-top: 5px;
  font-family: Raleway, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

.text-block-250 {
  z-index: 1;
  color: var(--white);
  text-transform: uppercase;
  text-shadow: 7px 7px #0003;
  mix-blend-mode: soft-light;
  font-family: Afacad Flux, sans-serif;
  font-size: 15vw;
  font-weight: 800;
  line-height: 20vh;
  position: relative;
}

.div-block-570 {
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
  overflow: visible;
}

.text-span-106 {
  font-weight: 100;
}

.overeenkomst-percentage {
  background-color: var(--oa-purple-1);
  background-image: linear-gradient(135deg, var(--oa-purple-2), var(--oa-purple-1));
  color: var(--white);
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 5px 10px;
  font-family: Raleway, sans-serif;
  font-weight: 300;
  line-height: 18px;
  display: flex;
}

.text-span-107 {
  font-weight: 500;
}

.studiekiezer-close {
  color: var(--white);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-bottom: 750px;
  margin-left: 970px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  line-height: 40px;
  display: flex;
  position: absolute;
}

.div-block-571 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-572 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 20vw;
  display: flex;
}

.body-9 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-254 {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.success-message-11 {
  background-color: var(--oa-purple-1);
}

.text-block-255 {
  color: var(--white);
}

.text-block-256 {
  font-family: Raleway, sans-serif;
}

.div-block-573 {
  background-color: var(--oa-green-1);
  color: var(--white);
  border-radius: 5px;
  padding: 5px 10px;
  font-family: Raleway, sans-serif;
}

.div-block-574 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.code-embed-36 {
  margin-bottom: 967px;
}

.div-block-575 {
  border: 1px solid var(--white);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 25px;
  font-weight: 200;
  line-height: 25px;
  display: flex;
}

.div-block-576 {
  display: none;
}

.text-span-108 {
  font-weight: 300;
}

.div-block-577 {
  background-image: linear-gradient(230deg, var(--oa-purple-1), var(--oa-purple-3));
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: relative;
}

.div-block-578 {
  background-color: var(--white);
  border-radius: 10px;
  width: 10px;
  height: 2px;
}

.div-block-578.vertical {
  position: absolute;
  transform: rotate(90deg);
}

.beelden-rij {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-around;
  align-items: center;
  min-width: 100vw;
  display: flex;
  position: relative;
}

.beelden-rij._2e-rij {
  justify-content: space-between;
  margin-bottom: 0;
}

.image-beeldenbank {
  transform-style: preserve-3d;
  border-radius: 10px;
  height: 150px;
}

.image-beeldenbank:hover {
  transform: scale3d(1none, 1none, 1none);
}

.beelden-rij-wrapper {
  border-right: 10px solid var(--oa-green-3);
  border-left: 10px solid var(--oa-green-3);
  justify-content: space-between;
  align-items: stretch;
  width: 100vw;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.beelden-rij-wrapper._2e-rij {
  justify-content: space-between;
  align-items: stretch;
  overflow: auto;
}

.beelden-rij-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-around;
  align-items: center;
  min-width: 100vw;
  display: flex;
  position: relative;
}

.beelden-rij-2._2e-rij {
  justify-content: space-between;
  margin-bottom: 0;
}

.leertraject {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 940px;
  margin-top: 120px;
  display: flex;
}

.leertraject-blok {
  z-index: 2;
  background-color: var(--oa-green-2);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 150px;
  padding: 20px 10px;
  display: flex;
  position: relative;
}

.leertraject-blok.uitstroom {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--cc-grey-hover);
  border-radius: 5px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  bottom: -85px;
  left: 0%;
  right: 0%;
}

.leertraject-blok.uitstroom:hover {
  outline-color: var(--cc-text);
  outline-offset: 1px;
  outline-width: 1px;
  outline-style: none;
}

.leertraject-blok.uitstroom.rechts {
  margin-left: 296px;
}

.leertraject-blok.nob {
  background-color: var(--oa-green-1);
}

.leertraject-blok.ba {
  background-color: var(--oa-orange-3);
}

.leertraject-blok.bs {
  background-color: var(--oa-orange-1);
}

.leerjtraject-nummer {
  border: 3px solid var(--cc-grey-hover);
  background-color: var(--oa-green-2);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  font-family: Quicksand, sans-serif;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: -15px 0% auto;
}

.leerjtraject-nummer.nob {
  background-color: var(--oa-green-1);
}

.leerjtraject-nummer.ba {
  background-color: var(--oa-orange-3);
}

.leerjtraject-nummer.bs {
  background-color: var(--oa-orange-1);
}

.text-block-261 {
  color: var(--white);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.text-block-261.uitstroom {
  color: var(--cc-text);
}

.div-block-581 {
  z-index: 1;
  border: 1px solid var(--cc-text);
  justify-content: center;
  align-items: center;
  width: 625px;
  display: flex;
  position: absolute;
}

.div-block-581.verticaal {
  width: auto;
  height: 45px;
  position: absolute;
  top: -46px;
}

.div-block-581.horizontaal-lang {
  width: 113px;
  position: absolute;
}

.text-block-262 {
  margin-bottom: 15px;
  font-family: Raleway, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.list-11 {
  padding-left: 17px;
  font-family: Raleway, sans-serif;
  list-style-type: decimal;
}

.list-item-7 {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 26px;
}

.text-span-109 {
  font-weight: 300;
}

.text-block-263 {
  margin-top: 25px;
  margin-bottom: 10px;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.div-block-582 {
  grid-column-gap: 125px;
  grid-row-gap: 125px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-583 {
  display: flex;
}

.text-block-264 {
  color: var(--white);
  font-family: "Fa Solid 900", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
}

.div-block-584 {
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-265 {
  color: var(--cc-text);
  cursor: help;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.div-block-585 {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  transition: all .2s;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.div-block-585:hover {
  overflow: visible;
}

.div-block-586 {
  z-index: 50;
  background-color: var(--cc-text);
  border-radius: 12px 12px 12px 0;
  width: 150px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 10px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.text-block-266 {
  color: var(--white);
  font-family: Raleway, sans-serif;
  font-size: 12px;
  line-height: 17px;
}

.text-span-110 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  display: inline-flex;
}

.sectie-1 {
  border: 1px solid var(--cc-grey-1);
  background-color: var(--cc-grey-hover);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
  position: relative;
}

.sectie-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.doorstroom-blok {
  z-index: 3;
  background-color: var(--oa-orange-1);
  color: var(--white);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Quicksand, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: absolute;
}

.doorstroom-blok.ta {
  background-color: var(--oa-green-1);
}

.nlqf-5 {
  border-style: solid;
  border-width: 1px 1px 0;
  border-color: var(--cc-text);
  border-radius: 5px 5px 0 0;
  justify-content: center;
  align-items: flex-start;
  width: 96%;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: -15px 0% auto;
}

.nlqf-5.half {
  width: 40%;
  height: 1px;
  margin-left: 20px;
  top: -30px;
}

.text-block-268 {
  margin-left: auto;
  margin-right: auto;
  font-family: Raleway, sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: -35px;
}

.div-block-587 {
  background-color: var(--cc-text);
  width: 1px;
  height: 12px;
  position: absolute;
  top: -12px;
}

.div-block-588 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.text-span-lesblok {
  border-style: solid;
  border-width: 1px 1px 3px 3px;
  border-color: var(--cc-text);
  color: var(--cc-text);
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
  display: inline-flex;
}

.bold-text-24 {
  font-weight: 500;
}

.list-item-platte-tekst._0-marge {
  margin-bottom: 0;
}

.list-item-platte-tekst.alt {
  margin-bottom: 20px;
  font-size: 18px;
}

.text-span-111 {
  font-weight: 300;
}

.qs-highlights-bold {
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
}

.qs-highlights-bold.inclusief {
  justify-content: center;
  align-items: center;
}

@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-3 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100vw;
  }

  .text-block, .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, .search-button {
    font-size: 10px;
    line-height: 10px;
  }

  .search-input {
    height: 25px;
  }

  .heading-3, .heading-6 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 25px;
  }

  .image-5 {
    width: 20px;
  }

  .terug-vacatures.w--current {
    font-size: 12px;
    line-height: 12px;
  }

  .heading-algemeen {
    font-size: 24px;
    line-height: 24px;
  }

  .columns-5 {
    width: 90vw;
  }

  .text-block-9 {
    font-size: 11px;
    line-height: 11px;
  }

  .div-header-contain {
    width: auto;
  }

  .top-banner-paars-verloop {
    width: 90vw;
  }

  .text-block-21 {
    font-size: 12px;
    line-height: 17px;
  }

  .grid-6, .grid-7 {
    width: 90vw;
  }

  .image-22, .image-23, .image-24, .image-25 {
    height: 35px;
  }

  .link-block-inschrijven.link-block-in-oranje {
    justify-content: flex-start;
  }

  .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;
  }

  .vakopleiding-blok-titel {
    font-size: 24px;
    line-height: 28px;
  }

  .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 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button.contact--popup {
    height: 30px;
    padding-left: 10px;
    padding-right: 5px;
    font-size: .8rem;
    line-height: .8rem;
  }

  .button.contact--success {
    height: 30px;
    padding: 2.5px 10px;
    font-family: Raleway, sans-serif;
    line-height: 14px;
  }

  .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;
    display: flex;
  }

  .button.landing.mob {
    display: none;
  }

  .button.sk-sv {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    height: auto;
    padding: 5px 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;
  }

  .logo-loop {
    padding-left: 10px;
    padding-right: 10px;
  }

  .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: 3rem;
    line-height: 3.5rem;
    position: relative;
  }

  .navigation-in-page-textspan {
    border-radius: 0;
    height: 60px;
    position: sticky;
  }

  .container-11 {
    width: 90vw;
    max-width: none;
  }

  .link-in-page-nav.mobile {
    display: none;
  }

  .container--all--pages {
    justify-content: center;
    align-items: flex-start;
    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;
    font-size: 1.7rem;
    line-height: 2.5rem;
  }

  .korte-informatie-onderwerp {
    padding-left: 0;
    font-size: .8rem;
    line-height: 1.1rem;
  }

  .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;
  }

  .text-field-algemeen.proefles {
    min-width: auto;
    max-width: none;
  }

  .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.zp {
    background-image: url("https://cdn.prod.website-files.com/5f7c523c31ccfc33f46b4032/6790e36d5e4d24a731710b45_DeCursussen_07.jpg");
  }

  .text-block-70 {
    margin-top: 5px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.5rem;
    line-height: 1.7rem;
  }

  .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;
    font-size: 1.2rem;
    line-height: 1.7rem;
    position: relative;
  }

  .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: 16px;
    line-height: 24px;
  }

  .paragraph-platte-tekst.quote {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .paragraph-platte-tekst.faq {
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph-platte-tekst.intro {
    width: auto;
    margin-bottom: 100px;
    font-size: 16px;
    line-height: 30px;
  }

  .paragraph-platte-tekst.dagjemeelopen {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .paragraph-platte-tekst.inschrijven {
    font-size: 1rem;
  }

  .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 {
    font-size: 18px;
    line-height: 22px;
  }

  .heading-platte-tekst-all-pages.dagjemeelopen {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }

  .heading-platte-tekst-all-pages.to, .heading-platte-tekst-all-pages.to.dropdown {
    font-size: 20px;
    line-height: 32px;
  }

  .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;
  }

  .sji-left-part {
    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;
  }

  .sji-right-part.to {
    flex: 1;
  }

  .div-block-292 {
    font-size: .8rem;
  }

  .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: 250px;
    max-width: none;
    min-height: auto;
    max-height: none;
    margin-right: 20px;
  }

  .collection-list-12 {
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .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;
  }

  .heading-blog {
    line-height: 2rem;
  }

  .div-block-309 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .home-title {
    width: 90vw;
  }

  .home-title.alt {
    text-align: left;
    font-size: 30px;
    line-height: 36px;
  }

  .homepage-flat-text {
    font-size: 14px;
  }

  .homepage-flat-text.cursus {
    font-size: 14px;
    line-height: 20px;
  }

  .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;
  }

  .footer-meer-info {
    margin-bottom: 10px;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .titel-product {
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
    max-width: none;
    padding: 0;
  }

  .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: 14px;
    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;
  }

  .div-block-333 {
    opacity: 100;
  }

  .text-block-110 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 30px;
    line-height: 35px;
  }

  .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;
  }

  .download--pdf {
    font-size: 1.3rem;
  }

  .list-7 {
    margin-bottom: 25px;
  }

  .vacature-text {
    font-size: .9rem;
    line-height: 1.7rem;
  }

  .vacatures {
    margin-bottom: 40px;
  }

  .div-block-347 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .text-block-111 {
    height: 25px;
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .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 {
    align-self: stretch;
    min-width: 225px;
  }

  .duur-opleiding {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }

  .duur-opleiding.cursus {
    font-size: 14px;
  }

  .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;
  }

  .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 {
    background-color: var(--algemene-achtergrondkleur);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 13px;
  }

  .div-block-382 {
    justify-content: center;
    align-items: flex-start;
    height: 40vh;
    inset: 0% 0% auto;
  }

  .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 {
    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;
    letter-spacing: 0;
    white-space: nowrap;
    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: 400px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .text-block-130.knop {
    padding-left: 10px;
    padding-right: 10px;
    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;
  }

  .text--titel--wrapper {
    margin-bottom: 25px;
  }

  .titel--wrapper {
    width: 90vw;
  }

  .nav--divider {
    width: 1px;
    height: 20px;
  }

  .chatbot {
    border-bottom-width: 0;
    width: auto;
  }

  .div-block-412, .div-block-417 {
    width: 90vw;
  }

  .rich--text--agenda {
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    width: auto;
  }

  .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);
  }

  .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;
  }

  .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;
  }

  .text-block-156 {
    font-size: 1rem;
  }

  .text-block-156.titel--contact {
    font-size: 1.8rem;
  }

  .text-block-156.bold {
    font-size: 1rem;
  }

  .form--success {
    width: 80vw;
  }

  .popup--nieuwe--website {
    display: none;
  }

  .div-block-461 {
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-165 {
    width: auto;
    font-size: 20px;
    line-height: 28px;
  }

  .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-177 {
    width: auto;
    font-size: 30px;
    line-height: 35px;
  }

  .text-block-178 {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }

  .cc-reviews {
    background-color: var(--white);
    border: 1px solid #000;
    width: 180px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .cc-reviews.footer {
    border-color: var(--cc-text);
    background-color: var(--white);
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: auto;
    right: auto;
  }

  .cc-reviews.mobile {
    border-color: var(--cc-grey-hover);
    border-radius: 10px;
    display: flex;
  }

  .cc-reviews.desktop {
    display: none;
  }

  .text-block-186 {
    font-size: 14px;
  }

  .text-block-187 {
    margin-top: 2.5px;
    font-size: 14px;
  }

  .cc-star {
    width: 16px;
    margin-top: 2.5px;
    font-size: 18px;
  }

  .text-block-188 {
    margin-top: 2.5px;
    margin-left: 4px;
    font-size: 11px;
  }

  .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;
  }

  .collection-list-16 {
    justify-content: center;
    align-items: center;
  }

  .introductie-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-template-areas: ".";
    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;
  }

  .link-special-menu.zomerschool {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
  }

  .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;
    font-size: 15px;
    text-decoration: underline;
  }

  .link-16.w--current {
    font-family: Montserrat, sans-serif;
    text-decoration-thickness: .75px;
  }

  .link-16.proefles {
    background-color: var(--oa-purple-1);
    color: var(--white);
    border-radius: 10px;
    padding: 3px 7.5px;
    font-size: 15px;
    text-decoration: none;
  }

  .afbeelding-landschaftspark, .afbeelding-beter-schetsen {
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-223 {
    font-size: 20px;
    line-height: 25px;
  }

  .div-block-533 {
    display: none;
  }

  .product-container {
    grid-column-gap: 5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .product-container_layout {
    grid-column-gap: 5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    display: flex;
  }

  .product-container_quantity-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .sm-mini-cart_item-image {
    object-fit: contain;
  }

  .sm-box-item__image {
    object-fit: cover;
  }

  .sm-cart-item__data {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .sm-cart-page__form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .sm-cart_remove-button {
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .sm-cart-page__quantity-input {
    margin-left: auto;
    margin-right: 0;
  }

  .studiekiezer {
    transform: translate(0, 105vh);
  }

  .sk-form, .sk-form-item {
    width: 90vw;
  }

  .sk-form-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 90vw;
    position: relative;
  }

  .sk-stap {
    height: 40px;
  }

  .sk-progress-bar-outline {
    width: 90vw;
  }

  .sk-label {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 17px;
  }

  .sk-meer-info-wrap {
    display: none;
    overflow: visible;
  }

  .sk-meer-info-pop-up {
    padding: 0;
  }

  .text-block-244 {
    display: none;
  }

  .afbeelding-ak-n {
    margin-left: auto;
    margin-right: auto;
  }

  .sk-form-slider {
    width: 90vw;
    height: 600px;
  }

  .perk-wrapper, .perk-wrapper.mobile {
    display: none;
  }

  .text-block-248 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .text-block-249 {
    margin-top: 5px;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
  }

  .div-block-569 {
    border-bottom: .5px solid var(--oa-purple-3);
    justify-content: space-between;
    align-items: center;
    width: 90vw;
    display: flex;
  }

  .studiekiezer-close {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -60px;
  }

  .text-block-251 {
    padding: 10px;
  }

  .div-block-571 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
  }

  .div-block-572 {
    width: 30vw;
  }

  .body-9 {
    flex-flow: column;
  }

  .lottie-animation-13 {
    width: 50vw;
  }

  .div-block-573 {
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .div-block-574 {
    justify-content: flex-start;
    align-items: stretch;
  }

  .text-block-257 {
    line-height: 16px;
  }

  .text-block-258 {
    white-space: nowrap;
  }

  .div-block-575 {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 20px;
  }

  .beelden-rij-wrapper {
    padding-left: 20px;
  }

  .beelden-rij-wrapper._2e-rij {
    padding-left: 0;
    padding-right: 20px;
  }

  .leertraject {
    width: 95vw;
  }

  .leertraject-blok.ba {
    width: 140px;
  }

  .leerjtraject-nummer.ba {
    width: 25px;
    height: 25px;
    top: -12.5px;
  }

  .text-block-261 {
    font-size: 12px;
  }

  .div-block-582 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .sectie-1 {
    flex-flow: row;
  }

  .list-item-platte-tekst {
    font-size: 16px;
    line-height: 24px;
  }
}

@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-family: Raleway, sans-serif;
    font-size: 16px;
    line-height: 24px;
  }

  blockquote {
    text-align: justify;
    font-size: 15px;
    line-height: 24px;
  }

  .section-3 {
    display: none;
  }

  .footer {
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .paragraph-2 {
    font-size: 14px;
    line-height: 21px;
  }

  .heading {
    font-size: 14px;
    line-height: 14px;
  }

  .html-embed {
    display: block;
  }

  .heading-3 {
    font-size: 19px;
  }

  .div-block-10 {
    border-bottom-left-radius: 0;
    padding-top: 20px;
  }

  .div-block-13 {
    padding-top: 20px;
    padding-bottom: 35px;
  }

  .heading-6 {
    font-size: 19px;
  }

  .heading-algemeen {
    text-align: left;
    font-size: 21px;
    line-height: 21px;
  }

  .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;
  }

  .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;
  }

  .rich-text-block-9 {
    text-align: left;
  }

  .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-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 {
    width: 90vw;
  }

  .div-block-156 {
    flex-flow: column;
  }

  .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;
  }

  .vakopleiding-blok-titel {
    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;
    padding-top: 0;
    padding-bottom: 0;
  }

  .button {
    height: auto;
    margin-right: 0;
    padding-left: 5px;
  }

  .button.video:hover {
    top: 0;
  }

  .button.examens {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button.contact--success {
    height: 25px;
    font-size: 12px;
  }

  .button.aanmelden--vakexcursie--alt {
    height: 25px;
  }

  .button.landing {
    padding: 2px 5px;
    display: flex;
  }

  .button.landing.mob {
    display: flex;
  }

  .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;
  }

  .div-block-34 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .text-block-56 {
    width: 90vw;
  }

  .logo-s-partners {
    min-width: 1500px;
  }

  .text-block-58 {
    padding-bottom: 25px;
  }

  .partners {
    border-bottom-width: 2.5px;
  }

  .footer-2 {
    padding-bottom: 10px;
  }

  .naam-opleiding-cursus {
    margin-left: 0;
    margin-right: 0;
    font-size: 32px;
    line-height: 40px;
  }

  .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-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .link-in-page-nav {
    white-space: pre;
    position: relative;
  }

  .link-in-page-nav.mobile {
    display: none;
  }

  .container--all--pages {
    justify-content: center;
    align-items: flex-start;
  }

  .naam--onderwerp--klein {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 25px;
  }

  .naam--onderwerp {
    font-size: 25px;
    line-height: 30px;
  }

  .korte-informatie-onderwerp {
    padding: 5px 10px 5px 0;
    font-size: 11px;
    line-height: 15px;
  }

  .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 {
    filter: brightness(80%);
  }

  .opleiding-curs-blok.bg, .opleiding-curs-blok.gp, .opleiding-curs-blok.al, .opleiding-curs-blok.tmr {
    height: 100%;
  }

  .text-block-70 {
    margin-top: 5px;
    margin-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-size: 17px;
    line-height: 20px;
  }

  .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;
  }

  .auteur-blog {
    font-size: 12px;
    line-height: 16px;
  }

  .div-block-255 {
    width: 70vw;
  }

  .toelichting {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
  }

  .text-block-extras {
    font-size: .8rem;
  }

  .list-item-algemeen {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph-platte-tekst {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 22px;
  }

  .paragraph-platte-tekst.quote {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    line-height: 22px;
  }

  .paragraph-platte-tekst.faq {
    font-size: 15px;
    line-height: 23px;
  }

  .paragraph-platte-tekst.intro {
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph-platte-tekst.dagjemeelopen {
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .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: 20px;
    line-height: 24px;
  }

  .heading-platte-tekst-all-pages.hoveniers {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }

  .schrijf-je-in-knop {
    width: 90vw;
  }

  .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;
  }

  .agenda {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .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: 200px;
    max-width: none;
    margin: 5px;
  }

  .collection-list-12 {
    width: 400vw;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blogs {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .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;
  }

  .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;
  }

  .home-title {
    margin-bottom: 50px;
    font-size: 28px;
    line-height: 34px;
  }

  .home-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: 0;
  }

  .homepage--txt--link.algemeen.vakopleidingen {
    flex-flow: row;
  }

  .homepage--txt--link.dagjemeelopen {
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .auteur--blog {
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .footer-meer-info {
    text-align: left;
    margin-bottom: 10px;
  }

  .titel-product {
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
  }

  .ervaringen {
    margin-bottom: 30px;
  }

  .link {
    letter-spacing: 0;
    text-underline-offset: 1px;
    font-size: 12px;
  }

  .link.grey {
    font-size: 16px;
    line-height: 24px;
  }

  .link.white {
    font-size: 14px;
  }

  .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;
  }

  .div-block-324 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .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;
    margin-bottom: 0;
  }

  .google-symbol {
    width: 10px;
    height: 10px;
    font-size: 13px;
  }

  .faq-subject {
    flex-flow: column;
    margin-bottom: 50px;
  }

  .text-block-110 {
    text-align: left;
    border-bottom-width: 1px;
    font-size: 25px;
    line-height: 30px;
  }

  .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;
  }

  .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: 11px;
  }

  .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;
  }

  .extrainfo {
    flex-flow: column;
    height: auto;
    margin-top: 0;
  }

  .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;
  }

  .dropdown--icon {
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1.4rem;
    display: flex;
  }

  .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%;
  }

  .text-span-63 {
    font-size: 22px;
    line-height: 22px;
  }

  .text-block-122 {
    background-color: var(--white);
  }

  .div-block-382 {
    height: 100vh;
  }

  .formblock--footer {
    margin-top: 25px;
  }

  .field-label-15 {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
  }

  .naam-nieuwsbrief {
    margin-bottom: 0;
    margin-left: 0;
  }

  .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;
  }

  .section-63 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .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: 16px;
  }

  .background-video-2 {
    height: 100vh;
  }

  .div-block-395 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-block-396 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .slider-56 {
    width: 90vw;
    height: 40vh;
  }

  .div-block-398 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    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;
  }

  .text--titel--wrapper {
    margin-bottom: 25px;
  }

  .colour--overlay {
    background-image: linear-gradient(#000000b3 25%, #fff0 70%);
    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-410 {
    width: 90vw;
  }

  .chatbot {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
  }

  .titel--blog {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  .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;
  }

  .div-block-432 {
    margin-bottom: 50px;
  }

  .quick-stack-18 {
    margin-bottom: 25px;
    padding-bottom: 15px;
  }

  .text-block-134 {
    width: 90vw;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lottie-animation-5 {
    width: 120px;
  }

  .div-block-433 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .quick-stack-19 {
    margin-bottom: 25px;
  }

  .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;
  }

  .link-toelichting {
    font-weight: 400;
  }

  .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;
  }

  .inschrijven-grid.vo-s {
    margin-bottom: 50px;
  }

  .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;
  }

  .text-block-177 {
    font-size: 25px;
    line-height: 30px;
  }

  .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-span-89 {
    font-size: 1.6rem;
    line-height: .9rem;
  }

  .cc-reviews.footer {
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .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.lees-meer, .button-agenda-cms.action {
    font-size: 12px;
  }

  .lightbox-link-3 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .div-block-485 {
    margin-top: 10px;
  }

  .collection-item-17 {
    min-width: 195px;
    max-width: none;
  }

  .container-14 {
    max-width: 90vw;
  }

  .div-block-498 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-500 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .text-block-214 {
    width: 25px;
    height: 25px;
  }

  .collection-item-19 {
    min-width: 250px;
    max-width: 250px;
  }

  .link-16 {
    font-size: 14px;
  }

  .link-16.proefles {
    font-size: 13px;
    line-height: 19px;
  }

  .afbeelding-extrainfo {
    width: 100%;
    height: 200px;
  }

  .div-block-532 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pill-button {
    padding: .25rem;
    font-size: 13px;
  }

  .quantity-decreaser {
    width: 1.5rem;
    height: 1.5rem;
  }

  .product-container {
    grid-column-gap: 5rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    display: flex;
  }

  .quantity-increaser {
    width: 1.5rem;
    height: 1.5rem;
  }

  .product-container_layout {
    grid-column-gap: 5rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    display: flex;
  }

  .sm-cart__item {
    flex-flow: row;
  }

  .sm-cart-page__form {
    grid-template-columns: 3fr;
  }

  .sm-cart-item__info {
    flex-flow: column;
  }

  .checkbox-3 {
    background-size: 20px;
  }

  .div-block-548 {
    border-radius: 0;
  }

  .sk-vraag {
    font-size: 18px;
    line-height: 20px;
  }

  .sk-stap.vorige {
    width: 55px;
    padding-top: 0;
    padding-bottom: 2.5px;
    font-size: 11px;
  }

  .sk-progress-bar-outline {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 90vw;
    height: 10px;
  }

  .sk-progress-bar-wrapper {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .sk-progress-bar-filler {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 90vw;
    height: 10px;
  }

  .sk-next {
    bottom: 18px;
  }

  .div-block-553 {
    height: 75px;
  }

  .studiekeuze-submit {
    padding: 10px;
    font-size: 12px;
  }

  .sk-label {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    font-size: 13px;
    line-height: 16px;
  }

  .text-block-236 {
    font-size: 20px;
    line-height: 24px;
  }

  .text-block-237 {
    font-size: 13px;
    line-height: 19px;
  }

  .link-18 {
    padding-top: 3.5px;
    padding-bottom: 3.5px;
    font-size: 12px;
  }

  .bold-text-23 {
    font-size: 12px;
  }

  .sk-form-slider {
    height: 525px;
  }

  .text-block-248 {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 18px;
  }

  .div-block-569 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .studiekiezer-close {
    width: 25px;
    height: 25px;
    font-size: 30px;
    line-height: 30px;
    top: -50px;
  }

  .div-block-571 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-bottom: 5px;
    display: flex;
  }

  .text-block-252 {
    font-size: 12px;
  }

  .text-block-254 {
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-573 {
    justify-content: space-between;
    align-items: center;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    font-size: 12px;
    display: flex;
  }

  .div-block-574 {
    justify-content: flex-start;
    align-items: stretch;
  }

  .div-block-575 {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }

  .div-block-576 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
  }

  .image-beeldenbank {
    height: 100px;
  }

  .text-span-lesblok {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .list-item-platte-tekst {
    margin-bottom: 7.5px;
    font-size: 14px;
    line-height: 22px;
  }

  .list-item-9 {
    font-size: 14px;
  }
}

@media screen and (max-width: 479px) {
  ul {
    padding-left: 20px;
  }

  li {
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .section-3 {
    display: none;
    overflow: visible;
  }

  .footer {
    padding-bottom: 0;
  }

  .html-embed {
    margin-bottom: 25px;
  }

  .div-block-10 {
    padding-top: 20px;
  }

  .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;
  }

  .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-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;
  }

  .div-block-155 {
    flex-flow: column;
    display: flex;
  }

  .div-block-156 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .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;
  }

  .vakopleiding-blok-titel {
    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;
  }

  .vakopleiding-blok-titel.ba-bs {
    font-size: 1.2rem;
    line-height: 1.1rem;
  }

  .waarom-niet-kiezen-voor-de-oa {
    width: 90vw;
    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.contact--popup {
    text-align: center;
    height: 40px;
    padding-left: 15px;
  }

  .button.contact--success {
    height: 25px;
    font-size: 12px;
  }

  .button.vacatures {
    margin-right: 0;
    font-size: .8rem;
  }

  .button.landing {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .button.sk-sv {
    justify-content: space-between;
    align-items: center;
  }

  .image-51 {
    max-width: 80%;
  }

  .blokken {
    border-radius: 25px;
    width: 90vw;
  }

  .blokken.ba-bs {
    border-radius: 25px;
  }

  .cursus {
    border-radius: 15px;
    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;
  }

  .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 {
    font-size: 25px;
    line-height: 30px;
  }

  .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-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 98vw;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .link-in-page-nav {
    text-align: center;
    white-space: normal;
    justify-content: center;
    align-items: center;
    width: auto;
    font-size: 11px;
    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;
  }

  .link-in-page-nav.to-pk-copy, .link-in-page-nav.to-pk-copy.w--current {
    font-size: 12px;
    font-weight: 400;
  }

  .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.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;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .8rem;
    line-height: .8rem;
  }

  .text-field-algemeen.vraag {
    height: 100px;
  }

  .text-field-algemeen.vraag::placeholder {
    line-height: 1.1rem;
  }

  .text-field-algemeen.proefles {
    height: 70px;
    padding-top: 5px;
    display: flex;
  }

  .text-field-algemeen.proefles::placeholder {
    font-size: 9px;
    line-height: 12px;
  }

  .field-label-13 {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .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: 10px;
    line-height: 14px;
  }

  .field-label-13.schema {
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .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;
  }

  .lesaanbod-grid.zomerschool {
    grid-template-columns: 1fr;
  }

  .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;
  }

  .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 {
    margin-top: 10px;
  }

  .extra-item {
    height: 100px;
  }

  .div-block-267 {
    background-image: linear-gradient(180deg, var(--grijs), #fff0 33%);
  }

  .list-item-algemeen {
    margin-bottom: 15px;
  }

  .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 {
    margin-bottom: 15px;
  }

  .paragraph-platte-tekst.quote {
    padding: 5px 20px;
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .paragraph-platte-tekst.faq {
    font-size: 14px;
    line-height: 22px;
  }

  .paragraph-platte-tekst.privacyverklaring {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paragraph-platte-tekst.intro {
    line-height: 1.3rem;
  }

  .paragraph-platte-tekst.dagjemeelopen {
    margin-bottom: 15px;
    margin-right: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph-platte-tekst.dropdown {
    font-size: 14px;
  }

  .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 {
    font-size: 16px;
    line-height: 20px;
  }

  .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: 16px;
    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.bd {
    flex: 0 auto;
  }

  .schrijf-je-in-knop.subsidie-werkgever {
    flex: 0 auto;
    height: 30px;
  }

  .schrijf-je-in-knop.po {
    flex: 0 auto;
  }

  .schrijf-je-in-knop.v-c {
    flex: 0 auto;
    height: 30px;
  }

  .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 {
    font-size: 12px;
  }

  .schrijf-je-in-text.subsidie-werkgever {
    font-size: 12px;
    line-height: .7rem;
  }

  .sji-left-part {
    width: 20%;
  }

  .text-block-81 {
    text-align: center;
    line-height: 1.3rem;
  }

  .afbeelding-ba {
    background-position: 23%;
    background-size: cover;
  }

  .body-6 {
    overflow: hidden;
  }

  .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;
  }

  .sji-right-part {
    width: 80%;
  }

  .div-block-292 {
    text-align: center;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .agenda {
    margin-left: 0;
    margin-right: 0;
  }

  .mobile-menu {
    margin-top: 60px;
    padding-top: 0;
    overflow: auto;
  }

  .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 {
    border-radius: 10px;
    flex: 1;
    min-width: 160px;
    max-width: none;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .collection-list-12 {
    width: 100vw;
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .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;
  }

  .text-block-99 {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .home-title {
    margin-bottom: 50px;
    font-size: 25px;
    line-height: 30px;
  }

  .home-title.alt {
    font-size: 25px;
    line-height: 30px;
  }

  .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.cursus {
    font-size: 12px;
  }

  .homepage--txt--link.algemeen.perks {
    justify-content: center;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 14px;
  }

  .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: .7rem;
    line-height: 1.4rem;
  }

  .footer-social-icons {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .footer-meer-info {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 1.2rem;
  }

  .footer-meer-info.lower {
    font-size: .6rem;
  }

  .titel-product {
    justify-content: center;
    align-items: flex-start;
  }

  .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;
  }

  .link {
    font-size: .7rem;
  }

  .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-322 {
    width: 90%;
  }

  .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;
  }

  .text-block-110 {
    font-size: 22px;
    line-height: 27px;
    position: relative;
    top: 0;
  }

  .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;
  }

  .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 {
    flex-flow: column;
    height: auto;
    margin-top: 0;
  }

  .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--icon {
    font-size: 1.1rem;
    line-height: 1.1rem;
  }

  .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;
  }

  .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: 15px;
    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-start;
  }

  .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;
  }

  .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 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    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 {
    text-shadow: 0 2px 2px #0006;
  }

  .text-block-130.knop {
    text-shadow: none;
    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;
  }

  .nav--divider {
    z-index: 100000;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .text-span-76 {
    font-size: 1rem;
  }

  .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;
  }

  .div-block-432 {
    margin-bottom: 25px;
  }

  .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;
  }

  .div-block-449 {
    height: 40px;
  }

  .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;
  }

  .dropdown-menu-mobile-trigger {
    padding-left: 10px;
    padding-right: 10px;
  }

  .afbeelding-v-c {
    background-size: cover;
    height: 100vh;
  }

  .text-block-156 {
    font-size: 14px;
    line-height: 16px;
  }

  .text-block-156.titel--contact {
    font-size: 22px;
    line-height: 26px;
  }

  .text-block-156.bold {
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-165 {
    font-size: 15px;
    line-height: 20px;
  }

  .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;
  }

  .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;
  }

  .text-block-177 {
    font-size: 20px;
    line-height: 25px;
  }

  .text-block-178 {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .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;
  }

  .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-reviews.footer {
    width: 180px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .cc-reviews.mobile {
    width: 180px;
  }

  .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;
  }

  .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: 16px;
  }

  .div-block-474 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .soort-item {
    word-break: break-all;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 11px;
    line-height: .9rem;
  }

  .onderwerp-agenda {
    margin-left: 10px;
    font-size: .9rem;
    line-height: 1.2rem;
  }

  .datum-agenda {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: .7rem;
    line-height: .8rem;
  }

  .datum-agenda.locatie {
    margin-left: 10px;
    margin-right: 10px;
  }

  .button-agenda-cms.lees-meer {
    border-radius: 5px;
    font-size: 12px;
  }

  .button-agenda-cms.action {
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
  }

  .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;
  }

  .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;
  }

  .introductie-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;
  }

  .div-block-497 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-500 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .cell-46 {
    display: none;
  }

  .cc-evenementen {
    width: 80vw;
  }

  .menu-grid, .div-block-514 {
    display: flex;
  }

  .proefles-schema-text {
    font-size: 12px;
    line-height: 16px;
  }

  .proefles-schema-text.kop {
    line-height: 16px;
  }

  .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: 13px;
  }

  .link-16.proefles {
    font-size: 12px;
  }

  .group-wrapper.cms {
    margin-top: 10px;
    margin-bottom: 10px;
    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, .afbeelding-beter-schetsen {
    background-size: cover;
    height: 100vh;
  }

  .text-block-223 {
    font-size: 18px;
    line-height: 23px;
  }

  .afbeelding-extrainfo {
    width: 100%;
    height: 150px;
    margin-right: 0;
  }

  .div-block-532 {
    padding: 8px;
  }

  .product-container_product-details {
    padding-right: 0;
  }

  .label {
    font-size: 13px;
  }

  .pill-button {
    padding: .2rem .3rem;
    font-size: 12px;
  }

  .product-container, .product-container_layout {
    grid-template-columns: 1fr;
  }

  .sm-mini-cart_item-image-container {
    width: 6rem;
    height: 6rem;
    margin-right: 0;
  }

  .sm-mini-cart_item-image {
    border-radius: .375rem;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    display: block;
  }

  .sm-icon-button.sm-icon-button--small.ml-auto {
    margin-left: auto;
  }

  .sm-cart-item__total {
    margin-left: .3rem;
    margin-right: .3rem;
    padding: 7px;
    font-size: .85rem;
  }

  .sm-quantity-input.is-small {
    border-style: solid;
    border-width: 1px;
    border-radius: .375rem;
    padding-left: .425rem;
    padding-right: .425rem;
  }

  .sm-box-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: .5rem;
  }

  .sm-cart__item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .sm-cart-discount {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
  }

  .sm-cart-field-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .checkbox-3 {
    background-size: 18px;
    margin-left: 0;
  }

  .checkbox-3.w--redirected-checked {
    background-size: 18px;
  }

  .div-block-548 {
    border-radius: 0;
  }

  .sk-vraag {
    margin-bottom: 10px;
  }

  .sk-form-item {
    height: auto;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .sk-stap {
    height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-550 {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
  }

  .sk-next {
    bottom: 15px;
  }

  .div-block-553 {
    height: 60px;
    inset: auto 0% 0%;
  }

  .sk-label {
    padding: 7.5px 5px 7.5px 25px;
    line-height: 14px;
  }

  .text-block-238 {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
  }

  .link-18 {
    font-size: 12px;
    line-height: 14px;
  }

  .afbeelding-ak-n {
    background-size: cover;
    height: 100vh;
  }

  .sk-form-slider {
    height: 550px;
  }

  .text-block-248 {
    padding: 20px 10px;
    font-size: 14px;
    line-height: 14px;
  }

  .div-block-569 {
    justify-content: space-between;
    align-items: center;
  }

  .studiekiezer-close {
    top: -40px;
  }

  .text-block-253 {
    font-size: 12px;
    line-height: 16px;
  }

  .lottie-animation-13 {
    width: 60vw;
  }

  .div-block-574 {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    flex-flow: wrap;
  }

  .text-block-259 {
    line-height: 16px;
  }

  .div-block-576 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .text-span-lesblok {
    line-height: 22px;
  }
}

#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-cc60246b-5fd4-820f-dbc7-496dbd4b038b-c4b26290 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-cc60246b-5fd4-820f-dbc7-496dbd4b038d-c4b26290, #w-node-cc60246b-5fd4-820f-dbc7-496dbd4b039c-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-_0aad8e3b-9dca-678a-1149-a4f1f5c825eb-bc08fa09 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c825fe-bc08fa09 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .5fr .5fr .5fr;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c82635-bc08fa09 {
  grid-column: span 3 / span 3;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c82730-bc08fa09 {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c82731-bc08fa09 {
  grid-column: span 3 / span 3;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c82737-bc08fa09 {
  grid-column: span 6 / span 6;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c82775-bc08fa09 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c8277d-bc08fa09 {
  grid-column: span 2 / span 2;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c82794-bc08fa09 {
  grid-template-rows: 50px auto 28px auto auto;
  grid-template-columns: 28px auto 28px auto 28px auto 28px auto 28px;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c82795-bc08fa09 {
  grid-column: span 9 / span 9;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c827d6-bc08fa09 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c827da-bc08fa09 {
  grid-column: span 5 / span 5;
}

#w-node-_0aad8e3b-9dca-678a-1149-a4f1f5c827e7-bc08fa09 {
  grid-column: span 2 / span 2;
}

#w-node-_6e09e7b6-61db-c49f-d737-fed66c779d5e-bc08fa09 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_6e09e7b6-61db-c49f-d737-fed66c779d6f-bc08fa09, #w-node-_6e09e7b6-61db-c49f-d737-fed66c779e02-bc08fa09 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 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-ce1366fb-d0e4-0961-346d-877f78a88816-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-cc60246b-5fd4-820f-dbc7-496dbd4b038b-c4b26290 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-cc60246b-5fd4-820f-dbc7-496dbd4b038d-c4b26290, #w-node-cc60246b-5fd4-820f-dbc7-496dbd4b039c-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-_0aad8e3b-9dca-678a-1149-a4f1f5c825fe-bc08fa09 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .75fr 1fr;
    display: grid;
  }

  #w-node-_6e09e7b6-61db-c49f-d737-fed66c779d5e-bc08fa09, #w-node-_6e09e7b6-61db-c49f-d737-fed66c779d6f-bc08fa09 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
  }

  #w-node-_6e09e7b6-61db-c49f-d737-fed66c779e02-bc08fa09 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #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-cc60246b-5fd4-820f-dbc7-496dbd4b038b-c4b26290 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-cc60246b-5fd4-820f-dbc7-496dbd4b038d-c4b26290, #w-node-cc60246b-5fd4-820f-dbc7-496dbd4b039c-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-_6e09e7b6-61db-c49f-d737-fed66c779d5e-bc08fa09, #w-node-_6e09e7b6-61db-c49f-d737-fed66c779d6f-bc08fa09 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_6e09e7b6-61db-c49f-d737-fed66c779e02-bc08fa09 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #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-cc60246b-5fd4-820f-dbc7-496dbd4b038b-c4b26290, #w-node-cc60246b-5fd4-820f-dbc7-496dbd4b038d-c4b26290, #w-node-cc60246b-5fd4-820f-dbc7-496dbd4b039c-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-_0aad8e3b-9dca-678a-1149-a4f1f5c825fe-bc08fa09 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    display: grid;
  }

  #w-node-_6e09e7b6-61db-c49f-d737-fed66c779d5e-bc08fa09, #w-node-_6e09e7b6-61db-c49f-d737-fed66c779d6f-bc08fa09, #w-node-_6e09e7b6-61db-c49f-d737-fed66c779e02-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;
  }
}