/* README: BOOTSTRAP REBOOT SHOULD BE APPLIED ON NEW PAGES WHERE NO OLD CODE EXISTS */
/*!
 * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

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

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

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

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/*# sourceMappingURL=bootstrap-reboot.css.map */

/* From learnit.css */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);body{font-family:helvetica,arial,sans-serif;background:#eee}.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6,h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{color:#283354;font-weight:600}@media screen and (min-width:992px){.team_img.left-hide{display:none}.left-hide{display:none!important}.left-hide img{display:none}}.title-h4{font-size:18px;margin-top:10px;margin-bottom:10px;line-height:1.1}.btn{border:0;border-radius:0;font-weight:700;transition:.25s ease-out}img{max-width:100%;height:auto}.wrapper{box-shadow:inset 0 5px 750px 0 rgba(0,0,0,.225)}p.online{padding-left:1em;font-style:italic}.top-nav{background:#fff}.top-nav a{color:#283354;font-size:1.5rem;font-weight:700;margin-left:25px}.top-nav li a:hover{background-color:transparent;text-decoration:underline}.navbar-form{margin:0;display:none}.navbar-form.open{display:block;float:left}.form-control{max-width:100%}#search-toggle{background:url(/static/img/icon_search_small.png) center center no-repeat;height:34px;width:44px}.search-form{display:block;text-align:right;float:left;width:100%;border-width:1px 1px 2px;border-style:solid;border-color:#fff}.search-form input{display:inline-block;border:0;height:32px;border-radius:0;box-shadow:none}.search-form button{display:inline-block;border:0;text-indent:-9999px;position:absolute;height:32px;width:32px;right:0;top:0;background:url(/static/img/icon_search.png) center center no-repeat #f87200;border-radius:0;outline:0}.search-form button:focus{outline:0;background:url(/static/img/icon_search.png) center center no-repeat #d35400;box-shadow:none;transition:.25s}.search-form button:hover{background:url(/static/img/icon_search.png) center center no-repeat #f9bf3b;transition:.25s}.navbar-nav>li>ul{border-top:none;background:#f87200;color:#fff}.navbar-nav>li>ul>li>a{background:#f87200;color:#fff}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#000;background-color:inherit}@media screen and (max-width:767px){.top-nav .nav>li>a{display:none}.top-nav .nav>li>a.phone{display:block;float:right}.search-form{border:0;padding:10px 10px 0}.search-form.open{display:block}.search-form input[type=text]{border:1px solid #ddd}.search-form button{right:10px;top:10px;background-color:#a7a7a7}#dark{display:none!important}}@media screen and (min-width:768px){body.bodytoppadding{padding-top:160px}.language-selector{text-indent:-9999px;width:51px;background:url(/static/img/flag_nl.png) 13px center no-repeat;opacity:.8}.language-selector:hover{opacity:1}.navbar-form{display:block;-moz-transform:translateY(5px);-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.navbar-form .form-control{width:196px}.navbar-form.open{float:none}.nav>li>a{padding-right:0}.search-form{float:right;width:200px;position:relative;padding-right:32px;display:block;text-align:right;border:0}.search-form input{margin-top:14px;border-radius:8px 0 0 8px;border:1px solid #b1b1b1;border-bottom-color:#dadada;border-right-color:#dadada;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.1)}.search-form button{margin-top:5px;top:11px;border-radius:0 8px 8px 0}}@media screen and (min-width:992px){.search-form{float:right;width:282px;position:relative;padding-right:32px;display:block;text-align:right;border:0}.search-form input{margin-top:16px}.search-form button{margin-top:5px;top:11px}}.container{position:relative}.search-form{position:absolute;right:14px;bottom:12px}.blog-date,.product-price{color:#f87200;font-weight:700;padding:15px 0 0}.newsletter{margin:35px 0 25px}.newsletter form{margin-top:10px;display:block;position:relative}.newsletter input[type=email],.newsletter input[type=text]{border:1px solid #ddd;height:40px;color:#333;padding:0 45px 0 10px;font-family:inherit;font-size:1.6rem;width:100%;border-radius:8px}.newsletter input[type=email]:focus,.newsletter input[type=text]:focus{outline:0}.newsletter button{height:40px;background:url(/static/img/arrow2.png) center center no-repeat #f87200;color:#fff;border:0;font-weight:700;padding:0 10px;font-size:1.8rem;transition:.25s;width:40px;text-indent:-9999px;position:absolute;top:0;right:0;border-radius:0 8px 8px 0}.newsletter button:hover{background-color:#f9bf3b}#dark{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:2;display:none}#dark.visible{display:block}.category-container .col-md-12 img,input#ex9f{display:none}@media screen and (min-width:768px){.newsletter{margin:0}.category-container article.col-sm-4{height:200px}.category-container.weergave-lijst article.col-md-6,.category-container.weergave-lijst article.col-sm-4{height:auto}}@media screen and (min-width:992px){.category-container article.col-sm-4{height:200px}.category-container article.col-md-6{height:275px}.sidebar-cursus{padding-top:50px}}.download-pdf .btn{padding-left:45px;background:url(/static/img/icon_pdf.png) 20px center no-repeat #f87200;margin-top:10px}.download-pdf .btn:hover{padding-left:45px;background:url(/static/img/icon_pdf.png) 20px center no-repeat #d35400}.sortbutton{display:block;padding-bottom:5px}.sortbutton:before{content:"";display:inline-block;height:10px;width:10px;border:2px solid #ccc;border-radius:5px;margin-right:5px}.sortbutton.activated:before{background:#ccc}.sidebar-cursus .newsletter{margin-top:0}.sidebar-cursus ul li:last-child{border:0;padding-bottom:0}.sidebar-cursus .cursus-delen a{display:inline-block;width:15%;height:50px;background:grey;text-indent:100%;white-space:nowrap;overflow:hidden;opacity:.75}.sidebar-cursus .cursus-delen a:hover{opacity:1}.sidebar-cursus .cursus-delen a:nth-child(2n){background:#eee}.sidebar-cursus .cursus-delen a.print{background:url(/static/img/sprite_delen.png) left 12px no-repeat}.sidebar-cursus .cursus-delen a.mail{background:url(/static/img/sprite_delen.png) left -34px no-repeat}.sidebar-cursus .cursus-delen a.twitter{background:url(/static/img/sprite_delen.png) left -84px no-repeat}.sidebar-cursus .cursus-delen a.facebook{background:url(/static/img/sprite_delen.png) left -136px no-repeat}.sidebar-cursus .cursus-delen a.linkedin{background:url(/static/img/sprite_delen.png) left -235px no-repeat}.row.trainer .trainer-name{font-weight:700;font-size:1.6rem;color:#283354;padding-bottom:0}.trainer img{border-radius:50%}#main_review blockquote,#referenties blockquote{position:relative;padding-top:25px}#main_review blockquote:before,#referenties blockquote:before{content:"\201C";display:block;font-size:8rem;color:#eee;position:absolute;top:0;left:10px;z-index:0;margin-top:-25px}#main_review .rating,#referenties .rating{font-weight:700;color:#f87200}#main_review blockquote p,#referenties blockquote p{position:relative;z-index:1;font-size:1.3rem}#main_review cite,#referenties cite{font-weight:700;font-size:1.4rem}@media screen and (min-width:768px){.row.trainer{margin:15px 0 10px}}pre{background-color:#fff;font-size:60%;word-wrap:normal;word-break:keep-all;overflow:scroll}ol li{list-style-type:decimal}.error-text{color:red}.ref-bottom{display:block;margin-top:6px;color:#999}p.padding-top{padding-top:24px}p.border-top{border-top:1px solid #ddd;padding-top:12px}label.large{font-size:1.7rem;padding-top:10px}.contact-address{padding-left:28px;margin-top:12px;background:url(/static/img/icon-pin.svg) left top/18px 18px no-repeat;border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:9px}@media screen and (max-width:768px){.et_left_img_grid{display:none!important}.top-nav a{margin-left:0}.top-nav .nav>li>a.language-link{display:block;float:right}}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:transparent}.top-nav .language-link{width:24px;height:16px;display:block;-webkit-transform:translateY(10px);transform:translateY(10px);transition:.2s ease-out;opacity:.8;margin-left:45px}.language-link:hover{opacity:1}.language-link.nl{background:url(/static/img/flag_nl.png) center no-repeat}.language-link.en{background:url(../img/flag_en.png) center no-repeat}.et_resultaten ol.et_approach_uline li,.et_resultaten ul.et_approach_uline li{color:#fff}.et_agressie_img .hero_btn_group,.et_blended_head .hero_btn_group,.et_discover_team .hero_btn_group,.et_hero_img .hero_btn_group,.et_incompany_img .hero_btn_group,.et_intervisies_img .hero_btn_group,.et_online_img .hero_btn_group,.et_programma_img .hero_btn_group,.et_protocol_img .hero_btn_group,.et_web_img .hero_btn_group{margin-top:25px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.mb40{margin-bottom:40px}.mb30{margin-bottom:30px}.et_section_heading_left h2{color:#283354;font-size:30px;font-weight:600;letter-spacing:1px;margin-bottom:0!important;line-height:30px!important}.et_about_us p{line-height:1.6em}.et_about_video img{width:100%}.et_reference{position:relative;background:url(/static/img/refernce_bg.jpg) 0 0/cover no-repeat fixed;padding:70px 0}.et_reference:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(248,114,0,.9)}.et_reference p{font-size:22px;color:#fff;letter-spacing:1px;line-height:34px!important}.et_about_video{position:relative;margin-bottom:20px}.et_under_process_div p{font-size:14px;text-align:justify;line-height:1.6em!important;margin-bottom:0;border-left:3px solid #eb720c;padding-left:20px;border-radius:6px}.et_approach{background:#f5f5f5;position:relative}ul.et_approach_uline,ul.et_approach_uline_check{margin-bottom:0;padding:0;list-style:none}ul.et_approach_uline li{margin-bottom:20px;font-size:14px;position:relative;padding-left:30px;padding-top:4px}ul.et_approach_uline li:before{content:"\f101 ";left:0;top:0;position:absolute;font-family:fontAwesome;color:#f87200;font-size:20px}.et_left_img_grid{width:50%;background-repeat:no-repeat!important;background-size:contain!important;background-position:center left!important;background-attachment:fixed!important;position:absolute;left:0;top:0;height:100%}.et_resultaten{background:#283354;position:relative}.et_resultaten .right_text_grid{padding:50px}.et_resultaten .et_section_heading_left h2{color:#fff}.et_team_coaching .border_top{border-top:1px solid #eee}.et_discover_team{position:relative;background:url(/static/img/refernce_bg.jpg) 0 0/cover no-repeat fixed;padding:70px 0}.et_programma_team{position:relative;background:url(/static/img/pro-footer-image.jpg) 0 0/cover no-repeat fixed;padding:70px 0}.et_discover_team:before,.et_programma_team:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.69)}.et_discover_team .hero_btn_group ul li a{border:2px solid #f87200;padding:12px 35px;display:inline-block;color:#fff;text-transform:uppercase;border-radius:18px;transition:background .5s;-webkit-transition:.5s;font-weight:600;letter-spacing:1px;background:#f87200}.et_discover_team h2,.et_programma_team h2{font-weight:600;font-size:28px;letter-spacing:2px!important;color:#fff;line-height:40px!important}.et_discover_team p,.et_programma_team p{color:#fff;font-size:18px;padding:0 200px;line-height:32px!important;font-weight:400}.et_programma_team a{text-decoration:underline;color:#fff}.et_approach p.lead_text,.et_resultaten p.lead_text{margin-top:10px;font-size:18px;color:#f87200;letter-spacing:1px;font-weight:600}.et_discover_team .hero_btn_group ul li a:hover{background:#d35400;text-decoration:none;padding:12px 45px;border-color:#d35400}.et_discover_team p a{color:#fff;text-decoration:underline}.et_practice_info{background:rgba(245,245,245,.48);position:relative;background-size:50%;background-repeat:no-repeat;background-position:center right;padding:70px 0}.et_visual_process .single-feature-2 .icon{position:relative;float:left;left:-35px}.et_visual_process .single-feature-2 .icon_txt{display:table-cell;vertical-align:top}.et_visual_process .single-feature-2 .icon div{width:55px;height:55px;z-index:9999;background:#f5f5f5;position:relative;padding:6px;border-radius:50%;font-size:26px;text-align:center;line-height:45px;color:#f67d17;font-weight:600;border:1px solid #eee;box-shadow:0 0 5px #e8e8e8}.et_visual_process .single-feature-2{padding:15px 0 15px 43px;overflow:hidden;position:relative;background:url(/static/img/path.png) 35px top/2px repeat-y;z-index:1}.et_visual_process .icon_txt h3{font-size:18px;font-weight:600;letter-spacing:2px;margin-bottom:10px;color:#3b4351;margin-top:0}.et_visual_process .single-feature-2 ul li{font-size:15px;line-height:25px;position:relative;padding:0 15px}.et_visual_process .single-feature-2 ul{padding-left:0;margin-bottom:0;list-style:none}.et_visual_process .single-feature-2 ul li:before{content:"";position:absolute;left:-4px;top:12px;height:5px;width:5px;background:#f87200;border-radius:50%}.et_mob_feature .single-feature-mob h3{font-size:18px;font-weight:600;letter-spacing:2px;color:#3b4351}.et_mob_feature .single-feature-mob ul{padding-left:0;margin-bottom:0;list-style:none}.et_mob_feature .single-feature-mob ul li{font-size:16px;line-height:28px;position:relative;padding:0 15px;letter-spacing:1px}.et_mob_feature .single-feature-mob ul li:before{content:"";position:absolute;left:-4px;top:12px;height:5px;width:5px;background:#f87200;border-radius:50%}.et_mob_feature{margin-top:20px}.et_about_us,.et_deze_teams,.et_visual_process{background:#fff}.et_about_us{background:#fff;border-top:1px solid #eee}.et_team_coaching{background:#fff}.team_grid{display:table;background:#f5f5f5}.team_grid>div{display:table-cell;vertical-align:middle}.team_img{width:23%}.team_text{padding:30px}.team_text h3{color:#f27913;font-size:24px;font-weight:600;margin-bottom:15px;margin-top:0}.team_text p{line-height:1.6em}.et_reference .carousel-indicators{bottom:0;margin-bottom:0}.et_reference .carousel{padding-bottom:50px}.et_reference .carousel-indicators .active,.et_reference .carousel-indicators li{margin:5px}.rent:before{top:0;width:0;height:0;left:100%;content:"";position:absolute;border-top:32px solid;border-right:20px solid transparent!important;border-color:#1f223e}.price{color:#f87200;font-size:22px;font-weight:400}.owl-theme .owl-controls{margin-top:0;text-align:center;position:absolute;top:-9%;width:100%}.owl-next,.owl-prev{color:#f87200!important;background:#eee!important;border-radius:50px!important;width:35px;height:35px;line-height:30px;opacity:.9!important;position:absolute}.owl-next{right:0}.owl-prev{right:40px}@media all and (max-width:767px){.owl-prev{right:auto;left:0}}@media all and (min-width:1217px) and (max-width:1416px){.price{font-size:19px}.owl-wrapper-outer{margin-top:25px}}@media all and (min-width:717px) and (max-width:1199px){.price{font-size:19px}.owl-wrapper-outer{margin-top:25px}}@media all and (min-width:617px) and (max-width:716px){.price{font-size:19px}.owl-wrapper-outer{margin-top:25px}}@media all and (max-width:616px){.price{font-size:19px}.owl-wrapper-outer{margin-top:25px}}@media all and (max-width:710px){@media all and (max-width:414px){.et_left_img_grid{display:none}.et_discover_team p{padding:0 30px;line-height:28px!important}}}table.prijsblok{width:100%;border-collapse:collapse}table.prijsblok td,table.prijsblok th{padding:.5em}.meer{margin-bottom:80px;margin-top:20px}.meer a{color:#000;text-decoration:underline;margin-left:-6px}.team_img2{width:12%}.accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:none;outline:0;transition:.4s}#faq.active,.accordion:hover{background-color:#ccc}.panel{padding:0 18px;background-color:#fff;display:none;overflow:hidden}

.popover {
  opacity: 1 !important;
  padding: .5em 1em;
  margin-top:1em;
}

.popover.bottom {
  margin-top: 1em;
}[data-lines] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Not ready yet */
  /* https://caniuse.com/?search=attr */
  /* -webkit-line-clamp: attr(data-lines); */
  /* line-clamp: attr(data-lines); */
}

