html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr, figure, form {
  margin: 0;
  padding: 0; }

pre, code, address, caption, cite, code, th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal; }

fieldset, img, hr, form {
  border: none; }

caption, th {
  text-align: left; }

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

td {
  vertical-align: top; }

* {
  outline: none;
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Palanquin Dark", Arial, Helvetica, sans-serif; }

html, body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "Quicksand", Arial, Helvetica, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #000;
  scroll-behavior: smooth; }

p:not(:last-child) {
  margin-bottom: 1em; }

b, strong {
  font-weight: 700; }

.cover {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0; }

a, button {
  color: inherit;
  -webkit-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden; }
  a:hover, button:hover {
    color: #2b2cc6; }

.text h2, .text h3 {
  font-family: "Palanquin Dark", Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  margin-bottom: .5em; }
.text h3 {
  font-size: 1em;
  margin-bottom: 0; }
.text ol, .text ul {
  margin-left: 2.5em;
  margin-bottom: 1em;
  margin-top: 1em; }
  @media (max-width: 480px) {
    .text ol, .text ul {
      margin-left: 1.75em; } }
.text img {
  display: block;
  max-width: 100%; }
.text table {
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  width: 100%;
  max-width: 100%; }
  .text table tr td, .text table tr th {
    font-size: 12px;
    padding: 1em; }
    .text table tr td p, .text table tr th p {
      font-size: 1em; }
    @media (min-width: 769px) {
      .text table tr td:nth-child(odd), .text table tr th:nth-child(odd) {
        background: rgba(0, 0, 0, 0.1); } }
  .text table tr th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  @media (max-width: 768px) {
    .text table thead {
      display: none; }
    .text table tbody {
      display: block; }
    .text table tr {
      display: block; }
      .text table tr:nth-child(odd) td {
        background: rgba(0, 0, 0, 0.1); }
      .text table tr td {
        display: block;
        position: relative;
        padding-left: 14em; }
      .text table tr td:before {
        content: attr(data-title);
        font-size: inherit;
        font-weight: 700;
        padding-right: 1em;
        width: 14em;
        position: absolute;
        left: 1em;
        top: 1em; } }

.sidepadding, .homeintro, .homeintro .wrapper .textwrapper, .homeintro .wrapper .imgwrapper, .contactintro, .contactintro .wrapper .textwrapper, .topnews, .topnews .wrapper .side, .newslist, .spotlight, .spotlight .catalog, .paragraaf, .newsparagraaf, .paragraaf .wrapper .imgwrapper + .textwrapper, .newsparagraaf .wrapper .imgwrapper + .textwrapper, .paragraaf.reversed .wrapper .imgwrapper + .textwrapper, .reversed.newsparagraaf .wrapper .imgwrapper + .textwrapper, .calltoaction, .catalogpage, .detailpage, .detailpage .detailpagecontent .textwrapper, .articlepageintro, .backsection, .standardpageintro, .teacherlist, .teacherintro, .locationintro, .teacherintro .teacherpagecontent .textwrapper, .locationintro .teacherpagecontent .textwrapper, .locations, .partners, .accordion {
  padding-left: 80px;
  padding-right: 80px;
  box-sizing: border-box; }
  @media (max-width: 1440px) {
    .sidepadding, .homeintro, .homeintro .wrapper .textwrapper, .homeintro .wrapper .imgwrapper, .contactintro, .contactintro .wrapper .textwrapper, .topnews, .topnews .wrapper .side, .newslist, .spotlight, .spotlight .catalog, .paragraaf, .newsparagraaf, .paragraaf .wrapper .imgwrapper + .textwrapper, .newsparagraaf .wrapper .imgwrapper + .textwrapper, .paragraaf.reversed .wrapper .imgwrapper + .textwrapper, .reversed.newsparagraaf .wrapper .imgwrapper + .textwrapper, .calltoaction, .catalogpage, .detailpage, .detailpage .detailpagecontent .textwrapper, .articlepageintro, .backsection, .standardpageintro, .teacherlist, .teacherintro, .locationintro, .teacherintro .teacherpagecontent .textwrapper, .locationintro .teacherpagecontent .textwrapper, .locations, .partners, .accordion {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (max-width: 1200px) {
    .sidepadding, .homeintro, .homeintro .wrapper .textwrapper, .homeintro .wrapper .imgwrapper, .contactintro, .contactintro .wrapper .textwrapper, .topnews, .topnews .wrapper .side, .newslist, .spotlight, .spotlight .catalog, .paragraaf, .newsparagraaf, .paragraaf .wrapper .imgwrapper + .textwrapper, .newsparagraaf .wrapper .imgwrapper + .textwrapper, .paragraaf.reversed .wrapper .imgwrapper + .textwrapper, .reversed.newsparagraaf .wrapper .imgwrapper + .textwrapper, .calltoaction, .catalogpage, .detailpage, .detailpage .detailpagecontent .textwrapper, .articlepageintro, .backsection, .standardpageintro, .teacherlist, .teacherintro, .locationintro, .teacherintro .teacherpagecontent .textwrapper, .locationintro .teacherpagecontent .textwrapper, .locations, .partners, .accordion {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (max-width: 480px) {
    .sidepadding, .homeintro, .homeintro .wrapper .textwrapper, .homeintro .wrapper .imgwrapper, .contactintro, .contactintro .wrapper .textwrapper, .topnews, .topnews .wrapper .side, .newslist, .spotlight, .spotlight .catalog, .paragraaf, .newsparagraaf, .paragraaf .wrapper .imgwrapper + .textwrapper, .newsparagraaf .wrapper .imgwrapper + .textwrapper, .paragraaf.reversed .wrapper .imgwrapper + .textwrapper, .reversed.newsparagraaf .wrapper .imgwrapper + .textwrapper, .calltoaction, .catalogpage, .detailpage, .detailpage .detailpagecontent .textwrapper, .articlepageintro, .backsection, .standardpageintro, .teacherlist, .teacherintro, .locationintro, .teacherintro .teacherpagecontent .textwrapper, .locationintro .teacherpagecontent .textwrapper, .locations, .partners, .accordion {
      padding-left: 25px;
      padding-right: 25px; } }

.toppadding, .homeintro .wrapper .textwrapper .content, .contactintro .wrapper .textwrapper, .topnews, .newslist, .newsoverview, .spotlight .wrapper, .paragraaf .wrapper .imgwrapper + .textwrapper, .newsparagraaf .wrapper .imgwrapper + .textwrapper, .detailpage .detailpagecontent, .backsection, .teacherlist, .teacherlist .pageing, .teacherintro .teacherpagecontent, .locationintro .teacherpagecontent, .locations, .partners, .accordion {
  padding-top: 75px;
  padding-bottom: 75px; }
  @media (max-width: 1440px) {
    .toppadding, .homeintro .wrapper .textwrapper .content, .contactintro .wrapper .textwrapper, .topnews, .newslist, .newsoverview, .spotlight .wrapper, .paragraaf .wrapper .imgwrapper + .textwrapper, .newsparagraaf .wrapper .imgwrapper + .textwrapper, .detailpage .detailpagecontent, .backsection, .teacherlist, .teacherlist .pageing, .teacherintro .teacherpagecontent, .locationintro .teacherpagecontent, .locations, .partners, .accordion {
      padding-top: 55px;
      padding-bottom: 55px; } }
  @media (max-width: 1200px) {
    .toppadding, .homeintro .wrapper .textwrapper .content, .contactintro .wrapper .textwrapper, .topnews, .newslist, .newsoverview, .spotlight .wrapper, .paragraaf .wrapper .imgwrapper + .textwrapper, .newsparagraaf .wrapper .imgwrapper + .textwrapper, .detailpage .detailpagecontent, .backsection, .teacherlist, .teacherlist .pageing, .teacherintro .teacherpagecontent, .locationintro .teacherpagecontent, .locations, .partners, .accordion {
      padding-top: 35px;
      padding-bottom: 35px; } }
  @media (max-width: 480px) {
    .toppadding, .homeintro .wrapper .textwrapper .content, .contactintro .wrapper .textwrapper, .topnews, .newslist, .newsoverview, .spotlight .wrapper, .paragraaf .wrapper .imgwrapper + .textwrapper, .newsparagraaf .wrapper .imgwrapper + .textwrapper, .detailpage .detailpagecontent, .backsection, .teacherlist, .teacherlist .pageing, .teacherintro .teacherpagecontent, .locationintro .teacherpagecontent, .locations, .partners, .accordion {
      padding-top: 25px;
      padding-bottom: 25px; } }

.bigtoppadding, .paragraaf, .newsparagraaf, .calltoaction, .catalogpage, .standardpageintro .wrapper {
  padding-top: 105px;
  padding-bottom: 105px; }
  @media (max-width: 768px) {
    .bigtoppadding, .paragraaf, .newsparagraaf, .calltoaction, .catalogpage, .standardpageintro .wrapper {
      padding-top: 55px;
      padding-bottom: 55px; } }

.videowrapper {
  position: relative;
  width: 100%; }
  .videowrapper:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
    z-index: 1; }
  .videowrapper iframe, .videowrapper video {
    border-radius: 25px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }

.cookienotice {
  position: fixed;
  right: 1em;
  bottom: 1em;
  width: 90%;
  max-width: 370px;
  padding: 1em;
  color: #000;
  border: 2px solid #2b2cc6;
  background: #fff;
  z-index: 9999;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap; }
  .cookienotice.hidden {
    display: none; }
  .cookienotice .text {
    padding-right: .75em;
    font-size: 1em;
    width: 100%; }
  @media (max-width: 400px) {
    .cookienotice {
      left: 1em;
      width: 100%; } }
  .cookienotice .cookiebtn {
    background: #2b2cc6;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: .5em .75em;
    font-weight: 700;
    margin-right: 1em; }
    .cookienotice .cookiebtn:hover {
      background: #000;
      color: #fff; }
  .cookienotice .cookiedeny {
    display: inline-block;
    color: #2b2cc6;
    text-decoration: none;
    font-weight: 700;
    font-size: .875em; }
    .cookienotice .cookiedeny:hover {
      color: #000; }

[data-role=showcookienotice] {
  cursor: pointer; }

body.compensate-for-scrollbar {
  overflow: hidden; }

.fancybox-active {
  height: auto; }

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible; }

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-toolbar {
  right: 0;
  top: 0; }

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--html {
  padding: 6px; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable='true'] {
  cursor: text; }

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%; }

.fancybox-slide--video .fancybox-content {
  background: #000; }

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff; }

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0; }

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:hover {
  color: #fff; }

.fancybox-button:focus {
  outline: none; }

.fancybox-button.fancybox-focus {
  outline: 1px dotted; }

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none; }

/* Fix IE11 */
.fancybox-button div {
  height: 100%; }

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%; }

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0; }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none; }

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none; }

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: linear;
  z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401; }

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1; }

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px; }

