@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css");
*,
*::before,
*::after {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
  font-weight: inherit;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

input {
  font-weight: inherit;
}

ul, ol, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

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

li {
  list-style: none;
}

img {
  width: 100%;
}

/* Colors */
.mobilebar {
  display: none;
}

@media (max-width: 767px) {
  .linkcontainer .subline.campus {
    color: #b7b7b7 !important;
  }
  .card nav.inner {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
  }
  .card nav.inner.show {
    visibility: visible;
    opacity: 1;
  }
  .newlogo {
    position: fixed;
    top: 15rem;
    left: 100rem;
    width: calc(100vw - 126rem);
    z-index: 997;
    margin-top: 0;
    transform: translateZ(101px);
  }
  .newlogo.hide {
    visibility: hidden;
    opacity: 0;
  }
  .newlogo .linkcontainer .subline:first-of-type {
    opacity: 1;
    min-height: 3.5em;
    display: block;
    width: calc(100vw - 126rem);
  }
  body.isAnimating .newlogowrapper {
    max-height: 125rem;
    transition: max-height 0.75s;
  }
  body.isAnimating .newlogowrapper .newlogo {
    max-height: 125rem;
    transition: max-height 0.75s, margin-top 0.75s;
  }
  body.isAnimating .newlogowrapper.upstairs {
    max-height: 0;
  }
  body.isAnimating .newlogowrapper.upstairs .newlogo {
    max-height: 0;
  }
  body.isAnimating main#swup {
    transition: padding 0.75s;
  }
  .newlogowrapper {
    max-height: 125rem;
  }
  .newlogowrapper .newlogo {
    max-height: 125rem;
  }
  .newlogowrapper.navopen {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .newlogowrapper.upstairs {
    max-height: 0;
  }
  .newlogowrapper.upstairs .newlogo {
    max-height: 0;
  }
  main#swup {
    padding: 200rem 20rem 20rem 20rem;
  }
  main#swup.upstairs {
    padding: 60rem 20rem 20rem 20rem;
  }
}
body.home .newlogowrapper {
  display: none;
}
@media (max-width: 767px) {
  body.home main#swup {
    padding: 20rem;
  }
}

:root {
  --carousel-slide-width: 100%;
}

html {
  font-size: 1px;
}

body {
  font-family: "Inter", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 20rem;
  line-height: 1.21;
  color: #494440;
}
@media (min-width: 769px) {
  body {
    line-height: 1.31;
  }
}

svg.svgfilter {
  height: 0;
}

.ft-anchor:hover, .ft-bottom-anchor:hover {
  color: #EB40F7;
  cursor: pointer;
}
.ft-anchor:hover a, .ft-bottom-anchor:hover a {
  box-shadow: 0 1.5px 0 #EB40F7 !important;
}
.ft-anchor.ft-anchor.highlight, .ft-bottom-anchor.ft-anchor.highlight {
  color: #EB40F7;
  box-shadow: 0 1.5px 0 #EB40F7;
}
.ft-anchor.ft-bottom-anchor.highlight > span > span, .ft-bottom-anchor.ft-bottom-anchor.highlight > span > span {
  color: #EB40F7;
  box-shadow: 0 1.5px 0 #EB40F7;
}

span.darkname {
  text-transform: uppercase;
}
span.darkname span {
  margin-left: 0.15em;
}

body.archives .archivescontent .results li .image.community:after {
  background: #0025F5;
}
body.archives .archivescontent .results li .image.campus:after {
  background: #EB40F7;
}
body.archives .archivescontent .results li .image.calendar:after {
  background: #42D67E;
}
body.archives .archivescontent .results li .cat.community {
  color: #0025F5;
}
body.archives .archivescontent .results li .cat.campus {
  color: #EB40F7;
}
body.archives .archivescontent .results li .cat.calendar {
  color: #42D67E;
}
body.archives .archivescontent .results li a[data-desttile=community] {
  background: linear-gradient(180deg, rgba(229, 230, 229, 0.7) 0%, rgba(249, 249, 249, 0.7) 100%);
}
body.archives .archivescontent .results li a[data-desttile=community] .readmore {
  color: #42A9F8;
  box-shadow: 0 1.5px 0 #42A9F8;
}
body.archives .archivescontent .results li a[data-desttile=campus] {
  background: linear-gradient(180deg, #CFD1D4 0%, #F6F6F5 100%);
}
body.archives .archivescontent .results li a[data-desttile=campus] .readmore {
  color: #E491B0;
  box-shadow: 0 1.5px 0 #E491B0;
}
body.archives .archivescontent .results li a[data-desttile=calendar] {
  background: linear-gradient(180deg, rgba(209, 208, 205, 0.7) 0%, rgba(241, 239, 237, 0.7) 100%);
}
body.archives .archivescontent .results li a[data-desttile=calendar] .readmore {
  color: #9FD387;
  box-shadow: 0 1.5px 0 #9FD387;
}

.campussubsite header .intro,
.librarysubpage header .intro,
.eljournal header .intro,
.locked-pages-login header .intro,
.library header .intro {
  color: #EB40F7;
}

.card.campus .inlinesocial button.main span {
  color: #EB40F7;
}
.card.campus .inlinesocial #url .share {
  stroke: #EB40F7;
}
.card.campus .inlinesocial #tw path {
  fill: #EB40F7;
}
.card.campus .inlinesocial #fb path {
  fill: #EB40F7;
}
.card.campus .inlinesocial button.copy .message {
  color: #EB40F7;
}
.card.campus .block-type-quote footer {
  color: #EB40F7;
}
.card.campus .block-type-quote footer del:after {
  box-shadow: 0 1.5px 0 #EB40F7;
}
.card.campus figcaption .caption {
  color: #EB40F7;
}
.card.campus figcaption .caption del:after {
  box-shadow: 0 1.5px 0 #EB40F7;
}
.card.campus figcaption .credits {
  color: #E491B0;
}
.card.campus figcaption .credits del:after {
  box-shadow: 0 1.5px 0 #E491B0;
}
.card.campus .linkedperson, .card.campus .preinfo {
  color: #ED69F8;
}
.card.campus .linkedperson del:after, .card.campus .preinfo del:after {
  box-shadow: 0 1.5px 0 #ED69F8;
}
.card.campus .block-type-heading h2, .card.campus .relatedHeadline {
  color: #ED69F8;
}
.card.campus .block-type-heading h2 del:after, .card.campus .relatedHeadline del:after {
  box-shadow: 0 1.5px 0 #ED69F8;
}
.card.campus .block-type-heading h3 {
  color: #E491B0;
}
.card.campus .block-type-heading h3 del:after {
  box-shadow: 0 1.5px 0 #E491B0;
}
.card.campus .related .highlight {
  color: #EB40F7;
}
.card.campus .related .highlight del:after {
  box-shadow: 0 1.5px 0 #EB40F7;
}
.card.campus .addinfo {
  color: #E491B0;
}
.card.campus .addinfo del:after {
  box-shadow: 0 1.5px 0 #E491B0;
}
.card.campus .block-type-question {
  color: #E491B0;
}
.card.campus .block-type-question del:after {
  box-shadow: 0 1.5px 0 #E491B0;
}
.card.campus .subgrid .author {
  color: #ED69F8;
}
.card.campus .subgrid li.news .author {
  color: #42D67E;
}
.card.campus .subgrid .readmore {
  color: #E491B0;
}
.card.campus .subgrid li.news .readmore {
  color: #9FD387;
}
.card.campus nav.inner a.main {
  color: #EB40F7;
}
.card.campus nav.inner a.iactive, .card.campus nav.inner a:not(.main):hover {
  color: #ED69F8;
}
.card.campus aside a:hover, .card.campus aside a.active {
  color: #EB40F7;
}
.card.campus .featuredslide .right {
  color: #EB40F7;
}
.card.campus .featuredslide .right .intro {
  color: #EB40F7;
}
.card.campus .featuredslide .right .intro del:after {
  box-shadow: 0 1.5px 0 #EB40F7;
}
.card.campus .featuredslide .right .readmore {
  color: #EB40F7;
}
.card.campus a.authorlink:hover {
  color: #0025F5;
}
.card.campus .block.block-type-drawing svg {
  filter: url(#campusMask);
}

.card.community .inlinesocial button.main span {
  color: #0025F5;
}
.card.community .inlinesocial #url .share {
  stroke: #0025F5;
}
.card.community .inlinesocial #tw path {
  fill: #0025F5;
}
.card.community .inlinesocial #fb path {
  fill: #0025F5;
}
.card.community .inlinesocial button.copy .message {
  color: #0025F5;
}
.card.community .preinfo {
  color: #42A9F8;
}
.card.community .preinfo a {
  box-shadow: 0 1.5px 0 #42A9F8;
}
.card.community .preinfo del:after {
  box-shadow: 0 1.5px 0 #42A9F8;
}
.card.community figcaption {
  color: #0025F5;
}
.card.community figcaption del:after {
  box-shadow: 0 1.5px 0 #0025F5;
}
.card.community .highlight {
  color: #0025F5;
}
.card.community .highlight del:after {
  box-shadow: 0 1.5px 0 #0025F5;
}
.card.community .head {
  color: #42A9F8;
}
.card.community .head del:after {
  box-shadow: 0 1.5px 0 #42A9F8;
}
.card.community .namelist a:hover,
.card.community .namelist span:hover,
.card.community .namelist p:hover {
  color: #42A9F8;
}
.card.community .namelist.deep a:hover,
.card.community .namelist.deep span:hover,
.card.community .namelist.deep p:hover {
  color: #0025F5;
}
.card.community .intro {
  color: #42A9F8;
}
.card.community .intro del:after {
  box-shadow: 0 1.5px 0 #42A9F8;
}
.card.community nav.inner a.main {
  color: #0025F5;
}
.card.community nav.inner a.iactive, .card.community nav.inner a:not(.main):hover {
  color: #6394F7;
}
.card.community aside a:hover, .card.community aside a.active {
  color: #0025F5;
}
.card.community .block.block-type-drawing svg {
  filter: url(#communityMask);
}

.stack.com-emeritus header h2, .stack.faculty header h2 {
  color: #6394F7;
}
.stack.com-emeritus header h2 del:after, .stack.faculty header h2 del:after {
  box-shadow: 0 1.5px 0 #6394F7;
}

.card.calendar .yeartile > h3 {
  color: #42D67E;
}
.card.calendar .inlinesocial button.main span {
  color: #42D67E;
}
.card.calendar .inlinesocial #url .share {
  stroke: #42D67E;
}
.card.calendar .inlinesocial #tw path {
  fill: #42D67E;
}
.card.calendar .inlinesocial #fb path {
  fill: #42D67E;
}
.card.calendar .inlinesocial button.copy .message {
  color: #42D67E;
}
.card.calendar .author {
  color: #42D67E;
}
.card.calendar nav.inner a.main {
  color: #42D67E;
}
.card.calendar nav.inner a.iactive, .card.calendar nav.inner a:not(.main):hover {
  color: #9FD387;
}
.card.calendar .readmore {
  color: #9FD387;
}
.card.calendar .block.block-type-drawing svg {
  filter: url(#calendarMask);
}
.card.calendar .content .accordion button svg path {
  fill: #42D67E;
}
.card.calendar a.authorlink:hover .author {
  color: #0025F5;
}

body.about .block.block-type-drawing svg {
  filter: url(#aboutMask);
  opacity: 0.1;
}

nav.mobile li.calendar > a {
  color: #9FD387;
}
nav.mobile li.campus > a {
  color: #EB40F7;
}
nav.mobile li.community > a {
  color: #0025F5;
}

.content .accordion button {
  position: relative;
  width: 100%;
  padding: 15rem 0;
  text-align: left;
}
.content .accordion button header {
  width: 90%;
  margin-top: 0;
}
.content .accordion button header .right {
  text-align: right;
}
.content .accordion button header .author {
  margin: 7.5rem 0;
  display: block;
}
@media (min-width: 769px) {
  .content .accordion button header {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
  .content .accordion button header .author {
    margin: 0;
    display: inline;
  }
}
.content .accordion button > * {
  width: 90%;
  margin-bottom: 10rem;
}
.content .accordion button svg {
  position: absolute;
  top: 15rem;
  right: 0;
}
.content .accordion button .date span {
  letter-spacing: -1rem;
  display: block;
  font-feature-settings: "tnum" on, "lnum" on;
}
.content .accordion button svg, .content .accordion button .loc, .content .accordion button .venue {
  align-self: center;
}
.content .accordion button svg {
  width: 22rem;
  height: 22rem;
  position: absolute;
  right: 0;
  top: 15rem;
  transform: rotate(180deg);
}
.content .accordion button svg path, .content .accordion button svg line {
  stroke-width: 2px;
  stroke: #42D67E;
  stroke-linecap: round;
}
@media (min-width: 769px) {
  .content .accordion button > * {
    width: auto;
    margin-bottom: 0;
  }
  .content .accordion button p.title {
    padding-left: 10rem;
  }
  .content .accordion button p.title span:first-of-type {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.content .accordion .accordioncontent {
  display: none;
  padding-bottom: 15rem;
}
@media (min-width: 769px) {
  .content .accordion .accordioncontent .innerwrapper {
    display: grid;
    width: 90%;
    grid-template-columns: 1fr 3fr;
  }
  .content .accordion .accordioncontent .innerwrapper .innercontent {
    grid-column-start: 2;
    padding-left: 10rem;
  }
  .content .accordion .accordioncontent .innerwrapper .innercontent .loc {
    margin-top: 1em;
  }
}
.content .accordion.open button svg {
  transform: rotate(0);
}
.content .accordion.open button p.title {
  -webkit-line-clamp: inherit;
}
.carousel__button.is-prev, .carousel__button.is-next {
  width: 60rem;
  background-image: url("graphics/nextMono.svg");
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 65%;
  z-index: 900;
  right: 0;
  transform: translateY(50%);
  transition: 0.25s;
  bottom: 0;
  top: unset;
}
.carousel__button.is-prev svg, .carousel__button.is-next svg {
  opacity: 0;
}
@media (min-width: 769px) {
  .carousel__button.is-prev, .carousel__button.is-next {
    bottom: unset;
    transform: translateY(-50%);
  }
  .carousel__button.is-prev:hover, .carousel__button.is-next:hover {
    transform: translate(20%, -50%);
  }
}

.carousel__button.is-prev {
  background-image: url("graphics/prevMono.svg");
  background-position: left bottom;
  left: 0;
}
@media (min-width: 769px) {
  .carousel__button.is-prev:hover {
    transform: translate(-20%, -50%);
  }
}

.carousel__dots .carousel__dot:after {
  width: 5px;
  height: 5px;
  background-color: black;
  border-radius: 100%;
  display: block;
}

* {
  font-variation-settings: "wght" 450;
  -webkit-font-smoothing: antialiased;
}

h2, a.ajax.innerlink {
  transition: 0.5s;
}

nav#upper a, nav#upper button, .pagefooter .legal a, .pagefooter .legal button, .stack.error a, .stack.error button {
  position: relative;
}
nav#upper a:after, nav#upper button:after, .pagefooter .legal a:after, .pagefooter .legal button:after, .stack.error a:after, .stack.error button:after {
  content: "";
  height: 2px;
  background: #494440;
  width: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: 0.25s;
}
nav#upper a:hover:after, nav#upper a.active:after, nav#upper button:hover:after, .pagefooter .legal a:hover:after, .pagefooter .legal a.active:after, .pagefooter .legal button:hover:after, .stack.error a:hover:after, .stack.error a.active:after, .stack.error button:hover:after {
  width: 100%;
}

nav.languages li, nav.languages button {
  position: relative;
}
nav.languages li:after, nav.languages button:after {
  content: "";
  height: 2px;
  background: #494440;
  width: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: 0.25s;
}
nav.languages li:hover:after, nav.languages li.active:after, nav.languages button:hover:after {
  width: 100%;
}

.interLarge, .interLarge * {
  font-size: 38rem;
  font-variation-settings: "wght" 300;
  line-height: 1.2;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (min-width: 769px) {
  .interLarge, .interLarge * {
    -webkit-hyphens: unset;
            hyphens: unset;
  }
}

.larger {
  font-size: 26rem;
}

.tiny {
  font-size: 18rem;
}

.bold, .bold *, .cookie-modal__title {
  font-variation-settings: "wght" 550;
}

.bolder, .bolder * {
  font-variation-settings: "wght" 700;
}

.light, .light * {
  font-variation-settings: "wght" 300;
}

.readmore,
.text p a, .block-type-text p a,
div.content section.footer .related .highlight,
div.content section.footer .footnotes > div a,
.stack.locked-pages-login form input,
.stack.locked-pages-login form button[type=submit],
.stack.eljournal section.log .logout_container > a {
  box-shadow: 0 1.5px 0 #494440;
}

.stack.locked-pages-login form input:hover,
.stack.locked-pages-login form button[type=submit]:hover,
.stack.eljournal section.log .logout_container > a:hover {
  box-shadow: 0 1.5px 0 #EB40F7;
}

.addinfo p a {
  box-shadow: 0 1.5px 0 #E491B0;
}

.campus div.content section.footer .related .highlight {
  box-shadow: 0 1.5px 0 #EB40F7;
}
.campus .featuredslider .readmore {
  box-shadow: 0 1.5px 0 #EB40F7;
  margin-bottom: 2px;
}
.campus .subgrid .intro .readmore {
  box-shadow: 0 1.5px 0 #E491B0;
}
.campus .subgrid li.news .intro .readmore {
  box-shadow: 0 1.5px 0 #9FD387;
}
.campus .block-type-question a {
  box-shadow: 0 1.5px 0 #E491B0;
}
.campus .preinfo a {
  box-shadow: 0 1.5px 0 #ED69F8;
}

.community div.content section.footer .related .highlight {
  box-shadow: 0 1.5px 0 #0025F5;
}

.calendar .readmore {
  box-shadow: 0 1.5px 0 #9FD387;
}

.textCondensed {
  line-height: 1.2;
}

.text, .block-type-text {
  line-height: 1.31;
}
.text p, .block-type-text p {
  margin-bottom: 1.31em;
}
.text p:last-of-type, .block-type-text p:last-of-type {
  margin-bottom: 0;
}
.text p a[href^="mailto:"], .block-type-text p a[href^="mailto:"] {
  border-bottom: 0;
  color: #b7b7b7;
}
.text p a[href^="mailto:"]:hover, .block-type-text p a[href^="mailto:"]:hover {
  color: #494440;
}

b, strong {
  font-variation-settings: "wght" 550;
}

@media (min-width: 769px) {
  .col3 {
    -moz-column-count: 2;
         column-count: 2;
  }
  .grid3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 951px) {
  .col2 {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 1001px) {
  .col3 {
    -moz-column-count: 3;
         column-count: 3;
  }
}
del {
  text-decoration: none;
  position: relative;
}
del:after {
  content: "";
  box-shadow: 0 1.5px 0 #494440;
  width: 100%;
  height: 2px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  left: 0;
}

sup {
  padding-left: 0.05em;
  padding-right: 0.05em;
  color: #EB40F7;
}

.titleLarge, .titleLarge * {
  font-size: 38rem;
  font-variation-settings: "wght" 300;
  line-height: 1.2;
}

.titleSmall, .titleSmall * {
  font-size: 38rem;
  font-variation-settings: "wght" 300;
  line-height: 1.2;
}

@media (min-width: 1201px) {
  .titleSmall, .titleSmall * {
    font-size: 20rem;
    font-variation-settings: "wght" 550;
  }
}
#burger, .burger {
  display: block;
  position: fixed;
  width: 50rem;
  height: 30rem;
  top: 20rem;
  left: 20rem;
  z-index: 999;
  transform: translateZ(100px);
}
#burger span, .burger span {
  height: 2px;
  background: #494440;
  width: 100%;
  position: absolute;
  left: 0;
  top: 14px;
  transition: 0.25s;
}
#burger:before, #burger:after, .burger:before, .burger:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 2px;
  background: #494440;
  transition: 0.25s;
}
#burger:before, .burger:before {
  top: 0;
}
#burger:after, .burger:after {
  bottom: 0;
  top: unset;
}
#burger + nav.mobile, .burger + nav.mobile {
  display: none;
}
#burger.open + nav.mobile, .burger.open + nav.mobile {
  display: block;
  z-index: 998;
}
#burger.open, .burger.open {
  display: block;
  top: 20rem !important;
}
#burger.open span, .burger.open span {
  opacity: 0;
}
#burger.open:before, .burger.open:before {
  transform: rotate(45deg);
  top: calc(50% - 1px);
}
#burger.open:after, .burger.open:after {
  transform: rotate(-45deg);
  top: calc(50% - 1px);
}
#burger.open ~ main nav.inner, .burger.open ~ main nav.inner {
  transform: none;
}
@media (min-width: 769px) {
  #burger, .burger {
    display: none;
  }
  #burger.scrollnav, .burger.scrollnav {
    display: block;
  }
}