/* Fallback */
[data-lines="1"] {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

[data-lines="2"] {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

[data-lines="3"] {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

[data-lines="4"] {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

[data-lines="5"] {
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

[data-lines="6"] {
  -webkit-line-clamp: 6;
  line-clamp: 6;
}

[data-lines="7"] {
  -webkit-line-clamp: 7;
  line-clamp: 7;
}

[data-lines="8"] {
  -webkit-line-clamp: 8;
  line-clamp: 8;
}

[data-lines="9"] {
  -webkit-line-clamp: 9;
  line-clamp: 9;
}body {
    font-family: "helvetica", "arial", sans-serif;
    /*font-family: 'Open Sans', sans-serif;*/
    background: #eee;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.title-h1,
.title-h2,
.title-h3,
.title-h4,
.title-h5,
.title-h6 {
    color: #283354;
    font-weight: 600;
}

.btn {
    border: 0;
    border-radius: 0;
    font-weight: 700;
    transition: all 0.25s ease-out;
}

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

.wrapper {
    box-shadow: inset 0 5px 750px 0 rgba(0, 0, 0, 0.225);
}
@media screen and (max-width: 767px) {
  #dark {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
  body.bodytoppadding {
    padding-top: 140px;
  }
}

/* General styles */
.update2022 picture {
  display: block;
  overflow: hidden;
}

.update2022 a {
  cursor: pointer;
}

.html2022 .noscroll {
  overflow: hidden;
}

.update2022 .visually_hidden {
  display: none;
}

/**
 * TODO disable smoothScroll.js
 * wait until next Safari version is released
 * Enables smooth scrolling on the whole document
 */
/* html {
	scroll-behavior: smooth;
} */
/* Replace smoothscroll with a more modern version */
/* @media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
} */
/* .example {
  scroll-margin-top: 1em;
} */
/* ################################### */
/* temporary CSS fixes for other pages */
/* ################################### */
body,
.update2022 {
  background: white !important;
}

.content-background {
  background-color: rgb(227, 231, 230) !important;
}

.wrapper {
  box-shadow: inset 0 5px 750px 0 rgba(227, 231, 230, 1) !important;
}

.text-standard,
.tab-pane,
.blog-posts,
.subscribe-container {
  border-radius: 8px !important;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.2),
    0 0 20px rgba(0, 0, 0, 0.1);
}

.tab-pane .subscribe-container {
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media screen and (min-width: 768px) {
  .nav-tabs>li>a {
    border-radius: 6px 6px 0 0 !important;
  }
}

.nav-tabs>li>a {
  border-bottom: none !important;
  background-color: rgba(255, 255, 255, 0.2);
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
  border-bottom: none !important;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  clip-path: inset(-10px -10px 0px -10px);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  border-bottom: none !important;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  clip-path: inset(-10px -10px 0px -10px);
}
/* Styles for buttons  */
.update2022 .btn {
  display: inline-block;
  padding: 8px 32px;
  border-radius: 6px;
  border: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  font-size: 14px;
}

@media screen and (max-width:767px) {
    .update2022 .btn {
        font-size: 12px;
    }
}

.update2022 .btn.primary {
  background-color: #ff6633;
  color: white;
}

.update2022 .btn.primary.active {
    background-color: #eb4c2a;
}

.update2022 .btn.secondary {
  background-color: #2f76ff;
  color: white;
}

.update2022 .btn.tertiary {
  padding: 6px 30px;
  border: 1px black solid;
  color: black;
}

.update2022 .btn.btn-link {
  color: #2f76ff;
    font-weight: 400;
  background-color: transparent;
  border: 0;
  padding: 0 .5em;
  font-size: 1em;
}
.update2022 .btn.primary:hover {
  background-color: #eb4c2a;
  /* color: white; */
}

.update2022 .btn.secondary:hover {
  background-color: #2f76ff;
  /* color: white; */
}

.update2022 .btn.tertiary:hover {
  /* border: 1px black solid; */
  /* color: black; */
}

.update2022 .btn {
  transition: box-shadow linear .1s,
              text-shadow linear .1s,
              background-color linear .1s;
  box-shadow: 0 3px 5px rgba(0,0,0,0),
              inset 0 3px 5px rgba(0,0,0,0);
  text-shadow: 0 0 2px rgba(0,0,0,0);
}
.update2022 .btn:hover {
  box-shadow: 0 3px 5px rgba(0,0,0,.125),
              inset 0 3px 5px rgba(0,0,0,0);
}
.update2022 .btn:active {
  box-shadow: 0 3px 5px rgba(0,0,0,0),
              inset 0 3px 5px rgba(0,0,0,.2);
  text-shadow: 0 0 3px rgba(0,0,0,.4);
}

.update2022 .btn.price-tooltip {
    position: absolute;
    display: inline;
    background-color: #2f76ff;
    color: white;
    padding: 0px 6px;
    border-radius: 500px;
    font-size: 10px;
    margin: 0 0 1.5em 0.3em;
}
.update2022 .btn.price-tooltip + .popover {
  z-index: 89;
}
/* apply colors from global-vars.css */
html.html2022 {
  color: black;
}

.update2022 {
  /* color: black; */
  color: #333;
}

.update2022 * {
  color: inherit;
}

.update2022 a, .update2022 a:visited {
  color: #2f76ff;
}

.update2022 a:hover, .update2022 a:focus, .update2022 a:active {
  color: #ff6633;
}

.update2022 img[src$=jpg],
.update2022 img[src$=jpeg] {
  background-color: lightgrey;
}

/* modifiers */
.update2022 .bg_dark {
  /* welke donkere achtergrond kleur? class bestaat vanwege witte tekst op afbeeldingen */
  background-color: rgb(227, 231, 230);
  color: white;
}
.update2022 .bg_light {
  background-color: #381a0017!important;
  color: black;
}
.update2022 .bg_lighter {
  background-color: rgb(241, 243, 243)!important;
  color: black;
}
.update2022 .bg_white {
  background-color: rgb(255, 255, 255);
  color: black;
}

.update2022 .text-blue {
  color: #2f76ff;
}

.update2022 .text-white {
  color: #fff;
}

.update2022 .text-muted {
  color: gray;
}

/* Socials */
.update2022 .socials a i {color: #ff6633;transition:color linear .15s;}
.update2022 .socials a:hover .fa-facebook-f {color: #39569c;}
.update2022 .socials a:hover .fa-linkedin-in {color: #0072b1;}
.update2022 .socials a:hover .fa-twitter {color: #00acee;}
.update2022 .socials a:hover .fa-youtube {color: #b2071d;}
.update2022 .socials a:hover .fa-whatsapp {color: #25d366;}
/* Rows */
.row_learnit {
  display:flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.row_learnit:not(:last-child){
  margin-bottom: 30px;
}

/* Columns */
[class*="col_"] {
  margin-left: 15px;
  margin-right: 15px;
}
[class*="col_"]:first-child {
  margin-left: 0;
}
[class*="col_"]:last-child {
  margin-right: 0;
}

/* Column sizes */
.col_1 {flex:1;}
.col_2 {flex:2;}
.col_3 {flex:3;}
.col_4 {flex:4;}
.col_5 {flex:5;}
.col_6 {flex:6;}
.col_7 {flex:7;}
.col_8 {flex:8;}
.col_9 {flex:9;}
.col_10 {flex:10;}
.col_11 {flex:11;}
.col_12 {flex:12;}

/* Tablet breakpoint */
@media screen and (max-width:1024px) {
  .tablet_full_width {
    flex-basis:100%;
  }
  .tablet_full_width[class*="col_"] {
    margin-left: 0;
    margin-right: 0;
  }
  .tablet_full_width:not(:last-child){
    margin-bottom: 30px;
  }
}

/* Mobile breakpoint */
@media screen and (max-width:767px) {
  .mobile_full_width {
    flex-basis:100%;
  }
  .mobile_full_width[class*="col_"] {
    margin-left: 0;
    margin-right: 0;
  }
  .mobile_full_width:not(:last-child){
    margin-bottom: 30px;
  }
}
.update2022 {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  line-height: 1.4;
}

.update2022 h1, .update2022 h2,.update2022 h3, .update2022 h4, .update2022 h5, .update2022 h6,
.update2022 .title-h1, .update2022 .title-h2,.update2022 .title-h3, .update2022 .title-h4, .update2022 .title-h5, .update2022 .title-h6
{
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.update2022 .text_allcaps { text-transform: uppercase; }

.update2022 .text_light { font-weight: 300; }

.update2022 .text_medium { font-weight: 400; }

.update2022 .text_bold,
.update2022 strong,
.update2022 b,
.update2022 h1,
.update2022 h2,
.update2022 h3,
.update2022 h4,
.update2022 h5,
.update2022 h6 { font-weight: 600; }

.update2022 em, .update2022 .text_cursive { font-style: italic; }

/* only within headers */
.update2022 header h1,
.update2022 header h2,
.update2022 header h3,
.update2022 header h4,
.update2022 header h5,
.update2022 header h6 {
  margin: 0;
}

/* subheaders */
/* .update2022 header>h1+p,
.update2022 header>h2+p,
.update2022 header>h3+p,
.update2022 header>h4+p,
.update2022 header>h5+p,
.update2022 header>h6+p {
  margin-top: 0 !important;
} */

.update2022 p:not(:first-child) {
  margin-top: 1em;
  margin-bottom: 1em;
}
.update2022 p:first-child {
  margin-top: 0;
}
/* .update2022 p {
  margin-top: 1rem;
  margin-top: 1rem;
} */
/* Font size proportions are based on Minor Third 16px (1.200) from https://type-scale.com/?size=20&scale=1.250&text=Leer%20samen%20beter.%20Overal.&font=Roboto&fontweight=400&bodyfont=body_font_default&bodyfontweight=400&lineheight=1.75&backgroundcolor=%23ffffff&fontcolor=%23000000&preview=false; */
/* Closest proportions in invision design is Minor Third 18px (1.200) */
/* 48/40/32/26/20/16/14/12 => Major Third: XL screen */
/* 40/32/28/24/20/16/14/12 => Minor Third: tablet/desktop */
/* 28/26/24/20/18/16/14/12 => Major Second: mobile */

.update2022,
.update2022 .base_font_size,
.update2022 .size0 { font-size: 16px; }

.update2022 small,
.update2022 .text_small,
.update2022 .size7 { font-size: 14px; }

.update2022 .text_extra_small,
.update2022 .size8 { font-size: 12px; }

@media screen and (max-width:767px) {
    /* MOBILE */
  .mobile_text_larger { font-size: 1.2em }

  .update2022,
  .update2022 .base_font_size,
  .update2022 .size0 { font-size: 14px; }

  .update2022 small,
  .update2022 .text_small,
  .update2022 .size7 { font-size: 12px; }

  .update2022 h1, .update2022 .size1 { font-size: 28px; }
  .update2022 h2, .update2022 .size2 { font-size: 20px; }
  .update2022 h3, .update2022 .size3 { font-size: 16px; }
  .update2022 h4, .update2022 .size4 { font-size: 14px; }
  .update2022 h5, .update2022 .size5 { font-size: 12px; }
}

@media screen and (min-width:768px) {
  /* TABLET/DESKTOP */
  .update2022 h1, .update2022 .size1 { font-size: 36px; }
  .update2022 h2, .update2022 .size2 { font-size: 28px; }
  .update2022 h3, .update2022 .size3 { font-size: 20px; }
  .update2022 h4, .update2022 .size4 { font-size: 16px; }
  .update2022 h5, .update2022 .size5 { font-size: 14px; }
}

/* Socials */
.update2022 .socials i {
  font-size: 32px;
  margin: 20px 16px;
}
.update2022 button,
.update2022 input,
.update2022 optgroup,
.update2022 select,
.update2022 textarea {
  /* makes it easier to match button and input heights */
  line-height: unset;
  /* always fill parent */
}

.update2022 input[type="text"],
.update2022 input[type="email"],
.update2022 input[type="number"],
.update2022 input[type="tel"],
.update2022 input[type="search"],
.update2022 input[type="date"],
.update2022 input[type="time"],
.update2022 textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

  width: 100%;
  margin-bottom: 1em;
}

.update2022 input[type="text"].border,
.update2022 input[type="email"].border,
.update2022 input[type="number"].border,
.update2022 input[type="tel"].border,
.update2022 input[type="search"].border {
  border-width: 1px;
  border-radius: 6px;
  border-color: black;
  padding: 6px 10px;
  font-size: 14px;
  width: 100%;
  margin-bottom: 1em;
}

.update2022 input[type="radio"] + label,
.update2022 input[type="checkbox"]  + label {
  display: inline;
  position: relative;
  top: -2px;
  font-weight: 400;
  cursor:pointer;
}

.update2022 textarea {
    max-width: 100%;
    min-width: 100%;
}

.update2022 label,
.update2022 legend {
  color: #999999;
  font-weight: 600;
  font-size: 14px;
}

.update2022 legend {
  font-size: inherit;
  font-family: inherit;
  margin: 0;
  padding: 2em 0 .5em;
  border: none;
}

.update2022 input[type="radio"] {
  margin: 1em .25em 1.5em 0;
}

 .update2022 input[type="checkbox"] {
   margin: 1em .25em 0 .25em;
 }

.update2022 input[type="text"],
.update2022 input[type="email"],
.update2022 input[type="number"],
.update2022 input[type="tel"],
.update2022 input[type="search"],
.update2022 input[type="date"],
.update2022 input[type="time"],
.update2022 select,
.update2022 textarea {

  font-size: 14px;

  border-radius: 6px;
  padding: 0.5em 1em;
  margin: 0 0 1.5em 0;
  transition: box-shadow .1s;
  border: solid 1px #999999;
  background-color: #ffffff;

  width: 100%;

  color: #000000;
  text-align: left;

  margin-bottom: 1em;
}

.update2022 input[type="text"]:disabled,
.update2022 input[type="email"]:disabled,
.update2022 input[type="number"]:disabled,
.update2022 input[type="tel"]:disabled,
.update2022 input[type="search"]:disabled,
.update2022 input[type="date"]:disabled,
.update2022 input[type="time"]:disabled,
.update2022 select:disabled,
.update2022 textarea:disabled {
  color : #999999;
}


.update2022 input[type="text"]:hover,
.update2022 input[type="email"]:hover,
.update2022 input[type="number"]:hover,
.update2022 input[type="tel"]:hover,
.update2022 input[type="search"]:hover,
.update2022 input[type="date"]:hover,
.update2022 input[type="time"]:hover,
.update2022 select:hover,
.update2022 textarea:hover
{
  box-shadow: inset 0px 0px 0px 1px #999999;
}

.update2022 input.error,
.update2022 input[type="text"].error,
.update2022 input[type="email"].error,
.update2022 input[type="number"].error,
.update2022 input[type="tel"].error,
.update2022 input[type="text"].error,
.update2022 input[type="date"].error,
.update2022 input[type="time"].error,
.update2022 input[type="text"]:not(:placeholder-shown):invalid,
.update2022 input[type="email"]:not(:placeholder-shown):invalid,
.update2022 input[type="number"]:not(:placeholder-shown):invalid,
.update2022 input[type="tel"]:not(:placeholder-shown):invalid,
.update2022 input[type="text"]:not(:placeholder-shown):invalid,
.update2022 input[type="date"]:not(:placeholder-shown):invalid,
.update2022 input[type="time"]:not(:placeholder-shown):invalid,
.update2022 select.error,
.update2022 textarea.error {
  border: solid 1px #ff4a4a !important;
}

input:focus, textarea:focus, select:focus {
  outline-offset: -3px;
}

.update2022 input[readonly]{
  background-color: rgba(0,0,0,.05);
}

.update2022 fieldset {
  border: 0;
}

.update2022 .switch-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* The switch - the box around the slider */
.update2022 .switch {
  flex: 0 0 60px;
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  transform: scale(0.8);
}

/* Hide default HTML checkbox */
.update2022 .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
html:not(.ie) .update2022 select {

  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: white;
  border-radius: 6px;
  max-width: 100%;
  line-height: 1.9rem;
  text-align: left;
  text-align-last: left;
  -moz-text-align-last: left;


  /* centering of text in safari not possible padding: 0 0.5rem; */
}

.update2022 select::-ms-expand {
    display: none;
}

/* Source for arrow styling */
/* https://codepen.io/vkjgr/pen/VYMeXp */
html:not(.ie) .update2022 select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  padding-left: 1rem;
  padding-right: 4rem;
}

html:not(.ie) .update2022 select:active {
  background-image:
    linear-gradient(45deg, gray 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, gray 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  /* border-color: green; */
  outline: 0;
}

.update2022 select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}header ul,
footer ul {
  padding:0;
  margin:0;
}


/* Blue Checkmarks */
.update2022 ul.checkmark {
  list-style-type: none;
  padding-left: 2.4em;
  position: relative;
}

.update2022 ul.checkmark li {
  position: relative;
}
.update2022 ul.checkmark li::before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: "\f00c";
  color: #2f76ff;
  position: absolute;
  left: -1.4em;
  font-size: 1.2em;
  line-height: 1.35;
}
/* combine search field with button */
.update2022 section.hero22 form input:not(:first-child),
.update2022 section.hero22 form button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  clip-path: inset(-100px -100px -100px 0);
  border-left: 0;
}

.update2022 section.hero22 form input:not(:last-child),
.update2022 section.hero22 form button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
  clip-path: inset(-100px 0 -100px -100px);
  border-right: 0;
}

.update2022 section.hero22 form input:not(:first-child):not(:last-child),
.update2022 section.hero22 form button:not(:first-child):not(:last-child) {
  clip-path: inset(-100px 0 -100px 0);
}/* CSS vars are not supported in IE.. */
/* TODO remove all */
/* colors */
:root {
  --orange: #ff6633;
  --dark_orange: #eb4c2a;
  --bg_grey: #d5dbd9;
  --grey: #999999;
  --black: #000000;
  --blue: #2f76ff;
  /* TODO --dark_blue: #2f76ff; */
  --green: #05cd69;
  --white: #ffffff;
  --red: #ff4a4a;
}

:root {
  /* min-width values */
  /*iphone SE*/
  --mobile-s: 320px;
  /*iphone 8 */
  --mobile-m: 375px;
  /*iphone 8 plus*/
  --mobile-l: 414px;
  /* ipad mini, ipad, ipad air */
  --tablet-s: 768px;
  /* ipad pro 10.5" */
  --tablet-m: 834px;
  /* ipad pro 12.9" and smaller laptops */
  --tablet-l: 1024px;
  /* larger laptops and desktops */
  --desktop: 1280px;
}

:root {
  --animation_duration: .15s;
  --border-radius-small: .3rem;
  /* --border-radius-medium:6px; */
  /* --border-radius-large:6px; */
}:root {
  /* DO NOT USE */
  --wide: 1280px;
  --medium: 1024px;
  --narrow: 960px;
}

.update2022 section {
  position: relative;
}

.update2022 .inner {
  padding: 40px 40px;
  margin-left: auto;
  margin-right: auto;
}

.update2022 .stretch {
  margin-left: -40px;
  margin-right: -40px;
}

@media screen and (max-width:767px) {
  .update2022 .inner {
    padding: 20px 16px;
  }

  .update2022 .stretch {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.update2022 .w-100 {
  width: 100%;
}

/* width of container classes */
.update2022 .inner.full_width {
  max-width: 100%;
}

.update2022 .inner.wide {
  max-width: 1280px;
}

.update2022 .inner.medium {
  max-width: 1024px;
}

.update2022 .inner.narrow {
  max-width: 960px;
}

.update2022 .inner.very_narrow {
  max-width: 670px;
}

/* space of container classes */
.update2022 .inner.space_ample {
  padding-top: 80px;
  padding-bottom: 80px;
}

.update2022 .inner.space_normal {
  padding-top: 40px;
  padding-bottom: 40px;
}

.update2022 .inner.space_short {
  padding-top: 20px;
  padding-bottom: 20px;
}

.update2022 .inner.no_space {
  padding-top: 0;
  padding-bottom: 0;
}

/* flex layout options */
.update2022 .flex_row {
  display: flex;
  flex-direction: row;
}

.update2022 .flex_column {
  display: flex;
  flex-direction: column;
}

.update2022 .space_between {
  justify-content: space-between;
}

.update2022 .justify_center {
  justify-content: center;
}

.update2022 .align_start {
  align-items: flex-start;
  align-content: flex-start;
}

.update2022 .align_center {
  align-items: center;
  align-content: center;
}

.update2022 .align_end {
  align-items: flex-end;
  align-content: flex-end;
}

.update2022 .align_stretch {
  align-items: stretch;
  align-content: stretch;
}

.update2022 .wrap {
  flex-wrap: wrap;
}

.update2022 .flex {
  flex: 1;
}

/* placement classes */
.update2022 .left {
  text-align: left;
  justify-content: flex-start;
}

.update2022 .center {
  text-align: center;
  justify-content: center;
}

.update2022 .right {
  text-align: right;
  justify-content: flex-end;
}

@media screen and (min-width:768px) {
  .update2022 .desktop_right {
    text-align: right;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1024px) {
  .update2022 .hide_desktop {
    display: none !important;
  }

  .update2022 .full_width_desktop {
    min-width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
  .update2022 .hide_tablet {
    display: none !important;
  }

  .update2022 .full_width_tablet {
    min-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .update2022 .hide_mobile {
    display: none !important;
  }

  .update2022 .full_width_mobile {
    min-width: 100%;
  }

  .update2022 .mobile_flex_column {
    flex-direction: column;
  }
}

/* section header margins */
section > header {
  margin-bottom: 40px;
}

section > header>*:not(:last-child) {
  margin-bottom: 10px;
}

/* item spacing classes */
.update2022 .item_space_small > *:not(:last-child) {
  margin-bottom:20px;
}
.update2022 .item_space_medium > *:not(:last-child) {
  margin-bottom:40px;
}
.update2022 .item_space_large > *:not(:last-child) {
  margin-bottom:60px;
}

.nopadding {
  padding:0!important;
}
.padding_left {
  padding-left: 8rem;
}
.padding_right {
  padding-right: 8rem;
}

.update2022 .margin_ample {
  margin-bottom: 80px;
}

.update2022 .margin_normal {
  margin-bottom: 30px;
}

.update2022 .margin_short {
  margin-bottom: 20px;
}

.no_margin {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-height:600px) and (max-width: 500px)  {
  #live-chat-widget {
    display: none !important;
  }
}
.update2022 .categorieen h3 {
  font-size:18px;
  margin-bottom: 6px;
}
.update2022 .categorieen ul.catboom {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  padding: 0;
  list-style: none;
}

.update2022 .categorieen ul.catboom > li {
  flex-basis: 18%;
  margin-right: 2%;
  min-width: 150px;
}
.update2022 .categorieen ul.catboom > li > a {
  margin: 2em 0 0.75em;
}
.update2022 .categorieen ul.catboom a {
  display: block;
  color: black;
}
.update2022 .categorieen ul.catboom a:hover {
  color: #2f76ff;
  text-decoration: none;
}
.update2022 .categorieen ul.catboom a:hover h3,
.update2022 .categorieen ul.catboom a:hover .title {
  text-decoration: underline;
}
.update2022 .categorieen ul.catboom ul {
  padding: 0;
  list-style: none;
}
.update2022 .categorieen ul.catboom ul a {
  padding: 0.125em 0;
}
.update2022 .categorieen ul.catboom a .title {
  margin-right: 40px;
}
.update2022 .categorieen ul.catboom .pill {
  background-color: rgba(150,150,150,0);
  color: rgba(150,150,150,1);
  border:.5px solid rgba(150,150,150,1);
  padding: 2px 6px;
  border-radius: 50px;
  text-decoration: none!important;
  font-size: .8em;
}
.update2022 .categorieen ul.catboom ul .pill {
  float: right;
}
.update2022 .categorieen ul.catboom  a:hover .pill {
  color: rgba(100,100,100,1);
  border-color:rgba(100,100,100,1);
}
.update2022 .categorieen ul.catboom ul .pill {
  font-size: .6em;
  margin-left: 6px;
  margin-bottom: 3px;
}

@media screen and (max-width:767px) {
  .update2022 .categorieen ul.catboom > li {
    flex-basis: 100%;
  }
}

@media screen and (max-width: 767px) {
  /* On mobile, center text on the homepage.  */
  .update2022 .categorieen ul.catboom {
    text-align: center;
  }

  .update2022 .categorieen ul.catboom ul .pill {
    position: absolute;
    right: 5em;
    margin-top: 2px;
  }
  .update2022 .categorieen ul.catboom ul .title {
    margin-left: 5em;
    margin-right: 5em;
  }
}

.update2022 .breadcrumbs {
  display: block;
  padding: 0;
  margin: 20px 0;
  display: flex;
  align-items: center;
  font-size: 1em;
}

.update2022 .breadcrumbs li {
  list-style-type: none;
  display: inline;
}

.update2022 .breadcrumbs li+li:before {
  padding: 0 5px;
  color: grey;
  /* double */
  content: '\00BB';
  /* single */
  /* content: '\203A'; */
  display: inline;
}

.update2022 .breadcrumbs li a {
  color: grey;
}

.update2022 .breadcrumbs li a:hover {
  color: #2f76ff;
}
@media screen and (max-width:767px) {
  .update2022 .breadcrumbs {
    text-align: center;
  }
}

/* hide breadcrumbs */
.update2022 .breadcrumbs {
  /* width: 100%; */
  /* pointer-events: all; */
}
.update2022 .breadcrumbs li {
  overflow: hidden;
  transition: max-width .3s linear, margin-left .3s linear, opacity .3s linear;
  display: inline-block;
  white-space: nowrap;
  max-width:100%;
  opacity: 1;
  margin-left: 0px;
}
.update2022 .breadcrumbs:not(:hover) li:not(:first-child):not(:last-child) {
  max-width: 0%;
  opacity: 0;
}
/* styling for placing a content image as if it is a background image */
.update2022 .bg_image {
  background-size: cover;
}

.update2022 .bg_image.bg_center {
  background-position: center;
}

.update2022 .bg_image.bg_top {
  background-position: top center;
}

.update2022 .bg_image.bg_bottom {
  background-position: bottom center;
}

/* styling for placing a content image as if it is a background image */
.update2022 .bg_image {
  position: relative;
  overflow: hidden;
}

.update2022 .bg_image>img:last-child {
  position: absolute;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  /* IE needs top/right 0 to position the image */
  top: 0;
  right: 0;
  z-index: 0;
}

/* Selector doesn't work in IE */
/* .bg_image>*:not(img:last-child) */
.update2022 .bg_image>div.inner {
  position: relative;
  z-index: 1;
}.update2022 .blue_icon {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #2f76ff;
  margin: auto;
  margin-top: -30px;
  margin-bottom: -30px;
  transform: rotate(45deg);
  z-index: 1;
}
.update2022 .blue_icon::before{
  display: block;
  content: "";
  width: 29px;
  height: 29px;
  border-right: 7px solid white;
  border-bottom: 7px solid white;
  position: absolute;
  left: 4px;
  top: 4px;
  transform-origin: center;
  border-radius: 12px 0;
  outline: 7px solid white;
  outline-offset: -7px;
  clip-path: inset(8px 0px 0px 8px);
}
.update2022 .blue_icon::after {
  display: block;
  content: "";
  width: 35px;
  height: 35px;
  border-right: 7px solid white;
  border-bottom: 7px solid white;
  position: absolute;
  left: 12px;
  top: 12px;
  transform-origin: center;
  border-radius: 12px 0;
}
@media screen and (max-width:767px) {
  .update2022 .blue_icon {
    transform: rotate(45deg) scale(.8);
  }
}
.update2022 .card {
  /* box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.2),
    0 0 20px rgba(0, 0, 0, 0.1); */
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.16),
    0 0 20px rgba(0, 0, 0, 0.08);
  padding: 24px 20px;
  background-color: #ffffff;
  border-radius: 2px;
}
.update2022 .card.no_space {
  padding: 0;
}

.update2022 .card .button-container {
  margin-bottom: -25px;
  margin-right: -20px;
  text-align: right;
}

.update2022 .card .button-container .btn {
  border-radius: 0px;
  border-top-left-radius: 6px;
  margin-left: 26px;
}
.update2022 .card.space_short {
  padding: 12px 10px;
}
.update2022 .card.space_ample{
  padding: 24px 30px;
}

.update2022 .card.cursus .img {
  height: calc(100% - 1px);
}

.update2022 .card .card-body {

}

.update2022 .card .card-body.spaced .row {
  margin-top: 20px;
  margin-bottom: 20px;
}

.update2022 .card .card-body.spaced .size1 {
  line-height: 32px;
}

.update2022 .card .card-footer {

}

.update2022 .card.teamontwikkeling {
  box-shadow: none;
}


/* TODO card.cursus is too specific for a feature, move code below to a more suitable folder (css/categorieen maybe?)  */
.update2022 .card.cursus {
  height: 170px;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.update2022 .card.cursus picture {
  aspect-ratio: 1.5;
  height: 170px;
  margin: -24px 0 -24px -20px;
  object-fit: cover;
  flex: 0 0 240px;
}

.update2022 .card.cursus img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.update2022 .card.cursus .card-body {
  margin: -20px 40px 0px 40px ;
  overflow: hidden;
  padding-right: 20px;
}
.update2022 a.card {
  transition: scale 0.3s ease;
  color: black !important;
}
.update2022 a.card:hover {
  text-decoration: underline !important;
  position: relative;
  color: black !important;
  scale: 1.02;

}

/* .update2022 .card.cursus .card-body p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
} */

.update2022 .card.cursus .card-footer  {
  margin: -24px -24px;
  border-left: rgba(0, 0, 0, 0.2) 1px solid;
  text-align: center;
  padding: 20px 40px;

  display: flex;
  flex-direction: column;
  justify-content: end;
}

@media screen and (min-width: 767px) and (max-width:1024px) {
  .update2022 .card.cursus picture {
      width: 320px;
      margin: -24px 0 -24px -20px;
      object-fit: cover;
  }
}

@media screen and (max-width: 767px) {
  .update2022 .card.cursus {
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }

  update2022 .card.cursus {
    margin: 0;
  }

  .update2022 .card.cursus .card-footer  {
    border-left: 0;
  }

}

.update2022 .card.reference {
  margin-bottom: 2em;
}

.update2022 .card .card-banner {
  background-color: #0056ff;
  color: white;
  font-weight: 600;

  position: absolute;
  top: -15px;
  right: 0px;
  padding: 10px;
  box-shadow: 1px 1px 3px 0px #000000a1;
}

.update2022 section.overview .flickity-viewport {
  margin-top: 20px;
}

.slide {
  opacity: 0.1;
  filter: grayscale(100%);
  transition:
    opacity .4s linear 0s,
    filter .4s linear 0s;
}

.slide.is-selected {
  opacity: 1;
  filter: grayscale(0%);
  transition:
    opacity .4s linear 0s,
    filter .4s linear 0s;
}

.slide .card {
  transition: box-shadow .5s linear 0s;
}

.slide:not(.is-selected) .card {
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0),
    0 0 20px rgba(0, 0, 0, 0);
}

/* card sizes / layout within carousel */
@media screen and (max-width:767px) {
  .update2022 section.overview .carousel .slide {
    width: 295px;
    /* min-width: 80%; */
    margin-right: 20px;
  }

  .update2022 section.overview .flickity-prev-next-button {}
}

@media screen and (min-width:768px) {
  .update2022 section.overview .carousel .slide {
    width: 295px;
    /* min-width: 44%; */
    margin-right: 20px;
  }

  .update2022 section.overview .flickity-prev-next-button {
    width: 40px !important;
  }
}

@media screen and (min-width:1024px) {
  .update2022 section.overview .carousel .slide {
    width: 295px;
    /* min-width: 30%; */
    margin-right: 20px;
  }

  .update2022 section.overview .flickity-prev-next-button {}
}

@media screen and (min-width:1280px) {
  .update2022 section.overview .carousel .slide {
    width: 295px;
    min-width: 0;
    margin-right: 20px;
  }

  .update2022 section.overview .flickity-prev-next-button {}
}

@media screen and (min-width:1400px) {
  .update2022 section.overview .flickity-prev-next-button {
    width: 80px !important;
  }
}

@media screen and (min-width:1600px) {
  .update2022 section.overview .full_width {
    overflow: hidden !important;
  }

  .update2022 section.overview .carousel {
    max-width: 1280px;
    margin: auto;
  }

  .update2022 section.overview .flickity-viewport {
    overflow: visible !important;
  }

  .update2022 section.overview .carousel .slide {
    width: 295px;
    min-width: 0;
    margin-right: 20px;
  }

  .update2022 section.overview .flickity-prev-next-button {
    width: 295px !important;
  }
}

.update2022 section.overview .flickity-page-dots {
  height: 60px;
  padding: 0px 30px;
}

.update2022 section.overview .flickity-slider {}

.update2022 section.overview .flickity-page-dots .dot:first-child:last-child {
  /* verberg dots wanneer er maar 1 pagina is */
  display: none !important;
}

.update2022 .carousel+.btn {
  margin: 0 auto 40px;
}
.stick_left {
  margin: -24px 20px -24px -20px;
  min-height: calc(100% + 48px);
  min-width: 200px;
  object-fit: cover;
  order:-1;
}
.stick_right {
  margin: -24px -20px -24px 20px;
  min-height: calc(100% + 48px);
  min-width: 200px;
  object-fit: cover;
  order:99;
}
.stick_top {
  margin: -24px -20px 24px -20px;
  min-height: 100px;
  min-width: calc(100% + 40px);
  object-fit: cover;
  order:-1;
}
.stick_bottom {
  margin: 24px -20px -24px -20px;
  min-height: 100px;
  min-width: calc(100% + 40px);
  object-fit: cover;
  order:99;
}
/* Tablet breakpoint */
@media screen and (max-width:1024px) {
  .tablet_stick_left {
    margin: -24px 20px -24px -20px;
    min-height: calc(100% + 48px);
    min-width: 200px;
    object-fit: cover;
    order:-1;
  }
  .tablet_stick_right {
    margin: -24px -20px -24px 20px;
    min-height: calc(100% + 48px);
    min-width: 200px;
    object-fit: cover;
    order:99;
  }
  .tablet_stick_top {
    margin: -24px -20px 24px -20px;
    min-height: 100px;
    min-width: calc(100% + 40px);
    object-fit: cover;
    order:-1;
  }
  .tablet_stick_bottom {
    margin: 24px -20px -24px -20px;
    min-height: 100px;
    min-width: calc(100% + 40px);
    object-fit: cover;
    order:99;
  }
}

/* Mobile breakpoint */
@media screen and (max-width:767px) {
  .mobile_stick_left {
    margin: -24px 20px -24px -20px;
    min-height: calc(100% + 48px);
    min-width: 200px;
    object-fit: cover;
    order:-1;
  }
  .mobile_stick_right {
    margin: -24px -20px -24px 20px;
    min-height: calc(100% + 48px);
    min-width: 200px;
    object-fit: cover;
    order:99;
  }
  .mobile_stick_top {
    margin: -24px -20px 24px -20px;
    min-height: 100px;
    min-width: calc(100% + 40px);
    object-fit: cover;
    order:-1;
  }
  .mobile_stick_bottom {
    margin: 24px -20px -24px -20px;
    min-height: 100px;
    min-width: calc(100% + 40px);
    object-fit: cover;
    order:99;
  }
}
/* keurmerk labels */
.labels {
  position: absolute;
  z-index: 1;
  display: flex;
  padding: 10px;
}
.labels.top { top: 0; }
.labels.right { right: 0; flex-direction: row-reverse; }
.labels.bottom { bottom: 0; }
.labels.left { left: 0;  }

.labels picture {
  margin: 10px;
  align-self: center;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .16)) drop-shadow(0 0 20px rgba(0, 0, 0, .08));
}
@media screen and (min-width:768px) {
  .update2022 .paragraph {
    display: flex;
    flex-direction: row;
    align-items:center;
  }

  .update2022 .paragraph {
      font-size: 15px;
      line-height: 21px;
  }
}

.update2022 .paragraph picture {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
}
.has_ribbon {
  position:relative;
  overflow:hidden;
}

.ribbon-card {
  position: relative;
}

.ribbon-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 150px;
  pointer-events: none;
}

.ribbon {
  display:block;

  position: absolute;
  width: 100%;
  height: 20px;
  top: -20px;
  right: 0;
  z-index: 10;

  margin-top: 60px;
  margin-right: calc(-50% + 60px);

  transform-origin: bottom center;
  transform: rotate(45deg);

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #2f76ff;
  color: white!important;
  text-decoration:none;
  font-weight: bold;
  font-size: .8em;
  pointer-events: all;
}
.ribbon.small {
  margin-top: 45px;
  margin-right: calc(-50% + 45px);
}
.ribbon.medium {
  margin-top: 60px;
  margin-right: calc(-50% + 60px);
}
.ribbon.large {
  height: 30px;
  top: -30px;
  margin-top: 90px;
  margin-right: calc(-50% + 90px);
  font-size: .9em;
}
@media screen and (max-width:767px) {
  .ribbon.small {
    margin-top: 50px;
    margin-right: calc(-50% + 50px);
    font-size: .75em;
  }
  .ribbon.medium {
    margin-top: 70px;
    margin-right: calc(-50% + 70px);
    font-size: .75em;
  }
  .ribbon.large {
    position: absolute;
    top: 0px;
    left:0px;
    margin: 0;
    transform: rotate(0deg);
    font-size: 0.75em;

  }
}

.ribbon_textflow:before {
  content:"";
  display:block;

  float: right;
  height: 85px;
  width: 85px;
  /* background: linear-gradient(45deg, rgba(255,255,255,1) 50%, rgba(0,0,0,0.1) 50%); */
  top:0;
  right:0;

  shape-outside: polygon(0 0, 100% 100%, 100% 0);
}
.update2022 #stap_switch ~ label {
  cursor:pointer;
}

.update2022 .stap_check_container {
  padding-top: .5em;
  margin-bottom: 1em;
}
.update2022 .stap_switch {
  height: 1.4em;
  width: 2.4em;
  margin: .2em .5em 0 0;
  /* border: 1px solid #e4e4e4; */
  border-radius: 100em;
  box-shadow: 0 0 0 1px #e4e4e4;

  background-color: whitesmoke;
  transition: background-color .2s linear;

  flex-shrink: 0;
}

.update2022 .stap_switch::before {
  content:"";
  display: block;
  height: 1.4em;
  width: 1.4em;
  border-radius: inherit;

  background-color: whitesmoke;
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1),
              0 4px 0px 0 hsla(0, 0%, 0%, 0.04),
              0 4px 9px hsla(0, 0%, 0%, 0.13),
              0 3px 3px hsla(0, 0%, 0%, 0.05);

  transition: transform .2s cubic-bezier(0.24, 0, 0.5, 1);
}

.update2022 #stap_switch:checked ~ .stap_switch {
  background-color: #05cd69;
}

.update2022 #stap_switch:checked ~ .stap_switch::before {
  transform: translateX(80%);
}
/* Tabs */
.update2022 ul.tabs,
.update2022 ul[role="tablist"] {
  display: flex;
  list-style-type: none;
  padding: 0;
  justify-content: center;
  flex-wrap: wrap;
  margin: 20px 0;
}

.update2022 ul.tabs li,
.update2022 ul[role="tablist"] li {
  display: flex;
}

.update2022 ul.tabs a,
.update2022 ul[role="tablist"] a[role="tab"] {
  padding: 10px;
  cursor: pointer;
  color: inherit;
  white-space: nowrap;
  position: relative;
}

@media screen and (min-width:768px) {

  .update2022 ul.tabs a,
  .update2022 ul[role="tablist"] a[role="tab"] {
    padding: 10px 20px;
  }
}

.update2022 ul.tabs a:hover,
.update2022 ul.tabs a.active,
.update2022 ul[role="tablist"] a[role="tab"]:hover,
.update2022 ul[role="tablist"] a[role="tab"][aria-selected="true"] {
  text-decoration: none !important;
  position: relative;
}

.update2022 ul.tabs a:hover::after,
.update2022 ul.tabs a.active::after,
.update2022 ul[role="tablist"] a[role="tab"]:hover::after,
.update2022 ul[role="tablist"] a[role="tab"][aria-selected="true"]::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  border-top: 1px solid black;
}

/* Tab content */
.update2022 [role="tabpanel"] {
  display: none;
}

.update2022 [role="tabpanel"].active {
  display: block;
}

@media screen and (max-width:767px) {

  .update2022 ul.tabs,
  .update2022 ul[role="tablist"] {
    font-size: 20px;
  }
}

.update2022 .usp_two_columns ul {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (min-width:768px) {
  .update2022 .usp_two_columns ul li {
    flex-basis: 40%;
    margin-right: 5%;
    margin-left: 5%;
  }
}

.update2022 .usp_large ul {
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 1.6em;
}
.update2022 .usp_large ul li {
  /* padding-top: .5em; */
  padding-right: .5em;
  padding-bottom: .5em;
}
.update2022 .usp_large ul h3 {
  margin-top: 0.4em;
  font-size: 0.9em;
}
.update2022 .usp_large ul p {
  font-size: 0.63em;
}
.update2022 .flickity-button {
  color:#444;
}

.update2022 .flickity-prev-next-button.previous {
  right: unset !important;
  left: 0% !important;
}

.update2022 .flickity-prev-next-button.next {
  left: unset !important;
  right: 0% !important;
}

@media screen and (min-width:1600px) {
  .update2022 .flickity-prev-next-button.previous {
    left: unset !important;
    right: 100% !important;
  }

  .update2022 .flickity-prev-next-button.next {
    right: unset !important;
    left: 100% !important;
  }
}

.update2022 .flickity-prev-next-button {
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  /* width: set in feature_carousel.css; */
  border-radius: 0 !important;
  transform: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.flickity-prev-next-button .flickity-button-icon {
  position: unset !important;
  left: unset !important;
  top: unset !important;
  width: unset !important;
  height: unset !important;
}

.update2022 .flickity-prev-next-button .flickity-button-icon {
  width: 15px !important;
  transform: scale(2);
}

@media screen and (min-width:768px) {
  .update2022 .flickity-prev-next-button .flickity-button-icon {
    width: 20px !important;
  }
}

.update2022 .flickity-button {
  background: transparent !important;
  transition: opacity .3s linear !important;
}

.update2022 .flickity-button,
.update2022 .flickity-button:hover,
.update2022 .flickity-button:disabled {
  opacity: 1 !important;
}

.update2022 .flickity-button svg {
  opacity: 1 !important;
}

.update2022 .flickity-button:disabled {
  animation: none !important;
}

.update2022 .flickity-button:disabled svg {
  opacity: .2 !important;
}

.update2022 .flickity-prev-next-button.previous:hover {
  animation-name: float_left;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.update2022 .flickity-prev-next-button.next:hover {
  animation-name: float_right;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes float_left {
  from {
    transform: translateX(0px);
  }

  35% {
    transform: translateX(15px);
  }

  to {
    transform: translateX(0px);
  }
}

@keyframes float_right {
  from {
    transform: translateX(0px);
  }

  35% {
    transform: translateX(-15px);
  }

  to {
    transform: translateX(0px);
  }
}

/* dots fixes */
.flickity-page-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.flickity-page-dots .dot {}

/* mobile convert page dots to numbered slides */
@media screen and (max-width:767px) {
  .flickity-page-dots {
    counter-reset: number;
    pointer-events: none;
  }
  .flickity-page-dots li.dot {
    counter-increment: number;
    background: transparent;
    width: initial;
    margin: initial;
  }
  .flickity-page-dots li.dot.is-selected,
  .flickity-page-dots li.dot:last-child {
    display: inline;
    background: transparent;
  }
  .flickity-page-dots li.dot.is-selected::before {
    display: inline;
    content: counter(number);
  }
  .flickity-page-dots li.dot:last-child::after {
    display: inline;
    content:"/" counter(number);
  }
}
.banner_container {
    position: relative;
}

/* size options */
.banner_container.small {
    height: 260px;
}

.banner_container.medium {
    height: 350px;
}

.banner_container.large {
    min-height: 480px;
    max-height: 600px;
}

.banner_container.extra_large {
    min-height: 500px;
    max-height: 800px;
}

/* leave a small stroke sticky */
.banner_container.sticky {
    z-index: 90;
    position: sticky;
    top: -50px;
}

.banner_container.small.sticky {
    top: -105px;
}

.banner_container.medium.sticky {
    top: -200px;
}

.banner_container.large.sticky {
    top: -340px;
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
    .banner_container.small.sticky {
        top: -85px;
    }

    .banner_container.medium.sticky {
        top: -175px;
    }

    .banner_container.large.sticky {
        top: -305px;
    }
}

@media screen and (max-width: 768px) {
    .banner_container.small.sticky {
        top: -120px;
    }

    .banner_container.medium.sticky {
        top: -210px;
    }

    .banner_container.large.sticky {
        top: -350px;
    }

    .banner_container.small {
        height: 200px;
    }

    .banner_container.medium {
        height: 260px;
    }

    .banner_container.large {
        min-height: 260px;
        max-height: 320px;
    }

    .banner_container.extra_large {
        min-height: 320px;
        max-height: 500px;
    }
}

/* drop shadow when pinned */
.banner_container {
    transition: box-shadow linear .3s;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0),
    0 0 40px rgba(0, 0, 0, 0);
}

.banner_container.is-pinned {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1),
    0 0 40px rgba(0, 0, 0, .1);
}

/* background image */
.banner_background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-color: rgb(227, 231, 230);
}

.background_image {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.background_image.center-top {
    background-position: center top;
}

/* background image blurring */
.background_image.blurred {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    filter: invert(0.4) brightness(1.8) blur(4px);
}

/* mute background image */
.mute_bg .background_image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.69);
}

/* backgroud image scroll depth */
.background_image.scroll_depth {
    top: -100px;
    bottom: -100px;
}

.banner_foreground {
    position: relative;
    z-index: 1;
}

/* Inner shadow */
.banner_shadow {
    overflow: hidden;
}

.banner_shadow::before,
.banner_shadow::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1),
    0 0 40px rgba(0, 0, 0, .1);
    transition: box-shadow linear .3s;
    z-index: 1;
}

.banner_shadow::before {
    top: -10px;
}

.banner_shadow::after {
    bottom: -10px;
}

.banner_container.is-pinned .banner_shadow::after {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0),
    0 0 40px rgba(0, 0, 0, 0);
}

/* Content */
#large_panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
}

