@import url('//hello.myfonts.net/count/3385ba');/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css *//**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}/**
 * Remove default margin.
 */body {
  margin: 0;
}/* HTML5 display definitions
   ========================================================================== *//**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */audio:not([controls]) {
  display: none;
  height: 0;
}/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */[hidden],
template {
  display: none;
}/* Links
   ========================================================================== *//**
 * Remove the gray background color from active links in IE 10.
 */a {
  background-color: transparent;
}/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */a:active,
a:hover {
  outline: 0;
}/* Text-level semantics
   ========================================================================== *//**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */abbr[title] {
  border-bottom: 0.0625rem dotted;
}/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */b,
strong {
  font-weight: bold;
}/**
 * Address styling not present in Safari and Chrome.
 */dfn {
  font-style: italic;
}/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */h1 {
  font-size: 2em;
  margin: 0.67em 0;
}/**
 * Address styling not present in IE 8/9.
 */mark {
  background: #ff0;
  color: #000;
}/**
 * Address inconsistent and variable font size in all browsers.
 */small {
  font-size: 80%;
}/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}sup {
  top: -0.5em;
}sub {
  bottom: -0.25em;
}/* Embedded content
   ========================================================================== *//**
 * Remove border when inside `a` element in IE 8/9/10.
 */img {
  border: 0;
}/**
 * Correct overflow not hidden in IE 9/10/11.
 */svg:not(:root) {
  overflow: hidden;
}/* Grouping content
   ========================================================================== *//**
 * Address margin not present in IE 8/9 and Safari.
 */figure {
  margin: 1em 2.5rem;
}/**
 * Address differences between Firefox and other browsers.
 */hr {
  box-sizing: content-box;
  height: 0;
}/**
 * Contain overflow in all browsers.
 */pre {
  overflow: auto;
}/**
 * Address odd `em`-unit font size rendering in all browsers.
 */code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}/* Forms
   ========================================================================== *//**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 *//**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */button {
  overflow: visible;
}/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */button,
select {
  text-transform: none;
}/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}/**
 * Re-set default cursor for disabled elements.
 */button[disabled],