nav.mobile {
  position: fixed;
  font-size: 20rem;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 998;
  top: 0;
  left: 0;
  padding: 120rem 20rem;
  text-align: left;
  overflow: auto;
}
nav.mobile > ul {
  margin-bottom: 30rem;
}
nav.mobile .parent + ul {
  margin-left: 20rem;
}
nav.mobile > ul.mid > li {
  margin-top: 15rem;
  margin-bottom: 15rem;
}
@media (min-width: 769px) {
  nav.mobile {
    width: 20%;
  }
}

body.campus nav.mobile li.active > a {
  color: #EB40F7;
}

body.calendar nav.mobile li.active > a {
  color: #42D67E;
}

body.community nav.mobile li.active > a {
  color: #0025F5;
}

nav#upper {
  display: none;
}
@media (min-width: 769px) {
  nav#upper {
    position: fixed;
    display: block;
    z-index: 10;
    left: 0;
    top: 0;
    background: white;
    width: 100%;
    height: 70rem;
    line-height: 70rem !important;
    padding-left: 26rem;
    transition: 0.25s;
  }
  nav#upper a {
    margin-right: 17rem;
  }
  nav#upper.scrollnav {
    background: white;
    width: 100%;
  }
  nav#upper.open a, nav#upper.open span {
    visibility: hidden;
    opacity: 0;
  }
}

nav.languages {
  position: fixed;
  right: 20rem;
  top: 20rem;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s;
}
nav.languages.open {
  opacity: 1;
  visibility: visible;
  transform: translateZ(1001px);
}
nav.languages.open ~ .newlogowrapper {
  pointer-events: none;
}
nav.languages ul {
  display: flex;
}
nav.languages ul li {
  margin-right: 10rem;
  text-transform: uppercase;
}
nav.languages ul li:nth-of-type(2) {
  margin-right: 0;
}
nav.languages ul li:last-of-type {
  display: none;
}
@media (min-width: 769px) {
  nav.languages {
    opacity: 1;
    visibility: visible;
    top: 400rem;
    transform: rotate(90deg) translateZ(0);
    transform-origin: 100% 2%;
    zoom: 1.005;
  }
  nav.languages ul li:last-of-type {
    display: block;
  }
  nav.languages ul li:nth-of-type(2) {
    margin-right: 30rem;
  }
}

.mobilebg {
  position: fixed;
  width: 100%;
  background: white;
  height: 70rem;
  top: 0;
  left: 0;
  display: block;
  z-index: 10;
  transform: translateZ(100px);
}
@media (min-width: 769px) {
  .mobilebg {
    display: none;
  }
}

.stack {
  position: relative;
}
@media (min-width: 769px) {
  .stack {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.5s;
    transform-origin: top right;
  }
  .stack.small {
    transform: scale(0.5) translateY(50%);
  }
}

body.campus .card.campus {
  z-index: 3;
}
body.campus #community, body.campus #calendar {
  opacity: 0;
  visibility: hidden;
}

body.calendar .card.calendar {
  z-index: 3;
}
body.calendar #community, body.calendar #campus {
  opacity: 0;
  visibility: hidden;
}

body.community .card.community {
  z-index: 3;
}
body.community #campus, body.community #calendar {
  opacity: 0;
  visibility: hidden;
}

.card:not(.current) {
  display: none;
}