#sticky_panel {
    position: absolute;
    right: 0;
    left: 0;
    bottom:1rem;
    display: flex;
}

#sticky_panel .button-container {
    display: flex;
    justify-content: end;
    flex-grow: 1;
}

@media screen and (max-width: 768px) {
    #sticky_panel .title-container {
        flex-direction: column;
    }

    #sticky_panel .title-container h3 {
        margin-bottom: .5rem;
    }
}

/* panel switching when sticky  */
/* .banner_container.is-pinned #large_panel {display:none;} */
/* .banner_container:not(.is-pinned) #sticky_panel {display:none;} */

/* Animate panel switching when sticky */
/* Source: https://stackoverflow.com/a/50546888  */
.banner_container.is-pinned .ribbon,
.banner_container.is-pinned .labels,
.banner_container.is-pinned #large_panel,
.banner_container #sticky_panel {
    overflow: hidden; /* Hide the element content, while height = 0 */
    max-height: 0 !important;
    opacity: 0 !important;
    transition: max-height 0s .3s, opacity .3s 0s !important;
}

.banner_container .ribbon,
.banner_container .labels,
.banner_container #large_panel,
.banner_container.is-pinned #sticky_panel {
    max-height: 100% !important;
    opacity: 1 !important;
    transition: max-height 0s 0s, opacity .3s 0s !important;
}
#large_panel {}

  .banner_container.extra_large .banner_content {
      margin-top: 40px;
  }

  /* white text on top of foreground_image on mobile */
  @media screen and (max-width:767px) {
      .banner_container.extra_large .banner_content {
          margin-top: 20px;
      }
    .banner_content {
      z-index: 12;
      /* text-shadow: 0 0 3px white, 0 0 2px white, 0 0 1px white; */
      /* text-shadow:
        0 -1px 1px white,
        0 0 1px white,
        0 0 2px white; */
    }
    .banner_container .foreground_image {
      /* filter: brightness(2) contrast(0.5) saturate(0.8) blur(1px); */
    }
  }

