/* Includes
-------------------------------------------------- */
/* Font formats for UI elements
-------------------------------------------------- */
.ui-small, label,
.label,
.button,
button,
input[type="submit"], .message, .featuredimg--source, .site-footer p, .site-footer__credits, .secondary-navigation a,
.content-header__info,
.readmore,
.reading,
#main .breadcrumbs a,
#main .breadcrumbs p,
#main .breadcrumbs h6, .tertiary-navigation--submenu, .content--aside--text ul li, .content--aside--topics .content__inner, .template-event .content-header__info:not(.content-header__event-date) {
  text-align: center;
  font-family: "Franz Sans", sans-serif;
  font-size: 0.77rem;
  text-transform: uppercase;
  word-wrap: break-word;
  font-weight: bold; }

.svg-map__area__name, .content--pre-header__text h2, .content--pre-header__text .content--pre-header__text__emphasis *, .ruler span, .content--aside .content-header__aside-title, .site-footer h2, .site-footer__externals span, .primary-navigation > li > a,
.primary-navigation--submenu a, .tertiary-navigation > li, .template-event .content-header__event-location {
  font-family: "Franz Sans", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .03rem;
  font-weight: bold; }

/* Font formats for smaller text
-------------------------------------------------- */
.content--teaser .content-header__teaser-title, .content--aside .content .content-header h2,
.content--aside .content .content-header h3 {
  font-size: 1rem;
  line-height: 1rem;
  text-transform: uppercase; }

.grid-wrapper--fill .content ~ .content .content__inner p, .content--aside .content__inner p {
  font-size: 0.9rem;
  line-height: 1.125rem;
  padding-bottom: 0.9rem; }

/* Font formats for form inputs
-------------------------------------------------- */
textarea,
input[type=search],
input[type=text],
input[type=email] {
  text-align: center;
  font-family: "Franz Sans", sans-serif;
  font-size: 0.9rem; }

input,
button,
.button, textarea,
.wrapper, .message {
  border: 0.126rem solid #880088; }

.breadcrumbs a:not(:first-of-type):before,
.breadcrumbs p:before {
  content: " \25B8\ "; }

.breadcrumbs p,
.breadcrumbs h6 {
  font-weight: normal;
  display: inline; }

.noborder, .content--aside--text ul li a, .noborder:link, .content--aside--text ul li a:link, .noborder:visited, .content--aside--text ul li a:visited, .noborder:focus, .content--aside--text ul li a:focus, .noborder:hover, .content--aside--text ul li a:hover {
  border: none !important; }

/* Reset
-------------------------------------------------- */
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; }

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

/* Pix
-------------------------------------------------- */
img {
  display: block;
  max-width: 100%; }