html input[disabled] {
  cursor: default;
}/**
 * Remove inner padding and border in Firefox 4+.
 */button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */input {
  line-height: normal;
}/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */input[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}/**
 * Define consistent border, margin, and padding.
 */fieldset {
  border: 0.0625rem solid #c0c0c0;
  margin: 0 0.125rem;
  padding: 0.35em 0.625em 0.75em;
}/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */textarea {
  overflow: auto;
}/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */optgroup {
  font-weight: bold;
}/* Tables
   ========================================================================== *//**
 * Remove most spacing between table cells.
 */table {
  border-collapse: collapse;
  border-spacing: 0;
}td,
th {
  padding: 0;
}.js-Dropdown {
  display: inline-block;
  position: relative;
}.js-Dropdown-title {
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  width: 100%;
  border: none;
  text-align: left;
  padding: 0;
  background-color: transparent;
}.js-Dropdown-title:after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 45%;
  width: 0;
}.js-Dropdown-list {
  box-sizing: border-box;
  display: none;
  height: 0;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 0;
  transition: 0.2s linear;
  width: 100%;
  z-index: 999;
}.is-open .js-Dropdown-list {
  display: block;
  height: auto;
  opacity: 1;
}.js-Dropdown-list li {
  cursor: pointer;
}.js-Dropdown-list .is-selected {
  display: none;
}:root {
  --light_grey: #f1efeb;
  --dark_grey: #5f5f5f;
  --text_black: #3f3f3f;
  --border_grey: #c0bfbc;
  --side_category_grey: #969595;
  --active_menu_border_grey: #dfdedd;
  --block_border_top_grey: #e3e3e3;
  --trusted_source_grey: #d9d8d5;
  --menu_border_grey: #f1f1f1;
  --button_grey: #dedcd9;
  --text_grey: #888785;
  --mean_grey: #b5af9e;
  --tweet_grey: #808080;
  --purple: #56328c;
  --button_pink: #eb168b;
  --link_pink: #f49ecf;
  --arrow_pink: #ee5ea1;
  --over_purple_pink: #fe69bc;
  --checkbox_purple: #d6cce3;
  --link_blue: #1dafec;
  --status-online: #28ce13;

  --extra_bold: 800;
  --bold: 700;
  --semi_bold: 600;
  --regular: 400;

  --desktop_width: 75rem;
  --mobile_width: 23.4375rem;
  --mobile_max_width: 20.9375rem;
}/**
 * @license
 * MyFonts Webfont Build ID 3376570, 2017-04-19T11:48:51-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: ProximaNovaA-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-bold/
 * Licensed pageviews: 2,000,000
 *
 * Webfont: ProximaNovaS-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-bold/
 * Licensed pageviews: 2,000,000
 *
 * Webfont: ProximaNovaA-BoldIt by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-bold-it/
 * Licensed pageviews: 2,000,000
 *
 * Webfont: ProximaNova-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/
 * Licensed pageviews: 2,000,000
 *
 * Webfont: ProximaNovaS-BoldIt by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-bold-it/
 * Licensed pageviews: 2,000,000
 *
 * Webfont: ProximaNova-BoldIt by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold-it/
 * Licensed pageviews: 2,000,000
 *
 * Webfont: ProximaNovaA-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-regular/
 * Licensed pageviews: 3,000,000
 *
 * Webfont: ProximaNovaS-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-regular/
 * Licensed pageviews: 3,000,000
 *
 * Webfont: ProximaNovaA-RegularIt by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-regular-it/
 * Licensed pageviews: 2,000,000
 *
 * Webfont: ProximaNova-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 * Licensed pageviews: 3,000,000
 *
 * Webfont: ProximaNovaS-RegularIt by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-regular-it/
 * Licensed pageviews: 2,000,000
 *
 * Webfont: ProximaNova-RegularIt by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular-it/
 * Licensed pageviews: 2,000,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3376570
 * Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 *
 * © 2017 MyFonts Inc
*//* @import must be at top of file, otherwise CSS will not work */@font-face /* ProximaNova-Bold */ {
  font-family: 'ProximaNova';
  font-weight: bold;
  font-style: normal;
  src:
    url("../webfonts/3385BA_3_0.6fde6b96491e.woff2") format('woff2'),
    url("../webfonts/3385BA_3_0.ea427597a1a8.woff") format('woff'),
    url("../webfonts/3385BA_3_0.f94c917c3e87.ttf") format('truetype');
}@font-face /* ProximaNova-BoldIt */ {
  font-family: 'ProximaNova';
  font-weight: bold;
  font-style: italic;
  src:
    url("../webfonts/3385BA_5_0.2f023b1e7bf9.woff2") format('woff2'),
    url("../webfonts/3385BA_5_0.e8fbd2039247.woff") format('woff'),
    url("../webfonts/3385BA_5_0.35702edec4dd.ttf") format('truetype');
}@font-face /* ProximaNova-Regular */ {
  font-family: 'ProximaNova';
  font-weight: normal;
  font-style: normal;
  src:
    url("../webfonts/3385BA_9_0.1b33821060da.woff2") format('woff2'),
    url("../webfonts/3385BA_9_0.c1c18d35f4ba.woff") format('woff'),
    url("../webfonts/3385BA_9_0.2061dbed429e.ttf") format('truetype');
}@font-face /* ProximaNova-RegularIt */ {
  font-family: 'ProximaNova';
  font-weight: normal;
  font-style: italic;
  src:
    url("../webfonts/3385BA_B_0.4cc8a5daa559.woff2") format('woff2'),
    url("../webfonts/3385BA_B_0.994d03e3c339.woff") format('woff'),
    url("../webfonts/3385BA_B_0.26399fa4279b.ttf") format('truetype');
}.header_width {
  box-sizing: border-box;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 87.5rem;
  position: relative;
  width: calc(100% - 1.25rem);
}@media (max-width: 920px) {.header_width {
    margin: 0 auto;
    max-width: 20.9375rem;
    overflow: hidden;
    padding: 0;
}
  }.header_width:not(header) img {
    position: absolute;
    right: 0;
    width: auto;
  }@media (max-width: 920px) {
      .header_width:not(header) img:not(.image_mobile) {
        display: none;
      }
    }.header_width .overlay {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
  }@media (max-width: 920px) {.header_width .overlay {
      display: none;
  }
    }.header_width .overlay_mobile {
    display: none;
  }@media (max-width: 920px) {.header_width .overlay_mobile {
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
  }
    }.header_width .image_mobile {
    display: none;
  }@media (max-width: 920px) {.header_width .image_mobile {
      display: block;
      height: auto;
      max-width: 100%;
      position: relative;
      right: 0;
  }
    }.block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.125rem 0;
}@media (min-width: 921px) {.block-header {
    padding: 1.8125rem 0;
}
  }.block-header a[href] {
    display: inline-flex;
  }.block-header .logo {
    margin-left: 0.625rem;
  }.block-header .logo img {
      width: 7.375rem;
      height: 2.75rem;
    }@media (min-width: 921px) {.block-header .logo img {
        width: 11.875rem;
        height: 4.4375rem;
    }
      }.block-header nav {
    display: flex;
  }.block-header nav > ul {
      display: flex;
      align-items: center;
      list-style: none;
      margin: 0;
      padding: 0;
    }.block-header nav > ul li {
        display: flex;
        margin: 0;
      }@media (max-width: 920px) {.block-header nav > ul:first-child {
          display: none;
      }
        }.block-header nav > ul:first-child > li {
          margin-right: 3.125rem;
        }.block-header nav > ul:last-child > li + li {
        margin-left: 1.875rem;
      }.block-header nav a[href] {
      color: #56328c;
    }.block-header .block-menu {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    order: 3;
    width: 100%;
  }/* Specific styles for the Jeugd Noord Veluwe main menu */.content-menu__user-list a {
    align-items: center;
    display: flex;
    gap: 0.6rem;
  }.content-menu__user-list .main-menu_toggle {
    display: none;
  }@media (max-width: 920px) {.content-menu__user-list .main-menu_toggle {
      display: flex;
  }
    }.subheader {
  position: relative;
  z-index: 0;
}.subheader .header_width.social_block.social_block {
    display: flex;
    justify-content: flex-end;
    height: auto;
  }@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {.subheader .header_width.social_block.social_block {
      top: calc(100% + 3.125rem);
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
  }
      .subheader .header_width.social_block.social_block:before {
        content: '';
        flex-basis: 100%;
        display: block;
      }
      .subheader .header_width.social_block.social_block .share_links {
        flex-basis: 25%;
        display: flex;
        justify-content: flex-start;
        z-index: 2;
      }
        .subheader .header_width.social_block.social_block .share_links .links .facebook {
          background-position: left center;
          margin-left: 1em;
        }
        .subheader .header_width.social_block.social_block .share_links .label {
          margin-right: 1em;
        }
    }@media (max-width: 920px) {.subheader .header_width.social_block.social_block {
      padding: 0;
      max-width: 20.9375rem;
      justify-content: flex-end;
      margin: 0 auto;
  }
    }/* do not show social block on subscription page */.template-subscription .subheader .header_width.social_block.social_block {
  display: none;
}.hamburger {
  display: inline-flex;
  border: none;
  padding: 0;
  color: #56328c;
  background: transparent;
  outline-offset: 0.3125rem;
}.hamburger svg {
    pointer-events: none;
  }.hamburger-overlay {

  justify-content: flex-end;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}.hamburger-overlay[id]:not(:target),
  .hamburger-overlay[hidden] {
    display: none;
  }.hamburger-overlay[id]:target,
  .hamburger-overlay:not([hidden]) {
    display: flex;
  }@media (min-width: 921px) {.hamburger-overlay {
    background: rgba(0, 0, 0, 0.62);
}
  }.hamburger-overlay-sidebar {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  transform: 0;
  background: #56328c;
}@media (min-width: 921px) {.hamburger-overlay-sidebar {
    width: 24.375rem;
}
  }.hamburger-overlay-sidebar :focus {
    outline-offset: 0.3125rem;
  }.hamburger-overlay-sidebar .body {
    flex-grow: 1;
  }.hamburger-overlay-sidebar .body a[href]:focus {
      outline: 0.0625rem dotted #fff;
    }.hamburger-overlay-sidebar .body a[href]:focus:hover {
        outline: none;
      }.hamburger-overlay-sidebar .body a {
      color: #fff;
      background: transparent;
    }.hamburger-overlay-sidebar .close {
    order: -1;
    display: flex;
    justify-content: flex-end;
    padding: 3.3125rem 2.375rem 0 2.375rem;
    font-size: 1.25rem;
  }.hamburger-overlay-sidebar .close a,
    .hamburger-overlay-sidebar .close button {
      display: inline-flex;
      align-items: center;
      border: none;
      padding: 0;
      color: #fff;
      background: transparent;
    }.hamburger-overlay-sidebar .close a:focus, .hamburger-overlay-sidebar .close button:focus {
        outline: 0.0625rem dotted #fff;
      }.hamburger-overlay-sidebar .close a:focus:hover, .hamburger-overlay-sidebar .close button:focus:hover {
          outline: none;
        }.hamburger-overlay-sidebar .close svg {
      pointer-events: none;
      margin-left: 1.25rem;
    }.hamburger-overlay-sidebar .search {
    display: none;

    align-items: center;
    position: relative;
    margin: 3.125rem 3.125rem 3.5rem;
  }@media (min-height: 890px) {.hamburger-overlay-sidebar .search {
      display: flex;
  }
    }.hamburger-overlay-sidebar .search input {
      box-sizing: border-box;
      width: 100%;
      border: 0.0625rem solid #dfdedd;
      border-radius: 1.5625rem;
      padding: 0.75rem 3.75rem 0.75rem 1.25rem;
      color: inherit;
      background: #fff;
      font:
        1.125rem ProximaNova-Regular,
        sans-serif;
      outline: none;
    }.hamburger-overlay-sidebar .search input:focus {
        border-width: 0.125rem;
        border-color: #1dafec;
        padding: 0.6875rem 3.6875rem 0.6875rem 1.1875rem;
      }.hamburger-overlay-sidebar .search .submit {
      position: absolute;
      top: 0;
      right: 1.25rem;
      bottom: 0;
      display: flex;
      align-items: center;
    }.hamburger-overlay-sidebar .search button[type='submit'] {
      display: inline-flex;
      width: 1.25rem;
      height: 1.25rem;
      padding: 0;
      color: #1dafec;
      background: none;
      transition: all ease-in 100ms;
      outline: none;
    }.hamburger-overlay-sidebar .search button[type='submit']:focus {
        transform: scale(1.3);
      }.hamburger-overlay-sidebar ul {
    margin: 1.25rem 3.125rem;
    padding: 0;
  }.hamburger-overlay-sidebar ul + ul {
    margin-top: 2.25rem;
  }.hamburger-overlay-sidebar .primary {
    line-height: 1.625rem;
    font-size: 1.375rem;
  }.hamburger-overlay-sidebar .primary li {
      margin: 1.5625rem 0;
    }.hamburger-overlay-sidebar .secondary {
    line-height: 1.375rem;
    font-size: 1.125rem;
  }.hamburger-overlay-sidebar .secondary li {
      margin: 0.9375rem 0;
    }/* TODO: merge with and override global footer */.hamburger-overlay-sidebar footer {
    display: none;
    color: #56328c;
    background: #fff url("/static/images/contact_bubble.36aa68921ffe.svg") no-repeat 3.125rem
      1.875rem;
    font-size: 1.125rem;
  }@media only screen and (min-height: 765px) {.hamburger-overlay-sidebar footer {
      display: block;
  }
    }.hamburger-overlay-sidebar footer .contact {
      padding: 3.125rem 3.3125rem 0.75rem 3.3125rem;
    }.hamburger-overlay-sidebar footer .contact p {
        margin: 0.125rem 0;
        line-height: 1.875rem;
      }.hamburger-overlay-sidebar footer .contact a[href] {
        color: #eb168b;
        background: transparent;
      }.hamburger-overlay-sidebar footer .contact .cta {
        display: inline-flex;
        align-items: center;
      }.hamburger-overlay-sidebar footer .contact .cta::before {
          content: '';
          width: 0.75rem;
          height: 0.75rem;
          margin: 0.125rem 0.25rem 0 0;
          background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' opacity='0.75' fill='var(--arrow_pink)'%3E %3Cpath fill-rule='evenodd' d='M8 4.4A23.79 23.79 0 003.79.02a1.02 1.02 0 00-.42 0c-.15.17-.17 0-.42.4V2.8c-.97.06-2.32.47-2.53.8C.18 3.64 0 4 0 4.8c0 .39.18.75.42.8.21.32 1.56.73 2.53.8v2.38c.25.42.27.23.42.4.18.03.39.02.42 0A23.8 23.8 0 008 4.8c-.04.06 0-.07 0-.4z'/%3E %3C/svg%3E") no-repeat;
          background-size: contain;
        }.hamburger-overlay-sidebar footer .contact .cta:focus,
        .hamburger-overlay-sidebar footer .contact .cta:hover {
          color: #56328c;
          background: transparent;
        }.hamburger-overlay-sidebar footer .contact .cta:focus::before, .hamburger-overlay-sidebar footer .contact .cta:hover::before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' opacity='0.75' fill='var(--purple)'%3E %3Cpath fill-rule='evenodd' d='M8 4.4A23.79 23.79 0 003.79.02a1.02 1.02 0 00-.42 0c-.15.17-.17 0-.42.4V2.8c-.97.06-2.32.47-2.53.8C.18 3.64 0 4 0 4.8c0 .39.18.75.42.8.21.32 1.56.73 2.53.8v2.38c.25.42.27.23.42.4.18.03.39.02.42 0A23.8 23.8 0 008 4.8c-.04.06 0-.07 0-.4z'/%3E %3C/svg%3E");
          }.hamburger-overlay-sidebar footer ul {
      display: flex;
      justify-content: space-between;
      margin: 0;
      border-top: 0.0625rem solid #e3e3e3;
      padding: 1.5625rem 2.1875rem;
      list-style: none;
      font:
        1rem ProximaNova-Bold,
        sans-serif;
    }.hamburger-overlay-sidebar footer ul a {
        color: #56328c;
        background: transparent;
      }.hamburger-overlay-sidebar footer ul a:focus,
        .hamburger-overlay-sidebar footer ul a:hover {
          color: #eb168b;
          background: transparent;
        }@media (min-width: 921px) {.chat-ankeiler {
    border-radius: 0.3125rem;
    border: 0.0625rem solid #c0bfbc;
}
  }.chat-ankeiler.two {
    padding: 0;
  }.chat-ankeiler .chat-wrapper {
    min-height: 0;
    margin-bottom: 0;
  }.chat-ankeiler .chat-wrapper .chat {
      padding: 1.875rem;
    }.chat-ankeiler .chat-wrapper .chat .chat-person .image {
          width: 5rem;
          height: 5rem;
        }.chat-ankeiler .chat-wrapper .chat .chat-person .name {
          font-size: 0.875rem;
          margin-top: 0.625rem;
        }.chat-ankeiler .chat-wrapper .chat .chat-body .chat-status {
          font-size: 1rem;
        }.chat-ankeiler .chat-wrapper .chat h3 {
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.625rem;
        margin-bottom: 0.5625rem;
      }.chat-ankeiler .chat-wrapper .chat p,
      .chat-ankeiler .chat-wrapper .chat ul {
        display: none;
      }.chat-ankeiler .chat-wrapper .chat .button {
        font-size: 1rem;
      }.chat-ankeiler .chat-wrapper .chat-alternative {
      padding-top: 0.5rem;
    }.see-other-heading {
  margin: 1.25rem 0;
  color: #969595;
  background: transparent;
  font-size: 1.125rem;
  line-height: 1.75rem;
}@media (min-width: 921px) {
    .search-result-grid.flex .chat-ankeiler {
      margin-top: 0.625rem;
    }
  }@media (max-width: 920px) {.search-result-grid.flex {
    display: block;
    padding: 0;
}

    .search-result-grid.flex .two {
      flex-basis: auto !important;
    }

    .search-result-grid.flex .one {
      max-width: none;
      margin-bottom: 0;
      background: #f1efeb;
      padding: 1.875rem 0;
    }

      .search-result-grid.flex .one .chat-ankeiler {
        margin: 0 auto;
        max-width: 20.9375rem;
      }
  }@media (max-width: 920px) {.content-footer.content_width {
    max-width: none;
    background: #f1efeb;
    padding: 1.875rem 0;
}

    .content-footer.content_width > h2 {
      display: none;
    }

    .content-footer.content_width > * {
      max-width: 20.9375rem;
      margin: 0 auto;
    }
  }.toptaken-footer.flex > * {
    margin-bottom: 1.875rem !important;
  }@media (max-width: 920px) {.toptaken-footer.flex > * {
      max-width: 20.9375rem;
  }
    }@media (min-width: 921px) {.toptaken-footer.flex .chat-ankeiler {
      display: flex !important;
      flex-basis: 66% !important;
      max-width: 66% !important;
  }

      .toptaken-footer.flex .chat-ankeiler .chat {
        width: 42%;
        display: flex;
      }
    }.toptaken-footer.flex .chat-ankeiler .chat-alternative {
      font-size: 1rem;
      line-height: 1.25rem;
    }.toptaken-footer.flex .chat-ankeiler .chat-alternative li > * {
        padding-bottom: 0.75rem;
      }.toptaken-footer.flex.flex {
    padding: 0;
  }@media (max-width: 920px) {.toptaken-footer.flex.flex {
      display: block;
  }
    }.toptaken-footer-location {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.875rem !important;
  box-sizing: border-box;
  color: #fff;
  background-color: #56328c;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%),
    url("/static/images/location_footer.35b2c432e5f7.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}@media (min-width: 921px) {
    .toptaken-footer-location.one {
      flex-basis: 32% !important;
      max-width: 32% !important;
    }
  }.toptaken-footer-location h3 {
    margin: 1.25rem 0;
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }.toptaken-footer-location h3 span {
      white-space: nowrap;
    }.toptaken-footer-location .button_cta_phone {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
  }@media (min-width: 921px) {.toptaken-footer-search {
    border-radius: 0.3125rem;
    padding: 2.5rem 5rem;
    background: url("/static/images/search_footer.b9fb74d9ae0d.jpg") no-repeat center;
}

    .toptaken-footer-search .search-wrapper {
      margin: 0;
    }
  }@media (max-width: 920px) {.toptaken-footer-search {
    position: relative;
}

    .toptaken-footer-search p small {
      font-size: 100%;
    }
  }.button_cta_phone {
  display: inline-flex;
  justify-content: center;
  padding: 0.4375rem 1.25rem 0.3125rem;
  border-radius: 6.25rem;
  color: #fff;
  background-color: #1dafec;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 2rem;
}.button_cta_phone > span {
    display: inline-flex;
    align-items: center;
    border-radius: inherit;
  }.button_cta_phone > span:before {
      content: '';
      display: inline-block;
      height: 1.1875rem;
      width: 1.1875rem;
      margin-right: 0.9375rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 1.1875rem auto;
      background-image: url("/static/images/phone.8f73503fd365.svg");
    }.chat .button, .chat-ankeiler .button {
    display: flex;
    justify-content: center;
    background: #eb168b;
    padding: 0.75rem 1.25rem;
    line-height: 1.1;
    font-size: 1.125rem;
  }@media (min-width: 921px) {.chat .button, .chat-ankeiler .button {
      display: inline-flex;
      font-size: 1.25rem;
  }
    }.chat .button > span, .chat-ankeiler .button > span {
      display: inline-flex;
      align-items: center;
      border-radius: inherit;
    }.chat .button > span::before, .chat-ankeiler .button > span::before {
        content: '';
        width: 0.75rem;
        height: 0.875rem;
        margin-right: 0.625rem;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' opacity='0.75' fill='var(--purple)'%3E %3Cpath fill-rule='evenodd' d='M8 4.4A23.79 23.79 0 003.79.02a1.02 1.02 0 00-.42 0c-.15.17-.17 0-.42.4V2.8c-.97.06-2.32.47-2.53.8C.18 3.64 0 4 0 4.8c0 .39.18.75.42.8.21.32 1.56.73 2.53.8v2.38c.25.42.27.23.42.4.18.03.39.02.42 0A23.8 23.8 0 008 4.8c-.04.06 0-.07 0-.4z'/%3E %3C/svg%3E") no-repeat;
        background-size: 100%;
      }@media (min-width: 921px) {.chat .button > span::before, .chat-ankeiler .button > span::before {
          width: 0.9375rem;
          height: 1.1875rem;
      }
        }.chat-status {
  display: block;
  font-size: 0.875rem;
}@media (min-width: 921px) {.chat-status {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
  }.chat-status::before {
    content: '';
    display: inline-block;
    width: 0.3125rem;
    height: 0.3125rem;
    border-radius: 50%;
    margin: 0 1rem 0.25rem 0;
    font-size: 1.25rem;
    background: #28ce13;
  }@media (max-width: 920px) {.chat-status::before {
      margin: 0 0.625rem 0.125rem 0;
  }
    }.chat-status.chat-offline::before {
    background: #f1efeb;
  }.chat-alternative {
  font-size: 1rem;
}@media (min-width: 921px) {.chat-alternative {
    font-size: 1.125rem;
    padding: 0 0.625rem 0 1.875rem;
}
  }.chat-alternative h3 {
    color: #eb168b;
  }@media (max-width: 920px) {.chat-alternative h3 {
      padding-left: 1.25rem;
  }
    }.chat-alternative ul {
    width: 100%;
    padding: 0 0 0.625rem;
    border-bottom: 0.0625rem solid #e3e3e3;
  }.chat-alternative li {
    display: table-row;
    line-height: 1.1;
  }.chat-alternative li:before {
      content: '';
      display: inline-block;
      width: 0.5rem;
      height: 0.8125rem;
      padding-right: 0.625rem;
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='%2356328c' opacity='0.5'%3E %3Cpath d='M6.04 5.26A28.46 28.46 0 001.01.02a1.22 1.22 0 00-.5 0C.31.22.3.02 0 .5v10c.3.5.32.28.5.48.23.04.47.03.5 0 2.62-2 4.82-4.92 5.04-5.24-.04.07 0-.08 0-.48z'/%3E %3C/svg%3E") no-repeat left top;
      background-size: contain;
    }@media (max-width: 920px) {.chat-alternative li:before {
        padding-left: 1.25rem;
        width: 0.3125rem;
        height: 0.5625rem;
        background-position: left 1.25rem top;
    }
      }.chat-alternative li:first-child {
      /*
      Special case the first item (Mijn jeugddossier)
      because it has a long label that messes up the rest of
      it's part of the table layout.
      */
      display: flex;
      flex-wrap: nowrap;
    }.chat-alternative li:first-child:before {
        position: relative;
        top: 0.1875rem;
      }.chat-alternative li:first-child > * {
        display: inline-block;
      }.chat-alternative li > * {
    display: table-cell;
    padding-bottom: 0.9375rem;
  }@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {.chat-alternative li > * {
      padding-bottom: 1.25rem;
  }
    }.chat-alternative li > :first-child {
    padding-right: 0.75rem;
    white-space: nowrap;
  }@media (max-width: 920px) {.chat-alternative li > :last-child {
      padding-right: 0.75rem;
  }
    }.chat-alternative li small {
    font-size: 0.75rem;
  }@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {.chat-alternative li small {
      font-size: 0.875rem;
  }
    }.chat-alternative a {
    color: #56328c;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }@media (max-width: 920px) {.chat-alternative p {
      padding: 0 1.25rem;
  }
    }.search-wrapper {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  background-color: #fff;
  border: 0.0625rem solid #c0bfbc;
  border-radius: 0.3125rem;
}@media (min-width: 921px) {.search-wrapper {
    flex-direction: row;
    margin: 3.75rem 5rem 0;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
    border-color: transparent;
    border-radius: 0.125rem;
    padding: 1.25rem 1.5625rem;
}
  }.search-wrapper p {
    margin: 0;
  }@media (max-width: 920px) {.search-wrapper .search-body {
      margin-bottom: 1.5625rem;
  }
    }.search-wrapper .search-input {
    display: flex;
    flex: 1 0;
    flex-wrap: nowrap;
    align-items: center;
  }@media (min-width: 921px) {.search-wrapper .search-input {
      margin-left: 1rem;
  }
    }.search-wrapper input[type='search'] {
    background: #f1efeb;
    border: 0.0625rem solid #dfdedd;
    border-radius: 5rem;
    padding: 0.9375rem 1.5625rem;
    color: #5f5f5f;
    flex: 1 0;
    max-height: 3.125rem;
  }@media (max-width: 920px) {.search-wrapper input[type='search'] {
      padding-right: 3.125rem;
  }
    }.search-wrapper button[type='submit'] {
    position: absolute;
    right: 3.125rem;
    width: 1.25rem;
    height: 1.25rem;
  }@media (min-width: 921px) {.search-wrapper button[type='submit'] {
      position: static;
      margin-left: 1rem;
      flex: 0 0 1.25rem;
  }
    }.chat-wrapper {
  margin-bottom: 1.25rem;
  border-radius: 0.3125rem;
  background: #fff;
}@media (max-width: 920px) {.chat-wrapper {
    border: solid #c0bfbc;
    border-width: 0 0.0625rem 0.0625rem 0.0625rem;
}
  }@media (min-width: 921px) {.chat-wrapper {
    display: flex;
    min-height: 23.25rem;
}
  }@media (min-width: 921px) {.chat-wrapper .chat-alternative {
      padding: 1.25rem 1.5625rem 1.25rem 3.125rem;
  }
    }.chat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 2.5rem;
  border-radius: 0.3125rem;
  color: #fff;
  background: #56328c;
}@media (max-width: 920px) {.chat {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
  }.chat h3 {
    margin: 0.4375rem 0 0.5625rem 0;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1.44;
  }@media (min-width: 921px) {.chat h3 {
      margin: 1.25rem 0 0 0;
      font-weight: normal;
      font-size: 2rem;
      line-height: 2.375rem;
  }
    }.chat p,
  .chat ul {
    margin: 1.25rem 0;
    line-height: 1.625rem;
    font-size: 1.0625rem;
  }@media (max-width: 920px) {.chat p,
  .chat ul {
      display: none;
  }
    }.chat .chat-person .image {
      background-repeat: no-repeat;
      background-size: cover;
      width: 9.375rem;
      height: 9.375rem;
      border-radius: 50%;
    }@media (max-width: 920px) {.chat .chat-person .image {
        width: 5rem;
        height: 5rem;
    }
      }.chat .chat-person .name {
      margin-top: 1.25rem;
      font-size: 1.0625rem;
      text-align: center;
      color: #fff;
    }@media (max-width: 920px) {.chat .chat-person .name {
        font-size: 0.875rem;
        margin-top: 0.625rem;
    }
      }.chat .chat-body {
    padding: 0 0 1.25rem 1.875rem;
  }@media (max-width: 920px) {.chat .chat-body .button {
        font-size: 0.875rem;
    }
      }@keyframes unfold {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}@keyframes fold {
  0% {
    height: 100%;
  }
  80%,
  100% {
    height: 0;
  }
}.noscroll {
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}/*Global*/@media (min-width: 921px) and (max-width: 1399px) {html {
    font-size: 0.8em;
}
  }body {
  color: #56328c;
  font:
    1.3125rem/1.52 ProximaNova,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}@media (max-width: 920px) {body {
    font-size: 0.875rem;
}
  }h1,
h2,
h3,
h4,
h5,
b {
  font-weight: bold;
}a {
  color: #1dafec;
  -webkit-text-decoration: none;
  text-decoration: none;
}ul {
  padding-left: 1em;
}hr {
  border: 0;
  border-top: 0.0625rem solid #e3e3e3;
  display: block;
  height: 0.0625rem;
  margin: 1em 0;
  padding: 0;
}.has_before {
  display: flex;
}.has_before:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: '';
    display: block;
    align-self: center;
  }.bold {
  font-weight: bold;
}.hidden {
  display: none;
}.button {
  border-radius: 1.875rem;
  color: white;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.5rem 0.9375rem;
}.button.pink {
    background-color: #eb168b;
  }.button.grey {
    background-color: #dedcd9;
    color: #888785;
  }.content_width {
  box-sizing: border-box;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 75rem;
  padding: 0 0.625rem;
  position: relative;
  width: 100%;
}@media (max-width: 920px) {.content_width {
    max-width: 20.9375rem;
    padding: 0;
}
  }.one_column--narrow,