.card {
  animation-timing-function: ease;
}
.card nav.inner {
  position: fixed;
  top: 0;
  left: 120rem;
  margin-bottom: 60rem;
  display: flex;
  height: 70rem;
  align-items: center;
  overflow-x: scroll;
  width: calc(100vw - 120rem);
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@media (max-width: 767px) {
  .card nav.inner {
    z-index: 12;
    transform: translateZ(100px);
  }
}
.card nav.inner::-webkit-scrollbar {
  display: none;
}
.card nav.inner a {
  margin-right: 15rem;
  color: #b7b7b7;
}
.card nav.inner a:last-of-type {
  margin-right: 0;
}
.card nav.inner a.desktop {
  display: none;
}
@media (max-width: 767px) {
  .card nav.inner a {
    order: 3;
  }
  .card nav.inner a.mobile {
    order: 1 !important;
  }
  .card nav.inner a.iactive {
    order: 2 !important;
  }
}
.card nav.inner:after {
  content: "";
}
.card:hover nav.inner a {
  opacity: 1;
  color: #494440;
}
.card.current nav.inner a {
  opacity: 1;
  color: #494440;
}

html.is-animating .card:hover {
  margin-top: 0;
}

@media (min-width: 1201px) {
  .card nav.inner {
    display: block;
  }
  .card nav.inner a:last-of-type {
    margin-right: 0;
  }
}

@media (min-width: 769px) {
  .card {
    width: 60vw;
    transition: margin-top 0.5s;
    padding: 26rem;
    position: absolute !important;
    display: block !important;
  }
  .card > a.ajax {
    position: absolute;
    width: 100%;
    height: calc(100% - 46rem);
    left: 0;
    bottom: 0;
  }
  .card.current > a.ajax {
    display: none;
  }
  .card nav.inner {
    text-align: right;
    position: relative;
    overflow-x: unset;
    top: unset;
    left: unset;
    height: auto;
    width: auto;
    margin-left: 120rem;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .card nav.inner a.mobile {
    display: none;
  }
  .card nav.inner a.desktop {
    display: inline;
  }
  .card nav.inner a.ajax {
    padding: 0 0 20rem 0;
  }
  .card.other > div.content {
    animation: textout 2.5s forwards;
  }
  @keyframes textout {
    0% {
      opacity: 1;
      visibility: visible;
    }
    100% {
      opacity: 0;
      visibility: hidden;
    }
  }
  .card > div.content {
    transition: 0.5s;
    margin-top: 20rem;
  }
  .card > div.content.textin {
    opacity: 1;
    visibility: visible;
    animation: textin 1.5s forwards;
  }
  @keyframes textin {
    0% {
      opacity: 0;
      visibility: hidden;
    }
    100% {
      opacity: 1;
      visibility: visible;
    }
  }
  .card:hover {
    margin-top: -2vh;
  }
  .card.campus {
    min-height: 77vh;
    background: linear-gradient(180deg, #CFD1D4 0%, #F6F6F5 100%);
    opacity: 0.9;
  }
  .card.campus.active, .card.campus.t1.active {
    animation: campusin 1s forwards;
  }
  @keyframes campusin {
    0% {
      transform: translateX(0);
      z-index: inherit;
      margin-top: -2vh;
    }
    50% {
      transform: translateX(-75vw);
      z-index: inherit;
      margin-top: -2vh;
    }
    51% {
      transform: translateX(-75vw);
      z-index: 4;
      margin-top: -2vh;
    }
    100% {
      transform: translateX(0);
      z-index: 4;
      margin-top: 0;
    }
  }
  .card.campus.t2.active {
    animation: campusin2 1s forwards;
  }
  @keyframes campusin2 {
    0% {
      transform: skew(0deg, 0deg);
      z-index: inherit;
      margin-top: -2vh;
      opacity: 1;
    }
    50% {
      transform: skew(-20deg, -10deg);
      z-index: inherit;
      margin-top: -2vh;
      opacity: 0.75;
    }
    51% {
      transform: skew(-20deg, -10deg);
      z-index: 4;
      margin-top: -2vh;
      opacity: 0.75;
    }
    100% {
      transform: skew(0deg, 0deg);
      z-index: 4;
      margin-top: 0;
      opacity: 1;
    }
  }
  .card.campus.t3.active {
    animation: shake 1s forwards;
  }
  .card.campus.t4.other {
    animation-delay: 0.15s;
  }
  .card.community {
    min-height: 70vh;
    background: linear-gradient(180deg, rgba(229, 230, 229, 0.7) 0%, rgba(249, 249, 249, 0.7) 100%);
  }
  .card.community.active, .card.community.t1.active {
    animation: communityin 1s forwards;
  }
  @keyframes communityin {
    0% {
      transform: translateX(0);
      z-index: inherit;
    }
    50% {
      transform: translateX(65vw);
      z-index: inherit;
    }
    51% {
      transform: translateX(65vw);
      z-index: 4;
    }
    100% {
      transform: translateX(0);
      z-index: 4;
    }
  }
  .card.community.t2.active {
    animation: communityin2 1s forwards;
  }
  @keyframes communityin2 {
    0% {
      transform: skew(0deg, 0deg) translateX(0);
      z-index: inherit;
      opacity: 1;
    }
    50% {
      transform: skew(40deg, 0deg) translateX(30%) scale(0.75);
      z-index: inherit;
      opacity: 0.75;
    }
    51% {
      transform: skew(40deg, 0deg) translateX(30%) scale(0.75);
      z-index: 4;
      opacity: 0.75;
    }
    100% {
      transform: skew(0deg, 0deg) translateX(0);
      z-index: 4;
      opacity: 1;
    }
  }
  .card.community.t3.active {
    animation: shake 1s forwards;
  }
  .card.community.t4.other {
    animation-delay: 0.25s;
  }
  .card.calendar {
    width: 56vw;
    min-height: 60vh;
    background: linear-gradient(180deg, rgba(209, 208, 205, 0.7) 0%, rgba(241, 239, 237, 0.7) 100%);
  }
  .card.calendar.active, .card.calendar.t1.active {
    animation: calendarin 1s forwards;
  }
  @keyframes calendarin {
    0% {
      transform: translateY(0);
      z-index: inherit;
    }
    50% {
      transform: translateY(-60vh);
      z-index: inherit;
    }
    51% {
      transform: translateY(-60vh);
      z-index: 4;
    }
    100% {
      transform: translateY(0);
      z-index: 4;
    }
  }
  .card.calendar.t2.active {
    animation: campusin2 1s forwards;
  }
  @keyframes campusin2 {
    0% {
      transform: skew(0deg, 0deg);
      z-index: inherit;
      opacity: 1;
    }
    50% {
      transform: skew(-20deg, -10deg);
      z-index: inherit;
      opacity: 0.75;
    }
    51% {
      transform: skew(-20deg, -10deg);
      z-index: 4;
      opacity: 0.75;
    }
    100% {
      transform: skew(0deg, 0deg);
      z-index: 4;
      opacity: 1;
    }
  }
  .card.calendar.t3.active {
    animation: shake 1s forwards;
  }
  .card.calendar.t4.other {
    animation-delay: 0.35s;
  }
}
@keyframes shake {
  0% {
    transform: translateX(10rem);
    z-index: inherit;
  }
  10% {
    transform: translateX(-10rem);
    z-index: inherit;
  }
  20% {
    transform: translateX(10rem);
    z-index: inherit;
  }
  30% {
    transform: translateX(-10rem);
    z-index: inherit;
  }
  40% {
    transform: translateX(10rem);
    z-index: inherit;
  }
  50% {
    transform: translateX(-10rem);
    z-index: inherit;
  }
  51% {
    transform: translateX(-10rem);
    z-index: 4;
  }
  60% {
    transform: translateX(10rem);
    z-index: 4;
  }
  70% {
    transform: translateX(-10rem);
    z-index: 4;
  }
  80% {
    transform: translateX(10rem);
    z-index: 4;
  }
  90% {
    transform: translateX(-10rem);
    z-index: 4;
  }
  100% {
    transform: translateX(0);
    z-index: 4;
    margin-top: 0;
  }
}
.card.active.t4 {
  animation: fallactive 1.5s forwards;
}

@keyframes fallactive {
  0% {
    transform: translateY(0);
    z-index: inherit;
    opacity: 1;
  }
  50% {
    transform: translateY(30vh);
    z-index: inherit;
    opacity: 0;
  }
  51% {
    transform: translateY(30vh);
    z-index: 4;
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    z-index: 4;
    opacity: 1;
  }
}
.card.t4.other {
  animation: fall 1.5s forwards;
}

@keyframes fall {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(30vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.card.t4.current {
  z-index: 4 !important;
}

.transition-fade {
  transition: 0.4s;
  opacity: 1;
}

html.is-animating .transition-fade {
  opacity: 0;
}

body #edit-cookie {
  margin-bottom: 60rem;
}
body.home .cookie-modal {
  display: none;
}
body .cookie-modal {
  z-index: 10000;
  background: transparent;
}
body .cookie-modal__content {
  margin: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  padding: 20rem;
}
@media (min-width: 769px) {
  body .cookie-modal__content {
    padding: 0;
  }
}
body .cookie-modal__content .cookiecontent {
  padding: 0;
}
@media (min-width: 769px) {
  body .cookie-modal__content .cookiecontent {
    padding: 26rem;
    display: grid;
    border-top: none;
    grid-template-columns: 1fr auto auto;
    grid-template-rows: auto auto;
    grid-column-gap: 60rem;
  }
}
body .cookie-modal__content .cookie-modal__text, body .cookie-modal__content .cookie-modal__option, body .cookie-modal__content .cookie-modal__button {
  font-size: 18rem;
}
body .cookie-modal__content .cookie-modal__title {
  display: none;
}
body .cookie-modal__content .cookie-modal__text {
  line-height: inherit;
  margin-bottom: 26rem;
  grid-row-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  max-width: 85ch;
}
@media (min-width: 769px) {
  body .cookie-modal__content .cookie-modal__text {
    margin-bottom: 0;
  }
}
body .cookie-modal__content .cookie-modal__options {
  margin-bottom: 26rem;
}
@media (min-width: 769px) {
  body .cookie-modal__content .cookie-modal__options {
    margin-bottom: 0;
    flex-direction: column-reverse;
    justify-content: space-between;
    grid-row-end: 3;
    grid-row-start: 1;
  }
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option {
  margin-bottom: 0;
  margin-right: 0;
  align-items: flex-end;
  width: 50%;
}
@media (min-width: 769px) {
  body .cookie-modal__content .cookie-modal__options .cookie-modal__option {
    width: 100%;
  }
  body .cookie-modal__content .cookie-modal__options .cookie-modal__option:last-of-type {
    margin-bottom: 10rem;
  }
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option.disabled {
  opacity: 1;
  color: #b7b7b7;
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option.disabled svg {
  stroke: #b7b7b7 !important;
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option.disabled span:hover:after {
  width: 0;
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option .cookie-modal__checkbox {
  border-radius: 100%;
  border: none;
  background: transparent;
  height: 18px;
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option .cookie-modal__checkbox:checked + .cookie-modal__check svg {
  stroke: #494440;
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option .cookie-modal__check {
  height: 18px;
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option .cookie-modal__label {
  line-height: 1;
  position: relative;
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option .cookie-modal__label:after {
  content: "";
  height: 2px;
  background: #494440;
  width: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: 0.25s;
}
body .cookie-modal__content .cookie-modal__options .cookie-modal__option .cookie-modal__label:hover:after {
  width: 100%;
}
body .cookie-modal__content .cookie-modal__buttons {
  flex-direction: row-reverse;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  body .cookie-modal__content .cookie-modal__buttons {
    text-transform: none;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-row-start: 1;
    flex-direction: column;
    justify-content: space-between;
  }
}
body .cookie-modal__content .cookie-modal__buttons .cookie-modal__button {
  width: 50%;
  margin-right: 0;
  border: none;
  padding: 0;
  line-height: 1;
  padding-left: 26px;
  color: inherit;
}
body .cookie-modal__content .cookie-modal__buttons .cookie-modal__button#cookie-save {
  margin-top: auto;
}
@media (min-width: 769px) {
  body .cookie-modal__content .cookie-modal__buttons .cookie-modal__button {
    width: 100%;
    padding-left: 0;
  }
  body .cookie-modal__content .cookie-modal__buttons .cookie-modal__button:first-of-type {
    margin-bottom: 10rem;
  }
}
body .cookie-modal__content .cookie-modal__buttons .cookie-modal__button span {
  position: relative;
}
body .cookie-modal__content .cookie-modal__buttons .cookie-modal__button span:after {
  content: "";
  height: 2px;
  background: #494440;
  width: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: 0.25s;
}
body .cookie-modal__content .cookie-modal__buttons .cookie-modal__button span:hover:after {
  width: 100%;
}
body .cookie-modal__content .cookie-modal__buttons .cookie-modal__button.primary {
  background: inherit;
  color: inherit;
}
body .cookie-modal__content .cookie-modal__buttons .cookie-modal__button#cookie-save {
  width: 100%;
}
body.error main {
  min-height: 100vh;
}
body.error main .stack.error {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.error main .stack.error a {
  margin-top: 20rem;
}

#deviceMotion {
  color: red;
  padding: 25rem;
  border: 1px solid;
  z-index: 9999;
  position: fixed;
  bottom: 0;
  left: 50rem;
}
#deviceMotion:hover {
  opacity: 0.5;
}

.drawingbg {
  background-repeat: no-repeat;
  background-size: 10%;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.card.current .inlinesocial,
.archivescontent .inlinesocial,
.aboutcontent .inlinesocial,
.contactcontent .inlinesocial {
  display: block;
}

.archivescontent .inlinesocial,
.aboutcontent .inlinesocial,
.contactcontent .inlinesocial {
  position: relative;
  top: 0;
  left: 0;
  text-align: right;
}

.archivescontent .inlinesocial {
  margin-bottom: 30rem;
}

.inlinesocial {
  margin-bottom: 26rem;
  margin-top: 26rem;
}
@media (min-width: 769px) {
  .inlinesocial {
    margin-left: 26rem;
  }
}
.inlinesocial:hover .dropdown {
  opacity: 1;
  visibility: visible;
}
.inlinesocial .dropdown {
  display: grid;
  grid-template-columns: 20rem 20rem 20rem;
  align-content: center;
  gap: 10rem;
  height: 20rem;
  transition: opacity 0.25s;
  opacity: 0;
  visibility: hidden;
  margin-left: 25rem;
  padding: 2.5rem 0;
}
.inlinesocial .dropdown > * {
  width: 20rem;
  height: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inlinesocial button.main {
  width: 20rem;
  height: 20rem;
  position: relative;
  float: left;
}
.inlinesocial button.main span {
  width: 0.6em;
  height: 0.6em;
  border-radius: 100%;
  color: #494440;
  border: 2px solid;
  display: block;
  margin: 0.1em;
}
@media (min-width: 769px) {
  .inlinesocial {
    position: absolute;
    top: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    display: none;
    height: auto;
    text-align: right;
    top: 26rem;
    left: 26rem;
    z-index: 999;
  }
}
.inlinesocial img, .inlinesocial svg {
  height: 15rem;
  width: 15rem;
}
.inlinesocial button.copy {
  position: relative;
  width: 15rem;
  height: 15rem;
  transform: translateY(2.5rem);
}
.inlinesocial button.copy svg {
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  transition: 0.25s;
}
.inlinesocial button.copy svg .share {
  stroke-width: 3;
}
.inlinesocial button.copy:hover svg {
  transform: rotate(0deg);
}
.inlinesocial button.copy .message {
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 25rem;
}
.inlinesocial button.copy .message.animate {
  animation: linear 1.5s forwards showfade;
}
@keyframes showfade {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@media (min-width: 769px) {
  body.campustest .campus {
    z-index: 4 !important;
  }
  body.campus .card.campus {
    top: 200rem;
  }
  body.campus .card.calendar {
    top: 80rem;
    z-index: 1;
  }
  body.campus .card.community {
    top: 140rem;
    z-index: 2;
  }
  body.newsletter .card.campus {
    top: 200rem;
    z-index: 4;
  }
  body.newsletter .card.calendar {
    top: 80rem;
    z-index: 1;
  }
  body.newsletter .card.community {
    top: 140rem;
    z-index: 2;
  }
  body.community .card.campus {
    top: 140rem;
    z-index: 2;
  }
  body.community .card.calendar {
    top: 80rem;
    z-index: 1;
  }
  body.community .card.community {
    top: 200rem;
  }
  body.calendar .card.campus {
    top: 140rem;
    z-index: 1;
  }
  body.calendar .card.calendar {
    top: 80rem;
    left: 26rem;
  }
  body.calendar .card.community {
    top: 200rem;
    z-index: 2;
  }
  body.archives .stack, body.about .stack, body.contact .stack, body.legal .stack {
    position: fixed;
    height: 100vh;
  }
  body.archives .stack .card, body.about .stack .card, body.contact .stack .card, body.legal .stack .card {
    min-height: 100% !important;
  }
  body.archives .stack .card nav.inner, body.about .stack .card nav.inner, body.contact .stack .card nav.inner, body.legal .stack .card nav.inner {
    margin-left: 0;
  }
  body.archives .stack .card.community, body.about .stack .card.community, body.contact .stack .card.community, body.legal .stack .card.community {
    left: 0;
    top: -70rem;
    width: 777rem;
  }
  body.archives .stack .card.campus, body.about .stack .card.campus, body.contact .stack .card.campus, body.legal .stack .card.campus {
    left: 157rem;
    top: 0;
    width: 743rem;
  }
  body.archives .stack .card.calendar, body.about .stack .card.calendar, body.contact .stack .card.calendar, body.legal .stack .card.calendar {
    left: 230rem;
    top: 70rem;
    width: 510rem;
  }
  body.archives .stack {
    left: -20vw;
    top: calc(10vh + 220rem);
  }
  body.archives .stack .card {
    left: unset !important;
    right: 0;
  }
  body.archives .stack .card.calendar {
    right: 10vw;
  }
  body.archives .stack .card.community {
    right: 7vw;
  }
}
@media (min-width: 769px) {
  body.archives .stack, body.about .stack, body.contact .stack, body.legal .stack {
    left: calc(60vw + 26rem);
    top: calc(10vh + 150rem);
    width: calc(40vw - 100rem);
  }
  body.archives .archivescontent {
    padding-right: 60rem;
  }
  body.archives .stack {
    left: 0;
    top: calc(10vh + 220rem);
  }
  body.archives .stack .card {
    left: unset !important;
    right: 0;
  }
  body.archives .stack .card.calendar {
    right: 10vw;
  }
  body.archives .stack .card.community {
    right: 7vw;
  }
}
@media (min-width: 1001px) {
  body.archives .archivescontent {
    padding-right: 135rem;
  }
}
@media (min-width: 931px) {
  body.archives .stack, body.about .stack, body.contact .stack, body.legal .stack {
    left: calc(40vw + 26rem);
    width: calc(60vw - 100rem);
  }
  body.archives .stack {
    left: -20vw;
    top: calc(10vh + 220rem);
  }
  body.archives .stack .card {
    left: unset !important;
    right: 0;
  }
  body.archives .stack .card.calendar {
    right: 10vw;
  }
  body.archives .stack .card.community {
    right: 7vw;
  }
}
@media (min-width: 769px) {
  .card.campus {
    width: 90.41vw;
    left: 26rem;
  }
  .card.community {
    width: 85vw;
    left: 5vw;
  }
  .card.calendar {
    width: 66vw;
    left: 15vw;
  }
  .stack.library .card.campus, .stack.librarysubpage .card.campus, .stack.locked-pages-login .card.campus, .stack.eljournal .card.campus, .stack.eljournalentry .card.campus {
    width: 90vw;
  }
  .stack.calendar .card.calendar {
    width: 75vw;
  }
  .stack.calendar .card.campus {
    left: 4vw;
  }
  .stack.calendar .card.community {
    left: 5vw;
  }
  .stack.news .card.campus {
    left: 104rem;
  }
  .stack.news .card.community {
    left: 26rem;
  }
  .stack.news .card.calendar {
    width: calc(50vw + 150rem);
    left: 15vw;
  }
}
@media (min-width: 1101px) {
  .stack.news .card.calendar {
    width: calc(30vw + 200rem);
    left: 10vw;
  }
}
@media (min-width: 1201px) {
  .card.campus {
    width: 87vw;
    left: 26rem;
  }
  .card.community {
    width: 75vw;
    left: 10vw;
  }
  .card.calendar {
    width: 56vw;
    left: 5vw;
  }
  .stack.news .card.calendar {
    width: calc(30vw + 180rem);
    left: calc(26rem + 8vw);
  }
  .stack.calendar .card.calendar {
    width: 75vw;
  }
  .stack.calendar .card.campus {
    left: 19vw;
  }
  .stack.calendar .card.community {
    left: 15vw;
  }
}
@media (min-width: 1334px) {
  .card.campus {
    width: 75vw;
    left: 26rem;
  }
}
@media (min-width: 769px) and (max-width: 1063px) {
  .card.campus nav.inner {
    margin-left: 37%;
  }
}
.stack.library .subgrid, .stack.librarysubpage .subgrid {
  display: block;
}
@media (min-width: 866px) {
  .stack.library .subgrid, .stack.librarysubpage .subgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1201px) {
  .stack.library .subgrid, .stack.librarysubpage .subgrid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1486px) {
  .stack.library .subgrid, .stack.librarysubpage .subgrid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.transitionselector {
  display: none;
}
@media (min-width: 769px) {
  .transitionselector {
    position: fixed;
    display: block;
    bottom: 100rem;
    right: 20rem;
    display: none;
  }
  .transitionselector button {
    padding: 10rem;
    display: block;
  }
  .transitionselector button.active {
    border-bottom: 1px solid;
  }
}

.logo {
  display: none;
}
@media (min-width: 769px) {
  .logo {
    position: fixed;
    display: block;
    right: 20rem;
    top: 20rem;
    width: auto;
    z-index: 999;
  }
  .logo svg {
    width: auto;
    height: 100%;
  }
  .logo svg path {
    stroke-dasharray: 705.5551757813;
    stroke-dashoffset: 705.5551757813;
    animation-name: dash;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-play-state: paused;
  }
  @keyframes dash {
    from {
      stroke-dashoffset: 705.5551757813;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
  .logo:hover svg path {
    animation-play-state: running;
  }
}

@media (min-width: 769px) {
  body .newlogo {
    display: block !important;
  }
}
body .oldlogo {
  display: none;
}

body.logohover main {
  transform: translateX(-25vw);
}

.newlogo {
  position: relative;
  display: block;
  width: 125rem;
  font-size: 20rem;
  left: 20rem;
}
@media (min-width: 901px) {
  .newlogo {
    transition: margin 0.25s;
  }
}
.newlogo > a {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.newlogo figure, .newlogo .linkcontainer {
  display: none;
}
@media (max-width: 768px) {
  .newlogo {
    margin-top: 100rem;
  }
  .newlogo > a {
    height: 50rem;
  }
  .newlogo .linkcontainer {
    display: block;
    display: block;
    width: calc(100vw - 40rem);
    margin-top: 5rem;
    line-height: 1.1;
  }
  .newlogo .linkcontainer .subline {
    opacity: 0;
    visibility: hidden;
    font-size: 0;
  }
  .newlogo .linkcontainer .subline.calendar {
    color: #42D67E;
  }
  .newlogo .linkcontainer .subline.community {
    color: #0025F5;
  }
  .newlogo .linkcontainer .subline.campus {
    color: #EB40F7;
  }
  .newlogo .linkcontainer .subline:first-of-type {
    visibility: visible;
    font-size: 20rem;
  }
}
@media (min-width: 769px) {
  .newlogo {
    position: fixed;
    padding: 0;
    right: 20rem;
    top: 20rem;
    font-size: 20rem;
    left: unset;
    z-index: 9998;
    transform-origin: top right;
    transform: translateY(-4vh);
  }
  .newlogo .mousearea {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    transform-origin: bottom left;
  }
  .newlogo .innercontainer {
    display: flex;
    align-items: baseline;
    line-height: 0.9;
  }
  .newlogo .innercontainer + p {
    line-height: 1.2;
  }
  .newlogo .underscore {
    display: inline-block;
    transform-origin: left;
    margin-left: 2rem;
  }
  .newlogo .linkcontainer {
    display: block;
  }
  .newlogo .linkcontainer .subline {
    display: none;
    max-width: 0;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.75);
    transform-origin: top left;
    height: 0;
    font-size: 16rem;
    line-height: 1;
  }
  .newlogo .linkcontainer .subline:first-of-type {
    display: block;
  }
  .newlogo .linkcontainer .subline.calendar:hover {
    color: #42D67E;
  }
  .newlogo .linkcontainer .subline.community:hover {
    color: #0025F5;
  }
  .newlogo .linkcontainer .subline.campus:hover {
    color: #EB40F7;
  }
  .newlogo figure {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transform-origin: bottom left;
    width: 0;
    height: 6vh;
    max-width: 5vw;
  }
  .newlogo figure svg {
    display: none;
    height: 100%;
    width: auto;
    transform-origin: bottom left;
  }
  .newlogo figure svg:first-of-type {
    display: block;
  }
  .newlogo figure svg#D6, .newlogo figure svg#D1 {
    transform: translate(-4%, 0%);
  }
  .newlogo figure svg#D2 {
    transform: translate(5%, 3%) scale(0.8);
  }
  .newlogo figure svg#D3 {
    transform: translate(5%, 0%) scale(0.6);
  }
  .newlogo figure svg#D4 {
    transform: translate(12%, 0%) scale(0.9);
  }
  .newlogo figure svg#D5 {
    transform: translate(1%, 2%) scale(0.5);
  }
  .newlogo figure svg#D7 {
    transform: translate(-4%, 2%) scale(0.85);
  }
  .newlogo figure svg#D8 {
    transform: translate(0%, 2%) scale(0.75);
  }
  .newlogo figure svg#D9 {
    transform: translate(4%, 0%) scale(0.58);
  }
  .newlogo figure path {
    fill: #494440;
  }
  .newlogo figure path.cls-1 {
    fill: none;
  }
  .newlogo:hover .subline, .newlogo:hover figure {
    visibility: visible;
  }
  .newlogo:hover .subline {
    max-width: 180rem;
    width: 180rem;
  }
  .newlogo:hover figure {
    width: 100%;
  }
  .newlogo.anim .subline {
    visibility: visible;
    max-width: 180rem;
    width: 180rem;
  }
}

@keyframes scaleInOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.5);
  }
  75% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body.transition {
  overflow: hidden;
}

main {
  padding: 60rem 20rem 20rem 20rem;
  min-height: calc(100vh + 70rem);
  position: relative;
}
@media (min-width: 769px) {
  main {
    display: flex;
    padding: 10vh 26rem 26rem 26rem;
  }
}

.card::after {
  content: "";
  height: 200px;
  width: 100%;
  position: absolute;
  bottom: -200px;
}

.container {
  position: relative;
}
.container.hasAside {
  display: flex;
  flex-direction: column;
}
.container.hasAside div.main {
  flex: 1;
}
.container.hasAside aside a {
  display: block;
  margin: 0.15em 0;
}
.container.hasAside aside a:first-of-type {
  margin-top: 0;
}
@media (min-width: 769px) {
  .container.hasAside {
    flex-direction: row;
  }
  .container.hasAside aside {
    margin-left: 60rem;
    position: sticky;
    top: 120rem;
    align-self: flex-start;
  }
}

.scrolltop {
  margin: 20rem 0;
  height: 40rem;
  text-align: center;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20rem;
  bottom: 10vh;
}
.scrolltop svg {
  height: 100%;
  transition: 0.25s;
}
.scrolltop:hover svg {
  transform: translateY(-10%);
}

div.content header {
  margin-bottom: 60rem;
}
div.content header .upper {
  margin-bottom: 60rem;
}
div.content header .upper .right {
  text-align: right;
}
div.content header .upper .right p.venue span:after {
  content: ", ";
}
div.content header .upper .right p.venue span:last-of-type:after {
  content: "";
}
div.content header .intro + .preinfo {
  margin-top: 60rem;
}
@media (min-width: 769px) {
  div.content header .upper {
    display: flex;
    justify-content: space-between;
  }
  div.content header .upper .left {
    margin-right: 60rem;
  }
}
@media (min-width: 1001px) {
  div.content .intro, div.content .preinfo {
    width: 50%;
  }
  div.content .preinfo {
    margin-left: 40%;
  }
}

body.hometest .newlogo, body.home .newlogo {
  display: none !important;
}
body.hometest nav.languages, body.hometest nav#upper, body.hometest nav.mobile, body.hometest .mobilebg, body.hometest #burger, body.hometest .inlinesocial, body.hometest .newlogo, body.hometest .oldlogo, body.hometest footer.pagefooter, body.hometest .archivescontent, body.hometest .legalcontent, body.hometest .contactcontent, body.hometest .aboutcontent, body.home nav.languages, body.home nav#upper, body.home nav.mobile, body.home .mobilebg, body.home #burger, body.home .inlinesocial, body.home .newlogo, body.home .oldlogo, body.home footer.pagefooter, body.home .archivescontent, body.home .legalcontent, body.home .contactcontent, body.home .aboutcontent {
  display: none !important;
}
body.hometest main, body.home main {
  height: 100vh;
  min-height: 100%;
  padding: 20rem;
  transition: background-color 2s;
}
body.hometest main .stack, body.home main .stack {
  position: relative;
  height: 100%;
}
body.hometest main .stack > a, body.home main .stack > a {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body.hometest main svg path, body.home main svg path {
  fill: #494440;
}
body.hometest main svg path.cls-1, body.home main svg path.cls-1 {
  fill: none;
}
body.hometest main.dark, body.home main.dark {
  background: #494440;
  color: white;
}
body.hometest main.dark a, body.home main.dark a {
  color: white;
}
body.hometest main.dark svg path, body.home main.dark svg path {
  fill: white;
}
body.hometest main.green, body.home main.green {
  background: #42D67E;
  color: #494440;
}
body.hometest main.green a, body.home main.green a {
  color: #494440;
}
body.hometest main.blue, body.home main.blue {
  background: #6394F7;
  color: white;
}
body.hometest main.blue a, body.home main.blue a {
  color: white;
}
body.hometest main.blue svg path, body.home main.blue svg path {
  fill: white;
}
body.hometest main.pink, body.home main.pink {
  background: #E491B0;
  color: #494440;
}
body.hometest main.pink a, body.home main.pink a {
  color: #494440;
}

.homecontainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.homecontainer .homelogo {
  width: 19ch;
}
@media (min-width: 769px) {
  .homecontainer .homelogo {
    margin-top: 11ch;
    transition: transform 1s;
    transform-origin: center;
    transform: scale(1.5);
  }
  .homecontainer .homelogo:hover {
    transform: scale(1.75);
  }
}
.homecontainer .homelogo .innercontainer {
  display: flex;
  align-items: baseline;
  line-height: 1;
}
.homecontainer .homelogo .innercontainer > span {
  line-height: 0;
}
.homecontainer .homelogo .innercontainer figure {
  width: 6ch;
  margin-left: 20rem;
  position: relative;
}
.homecontainer .homelogo .innercontainer figure picture {
  display: none;
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  opacity: 0;
  line-height: 0;
}
.homecontainer .homelogo .innercontainer figure picture.active {
  display: block;
  visibility: visible;
}
.homecontainer .homelogo .innercontainer figure picture#LD0 {
  transform: translate(-17%, 0%) scale(0.75);
  transform-origin: bottom left;
}
.homecontainer .homelogo .innercontainer figure picture#LD1 {
  transform: translate(-7%, 2%);
}
.homecontainer .homelogo .innercontainer figure picture#LD2 {
  transform: translate(-7%, 0%) scale(0.75);
  transform-origin: bottom left;
}
.homecontainer .homelogo .innercontainer figure picture#LD3 {
  transform: translate(-4%, 0%) scale(0.5);
  transform-origin: bottom left;
}
.homecontainer .homelogo .innercontainer figure picture#LD4 {
  transform: translate(-9%, 0) scale(1.25);
  transform-origin: bottom left;
}
.homecontainer .homelogo .innercontainer figure picture#LD5 {
  transform: translate(-19%, 0%) scale(0.65);
  transform-origin: bottom left;
}
.homecontainer .homelogo .innercontainer figure picture#LD6 {
  transform: translate(-14%, 0%) scale(0.85);
  transform-origin: bottom left;
}
.homecontainer .homelogo .innercontainer figure picture#LD7 {
  transform: translate(-13%, 0);
  transform-origin: bottom left;
}
.homecontainer .homelogo .innercontainer figure picture#LD8 {
  transform: translate(-10%, 0) scale(0.85);
  transform-origin: bottom left;
}
.homecontainer .homelogo .underscore {
  display: inline-block;
  transform-origin: left;
  transform: scaleX(0);
  margin-left: 5rem;
  font-variation-settings: "wght" 260;
}
.homecontainer .homelogo .linkcontainer {
  min-height: 3.5em;
}
@media (min-width: 769px) {
  .homecontainer .homelogo .linkcontainer {
    width: 25ch;
    padding-left: 0.1em;
  }
}
.homecontainer .homelogo .linkcontainer p:first-of-type {
  display: block;
}
.homecontainer .homelogo .linkcontainer #text {
  display: block;
  max-width: 21vw;
  max-width: 25ch;
  font-size: 16rem;
  line-height: 1;
}
@media (min-width: 769px) {
  .homecontainer {
    width: 70vw;
    margin-left: 15vw;
  }
}