/* Links
-------------------------------------------------- */
a {
  color: black;
  text-decoration: none;
  transition: color 0.3s ease, border 0.3s ease; }
  a:hover {
    color: #880088; }

/* Site
-------------------------------------------------- */
html {
  font-family: "Franz Sans", sans-serif;
  font-weight: 100;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  position: relative;
  min-height: 100%; }

body {
  color: black;
  font-size: 100%;
  line-height: 1rem;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: url("../images/pattern6.jpg") fixed white; }
  @media screen and (max-width: 48em) and (orientation: portrait) {
    body {
      background: url("../images/pattern6.jpg") fixed white; } }
  @media screen and (min-width: 79em) and (orientation: landscape) {
    body {
      background: url("../images/pattern6.jpg") fixed white; } }

form,
nav,
p,
figure,
ul,
ol,
img {
  margin: 0 auto; }

pre {
  white-space: normal; }

audio {
  width: 100%; }

/* Selections
-------------------------------------------------- */
::-moz-selection {
  color: white;
  background: #CC3399; }

::selection {
  color: white;
  background: #CC3399; }

/* Visually hidden [.vh]
-------------------------------------------------- */
.vh, .vh-desktop {
  border: 0;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden; }

@media screen and (max-width: 68em) {
  .vh-desktop {
    border: none;
    clip: initial;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    position: initial;
    overflow: auto; } }

/* Centered [.center]
-------------------------------------------------- */
.center {
  text-align: center !important; }

/* Headings
-------------------------------------------------- */
h1,
h2,
h3,
h4 {
  font-weight: 900;
  padding-top: .15em;
  margin-bottom: .5em;
  font-family: "Franz Sans", sans-serif; }
  h1 a,
  h2 a,
  h3 a,
  h4 a {
    color: inherit;
    border: 0 !important; }

h1 {
  font-size: 1.8rem;
  line-height: 1.8rem; }

h2 {
  font-size: 1.2rem;
  line-height: 1.2rem; }

h3 {
  font-size: 1.1rem;
  line-height: 1.1rem; }

h4 {
  font-size: 1rem;
  line-height: 1rem; }

@media screen and (max-width: 68em) {
  h2,
  h3,
  h4 {
    font-size: 1rem;
    line-height: 1rem; }
  h1 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-transform: uppercase; } }

/* PAGE-TITLE
-------------------------------------------------- */
.content-header__page-title {
  text-transform: uppercase;
  line-height: 1.8rem;
  margin-top: 1rem; }
  .content-header__page-title a:focus, .content-header__page-title a:hover, .content-header__page-title a:active {
    color: #CC3399; }

/* TEASER-TITLE / ASIDE-TITLE
-------------------------------------------------- */
/* PAGE-TITLE (H1) + CONTENT--DIV__H2 DECORATION
-------------------------------------------------- */
/* Specificity
-------------------------------------------------- */
.content ul,
.content ol {
  padding-left: 1rem; }

.content p,
.content ul,
.content ol {
  text-align: left;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-bottom: 1rem; }
  .content p strong,
  .content ul strong,
  .content ol strong {
    font-weight: bold; }
  .content p a:not(.button),
  .content ul a:not(.button),
  .content ol a:not(.button) {
    border-bottom: 2px solid rgba(136, 0, 136, 0.5); }
  .content p a:not(.button):hover,
  .content ul a:not(.button):hover,
  .content ol a:not(.button):hover {
    border-bottom: 2px solid #880088; }
  .content p a.anchor,
  .content ul a.anchor,
  .content ol a.anchor {
    display: block;
    position: relative;
    top: -10rem;
    visibility: hidden; }

.content .banner img {
  width: 225px !important;
  border: none; }

.content .gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto; }
  .content .gallery img {
    flex-shrink: 2;
    border: none;
    width: 30.5rem !important; }

/* Citations
-------------------------------------------------- */
blockquote {
  display: inline-block;
  color: white;
  background: #880088;
  padding: .5em;
  margin-bottom: 1rem; }
  blockquote p:last-of-type {
    padding-bottom: 0; }

/*
 :::  Forms
-------------------------------------------------- */
.wrapper {
  margin-top: 1rem; }

.form.register .price {
  font-weight: normal; }

.form.contact form label {
  margin-top: 1rem; }

.form.contact form button {
  margin-top: 2rem; }

input,
label,
button,
fieldset,
textarea {
  display: inline-block; }

input,
button,
.button,
textarea {
  transition: 0.1s ease-in;
  appearance: none;
  border-radius: 0;
  padding: .5rem; }

textarea {
  overflow: auto;
  resize: none;
  height: 25vh; }

button,
.button,
input[type="submit"] {
  color: white;
  background: #880088;
  cursor: pointer; }
  button:focus, button:hover,
  .button:focus,
  .button:hover,
  input[type="submit"]:focus,
  input[type="submit"]:hover {
    color: white;
    background: #bb00bb;
    border-color: #bb00bb; }
  button:active,
  .button:active,
  input[type="submit"]:active {
    background: #ee00ee;
    border-color: #ee00ee; }

.button.button--secondary {
  border-color: #CC3399;
  background: #CC3399; }
  .button.button--secondary:focus, .button.button--secondary:hover {
    background: #d65cad;
    border-color: #d65cad; }
  .button.button--secondary:active {
    background: #e085c2;
    border-color: #e085c2; }

.button--arrow--right,
.button--arrow--left,
.button--arrow--down {
  display: inline-block;
  transition: transform 0.1s ease-in; }

.button--arrow--down {
  transform: translateY(-1px); }

.button:hover .button--arrow--right {
  transform: translate(4px); }

.button:hover .button--arrow--left {
  transform: translate(-4px); }

.button:hover .button--arrow--down {
  transform: translateY(2px); }

.options label {
  padding: 0 !important; }

.button {
  display: block;
  margin: 0 auto;
  margin-top: 1rem; }
  .button .svg-button {
    width: 1rem;
    margin-bottom: .25rem;
    fill: rgba(136, 0, 136, 0.5); }

.readmore {
  width: 50%; }

textarea,
input[type=search],
input[type=text],
input[type=email] {
  opacity: 1;
  color: #880088;
  background: rgba(255, 255, 255, 0.5);
  border-width: 0;
  border-bottom-width: 0.126rem solid;
  box-shadow: none; }
  textarea::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=text]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder {
    color: #880088;
    opacity: 1; }
  textarea:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=text]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder {
    color: #880088;
    opacity: 1; }
  textarea:-moz-placeholder,
  input[type=search]:-moz-placeholder,
  input[type=text]:-moz-placeholder,
  input[type=email]:-moz-placeholder {
    color: #880088;
    opacity: 1; }
  textarea::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=text]::-moz-placeholder,
  input[type=email]::-moz-placeholder {
    color: #880088;
    opacity: 1; }
  textarea:focus, textarea:hover,
  input[type=search]:focus,
  input[type=search]:hover,
  input[type=text]:focus,
  input[type=text]:hover,
  input[type=email]:focus,
  input[type=email]:hover {
    color: white;
    background: #880088; }
    textarea:focus::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder,
    input[type=search]:focus::-webkit-input-placeholder,
    input[type=search]:hover::-webkit-input-placeholder,
    input[type=text]:focus::-webkit-input-placeholder,
    input[type=text]:hover::-webkit-input-placeholder,
    input[type=email]:focus::-webkit-input-placeholder,
    input[type=email]:hover::-webkit-input-placeholder {
      color: white;
      opacity: 1; }
    textarea:focus:-ms-input-placeholder, textarea:hover:-ms-input-placeholder,
    input[type=search]:focus:-ms-input-placeholder,
    input[type=search]:hover:-ms-input-placeholder,
    input[type=text]:focus:-ms-input-placeholder,
    input[type=text]:hover:-ms-input-placeholder,
    input[type=email]:focus:-ms-input-placeholder,
    input[type=email]:hover:-ms-input-placeholder {
      color: white;
      opacity: 1; }
    textarea:focus:-moz-placeholder, textarea:hover:-moz-placeholder,
    input[type=search]:focus:-moz-placeholder,
    input[type=search]:hover:-moz-placeholder,
    input[type=text]:focus:-moz-placeholder,
    input[type=text]:hover:-moz-placeholder,
    input[type=email]:focus:-moz-placeholder,
    input[type=email]:hover:-moz-placeholder {
      color: white;
      opacity: 1; }
    textarea:focus::-moz-placeholder, textarea:hover::-moz-placeholder,
    input[type=search]:focus::-moz-placeholder,
    input[type=search]:hover::-moz-placeholder,
    input[type=text]:focus::-moz-placeholder,
    input[type=text]:hover::-moz-placeholder,
    input[type=email]:focus::-moz-placeholder,
    input[type=email]:hover::-moz-placeholder {
      color: white;
      opacity: 1; }

/*
 :::  Forms
-------------------------------------------------- */
.form {
  display: flex;
  flex-wrap: wrap;
  text-align: left; }
  .form .half {
    width: 50% !important; }
  .form h4 {
    text-transform: uppercase;
    text-align: center; }
  .form .full,
  .form input, .form label,
  .form textarea {
    width: 100%; }
  .form .label p,
  .form .label,
  .form label {
    font-size: 0.77rem; }

.contact button,
.contact input[type=text],
.contact input[type=email],
.contact label {
  width: 80%; }

.register button,
.register label {
  width: 49%; }

.register .option-list,
.register .label,
.register label {
  padding: 1rem; }

.register input[type=text],
.register input[type=email] {
  width: 100%; }

.register label[for=anmerkungen] {
  width: 100%; }

.register .option-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .register .option-list__item {
    min-width: 50%;
    padding: .25rem; }
    .register .option-list__item__part {
      display: inline; }
    .register .option-list__item input {
      width: 1rem; }
    .register .option-list__item label {
      width: calc(100% - 1rem); }

.register .label > .options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .register .label > .options label {
    width: 20%; }

.erroneous {
  background: red !important;
  color: red !important;
  border: 1px solid red !important; }

.message {
  position: fixed !important;
  top: 50vh;
  width: 10rem;
  left: calc(50vw - 5rem);
  padding: 1rem !important;
  z-index: 1000;
  max-width: 100vw;
  max-height: 100vh; }
  .message.success {
    background: #CC3399; }
  .message.error {
    background: #880088; }

/*
 :::  Search
-------------------------------------------------- */
.search {
  display: block;
  width: 50%;
  min-width: 20em;
  max-width: 100vw; }
  .search input {
    width: 100%;
    display: block; }

/*
 :::  Results
-------------------------------------------------- */
/*
 :::  Results' heading
-------------------------------------------------- */
.result mark {
  background: inherit;
  color: inherit; }

/* Uniform
-------------------------------------------------- */
.uniform__potty {
  position: absolute;
  top: -9999px;
  left: -9999px; }

/* SVGs & Icons
-------------------------------------------------- */
svg {
  display: inline-block;
  vertical-align: middle; }

/* Logo
-------------------------------------------------- */
.logo {
  display: block;
  fill: #880088; }

.logo,
.svg-accent {
  transition: fill 0.3s ease, background 0.3s ease; }

.logo--header {
  margin: 0 auto; }
  .logo--header .svg-accent {
    transition: 0.3s ease;
    fill: white; }

/* Header Info
-------------------------------------------------- */
.content-header__info .svg-icon {
  fill: transparent;
  padding-bottom: .25em; }
  .content-header__info .svg-icon:hover, .content-header__info .svg-icon:active, .content-header__info .svg-icon:focus {
    fill: transparent; }
  .blog .content-header__info .svg-icon .svg-accent {
    fill: white; }
  .article .content-header__info .svg-icon .svg-accent {
    fill: black; }

/* Icons
-------------------------------------------------- */
.svg-icon {
  width: 2rem;
  fill: #880088;
  transform: rotate(-22.5deg);
  transition: fill 0.3s ease; }
  .svg-icon .svg-accent {
    transition: fill 0.3s ease;
    fill: white; }
  .svg-icon:hover, .svg-icon:active, .svg-icon:focus {
    fill: #CC3399; }
  .blognav .svg-icon {
    margin-right: .3rem;
    margin-left: .3rem; }

/* Map
-------------------------------------------------- */
.svg-map {
  fill: #880088; }
  .svg-map__link:hover {
    cursor: pointer;
    fill: #CC3399; }
    .svg-map__link:hover .svg-map__area__name {
      display: block; }
  .svg-map__area {
    transition: 0.3s ease; }
    .svg-map__area__name {
      fill: #CC3399;
      display: none;
      box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2), -1px -1px 0 rgba(0, 0, 0, 0.2);
      filter: drop-shadow(2px 2px 2px #fff); }

/* Footer Icons
-------------------------------------------------- */
#footlnk {
  display: block;
  margin: 0 auto; }
  #footlnk:hover .logo--footer {
    fill: #880088; }
    #footlnk:hover .logo--footer .svg-accent {
      fill: white; }

#footlnk,
.logo--footer {
  height: 4rem;
  width: 4rem;
  border-radius: 50%; }

.logo--footer {
  fill: transparent; }
  .logo--footer .svg-accent {
    fill: rgba(255, 0, 0, 0.75); }

/* COMMON FLEX
-------------------------------------------------- */
.flex-col,
.flex-row,
.header {
  display: flex;
  flex-wrap: wrap; }

/* FLEX-COLUMN
-------------------------------------------------- */
.flex-col {
  flex-direction: column;
  justify-content: center; }

/* FLEX-ROW
-------------------------------------------------- */

.flex-row,
.header {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; }

.flex-row--start, .header {
  justify-content: flex-start; }

.flex-row--centered {
  justify-content: center; }

.flex-big {
  width: 39.6666666667rem;
  max-width: calc(100vw - 4rem); }
  @media screen and (min-width: 48em) and (max-width: 68em) {
    .flex-big {
      width: calc(66% - 0.8rem); } }

.flex-small {
  width: 20.3333333333rem;
  max-width: calc(100vw - 4rem); }
  @media screen and (min-width: 48em) and (max-width: 68em) {
    .flex-small {
      width: calc(33% - 0.8rem); } }

.flex-huge {
  width: 100%;
  max-width: calc(100vw - 4rem); }

.flex-thirds, .grid-wrapper--thirds > .content {
  flex: 1 0 17.3333333333rem; }

.flex-halves, .grid-wrapper--halves .content, .content--aside--pagination section.grid-wrapper--halves .button {
  flex: 1 1 17.8333333333rem; }
  @media screen and (min-width: 69em) and (orientation: landscape) {
    .flex-halves:nth-of-type(2n), .grid-wrapper--halves .content:nth-of-type(2n), .content--aside--pagination section.grid-wrapper--halves .button:nth-of-type(2n) {
      margin-left: 1rem; } }

.flex-shiny {
  margin-left: 2rem;
  margin-top: 2rem; }

.edge--bottom {
  position: relative;
  z-index: 1; }
  .edge--bottom:after {
    background-image: url("../images/pattern6.jpg");
    background-attachment: fixed;
    background-blend-mode: color-burn;
    background-color: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .edge--bottom:after {
    bottom: 0;
    transform: skewY(-1.5deg);
    transform-origin: 100%; }

.edge--bottom--reverse {
  position: relative;
  z-index: 1; }
  .edge--bottom--reverse:after {
    background-image: url("../images/pattern6.jpg");
    background-attachment: fixed;
    background-blend-mode: color-burn;
    background-color: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .edge--bottom--reverse:after {
    bottom: 0;
    transform: skewY(1.5deg);
    transform-origin: 0 100%; }

.edge--top {
  position: relative;
  z-index: 1; }
  .edge--top:before {
    background-image: url("../images/pattern6.jpg");
    background-attachment: fixed;
    background-blend-mode: color-burn;
    background-color: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .edge--top:before {
    top: 0;
    transform: skewY(1.5deg);
    transform-origin: 100% 0; }

.edge--top--reverse {
  position: relative;
  z-index: 1; }
  .edge--top--reverse:before {
    background-image: url("../images/pattern6.jpg");
    background-attachment: fixed;
    background-blend-mode: color-burn;
    background-color: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .edge--top--reverse:before {
    top: 0;
    transform: skewY(-1.5deg);
    transform-origin: 0 0; }

.edge--both {
  position: relative;
  z-index: 1; }
  .edge--both:before, .edge--both:after {
    background-image: url("../images/pattern6.jpg");
    background-attachment: fixed;
    background-blend-mode: color-burn;
    background-color: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .edge--both:before {
    top: 0;
    transform: skewY(1.5deg);
    transform-origin: 100% 0; }
  .edge--both:after {
    bottom: 0;
    transform: skewY(-1.5deg);
    transform-origin: 100%; }

.edge--both--reverse {
  position: relative;
  z-index: 1; }
  .edge--both--reverse:before, .edge--both--reverse:after {
    background-image: url("../images/pattern6.jpg");
    background-attachment: fixed;
    background-blend-mode: color-burn;
    background-color: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .edge--both--reverse:before {
    top: 0;
    transform: skewY(-1.5deg);
    transform-origin: 0 0; }
  .edge--both--reverse:after {
    bottom: 0;
    transform: skewY(1.5deg);
    transform-origin: 0 0; }

.background-accented img {
  transition: 0.3s ease; }

.bg-primary-color {
  background-color: rgba(136, 0, 136, 0.5); }
  .bg-primary-color textarea,
  .bg-primary-color input[type="search"],
  .bg-primary-color input[type="text"],
  .bg-primary-color input[type="email"],
  .bg-primary-color .background-accented {
    background: rgba(187, 109, 187, 0.6); }
  .bg-primary-color .svg-icon {
    fill: rgba(187, 109, 187, 0.6); }
    .bg-primary-color .svg-icon:hover .svg-accent, .bg-primary-color .svg-icon:focus .svg-accent {
      fill: rgba(136, 0, 136, 0.5); }

.bg-secondary-color {
  background-color: #e085c2; }
  .bg-secondary-color textarea,
  .bg-secondary-color input[type="search"],
  .bg-secondary-color input[type="text"],
  .bg-secondary-color input[type="email"],
  .bg-secondary-color .background-accented {
    background: #e79dce; }
  .bg-secondary-color .svg-icon {
    fill: #e79dce; }
    .bg-secondary-color .svg-icon:hover .svg-accent, .bg-secondary-color .svg-icon:focus .svg-accent {
      fill: #e085c2; }

.bg-tertiary-color {
  background-color: #ffb2b1; }
  .bg-tertiary-color textarea,
  .bg-tertiary-color input[type="search"],
  .bg-tertiary-color input[type="text"],
  .bg-tertiary-color input[type="email"],
  .bg-tertiary-color .background-accented {
    background: #ffc1c1; }
  .bg-tertiary-color .svg-icon {
    fill: #ffc1c1; }
    .bg-tertiary-color .svg-icon:hover .svg-accent, .bg-tertiary-color .svg-icon:focus .svg-accent {
      fill: #ffb2b1; }

.bg-accent-color {
  background-color: #e0e0e0; }
  .bg-accent-color textarea,
  .bg-accent-color input[type="search"],
  .bg-accent-color input[type="text"],
  .bg-accent-color input[type="email"],
  .bg-accent-color .background-accented {
    background: #ececec; }
  .bg-accent-color .svg-icon {
    fill: #ececec; }
    .bg-accent-color .svg-icon:hover .svg-accent, .bg-accent-color .svg-icon:focus .svg-accent {
      fill: #e0e0e0; }

.bg-colorized {
  background-image: url("../images/pattern6.jpg");
  background-attachment: fixed;
  background-blend-mode: color-burn; }
  .bg-colorized h2 {
    color: black; }
  .bg-colorized a, .bg-colorized {
    color: #880088; }
  .bg-colorized a:hover, .bg-colorized a:focus {
    color: white; }
    .bg-colorized a:hover .background-accented, .bg-colorized a:focus .background-accented {
      background: #880088; }
      .bg-colorized a:hover .background-accented img, .bg-colorized a:focus .background-accented img {
        filter: invert(100%) grayscale(100%);
        mix-blend-mode: screen; }
  .bg-colorized .svg-icon .svg-accent {
    fill: #880088; }
  .bg-colorized .svg-icon:hover, .bg-colorized .svg-icon:focus {
    fill: #880088; }
    .bg-colorized .svg-icon:hover .svg-accent, .bg-colorized .svg-icon:focus .svg-accent {
      fill: white; }
  .bg-colorized input:hover {
    border-color: rgba(136, 0, 136, 0.5); }
  .bg-colorized input:focus {
    border-color: #880088; }
  .bg-colorized textarea::-webkit-input-placeholder,
  .bg-colorized input[type="search"]::-webkit-input-placeholder,
  .bg-colorized input[type="text"]::-webkit-input-placeholder,
  .bg-colorized input[type="email"]::-webkit-input-placeholder {
    color: #880088; }
  .bg-colorized textarea:-ms-input-placeholder,
  .bg-colorized input[type="search"]:-ms-input-placeholder,
  .bg-colorized input[type="text"]:-ms-input-placeholder,
  .bg-colorized input[type="email"]:-ms-input-placeholder {
    color: #880088; }
  .bg-colorized textarea:-moz-placeholder,
  .bg-colorized input[type="search"]:-moz-placeholder,
  .bg-colorized input[type="text"]:-moz-placeholder,
  .bg-colorized input[type="email"]:-moz-placeholder {
    color: #880088; }
  .bg-colorized textarea::-moz-placeholder,
  .bg-colorized input[type="search"]::-moz-placeholder,
  .bg-colorized input[type="text"]::-moz-placeholder,
  .bg-colorized input[type="email"]::-moz-placeholder {
    color: #880088; }

.bg-colorized-blue a, .bg-colorized-blue {
  color: #303078; }

.bg-colorized-blue a:hover, .bg-colorized-blue a:focus {
  color: white; }
  .bg-colorized-blue a:hover .background-accented, .bg-colorized-blue a:focus .background-accented {
    background: #303078; }
    .bg-colorized-blue a:hover .background-accented img, .bg-colorized-blue a:focus .background-accented img {
      filter: invert(100%) grayscale(100%);
      mix-blend-mode: screen; }

.bg-colorized-blue .svg-icon .svg-accent {
  fill: #303078; }

.bg-colorized-blue .svg-icon:hover, .bg-colorized-blue .svg-icon:focus {
  fill: #303078; }
  .bg-colorized-blue .svg-icon:hover .svg-accent, .bg-colorized-blue .svg-icon:focus .svg-accent {
    fill: white; }

.bg-colorized-blue input {
  color: #303078; }
  .bg-colorized-blue input:hover {
    border-color: rgba(48, 48, 120, 0.5); }
  .bg-colorized-blue input:focus {
    border-color: #303078; }

.bg-colorized-blue .button,
.bg-colorized-blue input[type="submit"] {
  border-color: #303078; }
  .bg-colorized-blue .button:hover, .bg-colorized-blue .button:focus,
  .bg-colorized-blue input[type="submit"]:hover,
  .bg-colorized-blue input[type="submit"]:focus {
    background: #303078; }

.bg-colorized-blue textarea::-webkit-input-placeholder,
.bg-colorized-blue input[type="search"]::-webkit-input-placeholder,
.bg-colorized-blue input[type="text"]::-webkit-input-placeholder,
.bg-colorized-blue input[type="email"]::-webkit-input-placeholder {
  color: #303078; }

.bg-colorized-blue textarea:-ms-input-placeholder,
.bg-colorized-blue input[type="search"]:-ms-input-placeholder,
.bg-colorized-blue input[type="text"]:-ms-input-placeholder,
.bg-colorized-blue input[type="email"]:-ms-input-placeholder {
  color: #303078; }

.bg-colorized-blue textarea:-moz-placeholder,
.bg-colorized-blue input[type="search"]:-moz-placeholder,
.bg-colorized-blue input[type="text"]:-moz-placeholder,
.bg-colorized-blue input[type="email"]:-moz-placeholder {
  color: #303078; }

.bg-colorized-blue textarea::-moz-placeholder,
.bg-colorized-blue input[type="search"]::-moz-placeholder,
.bg-colorized-blue input[type="text"]::-moz-placeholder,
.bg-colorized-blue input[type="email"]::-moz-placeholder {
  color: #303078; }

.bg-colorized-bw a, .bg-colorized-bw {
  color: black; }

.bg-colorized-bw a:hover, .bg-colorized-bw a:focus {
  color: white; }
  .bg-colorized-bw a:hover .background-accented, .bg-colorized-bw a:focus .background-accented {
    background: black; }
    .bg-colorized-bw a:hover .background-accented img, .bg-colorized-bw a:focus .background-accented img {
      filter: invert(100%) grayscale(100%);
      mix-blend-mode: screen; }

.bg-colorized-bw .svg-icon .svg-accent {
  fill: black; }

.bg-colorized-bw .svg-icon:hover, .bg-colorized-bw .svg-icon:focus {
  fill: black; }
  .bg-colorized-bw .svg-icon:hover .svg-accent, .bg-colorized-bw .svg-icon:focus .svg-accent {
    fill: white; }

.bg-colorized-bw input {
  color: black; }
  .bg-colorized-bw input:hover {
    border-color: rgba(0, 0, 0, 0.5); }
  .bg-colorized-bw input:focus {
    border-color: black; }

.bg-colorized-bw textarea::-webkit-input-placeholder,
.bg-colorized-bw input[type="search"]::-webkit-input-placeholder,
.bg-colorized-bw input[type="text"]::-webkit-input-placeholder,
.bg-colorized-bw input[type="email"]::-webkit-input-placeholder {
  color: black; }

.bg-colorized-bw textarea:-ms-input-placeholder,
.bg-colorized-bw input[type="search"]:-ms-input-placeholder,
.bg-colorized-bw input[type="text"]:-ms-input-placeholder,
.bg-colorized-bw input[type="email"]:-ms-input-placeholder {
  color: black; }

.bg-colorized-bw textarea:-moz-placeholder,
.bg-colorized-bw input[type="search"]:-moz-placeholder,
.bg-colorized-bw input[type="text"]:-moz-placeholder,
.bg-colorized-bw input[type="email"]:-moz-placeholder {
  color: black; }

.bg-colorized-bw textarea::-moz-placeholder,
.bg-colorized-bw input[type="search"]::-moz-placeholder,
.bg-colorized-bw input[type="text"]::-moz-placeholder,
.bg-colorized-bw input[type="email"]::-moz-placeholder {
  color: black; }

/* Global and Structural Definitions
-------------------------------------------------- */
.ruler {
  width: 100%;
  padding-bottom: 2rem;
  margin-top: 1rem; }
  .ruler span {
    display: block;
    background: #cc3399;
    padding: 0.5rem; }

figure.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden; }
  figure.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* THE 'PRE-HEADER'
-------------------------------------------------- */
.featuredimg {
  position: relative; }
  .featuredimg--source {
    position: absolute;
    bottom: 0.3rem;
    right: .5rem;
    color: white;
    font-size: .5rem; }

.content--pre-header__image {
  position: relative; }
  .content--pre-header__image a {
    max-width: 100%; }

.content--pre-header__text .content-header__info.tags {
  display: block; }

.content--pre-header__text--small p {
  font-size: .9rem !important; }

@media screen and (max-width: 68em) {
  .content--pre-header__text p {
    font-size: .9rem !important; } }

.button.register {
  margin-top: 0; }

.event--has-passed a,
.event--has-passed time,
.event--has-passed p {
  color: rgba(0, 0, 0, 0.5); }

.category + .category:before {
  content: '/'; }

figure + figure {
  margin-top: 1rem; }

/* GLOBAL PARAMETER: SIZING + CENTERING
-------------------------------------------------- */
.primary-navigation,
.content-wrapper,
.content-wrapper > .content-header,
.footer--wrapper {
  margin: 0 auto;
  width: 61rem;
  max-width: calc(100vw - 4rem); }

/* GLOBAL PARAMETER: 'PUSH ME DOWN'
-------------------------------------------------- */
.content-wrapper {
  margin-top: 2rem; }
  .content-page .content-wrapper {
    margin-top: 0; }

.main--header,
section.content,
article.content,
.footer--wrapper {
  margin-top: 2rem; }

.footer--wrapper {
  margin-top: 2rem; }

.content {
  position: relative; }
  .content.content--up {
    margin-top: 0; }
  .content.content--down {
    margin-top: 2rem; }
  .content .search {
    margin-bottom: 2rem; }

/* GLOBAL PARAMETER: BOX STYLES
-------------------------------------------------- */
.content--pre-header__text {
  padding-bottom: 0.5rem; }
  @media screen and (min-width: 48em) and (max-width: 68em) {
    .content--pre-header__text {
      margin-top: 1rem; } }
  .content--pre-header__text .content--pre-header__text__emphasis {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.5rem; }
    .content--pre-header__text .content--pre-header__text__emphasis * {
      text-align: left;
      padding: 0; }

.content--aside .content-header,
.content--teaser .content-header {
  background: rgba(48, 48, 120, 0.5); }

/* TEASER-TITLE / ASIDE-TITLE
-------------------------------------------------- */
.content-header__teaser-title,
.content-header__aside-title {
  padding-top: 0; }
  .content-header__teaser-title a,
  .content-header__aside-title a {
    display: block;
    padding: 0.5rem;
    color: white;
    background: rgba(48, 48, 120, 0.4); }
    .content-header__teaser-title a:hover, .content-header__teaser-title a:focus,
    .content-header__aside-title a:hover,
    .content-header__aside-title a:focus {
      color: #880088; }

.ruler span, .content--aside .content-header__aside-title {
  color: white; }

.content--teaser {
  background: rgba(48, 48, 120, 0.1); }
  .content--teaser .content__inner {
    padding: 0.5rem; }
  .content--teaser .content-header__info.tags {
    display: block;
    background: #303078; }
    .content--teaser .content-header__info.tags a {
      color: white; }
      .content--teaser .content-header__info.tags a + a:before {
        content: '/'; }
    .content--teaser .content-header__info.tags + a {
      display: block; }
  .content--teaser__noborder .content-header {
    border-top: none; }

/* GLOBAL PARAMETER: GRID LOGICS
-------------------------------------------------- */
/* Grid Wrappers
-------------------------------------------------- */
@media screen and (min-width: 69em) and (orientation: landscape) {
  .grid-wrapper + .grid-wrapper {
    margin-top: 2rem; }
  .grid-wrapper .content--teaser {
    margin-top: 1rem; }
  .grid-wrapper > .content.content--teaser {
    width: calc(50% - 0.5rem); }
    .grid-wrapper > .content.content--teaser:first-of-type, .grid-wrapper > .content.content--teaser:last-of-type:nth-of-type(even) {
      width: 100%; } }

@media screen and (min-width: 48em) and (max-width: 68em) and (orientation: landscape) {
  .grid-wrapper--halves .content--teaser ~ .content--teaser,
  .grid-wrapper--fill .content--teaser ~ .content--teaser {
    flex-grow: 1;
    width: calc(50% - 1rem); }
    .grid-wrapper--halves .content--teaser ~ .content--teaser:nth-of-type(2n+3),
    .grid-wrapper--fill .content--teaser ~ .content--teaser:nth-of-type(2n+3) {
      margin-left: 2rem; } }

/* Grid Wrapper / Halves
-------------------------------------------------- */
/* Grid Wrapper / Halves
-------------------------------------------------- */
.grid-wrapper--thirds > .content {
  margin-left: 1rem; }
  .grid-wrapper--thirds > .content:nth-of-type(3n+1) {
    margin-left: 0; }

/* Grid Wrapper / Fill
-------------------------------------------------- */
.grid-wrapper--fill > .content:first-of-type {
  margin-top: 0; }

@media screen and (min-width: 69em) and (orientation: landscape) {
  .grid-wrapper--fill .content ~ .content {
    flex: 1 1 18.8333333333rem; }
    .grid-wrapper--fill .content ~ .content:nth-of-type(2n+3) {
      margin-left: 1rem; } }

.grid-wrapper--fill .content .content__inner {
  column-count: 1 !important;
  column-width: auto !important; }

/* THERE'S ALSO A FOOTER!
-------------------------------------------------- */
#footer {
  left: 0;
  bottom: 0;
  width: 100%; }

.content-header__info {
  z-index: 1; }
  .content-header__info__meta, .content-header__info__title {
    z-index: 1;
    padding-bottom: 0; }
  .content-header__info__meta {
    padding-top: 0; }
    .content-header__info__meta:last-child {
      padding-bottom: 1rem; }

.content-header--withoutimg {
  border-bottom: 0.126rem solid #303078; }

.content-header--withimg {
  align-items: center;
  justify-content: center;
  max-height: 50vh;
  overflow: hidden;
  height: 37.5rem; }
  @media screen and (max-width: 68em) {
    .content-header--withimg__colorize .content-header__info {
      background: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: calc(100% - 2rem);
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
      border-radius: 0 !important; } }
  @media screen and (min-width: 69em) and (orientation: landscape) {
    .content-header--withimg__colorize {
      z-index: 2;
      content: '';
      position: relative;
      width: 17.5rem;
      height: 17.5rem; }
    .content-header--withimg__shadow {
      opacity: .7;
      position: absolute;
      mix-blend-mode: multiply;
      width: 15.5rem;
      height: 15.5rem;
      clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
      .content-header--withimg__shadow:nth-of-type(1) {
        background: #ffb2b1;
        top: .5rem; }
      .content-header--withimg__shadow:nth-of-type(2) {
        background: #e44166;
        right: 0;
        top: .5rem; }
      .content-header--withimg__shadow:nth-of-type(3) {
        background: #e085c2;
        bottom: 0;
        left: 1rem; }
      .content-header--withimg__shadow:nth-of-type(4) {
        opacity: 1;
        mix-blend-mode: normal;
        background: black;
        bottom: 1rem;
        right: 1rem;
        top: 1rem;
        left: 1rem; } }
  .content-header--withimg .content-header__info {
    border-radius: 50%;
    top: 2rem;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 0 auto;
    padding: 1rem; }
    .content-header--withimg .content-header__info__meta {
      padding-top: 1rem;
      border-top: 0.126rem solid #faf9f9; }
    .content-header--withimg .content-header__info__title, .content-header--withimg .content-header__info__meta {
      color: #faf9f9; }
  .content-header--withimg__image {
    margin-bottom: 2rem;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    border-bottom: 0.126rem solid #303078;
    background-repeat: no-repeat; }
  .content-header--withimg .featuredimg {
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    object-fit: cover; }

/* Header
-------------------------------------------------- */
.header {
  width: 100%;
  z-index: 50;
  background-image: url("../images/pattern6.jpg");
  background-attachment: fixed;
  background-blend-mode: color-burn; }
  .header:after {
    border-bottom: 0.126rem solid #303078; }

#headtxt {
  position: relative;
  display: flex;
  align-items: center;
  height: 8rem; }
  #headtxt .logo--header {
    height: 4rem; }
    @media screen and (min-width: 48em) and (max-width: 68em) {
      #headtxt .logo--header {
        width: 66%;
        margin-left: 0; } }
  @media screen and (max-width: 68em) {
    #headtxt {
      padding: 1rem;
      width: 100%; }
      #headtxt .headings-wrapper {
        min-width: calc(75% - 1.25rem); }
      #headtxt .logo--header {
        width: 100%;
        margin: 0;
        max-width: calc(25vw - 1.25rem); } }
  @media screen and (min-width: 69em) and (orientation: landscape) {
    #headtxt {
      padding: 2rem; }
      #headtxt .logo--header {
        margin: 30px auto 30px 0;
        height: 80px; } }
  #headtxt .svg-accent {
    fill: #880088; }
  #headtxt .headings-wrapper {
    padding: .5rem;
    padding-left: 0; }
  #headtxt h1,
  #headtxt h2 {
    margin: 0;
    padding: 0;
    text-align: left;
    color: #880088;
    transition: color 0.3s ease, text-shadow 0.3s ease; }
  #headtxt h1 {
    font-weight: bold;
    font-size: 1.8541409147rem;
    line-height: 1.8541409147rem;
    font-variant: small-caps;
    text-transform: lowercase; }
  #headtxt h2 {
    font-size: 1.1458590853rem;
    line-height: 1.1458590853rem;
    font-weight: normal; }
  #headtxt:hover h1,
  #headtxt:hover h2 {
    color: #CC3399; }
  #headtxt:hover .svg-accent {
    fill: #CC3399; }
  #headtxt a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

#menu {
  margin: 0; }
  @media screen and (min-width: 69em) and (orientation: landscape) {
    #menu {
      height: 8rem; }
      #menu .primary-navigation {
        border: 0;
        width: 100%;
        flex-grow: 1;
        line-height: 8rem; } }

/* Footer Definitions
-------------------------------------------------- */
.search {
  flex-wrap: wrap; }
  .search > label:nth-child(1) {
    display: block;
    width: 100%;
    padding: 0.5rem; }

.site-footer p, .site-footer a {
  color: rgba(0, 0, 0, 0.8); }

.site-footer h2 {
  text-align: center; }

.site-footer a:focus, .site-footer a:hover {
  color: #880088; }

.site-footer p {
  margin-bottom: .5rem; }

.site-footer form {
  margin-top: .5rem;
  margin-bottom: .7rem; }

.site-footer__social {
  list-style: none;
  display: flex;
  justify-content: center; }
  .site-footer__social li {
    padding: 0.5rem; }

.menu--footer {
  padding: 0; }
  @media screen and (max-width: 48em) and (orientation: portrait) {
    .menu--footer ul > li {
      width: 100%;
      text-align: center; } }
  .menu--footer a.active, .menu--footer a:focus, .menu--footer a:hover {
    color: #880088; }
  .menu--footer a {
    margin-right: .3rem;
    margin-left: .3rem; }

/* Footer
-------------------------------------------------- */
.site-footer form {
  font-size: 0;
  width: 100%;
  display: flex;
  justify-content: center; }
  .site-footer form input[type="email"],
  .site-footer form input[type="search"] {
    width: 38.1982059067vw; }
  .site-footer form input[type="submit"] {
    width: 11.8032456252vw;
    margin-left: 1rem; }

.site-footer__wrapper {
  padding: 1rem; }
  .site-footer__wrapper:not(.site-footer__wrapper--small) {
    min-height: 25vh; }
  .site-footer__wrapper p,
  .site-footer__wrapper nav {
    margin-bottom: .5rem; }
  .site-footer__wrapper:first-of-type {
    padding: 2rem; }
  .site-footer__wrapper:last-of-type {
    border-top: 0.126rem solid #303078; }

.site-footer__section {
  margin: 1rem; }
  .site-footer__section p {
    text-align: center; }

.site-footer__section__title {
  margin: 0;
  padding: 1rem; }

.site-footer__externals {
  font-size: 0; }
  .site-footer__externals span {
    line-height: 2rem;
    height: 2rem; }
  .site-footer__externals__fav {
    display: block;
    margin: 0 auto;
    transition: 0.3s ease;
    border-radius: 50%;
    padding: 0 0.5rem;
    width: 2rem; }
    .site-footer__externals__fav img {
      display: inline;
      height: 1rem;
      width: auto;
      filter: grayscale(100%);
      mix-blend-mode: multiply; }
  .site-footer__externals__txt {
    display: block;
    padding-left: 1rem; }

.site-footer__logo {
  display: block;
  margin: 1em auto;
  height: 2rem;
  width: 2rem; }
  .site-footer__logo .svg-icon {
    transform: none; }

@media screen and (min-width: 69em) and (orientation: landscape) {
  #menu-toggle {
    display: none; } }

/* @extend font style for navigation styled items
-------------------------------------------------- */
.secondary-navigation a:hover .svg-button,
.content-header__info:hover .svg-button,
.readmore:hover .svg-button,
.reading:hover .svg-button,
#main .breadcrumbs a:hover .svg-button,
#main .breadcrumbs p:hover .svg-button,
#main .breadcrumbs h6:hover .svg-button {
  fill: #880088; }

/* Header accesibility links
-------------------------------------------------- */
#headskip {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  justify-content: space-between; }
  #headskip a {
    font-size: 0.9rem;
    padding: .5rem;
    letter-spacing: .05em; }

/* <NAV> wrapper + styles for all HEADER MENUS
-------------------------------------------------- */
.menu ul {
  list-style: none; }

.headmenu ul > li {
  display: inline-block; }
  .headmenu ul > li > a {
    position: relative;
    overflow: hidden;
    transition: color 0.3s ease; }
    .headmenu ul > li > a:nth-of-type(7n) {
      break-after: always; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .headmenu ul > li > a {
        flex: 1;
        flex-basis: 14.28%;
        padding-left: .5rem;
        padding-right: .5rem;
        min-width: -webkit-min-content;
        white-space: nowrap; } }
  @media screen and (min-width: 69em) and (orientation: landscape) {
    .headmenu ul > li + li {
      margin-left: 1em; }
    .headmenu ul > li.secondary-navigation li + li {
      margin-left: .8em; }
      .headmenu ul > li.secondary-navigation li + li a:before {
        left: -1em; }
    .headmenu ul > li.secondary-navigation li.social {
      margin-left: .4em; }
      .headmenu ul > li.secondary-navigation li.social a:before {
        display: none; } }

/* <UL> for primary menu items
-------------------------------------------------- */
.primary-navigation {
  text-align: center; }
  .primary-navigation > li > a {
    padding: .25rem .5rem;
    border-bottom: 0.126rem solid; }
  @media screen and (min-width: 69em) and (orientation: landscape) {
    .primary-navigation > li:nth-of-type(1) > a, .primary-navigation > li:nth-of-type(6) > a, .primary-navigation > li:nth-of-type(11) > a {
      border-bottom-color: #FF7F7E; }
    .primary-navigation > li:nth-of-type(1).active > a, .primary-navigation > li:nth-of-type(1):focus > a, .primary-navigation > li:nth-of-type(1):hover > a, .primary-navigation > li:nth-of-type(6).active > a, .primary-navigation > li:nth-of-type(6):focus > a, .primary-navigation > li:nth-of-type(6):hover > a, .primary-navigation > li:nth-of-type(11).active > a, .primary-navigation > li:nth-of-type(11):focus > a, .primary-navigation > li:nth-of-type(11):hover > a {
      background-color: #FF7F7E; }
    .primary-navigation > li:nth-of-type(1) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(6) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(11) .primary-navigation--submenu {
      background-color: #FF7F7E; }
    .primary-navigation > li:nth-of-type(1) .active > a,
    .primary-navigation > li:nth-of-type(1) ul > li:hover > a, .primary-navigation > li:nth-of-type(6) .active > a,
    .primary-navigation > li:nth-of-type(6) ul > li:hover > a, .primary-navigation > li:nth-of-type(11) .active > a,
    .primary-navigation > li:nth-of-type(11) ul > li:hover > a {
      color: #404141; }
    .primary-navigation > li:nth-of-type(2) > a, .primary-navigation > li:nth-of-type(7) > a, .primary-navigation > li:nth-of-type(12) > a {
      border-bottom-color: #A71838; }
    .primary-navigation > li:nth-of-type(2).active > a, .primary-navigation > li:nth-of-type(2):focus > a, .primary-navigation > li:nth-of-type(2):hover > a, .primary-navigation > li:nth-of-type(7).active > a, .primary-navigation > li:nth-of-type(7):focus > a, .primary-navigation > li:nth-of-type(7):hover > a, .primary-navigation > li:nth-of-type(12).active > a, .primary-navigation > li:nth-of-type(12):focus > a, .primary-navigation > li:nth-of-type(12):hover > a {
      background-color: #A71838; }
    .primary-navigation > li:nth-of-type(2) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(7) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(12) .primary-navigation--submenu {
      background-color: #A71838; }
    .primary-navigation > li:nth-of-type(2) .active > a,
    .primary-navigation > li:nth-of-type(2) ul > li:hover > a, .primary-navigation > li:nth-of-type(7) .active > a,
    .primary-navigation > li:nth-of-type(7) ul > li:hover > a, .primary-navigation > li:nth-of-type(12) .active > a,
    .primary-navigation > li:nth-of-type(12) ul > li:hover > a {
      color: #9fa0a0; }
    .primary-navigation > li:nth-of-type(3) > a, .primary-navigation > li:nth-of-type(8) > a, .primary-navigation > li:nth-of-type(13) > a {
      border-bottom-color: #C03F7F; }
    .primary-navigation > li:nth-of-type(3).active > a, .primary-navigation > li:nth-of-type(3):focus > a, .primary-navigation > li:nth-of-type(3):hover > a, .primary-navigation > li:nth-of-type(8).active > a, .primary-navigation > li:nth-of-type(8):focus > a, .primary-navigation > li:nth-of-type(8):hover > a, .primary-navigation > li:nth-of-type(13).active > a, .primary-navigation > li:nth-of-type(13):focus > a, .primary-navigation > li:nth-of-type(13):hover > a {
      background-color: #C03F7F; }
    .primary-navigation > li:nth-of-type(3) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(8) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(13) .primary-navigation--submenu {
      background-color: #C03F7F; }
    .primary-navigation > li:nth-of-type(3) .active > a,
    .primary-navigation > li:nth-of-type(3) ul > li:hover > a, .primary-navigation > li:nth-of-type(8) .active > a,
    .primary-navigation > li:nth-of-type(8) ul > li:hover > a, .primary-navigation > li:nth-of-type(13) .active > a,
    .primary-navigation > li:nth-of-type(13) ul > li:hover > a {
      color: #7f8080; }
    .primary-navigation > li:nth-of-type(4) > a, .primary-navigation > li:nth-of-type(9) > a, .primary-navigation > li:nth-of-type(14) > a {
      border-bottom-color: #59659D; }
    .primary-navigation > li:nth-of-type(4).active > a, .primary-navigation > li:nth-of-type(4):focus > a, .primary-navigation > li:nth-of-type(4):hover > a, .primary-navigation > li:nth-of-type(9).active > a, .primary-navigation > li:nth-of-type(9):focus > a, .primary-navigation > li:nth-of-type(9):hover > a, .primary-navigation > li:nth-of-type(14).active > a, .primary-navigation > li:nth-of-type(14):focus > a, .primary-navigation > li:nth-of-type(14):hover > a {
      background-color: #59659D; }
    .primary-navigation > li:nth-of-type(4) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(9) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(14) .primary-navigation--submenu {
      background-color: #59659D; }
    .primary-navigation > li:nth-of-type(4) .active > a,
    .primary-navigation > li:nth-of-type(4) ul > li:hover > a, .primary-navigation > li:nth-of-type(9) .active > a,
    .primary-navigation > li:nth-of-type(9) ul > li:hover > a, .primary-navigation > li:nth-of-type(14) .active > a,
    .primary-navigation > li:nth-of-type(14) ul > li:hover > a {
      color: #848484; }
    .primary-navigation > li:nth-of-type(5) > a, .primary-navigation > li:nth-of-type(10) > a, .primary-navigation > li:nth-of-type(15) > a {
      border-bottom-color: #303078; }
    .primary-navigation > li:nth-of-type(5).active > a, .primary-navigation > li:nth-of-type(5):focus > a, .primary-navigation > li:nth-of-type(5):hover > a, .primary-navigation > li:nth-of-type(10).active > a, .primary-navigation > li:nth-of-type(10):focus > a, .primary-navigation > li:nth-of-type(10):hover > a, .primary-navigation > li:nth-of-type(15).active > a, .primary-navigation > li:nth-of-type(15):focus > a, .primary-navigation > li:nth-of-type(15):hover > a {
      background-color: #303078; }
    .primary-navigation > li:nth-of-type(5) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(10) .primary-navigation--submenu, .primary-navigation > li:nth-of-type(15) .primary-navigation--submenu {
      background-color: #303078; }
    .primary-navigation > li:nth-of-type(5) .active > a,
    .primary-navigation > li:nth-of-type(5) ul > li:hover > a, .primary-navigation > li:nth-of-type(10) .active > a,
    .primary-navigation > li:nth-of-type(10) ul > li:hover > a, .primary-navigation > li:nth-of-type(15) .active > a,
    .primary-navigation > li:nth-of-type(15) ul > li:hover > a {
      color: #ababab; } }
  .primary-navigation > li:focus > a, .primary-navigation > li:hover > a, .primary-navigation > li.active > a {
    color: white; }
  .primary-navigation > li:focus .primary-navigation--submenu, .primary-navigation > li:hover .primary-navigation--submenu {
    visibility: visible;
    opacity: 1;
    transform: translate3D(0, 0, 0);
    will-change: visibility, opacity, transform; }

/* <UL> for the submenu
-------------------------------------------------- */
@media screen and (min-width: 69em) and (orientation: landscape) {
  .primary-navigation--submenu {
    z-index: 5000;
    position: absolute;
    top: 8rem;
    min-width: 25rem;
    max-height: 27rem;
    text-align: left;
    padding: 2rem;
    background: #880088;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    backface-visibility: hidden;
    transform-origin: top; }
    .primary-navigation--submenu a {
      font-size: 1rem;
      line-height: 2.31rem;
      flex: 1 1 auto;
      display: block;
      color: white; }
      .primary-navigation--submenu a:hover {
        color: black; }
    .primary-navigation--submenu li + li {
      margin-left: 0 !important; } }

/* secondary menu
-------------------------------------------------- */
.secondary-navigation {
  line-height: 100%; }
  .secondary-navigation .svg-icon {
    width: 1.5em; }
  @media screen and (min-width: 69em) and (orientation: landscape) {
    .secondary-navigation {
      position: absolute;
      top: 1rem;
      right: 1rem;
      padding-top: 0;
      margin-left: 0;
      opacity: .65;
      transition: opacity 0.3s ease; }
      .secondary-navigation .svg-icon {
        margin-top: -.25em; }
      .secondary-navigation a {
        color: black; }
        .secondary-navigation a:hover {
          color: #CC3399; }
      .secondary-navigation:hover {
        opacity: 1; } }

/* tertiary menu
-------------------------------------------------- */
.tertiary-navigation {
  text-align: left; }
  .tertiary-navigation > li {
    font-weight: bold; }
  .tertiary-navigation--submenu {
    font-weight: normal !important;
    text-align: left;
    padding-top: 1em;
    padding-bottom: 1rem; }

@media screen and (min-width: 69em) and (orientation: landscape) {
  #navbarlabel {
    position: absolute;
    top: -9999px;
    left: -9999px; } }

#menu-toggle {
  position: absolute;
  top: -9999px;
  left: -9999px; }

@media screen and (max-width: 68em) {
  .mobile-hide,
  .secondary-navigation {
    display: none; }
  #menu-toggle:checked ~ #primary-navigation {
    transform: translateX(0) !important;
    opacity: 1; }
  #menu-toggle:checked ~ #navbarlabel {
    color: #880088;
    border-bottom: 0.126rem solid #880088; }
  #navbarlabel {
    transition: 0.3s ease;
    z-index: 5000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
    background: #880088 url("../images/mobile.min.svg") no-repeat center center;
    cursor: pointer;
    border-bottom: 0.126rem solid black;
    user-select: none;
    font-size: 1rem; }
  #primary-navigation {
    background: url("../images/pattern5.jpg") fixed white;
    max-width: 100vw !important;
    z-index: 4999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    padding: 3.75rem 1rem 1rem 1rem;
    margin: 0;
    transform: translate(-100vw);
    opacity: 0;
    transition: opacity 0.5s ease-in-out; }
    #primary-navigation ul {
      width: 100%;
      display: block;
      padding-bottom: 1rem;
      list-style-type: none; }
    #primary-navigation li {
      max-width: 100%;
      hyphens: auto;
      margin: 0;
      display: block; }
    #primary-navigation a {
      display: block;
      padding: 0;
      padding-top: 5px;
      transition: all .4s ease-in-out; }
      #primary-navigation a:hover {
        transition: all .4s ease-in-out;
        text-decoration: none;
        color: black; }
      #primary-navigation a:active {
        transition: all .4s ease-in-out;
        text-decoration: none;
        color: #880088; }
      #primary-navigation a:focus {
        transition: all .4s ease-in-out;
        text-decoration: none;
        color: black; } }

/* @extend font style for navigation styled items
-------------------------------------------------- */
.readmore {
  text-align: right !important; }

/* <NAV> wrapper + styles for all HEADER MENUS
-------------------------------------------------- */
@media screen and (max-width: 68em) {
  /* <UL> for primary menu items
	-------------------------------------------------- */
  .primary-navigation > li > a {
    font-size: 0.9rem;
    line-height: 0.9rem; }
  /* <UL> for the submenu
	-------------------------------------------------- */
  .primary-navigation--submenu a {
    font-size: 0.77rem;
    display: block; }
  .primary-navigation--submenu > li + li {
    margin-left: 0 !important; }
  .primary-navigation--submenu > li a {
    color: white; }
  .primary-navigation--submenu > li.active a, .primary-navigation--submenu > li:focus a, .primary-navigation--submenu > li:hover a {
    color: black !important; }
  .primary-navigation--submenu li:first-child a {
    padding-top: 10px !important; }
  .primary-navigation--submenu a {
    padding-left: 10px !important;
    color: black !important; }
  .primary-navigation--submenu > li.active a, .primary-navigation--submenu > li:focus a {
    color: #880088 !important; } }

/* <UL> for secondary menu items
-------------------------------------------------- */
@media screen and (max-width: 68em) {
  .secondary-navigation {
    padding-bottom: 2rem;
    top: auto;
    display: flex;
    justify-content: space-around; }
    .secondary-navigation li {
      line-height: 2rem; }
      .secondary-navigation li + li {
        margin-left: 1rem; }
    .secondary-navigation a {
      color: grey;
      display: block; } }

/* Gallery Definitions
-------------------------------------------------- */
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#overlay {
  z-index: 100; }

#overlay,
#overlay #zoom {
  display: none; }

#zoom {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.activated {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  animation: fadein 1s; }
  .activated #zoom {
    transition: opacity 1s ease-in-out;
    height: 60vh;
    transition: 0.3s ease !important;
    transition: opacity 1s ease-in-out; }
  .activated button {
    position: fixed; }
    .activated button.close {
      top: 0;
      right: 0; }
    .activated button.prev, .activated button.next {
      top: 50%; }
    .activated button.prev {
      left: 0; }
    .activated button.next {
      right: 0; }
  .activated .gallery-text-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; }
    .activated .gallery-text-wrapper:first-of-type {
      height: 15vh; }
    .activated .gallery-text-wrapper:last-of-type {
      height: 25vh; }
  .activated .gallery-title,
  .activated .gallery-caption {
    background: rgba(255, 255, 255, 0.9);
    padding: 1rem; }

.activated,
.activated #zoom {
  display: block !important; }

.fadeout {
  opacity: 0; }

.noscroll {
  overflow: hidden; }

/* Next/Prev nav
-------------------------------------------------- */
/* ASIDES: COMMON DEFINITIONS
-------------------------------------------------- */
.content-header__aside-title {
  padding: .2em;
  text-align: center; }
  .content-header__aside-title a:hover, .content-header__aside-title a:focus {
    color: #880088; }

.content--aside .content__inner figure {
  max-width: 100% !important; }

/* ASIDES: SPECIFIC DEFINITIONS
-------------------------------------------------- */
.content--aside {
  padding: 0.5rem;
  background: rgba(48, 48, 120, 0.1);
  /* ASIDE TEXT
	-------------------------------------------------- */
  /* ASIDE RELATED
	-------------------------------------------------- */
  /* ASIDE EMPHASIS
	-------------------------------------------------- */
  /* ASIDE DOWNLOADS
	-------------------------------------------------- */
  /* TAGCLOUD STYLES
	-------------------------------------------------- */
  /* TAGCLOUD STYLES
	-------------------------------------------------- */
  /* ASIDE SHARER
	-------------------------------------------------- */
  /* ASIDE PAGINATION
	-------------------------------------------------- */ }
  .content--aside + .content--aside {
    margin-top: 1rem; }
  .content--aside .content-header__teaser-title {
    background: #303078; }
  @media screen and (min-width: 69em) and (orientation: landscape) {
    .content--aside--sidebar .content--aside:first-of-type {
      margin-top: 0 !important; } }
  .content--aside--button .button:first-of-type {
    margin-top: 0; }
  .content--aside--downloads .button, .content--aside--text .button {
    margin-top: 0.5rem; }
  .content--aside--text figure {
    margin: 0.5rem 0; }
  .content--aside--text figure,
  .content--aside--text img {
    max-width: 100% !important; }
  .content--aside--text ul {
    padding: 0;
    list-style: none; }
    .content--aside--text ul li {
      display: block;
      padding-top: 1em;
      text-align: left; }
      .content--aside--text ul li:not(:first-of-type) {
        margin-top: 1em;
        border-top: 0.126rem solid white; }
  .content--aside--text.content--aside--emphasis ul li a {
    border-color: #CC3399; }
  .content--aside--text.content--aside--emphasis ul li:not(:first-of-type) {
    border-color: #880088; }
  .content--aside--text p:last-of-type {
    padding-bottom: 0; }
  .content--aside--related .content-header {
    padding-bottom: 0.5rem; }
  .content--aside--emphasis {
    border-color: rgba(163, 41, 122, 0.5);
    background: rgba(214, 92, 173, 0.5); }
    .content--aside--emphasis .content-header {
      background: rgba(204, 51, 153, 0.5); }
  .content--aside--downloads ul {
    list-style: none;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1em !important; }
    .content--aside--downloads ul li:first-of-type .button {
      margin-top: 0; }
  .content--aside--promoted {
    background: none;
    padding: 0; }
    .content--aside--promoted:first-of-type {
      margin-top: 0; }
  .content--aside--topics .content__inner {
    text-align: left; }
  .content--aside--topics__taglink__superlarge {
    font-size: 120%; }
  .content--aside--topics__taglink__large {
    font-size: 110%; }
  .content--aside--topics__taglink__medium {
    font-size: 100%; }
  .content--aside--topics__taglink__small {
    font-size: 90%; }
  .content--aside--topics__taglink__supersmall {
    font-size: 80%; }
  .content--aside--sharer {
    text-align: center; }
    .content--aside--sharer a {
      padding: .5rem; }
    .content--aside--sharer .svg-icon {
      display: inline-block; }
      .content--aside--sharer .svg-icon:first-of-type {
        margin-left: 0; }
  .content--aside--pagination {
    background: none;
    padding: 0; }
    .content--aside--pagination section.grid-wrapper--halves {
      margin-top: 2rem; }
      .content--aside--pagination section.grid-wrapper--halves .button {
        padding: 1rem;
        margin-top: 2rem;
        font-size: 1rem; }

/* Template Specific Definitions
-------------------------------------------------- */
.template {
  /* DEFAULT ('PAGE') TEMPLATE
    -------------------------------------------------- */
  /* HOME TEMPLATE
    -------------------------------------------------- */
  /* BLOG TEMPLATE
    -------------------------------------------------- */
  /* POST TEMPLATE
    -------------------------------------------------- */
  /* APPEARANCES OF EVENT FEED STUFF
    -------------------------------------------------- */
  /* PPEARANCES OF SINGLE PAGES
    -------------------------------------------------- */
  /* SECTIONS TEMPLATE
    -------------------------------------------------- */
  /* EVENT TEMPLATE
    -------------------------------------------------- */
  /* MAILCHIMP TEMPLATE
    -------------------------------------------------- */
  /* EVENT + SECTIONS TEMPLATE
    -------------------------------------------------- */
  /* NO COLUMNS TEMPLATE
    -------------------------------------------------- */ }
  .template-default .gallery {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-between; }
    .template-default .gallery a {
      width: calc(50% - 0.5rem) !important;
      margin-bottom: 1rem; }
    .template-default .gallery img {
      flex-shrink: 1;
      border: none; }
  .template-home .content--pre-header__image {
    width: 100%; }
  .template-home .content--pre-header__image + .grid-wrapper {
    margin-top: 1rem; }
  @media screen and (max-width: 68em) {
    .template-home .grid-wrapper:first-of-type {
      margin-top: 1rem; } }
  .content-header__event-date {
    display: block;
    text-align: left;
    padding: 0.5rem;
    padding-top: 0; }
  .template-event .content-header__page-title, .template-mailchimp .content-header__page-title, .template-article .content-header__page-title {
    text-transform: none; }
    .template-event .content-header__page-title__tags, .template-mailchimp .content-header__page-title__tags, .template-article .content-header__page-title__tags {
      display: block;
      color: #880088;
      text-transform: uppercase; }
  .template-sections .numbered-section__number {
    display: block;
    font-size: 1rem;
    color: white; }
  .template-event .content--pre-header__text {
    min-height: 100%; }
  .template-event .event-info-wrapper {
    min-height: 100%; }
  .template-event h3 {
    color: white; }
  .template-event .button.request {
    width: 100%; }
  .template-event .numbered-section__number {
    display: none; }
  .template-event .content-header__info,
  .template-event .content-header__event-address .block {
    display: block; }
  .template-event .content-header__event-address {
    padding-bottom: 1rem; }
  .template-event .content-header__event-type {
    padding-top: 0; }
  .template-event .content-header__info:not(.content-header__event-date) {
    text-align: left; }
    .template-event .content-header__info:not(.content-header__event-date):last-of-type {
      margin-bottom: 1rem; }
  .template-mailchimp .mc-noform {
    width: 100% !important;
    padding-bottom: 1rem; }
    @media screen and (max-width: 48em) and (orientation: portrait) {
      .template-mailchimp .mc-noform {
        padding: 0 1rem 1rem 1rem; } }
  .template-mailchimp iframe {
    width: 100%;
    height: auto;
    min-height: 1700px; }
  @media screen and (max-width: 68em) {
    .template-mailchimp .content-wrapper:not(.ios) {
      max-width: 100%; }
      .template-mailchimp .content-wrapper:not(.ios) iframe#mc-iframe {
        width: 1px;
        min-width: 100%; } }
  .template-event .content__inner--numbered__section, .template-sections .content__inner--numbered__section {
    margin-bottom: 2rem; }
    .template-event .content__inner--numbered__section h2,
    .template-event .content__inner--numbered__section h3, .template-sections .content__inner--numbered__section h2,
    .template-sections .content__inner--numbered__section h3 {
      text-align: left !important;
      border-top: 0.126rem solid white; }
    .template-event .content__inner--numbered__section div, .template-sections .content__inner--numbered__section div {
      column-count: 2;
      column-gap: 2rem;
      column-rule: 0.126rem solid #303078;
      column-width: 12.2rem;
      orphans: 2;
      widows: 2; }
  .template-event .flex-row, .template-event .header, .template-sections .flex-row, .template-sections .header {
    align-items: flex-start; }
  .template-nocol .content__inner--numbered__section div {
    column-count: 1; }
  .template-nocol .content.content__inner {
    column-count: 1 !important; }