@charset "UTF-8";
/* Copyright © 2008-now Harris Blondman, visual, communication, and studio. All rights reserved. www.harrisblondman.nl
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.menu-container {
  position: fixed;
  z-index: 300;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  transform: translate3d(0, calc(-100% + 3.6rem), 0);
}

.flag-transitions-true .menu-container {
  transition: transform 0.6s ease-in-out;
}

.switch-menu-on .menu-container {
  transform: translate3d(0, 0, 0);
}

.switch-pageshow .menu-container {
  transition: none;
}

.menu-container .editions {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: 2.7rem;
  width: calc(100% - 5.4rem - 8rem);
  min-height: 3.6rem;
  padding-top: 0.25em;
}

.menu-container .editions .edition {
  margin-right: 0.25em;
}

.menu-container .editions .edition a {
  text-decoration: none;
}

.menu-container .close {
  position: absolute;
  top: 0;
  right: 2.7rem;
  padding-top: 0.25em;
  text-transform: lowercase;
}

.menu-container .menu {
  position: relative;
  top: 0;
  left: 50%;
  overflow: auto;
  width: calc(100% - 5.4rem);
  height: calc(100% - 7.2rem);
  font-size: 3rem;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
}

.menu-container .menu .menu-pages {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  min-height: 17.28rem;
}

@media screen and (min-width: 800px) {
  .menu-container .menu .menu-pages {
    height: 40%;
  }
}

.menu-container .menu .menu-pages .menu-page {
  position: relative;
  width: 100%;
  min-height: 4.32rem;
  overflow: hidden;
}

.menu-container .menu .menu-pages .menu-page a {
  display: block;
  width: 100%;
  height: 100%;
}

.menu-container .menu .menu-pages .menu-page a .menu-item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  white-space: nowrap;
  transform: translate3d(150%, calc(-50% - 5%), 0);
}

.flag-transitions-true .menu-container .menu .menu-pages .menu-page a .menu-item {
  transition: transform 0.6s ease-in-out;
}

.switch-menu-on.flag-transitions-true .menu-container .menu .menu-pages .menu-page a .menu-item {
  transition: transform 0.6s ease-in-out 0.6s;
}

.switch-menu-on .menu-container .menu .menu-pages .menu-page a .menu-item {
  transform: translate3d(-50%, calc(-50% - 5%), 0);
}

@media screen and (min-width: 800px) {
  .menu-container .menu .menu-pages .menu-page {
    width: 50%;
  }
}

.menu-container .menu .menu-pages .menu-page:nth-child(1) {
  width: 100%;
}

.menu-container .menu .menu-pages .menu-page:nth-child(3) .menu-item {
  transform: translate3d(-150%, calc(-50% - 5%), 0);
}

.switch-menu-on .menu-container .menu .menu-pages .menu-page:nth-child(3) .menu-item {
  transform: translate3d(-50%, calc(-50% - 5%), 0);
}

.menu-container .menu .menu-pages .menu-page:nth-child(4) {
  width: 100%;
}

.menu-container .menu .menu-pages .menu-page:nth-child(4) .menu-item {
  transform: translate3d(-150%, calc(-50% - 5%), 0);
}

.switch-menu-on .menu-container .menu .menu-pages .menu-page:nth-child(4) .menu-item {
  transform: translate3d(-50%, calc(-50% - 5%), 0);
}

.menu-container .menu .menu-pages .menu-line {
  position: absolute;
  background-color: black;
}

.menu-container .menu .menu-pages .menu-line.horizontal {
  width: 100%;
  height: 0.4rem;
  transform: translateY(-50%);
}

.flag-transitions-true .menu-container .menu .menu-pages .menu-line.horizontal {
  transition: top 0.6s ease-in-out 0.3s;
}

.menu-container .menu .menu-pages .menu-line.horizontal.menu-line-1 {
  top: -0.4rem;
}

.switch-menu-on.flag-transitions-true .menu-container .menu .menu-pages .menu-line.horizontal.menu-line-1 {
  transition: top 0.6s ease-in-out 0.3s;
}

.switch-menu-on .menu-container .menu .menu-pages .menu-line.horizontal.menu-line-1 {
  top: calc(1 * 100% / 4);
}

@media screen and (min-width: 800px) {
  .switch-menu-on .menu-container .menu .menu-pages .menu-line.horizontal.menu-line-1 {
    top: calc(1 * 100% / 3);
  }
}

.menu-container .menu .menu-pages .menu-line.horizontal.menu-line-2 {
  top: -0.4rem;
}

.switch-menu-on .menu-container .menu .menu-pages .menu-line.horizontal.menu-line-2 {
  top: calc(2 * 100% / 4);
}

@media screen and (min-width: 800px) {
  .switch-menu-on .menu-container .menu .menu-pages .menu-line.horizontal.menu-line-2 {
    top: calc(2 * 100% / 3);
  }
}

.menu-container .menu .menu-pages .menu-line.horizontal.menu-line-3 {
  top: -0.4rem;
}

.switch-menu-on .menu-container .menu .menu-pages .menu-line.horizontal.menu-line-3 {
  top: calc(3 * 100% / 4);
}

@media screen and (min-width: 800px) {
  .switch-menu-on .menu-container .menu .menu-pages .menu-line.horizontal.menu-line-3 {
    display: none;
    top: calc(3 * 100% / 3);
  }
}

.menu-container .menu .menu-pages .menu-line.vertical {
  width: 0.4rem;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
}

@media screen and (min-width: 800px) {
  .menu-container .menu .menu-pages .menu-line.vertical {
    height: calc(1 * 100% / 3);
  }
}

.flag-transitions-true .menu-container .menu .menu-pages .menu-line.vertical {
  transition: transform 0.6s ease-in-out;
}

.switch-menu-on.flag-transitions-true .menu-container .menu .menu-pages .menu-line.vertical {
  transition: transform 0.6s ease-in-out 0.45s;
}

.menu-container .menu .menu-pages .menu-line.vertical.menu-line-1 {
  top: calc(1 * 100% / 4);
}

@media screen and (min-width: 800px) {
  .menu-container .menu .menu-pages .menu-line.vertical.menu-line-1 {
    top: calc(1 * 100% / 3);
  }
}

.switch-menu-on .menu-container .menu .menu-pages .menu-line.vertical.menu-line-1 {
  transform: translateX(-50%) scaleY(1);
}

.menu-container .menu .menu-classes {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: calc(60% - 1px);
}

.menu-container .menu .menu-classes .menu-classes-degree {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
}

@media screen and (min-width: 800px) {
  .menu-container .menu .menu-classes .menu-classes-degree {
    width: 50%;
  }
}

.menu-container .menu .menu-classes .menu-classes-degree .degree-title {
  position: relative;
  flex: 0 0 auto;
  font-size: 2rem;
  text-align: left;
  height: 8rem;
  overflow: hidden;
  text-align: center;
  text-transform: lowercase;
}

.menu-container .menu .menu-classes .menu-classes-degree .degree-title .menu-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 0 0.25em 0;
  transform: translate3d(100%, 0, 0);
}

.flag-transitions-true .menu-container .menu .menu-classes .menu-classes-degree .degree-title .menu-title {
  transition: transform 0.6s ease-in-out;
}

.switch-menu-on.flag-transitions-true .menu-container .menu .menu-classes .menu-classes-degree .degree-title .menu-title {
  transition: transform 0.6s ease-in-out 0.6s;
}

.switch-menu-on .menu-container .menu .menu-classes .menu-classes-degree .degree-title .menu-title {
  transform: translate3d(0, 0, 0);
}

.menu-container .menu .menu-classes .menu-classes-degree.master .degree-title .menu-title {
  transform: translate3d(-100%, -50%, 0);
}

@media screen and (min-width: 800px) {
  .menu-container .menu .menu-classes .menu-classes-degree.master .degree-title .menu-title {
    padding: 0 0 0.25em 0.4rem;
  }
}

.switch-menu-on .menu-container .menu .menu-classes .menu-classes-degree.master .degree-title .menu-title {
  transform: translate3d(0, 0, 0);
}

.menu-container .menu .menu-classes .menu-classes-degree .class {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  min-height: 4.32rem;
}

.menu-container .menu .menu-classes .menu-classes-degree .class a {
  display: block;
  width: 100%;
  height: 100%;
}

.menu-container .menu .menu-classes .menu-classes-degree .class a .menu-item-wrapper {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.menu-container .menu .menu-classes .menu-classes-degree .class a .menu-item-wrapper .menu-item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate3d(150%, -50%, 0);
}

.flag-transitions-true .menu-container .menu .menu-classes .menu-classes-degree .class a .menu-item-wrapper .menu-item {
  transition: transform 0.6s ease-in-out;
}

.switch-menu-on.flag-transitions-true .menu-container .menu .menu-classes .menu-classes-degree .class a .menu-item-wrapper .menu-item {
  transition: transform 0.6s ease-in-out 0.6s;
}

.switch-menu-on .menu-container .menu .menu-classes .menu-classes-degree .class a .menu-item-wrapper .menu-item {
  transform: translate3d(-50%, calc(-50% - 5%), 0);
}

.menu-container .menu .menu-classes .menu-classes-degree .class:nth-child(3) .menu-item::after {
  content: 'I';
  visibility: hidden;
}

.menu-container .menu .menu-classes .menu-classes-degree .class:nth-child(4) .menu-item::after {
  content: 'II';
  visibility: hidden;
}

.menu-container .menu .menu-classes .menu-classes-degree.master .class a .menu-item-wrapper .menu-item {
  transform: translate3d(-150%, calc(-50% - 5%), 0);
}

.switch-menu-on .menu-container .menu .menu-classes .menu-classes-degree.master .class a .menu-item-wrapper .menu-item {
  transform: translate3d(-50%, calc(-50% - 5%), 0);
}

.menu-container .menu .menu-classes .menu-classes-degree.master .class:nth-child(3) .menu-item::after {
  content: 'I';
  visibility: hidden;
}

.menu-container .menu .menu-classes .menu-classes-degree .menu-line {
  position: absolute;
  background-color: black;
}

.menu-container .menu .menu-classes .menu-classes-degree .menu-line.horizontal {
  width: 100%;
  height: 0.4rem;
  transform: translateY(-50%);
  top: -100vh;
}

.flag-transitions-true .menu-container .menu .menu-classes .menu-classes-degree .menu-line.horizontal {
  transition: top 0.6s ease-in-out;
}

.switch-menu-on.flag-transitions-true .menu-container .menu .menu-classes .menu-classes-degree .menu-line.horizontal {
  transition: top 0.6s ease-in-out 0.3s;
}

@media screen and (min-width: 800px) {
  .menu-container .menu .menu-classes .menu-classes-degree .menu-line.horizontal {
    top: -40vh;
  }
}

.switch-menu-on .menu-container .menu .menu-classes .menu-classes-degree .menu-line.horizontal.menu-line-1 {
  top: 8rem;
}

.switch-menu-on .menu-container .menu .menu-classes .menu-classes-degree .menu-line.horizontal.menu-line-2 {
  top: calc((1 * (100% - 8rem) / 3) + 8rem);
}

.switch-menu-on .menu-container .menu .menu-classes .menu-classes-degree .menu-line.horizontal.menu-line-3 {
  top: calc((2 * (100% - 8rem) / 3) + 8rem);
}

.switch-menu-on .menu-container .menu .menu-classes .menu-classes-degree .menu-line.horizontal.menu-line-4 {
  top: 8rem;
}

.switch-menu-on .menu-container .menu .menu-classes .menu-classes-degree .menu-line.horizontal.menu-line-5 {
  top: calc((1 * (100% - 8rem) / 2) + 8rem);
}

.menu-container .menu .menu-classes .menu-line {
  position: absolute;
  background-color: black;
}

.menu-container .menu .menu-classes .menu-line.vertical {
  width: 0.4rem;
  height: calc(100% - 8rem);
  left: 50%;
  transform: translateX(-50%) scaleY(0);
}

.flag-transitions-true .menu-container .menu .menu-classes .menu-line.vertical {
  transition: transform 0.6s ease-in-out;
}

.switch-menu-on.flag-transitions-true .menu-container .menu .menu-classes .menu-line.vertical {
  transition: transform 0.6s ease-in-out 0.45s;
}

.menu-container .menu .menu-classes .menu-line.vertical.menu-line-1 {
  top: 8rem;
  left: 50%;
}

@media screen and (min-width: 800px) {
  .switch-menu-on .menu-container .menu .menu-classes .menu-line.vertical.menu-line-1 {
    min-height: 10.8rem;
    transform: translateX(-50%) scaleY(1);
  }
}

.menu-container .header {
  display: flex;
  justify-content: space-between;
  position: relative;
  left: 2.7rem;
  width: calc(100% - 5.4rem);
  height: 3.6rem;
  padding: 0.25em 0;
  border-bottom: 0.4rem solid black;
  text-transform: lowercase;
}

.menu-container .header a {
  text-decoration: none;
}

.menu-container .header .site-description {
  display: none;
}

.menu-container .header .access-languagessupport {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 800px) {
  .menu-container .header .access-languagessupport {
    display: none;
  }
}

.menu-container .header .access-languagessupport ul li {
  display: inline;
  margin: 0 0.675rem 0 0;
}

.menu-container .header .access-languagessupport ul li:last-child {
  margin: 0;
}

.button-menu .current {
  color: black;
  text-decoration: none;
}