.banner_content p {
    margin-top: 0px !important;
}

@media screen and (max-height: 900px) {
    .banner_container.extra_large .banner_content {
          margin-top: 20px;
    }

    .banner_container.extra_large .banner_content .search-container {
          margin-top: 0px;
    }
}

  /* CTA style */
  .banner_container .cta .btn {
    margin: 0 5px;
  }

/* Images */
.banner_container .foreground_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}
.banner_container .foreground_image picture {
  position: relative;
  object-fit: contain;
  object-position: top;
}

.banner_container.extra_large .foreground_image picture {
  top: 400px;
}

@media screen and (max-height: 900px) {

    .banner_container.extra_large .foreground_image picture {
        top: 300px;
    }
}
/* horizontal */
.banner_container .foreground_image picture {
  width: 100%;
  min-height: 100%;
  max-height: 600px;
  object-position: center top;
  /* top:-40%; */
  /* height:100%; */
  /* height: 40vw; */

}
.banner_container .foreground_image img.left {
  height:160%;
  object-position: left center;
    padding-top: 50px;
    padding-left: 50px;
  /* left:10vw; */
}
.banner_container .foreground_image img.right {
  height:180%;
  object-position: right center;
  padding-top: 50px;
  padding-right: 50px;
  /* right:10vw; */
}
.banner_container .foreground_image img.bottom {
  /* object-position: center bottom; */
  /* height: 100%; */
  /* top:52.5%; */
}

/* Sticky panel styles */
#sticky_panel {}
#sticky_panel h3 {
  margin: 0;
}
#sticky_panel a.btn + a.btn {
  margin-left: 10px;
}
@media screen and (max-width:767px) {
  #sticky_panel > .flex {
    justify-content: space-evenly;
  }

    .update2022 .banner_content {
        width: 100vw;
    }

    .update2022 .search-container-container {
        width: 100vw;
    }
  .update2022 .banner_container .btn {
    flex: 1;
    padding-left: 5px;
    padding-right: 5px;
  }
  #sticky_panel h3 {
    font-size: 20px;
  }
}

/* SEARCH CSS */
.update2022 .search-container .searchinput {
    width: 100%;
    border: 0;
    border-radius: 24px;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.8);
    transition: background-color .3s ease-in-out 0s;
    padding-left: 2em;
    padding-right: 2em;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
}
.update2022 .search-container.open {
    background: white;
}
.update2022 .search-container.open.searchinput {
    background-color: rgba(255, 255, 255, 1);
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.update2022 .search-container .searchinput:hover, .update2022 .search-container .searchinput:focus {
    background-color: rgba(255, 255, 255, 1);
    outline: none;
}
.update2022 .search-container .search-results {
    display: none;
    text-align: left;
    padding-left: 2em;
    padding-right: 2em;
}
.update2022 .search-container.open .search-results {
    display: block;
}
.update2022 .search-container .search-result {
    width: 100%;
    border-top: solid 1px lightgray;
    padding-top : 1em;
    padding-bottom:  1em;
}
.update2022 .search-container-container {
    position: relative;
    overflow-y: visible;
    height: calc(46px + 2em);
    z-index: 1000;
}
.update2022 .search-result-categorie {
    margin-bottom: .5em;
}
.update2022 .search-container {
    /* fix for Chrome/Firefox positionining context for the submenu */
    /* position relative means no new positioning context for the submenu */
    /* position absolute isn't centered with margin auto */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* margin: auto; */

    width: 450px;
    text-align: center;
    margin-top: 2em;
    border-radius: 24px;
    border: solid 2px rgba(0,0,0, 0.5);
    box-shadow: 0px 2px 6px 2px #00000014;
    color: black;
    letter-spacing: 1px;
}
@media screen and (max-width:767px) {
  .update2022 .search-container {
    width: 320px;
    max-width: 100%;
  }
  .update2022 .search-container .searchinput,
  .update2022 .search-container .search-results {
    padding-left: 1em;
    padding-right: 1em;
  }
  .update2022 .search-container .search-icon {
    display: none;
  }
}
.update2022 .search-container .search-icon {
    position: absolute;
    right: 0.75em;
    top: 0.4em;
    color: gray;
    font-size: 1.5em;
}
/* Site footer styles */
.update2022 .site_footer {
  line-height: 2;
}

.update2022 .site_footer .inner {
  padding-top: 0;
}

.update2022 .site_footer ul {
  list-style: none;
}

.update2022 .site_footer ul,
.update2022 .site_footer div.adres {
  margin: 15px 0 20px 0;
}

@screen and (min-width:768px) {
  .update2022 .site_footer .legal ul {
    margin: 20px 0;
  }
}

.update2022 .site_footer,
.update2022 .site_footer a,
.update2022 .site_footer a i {
  color: grey;
}

.update2022 .site_footer a:hover {
  color: #2f76ff;
}

.update2022 .site_footer h3 {
  color: black;
}

/* for mobile */
@media screen and (max-width:767px) {

  /* .update2022 .site_footer { */
  /* margin-left: 20px; */
  /* margin-right: 20px; */
  /* } */
  /* .update2022 .site_footer .column { */
  /* flex-basis: 100%; */
  /* } */
  .update2022 .site_footer h3 {
    padding: 10px;
    margin:0;
  }

  .update2022 .site_footer .column>div {
    padding: 0 10px;
  }

  .update2022 .site_footer h3:hover {
    background-color: rgba(0, 0, 0, .1);
  }

  .update2022 .site_footer [data-target] {
    position: relative;
    cursor: pointer;
  }

  .update2022 .site_footer [data-target]::after {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "\f107";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    padding: 12px;
  }

  .update2022 .site_footer .expandable {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s linear;
  }

  .update2022 .site_footer .expandable.expand {
    max-height: 100vh;
    overflow-y: scroll;
  }
}

@media screen and (max-width:767px) {
  .update2022 .site_footer .brands picture {
    margin-right: 20px;
    max-width: 33%;
  }

  .update2022 .site_footer [data-action="toggleClass"]>a {
    pointer-events: none !important;
  }
}

@media screen and (min-width:768px) {
  .update2022 .site_footer .brands picture {
    margin-left: 20px;
  }
}

.update2022 .site_footer .legal a {
  color: black;
  display: block;
}

.update2022 .site_footer .legal a:hover {
  color: #2f76ff;
}

.update2022 .site_footer .legal picture {
  filter: brightness(0%);
  margin-right: 10px;
}

@media screen and (min-width:768px) {
  .update2022 .site_footer .legal a {
    padding: 10px;
  }

  .update2022 .site_footer .legal h3,
  .update2022 .site_footer .legal img,
  .update2022 .site_footer .legal div#section_legal,
  .update2022 .site_footer .legal ul,
  .update2022 .site_footer .legal ul li {
    display: inline-block;
  }
}

.update2022 .site_footer .socials i {
  font-size: 20px;
  margin: 20px 16px;
}
.update2022 .site_footer .inner {
  align-items: stretch;
}

.update2022 .site_footer .navigation {
  order: 1;
}

.update2022 .site_footer .brands {
  order: 3;
}

.update2022 .site_footer .legal {
  order: 2;
}

.update2022 .site_footer .socials {
  order: 4;
}

@media screen and (max-width: 767px) {

  .update2022 .site_footer .navigation,
  .update2022 .site_footer .legal,
  .update2022 .site_footer .brands,
  .update2022 .site_footer .socials {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .update2022 .site_footer .navigation {
    width: 100%;
  }

  .update2022 .site_footer .brands {
    order: 2;
    width: 100%;
  }

  .update2022 .site_footer .legal {
    order: 3;
    flex: 1 0 auto;
  }

  .update2022 .site_footer .socials {
    flex: 1 1 auto;
  }
}

@media screen and (max-width:767px) {
  .update2022 .site_footer .column {
    flex-basis: 100%;
  }
}

@media screen and (min-width:768px) {

  /* Columns layout */
  .update2022 .site_footer .navigation .column {
    /* 1200 = 5*width + 4*margin = (5*200px) + (4*50px) */
    flex-basis: 200px;
  }

  /* for tablet/desktop */
  .update2022 .site_footer .navigation .column:not(:last-of-type) {
    margin-right: 28px;
  }
}

@media screen and (min-width:840px) {
  .update2022 .site_footer .navigation .column:not(:last-of-type) {
    margin-right: 50px;
  }
}

@media screen and (min-width:1080px) {
  .update2022 .site_footer .navigation {
    justify-content: space-between;
  }

  .update2022 .site_footer .navigation .column {
    margin-right: 0 !important;
  }
}
@media screen and (max-width:767px) {
  .update2022 footer.site_footer .navigation {
    margin-top: 40px;
    position: relative;
  }

  .update2022 footer.site_footer .legal {
    margin-top: 80px;
    margin-bottom: 40px;
    position: relative;
  }

  .update2022 footer.site_footer .navigation::before,
  .update2022 footer.site_footer .legal::before {
    display: block;
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    height: 1px;
    background-color: grey;
    top: -40px;
  }
}

@media screen and (min-width:768px) {
  .update2022 footer.site_footer .navigation {
    margin-top: 40px;
    position: relative;
  }

  .update2022 footer.site_footer .brands {
    position: relative;
  }

  .update2022 footer.site_footer .navigation::before,
  .update2022 footer.site_footer .brands::before {
    display: block;
    content: "";
    position: absolute;
    left: -40px;
    right: -40px;
    height: 1px;
    background-color: grey;
  }

  .update2022 footer.site_footer .navigation::before {
    top: -40px;
  }

  .update2022 footer.site_footer .brands::before {
    bottom: -10px;
  }
}/* TODO */
/* TODO */

.update2022 .form_row {
  display:flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding: 28px 0 0;
}
.update2022 .form_row.no_padding_top {
  padding-top: 0;
}
.update2022 .vraag_formulier .form_row legend + .field {
  margin-left: 0;
}
.update2022 .vraag_formulier input {
  margin-bottom: 0;
}
.update2022 .vraag_formulier label {
  font-weight: normal;
  padding: 0.5em 1em;
  margin-bottom: 0;
}
.update2022 .vraag_formulier textarea {
  margin-bottom: 0;
}
.update2022 .vraag_formulier input:disabled {
  background-color: rgba(0,0,0,0.1);
  color:#000;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  /* -webkit-appearance: none;
  margin: 0; */
  margin-right: -0.5em;
  /* margin: -0.5em -1em -0.5em 0; */
  /* min-height:40px; */
}


/* Floating labels */
/* Source: https://codepen.io/team/css-tricks/pen/XVBLRM */
.update2022 .field {
  display: flex;
  flex-flow: column-reverse;
}
.update2022 .field label,
.update2022 .field input {
  transition: all 0.2s;
  touch-action: manipulation;
}
.update2022 .field input {
  font-family: inherit;
  -webkit-appearance: none;
  cursor: text;
}
.update2022 .field input + label {
  transform-origin: left bottom;
  margin-top: -33px;
  /* margin-bottom: 0; */
}

.update2022 .field input::placeholder{
  color: transparent;
}

/* Show label as placeholder */
.update2022 .field input:placeholder-shown + label {
  cursor: text;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translate(0, 34px) scale(1);
}
/* Show label as label when input is focused */
.update2022 .field input:not(:placeholder-shown) + label,
.update2022 .field input:focus + label {
  transform: translate(-5px, 6px) scale(1);
  cursor: pointer;
}
/* Hide/show placeholder */
.update2022 .field ::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}
.update2022 .field input:focus::-webkit-input-placeholder {
  opacity: 1;
}

/* Display required mark */
.update2022 input:required + label::after {
  display: inline;
  content:"*";
}

/* radio's and checkboxes */
.update2022 .vraag_formulier input[type="checkbox"],
.update2022 .vraag_formulier input[type="radio"] {
  margin: .5em;
}
.update2022 .vraag_formulier input[type="checkbox"] + label,
.update2022 .vraag_formulier input[type="radio"] + label {
  padding: 0.5em 1em 0.5em 2.2em;
  margin-left: -2.2em;
  line-height: 1.7;
}

/* make checkboxes focusable */
input[type="checkbox"]:focus + label {
  outline: auto; outline-color: -webkit-focus-ring-color;
}


.grecaptcha-badge {
  margin-bottom: 1em;
}

#categorie-form {
  margin-bottom: 1em;
}/* General styles for all screens*/
.update2022 header.site_header nav.main_navigation {
  line-height: 1.2;
}