.fancybox-navigation .fancybox-button div {
  padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0; }

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0;
  text-align: center;
  z-index: 99996; }

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -44px;
  z-index: -1; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-caption {
    padding: 12px; }

  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px; }

  .fancybox-slide--image {
    padding: 6px 0; }

  .fancybox-close-small {
    right: -6px; }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; } }
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs__list a:focus::before {
  opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px; }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px); } }
.closemenu {
  display: none; }
  @media (max-width: 990px) {
    .closemenu {
      display: flex;
      width: 32px;
      height: 32px;
      color: #fff;
      background: transparent;
      align-items: center;
      justify-content: center;
      border: none;
      position: absolute;
      right: 15px;
      top: 25px; } }

.headerpadding, .homeintro .wrapper .textwrapper, .contactintro, .newsoverview, .catalogpage, .detailpage, .articlepageintro, .standardpageintro, .teacherintro, .locationintro {
  padding-top: 95px; }
  @media (max-width: 990px) {
    .headerpadding, .homeintro .wrapper .textwrapper, .contactintro, .newsoverview, .catalogpage, .detailpage, .articlepageintro, .standardpageintro, .teacherintro, .locationintro {
      padding-top: 70px; } }

.overflow {
  width: 100%;
  overflow: hidden; }

header {
  width: 100%;
  height: 95px;
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9900;
  background: #fff;
  -webkit-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden; }
  header .logo {
    margin: 5px 25px 0 25px;
    display: block;
    width: 115px;
    position: relative;
    -webkit-transition: width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), margin 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), margin 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), margin 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), margin 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), margin 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
    header .logo img {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 100%; }
    @media (max-width: 1800px) {
      header .logo {
        width: 75px; }
        header .logo img {
          position: relative;
          left: auto;
          top: auto; } }
  header nav {
    display: flex;
    font-size: 14px; }
    header nav > ul {
      display: flex; }
      header nav > ul > li {
        display: block;
        padding: 40px 0 30px 0;
        margin-right: 2em;
        position: relative; }
        header nav > ul > li.active > a {
          font-weight: 700; }
        header nav > ul > li.active:before {
          height: 32px;
          width: 32px;
          content: "";
          position: absolute;
          display: block;
          background: #2b2cc6;
          opacity: .2;
          left: 0;
          top: 0;
          border-radius: 0 0 10px 10px;
          -webkit-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -moz-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -ms-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -o-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden; }
        header nav > ul > li a {
          color: #2b2cc6;
          text-decoration: none;
          line-height: 1.33em;
          display: block; }
          header nav > ul > li a:hover {
            color: #191972; }
        header nav > ul > li .submenu {
          display: none;
          position: absolute;
          top: 100%;
          left: 0;
          border-radius: 4px;
          margin-top: -20px;
          background: #fff;
          padding: 1em;
          border: 1px solid #F4F4FC; }
          header nav > ul > li .submenu ul {
            display: block;
            min-width: 100%; }
            header nav > ul > li .submenu ul li {
              display: block;
              padding: 5px 0; }
              header nav > ul > li .submenu ul li.active > a {
                font-weight: 700; }
              header nav > ul > li .submenu ul li a:hover {
                color: #22239c; }
        header nav > ul > li:hover .submenu {
          display: block; }
    @media (max-width: 990px) {
      header nav {
        position: fixed;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        z-index: 9999;
        background: #2b2cc6;
        -webkit-transition: left 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition: left 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -ms-transition: left 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -o-transition: left 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: left 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden; }
        .locked header nav {
          left: 0; }
        header nav > ul {
          font-size: 20px;
          display: block;
          width: 100%;
          padding: 60px 0px; }
          header nav > ul > li {
            padding: .75em  25px .75em 50px; }
            header nav > ul > li a {
              color: #fff; }
            header nav > ul > li.active:before {
              background: #fff;
              left: 0;
              top: .5em;
              bottom: .5em;
              height: auto;
              border-radius: 0 8px 8px 0; }
            header nav > ul > li .submenu {
              display: block;
              background: transparent;
              border: none;
              position: relative;
              top: auto;
              left: auto;
              margin: 0; } }
    @media (max-width: 480px) {
      header nav > ul {
        font-size: 18px; } }
  header .sidemenu {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 20px 15px;
    background: #2b2cc6;
    -webkit-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    border-radius: 0 0 0 30px; }
    header .sidemenu li {
      display: block; }
      header .sidemenu li a, header .sidemenu li button {
        color: #fff;
        padding: 15px 7px;
        text-decoration: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: transparent;
        border: none; }
        header .sidemenu li a:hover, header .sidemenu li button:hover {
          color: #22239c; }
      header .sidemenu li.showmenu {
        display: none; }
        @media (max-width: 990px) {
          header .sidemenu li.showmenu {
            display: flex; } }
  header:not(.scrolling).inversed {
    background: transparent; }
    header:not(.scrolling).inversed nav > ul > li.active:before {
      background: #fff; }
    header:not(.scrolling).inversed nav > ul > li > a, header:not(.scrolling).inversed nav > ul > li button {
      color: #fff; }
    header:not(.scrolling).inversed .sidemenu {
      background: #fff; }
      header:not(.scrolling).inversed .sidemenu li a, header:not(.scrolling).inversed .sidemenu li button {
        color: #2b2cc6; }
        header:not(.scrolling).inversed .sidemenu li a:hover, header:not(.scrolling).inversed .sidemenu li button:hover {
          color: #22239c; }
  header.scrolling .logo {
    width: 75px; }
  @media (max-width: 990px) {
    header {
      height: 70px; } }

.wrapper {
  max-width: 1530px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.maintitle {
  font-size: 36px;
  font-family: "Palanquin Dark", Arial, Helvetica, sans-serif;
  line-height: 1.33em;
  margin-bottom: .5em; }
  @media (max-width: 1200px) {
    .maintitle {
      font-size: 32px; } }
  @media (max-width: 990px) {
    .maintitle {
      font-size: 24px; } }

.subtitle, .catalog .catalogitem .catalogitem-body h3 {
  font-size: 24px;
  color: #2b2cc6;
  font-family: "Palanquin Dark", Arial, Helvetica, sans-serif;
  line-height: 1.33em;
  margin-bottom: 1em; }
  @media (max-width: 1200px) {
    .subtitle, .catalog .catalogitem .catalogitem-body h3 {
      font-size: 20px; } }
  @media (max-width: 990px) {
    .subtitle, .catalog .catalogitem .catalogitem-body h3 {
      font-size: 18px; } }

.smalltitle {
  font-size: 20px;
  color: #000;
  font-family: "Palanquin Dark", Arial, Helvetica, sans-serif;
  line-height: 1.33em;
  margin-bottom: 1em; }
  @media (max-width: 1200px) {
    .smalltitle {
      font-size: 18px; } }

.btn {
  text-transform: uppercase;
  cursor: pointer;
  padding: 1em;
  text-decoration: none;
  background: #fff;
  color: #2b2cc6;
  font-size: 12px;
  font-weight: 700;
  font-family: "Quicksand", Arial, Helvetica, sans-serif;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  border: none; }
  .btn:hover {
    background: #f2f2f2; }
  .btn.primary {
    background: #2b2cc6;
    color: #fff; }
    .btn.primary:hover {
      background: #191972; }

.homeintro {
  position: relative;
  overflow: hidden;
  background: linear-gradient(0deg, #fff 0%, #fff 80px, #2b2cc6 80px, #2b2cc6);
  color: #fff; }
  @media (max-width: 1400px) {
    .homeintro {
      background: linear-gradient(0deg, #fff 0%, #fff 60px, #2b2cc6 60px, #2b2cc6); } }
  @media (max-width: 1200px) {
    .homeintro {
      background: linear-gradient(0deg, #fff 0%, #fff 35px, #2b2cc6 35px, #2b2cc6); } }
  @media (max-width: 990px) {
    .homeintro {
      background: #2b2cc6; } }
  .homeintro:after {
    content: "";
    display: block;
    border-radius: 100px 0 0 0;
    position: absolute;
    width: 50%;
    right: 0;
    top: 50%;
    bottom: 0px;
    background: #fff;
    z-index: 1; }
  .homeintro .wrapper {
    display: flex;
    position: relative;
    z-index: 10; }
    .homeintro .wrapper .textwrapper {
      width: 50%;
      padding-left: 0;
      display: flex;
      align-items: center;
      position: relative;
      padding-bottom: 2em; }
      .homeintro .wrapper .textwrapper:before {
        content: "";
        display: block;
        width: 226px;
        height: 156px;
        position: absolute;
        z-index: 3;
        right: 0;
        bottom: 80px;
        -webkit-transform: translate(0, 50%);
        -moz-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        -o-transform: translate(0, 50%);
        transform: translate(0, 50%);
        background: url("../../pictures/paragraphrings.svg") no-repeat center center/cover; }
        @media (max-width: 1440px) {
          .homeintro .wrapper .textwrapper:before {
            width: 180px;
            height: 124.2477876106px;
            bottom: 60px; } }
        @media (max-width: 1200px) {
          .homeintro .wrapper .textwrapper:before {
            width: 150px;
            height: 103.5398230088px;
            bottom: 35px; } }
        @media (max-width: 990px) {
          .homeintro .wrapper .textwrapper:before {
            bottom: 0; } }
      .homeintro .wrapper .textwrapper .content {
        width: 100%;
        max-width: 540px; }
        .homeintro .wrapper .textwrapper .content .btn {
          margin-top: 3em; }
    .homeintro .wrapper .imgwrapper {
      width: 50%;
      padding-right: 0;
      position: relative; }
      .homeintro .wrapper .imgwrapper:before {
        width: 155px;
        height: 155px;
        content: "";
        display: block;
        background: url("../../pictures/homering.svg") no-repeat center center/cover;
        position: absolute;
        z-index: 2;
        right: 0%;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -o-transform: translate(50%, -50%);
        transform: translate(50%, -50%); }
      .homeintro .wrapper .imgwrapper:after {
        width: 240px;
        height: 240px;
        content: "";
        display: block;
        background: url("../../pictures/newsrings.svg") no-repeat center center/cover;
        position: absolute;
        z-index: 2;
        right: 0;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -o-transform: translate(50%, -50%);
        transform: translate(50%, -50%); }
      .homeintro .wrapper .imgwrapper .content {
        position: relative;
        width: 100%; }
        .homeintro .wrapper .imgwrapper .content:before {
          width: 100%;
          display: block;
          content: "";
          position: relative;
          padding-top: 121.9696969697%; }
        .homeintro .wrapper .imgwrapper .content img {
          position: absolute;
          display: block;
          z-index: 1;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          z-index: 5; }
  @media (max-width: 767px) {
    .homeintro .wrapper {
      display: block; }
      .homeintro .wrapper .textwrapper {
        width: 100%;
        padding-left: 0;
        padding-right: 0; }
      .homeintro .wrapper .imgwrapper {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 25px; }
        .homeintro .wrapper .imgwrapper:before {
          width: 100px;
          height: 100px; }
        .homeintro .wrapper .imgwrapper:after {
          width: 140px;
          height: 140px; }
    .homeintro:after {
      display: none; } }

.contactintro {
  color: #fff;
  background: #2b2cc6;
  position: relative; }
  .contactintro:before {
    width: 240px;
    height: 240px;
    content: "";
    display: block;
    background: url("../../pictures/newsrings.svg") no-repeat center center/cover;
    position: absolute;
    z-index: 2;
    right: 0%;
    top: 50%;
    -webkit-transform: translate(-25%, -50%);
    -moz-transform: translate(-25%, -50%);
    -ms-transform: translate(-25%, -50%);
    -o-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%); }
  .contactintro:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 40%;
    top: 50%;
    bottom: 0;
    right: 0;
    background: #fff;
    border-radius: 100px 0 0 0; }
    @media (max-width: 990px) {
      .contactintro:after {
        border-radius: 75px 0 0 0; } }
  .contactintro .wrapper {
    position: relative;
    z-index: 4;
    display: flex; }
    .contactintro .wrapper .textwrapper {
      width: 50%;
      padding-left: 0;
      display: flex;
      align-items: center; }
      .contactintro .wrapper .textwrapper .content {
        width: 100%;
        max-width: 540px; }
        .contactintro .wrapper .textwrapper .content .text a:hover {
          color: #FFEB00; }
    .contactintro .wrapper .imgwrapper {
      width: 50%;
      padding: 50px 0; }
      .contactintro .wrapper .imgwrapper .content {
        position: relative;
        width: 100%; }
        .contactintro .wrapper .imgwrapper .content:before {
          width: 100%;
          display: block;
          content: "";
          position: relative;
          padding-top: 62.25%; }
        .contactintro .wrapper .imgwrapper .content img {
          position: absolute;
          display: block;
          z-index: 1;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover; }
  @media (max-width: 990px) {
    .contactintro .wrapper {
      display: block; }
      .contactintro .wrapper .imgwrapper {
        width: 100%; }
      .contactintro .wrapper .textwrapper {
        width: 100%; } }

.topnews {
  position: relative; }
  .topnews:before {
    width: 240px;
    height: 240px;
    content: "";
    display: block;
    background: url("../../pictures/newsrings.svg") no-repeat center center/cover;
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .topnews .wrapper {
    display: flex; }
    .topnews .wrapper .article {
      width: 100%; }
    .topnews .wrapper .main {
      width: 50%; }
      .topnews .wrapper .main .article {
        height: 100%; }
        .topnews .wrapper .main .article .imgwrapper {
          flex: 1; }
    .topnews .wrapper .side {
      width: 50%;
      padding-right: 0; }
      .topnews .wrapper .side .article:not(:last-child) {
        margin-bottom: 2em; }
      @media (min-width: 1200px) {
        .topnews .wrapper .side .article {
          flex-direction: row; }
          .topnews .wrapper .side .article .imgwrapper {
            width: 240px; }
          .topnews .wrapper .side .article .textwrapper {
            width: -moz-calc(100% - 240px);
            width: -webkit-calc(100% - 240px);
            width: -o-calc(100% - 240px);
            width: calc(100% - 240px);
            padding-top: 1em;
            padding-bottom: 1em; } }
    @media (max-width: 1600px) {
      .topnews .wrapper .side {
        padding-left: 25px; }
        .topnews .wrapper .side .article .textwrapper {
          font-size: 14px; }
        .topnews .wrapper .side .article:not(:last-child) {
          margin-bottom: 1em; } }
    @media (max-width: 1200px) {
      .topnews .wrapper {
        display: block; }
        .topnews .wrapper .main {
          width: 100%;
          padding-bottom: 40px; }
          .topnews .wrapper .main .article .textwrapper {
            font-size: 14px; }
        .topnews .wrapper .side {
          width: 100%;
          padding-left: 0;
          display: flex;
          flex-wrap: wrap; }
          .topnews .wrapper .side .article {
            width: -moz-calc((100% - 40px)/2);
            width: -webkit-calc((100% - 40px)/2);
            width: -o-calc((100% - 40px)/2);
            width: calc((100% - 40px)/2);
            margin-left: 40px; }
            .topnews .wrapper .side .article:not(:last-child) {
              margin-bottom: 40px; }
            .topnews .wrapper .side .article:nth-child(3), .topnews .wrapper .side .article:nth-child(4), .topnews .wrapper .side .article:last-child {
              margin-bottom: 0; }
            .topnews .wrapper .side .article:nth-child(2n+1) {
              margin-left: 0; } }
    @media (max-width: 767px) {
      .topnews .wrapper .side .article {
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px; }
        .topnews .wrapper .side .article:nth-child(3), .topnews .wrapper .side .article:nth-child(4), .topnews .wrapper .side .article:last-child {
          margin-bottom: 40px; } }
  @media (max-width: 480px) {
    .topnews {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; }
      .topnews .wrapper .main {
        padding-bottom: 0; }
      .topnews .wrapper .side .article:not(:last-child), .topnews .wrapper .side .article:last-child {
        margin-bottom: 0; } }

.newslist {
  padding-top: 0; }
  .newslist .articleitems {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .newslist .articleitems .article {
      margin-left: 30px;
      margin-bottom: 30px; }
      @media (min-width: 1200px) {
        .newslist .articleitems .article {
          width: -moz-calc((100% - 90px)/4);
          width: -webkit-calc((100% - 90px)/4);
          width: -o-calc((100% - 90px)/4);
          width: calc((100% - 90px)/4); }
          .newslist .articleitems .article:nth-child(4n+1) {
            margin-left: 0; } }
      @media (max-width: 1200px) and (min-width: 990px) {
        .newslist .articleitems .article {
          width: -moz-calc((100% - 60px)/3);
          width: -webkit-calc((100% - 60px)/3);
          width: -o-calc((100% - 60px)/3);
          width: calc((100% - 60px)/3);
          margin-left: 30px;
          margin-bottom: 30px;
          font-size: 14px; }
          .newslist .articleitems .article:nth-child(3n+1) {
            margin-left: 0; } }
      @media (max-width: 990px) {
        .newslist .articleitems .article {
          width: -moz-calc((100% - 40px)/2);
          width: -webkit-calc((100% - 40px)/2);
          width: -o-calc((100% - 40px)/2);
          width: calc((100% - 40px)/2);
          margin-left: 40px;
          margin-bottom: 40px; }
          .newslist .articleitems .article:nth-child(2n+1) {
            margin-left: 0; } }
      @media (max-width: 767px) {
        .newslist .articleitems .article {
          width: 100%;
          margin-left: 0; } }
      @media (max-width: 480px) {
        .newslist .articleitems .article {
          width: 100%;
          margin-left: 0; }
          .newslist .articleitems .article:not(:last-child) {
            margin-bottom: 0; } }
  @media (max-width: 480px) {
    .newslist {
      padding: 0; } }

.newsoverview {
  position: relative; }
  .newsoverview:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 0 0 5vw 0;
    top: 0;
    left: 0;
    width: 60%;
    bottom: 80px;
    background: #F3F4F4; }
  @media (max-width: 480px) {
    .newsoverview:before {
      display: none; }
    .newsoverview .topnews {
      padding-top: 0; } }

.article {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border: 1px solid #F3F4F4;
  background: #fff; }
  .article .imgwrapper {
    width: 100%;
    position: relative; }
    .article .imgwrapper img {
      position: absolute;
      display: block;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .article .imgwrapper:before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 57.5675675676%; }
  .article .textwrapper {
    padding: 2em;
    background: #fff; }
    .article .textwrapper h2 {
      color: #2b2cc6;
      font-family: "Palanquin Dark", Arial, Helvetica, sans-serif;
      font-size: 22px;
      margin-bottom: .5em; }

.catalog .catalog-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
.catalog .catalogitem {
  width: -moz-calc((100% - 80px)/3);
  width: -webkit-calc((100% - 80px)/3);
  width: -o-calc((100% - 80px)/3);
  width: calc((100% - 80px)/3);
  margin-left: 40px;
  margin-bottom: 40px;
  padding: 25px;
  border: 1px solid #F4F4FC;
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  text-decoration: none; }
  .catalog .catalogitem:nth-child(3n+1) {
    margin-left: 0; }
  .catalog .catalogitem .catalogitem-body h3 {
    color: #000;
    margin-bottom: .5em; }
  .catalog .catalogitem .catalogitem-body .type {
    color: #2b2cc6;
    font-weight: 700;
    font-size: 12px; }
  .catalog .catalogitem .catalogitem-footer {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: .5em; }
    .catalog .catalogitem .catalogitem-footer .btn {
      margin-left: auto; }

.location {
  font-size: 14px;
  padding-right: 1em;
  display: flex;
  align-items: center;
  text-decoration: none; }
  .location i {
    color: #FFEB00;
    margin-right: .25em; }
  .location span {
    color: #868686;
    font-weight: 500; }

.spotlight .wrapper {
  position: relative; }
  .spotlight .wrapper:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 0 5vw 0 0;
    top: 160px;
    right: 0;
    bottom: 0;
    width: 100vw;
    background: #F3F4F4; }
    @media (max-width: 390px) {
      .spotlight .wrapper:before {
        right: -25px;
        border-radius: 0; } }
.spotlight .catalog {
  position: relative;
  z-index: 6;
  padding-left: 0; }
  @media (max-width: 390px) {
    .spotlight .catalog {
      padding-right: 0; } }
  .spotlight .catalog .catalogitem:nth-child(3n+1) {
    margin-left: 0; }
  @media (max-width: 1200px) {
    .spotlight .catalog .catalogitem {
      width: -moz-calc((100% - 40px)/3);
      width: -webkit-calc((100% - 40px)/3);
      width: -o-calc((100% - 40px)/3);
      width: calc((100% - 40px)/3);
      margin-left: 20px;
      margin-bottom: 20px; } }
  @media (max-width: 990px) {
    .spotlight .catalog .catalogitem {
      width: 100%;
      margin-left: 0px;
      margin-bottom: 20px; }
      .spotlight .catalog .catalogitem:last-child {
        margin-bottom: 0; } }
  @media (max-width: 390px) {
    .spotlight .catalog .catalogitem {
      padding: 15px;
      margin-bottom: 15px; }
      .spotlight .catalog .catalogitem .catalogitem-footer {
        flex-wrap: wrap; }
        .spotlight .catalog .catalogitem .catalogitem-footer .location {
          width: 100%;
          padding-right: 0;
          margin-bottom: 1em; } }
.spotlight .backrow {
  position: relative;
  z-index: 5; }
@media (max-width: 1200px) {
  .spotlight .wrapper {
    padding-bottom: 80px; } }
@media (max-width: 900px) {
  .spotlight .wrapper {
    padding-bottom: 60px; } }

.paragraaf, .newsparagraaf {
  width: 100%;
  position: relative; }
  .paragraaf.primary + .primary, .primary.newsparagraaf + .primary {
    padding-top: 0; }
  .paragraaf + .accordion, .newsparagraaf + .accordion {
    padding-top: 0; }
  .paragraaf:not(.primary) + .paragraaf:not(.primary), .newsparagraaf:not(.primary) + .paragraaf:not(.primary), .paragraaf:not(.primary) + .newsparagraaf:not(.primary), .newsparagraaf:not(.primary) + .newsparagraaf:not(.primary) {
    padding-top: 0; }
  .paragraaf.primary, .primary.newsparagraaf {
    background: #2b2cc6;
    color: #fff; }
    .paragraaf.primary:before, .primary.newsparagraaf:before {
      content: "";
      display: block;
      width: 226px;
      height: 156px;
      position: absolute;
      z-index: 5;
      top: 0;
      left: 0;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background: url("../../pictures/paragraphrings.svg") no-repeat center center/cover; }
      @media (max-width: 990px) {
        .paragraaf.primary:before, .primary.newsparagraaf:before {
          width: 160px;
          height: 110.4424778761px; } }
      @media (max-width: 600px) {
        .paragraaf.primary:before, .primary.newsparagraaf:before {
          display: none; } }
    .paragraaf.primary .subtitle, .primary.newsparagraaf .subtitle, .paragraaf.primary .catalog .catalogitem .catalogitem-body h3, .catalog .catalogitem .catalogitem-body .paragraaf.primary h3, .primary.newsparagraaf .catalog .catalogitem .catalogitem-body h3, .catalog .catalogitem .catalogitem-body .primary.newsparagraaf h3 {
      color: #fff; }
  .paragraaf .wrapper, .newsparagraaf .wrapper {
    display: flex; }
    .paragraaf .wrapper .textwrapper, .newsparagraaf .wrapper .textwrapper {
      width: 50%;
      order: 0;
      margin-left: auto;
      margin-right: auto; }
      .paragraaf .wrapper .textwrapper .content, .newsparagraaf .wrapper .textwrapper .content {
        width: 100%;
        max-width: 680px;
        margin: 0 auto; }
      .paragraaf .wrapper .textwrapper .btn, .newsparagraaf .wrapper .textwrapper .btn {
        margin-top: 2em; }
    .paragraaf .wrapper .imgwrapper, .newsparagraaf .wrapper .imgwrapper {
      order: 1;
      width: 50%;
      position: relative; }
      .paragraaf .wrapper .imgwrapper:before, .newsparagraaf .wrapper .imgwrapper:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 62.5%; }
      .paragraaf .wrapper .imgwrapper img, .newsparagraaf .wrapper .imgwrapper img {
        position: absolute;
        display: block;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .paragraaf .wrapper .imgwrapper + .textwrapper, .newsparagraaf .wrapper .imgwrapper + .textwrapper {
        padding-bottom: 0;
        padding-left: 0; }
        .paragraaf .wrapper .imgwrapper + .textwrapper .content, .newsparagraaf .wrapper .imgwrapper + .textwrapper .content {
          max-width: 540px;
          margin: 0; }
  .paragraaf.reversed .wrapper .imgwrapper + .textwrapper, .reversed.newsparagraaf .wrapper .imgwrapper + .textwrapper {
    order: 2;
    padding-right: 0; }
  @media (max-width: 990px) {
    .paragraaf .wrapper, .newsparagraaf .wrapper {
      display: block; }
      .paragraaf .wrapper .imgwrapper, .newsparagraaf .wrapper .imgwrapper {
        width: 100%; }
      .paragraaf .wrapper .textwrapper, .newsparagraaf .wrapper .textwrapper {
        width: 100%; } }
  @media (max-width: 480px) {
    .paragraaf, .newsparagraaf {
      padding-top: 25px;
      padding-bottom: 35px; } }

.newsparagraaf .wrapper {
  display: block;
  max-width: 680px; }
  @media (max-width: 990px) {
    .newsparagraaf .wrapper {
      max-width: 540px; } }
  .newsparagraaf .wrapper .textwrapper, .newsparagraaf .wrapper .imgwrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    .newsparagraaf .wrapper .textwrapper .content, .newsparagraaf .wrapper .imgwrapper .content {
      max-width: 100%; }
  .newsparagraaf .wrapper .textwrapper {
    padding-top: 0; }
  .newsparagraaf .wrapper .imgwrapper {
    margin-bottom: 2em; }

.calltoaction {
  position: relative;
  display: flex;
  min-height: 75vh;
  align-items: center; }
  .calltoaction:before {
    content: "";
    display: block;
    width: 488px;
    height: 488px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("../../pictures/ctarings.svg") no-repeat center center/cover; }
  .calltoaction .wrapper {
    position: relative;
    z-index: 2;
    max-width: 680px;
    text-align: center; }
    .calltoaction .wrapper .text {
      font-size: 20px; }
    .calltoaction .wrapper .btn {
      margin-top: 3em; }
  @media (max-width: 600px) {
    .calltoaction {
      min-height: 80vh; }
      .calltoaction:before {
        width: 90vw;
        height: 90vw; }
      .calltoaction .wrapper .text {
        font-size: 1em; } }
  @media (max-width: 480px) {
    .calltoaction {
      min-height: auto; } }

footer {
  background: #2b2cc6;
  color: #fff; }
  footer .footertop {
    padding-bottom: 2em;
    display: flex;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    background: url("../../pictures/footerrings.svg") no-repeat right -80px bottom -80px; }
    footer .footertop:before {
      content: "";
      display: block;
      position: absolute;
      right: 8vw;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 210px;
      height: 210px;
      opacity: .15;
      background: url("../../pictures/korzybski-logo-blauw.svg") no-repeat center center/cover; }
    footer .footertop .col {
      padding: 2em;
      padding-bottom: 0; }
      footer .footertop .col a:hover {
        color: #FFEB00; }
    footer .footertop .socials {
      margin-left: auto;
      background: #fff;
      color: #2b2cc6;
      border-radius: 0 0 0 2em;
      padding-bottom: 2em; }
      footer .footertop .socials a {
        font-size: 24px; }
        footer .footertop .socials a:hover {
          color: #191972; }
    @media (max-width: 767px) {
      footer .footertop {
        flex-wrap: wrap; }
        footer .footertop .col {
          order: 3; }
        footer .footertop .col:first-child {
          order: 1; }
        footer .footertop .socials {
          order: 2; } }
    @media (max-width: 480px) {
      footer .footertop {
        font-size: 14px; } }
  footer .footerbottom {
    padding: 1em 2em;
    background: #fff;
    display: flex;
    justify-content: flex-end; }
    footer .footerbottom ul {
      display: flex; }
      footer .footerbottom ul li {
        display: block; }
    footer .footerbottom a {
      font-size: 12px;
      color: #000;
      margin-left: 2em;
      text-decoration: none; }
      footer .footerbottom a:hover {
        color: #191972; }
    @media (max-width: 767px) {
      footer .footerbottom {
        display: block; }
        footer .footerbottom ul {
          display: block; }
        footer .footerbottom a {
          margin-left: 0; } }

.catalogpage .wrapper {
  display: flex;
  position: relative; }
  .catalogpage .wrapper .sidebar {
    width: 280px; }
  .catalogpage .wrapper .mainbar {
    width: -moz-calc(100% - 280px);
    width: -webkit-calc(100% - 280px);
    width: -o-calc(100% - 280px);
    width: calc(100% - 280px); }
    .catalogpage .wrapper .mainbar .intro {
      padding: 40px;
      max-width: 640px;
      width: 100%; }
      .catalogpage .wrapper .mainbar .intro .maintitle {
        color: #2b2cc6; }
    .catalogpage .wrapper .mainbar .catalog {
      position: relative;
      padding-left: 40px;
      padding-top: 40px; }
      .catalogpage .wrapper .mainbar .catalog:before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        border-radius: 0 0 5vw 0;
        top: 0;
        left: 0;
        width: 60%;
        bottom: 0;
        background: #F3F4F4; }
        @media (max-width: 767px) {
          .catalogpage .wrapper .mainbar .catalog:before {
            width: 100vw;
            border-radius: 0; } }
      .catalogpage .wrapper .mainbar .catalog:after {
        content: "";
        display: block;
        width: 488px;
        height: 488px;
        position: absolute;
        z-index: -1;
        top: 0%;
        right: 0%;
        background: url("../../pictures/ctarings.svg") no-repeat center center/cover; }
@media (max-width: 1530px) {
  .catalogpage {
    padding-left: 0;
    padding-right: 0; }
    .catalogpage .wrapper .sidebar {
      width: 250px; }
    .catalogpage .wrapper .mainbar {
      width: -moz-calc(100% - 250px);
      width: -webkit-calc(100% - 250px);
      width: -o-calc(100% - 250px);
      width: calc(100% - 250px);
      padding-right: 30px; }
      .catalogpage .wrapper .mainbar .intro {
        padding: 30px; }
      .catalogpage .wrapper .mainbar .catalog {
        padding-left: 30px;
        padding-top: 30px; }
        .catalogpage .wrapper .mainbar .catalog .catalogitem {
          width: -moz-calc((100% - 60px)/3);
          width: -webkit-calc((100% - 60px)/3);
          width: -o-calc((100% - 60px)/3);
          width: calc((100% - 60px)/3);
          margin-left: 30px;
          margin-bottom: 30px; } }
        @media (max-width: 1530px) and (min-width: 1400px) {
          .catalogpage .wrapper .mainbar .catalog .catalogitem:nth-child(3n + 1) {
            margin-left: 0; } }
        @media (max-width: 1530px) and (max-width: 1400px) {
          .catalogpage .wrapper .mainbar .catalog .catalogitem {
            width: -moz-calc((100% - 30px)/2);
            width: -webkit-calc((100% - 30px)/2);
            width: -o-calc((100% - 30px)/2);
            width: calc((100% - 30px)/2); }
            .catalogpage .wrapper .mainbar .catalog .catalogitem:nth-child(2n + 1) {
              margin-left: 0; } }
        @media (max-width: 1530px) and (max-width: 767px) {
          .catalogpage .wrapper .mainbar .catalog .catalogitem {
            margin-left: 0;
            margin-bottom: 20px;
            width: 100%; } }
        @media (max-width: 1530px) and (max-width: 390px) {
          .catalogpage .wrapper .mainbar .catalog .catalogitem {
            padding: 15px;
            margin-bottom: 15px; }
            .catalogpage .wrapper .mainbar .catalog .catalogitem .catalogitem-footer {
              flex-wrap: wrap; }
              .catalogpage .wrapper .mainbar .catalog .catalogitem .catalogitem-footer .location {
                width: 100%;
                padding-right: 0;
                margin-bottom: 1em; } }

@media (max-width: 990px) {
  .catalogpage .wrapper .sidebar {
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 9990;
    overflow-y: auto;
    padding-bottom: 100px;
    -webkit-transform: translate(-100%, 0%);
    -moz-transform: translate(-100%, 0%);
    -ms-transform: translate(-100%, 0%);
    -o-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
    -webkit-transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
    .filterlocked .catalogpage .wrapper .sidebar {
      pointer-events: all;
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      transform: translate(0%, 0%); }
  .catalogpage .wrapper .mainbar {
    width: 100%; } }
@media (max-width: 480px) {
  .catalogpage .wrapper .mainbar {
    padding-right: 25px; }
    .catalogpage .wrapper .mainbar .catalog, .catalogpage .wrapper .mainbar .intro {
      padding-left: 25px; } }

.filterlocked, .locked {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.filterbar {
  pointer-events: all;
  position: fixed;
  z-index: 9999;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0 30px;
  display: none;
  background: #F3F4F4;
  align-items: center;
  height: 80px;
  justify-content: flex-end; }
  @media (max-width: 990px) {
    .filterbar {
      display: flex; } }
  @media (max-width: 480px) {
    .filterbar {
      padding: 0 25px; } }
  .filterlocked .filterbar .btn {
    display: none; }
  .filterbar .primary {
    display: none; }
    .filterlocked .filterbar .primary {
      display: inline-flex; }

.filters {
  padding: 0 40px; }
  @media (max-width: 1530px) {
    .filters {
      padding: 0 30px; } }
  .filters .filtercat {
    padding: 40px 0 0 0; }
    .filters .filtercat h4 {
      font-size: 1em;
      font-weight: 500;
      margin-bottom: 1em; }
  .filters .filteritem {
    display: block;
    position: relative;
    margin-bottom: .75em; }
    .filters .filteritem label {
      cursor: pointer;
      position: relative;
      padding-left: 26px;
      font-weight: 700;
      color: #000;
      font-size: 12px;
      display: block; }
      .filters .filteritem label:before {
        content: "";
        border: 2px solid rgba(43, 44, 198, 0.15);
        border-radius: 4px;
        width: 1em;
        height: 1em;
        font-size: 16px;
        display: block;
        position: absolute;
        left: 0;
        top: 0em;
        -webkit-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -ms-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -o-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden; }
      .filters .filteritem label:after {
        background: #2b2cc6;
        width: 1em;
        height: 1em;
        font-size: 14px;
        left: 3px;
        top: 3px;
        content: "";
        display: block;
        position: absolute;
        border-radius: 2px;
        opacity: 0;
        -webkit-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -ms-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -o-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden; }
      .filters .filteritem label:hover:before {
        border-color: #2b2cc6; }
    .filters .filteritem input {
      position: absolute;
      left: 0;
      z-index: 1;
      opacity: 0; }
      .filters .filteritem input:checked + label:before {
        border-color: #2b2cc6; }
      .filters .filteritem input:checked + label:after {
        opacity: 1; }

.categories {
  padding: 40px;
  background: #2b2cc6;
  color: #fff;
  border-radius: 0 30px 0 0;
  width: 100%;
  overflow: hidden; }
  @media (max-width: 1530px) {
    .categories {
      padding: 40px 25px 30px 30px; } }
  @media (max-width: 990px) {
    .categories {
      border-radius: 0; } }
  .categories li {
    display: block;
    position: relative; }
    .categories li a {
      display: inline-block;
      padding: .5em 2em .5em 0;
      font-weight: 500;
      color: #fff;
      text-decoration: none; }
      .categories li a:hover {
        color: #191972; }
    .categories li.active > a {
      font-weight: 700; }
    .categories li .subcategories {
      display: block;
      padding-left: 1em; }
      .categories li .subcategories > li {
        display: block; }
        .categories li .subcategories > li.active > a {
          position: relative; }
          .categories li .subcategories > li.active > a:before {
            top: 0;
            right: 0;
            width: 280px;
            height: 100%;
            content: "";
            border-radius: 0 8px 8px 0;
            background: #fff;
            position: absolute;
            z-index: 1;
            opacity: 0.2; }
          .categories li .subcategories > li.active > a span {
            position: relative;
            z-index: 2; }
        .categories li .subcategories > li.active > .subsubcategories {
          display: block;
          padding-left: 1em; }
          .categories li .subcategories > li.active > .subsubcategories a.active {
            font-weight: 700; }
        .categories li .subcategories > li a {
          font-weight: normal; }

.breadcrumbs {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 1em 2em 1em 0;
  font-weight: 700;
  color: #fff; }
  .breadcrumbs:before {
    z-index: -1;
    position: absolute;
    right: 0;
    width: 100vw;
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    border-radius: 0 0 30px 0;
    background: #2b2cc6; }
  .breadcrumbs a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 14px;
    display: block;
    line-height: 1.2em;
    border-bottom: 2px solid transparent;
    -webkit-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
    .breadcrumbs a:first-child {
      color: #fff; }
    .breadcrumbs a:hover {
      border-bottom: 2px solid #FFEB00; }
  .breadcrumbs i {
    margin: 0 .5em;
    font-size: 1em; }
  .breadcrumbs span {
    font-size: 14px;
    opacity: .5; }
  @media (max-width: 767px) {
    .breadcrumbs {
      padding-top: 2em;
      color: #2b2cc6; }
      .breadcrumbs:before {
        display: none; }
      .breadcrumbs a {
        color: rgba(43, 44, 198, 0.8); }
        .breadcrumbs a:first-child {
          color: #2b2cc6; } }

.detailpage .detailpagecontent {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .detailpage .detailpagecontent .textwrapper {
    width: 50%;
    max-width: 760px;
    padding-left: 0; }
    .detailpage .detailpagecontent .textwrapper .teachers {
      width: 100%;
      padding: 2em 0; }
    .detailpage .detailpagecontent .textwrapper .type {
      margin: 1em 0;
      background: #FFEB00;
      color: #000;
      padding: .33em .75em;
      display: inline-block;
      border-radius: 8px;
      font-size: 14px; }
  .detailpage .detailpagecontent .infowrapper {
    width: 50%;
    margin-left: auto; }
  @media (max-width: 1200px) {
    .detailpage .detailpagecontent .textwrapper {
      width: -moz-calc(100% - 520px);
      width: -webkit-calc(100% - 520px);
      width: -o-calc(100% - 520px);
      width: calc(100% - 520px); }
    .detailpage .detailpagecontent .infowrapper {
      width: 520px; } }
  @media (max-width: 990px) {
    .detailpage .detailpagecontent {
      display: block; }
      .detailpage .detailpagecontent .textwrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 760px;
        padding-right: 0;
        padding-bottom: 25px; }
      .detailpage .detailpagecontent .infowrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 760px; } }

.avatar {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(43, 44, 198, 0.2); }
  .avatar img {
    position: absolute;
    display: block;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2; }
  .avatar:before, .avatar.file:before {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: #fff;
    content: "school";
    font-family: "Material Icons";
    display: inline-block;
    -webkit-font-feature-settings: 'liga';
    z-index: 1; }
  .avatar.file:before {
    content: "file_download" !important; }

.teacheritems {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }

.teacheritem {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-bottom: 1em;
  margin-right: 1em;
  cursor: pointer; }
  .teacheritem .teacherinfo {
    display: block;
    padding: 0 1em;
    font-weight: 700;
    font-size: 14px; }
    .teacheritem .teacherinfo button {
      display: flex;
      align-items: center;
      color: #2b2cc6;
      background: transparent;
      border: none;
      padding: 0;
      font-size: 12px;
      font-family: "Quicksand", Arial, Helvetica, sans-serif; }
      .teacheritem .teacherinfo button i {
        font-size: 12px; }

.gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .gallery a {
    display: block;
    position: relative;
    width: -moz-calc((100% - 40px) / 3);
    width: -webkit-calc((100% - 40px) / 3);
    width: -o-calc((100% - 40px) / 3);
    width: calc((100% - 40px) / 3);
    margin-left: 20px;
    margin-bottom: 20px;
    background: #2b2cc6; }
    .gallery a:before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 100%; }
    .gallery a:nth-child(3n+1) {
      margin-left: 0; }
    .gallery a img {
      position: absolute;
      display: block;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -ms-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden; }
    .gallery a:hover img {
      opacity: .8; }
    @media (max-width: 480px) {
      .gallery a {
        width: -moz-calc((100% - 20px) / 3);
        width: -webkit-calc((100% - 20px) / 3);
        width: -o-calc((100% - 20px) / 3);
        width: calc((100% - 20px) / 3);
        margin-left: 10px;
        margin-bottom: 10px; } }

.reeks {
  display: block;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #2b2cc6;
  margin-bottom: 40px; }
  .reeks .reeksheader {
    padding: 20px;
    display: flex;
    align-items: center; }
    .reeks .reeksheader .title {
      font-weight: 500;
      font-family: "Palanquin Dark", Arial, Helvetica, sans-serif;
      font-size: 20px;
      padding-right: 1em; }
    .reeks .reeksheader .duration {
      margin-left: auto;
      display: flex;
      align-items: center; }
      .reeks .reeksheader .duration i {
        color: #2b2cc6;
        font-size: 16px;
        margin-right: .5em; }
      .reeks .reeksheader .duration span {
        color: #000;
        font-size: 14px; }
  .reeks .reeksbody {
    padding: 0 20px; }
    .reeks .reeksbody .sessie {
      width: 100%;
      font-size: 14px;
      border-collapse: collapse; }
      .reeks .reeksbody .sessie tr {
        display: none; }
        .reeks .reeksbody .sessie tr:nth-child(1), .reeks .reeksbody .sessie tr:nth-child(2), .reeks .reeksbody .sessie tr:nth-child(3) {
          display: table-row; }
          @media (max-width: 600px) {
            .reeks .reeksbody .sessie tr:nth-child(1), .reeks .reeksbody .sessie tr:nth-child(2), .reeks .reeksbody .sessie tr:nth-child(3) {
              display: block; } }
      .reeks .reeksbody .sessie td {
        vertical-align: top;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px; }
        .reeks .reeksbody .sessie td:last-child {
          padding-right: 0;
          text-align: right; }
      .reeks .reeksbody .sessie .datetime {
        display: flex;
        align-items: center;
        font-size: 14px; }
        .reeks .reeksbody .sessie .datetime i {
          color: #2b2cc6;
          margin-right: .25em; }
        .reeks .reeksbody .sessie .datetime .content {
          display: flex; }
        .reeks .reeksbody .sessie .datetime .date {
          display: flex;
          align-items: center;
          padding-right: 1em;
          white-space: nowrap; }
        @media (max-width: 1365px) {
          .reeks .reeksbody .sessie .datetime .content {
            display: block; } }
      .reeks .reeksbody .sessie .avatar {
        display: inline-block;
        width: 32px;
        height: 32px; }
        .reeks .reeksbody .sessie .avatar:before {
          font-size: 16px; }
      @media (max-width: 600px) {
        .reeks .reeksbody .sessie {
          display: block;
          width: 100%; }
          .reeks .reeksbody .sessie tbody {
            display: block;
            width: 100%; }
          .reeks .reeksbody .sessie td {
            display: block;
            width: 100%;
            padding-right: 0; }
            .reeks .reeksbody .sessie td:last-child {
              text-align: left;
              border-bottom: 1px solid #F4F4FC; } }
  .reeks .reeksfooter {
    padding: 20px;
    border-radius: 0 0 8px 8px;
    background: #F3F4F4;
    color: #2b2cc6;
    display: flex;
    align-items: center;
    gap: 1rem; }
    .reeks .reeksfooter .extra-info {
      color: black;
      font-size: 14px; }
    .reeks .reeksfooter .price {
      font-weight: 700;
      font-size: 18px;
      display: flex;
      align-items: center; }
      .reeks .reeksfooter .price i {
        margin-right: .5em; }
    .reeks .reeksfooter .btn {
      margin-left: auto; }
  .reeks .showmore {
    color: #2b2cc6;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 20px;
    display: inline-block; }
    .reeks .showmore span:nth-child(2) {
      display: none; }
    .reeks .showmore:hover {
      text-decoration: underline; }
  .reeks.open .reeksbody .sessie tr {
    display: table-row; }
    @media (max-width: 600px) {
      .reeks.open .reeksbody .sessie tr {
        display: block; } }
  .reeks.open .showmore span:nth-child(1) {
    display: none; }
  .reeks.open .showmore span:nth-child(2) {
    display: inline-block; }

.pageing {
  display: flex;
  justify-content: center;
  align-items: center; }
  .pageing a {
    text-decoration: none;
    font-weight: 500;
    color: #868686;
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    padding: 0 0.25em; }
    .pageing a.next, .pageing a.prev {
      color: #000; }
    .pageing a.active {
      color: #2b2cc6;
      font-weight: 700; }
    .pageing a:hover {
      color: #2b2cc6; }

.articlepageintro {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .articlepageintro .newsparagraaf {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }
  .articlepageintro .maintitle {
    color: #2b2cc6; }
  .articlepageintro:after {
    content: "";
    display: block;
    width: 488px;
    height: 488px;
    position: absolute;
    z-index: -1;
    top: 0%;
    right: 0%;
    -webkit-transform: translate(25%, 50%);
    -moz-transform: translate(25%, 50%);
    -ms-transform: translate(25%, 50%);
    -o-transform: translate(25%, 50%);
    transform: translate(25%, 50%);
    background: url("../../pictures/ctarings.svg") no-repeat center center/cover; }

.backrow {
  width: 100%;
  padding-top: 1em; }

.backlink {
  display: inline-flex;
  align-items: center;
  color: #2b2cc6;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700; }
  .backlink span {
    border-bottom: 2px solid transparent;
    -webkit-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
  .backlink i {
    font-size: 16px; }
  .backlink:hover span {
    border-bottom: 2px solid #FFEB00; }

.standardpageintro {
  background: #F3F4F4;
  position: relative; }
  .standardpageintro:before {
    width: 200px;
    height: 200px;
    content: "";
    display: block;
    background: url("../../pictures/newsrings.svg") no-repeat center center/cover;
    position: absolute;
    z-index: 2;
    right: 0%;
    top: 50%; }
    @media (max-width: 990px) {
      .standardpageintro:before {
        width: 160px;
        height: 160px; } }
  .standardpageintro:after {
    width: 150px;
    height: 180px;
    content: "";
    display: block;
    background: #ffffff;
    border-radius: 100px 0 0 0;
    position: absolute;
    z-index: 1;
    right: 0%;
    bottom: 0%; }
    @media (max-width: 990px) {
      .standardpageintro:after {
        width: 160px;
        height: 160px;
        width: 120px;
        height: 150px;
        border-radius: 75px 0 0 0; } }
  .standardpageintro .wrapper {
    position: relative;
    z-index: 3;
    max-width: 680px; }

.teacherlist .wrapper {
  max-width: 1300px; }
.teacherlist .teacheritems .teacheritem {
  width: 33%;
  margin-bottom: 20px;
  margin-right: 0;
  padding-right: 25px; }
  @media (max-width: 990px) {
    .teacherlist .teacheritems .teacheritem {
      width: 50%; } }
  @media (max-width: 600px) {
    .teacherlist .teacheritems .teacheritem {
      width: 100%; } }
.teacherlist .pageing {
  padding-bottom: 0; }

.locationpage {
  position: relative;
  overflow: hidden; }
  .locationpage:before {
    content: "";
    display: block;
    width: 488px;
    height: 488px;
    position: absolute;
    z-index: -1;
    bottom: 0%;
    left: 0%;
    -webkit-transform: translate(-25%, 25%);
    -moz-transform: translate(-25%, 25%);
    -ms-transform: translate(-25%, 25%);
    -o-transform: translate(-25%, 25%);
    transform: translate(-25%, 25%);
    background: url("../../pictures/ctarings.svg") no-repeat center center/cover; }

.teacherintro .teacherpagecontent, .locationintro .teacherpagecontent {
  padding-bottom: 0;
  display: flex;
  align-items: flex-start;
  width: 100%; }
  .teacherintro .teacherpagecontent .imgwrapper, .locationintro .teacherpagecontent .imgwrapper {
    width: 50%;
    max-width: 490px;
    position: relative;
    border-radius: 0 0 100px 0;
    overflow: hidden; }
    .teacherintro .teacherpagecontent .imgwrapper:before, .locationintro .teacherpagecontent .imgwrapper:before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 100%; }
    .teacherintro .teacherpagecontent .imgwrapper img, .locationintro .teacherpagecontent .imgwrapper img {
      position: absolute;
      display: block;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 4; }
  .teacherintro .teacherpagecontent .textwrapper, .locationintro .teacherpagecontent .textwrapper {
    width: 50%;
    padding-right: 0; }
    .teacherintro .teacherpagecontent .textwrapper .content, .locationintro .teacherpagecontent .textwrapper .content {
      width: 100%;
      max-width: 680px; }
    .teacherintro .teacherpagecontent .textwrapper .maintitle, .locationintro .teacherpagecontent .textwrapper .maintitle {
      color: #2b2cc6; }
@media (max-width: 768px) {
  .teacherintro .teacherpagecontent, .locationintro .teacherpagecontent {
    display: block;
    padding-top: 0; }
    .teacherintro .teacherpagecontent .textwrapper, .locationintro .teacherpagecontent .textwrapper {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
    .teacherintro .teacherpagecontent .imgwrapper, .locationintro .teacherpagecontent .imgwrapper {
      width: 100%;
      max-width: 480px;
      margin-bottom: 2em;
      border-radius: 0;
      margin-left: auto;
      margin-right: auto; } }

.popup {
  max-width: 500px; }

.form {
  margin-top: 1em; }

.standardinput, .form-row input {
  padding: 1em;
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #F4F4FC;
  font-size: 16px;
  line-height: 1.3em;
  font-family: "Quicksand", Arial, Helvetica, sans-serif;
  background: #F3F4F4;
  -webkit-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden; }

.form-row {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 10px; }
  .form-row label {
    display: flex;
    font-size: 14px;
    margin-bottom: 5px;
    color: #2b2cc6;
    font-weight: normal;
    align-items: baseline;
    width: 100%; }
    .form-row label small {
      margin-left: auto;
      color: #868686; }

.submit-row {
  display: flex;
  width: 100%; }
  .submit-row .btn {
    margin-left: auto; }

.locations {
  position: relative;
  overflow: hidden; }
  .locations:before {
    content: "";
    display: block;
    width: 488px;
    height: 488px;
    position: absolute;
    z-index: 1;
    bottom: 0%;
    left: 0%;
    -webkit-transform: translate(-25%, 25%);
    -moz-transform: translate(-25%, 25%);
    -ms-transform: translate(-25%, 25%);
    -o-transform: translate(-25%, 25%);
    transform: translate(-25%, 25%);
    background: url("../../pictures/ctarings.svg") no-repeat center center/cover; }
  .locations .locationitems {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2; }
    .locations .locationitems .locationitem {
      display: flex;
      text-decoration: none;
      flex-direction: column;
      border: 1px solid #F4F4FC;
      background: #fff;
      width: -moz-calc((100% - 80px)/ 3);
      width: -webkit-calc((100% - 80px)/ 3);
      width: -o-calc((100% - 80px)/ 3);
      width: calc((100% - 80px)/ 3);
      margin-left: 40px;
      margin-bottom: 40px; }
      @media (min-width: 990px) {
        .locations .locationitems .locationitem:nth-child(3n + 1) {
          margin-left: 0; } }
      @media (max-width: 1200px) and (min-width: 990px) {
        .locations .locationitems .locationitem {
          width: -moz-calc((100% - 60px)/3);
          width: -webkit-calc((100% - 60px)/3);
          width: -o-calc((100% - 60px)/3);
          width: calc((100% - 60px)/3);
          margin-left: 30px;
          margin-bottom: 30px;
          font-size: 14px; } }
      @media (max-width: 990px) {
        .locations .locationitems .locationitem {
          width: -moz-calc((100% - 40px)/2);
          width: -webkit-calc((100% - 40px)/2);
          width: -o-calc((100% - 40px)/2);
          width: calc((100% - 40px)/2);
          margin-left: 40px;
          margin-bottom: 40px; }
          .locations .locationitems .locationitem:nth-child(2n+1) {
            margin-left: 0; } }
      @media (max-width: 767px) {
        .locations .locationitems .locationitem {
          width: 100%;
          margin-left: 0; } }
      @media (max-width: 480px) {
        .locations .locationitems .locationitem {
          margin-bottom: 0; } }
      .locations .locationitems .locationitem .imgwrapper {
        width: 100%;
        position: relative; }
        .locations .locationitems .locationitem .imgwrapper:before {
          content: "";
          width: 100%;
          display: block;
          padding-top: 56.25%; }
        .locations .locationitems .locationitem .imgwrapper img {
          position: absolute;
          display: block;
          z-index: 1;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .locations .locationitems .locationitem .textwrapper {
        width: 100%;
        padding: 25px; }
  @media (max-width: 480px) {
    .locations {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; }
      .locations .subtitle, .locations .catalog .catalogitem .catalogitem-body h3, .catalog .catalogitem .catalogitem-body .locations h3 {
        padding-left: 25px;
        padding-right: 25px; }
      .locations:before {
        display: none; } }

.partners .wrapper {
  display: flex;
  flex-direction: column; }
  .partners .wrapper .titelwrapper h2 {
    margin-bottom: 25px; }
  .partners .wrapper .partnerlist {
    display: flex;
    flex-wrap: wrap; }
    .partners .wrapper .partnerlist .partner {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 25px;
      margin-bottom: 25px;
      height: fit-content;
      width: -moz-calc((100% - 150px)/6);
      width: -webkit-calc((100% - 150px)/6);
      width: -o-calc((100% - 150px)/6);
      width: calc((100% - 150px)/6); }
      .partners .wrapper .partnerlist .partner img {
        width: 100%; }
      @media (max-width: 1020px) {
        .partners .wrapper .partnerlist .partner {
          width: -moz-calc((100% - 100px)/4);
          width: -webkit-calc((100% - 100px)/4);
          width: -o-calc((100% - 100px)/4);
          width: calc((100% - 100px)/4); } }
      @media (max-width: 600px) {
        .partners .wrapper .partnerlist .partner {
          width: -moz-calc((100% - 30px)/3);
          width: -webkit-calc((100% - 30px)/3);
          width: -o-calc((100% - 30px)/3);
          width: calc((100% - 30px)/3);
          margin-right: 10px;
          margin-bottom: 10px; } }

.accordion {
  width: 100%; }
  .accordion:not(:last-child) {
    padding-bottom: 0; }
  .accordion + .accordion {
    padding-top: 0; }
  .accordion .wrapper {
    max-width: 680px; }
  .accordion .accordion-header {
    padding-right: 50px;
    position: relative;
    display: block;
    border-bottom: 1px solid #2b2cc6;
    padding: 10px 0;
    cursor: pointer; }
    .accordion .accordion-header:before {
      content: "arrow_drop_down";
      font-family: "Material Icons";
      display: inline-block;
      -webkit-font-feature-settings: 'liga';
      position: absolute;
      right: 0;
      top: 5px;
      font-size: 24px;
      color: #2b2cc6; }
    .accordion .accordion-header .subtitle, .accordion .accordion-header .catalog .catalogitem .catalogitem-body h3, .catalog .catalogitem .catalogitem-body .accordion .accordion-header h3 {
      margin-bottom: 0; }
  .accordion .accordion-body {
    display: none; }
    .accordion .accordion-body .text {
      padding: 1em 0; }
  .accordion.open .accordion-body {
    display: block; }

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