.stack.newsletter {
  position: unset;
}
.stack.newsletter .newsletterframe iframe {
  min-height: 50vh;
}

body.nl-open {
  margin-top: 308rem;
}
body.nl-open nav.mobile {
  z-index: 0;
}
body.nl-open .newlogo, body.nl-open .newlogo * {
  z-index: 12;
}
@media (max-width: 767px) {
  body.nl-open #burger, body.nl-open .burger {
    top: 330rem;
  }
  body.nl-open .card nav.inner {
    top: 310rem;
  }
  body.nl-open .mobilebg {
    top: 308rem;
  }
}
@media (min-width: 901px) {
  body.nl-open {
    margin-top: 112rem;
  }
  body.nl-open nav#upper {
    top: 112rem;
  }
  body.nl-open nav.languages {
    top: 512rem;
  }
  body.nl-open .newlogo {
    margin-top: 112rem;
  }
}

.newsletter {
  position: relative;
}
@keyframes attention {
  0% {
    width: 0;
  }
  10% {
    width: 100%;
  }
  20% {
    width: 100%;
  }
  30% {
    width: 0;
  }
  100% {
    width: 0;
  }
}
.newsletter #newsletter {
  opacity: 0;
  visibility: hidden;
  transition: 0.25s;
}
.newsletter.open #newsletter {
  opacity: 1;
  visibility: visible;
}