.update2022 header.site_header nav.main_navigation a {
  display: block;
  color: black;
  white-space: nowrap;
}

.update2022 header.site_header ol,
.update2022 header.site_header ul {
  list-style: none;
}

.update2022 header.site_header nav.main_navigation a[aria-haspopup="true"] {
  text-decoration: none;
}

.update2022 header.site_header nav.main_navigation a[aria-haspopup="true"]:hover {
  background-color: rgb(227, 231, 230);
}

.update2022 header.site_header nav.main_navigation a[aria-haspopup="false"]:hover {
  text-decoration: underline;
  color: #2f76ff;
}

/* tablet AND desktop */
@media screen and (min-width:768px) {
  .update2022 header.site_header nav.main_navigation ul.level2 {
    box-shadow:
      0 0 5px rgba(0, 0, 0, 0.05),
      0 0 10px rgba(0, 0, 0, 0.05),
      0 0 20px rgba(0, 0, 0, 0.05),
      0 0 40px rgba(0, 0, 0, 0.05);
    clip-path: inset(0 -100vw -40px -40px);
    /* clip-path no shadow at top, no clipping right for submenus*/
  }

  .update2022 header.site_header nav.main_navigation ul.level3 {
    box-shadow:
      0 0 5px rgba(0, 0, 0, 0.05),
      0 0 10px rgba(0, 0, 0, 0.05),
      0 0 20px rgba(0, 0, 0, 0.05),
      0 0 40px rgba(0, 0, 0, 0.05);
    clip-path: inset(-40px -40px -40px 0px);
    /* clip-path no shadow left */
  }

  /* make tablet/desk menu horizontal */
  .update2022 header.site_header nav.main_navigation ul.level1 {
    display: inline-flex;
  }

  .update2022 header.site_header nav.main_navigation ul.level1>li {
    /* for postioning submenus  */
    position: relative;
    /* margin: 0 20px; */
  }

  /* extra padding at first and last child to align submenu */
  .update2022 header.site_header nav.main_navigation ul.level1>li>a {
    padding: 20px 30px;
    /* position and background to display items on top of animating submenu */
    position: relative;
    z-index: 20;
    background: white;
  }

  .update2022 header.site_header nav.main_navigation ul.level1>li:first-child>a {
    padding-left: 30px;
  }

  .update2022 header.site_header nav.main_navigation ul.level1>li:last-child>a {
    padding-right: 30px;
  }

  /* LEVEL 2 submenu */
  .update2022 header.site_header nav.main_navigation ul.level2 {
    position: absolute;
    z-index: 10;
    background-color: white;
  }

  /* LEVEL 2 opening and closing */
  .update2022 header.site_header nav.main_navigation ul.level2:not(.open) {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-20px);
    /* transition animation for closing */
    transition: max-height 1ms linear .15s, transform .15s linear, opacity .15s linear;
  }

  .update2022 header.site_header nav.main_navigation ul.level2.open {
    max-height: 100vh;
    opacity: 1;
    transform: translateY(0px);
    /* transition animation for opening */
    transition: max-height 1ms linear, transform .15s linear 1ms, opacity .15s linear 1ms;
  }

  /* LEVEL 2 link styling */
  .update2022 header.site_header nav.main_navigation ul.level2>li>a {
    padding: 10px 30px;
  }

  .update2022 header.site_header nav.main_navigation ul.level2>li:last-of-type>a {
    padding-bottom: 20px;
  }

  /* LEVEL 3 submenu */
  .update2022 header.site_header nav.main_navigation ul.level3 {
    /* make it the same height as level 2 submenu */
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    background-color: white;
    /* use writing mode for 3th level columns with a correct background width https://stackoverflow.com/a/41209546 */
    /* and expand to the right  */
    display: inline-flex;
    writing-mode: vertical-lr;
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .update2022 header.site_header nav.main_navigation ul.level3>li {
    /* return writing mode direction */
    writing-mode: horizontal-tb;
    display: inline-block;
  }

  /* LEVEL 3 opening and closing */
  .update2022 header.site_header nav.main_navigation ul.level3:not(.open) {
    max-height: 0;
    opacity: 0;
    transform: translateX(-20px);
    /* transition animation for closing */
    transition: max-height 1ms linear .15s, transform .15s linear, opacity .15s linear;
  }

  .update2022 header.site_header nav.main_navigation ul.level3.open {
    max-height: 100vh;
    opacity: 1;
    transform: translateX(0px);
    /* transition animation for opening */
    transition: max-height 1ms linear, transform .15s linear 1ms, opacity .15s linear 1ms;
  }

  /* LEVEL 3 link styling */
  .update2022 header.site_header nav.main_navigation ul.level3>li>a {
    padding: 5px 20px;
    font-size: 14px;
  }

  .update2022 header.site_header nav.main_navigation span {
    display: block;
  }

  .update2022 header.site_header nav.main_navigation span+span {
    font-size: .8em;
    color: grey;
  }

  /* transparent background when menu items are open */
  .update2022 header.site_header::after {
    display: block;
    content: "";
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 100%;
    height: 0;
    left: 0;
    right: 0;
    transition: height 1ms linear .15s, background-color .15s linear;
  }

  .update2022 header.site_header.submenu_open::after {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100vh;
    transition: height 1ms linear, background-color .15s linear 1ms;
  }
}

/* IE fix */
@media screen and (min-width:768px)and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .update2022 header.site_header nav.main_navigation ul.level3 {
    /* IE needs a explicit height & width to display the background, which one TBD */
    height: 100%;
    width: 100%;
  }

  #menu_wrap {
    /* IE fix for background overlay order */
    z-index: 999 !important;
  }
}

/* DESKTOP/SMALL LAPTOP ONLY */
/* If it fits display the navigation between logo and right menu */
@media screen and (min-width:1150px) {
  .update2022 header.site_header .menu-wrap {
    position: relative;
  }

  .update2022 header.site_header .menu-wrap nav.main_navigation {
    position: absolute;
    bottom: 0;
  }
}

@media screen and (min-width:1150px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  /* IE10+ specific styles to fix FLEX + absolute position center placement of main menu*/
  .update2022 header.site_header .menu-wrap nav.main_navigation {
    transform: translateX(-50%);
  }
}
.update2022 a>i,
.update2022 header.site_header a>span {
  /* FIX for wrong target id in JS */
  pointer-events: none !important;
}

/* tablet AND desktop */
@media screen and (min-width:768px) {

  /* LEVEL 2 submenu */
  .update2022 header.site_header [data-submenu="level2"] {
    position: absolute;
    z-index: 10;
  }

  .update2022 header.site_header [data-submenu="level2"]>li {
    /* background to hide seperator line during animation of level 3 */
    background: rgb(255,255,255);
    background: linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,1) 50%);
  }
  .update2022 header.site_header [data-submenu="level2"]>li:last-child {
    /* background to hide seperator line during animation of level 3 */
    background: linear-gradient(135deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 50%,
      rgba(255,255,255,1) 50%,
      rgba(255,255,255,1) 95%,
      rgba(255,255,255,0) 95%,
      rgba(255,255,255,0) 100%);
    /* pass on bottom border-radius */
    border-radius: inherit;
  }

  /* level 3 below level 2, and active level 3 on top of in-hiding animation level 3 */
  .update2022 header.site_header [data-submenu="level3"] {
    /* TODO: breaks safari scrolling */
    z-index: -2;
  }

  .update2022 header.site_header [data-submenu="level3"][data-expanded="true"] {
    z-index: -1;
  }

  /* LEVEL 2 opening and closing */
  .update2022 header.site_header [data-submenu="level2"] {
    max-height: 0;
    opacity: 0;
    visibility: collapse;
    transform: translateY(-20px);
    /* transition animation for closing  */
    transition:
      max-height 1ms linear .3s,
      visibility 1ms linear .3s,
      transform .3s linear,
      opacity .3s linear;

    border-radius: 0 0 6px 6px;
  }

  .update2022 header.site_header [data-submenu="level2"][data-expanded="true"] {
    max-height: 100vh;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    /* transition animation for opening  */
    transition:
      max-height 1ms linear,
      visibility 1ms linear,
      transform .3s linear 1ms,
      opacity .2s linear 1ms;

  }

  /* LEVEL 3 opening and closing */
  .update2022 header.site_header [data-submenu="level3"] {
    max-height: 0;
    visibility: collapse;
    opacity: 0;
    /* transition animation for closing */
    transition:
      max-height 1ms linear .3s,
      visibility 1ms linear .3s,
      transform .3s linear,
      opacity .3s linear;

    /* margin-left to hide bottom right border radius of level2 */
    margin-left: -10px;
    /* transform: translateX(-10px); */
    border-radius: 0 0 6px 0;
  }

  .update2022 header.site_header [data-submenu="level3"][data-expanded="true"] {
    visibility: collapse;
    opacity: 1;
    max-height: 100vh;
    transform: translateX(0px);
  }

  .update2022 header.site_header [data-submenu="level2"][data-expanded="true"] [data-submenu="level3"][data-expanded="true"] {
    /* transitions of level 3 happen when level 2 is open */
    visibility: visible;
    /* transition animation for opening */
    transition: max-height 1ms linear,
      visibility 1ms linear,
      transform .3s linear 1ms,
      opacity .3s linear 1ms;


  }

  .update2022 header.site_header:not(.submenu_open_level3) [data-submenu="level3"] {
    /* when no level 3 open slide in from left */
    transform: translateX(-20px);
  }

  .update2022 header.site_header:not(.submenu_open_level3) [data-submenu-position="left"] [data-submenu="level3"] {
    /* when no level 3 open slide in from right  */
    transform: translateX(20px);
  }

  .update2022 header.site_header.submenu_open_level3 [data-submenu="level3"] {
    /* transition animation for closing when switching between level3 items */
    transition:
      max-height 1ms linear .4s,
      visibility 1ms linear .4s,
      transform .3s linear,
      opacity .1s linear .3s;
  }

  /* transparent background when menu items are open */
  .update2022 header.site_header::after {
    display: block;
    content: "";
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 100%;
    height: 0;
    left: 0;
    right: 0;
    transition:
      height 1ms linear .1s,
      background-color .1s linear;
  }

  .update2022 header.site_header.submenu_open_level2::after {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100vh;
    transition:
      height 1ms linear,
      background-color .1s linear 1ms;
  }

  .update2022 header.site_header [data-submenu="level4"] {
    display: none;
  }

  /* This is for opening a fourth level, where level 3 items hide exept the opened item */
  .update2022 header.site_header.submenu_open_level4 [data-submenu="level3"]>li>a[href],
  .update2022 header.site_header.submenu_open_level4 [data-submenu="level3"]>li>a[aria-expanded="false"] {
    display: none;
  }

  .update2022 header.site_header [data-submenu="level2"][data-expanded="true"] [data-submenu="level3"][data-expanded="true"] [data-submenu="level4"][data-expanded="true"] {
    display: block;
  }
}

/* IE fix */
@media screen and (min-width:768px)and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .update2022 header.site_header ul[data-submenu="level3"] {
    /* IE needs a explicit height & width to display the background, which one TBD */
    height: 100%;
    width: 100%;
  }

  #menu_wrap {
    /* IE fix for background overlay order */
    z-index: 999 !important;
  }
}
/* General styles for all screens*/
.update2022 header.site_header nav.main_navigation a {
  display: block;
  white-space: nowrap;
}

.update2022 header.site_header ol,
.update2022 header.site_header ul {
  list-style: none;
}

/* tablet AND desktop */
@media screen and (min-width:768px) {

  /* make tablet/desk menu horizontal */
  .update2022 header.site_header [data-submenu="level1"] {
    display: inline-flex;
  }

  .update2022 header.site_header [data-submenu="level1"]>li {
    /* for postioning submenus  */
    position: relative;
  }

  /* extra padding at first and last child to align submenu */
  .update2022 header.site_header [data-submenu="level1"]>li>a {
    padding: 20px 30px;
    /* position and background to display items on top of animating submenu */
    position: relative;
    z-index: 20;
    background: #fff;
  }

  /* LEVEL 2 submenu */
  .update2022 header.site_header [data-submenu="level2"] {
    position: absolute;
    z-index: 10;
    background-color: #fff;
  }

  .update2022 header.site_header li:last-of-type [data-submenu="level2"] {
    /* right: 0; */
  }

  /* LEVEL 2 link styling */
  .update2022 header.site_header [data-submenu="level2"]>li>a {
    /* padding: 10px 30px; */
    padding: 12px 30px;
  }

  .update2022 header.site_header [data-submenu="level2"]>li:first-of-type>a {
    padding-top: 20px;
  }

  .update2022 header.site_header [data-submenu="level2"]>li:last-of-type>a {
    padding-bottom: 20px;
    /* pass on bottom border-radius */
    border-radius: inherit;
  }

  /* LEVEL 3 submenu */
  .update2022 header.site_header [data-submenu="level3"] {
    /* make it the same height as level 2 submenu */
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    background-color: #fff;
    /* use writing mode for 3th level columns with a correct background width https://stackoverflow.com/a/41209546 */
    /* and expand to the right  */
    display: inline-flex;
    writing-mode: vertical-lr;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-top: 10px;
  }

  /* makes it possible to place third level submenu left */
  .update2022 header.site_header [data-submenu-position="left"] [data-submenu="level3"] {
    right: 100%;
  }

  .update2022 header.site_header [data-submenu="level3"]>li {
    /* return writing mode direction */
    writing-mode: horizontal-tb;
    display: inline-block;
  }

  /* LEVEL 4 submenu */
  .update2022 header.site_header.submenu_open_level4 [data-submenu="level3"] {
    /* height: unset; */
    display: inline-flex;
    writing-mode: horizontal-tb;
    flex-wrap: wrap;
    line-height: 1.3;
    /* align-content: flex-start; */
    /* padding-top: 10px; */
  }

  .update2022 header.site_header.submenu_open_level4 [data-submenu="level3"]>li {
    /* return writing mode direction */
    writing-mode: horizontal-tb;
    display: inline-block;
  }

  /* LEVEL 3 link styling */
  .update2022 header.site_header [data-submenu="level3"]>li>a,
  .update2022 header.site_header [data-submenu="level4"]>li>a {
    /* padding: 8px 40px 8px 20px; */
    padding: 6px 40px 6px 20px;
    min-width: 240px;
  }

  .update2022 header.site_header [data-submenu="level3"] span,
  .update2022 header.site_header [data-submenu="level4"] span {
    display: block;
  }

  .update2022 header.site_header [data-submenu="level3"] span+span,
  .update2022 header.site_header [data-submenu="level4"] span+span {
    font-size: .8em;
    color: grey;
  }

  .update2022 header.site_header [data-submenu="level3"] a:hover span+span,
  .update2022 header.site_header [data-submenu="level4"] a:hover span+span {
    color: inherit;
  }

  .update2022 header.site_header [data-submenu="level4"] {
    overflow-y: scroll;
  }
}

/* IE fix */
@media screen and (min-width:768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .update2022 header.site_header [data-submenu="level3"] {
    /* IE needs a explicit height & width to display the background, which one TBD */
    height: 100%;
    width: 100%;
  }

  #menu_wrap {
    /* IE fix for background overlay order */
    z-index: 999 !important;
  }
}

/* DESKTOP/SMALL LAPTOP ONLY */
/* If it fits display the navigation between logo and right menu */
@media screen and (min-width:1150px) {
  .update2022 header.site_header .menu-wrap {
    position: relative;
  }

  .update2022 header.site_header .menu-wrap nav.main_navigation {
    position: absolute;
    bottom: 0;
  }
}