.one_column--narrow.content_width,
.narrow {
  left: 0; /*for absolute positioned h1*/
  margin: 0 auto; /*for absolute positioned h1*/
  padding-left: 0;
  padding-right: 0;
  right: 0; /*for absolute positioned h1*/
  width: 39.0625rem;
}@media (max-width: 920px) {.one_column--narrow,
.one_column--narrow.content_width,
.narrow {
    box-sizing: border-box;
    max-width: 20.9375rem;
    width: 100%;
}
  }.also_interesting {
  background-color: #f1efeb;
  padding: 2.5rem;
}@media (max-width: 920px) {.also_interesting {
    padding: 0;
    padding-top: 2.1875rem; /*homepage*/
    /*padding-top: 40px;*/
}
  }.also_interesting .flex > * {
    height: 20.5625rem;
  }@media (max-width: 920px) {.also_interesting .flex > * {
      max-height: 19.1875rem;
      overflow: hidden;
  }
    }.also_interesting .label {
    color: #56328c;
    display: block;
    font-size: 1.875rem;
    margin-bottom: 0.5em;
  }@media (max-width: 920px) {.also_interesting .label {
      font-size: 1.3125rem;
      text-align: center;
  }
    }.contact_block {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15);
}.contact_block .footercontact {
    border-bottom: 0;
  }/*Ook interessant*/.flex {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 75rem;
  padding: 0.625rem;
}@media (max-width: 920px) {.flex {
    flex-flow: column wrap;
}
  }.flex > * {
  border-radius: 0.3125rem;
  box-sizing: border-box;
  flex-shrink: 0;
  margin-bottom: 1.25rem;
  margin-right: 2%;
  padding: 1.5625rem;
  position: relative;
}@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {.flex > *.two + .one:nth-child(3n + 2),
  .flex > *.two:nth-child(3n + 2),
  .flex > *:nth-child(3n) {
      margin-right: 0;
  }
    }.flex > *:hover .link--hover {
      display: block;
    }.flex > * .left,
  .flex > * .bottom {
    padding: 1.5625rem;
    box-sizing: border-box;
  }.flex > * .category {
    color: #eb168b;
    display: block;
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 1.25em;
  }@media (max-width: 920px) {.flex > * .category {
      font-size: 1rem;
      margin-bottom: 1em;
  }
    }.flex > * .title {
    display: block;
    font-size: 1.375rem;
  }.link--hover,