body {
  transition: margin 0.25s;
}

#newsletter {
  opacity: 0;
  visibility: hidden;
  transition: 0.25s;
  width: 100%;
  z-index: 13;
  top: -122rem;
  position: fixed;
}
#newsletter.open {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.sib-form-message-panel {
  display: none;
  position: absolute;
  z-index: 99999;
  top: 260rem;
  left: 10rem;
  width: calc(100% - 20rem);
  font-size: 20rem;
  padding: 10rem;
}
@media (min-width: 901px) {
  .sib-form-message-panel {
    padding: 20rem;
    width: auto;
    left: 20rem;
    top: 20rem;
  }
}
.sib-form-message-panel#error-message {
  background: #b7b7b7;
}
.sib-form-message-panel#success-message {
  background: #b7b7b7;
}

.sib-form-message-panel--active {
  display: inline-block;
}

#sib-container {
  text-align: left;
  line-height: 1;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: end;
}
@media (min-width: 901px) {
  #sib-container {
    flex-direction: row;
  }
}
#sib-container #closeNL {
  position: absolute;
  top: 17rem;
  right: 23rem;
  width: 40rem;
  height: 40rem;
  transition: transform 0.25s;
  z-index: 1;
}
#sib-container #closeNL svg {
  height: 40rem;
  width: 40rem;
}
#sib-container #closeNL svg path {
  stroke: white;
  stroke-width: 2;
}
#sib-container #closeNL:hover {
  transform: rotate(90deg);
}
#sib-container #sib-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 901px) {
  #sib-container #sib-form {
    flex-direction: row;
  }
}
#sib-container #sib-form .input--hidden {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  display: none !important;
}
#sib-container #sib-form .entry__error {
  display: block;
  margin-top: 10rem;
  font-size: 70%;
}
@media (min-width: 901px) {
  #sib-container #sib-form .entry__error {
    margin-top: 0;
    bottom: 10rem;
    position: absolute;
  }
}
#sib-container #sib-form .first {
  flex: 1;
  margin-bottom: 20rem;
}
@media (min-width: 901px) {
  #sib-container #sib-form .first {
    margin-bottom: 0;
  }
}
#sib-container #sib-form .first .entry__field {
  position: relative;
}
#sib-container #sib-form .first .entry__field:after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  box-shadow: 0 1.5px 0 #494440;
}
#sib-container #sib-form .first input#EMAIL {
  width: 100%;
  border-radius: 0 !important;
  border: none !important;
  padding: 0 !important;
  font-size: 38rem;
  font-variation-settings: "wght" 300;
  height: 100%;
}
#sib-container #sib-form .first input#EMAIL::-moz-placeholder {
  opacity: 1;
}
#sib-container #sib-form .first input#EMAIL::placeholder {
  opacity: 1;
}
#sib-container #sib-form .languageselect {
  margin-right: 30rem;
}
#sib-container #sib-form .languageselect .checkbox__label {
  font-size: 18rem;
  text-align: right;
}
#sib-container #sib-form .languageselect .entry__choice:first-of-type {
  line-height: 1.31;
}
#sib-container #sib-form .second .checkbox__label, #sib-container #sib-form .languageselect .checkbox__label {
  font-size: 18rem;
}
#sib-container #sib-form .second input[type=checkbox], #sib-container #sib-form .languageselect input[type=checkbox] {
  border: 1px solid #f7f7f7;
  border-radius: 100%;
  appearance: none;
  width: 0.65em;
  height: 0.65em;
  margin-right: 0.25em;
  color: #494440;
  cursor: pointer;
  font-size: 20rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#sib-container #sib-form .second input[type=checkbox] ~ label, #sib-container #sib-form .second input[type=checkbox] .checkbox__label, #sib-container #sib-form .languageselect input[type=checkbox] ~ label, #sib-container #sib-form .languageselect input[type=checkbox] .checkbox__label {
  font-size: 18rem;
}
#sib-container #sib-form .second input[type=checkbox]:checked, #sib-container #sib-form .languageselect input[type=checkbox]:checked {
  background: #f7f7f7;
}
#sib-container #sib-form .second {
  margin-bottom: 20rem;
}
@media (min-width: 769px) {
  #sib-container #sib-form .second {
    margin-bottom: 0;
    max-width: 38ch;
  }
}
#sib-container #sib-form .second input[type=checkbox] {
  border: 1px solid;
  border-radius: 0;
  appearance: none;
  width: 0.65em;
  height: 0.65em;
  margin-right: 0.25em;
  color: #494440;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#sib-container #sib-form .second input[type=checkbox] + label {
  font-size: 18rem;
}
#sib-container #sib-form .second input[type=checkbox]:checked {
  background: #494440;
}
#sib-container #sib-form .last {
  margin-left: auto;
}
@media (min-width: 901px) {
  #sib-container #sib-form .last {
    margin-left: 40rem;
  }
}
#sib-container #sib-form .last .sib-form-block {
  text-align: right;
}
@media (min-width: 769px) {
  #sib-container #sib-form .last .sib-form-block {
    display: flex;
    align-items: flex-end;
    height: 100%;
    width: 122rem;
  }
}
#sib-container #sib-form .last .sib-form-block button[type=submit] {
  margin-top: 0 !important;
  color: inherit !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  text-transform: uppercase;
  padding: 10rem 0 0rem 0 !important;
  color: #494440;
  position: relative;
}
#sib-container #sib-form .last .sib-form-block button[type=submit]:after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 1.5px 0 #494440;
}