@media screen and (min-width:1150px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  /* IE10+ specific styles to fix FLEX + absolute position center placement of main menu*/
  .update2022 header.site_header .menu-wrap nav.main_navigation {
    transform: translateX(-50%);
  }
}
/* More compact tablet header */
@media screen and (min-width:768px) and (max-width:1149px) {
  .update2022 header.site_header .main_logo picture {
    height: 50px;
  }
  .update2022 header.site_header [data-submenu="level1"]>li>a {
    padding: 15px 30px 15px;
  }
}
@media screen and (max-width:767px) {
  .update2022 header.site_header #menu_wrap {
    flex-flow: row wrap;
    align-content: start;
    max-width: 100%;
  }
  .update2022 #menu_wrap input[type="search"] ~ button[type="submit"] {
    padding: 6px 6px;
  }

  .update2022 nav.main_navigation {
    /* background-color: rgba(0, 0, 0, 0.3); */
    margin-bottom: 60px;
  }

  .update2022 nav.main_navigation ul {
    /* background-color: rgba(255, 255, 255, 0.6); */
    /* background-color: rgba(0,0,0,0.07); */
  }
  /* background colors */
  .update2022 nav.main_navigation ul { background-color: #eee; }
  .update2022 nav.main_navigation ul ul { background-color: #e0e0e0; }
  .update2022 nav.main_navigation ul ul ul { background-color: #ddd; }
  .update2022 nav.main_navigation ul ul ul ul { background-color: #d0d0d0; }

  /* dash */
  .update2022 nav.main_navigation ul a:before { display: inline; content:""; }
  .update2022 nav.main_navigation ul ul a:before { display: inline; content:"–"; }
  .update2022 nav.main_navigation ul ul ul a:before { display: none; }
  .update2022 nav.main_navigation ul ul ul a:hover { text-decoration: none!important;}
  .update2022 nav.main_navigation ul ul ul a span.title:before { display: inline; content:"––"; margin-right: 5px; }
  .update2022 nav.main_navigation ul ul ul a span.subtitle { margin-left: 23px; }
  .update2022 nav.main_navigation ul ul ul ul a span.title:before { display: inline; content:"–––"; margin-right: 5px; }
  .update2022 nav.main_navigation ul ul ul ul a span.subtitle { margin-left: 33px; }

  .update2022 nav.main_navigation a {
    padding: 10px 20px;
    /* color: rgb(0, 0, 200); */
    color: #0074D9;
  }

  .update2022 nav.main_navigation a[aria-haspopup="true"] {
    text-decoration: none;
    color: black;
  }

  /* Inner shadow */
  .update2022 nav.main_navigation a[aria-haspopup="true"]+ul > li:first-child {
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .update2022 nav.main_navigation a[aria-haspopup="true"]+ul > li:first-child::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
    box-shadow:
      0 0 5px rgba(0, 0, 0, .1),
      0 0 40px rgba(0, 0, 0, .1);
    z-index: 0;
  }
  .update2022 nav.main_navigation a[aria-haspopup="true"]+ul > li:last-child {
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .update2022 nav.main_navigation a[aria-haspopup="true"]+ul > li:last-child::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    box-shadow:
      0 0 5px rgba(0, 0, 0, .1),
      0 0 40px rgba(0, 0, 0, .1);
    z-index: 0;
  }

  /* .update2022 nav.main_navigation ul[data-submenu="level1"] {} */
  /* .update2022 nav.main_navigation ul[data-submenu="level2"] {} */
  /* .update2022 nav.main_navigation ul[data-submenu="level3"] {} */
  /* ############# */
  /* ## Level 1 ## */
  /* ############# */
  .update2022 nav.main_navigation ul[data-submenu="level1"] {
    /* padding: 16px; */
    border-radius: 6px;
    overflow: hidden;
  }

  .update2022 nav.main_navigation a[aria-haspopup="true"] {
    position: relative;
  }
  .update2022 nav.main_navigation a[aria-haspopup="true"]:after {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 17px;
    position: absolute;
    right: 14px;
    top: 9px;
    /* chevron down */
    /* content: "\f078"; */
    /* chevron left */
    /* content: "\f053";  */
    /* chevron up  */
    /* content: "\f077"; */
  }

  .update2022 nav.main_navigation a[aria-haspopup="true"]:after {
    /* chevron down  */
    content: "\f078";
    transition: transform .2s linear;
    transform-origin-y:center;
  }

  .update2022 nav.main_navigation a[aria-haspopup="true"][aria-expanded="true"]:after {
    /* chevron up  */
    /* content: "\f077"; */
    transform: scaleY(-1);
  }

  /* ############# */
  /* ## Level 2 ## */
  /* ############# */
  .update2022 nav.main_navigation a[aria-haspopup="true"]+ul {
    /* padding-left: 10px; */
    /* display: none; using max-height with 1ms transition to enable animations */
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);
    /* transition animation for closing */
    transition: max-height .15s ease-out .15s, transform .15s linear, opacity .15s linear;
    /* box-shadow: inset 0 3px 5px rgba(0,0,0,.2); */
  }

  .update2022 nav.main_navigation a[aria-haspopup="true"][aria-expanded="true"]+ul {
    /* display: block; */
    max-height: 1000vh;
    opacity: 1;
    transform: translateY(0px);
    /* transition animation for opening */
    transition: max-height .15s ease-in, transform .15s linear 1ms, opacity .15s linear 1ms;
  }
  /* ############# */
  /* ## Level 3 ## */
  /* ############# */
  .update2022 nav.main_navigation [data-submenu="level3"] {
    font-size: .9em;
    /* margin-left: -20px; */
    /* padding-left: 30px!important; */
  }
  .update2022 nav.main_navigation [data-submenu="level3"] span,
  .update2022 nav.main_navigation [data-submenu="level4"] span {
    display: block;
  }

  .update2022 nav.main_navigation [data-submenu="level3"] span+span,
  .update2022 nav.main_navigation [data-submenu="level4"] span+span {
    font-size: .8em;
    color: grey;
  }

  .update2022 nav.main_navigation [data-submenu="level3"] a:hover span+span,
  .update2022 nav.main_navigation [data-submenu="level4"] a:hover span+span {
    color: inherit;
  }
  /* ############# */
  /* ## Level 4 ## */
  /* ############# */
  .update2022 nav.main_navigation [data-submenu="level4"] {
    /* font-size: .9em; */
    /* margin-left: -30px; */
    /* padding-left: 40px!important; */
  }
}
.update2022 nav.main_navigation a {
  color: black;
  transition: background-color .15s linear, color .15s linear;
  background-color: rgb(227, 231, 230, 0);
}

.update2022 nav.main_navigation a[aria-haspopup="true"] {
  text-decoration: none;
  position: relative;
  z-index: 1;
}

.update2022 nav.main_navigation a[aria-haspopup="true"]:hover {
  color: black;
}

.update2022 .header-link, .update2022 .header-link:hover  {
  color: black !important;
}

.update2022 header-link-blue:hover {
  color: #2f76ff;
}

.update2022 header-link-blue:hover {
  text-decoration: underline;
  color: #2f76ff;
}

.update2022 nav.main_navigation a:not([aria-haspopup="true"]):hover {
  text-decoration: underline;
  color: #2f76ff;
}

/* item with ACTIVE submenu */
.update2022 nav.main_navigation a[aria-expanded="true"] {
  text-decoration: underline;
}
.update2022 nav.main_navigation a:focus {
  outline:none;
}
/* tablet AND desktop */
@media screen and (min-width:768px) {

  /* box shadows submenus */
  .update2022 nav.main_navigation [data-submenu="level2"],
  .update2022 nav.main_navigation [data-submenu="level3"] {
    box-shadow:
      0 0 5px rgba(0, 0, 0, 0.1),
      0 0 40px rgba(0, 0, 0, 0.1);
  }

  .update2022 nav.main_navigation [data-submenu="level2"]::after,
  .update2022 nav.main_navigation [data-submenu="level3"]::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid rgb(240, 240, 240);
  }

  .update2022 nav.main_navigation [data-submenu="level2"] {
    clip-path: inset(0 -100vw -100vh -40px);
    /* clip-path no shadow at top, no clipping right/bottom for submenus*/
  }

  .update2022 nav.main_navigation [data-submenu-position="left"] {
    clip-path: inset(0 -40px -40px -100vw);
    /* clip-path no shadow at top, no clipping LEFT for submenus*/
  }

  .update2022 nav.main_navigation [data-submenu="level3"] {
    clip-path: inset(-40px -40px -40px 0px);
    /* clip-path no shadow left */
  }

  /* hover background color animation */
  .update2022 nav.main_navigation a[aria-haspopup="true"] {
    position: relative;
    overflow: hidden;
  }
  .update2022 nav.main_navigation a[aria-haspopup="true"]::before {
    content: "";
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(235, 235, 235, 0);
    border-radius: inherit;
    transition:
      top .15s linear,
      bottom .15s linear,
      background-color .15s linear;

    /* TODO: breaks safari scrolling */
    z-index: -1;
  }
  /* all levels background color animation */
  .update2022 nav.main_navigation a[aria-haspopup="true"]:hover::before {
    background-color: rgba(235, 235, 235, 1);
  }
  /* level 1 background color animation */
  .update2022 nav.main_navigation [data-submenu="level1"] > li > a[aria-haspopup="true"]::before {
    top:10%;
  }
  .update2022 nav.main_navigation [data-submenu="level1"] > li > a[aria-haspopup="true"]:hover::before {
    top:0%;
  }
  /* level 2 and deeper background color animation */
  .update2022 nav.main_navigation [data-submenu="level2"] a[aria-haspopup="true"]::before {
    top:20%;
    bottom:20%;
  }
  .update2022 nav.main_navigation [data-submenu="level2"] a[aria-haspopup="true"]:hover::before {
    background-color: rgba(235, 235, 235, 1);
    top:0%;
    bottom:0%;
  }

  /* border bottom in level 1 submenu for level 2 */
  .update2022 nav.main_navigation a[data-level="level2"][aria-haspopup="true"] {
    text-decoration: none !important;
    border-radius: 6px 6px 0 0;
  }

  .update2022 nav.main_navigation a[data-level="level2"][aria-haspopup="true"]::after {
    content: "";
    display: block;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 18px;
    opacity: 0;
    border-top: 1px solid black;
    transform: translateY(-5px);
    transition: opacity .15s linear, transform .45s cubic-bezier(.47, 1.64, .41, .8);
    ;
  }

  .update2022 nav.main_navigation a[data-level="level2"][aria-haspopup="true"]:hover::after,
  .update2022 nav.main_navigation a[data-level="level2"][aria-expanded="true"]::after {
    opacity: 1;
    transform: translateY(0%);
  }

  /* Arrow right in level 2 submenu for level 3 */
  .update2022 nav.main_navigation a[data-level="level3"][aria-haspopup="true"] {
    padding-right: 70px;
  }

  .update2022 nav.main_navigation a[data-level="level3"][aria-haspopup="true"]::after {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    float: right;
    content: "\f053";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) scaleX(-1) translateX(100%);
    opacity: 0;
    transition: opacity .15s linear, transform .15s linear;
  }

  .update2022 nav.main_navigation a[data-level="level3"][aria-haspopup="true"]:hover::after,
  .update2022 nav.main_navigation a[data-level="level3"][aria-expanded="true"]::after {
    opacity: 1;
    transform: translateY(-50%) scaleX(-1) translateX(0%);
  }

  /* border left in submenu 3 */
  .update2022 nav.main_navigation ul[data-submenu="level3"] {
    /* position: relative; */
    padding-left: 20px;
  }

  .update2022 nav.main_navigation ul[data-submenu="level3"]::before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 10px;
    border-right: 1px solid grey;
    opacity: 0;
    transition: opacity .3s linear 1s;
  }

  .update2022 nav.main_navigation a[aria-expanded="true"]+ul[data-submenu="level3"]::before {
    opacity: 1;
    transition: opacity .3s linear .3s;
  }

  .update2022 nav.main_navigation a[data-level="level4"][aria-expanded="true"] {
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .update2022 nav.main_navigation a[data-level="level4"][aria-expanded="true"]::after {
    content: "\f00d" !important;
  }

  .update2022 nav.main_navigation a[data-level="level4"][aria-expanded="true"] span+span {
    display: none;
  }

  /* Arrow right in level 2 submenu for level 3 */
  .update2022 nav.main_navigation a[data-level="level4"][aria-haspopup="true"] {
    padding-right: 70px;
  }

  .update2022 nav.main_navigation a[data-level="level4"][aria-haspopup="true"]::after {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    float: right;
    content: "\f078";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-100%) scaleX(-1) translateX(50%);
    opacity: 0;
    transition: opacity .15s linear, transform .15s linear;
  }

  .update2022 nav.main_navigation a[data-level="level4"][aria-haspopup="true"]:hover::after,
  .update2022 nav.main_navigation a[data-level="level4"][aria-expanded="true"]::after {
    opacity: 1;
    transform: translateY(-50%) scaleX(-1) translateX(50%);
  }
}

.update2022 .site_header .icon_menu {
  z-index: 16;
}
/* end fix for shadow */
/* layout icons */
.update2022 header.site_header div.icon_menu {
  margin: 20px 0;
}

.update2022 header.site_header i {
  margin: 0 10px;
}

.update2022 header.site_header .lang picture {
  display: inline-block;
  margin: 3px 8px;
  border-radius: 2px;
}

@media screen and (min-width: 768px) {
  .update2022 header.site_header span.lang {
    margin-left: 10px;
  }

  .update2022 header.site_header span.lang a:last-child picture {
    margin-right: 0;
  }
}

/* colors icons */
.update2022 header.site_header .icon_menu a {
  color: black;
}

.update2022 header.site_header .icon_menu a:hover {
  color: #ff6633;
}/* Site header styles */
.update2022 header.site_header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: white;
  box-shadow:
    0 0 5px rgba(0, 0, 0, 0.1),
    0 0 40px rgba(0, 0, 0, 0.1);
}

.update2022 header.site_header .main_logo picture {
  height: 70px;
  position: relative;
  z-index: 30;
}

/* mobile */
@media screen and (max-width: 767px) {
  .update2022 header.site_header .header-wrap {
    align-items: center;
  }

  .update2022 header.site_header a.main_logo picture {
    width: 120px;
  }
}

/* tablet */
@media screen and (min-width:768px) and (max-width:1149px) {

  /* makes tablet vertical layout a bit more compact */
  .update2022 header.site_header>*:not(:last-child) {
    /* margin-bottom: -10px; */
    /* TODO: make tablet layout a bit more compact */
  }
}

/* desktop */
@media screen and (min-width:1150px) {
  .update2022 header.site_header {
    padding-top: 20px;
  }
}

.update2022 header.site_header a.main_logo {
  flex: 1;
}
/* MOBILE MENU */
@media screen and (max-width:767px) {
  .update2022 header.site_header .menu-wrap {
    box-sizing: border-box;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    /* place left of screen */
    margin-left: -100vw;
    transform: translateX(0vw);
    transition: transform .2s linear, opacity .2s linear;
    background-color: white;
    overflow-y: scroll;
    opacity: 0;
  }

  .update2022 nav.main_navigation {
    flex: 1;
  }

  .update2022 header.site_header .menu-wrap.open {
    transform: translateX(100vw);
    opacity: 1;
  }
}

/* menu toggle button */
.update2022 header.site_header button#toggle {
  margin: 0;
  font-size: 1em;
  font-size: 20px;
  line-height: 3.6rem;
  line-height: 72px;
  padding: 0 1rem;
  margin-left: -.8rem;
  margin-left: -16px;
  background: none;
  border: none;
  width: 60px;
  text-align: center;
}/*  search form */
.update2022 header.site_header .search_wrap {
  background-color: white;
  padding-left: 20px;
  padding-right: 20px;
}

.update2022 header.site_header .search_wrap .lang {
  padding: 4px;
  margin-left: 20px;
}

.update2022 header.site_header .search_wrap .lang a {
  color: black;
}

.update2022 header.site_header .search_wrap form {
  display: flex;
}

.update2022 header.site_header .search_wrap form input[type="search"] {
  margin-right: 8px;
  margin-bottom: 0;
}

@media screen and (max-width:767px) {
  .update2022 header.site_header .search_wrap {
    padding-right: 0;
    padding-left: 0;
  }

  .update2022 header.site_header .search_wrap .lang {
    flex-shrink: 0;
  }

  .update2022 header.site_header .search_wrap form input:not(:first-child),
  .update2022 header.site_header .search_wrap form button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
  }

  .update2022 header.site_header .search_wrap form input:not(:last-child),
  .update2022 header.site_header .search_wrap form button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
    border-right: 0;
  }
}

@media screen and (min-width:768px) and (max-width:1149px) {
  .update2022 header.site_header .search_wrap {
    top: 150px;
  }
}

@media screen and (min-width:768px) {
  .update2022 header.site_header .search_wrap {
    position: absolute;
    right: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    clip-path: inset(0 -100vw -5px -5px);
    /* clip-path no shadow at top */
    z-index: 10;
  }
}.update2022 .infosheet  {
  padding-top: 0;
}
.update2022 .infosheet .data_table_header {
  margin-top: 0;
  margin-bottom: 12px;
  margin-left: 12px;
}
@media screen and (max-width:767px) {
  .update2022 .infosheet .filter .data_table_header {
    display: none;
  }
}
.update2022 .infosheet .plaatsen,
.update2022 .infosheet .doorgangsplaatsen {
  padding-bottom: 24px;
}
/* Toggle: transition */
.update2022 .infosheet .cursus_optie {
  transition:
    margin-top .2s linear,
    margin-bottom .2s linear,
    box-shadow .3s linear,
    max-height .3s linear;
}
/* Toggle: spacing between expanded card */
.update2022 .infosheet .cursus_optie {
  margin-top:20px;
  margin-bottom:20px;
}
.update2022 .infosheet .cursus_optie:not(.expand) {
  margin-top: 0;
  margin-bottom: 0;
}
.update2022 .infosheet .cursus_optie .meer_content > * {
  opacity:1;
  transition: opacity .2s linear;
}
.update2022 .infosheet .cursus_optie:not(.expand) .meer_content > * {
  opacity:0;
}
/* Toggle: height of more content */
.update2022 .infosheet .cursus_optie .expandable {
  max-height: 300px;
  transition: max-height .2s linear;
}
.update2022 .infosheet .cursus_optie:not(.expand) .expandable {
  max-height: 0;
  pointer-events: none;
}


/* exeption of card toggle spacing for first and last item */
.update2022 .infosheet #resultaten .cursus_optie:first-of-type,
.update2022 .infosheet #small_resultaten .plaatsen:nth-of-type(2) .cursus_optie{
  margin-top: 0;
}
.update2022 .infosheet #resultaten .cursus_optie:last-of-type,
.update2022 .infosheet #small_resultaten .plaatsen:last-of-type .cursus_optie{
  margin-bottom: 0;
}
/* exeption of card toggle spacing for #small_resultaten */
.update2022 .infosheet #small_resultaten .plaatsen {
  padding-bottom: 1em;
}
.update2022 .infosheet #small_resultaten ~ .bekijk_alle_data_a {
  margin-top: 30px;
}

/* hide plaatsnaam in data tab */
.update2022 .infosheet #resultaten .plaatsen .cursus_optie .plaatsnaam {
  display: none;
}

/* Card style */
.update2022 .infosheet .cursus_optie {
  padding:0;
}
.update2022 .infosheet .cursus_optie .header {
  padding:12px 20px;
  background-color: white;
  position: relative;
  z-index: 9;
}
/* border radius on top of expanded cards */
.update2022 .infosheet #resultaten .cursus_optie:first-of-type .header,
.update2022 .infosheet #small_resultaten .plaatsen:first-of-type .cursus_optie .header,
.update2022 .infosheet #small_resultaten .plaatsen:nth-of-type(2) .cursus_optie .header,
.update2022 .infosheet .cursus_optie.expand .header,
.update2022 .infosheet .cursus_optie.expand + .cursus_optie .header
{
  border-radius: 2px 2px 0 0!important;
}

.update2022 .infosheet .cursus_optie h2 {
  margin:0;
}