.bottom {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}.link--hover {
  background: linear-gradient(to top, white 60%, transparent);
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  box-sizing: border-box;
  display: none;
  padding: 1.25rem;
  padding-bottom: 1.5625rem;
  width: 100%;
}@media (max-width: 920px) {.link--hover {
    display: block;
    font-weight: bold;
}
  }.left {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}.one {
  flex-basis: 32%;
  max-width: 32%;
}.two {
  flex-basis: 66%; /* twice the width of .one + 2% margin */
  max-width: 66%;
}@media (max-width: 920px) {
  .one,
  .two {
    flex-basis: 20.9375rem;
    margin: 0 auto;
    margin-bottom: 1em;
    max-width: 20.9375rem;
    width: 100%;
  }
}.theme--full {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  position: relative;
}.theme--full:before {
    background-image: linear-gradient(
      -180deg,
      rgba(0, 0, 0, 0) 0%,
      #000000 100%
    );
    border-bottom-left-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
    bottom: 0;
    content: '';
    height: 65%;
    left: 0;
    position: absolute;
    width: 100%;
  }.theme--full a {
    color: white;
    font-weight: bold;
    font-size: 1rem;
  }.theme--full .title {
    display: block;
    font-weight: bold;
    margin-bottom: 0.625rem;
  }.theme--full .label {
    color: white;
  }.theme--full .link {
    align-items: baseline;
  }.theme--full .link:before {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' opacity='.5' fill='%23FFFFFF'%3E %3Cpath fill-rule='evenodd' d='M8 4.4A23.79 23.79 0 003.79.02a1.02 1.02 0 00-.42 0c-.15.17-.17 0-.42.4V2.8c-.97.06-2.32.47-2.53.8C.18 3.64 0 4 0 4.8c0 .39.18.75.42.8.21.32 1.56.73 2.53.8v2.38c.25.42.27.23.42.4.18.03.39.02.42 0A23.8 23.8 0 008 4.8c-.04.06 0-.07 0-.4z'/%3E %3C/svg%3E");
      background-size: auto 100%;
      height: 0.6875rem;
      width: 1em;
    }.theme--half.theme--half {
  color: #56328c;
}@media (max-width: 920px) {.theme--half.theme--half.two {
      max-height: 20.625rem;
      padding: 0;
  }
    }.theme--half.theme--half.two .image {
      background-position: right;
      background-size: auto 100%;
      height: 100%;
      left: auto;
      width: calc(100% - 14.0625rem);
      right: 0;
    }@media (max-width: 920px) {.theme--half.theme--half.two .image {
        background-size: 100% auto;
        height: 9.375rem;
        left: 0;
        position: relative;
        width: 100%;
    }

        .theme--half.theme--half.two .image:after {
          background-image: url("/static/images/block_overlay.2a5ed13e310d.svg");
          background-position: top right;
          background-repeat: no-repeat;
          background-size: auto 100%;
          content: '';
          display: block;
          height: 18.75rem;
          left: -3.9375rem;
          position: absolute;
          top: 6.25rem;
          transform: rotate(-90deg);
          transform-origin: top right;
          width: 3.9375rem;
        }
      }.theme--half.theme--half.two .left {
      background-color: white;
      border-bottom-left-radius: 0.1875rem;
      border-top-left-radius: 0.1875rem;
      height: 100%;
      width: 35%;
    }@media (max-width: 920px) {.theme--half.theme--half.two .left {
        padding: 1.25rem;
        padding-top: 0;
        position: relative;
        width: 100%;
    }
      }.theme--half.theme--half.two .left:after {
        background-image: url("/static/images/block_overlay.2a5ed13e310d.svg");
        background-position: center right;
        background-repeat: no-repeat;
        content: '';
        height: 100%;
        left: calc(100% - 0.125rem);
        position: absolute;
        top: 0;
        width: 3.75rem;
      }@media (max-width: 920px) {.theme--half.theme--half.two .left:after {
          display: none;
      }
        }.theme--half.theme--half.two .left > * {
        position: relative;
      }.theme--half.theme--half.two .left .bottom {
        background-color: transparent;
        position: absolute;
      }@media (max-width: 920px) {.theme--half.theme--half.two .left .bottom {
          padding: 0;
          position: relative;
      }
        }.theme--half.theme--half.two .left p {
        font-size: 1.0625rem;
      }.theme--half.theme--half.one .bottom {
      background-color: white;
      border-bottom-left-radius: 0.3125rem;
      border-bottom-right-radius: 0.3125rem;
    }.theme--half.theme--half.one .bottom .category {
        margin-bottom: 0;
      }.theme--half.theme--half .image {
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
    height: 70%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }@media (max-width: 920px) {.theme--half.theme--half .image {
      background-position: center;
      background-size: cover;
      height: 11.875rem;
      width: 100%;
  }
    }.theme--half.theme--half .label {
    margin-bottom: 0;
  }.theme--half.theme--half .title {
    font-size: 2rem;
    line-height: 2.375rem;
    max-height: 4.2em;
    overflow: hidden;
  }@media (max-width: 920px) {.theme--half.theme--half .title {
      font-size: 1.5rem;
      line-height: 1.75rem;
  }
    }.theme--half.theme--half .title + p {
      font-size: 1.0625rem;
      max-height: 3.1875rem;
      overflow: hidden;
    }.layout--list {
  background-color: white;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}@media (max-width: 920px) {.layout--list {
    height: auto;
    max-height: 62.5rem;
}
  }.layout--list.color--grey {
    background-color: #f1efeb;
  }.layout--list .list-label {
    color: #56328c;
    display: block;
    font-weight: bold;
    font-size: 1.125rem;
  }@media (max-width: 920px) {.layout--list .list-label {
      font-size: 1.5rem;
  }
    }.layout--list .list {
    font-size: 1.125rem;
  }.layout--list .list ul {
      margin-bottom: -1em;
      padding-left: 0;
      display: flex;
      flex-wrap: wrap;
      min-width: 50%;
      flex-direction: column;
    }@media (max-width: 920px) {.layout--list .list ul {
        margin-bottom: -0.5em;
    }
      }.layout--list .list li {
      display: flex;
      font-size: 1.125rem;
      margin-bottom: 1em;
      min-width: 50%;
    }@media (max-width: 920px) {.layout--list .list li {
        font-size: 0.875rem;
        line-height: 1.5625rem;
        margin-bottom: 0.5em;
    }
      }.layout--list .list a {
      color: #56328c;
    }.layout--list .list a:hover {
        color: #eb168b;
      }.layout--list .list.list {
      justify-content: space-around;
    }.layout--list .list.list li {
        justify-content: space-between;
      }.layout--list .list.list li .doc-label {
          display: flex;
          margin-right: 1em;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }.layout--list .list.list li .doc-label > span {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }.layout--list .list.list li .doc-label:before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' opacity='0.25' fill='var(--purple)'%3E %3Cpath fill-rule='evenodd' d='M8 4.4A23.79 23.79 0 003.79.02a1.02 1.02 0 00-.42 0c-.15.17-.17 0-.42.4V2.8c-.97.06-2.32.47-2.53.8C.18 3.64 0 4 0 4.8c0 .39.18.75.42.8.21.32 1.56.73 2.53.8v2.38c.25.42.27.23.42.4.18.03.39.02.42 0A23.8 23.8 0 008 4.8c-.04.06 0-.07 0-.4z'/%3E %3C/svg%3E");
            flex-shrink: 0;
            height: 1em;
            margin-right: 0.5em;
            transform: rotate(90deg);
            width: 1em;
          }.layout--list .list.list li .link-label {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }.layout--list .list.list li .link-label:before {
            background-image: url("/static/images/arrow_triangle.2cdc70706cc3.svg");
            background-position: left;
            height: 1em;
            margin-right: 0.5em;
            width: 1em;
          }.layout--list .list.list--links ul {
        max-height: 8em;
        overflow: hidden;
      }.layout--list .list.list--links li:before {
          content: '>';
          margin-right: 0.5em;
        }.layout--list .bottom {
    background-color: white;
    border-bottom-left-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
    padding-top: 0.5em;
  }.layout--list .overview {
    border-top: 0.0625rem solid #e3e3e3;
    color: #eb168b;
    font-size: 0.75rem;
    padding-top: 0.5em;
    width: 100%;
  }.layout--list .overview:before {
      background-image: url("/static/images/arrow_triangle.2cdc70706cc3.svg");
      background-position: center left;
      background-size: 0.3125rem auto;
      height: 1rem;
      width: 1em;
    }.layout--extract {
  background-color: white;
  color: #56328c;
}@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {
    .layout--extract:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2.5rem;
      border-bottom-right-radius: 0.3125rem;
      border-bottom-left-radius: 0.3125rem;
    }
    .layout--extract.color--purple:after {
      background-image: linear-gradient(
        -180deg,
        rgba(86, 50, 140, 0) 0%,
        #56328c 40%
      );
    }
    .layout--extract.color--white:after {
      background-image: linear-gradient(
        -180deg,
        rgba(86, 50, 140, 0) 0%,
        white 40%
      );
    }
    .layout--extract:hover:after {
      display: none;
    }
  }.layout--extract.color--purple {
    background-color: #56328c;
    color: white;
  }.layout--extract.color--purple .label {
      color: #fe69bc;
    }.layout--extract.color--purple .link--hover {
      background-image: linear-gradient(to top, #56328c 60%, transparent);
    }.layout--extract .page_preview {
    max-height: 14rem;
    overflow: hidden;
  }.layout--extract p {
    /*max-height: calc(6 * 20px);*/
    overflow: hidden;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }@media (max-width: 920px) {.layout--extract p {
      font-size: 0.875rem;
      line-height: 1.5625rem;
  }
    }.layout--extract .link--hover {
    background-image: linear-gradient(to top, white 60%, transparent);
  }/*Footer*/.footercontact {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15);
  color: #56328c;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding: 1.5625rem 0 1.3125rem;
}@media (max-width: 920px) {.footercontact {
    font-size: 1rem;
}
  }.footercontact > * {
    display: flex;
    justify-content: center;
  }@media (max-width: 920px) {.footercontact > * {
      align-items: center;
      flex-flow: column wrap;
  }
    }.footercontact > * > * {
      margin: 0 0.25em;
    }.footercontact .phonenumber {
    font-weight: bold;
    color: #56328c;
  }@media (max-width: 920px) {.footercontact .default_text > span:first-child {
        color: #b5af9e;
        font-weight: bold;
        font-size: 1.125rem;
        line-height: 1.625rem;
        margin-bottom: 0.3125rem;
    }
      }.footercontact .default_text > span:first-child:before {
        background-image: url("/static/images/contact_bubble.36aa68921ffe.svg");
        background-size: 100% auto;
        height: 1em;
        margin-right: 0.5em;
        width: 1em;
      }.footercontact a {
    color: #eb168b;
    font-weight: bold;
  }.footercontact a:before {
      background-image: url(
        "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' opacity='0.75' fill='%23EE5EA1'%3E %3Cpath fill-rule='evenodd' d='M8 4.4A23.79 23.79 0 003.79.02a1.02 1.02 0 00-.42 0c-.15.17-.17 0-.42.4V2.8c-.97.06-2.32.47-2.53.8C.18 3.64 0 4 0 4.8c0 .39.18.75.42.8.21.32 1.56.73 2.53.8v2.38c.25.42.27.23.42.4.18.03.39.02.42 0A23.8 23.8 0 008 4.8c-.04.06 0-.07 0-.4z'/%3E %3C/svg%3E"
      );
      background-size: 0.6875rem auto;
      height: 1em;
      margin-right: 0.25em;
      width: 1em;
    }.footercontact a:hover {
      color: #56328c;
    }.footercontact a:hover:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' opacity='0.75' fill='var(--purple)'%3E %3Cpath fill-rule='evenodd' d='M8 4.4A23.79 23.79 0 003.79.02a1.02 1.02 0 00-.42 0c-.15.17-.17 0-.42.4V2.8c-.97.06-2.32.47-2.53.8C.18 3.64 0 4 0 4.8c0 .39.18.75.42.8.21.32 1.56.73 2.53.8v2.38c.25.42.27.23.42.4.18.03.39.02.42 0A23.8 23.8 0 008 4.8c-.04.06 0-.07 0-.4z'/%3E %3C/svg%3E");
      }.search_box {
  border-radius: 0.125rem;
  padding: 0.9375rem;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}.search_box:after {
    content: '';
  }.search_box label {
    color: #56328c;
    font-weight: bold;
    flex-shrink: 0;
    margin-right: 0.625rem;
  }.search_box input {
    border: 0.0625rem solid #c0bfbc;
    border-radius: 1.875rem;
    background-color: #f1efeb;
    /*line-height: 2.5;*/
    padding: 0.5em 1.25rem;
    box-sizing: border-box;
    width: 100%;
    color: #888785;
  }.footer_links {
  display: flex;
  font-weight: bold;
  font-size: 1rem;
  justify-content: center;
  list-style: none;
  padding: 1.375rem 1.875rem;
}@media (max-width: 920px) {.footer_links {
    align-items: center;
    flex-direction: column;
    padding: 0;
}

    .footer_links li {
      text-align: center;
      width: 100%;
    }
  }.footer_links a {
    color: #56328c;
    margin: 0 0.625rem;
  }@media (max-width: 920px) {.footer_links a {
      display: block;
      margin-left: 0;
      padding: 0.75em 0;
      width: 100%;
  }
    }.footer_links a:hover {
      color: #eb168b;
    }button[type='submit'] {
  background-color: transparent;
  background-image: url("/static/images/search.aa463026c648.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border: none;
  border-radius: 0;
  height: 1.25rem;
}.share_links {
  padding: 1.125rem 1.6875rem 0.875rem;
  border-radius: 0.1875rem;
  flex-basis: 6.0625rem;
  box-sizing: border-box;
}@media (max-width: 920px) {.share_links {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.1875rem;
    padding: 0;
}
  }.share_links .label {
    color: #5f5f5f;
  }@media (max-width: 920px) {.share_links .label {
      display: inline-block;
      margin-right: 1em;
  }
    }.share_links .links {
    display: flex;
    justify-content: space-between;
    margin-top: 0.3125rem;
  }@media (max-width: 920px) {.share_links .links {
      display: inline-block;
  }
    }.share_links .twitter,
  .share_links .facebook {
    height: 1rem;
    width: 1.1875rem;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
  }@media (max-width: 920px) {.share_links .twitter,
  .share_links .facebook {
      display: inline-block;
  }
    }.share_links .facebook {
    background-image: url("/static/images/facebook.94c5f4de4b8e.svg");
    background-size: auto 100%;
    background-position: center right;
  }.share_links .twitter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E %3Csvg width='20px' height='16px' viewBox='0 0 20 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Header' transform='translate(-1128.000000, -38.000000)' fill='%231BA1F1'%3E %3Cg id='Group-2'%3E %3Cg transform='translate(1118.000000, 26.000000)'%3E %3Cg id='Group-5'%3E %3Cpath d='M22.7781361,12.18872 C21.0319612,12.8242717 19.9283786,14.4625826 20.0541032,16.2562505 L20.0960114,16.9482956 L19.3975414,16.8635554 C16.8551107,16.5387179 14.6339762,15.4370951 12.7481072,13.5869336 L11.8261268,12.6689146 L11.588647,13.3468363 C11.0857487,14.8580369 11.4070448,16.4539777 12.4547498,17.5273538 C13.0135258,18.1205353 12.8878012,18.2052756 11.9239126,17.8521913 C11.588647,17.7392044 11.2952896,17.6544641 11.2673508,17.6968342 C11.1695651,17.7956978 11.5048306,19.0809245 11.7702492,19.5893658 C12.1334536,20.2955343 12.8738318,20.9875794 13.684057,21.3971571 L14.3685576,21.7219946 L13.5583324,21.736118 C12.776046,21.736118 12.7481072,21.7502414 12.8319236,22.0468321 C13.1113116,22.9648512 14.2148942,23.9393637 15.4442013,24.3630648 L16.3103041,24.6596556 L15.5559565,25.1116034 C14.4384046,25.7612784 13.125281,26.128486 11.8121574,26.1567328 C11.1835345,26.1708561 10.6666667,26.2273496 10.6666667,26.2697197 C10.6666667,26.4109534 12.3709334,27.2018621 13.3627608,27.5125763 C16.3382429,28.4305953 19.872501,28.0351409 22.5266869,26.4674469 C24.4125559,25.3517007 26.2984248,23.1343316 27.178497,20.9875794 C27.6534566,19.8435865 28.1284162,17.7533277 28.1284162,16.7505685 C28.1284162,16.1008935 28.1703244,16.0161532 28.9526107,15.2393679 C29.4136009,14.7874201 29.8466523,14.2931021 29.9304687,14.1518684 C30.0701627,13.8835244 30.0561933,13.8835244 29.3437539,14.1236217 C28.156355,14.5473228 27.9887222,14.4908293 28.5754369,13.8552777 C29.0084883,13.4033298 29.5253561,12.5841744 29.5253561,12.3440771 C29.5253561,12.301707 29.3158151,12.3723238 29.0783353,12.4994342 C28.8268861,12.6406678 28.2681102,12.8525184 27.8490282,12.9796287 L27.0946806,13.219726 L26.41018,12.7536548 C26.0330062,12.4994342 25.502169,12.2169668 25.222781,12.1322265 C24.5103417,11.9344994 23.4207285,11.9627461 22.7781361,12.18872 L22.7781361,12.18872 Z' id='Shape' style='mix-blend-mode: multiply;'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    background-size: 100% auto;
  }@media (max-width: 920px) {.richtext-image.right {
      height: auto;
      max-height: 18.75rem;
      width: auto;
      max-width: 100%;
  }
    }@media (min-width: 921px) {.richtext-image.right {
      width: 30%;
      float: right;
      height: auto;
      padding: 0.9375rem 0 0.9375rem 0.9375rem;
  }
    }