#newsletter #sib-container {
  background: #494440;
  color: white;
  z-index: 2;
  padding: 26rem;
  width: 100%;
  z-index: 99999;
}
@media (min-width: 901px) {
  #newsletter #sib-container {
    height: 112rem;
  }
}
#newsletter #sib-container .first .entry__field:after {
  box-shadow: 0 1.5px 0 white;
}
#newsletter #sib-container .first input#EMAIL {
  background: #494440;
  color: white;
}
#newsletter #sib-container .first input#EMAIL::-moz-placeholder {
  color: white;
  opacity: 1;
}
#newsletter #sib-container .first input#EMAIL::placeholder {
  color: white;
  opacity: 1;
}
#newsletter #sib-container .first .second input[type=checkbox], #newsletter #sib-container .first .languageselect input[type=checkbox] {
  color: white;
}
#newsletter #sib-container .first .second input[type=checkbox]:checked, #newsletter #sib-container .first .languageselect input[type=checkbox]:checked {
  background: white;
}
#newsletter #sib-container .second {
  margin-bottom: 20rem;
}
@media (min-width: 769px) {
  #newsletter #sib-container .second {
    margin-bottom: 0;
    max-width: 38ch;
  }
}
#newsletter #sib-container .second input[type=checkbox] {
  color: white;
}
#newsletter #sib-container .second input[type=checkbox]:checked {
  background: white;
}
@media (min-width: 769px) {
  #newsletter #sib-container .last {
    margin-left: 40rem;
  }
}
#newsletter #sib-container .last .sib-form-block {
  text-align: right;
}
@media (min-width: 769px) {
  #newsletter #sib-container .last .sib-form-block {
    display: flex;
    align-items: flex-end;
    height: 100%;
    width: 122rem;
  }
}
#newsletter #sib-container .last .sib-form-block button[type=submit]:after {
  box-shadow: 0 1.5px 0 white;
}

.inlineNewsletter {
  display: none;
}
@media (min-width: 769px) {
  .inlineNewsletter {
    display: block;
  }
}
.inlineNewsletter p.invite {
  margin-bottom: 60rem;
}

.newslettercontainer div.inner:first-of-type {
  margin-top: 0 !important;
  flex-grow: 10;
  height: 60rem;
  margin-bottom: 30rem;
  width: 100%;
}
@media (min-width: 769px) {
  .newslettercontainer div.inner:first-of-type {
    margin-bottom: 0;
    width: auto;
    padding-right: 20rem;
  }
}
.newslettercontainer div.inner:first-of-type > div:last-of-type {
  height: 100%;
}
.newslettercontainer div.inner:first-of-type label {
  display: none;
}
.newslettercontainer div.inner:nth-of-type(3) {
  display: none;
}
.newslettercontainer div.inner:nth-of-type(4) {
  margin-top: 0 !important;
}
.newslettercontainer .checkbox-inline {
  margin-top: 0 !important;
  margin-bottom: 30rem;
}
@media (min-width: 769px) {
  .newslettercontainer .checkbox-inline {
    width: 20vw;
    flex-grow: 1;
    margin-right: 60rem;
    margin-bottom: 0;
  }
}

div.content section.footer {
  z-index: 2;
  position: relative;
}
div.content section.footer > * {
  margin-bottom: 60rem;
}
div.content section.footer > *:last-of-type {
  margin-bottom: 0;
}
div.content section.footer .related > span {
  display: block;
}
div.content section.footer .related .authors span.author:after {
  content: ",";
}
div.content section.footer .related .authors span.author:last-of-type:after {
  content: "";
}
div.content section.footer .related a {
  display: flex;
  margin-bottom: 20rem;
  display: grid;
  grid-template-columns: 4em 1fr;
  grid-column-gap: 20rem;
}
div.content section.footer .related a .thumb {
  width: 100%;
  height: 2.5em;
}
div.content section.footer .related a .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  filter: contrast(0.75) saturate(0);
  transition: filter 0.5s;
}
div.content section.footer .related .relatedHeadline {
  margin-bottom: 20rem;
}
@media (min-width: 769px) {
  div.content section.footer .related .highlight {
    display: inline;
  }
}
div.content section.footer .footnotes > div, div.content section.footer .footnotes > a {
  display: grid;
  grid-template-columns: 40rem auto;
  margin-bottom: 10rem;
}
@media (min-width: 769px) {
  div.content section.footer .footnotes > div, div.content section.footer .footnotes > a {
    grid-template-columns: 50rem auto;
  }
}
div.content section.footer .footnotes > div a, div.content section.footer .footnotes > a a {
  word-break: break-all;
}
div.content section.footer .footnotes > div span, div.content section.footer .footnotes > a span {
  margin-right: 15rem;
  word-break: normal;
}
@media (min-width: 769px) {
  div.content section.footer .addinfo {
    width: 70%;
    margin-left: 20%;
  }
}

.stack.news .subpages li {
  margin-bottom: 60rem;
}
.stack.news .subpages li .intro {
  width: 100%;
}
.stack.news p.date {
  margin-bottom: 15rem;
}
.stack.news p.title {
  margin-bottom: 15rem;
}

.stack.newsentry p.date {
  margin-top: 60rem;
  margin-bottom: 15rem;
}
.stack.newsentry div.content header .intro, .stack.newsentry div.content header .preinfo {
  width: 100%;
}

.card.campus .divider {
  display: none;
  color: #EB40F7;
  margin-top: 60rem;
  margin-bottom: 30rem;
}
.card.campus hr.divide {
  display: none;
  border: none;
  margin-top: 60rem;
  margin-bottom: 60rem;
  background: #b7b7b7;
  height: 2px;
}
.card.campus .archiveinfo {
  margin-top: 60rem;
  text-align: center;
}
.card.campus .archiveinfo span.dots {
  display: none;
  margin: 30rem 0;
  font-variation-settings: "wght" 300;
}
.card.campus .archiveinfo a {
  color: #E491B0;
  box-shadow: 0 1.5px 0 #E491B0;
}