@media screen and (min-width:768px) {

  .update2022 .infosheet .cursus_optie .meer_content {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }
  .update2022 .infosheet .cursus_optie .meer_content::before {
    position: absolute;
    top:0;
    left:0;
    right:0;
    content: "";
    border-top: 1px solid lightgrey;
  }
  .update2022 .infosheet .cursus_optie .meer_content > * {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .update2022 .infosheet .cursus_optie .meer_content .data_meer {
    border-left: 1px solid lightgrey;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .update2022 .infosheet .cursus_optie .header > *,
  .update2022 .infosheet .cursus_optie .meer_content > *{
    padding-left: 10px;
    padding-right: 10px;
  }
  .update2022 .infosheet .cursus_optie .header > *:last-child,
  .update2022 .infosheet .cursus_optie .meer_content > *:last-child {
    padding-right: 0;
  }
  .update2022 .infosheet .cursus_optie .header > *:first-child,
  .update2022 .infosheet .cursus_optie .meer_content > *:first-child {
    padding-left: 0;
  }

  /* layout style */

  .update2022 .infosheet .cursus_optie .data_datum {width: 25%;text-align: left;align-self: center;}
  .update2022 .infosheet .cursus_optie .data_plaats {width: 15%;text-align: right;align-self: center;white-space: nowrap;}
  .update2022 .infosheet .cursus_optie .data_doorgangsgarantie {width: 25%;text-align: center;padding-left:5%;padding-right:5%;align-self: center;}
  .update2022 .infosheet .cursus_optie .data_inschrijven {width: 15%;align-self: center;}
  .update2022 .infosheet .cursus_optie .data_meer {width: 20%;align-self: center;white-space: nowrap;}

  .update2022 .infosheet .cursus_optie .header .data_prijs { display:none; }

  .update2022 .infosheet .cursus_optie .fa-stack { transform: scale(.6);}

  /* Bekijk alle data toggle */
  .update2022 .infosheet .cursus_optie .header .data_meer {
    text-align: right;
  }

  /* Header */
  .update2022 .infosheet .cursus_optie .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .update2022 .infosheet .cursus_optie .header h3 {
    margin: 1em 0 .5em;
  }

  /* Meer content */
  .update2022 .infosheet .cursus_optie .meer_content {
    display: flex;
    flex-direction: row;
    font-size: .9em;
    color: grey;
  }
  .update2022 .infosheet .cursus_optie .meer_content .data_datum > div:not(:first-child),
  .update2022 .infosheet .cursus_optie .meer_content .data_plaats > div:not(:first-child) {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .update2022 .infosheet .cursus_optie .meer_content .data_doorgangsgarantie{
    margin-bottom: 10px;
  }
  .update2022 .infosheet .cursus_optie .meer_content .data_doorgangsgarantie,
  .update2022 .infosheet .cursus_optie .meer_content .data_inschrijven {
    font-style: italic;
  }

  /* Inschrijven */
  .update2022 .infosheet .cursus_optie .meer_content .data_meer {
    padding-left: 20px;
    flex-grow: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
  .update2022 .infosheet .cursus_optie .meer_content .inschrijven_blok {
    text-align: center;
  }
  .update2022 .infosheet .cursus_optie .meer_content .inschrijven_blok .prijs s {
    font-size: 1.5em;
    color: #ccc;
  }
  .update2022 .infosheet .cursus_optie .meer_content .inschrijven_blok .prijs strong {
    font-size: 1.5em;
    font-weight: bold;
    color: #ff6633;
  }
  .update2022 .infosheet .cursus_optie .meer_content .inschrijven_blok a.btn {
    margin-top: 20px;
  }

  /* Toggle inschrijf link */
  .update2022 .infosheet .cursus_optie .data_inschrijven a {
    opacity: 1;
    transition: opacity .2s linear;
  }
  .update2022 .infosheet .cursus_optie.expand .data_inschrijven a {
    opacity: 0;
    pointer-events: none;
  }

}

/* prijs */
.update2022 .infosheet .cursus_optie .data_prijs .prijs {
  font-size: 1.5em;
  font-weight: bold;
  color: #ff6633;
}

/* doorgangsgarantie */
.update2022 .infosheet .cursus_optie .header .data_inschrijven .fa-space  {
  display: inline-block;
  width: 2em;
}
.update2022 .infosheet .cursus_optie .header .data_inschrijven .fa-stack  {
  transform: scale(.7);
}
/* meer toggle */
.update2022 .infosheet .cursus_optie .header .data_meer a {
  color: grey;
}
/* Toggle icon */
.update2022 .infosheet .cursus_optie .header .data_meer [data-action="toggleClass"] {
  position: relative;
  cursor: pointer;
  padding-right: 20px;
}

.update2022 .infosheet .cursus_optie .header .data_meer [data-action="toggleClass"]::after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  content: "\f107";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}
.update2022 .infosheet .cursus_optie .header .data_meer [data-action="toggleClass"].expanded::after {
  content: "\f106";
}

.update2022 .infosheet #resultaten + p {
  margin-bottom: 2em;
}
/* @media screen and (min-width:768px) {
  .update2022 .infosheet .cursus_optie .header .data_prijs { display:none; }
} */
/* For mobile */
@media screen and (max-width:767px) {
  /* border to seperate cards on mobile */
  .update2022 .infosheet .plaatsen:not(.show_all_planningen) .cursus_optie:not(.date_hidden):not(.expand),
  .update2022 .infosheet .plaatsen.show_all_planningen .cursus_optie:not(.expand) {
    border-bottom: 1px solid lightgrey;
  }
  .update2022 .infosheet .cursus_optie,
  .update2022 .infosheet .cursus_optie h2 {
    font-size: 16px;
  }
  /* header order */
  .update2022 .infosheet .cursus_optie .header,
  .update2022 .infosheet .cursus_optie .meer_content {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
    }
  .update2022 .infosheet .cursus_optie .header .data_datum { order: 1; }
  .update2022 .infosheet .cursus_optie .header .data_inschrijven { order: 2; }
  .update2022 .infosheet .cursus_optie .header .data_plaats { order: 3; }
  .update2022 .infosheet .cursus_optie .header .data_prijs { order: 4; }
  .update2022 .infosheet .cursus_optie .header .data_doorgangsgarantie { order: 5; margin-bottom: 0!important; }
  .update2022 .infosheet .cursus_optie .header .data_meer { order: 6; margin-bottom: 0!important; }
  .update2022 .infosheet .cursus_optie .header .data_doorgang { display: none; }
  .update2022 .infosheet .cursus_optie .header > [class^="data_"],
  .update2022 .infosheet .cursus_optie .meer_content > [class^="data_"]
    { width: 50%; margin-bottom: 10px; }

  .update2022 .infosheet .cursus_optie .header .data_datum h2{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .update2022 .infosheet .cursus_optie .header .data_prijs,
  .update2022 .infosheet .cursus_optie .header .data_inschrijven,
  .update2022 .infosheet .cursus_optie .header .data_doorgangsgarantie,
  .update2022 .infosheet .cursus_optie .header .data_meer {
    white-space: nowrap;
    overflow: hidden;
  }
  .update2022 .infosheet .cursus_optie .header .data_prijs,
  .update2022 .infosheet .cursus_optie .header .data_inschrijven,
  .update2022 .infosheet .cursus_optie .header .data_meer {
    text-align: right;
  }

  .update2022 .infosheet .cursus_optie .prijs {
    font-size: 1.2em!important;
  }
  .update2022 .infosheet .cursus_optie .btw {
    color: lightgrey;
    font-size: 0.9em;
  }
  .update2022 .infosheet .cursus_optie .header .data_plaats,
  .update2022 .infosheet .cursus_optie .header .data_doorgangsgarantie,
  .update2022 .infosheet .cursus_optie .header .data_meer {
    font-size: 0.95em;
  }
  .update2022 .infosheet .cursus_optie .header .data_doorgangsgarantie .fa-stack {
    transform: scale(0.5);
    margin-left: -.5em;
    margin-right: -.5em;
  }

  /* hide plaatsnaam in data tab */
  .update2022 .infosheet #resultaten .cursus_optie .data_doorgangsgarantie .plaatsnaam {
    display: none;
  }

  /* Meer content mobile */
  .update2022 .infosheet .cursus_optie .meer_content {
    background-color: rgb(227, 231, 230);
    padding-left: 20px;
    padding-right: 20px;
  }
  .update2022 .infosheet .cursus_optie .meer_content .data_doorgangsgarantie { display: none; }
  .update2022 .infosheet .cursus_optie .meer_content .data_inschrijven { display: none; }
  .update2022 .infosheet .cursus_optie .meer_content .data_meer { display: none; }
  .update2022 .infosheet .cursus_optie .meer_content .data_datum,
  .update2022 .infosheet .cursus_optie .meer_content .data_plaats {
    margin-top: .5em;
    margin-bottom: .5em;
  }
  .update2022 .infosheet .cursus_optie .meer_content .data_datum > div,
  .update2022 .infosheet .cursus_optie .meer_content .data_plaats > div {
    margin-top: .5em;
    margin-bottom: .5em;
  }
  .update2022 .infosheet .cursus_optie .meer_content .data_datum {

  }
  .update2022 .infosheet .cursus_optie .meer_content .data_plaats {
    text-align: right;
  }

}

/* Meer button when more than 3 items */
.update2022 .infosheet #resultaten:not([class*="startdatum_"]) .plaatsen .cursus_optie.date_hidden {
  max-height: 0;
  overflow-y: hidden;
}
.update2022 .infosheet #resultaten:not([class*="startdatum_"]) .plaatsen:not(.show_all_planningen) .cursus_optie.date_hidden.expand {
  /* fix for margin when collapsing opened cursus_optie */
  margin-top: 0;
  margin-bottom: 0;
}
.update2022 .infosheet #resultaten:not([class*="startdatum_"]) .plaatsen.show_all_planningen .cursus_optie.date_hidden {
  max-height: 400px;
  overflow-y: visible;
}
.update2022 .infosheet #resultaten[class*="startdatum_"] a.more_plaatsen,
.update2022 .infosheet #resultaten .plaatsen:not(.has_more_button) a.more_plaatsen {
  display: none!important;
}

.update2022 .infosheet #resultaten:not([class*="startdatum_"]) .plaatsen a.more_plaatsen {
  display: inline-block;
  margin: .5em 1em;
  color:grey;
  font-size: .9em;
}
.update2022 .infosheet #resultaten:not([class*="startdatum_"]) .plaatsen a.more_plaatsen:hover {
  color: #2f76ff;
}
.update2022 .infosheet #resultaten:not([class*="startdatum_"]) .plaatsen a.more_plaatsen::before {
  display: block;
  content:attr(data-meer);
}
.update2022 .infosheet #resultaten:not([class*="startdatum_"]) .plaatsen.show_all_planningen a.more_plaatsen::before {
  content:attr(data-minder);
}

.update2022 .infosheet .desktop_header {
  box-shadow:
    0 0 5px rgba(0, 0, 0, 0.1),
    0 0 40px rgba(0, 0, 0, 0.1);
}
.update2022 .infosheet .desktop_header {
  position:fixed;
  z-index:98;
  left:0;
  right:0;
  background-color:white;
  overflow: hidden;

  transition: opacity .2s linear;
  opacity: 1;

  pointer-events: all;
}
.update2022 .infosheet .desktop_header:not(.desktop_header_show) {
  opacity: 0;
  pointer-events: none;
}

.update2022 .infosheet .desktop_header .background {
  position: absolute;
  top:-50px;
  bottom:-50px;
  left:-5px;
  right:-5px;
  background-size: cover;
  background-position: center;
  filter: invert(0.4) brightness(1.8) blur(4px);
  z-index: -1;

  transition: opacity .3s linear;
  opacity: .4;
}
.update2022 .infosheet .desktop_header:not(.desktop_header_show) .background {
  opacity: 1;
}
.update2022 .infosheet .desktop_header .foreground {
  /* z-index: 99; */
}
.update2022 .infosheet .desktop_header h2 {

}
.update2022 .infosheet .desktop_header a {
  margin-left: 20px;
}
@media screen and (max-width:767px) {
  .update2022 .infosheet .desktop_header {
    display:none;
  }
}
.update2022 .infosheet #panel_cursus main {
  width: calc(100%/12*7);
  margin-right: 20px;
}
.update2022 .infosheet #panel_cursus aside {
  width: calc(100%/12*5);
  margin-left: 20px;
}

@media screen and (max-width:767px){
  .update2022 .infosheet .tabbar {
    display: none;
  }
}

/* content CSS */
.update2022 .infosheet .tab_content {
    line-height: 1.5;
}
.update2022 .infosheet .infosheet_content {
  /* font-size: 0.9375em; */
  /* color: #333; */
}
.update2022 .infosheet .infosheet_content > :first-child {
  margin-top: 0!important;
}


.update2022 .infosheet .infosheet_content h1,
.update2022 .infosheet .infosheet_content h2,
.update2022 .infosheet .infosheet_content h3,
.update2022 .infosheet .infosheet_content h4,
.update2022 .infosheet .infosheet_content h5,
.update2022 .infosheet .infosheet_content h6 {
  font-size: 1.2em;
  margin-top: 1.2em;
}

.update2022 .infosheet .infosheet_content ul {
  padding-left: 2em;
}

.update2022 .infosheet .infosheet_content ul li {
  margin: .4em 0;
}
.update2022 .infosheet_content ul li p {
  margin-top: 0;
}

.update2022 .infosheet aside {
  /* padding-top: 30px; */
}

/* spacing between cards */
.update2022 .infosheet aside .card+.card {
  margin-top: 30px;
}

.update2022 .infosheet .kosten div>h3+p {
  margin-top: 5px;
}

.update2022 .infosheet .sellingpoints li {
  margin: 0.4em 0;
}


.update2022 .popover table.opsomming {
  width: 180px;
}

/* Referenties CSS */
.referenties-header {
  background-image: linear-gradient(rgb(255, 255, 255), rgb(227, 231, 230));
}
.referenties-header header {
  margin-bottom: 0!important;
}
.referenties-header header h2+p {
  margin-bottom: 0!important;
}


.update2022 .infosheet ul.leervormen {
  padding: 0;
  padding-left: 0 !important;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  color: grey;
  margin: 1em -20px;
}

.update2022 .infosheet ul.leervormen li {
  padding: 10px;
  margin: 0 10px;
}

.update2022 .infosheet ul.leervormen li::before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: "\f00c";
  margin: 0 5px;
}

.update2022 .infosheet ul.leervormen li.toonklassikaal::before {
  content: "\f0c0";
}

.update2022 .infosheet ul.leervormen li.toononline::before {
  content: "\e594";
}

.update2022 .infosheet ul.leervormen li.toonelearning::before {
  content: "\f390";
}

.update2022 .infosheet ul.leervormen li.toonworkshop::before {
  content: "\e53d";
}

.update2022 .infosheet ul.leervormen li.toonwebinar::before {
  content: "\f51c";
}

.update2022 .infosheet ul.leervormen li.toonpersonalcoaching::before {
  content: "\f6ec";
}

.update2022 .infosheet ul.leervormen li.toonteamcoaching::before {
  content: "\e593";
}

.update2022 .infosheet ul.leervormen li.toonincompany::before {
  content: "\f1ad";
}

.update2022 .infosheet ul.leervormen li.toonprive::before {
  content: "\e1b0";
}
@media screen and (max-width:767px) {
  .update2022 .infosheet .banner-content,
  .update2022 .infosheet .footer_links {
    display: none;
  }
  .update2022 .infosheet .banner.cursus .blurred_background {
    filter: none!important;
  }

  .update2022 .infosheet #panel_cursus ul.leervormen {
    display: none;
  }
  .update2022 .infosheet #panel_cursus main {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .update2022 .infosheet #panel_cursus main ul,
  .update2022 .infosheet #panel_cursus main ol {
    text-align: initial;
  }
  .update2022 .infosheet #panel_cursus aside {
    display: none;
  }
  .update2022 .infosheet .trainingsvormen .card .prijstag {
    margin-top: 0!important;
  }

  /* Toggle */
  .update2022 .infosheet #panel_cursus main {
    position: relative;
    max-height: 50vh;
    overflow-y: hidden;
    transition: max-height .3s ease-in-out;
  }
  .update2022 .infosheet #panel_cursus main.open {
    max-height: 2000vh;
  }
  .update2022 .infosheet #panel_cursus main:not(.open)::before {
    display: block;
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) );
  }
  .update2022 .infosheet #panel_cursus main:not(.open)::after {
    display: block;
    content:"Lees meer";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    background-color: white;
    font-size: 20px;
    padding: 12px;
    z-index: 9;
    pointer-events: all;
  }
}

.update2022 .tabbar {
  position: sticky;
  top: 150px;
  background: white;
  z-index: 11;
}

.update2022 .infosheet_tabbar {
  position: relative;
  overflow: hidden;
}
.update2022 .infosheet_tabbar::after {
  display:block;
  content:"";
  position: absolute;
  left:0;
  right:0;
  bottom:-10px;
  height: 10px;
  z-index: 1;
  transition: box-shadow linear .2s;
  box-shadow:
    0 0 5px rgba(0, 0, 0, 0),
    0 0 40px rgba(0, 0, 0, 0);
}
.update2022 .infosheet_tabbar:hover::after {
  box-shadow:
    0 0 5px rgba(0, 0, 0, .1),
    0 0 40px rgba(0, 0, 0, .1);
}
.update2022 .infosheet_tabbar .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 20px;
}
.update2022 .infosheet_tabbar .breadcrumbs {
  margin: 0 0 20px;
  flex-basis: calc(7/12 * 100%);
}
/* TABS */
.update2022 .infosheet_tabbar .infosheet_tabs_container {
  flex-basis: calc(5/12 * 100%);
  /* align tabs right (flex-end) without breaking hover */
  flex-grow: 1;
  /* display: flex; */
  /* justify-content: flex-end; */
}
.update2022 .infosheet_tabbar ul[role="tablist"] {
  flex-shrink: 0;
  justify-content: flex-end;
  margin: 0;
  font-size: 1.2em;
  display: flex;
  flex-wrap: nowrap;
  margin-left: 10px;
}
.update2022 .infosheet_tabbar ul[role="tablist"] li {
  flex: 1;
  max-width: 200px;
  display: flex;

}
/* default */
.update2022 .infosheet_tabbar ul[role="tablist"] a[role="tab"] {
  border: 1px solid transparent;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  transition: box-shadow linear .2s;
  box-shadow:
    0 0 5px rgba(0, 0, 0, 0),
    0 0 40px rgba(0, 0, 0, 0);
  margin: 0 5px;
  display: block;
  width: 100%;
  text-align: center;
}
/* selected */
.update2022 .infosheet_tabbar:not(:hover) ul[role="tablist"] a[role="tab"][aria-selected="true"] {
  border-bottom: 1px solid black;
}
/* selected hover bar */
.update2022 .infosheet_tabbar ul[role="tablist"] a[role="tab"]::after {
  display: none;
}
.update2022 .infosheet_tabbar:hover ul[role="tablist"] a[role="tab"][aria-selected="true"] {
  box-shadow:
    0 0 5px rgba(0, 0, 0, .1),
    0 0 40px rgba(0, 0, 0, .1);
  background: white;
  z-index: 9;
}
/* selected hover tabs */
.update2022 .infosheet_tabbar:hover ul[role="tablist"]:hover a[role="tab"][aria-selected="true"] {
  box-shadow:
    0 0 5px rgba(0, 0, 0, .1),
    0 0 40px rgba(0, 0, 0, .1);
  background: none;
  z-index: 9;
}
/* hover tab item */
.update2022 .infosheet_tabbar:hover ul[role="tablist"]:hover a[role="tab"]:hover{
  border-bottom: 0px solid black;
  box-shadow:
    0 0 5px rgba(0, 0, 0, .1),
    0 0 40px rgba(0, 0, 0, .1);
  background: white;
  z-index: 9;
}