@media (min-width: 769px) {
  .card.campus .container.hasAside div.main {
    width: 70%;
  }
}
.card.campus header .upper .left {
  margin-bottom: 15rem;
}
@media (min-width: 769px) {
  .card.campus header .upper .left {
    margin-bottom: 0;
  }
}
.card.campus header .upper .left .linkedperson .name:after {
  content: ",";
}
.card.campus header .upper .left .linkedperson .name:last-of-type:after {
  content: "";
}
.card.campus header .upper .right .registrationstatus {
  position: relative;
  display: inline-block;
  margin-bottom: 30rem;
}
.card.campus header .upper .right .registrationstatus:before {
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.35em;
  border-radius: 100%;
  background: #ED69F8;
  position: absolute;
  left: -1.25em;
  transition: 0.25s;
}
.card.campus header .upper .right .registrationstatus:hover:before {
  transform: scale(1.2);
}
.card.campus header .upper .right .date {
  margin-bottom: 30rem;
}
.card.campus header .upper .right .date span {
  display: block;
}
@media (min-width: 769px) {
  .card.campus header .upper .right .date span {
    display: inline;
  }
}
.card.campus header .upper .right .semesterinfo {
  margin-bottom: 30rem;
}
.card.campus .featuredslider {
  margin-bottom: 120rem;
  position: relative;
}
.card.campus .featuredslider.hasIntroBelow {
  margin-bottom: 60rem;
}
.card.campus .featuredslider .featuredslide {
  visibility: hidden;
  opacity: 0;
}
.card.campus .featuredslider .featuredslide:first-of-type {
  visibility: visible;
  opacity: 1;
}
.card.campus .featuredslider .carousel__viewport .featuredslide {
  visibility: visible;
  opacity: 1;
}
.card.campus .featuredslider .featuredslide .left {
  height: 20vh;
  margin-bottom: 30rem;
}
.card.campus .featuredslider .featuredslide .left figure {
  position: relative;
  width: 100%;
  height: 100%;
}
.card.campus .featuredslider .featuredslide .left figure img {
  width: 100%;
  position: absolute;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.card.campus .featuredslider .featuredslide .right .loc {
  text-align: right;
}
.card.campus .featuredslider .featuredslide .right .title {
  margin: 15rem 0;
}
.card.campus .featuredslider .featuredslide .right .author {
  text-align: right;
  margin-bottom: 15rem;
}
.card.campus .featuredslider .featuredslide .right .author span:not(.last):after {
  content: ",";
}
.card.campus .featuredslider .featuredslide .right .readmore {
  text-align: left;
  margin-top: 1em;
}
.card.campus .featuredslider .featuredslide .right .intro {
  width: 100%;
}
.card.campus .featuredslider .featuredslide .right .intro strong, .card.campus .featuredslider .featuredslide .right .intro b {
  font-weight: inherit;
  font-variation-settings: inherit;
}
@media (min-width: 1201px) {
  .card.campus .featuredslider .featuredslide .inner {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    min-height: 50vh;
  }
  .card.campus .featuredslider .featuredslide .left {
    width: calc(66.66666666% - 13rem);
    height: auto;
    margin-bottom: 0;
  }
  .card.campus .featuredslider .featuredslide .right {
    width: calc(33.3333333% - 13rem);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 99%;
  }
  @supports (-webkit-hyphenate-limit-before: 4) or (hyphenate-limit-chars: 8 4 4) {
    .card.campus .featuredslider .featuredslide .right .intro {
      hyphenate-limit-chars: 8 4 4;
      -webkit-hyphenate-limit-before: 4; /* For Safari */
      -webkit-hyphenate-limit-after: 4; /* For Safari */
      -webkit-hyphens: auto;
              hyphens: auto;
    }
  }
  .card.campus .featuredslider .featuredslide .right .author {
    margin: 60rem 0;
  }
}
.card.campus .featuredslider .carousel__dots {
  opacity: 0;
}
.card.campus .featuredslider .carousel__nav {
  height: 60rem;
  position: relative;
}
.card.campus .featuredslider .carousel__button.is-prev, .card.campus .featuredslider .carousel__button.is-next {
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60rem;
  background-image: url("graphics/next.svg");
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 65%;
  z-index: 0;
  transition: 0.25s;
}
@media (min-width: 769px) {
  .card.campus .featuredslider .carousel__button.is-prev, .card.campus .featuredslider .carousel__button.is-next {
    z-index: 900;
  }
  .card.campus .featuredslider .carousel__button.is-prev:hover, .card.campus .featuredslider .carousel__button.is-next:hover {
    transform: translate(20%, -50%);
  }
}
.card.campus .featuredslider .carousel__button.is-prev svg, .card.campus .featuredslider .carousel__button.is-next svg {
  opacity: 0;
}
.card.campus .featuredslider .carousel__button.is-prev {
  background-image: url("graphics/prev.svg");
  background-position: left bottom;
  left: 0;
}
@media (min-width: 769px) {
  .card.campus .featuredslider .carousel__button.is-prev:hover {
    transform: translate(-20%, -50%);
  }
}
.card.campus .container.hasAside {
  flex-direction: column-reverse;
}
.card.campus .container.hasAside aside {
  margin-bottom: 60rem;
  margin-top: 30rem;
}
@media (min-width: 769px) {
  .card.campus .container.hasAside {
    flex-direction: row;
    width: 100%;
  }
  .card.campus .container.hasAside aside {
    margin-bottom: 0;
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .stack.campus .subgrid li:hover figure {
    transform: scale(1.5) translateZ(101px);
    z-index: 13;
  }
}
.subgrid.color figure {
  filter: contrast(1) saturate(1);
}
.subgrid.campuspinned {
  margin-bottom: 26rem;
}
.subgrid li {
  margin-bottom: 60rem;
}
.subgrid li a > * {
  margin-bottom: 15rem;
}
.subgrid li figure {
  position: relative;
  width: 100%;
  padding-top: 78.4%;
  filter: contrast(0.75) saturate(0);
  transform-origin: bottom left;
  transition: 0.25s;
}
.subgrid li figure img {
  width: 100%;
  position: absolute;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.subgrid li:hover figure {
  filter: contrast(1) saturate(1);
}
.subgrid li header {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
}
.subgrid li .authortitle {
  padding-top: 15rem;
}
.subgrid li .authortitle span {
  display: block;
}
.subgrid li .author {
  margin-bottom: 0;
}
.subgrid li .intro {
  width: 100%;
}
.subgrid li .intro strong, .subgrid li .intro b, .subgrid li .intro p {
  font-weight: inherit;
  font-variation-settings: inherit;
}
@media (min-width: 769px) {
  .subgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 26rem;
    grid-column-gap: 26rem;
  }
  .subgrid li {
    margin-bottom: 0;
  }
}
@media (min-width: 1201px) {
  .subgrid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.authortitle > .author:not(.last):after {
  content: ",";
}

.card.calendar section {
  margin-bottom: 78rem;
}
.card.calendar section h3 {
  margin-bottom: 26rem;
}
.card.calendar .subgrid {
  grid-row-gap: 78rem;
}
.card.calendar .subgrid li {
  display: grid;
  grid-template-rows: 1fr 2.31em 5.31em;
  grid-row-gap: 38rem;
}
.card.calendar .subgrid li.yeartile {
  display: block;
}
.card.calendar .subgrid li.yeartile p.sub {
  margin-bottom: 1em;
  height: 1.31em;
}
.card.calendar .subgrid li header {
  display: block;
  margin-bottom: 0;
}
.card.calendar .subgrid li header .date {
  margin-bottom: 1em;
}
.card.calendar .subgrid li .authortitle {
  padding-top: 0;
}
.card.calendar .subgrid li .venue, .card.calendar .subgrid li .loc {
  text-align: right;
}
.card.calendar .subgrid li .eventtitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card.calendar .bysemester header.semester {
  text-transform: uppercase;
  color: #42D67E;
  margin-bottom: 0;
  margin-top: 30rem;
}
.card.calendar .bysemester header.semester:first-of-type {
  margin-top: 0;
}
.card.calendar .parent button header {
  display: block;
}
.card.calendar .parent button header .left {
  display: none;
}
.card.calendar .parent button header .title {
  padding-left: 60rem;
}

@media (min-width: 769px) {
  .card.community .container.hasAside div.main {
    position: sticky;
    top: 120rem;
    align-self: flex-start;
  }
}
.card.community .intro {
  margin-bottom: 60rem;
}
.card.community .preinfo {
  margin-left: 0;
  width: 100%;
  margin-bottom: 60rem;
}
.card.community .cover {
  margin-bottom: 60rem;
}
@media (min-width: 769px) {
  .card.community .cover figure {
    display: flex;
    width: 70%;
    margin-left: 20%;
  }
  .card.community .cover figure img {
    width: 60%;
    margin-right: 15rem;
    transition: 0.25s;
    transform-origin: left bottom;
  }
  .card.community .cover figure figcaption {
    align-self: flex-end;
  }
}
@media (hover: hover) {
  .card.community .cover figcaption {
    opacity: 0;
    transition: opacity 0.25s;
  }
  .card.community .cover img:hover + figcaption {
    opacity: 1;
  }
}
.card.community .logocloud {
  padding: 0 60rem;
}
@media (min-width: 769px) {
  .card.community .logocloud {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 60rem 0;
    padding: 60rem;
  }
}
.card.community .logocloud a, .card.community .logocloud div {
  width: 20%;
  margin: 30rem;
  filter: grayscale(1);
}
.card.community .logocloud a:hover, .card.community .logocloud div:hover {
  filter: grayscale(0);
}
.card.community .footer {
  margin-top: 70rem;
}
.card.community picture.hover {
  display: none;
  position: absolute;
  padding-top: 60rem;
  width: 30%;
  left: 20%;
  top: 0;
}
.card.community picture.hover.show img {
  display: block;
}
.card.community .namelist a, .card.community .namelist span, .card.community .namelist p, .card.community aside a, .card.community aside span, .card.community aside p {
  display: block;
  position: relative;
  transition: 0.25s;
}
.card.community .namelist a.scalehover:hover, .card.community .namelist span.scalehover:hover, .card.community .namelist p.scalehover:hover, .card.community aside a.scalehover:hover, .card.community aside span.scalehover:hover, .card.community aside p.scalehover:hover {
  transform: scale(1.5);
  position: relative;
  z-index: 5;
}
.stack.communityentry aside {
  display: none;
}
@media (min-width: 769px) {
  .stack.communityentry aside {
    display: block;
    margin-top: 100rem;
  }
}

.block {
  margin-bottom: 40rem;
  z-index: 2;
  position: relative;
}
@media (min-width: 769px) {
  .block {
    margin-bottom: 60rem;
  }
}
@media (min-width: 1025px) {
  .block.block-type-BLOCKmarkdowneditor .text:not(.col2) {
    width: 70%;
  }
}
.block.block-type-BLOCKmarkdowneditor figure {
  width: 10%;
  float: left;
  margin: 20rem;
}
.block.block-type-BLOCKmarkdowneditor ol li, .block.block-type-BLOCKmarkdowneditor ul li {
  margin-bottom: 0.31em;
}
.block.block-type-drawing {
  margin-bottom: 0;
  pointer-events: none;
  z-index: 1;
  transform: perspective(1000px);
}
.block.block-type-drawing * {
  pointer-events: none;
}
.block.block-type-drawing.noblock {
  position: sticky;
  top: 120rem;
  margin: 0;
  z-index: -1;
}
.block.block-type-drawing.noblock svg {
  width: 100%;
}
.block.block-type-drawing .container {
  display: flex;
  transform-style: preserve-3d;
  transform: perspective(1000px);
  position: relative;
  width: 100%;
  justify-content: center;
}
.block.block-type-drawing .container.center {
  justify-content: center;
}
.block.block-type-drawing .container.left {
  justify-content: flex-start;
}
.block.block-type-drawing .container.right {
  justify-content: flex-end;
}
.block.block-type-drawing .container > div {
  width: 20%;
  transform-style: preserve-3d;
  position: absolute;
  transform-origin: center;
}
.block.block-type-drawing .container > div > div {
  transform-origin: center;
}
@media (max-width: 768px) {
  .block.block-type-drawing .container > div svg {
    animation: yourAnimation 10s ease 0s infinite normal none;
    -webkit-transform-style: flat;
  }
  @keyframes yourAnimation {
    0% {
      transform: skew(0deg);
    }
    25% {
      transform: rotate3d(0, 1, 0, 50deg) skew(0) rotate(10deg);
    }
    75% {
      transform: rotate3d(0, 1, 0, -50deg) skew(0) rotate(-10deg);
    }
    100% {
      transform: skew(0);
    }
  }
}
.block.block-type-drawing img.float {
  float: left;
  width: 30%;
  shape-margin: 20px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.block.block-type-drawing img.float:after {
  content: "";
  clear: both;
}
.block.block-type-heading {
  margin-bottom: 30rem;
}
.block.block-type-quote footer {
  margin-top: 15rem;
}
.block.block-type-quote footer * {
  display: inline;
}
.block.block-type-quote footer:before {
  content: "—";
}
.block.block-type-image {
  z-index: 0;
}
@media (min-width: 769px) {
  .block.block-type-image figure {
    display: flex;
  }
  .block.block-type-image figure img {
    width: 40%;
    margin-right: 15rem;
    transition: 0.25s;
    transform-origin: left bottom;
  }
  .block.block-type-image figure figcaption {
    align-self: flex-end;
    width: 60%;
  }
  .block.block-type-image figure figcaption span {
    display: block;
  }
  .block.block-type-image figure.small img {
    width: 40%;
  }
  .block.block-type-image figure.small img:hover {
    transform: scale(1.5);
    position: relative;
    z-index: 5;
  }
  .block.block-type-image figure.small figcaption {
    width: 60%;
  }
  .block.block-type-image figure.medium {
    flex-direction: column;
  }
  .block.block-type-image figure.medium img {
    width: 70%;
    margin-bottom: 15rem;
    margin-right: 0;
    margin-left: 20%;
  }
  .block.block-type-image figure.medium img:hover {
    transform: none;
  }
  .block.block-type-image figure.medium figcaption {
    width: 70%;
    text-align: left;
    margin-right: 10%;
  }
  .block.block-type-image figure.large {
    flex-direction: column;
  }
  .block.block-type-image figure.large img {
    width: 100%;
    margin-bottom: 15rem;
    margin-right: 0;
  }
  .block.block-type-image figure.large img:hover {
    transform: none;
  }
  .block.block-type-image figure.large figcaption {
    width: 100%;
    text-align: right;
    margin-right: 5%;
  }
}
.block.block-type-quote blockquote {
  margin-inline-end: 0;
  margin-inline-start: 20px;
}
@media (min-width: 769px) {
  .block.block-type-quote blockquote {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-left: 20%;
  }
}
.block.block-type-question {
  margin-bottom: 30rem;
}
.block.block-type-question + .block-type-image {
  padding-top: 30rem;
}
@media (min-width: 769px) {
  .block.block-type-question {
    width: 50%;
  }
}
.block.block-type-answer {
  margin-bottom: 30rem;
}
@media (min-width: 769px) {
  .block.block-type-answer {
    width: 70%;
    margin-left: 20%;
  }
}
.block.block-type-answer + .block-type-image {
  padding-top: 30rem;
}
.block.block-type-linklist p.head {
  margin-bottom: 15rem;
}
.block.block-type-linklist span {
  display: block;
}
.block.block-type-blocknested .block-type-question {
  width: 100%;
}
.block.block-type-blocknested .block-type-answer {
  width: 100%;
  margin-left: 0;
}
.block.block-type-blocknested .block-type-image figure {
  display: block;
}
.block.block-type-blocknested .block-type-image figure > * {
  width: 100%;
}
.block.block-type-blocknested .block-type-image figure figcaption {
  padding-left: 50%;
  margin-top: 15rem;
}
.block.block-type-gallery {
  z-index: 0;
  margin-bottom: calc(90rem + 22rem);
}
.block.block-type-gallery .carousel__nav {
  padding-top: 30rem;
}
@media (min-width: 769px) {
  .block.block-type-gallery {
    margin-bottom: calc(60rem + 22rem);
    width: 70%;
  }
}
.block.block-type-gallery figure {
  width: 100%;
  margin-top: auto;
}
.block.block-type-gallery figure picture {
  display: flex;
}
@media (min-width: 769px) {
  .block.block-type-gallery figure picture {
    width: 100%;
  }
  .block.block-type-gallery figure picture.portrait img {
    max-height: 60vh;
    height: 60vh;
  }
  .block.block-type-gallery figure picture img {
    -o-object-position: bottom left;
       object-position: bottom left;
  }
}
.block.block-type-gallery figure figcaption {
  margin-top: auto;
  padding-top: 20rem;
}
.block.block-type-gallery figure figcaption span {
  display: block;
}
.block.block-type-gallery figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 769px) {
  .block.block-type-video figure {
    width: 70%;
  }
}
.block.block-type-video .wrapper {
  position: relative;
  margin-bottom: 15rem;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.block.block-type-video iframe {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

footer.pagefooter {
  display: none;
}
@media (min-width: 769px) {
  footer.pagefooter {
    display: block;
  }
}
footer.pagefooter .legal {
  position: fixed;
  bottom: 20rem;
  left: 20rem;
  display: none;
  z-index: 9999;
}
footer.pagefooter .legal a {
  margin-right: 20rem;
}
footer.pagefooter .legal .sitecredits {
  color: #b7b7b7;
}
footer.pagefooter .legal .sitecredits:hover {
  color: #494440;
}

nav.mobile .social, footer.pagefooter .social {
  position: fixed;
  bottom: 20rem;
  right: 20rem;
  height: 15rem;
  z-index: 9999;
}
nav.mobile .social img, footer.pagefooter .social img {
  height: 100%;
  width: auto;
  margin-left: 15rem;
}

div.content div.blocks, .aboutcontent div.blocks, .contactcontent div.blocks, .legalcontent div.blocks {
  margin-top: 60rem;
}

body.about .aboutcontent {
  opacity: 1;
  visibility: visible;
  display: block;
}
body.about .current {
  z-index: 3;
}

.aboutcontent {
  display: none;
}
@media (min-width: 769px) {
  .aboutcontent {
    width: 60vw;
    padding-right: 20rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
  }
  .aboutcontent.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
@media (min-width: 931px) {
  .aboutcontent {
    width: 40vw;
  }
}

body.legal .legalcontent {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  display: block;
}
body.legal .current {
  z-index: 3;
}

.legalcontent {
  display: none;
}
@media (min-width: 769px) {
  .legalcontent {
    width: 40vw;
    padding-right: 20rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
  }
  .legalcontent.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

body.contact .contactcontent {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  display: block;
}
body.contact .current {
  z-index: 3;
}

.contactcontent {
  display: none;
}
@media (min-width: 769px) {
  .contactcontent {
    width: 40vw;
    padding-right: 20rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
  }
  .contactcontent.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

body.archives main {
  flex-direction: row-reverse;
}
body.archives .archivescontent {
  opacity: 0;
  visibility: visible;
  transform: translateX("120%");
  display: block;
  transition: opacity 0.25s;
}
body.archives .archivescontent.active {
  transform: translateX(0);
}
body.archives .archivescontent.visible {
  transform: translateX(0);
  opacity: 1;
}
@media (min-width: 769px) {
  body.archives .archivescontent {
    padding-top: 100rem;
  }
}
body.archives .current {
  z-index: 3;
}
body.archives .filterset {
  margin-bottom: 60rem;
}
@media (min-width: 769px) {
  body.archives .filterset .group {
    display: flex;
    justify-content: space-between;
  }
  body.archives .filterset .group > * {
    width: calc(50% - 7.5rem);
  }
}
body.archives .filterset .search {
  margin-bottom: 15rem;
}
body.archives .filterset .search input {
  width: 100%;
  border: none;
  background: #f7f7f7;
  padding: 15rem;
  transition: 0.25s;
  font-size: inherit;
  height: 62rem;
  transition: 0.25s;
}
body.archives .filterset .search input:focus {
  color: #494440;
  border-color: #b7b7b7;
}
body.archives .filterset .search input:focus::-moz-placeholder {
  color: #b7b7b7;
  opacity: 1; /* Firefox */
}
body.archives .filterset .search input:focus::placeholder {
  color: #b7b7b7;
  opacity: 1; /* Firefox */
}
body.archives .filterset .tag {
  margin-bottom: 15rem;
}
body.archives .filterset .tag .ss-main {
  color: #494440;
}
body.archives .filterset .tag .ss-main .ss-multi-selected, body.archives .filterset .tag .ss-main .ss-single-selected {
  padding: 15rem;
  border: none;
  border-radius: 0;
  background: #f7f7f7;
  height: auto;
}
body.archives .filterset .tag .ss-main .ss-multi-selected .ss-disabled, body.archives .filterset .tag .ss-main .ss-single-selected .ss-disabled {
  text-transform: uppercase;
}
body.archives .filterset .tag .ss-main .ss-multi-selected .placeholder .ss-disabled, body.archives .filterset .tag .ss-main .ss-multi-selected .ss-values .ss-disabled, body.archives .filterset .tag .ss-main .ss-single-selected .placeholder .ss-disabled, body.archives .filterset .tag .ss-main .ss-single-selected .ss-values .ss-disabled {
  color: inherit;
}
body.archives .filterset .tag .ss-main .ss-single-selected > span {
  border-color: #494440;
  padding: 5px;
  width: 31rem;
  height: 31rem;
  margin: 0;
}
body.archives .filterset .tag .ss-main .ss-single-selected > span .arrow-down, body.archives .filterset .tag .ss-main .ss-single-selected > span .arrow-up {
  padding: 6px;
  border: solid #494440;
  border-width: 0 2px 2px 0;
}
body.archives .filterset .tag .ss-main .ss-single-selected > span .arrow-down {
  margin: -6px 0 0;
}
body.archives .filterset .tag .ss-main .ss-single-selected > span .arrow-up {
  margin: 6px 0 0;
}
body.archives .filterset .tag .ss-main .ss-multi-selected .ss-add {
  width: 31rem;
  height: 31rem;
  margin: 0;
  display: block;
  flex: unset;
  position: relative;
  padding: 7px;
}
body.archives .filterset .tag .ss-main .ss-multi-selected .ss-add span.ss-plus {
  background: transparent;
  height: 100%;
  width: 100%;
  display: block;
}
body.archives .filterset .tag .ss-main .ss-multi-selected .ss-add span.ss-plus::after, body.archives .filterset .tag .ss-main .ss-multi-selected .ss-add span.ss-plus:before {
  content: "";
  position: absolute;
  background: #494440;
  width: 100%;
  left: 0;
  top: 50%;
  height: 2px;
}
body.archives .filterset .tag .ss-main .ss-multi-selected .ss-add span.ss-plus:after {
  transform: rotate(90deg);
}
body.archives .filterset .tag .ss-main .ss-multi-selected .ss-values .ss-value {
  font-size: 20rem;
  border-radius: 0;
  padding: 3px 15rem;
  background: #b7b7b7;
}
body.archives .filterset .tag .ss-main .ss-content {
  border: none;
  background: #f7f7f7;
}
body.archives .filterset .tag .ss-main .ss-content .ss-search {
  padding: 0;
}
body.archives .filterset .tag .ss-main .ss-content .ss-search input {
  border: none;
  border-radius: 0;
  background: #f7f7f7;
  padding: 0 25rem 10rem 25rem;
  margin: 10rem 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body.archives .filterset .tag .ss-main .ss-content .ss-search input:focus {
  color: #b7b7b7;
  border-color: #b7b7b7;
  box-shadow: none;
}
body.archives .filterset .tag .ss-main .ss-content .ss-search input:focus::-moz-placeholder {
  color: #b7b7b7;
  opacity: 1; /* Firefox */
}
body.archives .filterset .tag .ss-main .ss-content .ss-search input:focus::placeholder {
  color: #b7b7b7;
  opacity: 1; /* Firefox */
}
body.archives .filterset .tag .ss-main .ss-content .ss-list .ss-option {
  padding: 10rem 25rem;
}
body.archives .filterset .tag .ss-main .ss-content .ss-list .ss-option:hover {
  background-color: inherit;
  color: #b7b7b7;
}
body.archives .filterset .tag .ss-value-delete, body.archives .filterset .tag .ss-deselect {
  width: 0.75em;
  height: 0.75em;
}
body.archives .filterset .tag .ss-value-delete span, body.archives .filterset .tag .ss-deselect span {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
body.archives .filterset .tag .ss-value-delete span:after, body.archives .filterset .tag .ss-value-delete span:before, body.archives .filterset .tag .ss-deselect span:after, body.archives .filterset .tag .ss-deselect span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: white;
  top: 50%;
  left: 0;
  transform: rotate(45deg);
}
body.archives .filterset .tag .ss-value-delete span:after, body.archives .filterset .tag .ss-deselect span:after {
  transform: rotate(-45deg);
}
body.archives .filterset .tag .ss-value-delete.ss-deselect, body.archives .filterset .tag .ss-deselect.ss-deselect {
  width: 31rem;
  height: 31rem;
}
body.archives .filterset .tag .ss-value-delete.ss-deselect span:after, body.archives .filterset .tag .ss-value-delete.ss-deselect span:before, body.archives .filterset .tag .ss-deselect.ss-deselect span:after, body.archives .filterset .tag .ss-deselect.ss-deselect span:before {
  background: #494440;
}
body.archives .results li a {
  background: linear-gradient(180deg, #CFD1D4 0%, #F6F6F5 100%);
  margin-bottom: 25rem;
  padding: 25rem;
  display: block;
}
body.archives .results li a .image {
  margin: -25rem 0 25rem -25rem;
  width: calc(100% + 50rem);
}
@media (min-width: 769px) {
  body.archives .results li a {
    display: grid;
  }
  body.archives .results li a .image {
    margin: -25rem 25rem 0 -25rem;
    height: calc(100% + 50rem);
    position: relative;
    width: 100%;
  }
}
@media (min-width: 769px) {
  body.archives .results li a {
    grid-template-columns: 15% auto 25%;
  }
}
@media (max-width: 1299px) {
  body.archives .results li a {
    grid-template-rows: auto auto;
  }
  body.archives .results li a .image {
    grid-row-end: 3;
    grid-row-start: 1;
  }
  body.archives .results li a .left {
    grid-column-start: 2;
    grid-row-start: 2;
    grid-column-end: 4;
  }
  body.archives .results li a .right {
    grid-column-start: 2;
    grid-column-end: 4;
  }
}
body.archives .results li a figure.thumb {
  width: 100%;
  height: 100%;
}
body.archives .results li a figure.thumb img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.archives .results li a .left {
  flex: 1;
}
body.archives .results li a .left > * {
  margin-bottom: 10rem;
}
body.archives .results li a .left p.author span:after {
  content: ",";
}
body.archives .results li a .left p.author span:last-of-type:after {
  content: "";
}
body.archives .results li a .left p.venues span:after {
  content: " &";
}
body.archives .results li a .left p.venues span:last-of-type:after {
  content: "";
}
body.archives .results li a .right {
  text-align: right;
}
body.archives .results li a .right > * {
  margin-bottom: 10rem;
}
body.archives .results li a .right .tag {
  color: #b7b7b7;
}
body.archives .results li a .right .status {
  padding: 5rem;
  background: rgba(0, 0, 0, 0.15);
  display: inline-block;
  color: white;
}
body.archives .grid {
  position: relative;
}
body.archives .item {
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
}
body.archives .item.muuri-item-dragging {
  z-index: 3;
}
body.archives .item.muuri-item-releasing {
  z-index: 2;
}
body.archives .item.muuri-item-hidden {
  z-index: 0;
}
body.archives .item-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.archivescontent {
  display: none;
}
@media (min-width: 769px) {
  .archivescontent {
    width: 60vw;
    padding-left: 20rem;
    padding-right: 135rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
  }
  .archivescontent.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

.stack.locked-pages-login .readmore {
  display: none;
}
.stack.locked-pages-login .subgrid, .stack.locked-pages-login .featuredslider, .stack.locked-pages-login .main header {
  opacity: 0.5;
  color: #494440;
  cursor: not-allowed;
}
.stack.locked-pages-login .subgrid *, .stack.locked-pages-login .featuredslider *, .stack.locked-pages-login .main header * {
  color: #494440 !important;
  cursor: not-allowed !important;
}
.stack.locked-pages-login .subgrid .carousel__button.is-prev, .stack.locked-pages-login .subgrid .carousel__button.is-next, .stack.locked-pages-login .featuredslider .carousel__button.is-prev, .stack.locked-pages-login .featuredslider .carousel__button.is-next, .stack.locked-pages-login .main header .carousel__button.is-prev, .stack.locked-pages-login .main header .carousel__button.is-next {
  filter: grayscale(1);
}
.stack.locked-pages-login .subgrid figure, .stack.locked-pages-login .featuredslider figure, .stack.locked-pages-login .main header figure {
  filter: contrast(0.75) saturate(0);
}
.stack.locked-pages-login .subgrid a, .stack.locked-pages-login .featuredslider a {
  cursor: default;
  pointer-events: none;
}
.stack.locked-pages-login form {
  margin-bottom: 20rem;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .stack.locked-pages-login form {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 26rem;
  }
}
@media (min-width: 1201px) {
  .stack.locked-pages-login form {
    width: calc(66.66666666% - 13rem);
  }
}
.stack.locked-pages-login form label {
  display: none;
}
.stack.locked-pages-login form input {
  color: #494440;
  border: none;
  background: transparent;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 20rem;
}
@media (min-width: 769px) {
  .stack.locked-pages-login form input {
    margin-bottom: 0;
  }
}
.stack.locked-pages-login form input::-moz-placeholder {
  color: inherit;
  opacity: 1; /* Firefox */
}
.stack.locked-pages-login form input::placeholder {
  color: inherit;
  opacity: 1; /* Firefox */
}
.stack.locked-pages-login form button[type=submit] {
  text-transform: uppercase;
  justify-self: end;
  align-self: end;
}
.stack.locked-pages-login form button[type=submit]:hover {
  color: #EB40F7;
}
.stack.locked-pages-login form + button {
  max-width: 21ch;
  text-align: left;
}
.stack.locked-pages-login form + button span {
  color: #EB40F7;
}

.stack.locked-pages-login section.log, .stack.eljournal section.log {
  margin-bottom: 90rem;
}
.stack.locked-pages-login section.log .logout_container, .stack.eljournal section.log .logout_container {
  text-align: right;
}
@media (min-width: 1201px) {
  .stack.locked-pages-login section.log .logout_container, .stack.eljournal section.log .logout_container {
    width: calc(66.66666666% - 13rem);
  }
}
.stack.locked-pages-login section.log .logout_container > a, .stack.eljournal section.log .logout_container > a {
  text-transform: uppercase;
  justify-self: end;
  align-self: end;
}
.stack.locked-pages-login section.log .logout_container > a:hover, .stack.eljournal section.log .logout_container > a:hover {
  color: #EB40F7;
}

.stack.eljournal .journalSection {
  max-width: 22ch;
}

.stack.eljournalentry p.journalSection {
  margin-bottom: 30rem;
}

a.pdfdownload {
  margin-top: 20rem;
  display: inline-grid;
  grid-template-columns: 15rem 1fr;
  grid-gap: 10rem;
  text-align: left;
}
a.pdfdownload svg {
  transform: rotate(90deg);
  width: 100%;
  height: 100%;
}
a.pdfdownload svg .cls-1 {
  stroke: #494440;
  stroke-width: 3;
}
a.pdfdownload:hover {
  color: #EB40F7;
}
a.pdfdownload:hover svg .cls-1 {
  stroke: #EB40F7;
}/*# sourceMappingURL=index.css.map */