/* Animate tabpanel */
/* Source: https://stackoverflow.com/a/50546888  */
.update2022 .infosheet [role="tabpanel"] {
    display: block;
    overflow: hidden;  /* Hide the element content, while height = 0 */
    max-height: 0!important;
    opacity: 0!important;
    transition: max-height 0s .3s, opacity .3s 0s!important;
}
.update2022 .infosheet [role="tabpanel"].active {
    max-height: 100%!important;
    opacity: 1!important;
    transition: max-height 0s 0s, opacity .3s 0s!important;
}
.update2022 .infosheet .mobile_header {
  display: flex;
  padding: 10px 20px;
  align-items: baseline;
  position:fixed;
  z-index:98;
  left:0;
  right:0;
  background-color:white;
  box-shadow:
    0 0 5px rgba(0, 0, 0, 0.1),
    0 0 40px rgba(0, 0, 0, 0.1);
  transition:transform .2s linear;
}
.update2022 .infosheet .mobile_header:not(.mobile_header_show) {
  transform: translateY(-70px);
}
.update2022 .infosheet .mobile_header h2 {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:1em;
}
.update2022 .infosheet .mobile_header a {
  flex-shrink: 0;
}
@media screen and (min-width:768px) {
  .update2022 .infosheet .mobile_header {
    display:none;
  }
}
.update2022 .infosheet #small_locatie {
  max-width: 400px;
  margin: 0 auto 40px;
}

.update2022 .infosheet #bekijk_alle_data_a {
  margin: 40px auto;
}
.update2022 .infosheet .vervolg_ul {
  padding-left: 0;
  margin-bottom: 40px;
}

.update2022 .infosheet .vervolg_ul li.card {
  padding: 12px 20px;
  margin: 10px 1%;
  flex-basis: 98%;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .update2022 .infosheet .vervolg_ul li.card {
    margin: 10px 1%;
    flex-basis: 48%;
  }
  .update2022 .infosheet .vervolg_ul li.card:only-child {
    margin: 10px auto;
    flex-basis: 48%;
  }
}

.update2022 .infosheet .vervolg_ul li.card strong {
  margin-right: 2em;
}

.update2022 .infosheet .vervolg_ul li.card a {
  flex-shrink: 0;
  color: black;
  text-decoration: underline;
}

.update2022 .infosheet .vervolg_ul li.card a:hover {
  color: #2f76ff;
}

.update2022 .infosheet .vervolg>.btn:last-child {
  margin: 0 auto 40px;
}
.update2022 .infosheet .referenties {}
.update2022 .infosheet .referenties ul {
  padding: 0;
  list-style: none;
}

.update2022 .infosheet .referenties blockquote {
  border-left: none !important;
  font-size: 1em;
}

.update2022 .infosheet .referenties blockquote p:first-child {
  margin-top: 0 !important;
}

.update2022 .infosheet .referenties blockquote cite {
  font-style: normal;
  font-weight: bold;
  font-size: .9em;
}

.update2022 .infosheet .referenties blockquote footer {
  color: #2f76ff;
  font-size: .9em;
}

.update2022 .infosheet .referenties blockquote footer::before {
  display: none !important;
}

/* toggle */
.update2022 .infosheet .referenties ul#meer_referenties {
  margin-top:20px;
  overflow: hidden;
  max-height: 1000vh;
  transition: max-height .3s linear,
}
.update2022 .infosheet .referenties ul#meer_referenties:not(.expand) {
  max-height: 0;
}
.update2022 .infosheet .trainingsvormen .inner .inner {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.update2022 .infosheet .trainingsvormen .inner {
  padding-bottom: 0px;
}

.update2022 .infosheet .trainingsvormen .flickity-button:disabled svg {
  opacity: 0 !important;
}

.update2022 .infosheet .trainingsvormen .carousel .slide {
  width: 265px;
  margin-right: 60px;
}

.update2022 .infosheet .trainingsvormen .card {
  position: relative;
  min-height: 410px;
  margin-bottom: 50px !important;
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}
.update2022 .infosheet .trainingsvormen .flickity-viewport {
  overflow: visible;
}

.update2022 .infosheet .trainingsvormen .card .title,
.update2022 .infosheet .trainingsvormen .card .duur,
.update2022 .infosheet .trainingsvormen .card .prijs,
.update2022 .infosheet .trainingsvormen .card .prijstag,
.update2022 .infosheet .trainingsvormen .card footer {
  text-align: center;
}

.update2022 .infosheet .trainingsvormen .card .title {
  margin-bottom: .5em;
}

.update2022 .infosheet .trainingsvormen .card .prijsblok {
  flex: 1;
}

.update2022 .infosheet .trainingsvormen .card .prijs s {
  color: grey;
}
.update2022 .infosheet .trainingsvormen .card .prijs strong {
  color: #ff6633;
}

.update2022 .infosheet .trainingsvormen .card .prijstag {
  color: grey;
  margin-top: -15px;
}

.update2022 .infosheet .trainingsvormen .card ul {
  border-radius: 6px;
  min-height: 190px;
}

.update2022 .infosheet .trainingsvormen .card ul.checkmark li {
  font-size: .95em;
  margin: 1em 5px;
}

.update2022 .infosheet .trainingsvormen .card a.btn {
  margin: 20px 20px 0 !important;
}

.update2022 .infosheet .trainingsvormen .card footer {
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
}

.update2022 .infosheet .trainingsvormen .card footer {}
#manifest_ol {
  padding-left:0;
}
#manifest_ol h3 {
  margin-top:0;
}
#manifest_ol .img {
  display:flex;
}
#manifest_ol .img picture {
  object-fit:cover;
  height: 160px;
  width: 100%;
}

.update2022 aside.blog>.inner {
  text-align: center;
}

.update2022 aside.blog p {
  margin: 20px 0 40px;
}

@media screen and (max-width:767px) {
  .update2022 aside.blog>picture:last-child {
    transform: scaleX(-1);
    object-position: 60% center;
  }

  .update2022 aside.blog p {
    margin: 20px 15% 40px;
    font-size: 1.1em;
  }
}

@media screen and (min-width:768px) {
  .update2022 aside.blog > .inner {
    line-height: 1.5;
    text-align: left;
  }
}

.update2022 .blog.bg_image picture {
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}

.update2022 .blog.bg_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.update2022 .categorie-title {
  margin-top: 0px;
  margin-bottom: .5em;
}

.update2022 .categorie-subtitle {
  margin: 1em 0 0.5em 0;
}

.update2022 .filter-overig {
  margin-bottom: 2em;
}

.update2022.categorie .inner.content {
  padding-top: 0px;
}

.update2022 .filter-container {
  margin-bottom: 2em;
}

.update2022 .filter-categorie {
  margin-bottom: 1em;
}

.update2022 .filter h4 {
  margin-bottom: 1em;
  border-bottom: solid 1px black;
  line-height: 2em;
}

.update2022 .filter-categorie ul, .update2022 .filter-overig ul {
  margin-top: 0.5em;
  list-style-type: none;
  /* Remove bullets */
}

.update2022 .filter-categorie li, .update2022 .filter-overig li {
  margin: 1em 0 0 0;
  padding-top: .5em;
}

.update2022 .filter-categorie input[type='radio'], .update2022 .filter-overig input[type='radio'] {
  margin: 0;
}

.update2022 .filter-categorie ul>li {
  margin-left: 1em;
}

.update2022 .filter-categorie a {
  color: grey;
  display: block;
  width: 100%;
  font-size: 14px;
}

.update2022 .filter-categorie a.active {
  color: #2f76ff;
  border-bottom: solid 1px #2f76ff;
  text-decoration: none;
}

.update2022 .filter-categorie a:hover.active {
  border-bottom: solid 2px #2f76ff;
}

.update2022 .filter-categorie a .close-icon {
  float: right;
  margin-right: 0.5em;
  display: none;
}

.update2022 .filter-categorie a.active .close-icon {
  display: inline;
}

.update2022 .filter-categorie a:hover.active .close-icon {
  font-weight: 600;
}

.update2022 .start-garantie {
  color: #05cd69 !important;
}

.pagination>li>a, pagination>li>a:visited {
  text-decoration: none;
  color: grey !important;
  border: 0;
  background-color: white;
}

.pagination>li.active>a, .pagination>li>a:hover, .pagination>li.active>a:hover {
  background-color: white;
  color: black !important;
  text-decoration: underline;
}

/* temp fix for newsletter input */
.update2022 .aside-inner.newsletter input[type="email"]:focus {
  border: solid 1px #999999;
  box-shadow: inset 0px 0px 0px 1px #999999;
}

.update2022 .pagination {
  justify-content: center;
}

.update2022 .pagination li {
  margin: 0 1rem;
}
.update2022 .section.collapsed  .row:not(.collapsible-section-header){
    display: none;
}

.update2022 .section:not(.completed) .section-completed-icon {
    display: none;
}

.update2022 .section.completed {
    cursor:pointer;
}

.update2022 .section.collapsed .collapsible-section-header h2 {
  color: #999999 !important
    /* TODO: remove !important */
  ;
}

.update2022 .section:not(.collapsed) .collapsible-section-header {
    margin-bottom: 2rem;
}

.update2022 .section .collapsible-section-header-subtitle {
    display: flex !important;
}

.update2022 .section:not(.collapsed) .collapsible-section-header-subtitle {
    display: none !important;
}

.update2022 .subscribe-row {
    margin-bottom: 2rem;
}

.update2022 .collapsible-section-header {
}

.update2022 .btn.dark {
    background: black;
    color: white;
    border-radius: 4px;
    width: 100%;
    margin: 2rem 0;
}

.update2022 .btn.link {
  text-decoration: underline;
  color: #2f76ff;
  background: transparent;
  padding: 0;
}

.update2022 table.opsomming {
    width: 100%;
}

.update2022.page-inschrijven {
  padding: 3rem 0;
  background: #d5dbd9;
}

.update2022 .sidebar-cursus {
    padding-top: 0px;
    margin-top: 15px;
}

.update2022.page-inschrijven .section {
    margin-bottom: 15px;
    margin-top: 15px;

}
.update2022 .section-completed-icon {
  color: #05cd69 !important;
  line-height: 1em;
    padding-top: 20px;
}

.update2022 table .opsomming {
    width: 100%;
}

.update2022 .alert {
    border: 0;
    border-radius: 0;
    margin: 1em;
}
/* hero styles */
.update2022 section.hero22 {
  /* height is necessary for IE to center align items  */
  /* https://stackoverflow.com/questions/19371626/flexbox-not-centering-vertically-in-ie */
  height: 0;
  min-height: 550px;
  display: flex;
  justify-content: center;
  position: relative;
}

.update2022 section.hero22.bg_dark {
  text-shadow: 0 1px 3px black, 0 0 20px black, 0 0 100px black;
}

.update2022 .noshadow {
  text-shadow: none !important;
}

.update2022 .hero22 footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 2em;
}

.update2022 .hero22 footer a {
  color: black;
  text-decoration: underline;
  margin: 0 2em;
}

.update2022 .hero22 footer a:hover {
  color: #2f76ff;
}

/* Hero forms */
.update2022 section.hero22 form {
  margin: 40px 0 0;
  display: flex;
  justify-content: center;
}

.update2022 .hero22 input,
.update2022 .hero22 button {
  width: auto;
  height: auto;
  padding: 10px 20px;
  margin: 0;
  border: 0;
  border-radius: 6px;
  font-size: 20px;
  color: black;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.2), 0 0 100px rgba(0, 0, 0, 0.2);
}

/* add inset box shadow -> TODO make nicer */
.update2022 .hero22 input:hover {
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.2),
    0 0 20px rgba(0, 0, 0, 0.2),
    inset 0 0 0 0 #999999 !important;
}

@media screen and (max-width:767px) {
  .update2022 section.hero22 {
    padding: 0;
  }

  .update2022 section.hero22 input {
    max-width: 80%;
  }
}/* hero categorie cards */
.update2022 section.hero22 .card {
  border-radius: 8px;
  margin-bottom: 40px;
}

.update2022 section.hero22 .card h3 {
  margin: 0 15px 15px;
}

.update2022 section.hero22 .card a {
  color: #283354;
}

@media screen and (min-width:768px) {
  .update2022 section.hero22 .quality_marks {
    padding: 20px;
    position: absolute !important;
    top: 0;
    right: 0;
  }

  .update2022 section.hero22 .quality_marks picture {
    margin-left: 20px;
  }
}

@media screen and (max-width:767px) {
  .update2022 section.hero22 .col-md-12>.col-md-6 {
    padding: 0 !important;
  }
}.update2022.landing-page .subheader {
    padding: 15px;
}
.update2022.landing-page .subheader i {
    color: #2f76ff;
    margin-right: 1em;
}

.update2022.landing-page .separator {
    padding:0;
    border-bottom: solid 1px lightgray;
}.update2022 section.overview {}

.update2022 section.overview form {
  margin-top: 110px;
  margin-bottom: 20px;
}

.update2022 section.overview fieldset.radios {
  margin-top: 20px;
  /* make the items scroll on small screens */
  display: flex;
  justify-content: center;
  overflow-x: scroll;
  overflow-y: hidden;
}

.update2022 section.overview fieldset.radios span {
  /* display: block; */
  padding: 10px 20px;
  position: relative;
  white-space: nowrap;
}

.update2022 section.overview fieldset.radios input[type="checked"]:checked+span::after,
.update2022 section.overview fieldset.radios input[type="radio"]:checked+span::after {
  /* text-decoration: underline; */
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background-color: black;
}.update2022 section.overview .card {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  display: flex;
  flex-direction: column;
}

.update2022 section.overview .card picture {
  order: -5;
  margin: -24px -20px 20px;
  max-width: calc(100% + 40px);
  aspect-ratio: 1.50;
  object-fit: cover;
}
.update2022 section.overview .card picture img {
  aspect-ratio: 1.50;
  object-fit: cover;
}

.update2022 section.overview .card h3 {
   margin: 0.5em 0 0.2em;
}

.update2022 section.overview .card span {
  order: -1;
  text-transform: uppercase;
  color: grey;
  font-size: 13px;
}

.update2022 section.overview .card a.caturl {
  color:inherit;
}
.update2022 section.overview .card a.caturl:hover {
  color:#2f76ff;
}

.update2022 section.overview .card .description {
  flex: 1;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  font-size: .9em;
  line-height: 1.4em;
  min-height: 4em;
}

.update2022 section.overview .card .description p {
  margin: 0 !important;
}

.update2022 section.overview .card a.btn {
  margin-top: 10px;
  text-align: center;
}
.update2022 section.reviews h2 {
  margin-bottom: 40px;
  font-weight: normal;
}

.update2022 section.reviews .review_slide {
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
}

@media screen and (max-width:767px) {
  .update2022 section.reviews .inner {
    padding-bottom: 0;
  }

  .update2022 section.reviews .review_slide {
    padding-left: 40px;
    padding-right: 40px;
  }

  .update2022 section.reviews picture {
    width: 180px;
  }
}

.update2022 section.reviews picture {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0 40px;
}

@media screen and (min-width:768px) {
  .update2022 section.reviews picture {
    margin-right: 40px;
  }
}

.update2022 section.reviews blockquote {
  padding: unset;
  margin: unset;
  border-left: unset;
}

.update2022 section.reviews blockquote p {
  margin: 20px 0;
}

.update2022 section.reviews blockquote .text_small::before {
  display: none;
}

.update2022 section.reviews blockquote span {
  display: block;
}

.update2022 section.reviews blockquote .rating {
  margin: 40px 0;
}

.update2022 section.reviews blockquote .rating .stars {
  margin-right: 8px;
}

.update2022 section.reviews .flickity-page-dots {
  display: none;
}

.update2022 section.reviews .stars {
  display: inline-block;
}

@media screen and (max-width:767px) {
  .update2022 section.reviews .review_slide {
    flex-direction: column;
  }

  .update2022 section.reviews blockquote {
    text-align: center;
  }

  .update2022 section.reviews blockquote .stars {
    display: block;
  }
}/*  The elements with classes are used by the Google Analytics tracking page.
    Removing these classes breaks Google analytics, so this is used to consolidate styling. */

.update2022 .tab-pane.active {
    margin: 16px;
    padding: 0;
    border: 0;
    box-shadow: none;
    color: gray;
    text-align: center;
}
.update2022 .tab-pane.active h1 {
    font-size: 14px;
}.update2022.static .card {
    margin-top: 1em;
    margin-bottom: 1em;
}

.update2022.static .card.content {
    margin-top: 2em;
}

.update2022 #stap-modal .modal-content {
    background: transparent;
    box-shadow: 0 0 0 transparent;
    border: 0;
    margin-top:25%;
}

.update2022 #stap-modal .modal-content {
    background: transparent;
    box-shadow: 0 0 0 transparent;
    border: 0;
}

.update2022 #stap-modal .search-container {
    background: white;
}.update2022 section.trainers article.trainer {
  margin: 3em;
  width: 50%;
}

.update2022 section.trainers .trainer blockquote::before,
.update2022 section.trainers .trainer blockquote::after {
  content: '"';
  display: inline;
}

.update2022 section.trainers .trainer picture {
  float: left;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0 40px;
  height: auto;
  width: 220px;
  margin: 0 3em 2em 0;
}

.update2022 section.trainers .trainer figure+p {
  clear: both;
}.update2022 .section-why-learnit {
    margin-bottom: 3rem;
}

.update2022 .section-why-learnit .why-learnit-header {
    margin: 0em 0 2em 0;
}

.update2022 .section-why-learnit .why-learnit-block {
    display:flex;
    flex-display: row;

    margin-bottom: 4em;
}

.update2022 .section-why-learnit .why-learnit-block * {
    margin-left: 1rem;
    margin-right: 1rem;
}

.update2022 .section-why-learnit .why-learnit-block-alternative i {
    width: 80px;
    height: 80px;
    padding: 15px;
    border: solid 2px blue;
    border-radius: 40px;
    color: #2f76ff;
    margin-bottom:1em;
}

.update2022 .section-why-learnit .why-learnit-block-alternative {
    margin-bottom: 2em;
}