/*
Theme Name: AGB 2015
Theme URI: http://hatsumatsu.de
Description: 
Author: Martin Wecke
Version: 0.1
Tags:
*/
/*
This stylesheet was written in and compiled with LESS
See http://lesscss.org for further reference
*/
.hide-but-read {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.pseudo-box {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.shadow--1 {
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);
}
.shadow--2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.no-shadow {
  box-shadow: none;
}
.transition {
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.no-transition {
  transition: none !important;
}
.animation--blink {
  animation: blink 350ms infinite steps(2);
}
.new-layer {
  transform: translateZ(0);
}
.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  content: ' ';
  display: table;
}
.cf:after {
  clear: both;
}
@keyframes blink {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes ticker {
  0% {
    text-indent: 100%;
  }
  100% {
    text-indent: -24em;
  }
}
html,
body {
  min-height: 100vh;
  background: #fff;
}
html {
  font-family: Arial, Helvetica, 'Helvetica Neue', 'Liberation Sans', sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #111111;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga', 'kern';
     -moz-font-feature-settings: 'liga', 'kern';
          font-feature-settings: 'liga', 'kern';
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {
  overflow-x: hidden;
}
* {
  max-height: 999999px;
}
@media only screen and ( max-width: 78em ) {
  html,
  body {
    min-height: 0;
  }
  html {
    font-size: 1em;
  }
  body {
    overflow-x: hidden;
  }
}
@media only screen and ( max-width: 48em ) {
  html,
  body {
    overflow-x: visible;
  }
}
title {
  width: 48em;
  font-family: 'only screen and ( max-width: 48em )';
  transition-duration: 400ms;
  transition-delay: 200ms;
}
.shell {
  width: 90%;
  max-width: 64em;
  margin: 0 auto;
  padding: 2em 0;
}
*:focus {
  outline: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: 0;
}
.external-link {
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.6rem;
}
.external-link::before {
  content: '\2022';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 0 0.75rem 0 0;
}
::-moz-selection {
  color: #111111;
  background: rgba(17, 17, 17, 0.08);
}
::selection {
  color: #111111;
  background: rgba(17, 17, 17, 0.08);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0 0 1em 0;
  font-family: Arial, Helvetica, 'Helvetica Neue', 'Liberation Sans', sans-serif;
  font-size: 1em;
  font-weight: 400;
}
h2 {
  margin-bottom: 3.4rem;
  font-size: 2.4rem;
  line-height: 1.3333;
}
@media only screen and ( max-width: 48em ) {
  h2 {
    margin-bottom: 3rem;
  }
}
@media only screen and ( max-width: 32em ) {
  h2 {
    margin-bottom: 3rem;
    font-size: 1.5rem;
    line-height: 1.3333;
  }
}
h3 {
  font-size: 1em;
  line-height: 1.5;
}
h4 {
  font-size: 1em;
  line-height: 1.5;
}
h5 {
  font-size: 1em;
  line-height: 1.5;
}
p {
  margin: 0 0 1.5em 0;
}
.space {
  display: inline-block;
  width: 0.25em;
  margin: 0;
}
.dash {
  position: relative;
  top: -0.1em;
  display: inline-block;
  margin: 0 0.5em;
}
.layer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-right: -1.9999rem;
  padding: 2.2rem 3rem;
  padding-right: 6.4rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  box-shadow: 0 -0.5rem 0 0.5rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-property: margin, left, right, opacity, background;
  transition-duration: 400ms, 800ms, 800ms, 400ms, 400ms;
  transition-duration: 250ms, 800ms, 800ms, 400ms, 400ms;
  transform: translate3D(0, 0, 0);
  backface-visibility: hidden;
}
.layer::before {
  content: '\2022';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 2.2rem 0 0 3rem;
  font-size: 2.4rem;
  line-height: 1.3333;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.no-js .layer {
  display: none;
}
.layer.hidden {
  left: 100%;
  right: -100%;
}
.layer.loading {
  cursor: progress;
}
.layer.loading::before {
  opacity: 1;
  animation: blink 350ms infinite steps(2);
}
.active--intro-slideshow .layer {
  opacity: 0;
}
.layer.moving {
  pointer-events: none;
}
.layer[data-active="false"] {
  cursor: w-resize;
}
.layer[data-active="false"] a {
  cursor: w-resize !important;
}
.layer[data-active="false"]::before {
  opacity: 0 !important;
}
/*
&.layer--0[data-active="false"] {

	.no-touchevents &:hover,
	&:focus {
		margin-left: ( ( 1 * @offset ) - @offset--hover );
		margin-left: ( -1 * @offset--hover ) !important;
	}
}
*/
.no-touchevents .layer--1[data-active="false"]:hover,
.layer--1[data-active="false"]:focus {
  margin-left: 2.8rem;
}
.no-touchevents .layer--2[data-active="false"]:hover,
.layer--2[data-active="false"]:focus {
  margin-left: 6.8rem;
}
.no-touchevents .layer--3[data-active="false"]:hover,
.layer--3[data-active="false"]:focus {
  margin-left: 10.8rem;
}
.no-touchevents .layer--4[data-active="false"]:hover,
.layer--4[data-active="false"]:focus {
  margin-left: 14.8rem;
}
.no-touchevents .layer--5[data-active="false"]:hover,
.layer--5[data-active="false"]:focus {
  margin-left: 18.8rem;
}
/*
.layer--0 {
	left: 100%;
	right: -100%;
	z-index: 100;

	margin-left: ( 1 * @offset );

	left: ~"calc( 100% - ( 1 * @{offset} ) )";
	margin-left: 0;

	transition-duration: 250ms, ( 2 * @transition-duration ), ( 2 * @transition-duration ), @transition-duration, @transition-duration;	

	.ready--intro & {
		left: ( 1 * @offset );
		right: 0;
	}

	.visible--intro & {
		left: 100%;
		right: -100%;		
		margin-left: ( -1 * @offset );	

		left: ~"calc( 100% - ( 1 * @{offset} ) )";
		margin-left: 0;			
	}
}
*/
.layer--1 {
  z-index: 200;
  margin-left: 4rem;
}
.layer--2 {
  z-index: 300;
  margin-left: 8rem;
}
.layer--3 {
  z-index: 400;
  margin-left: 12rem;
}
.layer--3.hidden {
  left: 200%;
  right: -200%;
}
.layer--4 {
  z-index: 500;
  margin-left: 16rem;
}
.layer--4.hidden {
  left: 200%;
  right: -200%;
}
.layer.single {
  padding-right: 14rem;
}
.layer--social {
  position: fixed;
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
  z-index: 1000;
  margin: 4rem 0 0 0;
  overflow: visible;
  box-shadow: none;
}
@media only screen and (max-width: 64em) and (min-width: 48em) {
}
@media only screen and ( max-width: 48em ) {
  .layer {
    position: relative;
    margin: 0 !important;
    padding: 0;
    opacity: 1;
    overflow: auto;
    transform: none;
  }
  .no-touchevents .layer:hover,
  .layer:focus {
    margin: 0 !important;
  }
  .layer[data-active="false"] {
    cursor: auto;
  }
  .layer[data-active="false"] a {
    cursor: pointer !important;
  }
  .layer--0,
  .ready--intro .layer--0 {
    left: auto;
    right: auto;
    margin-left: 0;
    transition-duration: 400ms;
  }
}
.nav--languages {
  position: fixed;
  left: 0;
  top: 0;
  width: 4rem;
  margin: 3.2rem 0 0;
  z-index: 1000;
  transform: translateY(3.6rem);
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.active--intro-slideshow .nav--languages {
  opacity: 0;
}
[data-level='0'] .nav--languages {
  transform: translateY(0);
}
.languages-skip {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.languages-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.languages-list > li {
  display: block;
  margin: 0;
  padding: 0;
}
.languages-list > li a {
  position: relative;
  display: block;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 0.875em;
  text-align: center;
  letter-spacing: 0.08em;
}
.languages-list > li a::after {
  content: '\2022';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  text-align: center;
  opacity: 0;
}
.languages-list > li a:hover::after,
.languages-list > li a:focus::after {
  opacity: 1;
}
@media only screen and ( max-width: 48em ) {
  .nav--languages {
    display: none;
  }
}
.intro > .content {
  display: block !important;
  margin: 2.2rem 3rem 2.4rem 6rem;
}
h1 {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 36rem;
  height: auto;
  margin: 0 0;
}
.active--intro-slideshow h1 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  margin: 2.2rem 3rem 2.4rem 6rem;
  z-index: 11000;
}
h1 > a {
  display: block;
  width: 100%;
  height: 0;
  padding: 42.6% 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 300%;
  cursor: default !important;
}
.logo--home {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.logo--home path {
  cursor: pointer;
}
@media only screen and ( max-width: 48em ) {
  .intro {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: -1px;
    z-index: 1000;
    margin: 0 2.25rem 0 0;
    padding: 1rem 1rem 1rem;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-110%);
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);
  }
  .visible--nav-head .intro {
    transform: translateX(0);
  }
  .home .intro {
    position: relative;
    margin: 0;
    overflow: visible;
    transform: none !important;
  }
  .intro > .content {
    margin: 0 !important;
    padding: 0 0 !important;
  }
  h1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    width: calc( 100% - 1.75rem );
    max-width: 100%;
    margin: 1rem 0.875rem;
  }
}
.intro-images {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  pointer-events: none;
  transform: translateZ(0);
}
.visible--intro .intro-images {
  opacity: 1;
}
.active--intro-slideshow .intro-images {
  z-index: 10000;
  opacity: 1;
}
.intro-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover';
  opacity: 0;
  transform: translateZ(0);
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-property: opacity;
  transition-duration: 200ms;
}
.intro-image.visible {
  opacity: 1;
}
.active--intro-slideshow .intro-image {
  display: block;
  opacity: 0;
}
.active--intro-slideshow .intro-image.visible {
  opacity: 1;
}
@media only screen and ( max-width: 48em ) {
  .intro-images {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    height: 66.6666vw;
    margin: -1rem -1rem 1rem;
    opacity: 1;
  }
}
.posts--ticker {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  height: 1em;
  margin: 0 0 1rem 0;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-property: opacity;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.active--intro-slideshow .posts--ticker {
  z-index: 11000;
  opacity: 1;
  pointer-events: auto;
  -ms-touch-action: auto;
      touch-action: auto;
}
.post--ticker {
  position: relative;
  display: inline-block;
  padding: 0 0 0 5.6rem;
  white-space: nowrap;
}
.post--ticker::before {
  content: none !important;
}
.post--ticker::after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 4.8rem;
  height: 2px;
  margin: 0.5rem 0 0 0;
  background: #111111;
}
.post-time--ticker {
  display: inline-block !important;
  margin-right: 1.4rem;
  line-height: 1;
}
.post--ticker h4 {
  display: inline-block;
  margin: 0;
  line-height: 1;
}
.post--ticker h4 .term,
.post--ticker h4 .title,
.post--ticker h4 .subtitle {
  display: inline-block;
  margin: 0;
}
.post--ticker h4 .term {
  margin-right: 1.4rem;
}
.post--ticker h4 .subtitle {
  margin-left: 1.4rem;
  font-style: italic;
}
@media only screen and ( max-width: 48em ) {
  .posts--ticker {
    display: none;
  }
}
.js .content,
body > .content {
  display: none;
}
.js .layer > .content {
  display: block;
  max-width: 44rem;
}
.layer > .content {
  margin-bottom: 3rem;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-property: opacity;
  transition-delay: 400ms;
}
.layer.loading > .content {
  opacity: 0;
}
.layer.hidden > .content {
  opacity: 0;
}
@media only screen and ( max-width: 48em ) {
  .content,
  body > .content {
    display: block !important;
    margin: 1rem 1rem;
  }
  body > .content {
    margin-bottom: 0;
  }
  .content[role='main'] {
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    min-height: 100vh;
    margin: 0;
    padding: 1rem 1rem 0.1px;
    background: #fff;
  }
  .has-image .content[role='main'],
  .has-images .content[role='main'] {
    min-height: calc( 100vh - 66.6666vw );
    margin-top: 66.6666vw;
  }
  .content[role='main'] > h2,
  .content[role='main'] > .post-time,
  .content[role='main'] > .post-term {
    margin-right: 2rem;
  }
  .pseudo-layer .content {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }
}
.inline-content a {
  border-bottom: 1px solid currentColor;
  -webkit-hyphens: none;
     -moz-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}
.inline-content a:hover,
.inline-content a:focus {
  opacity: 0.5;
}
.inline-content h3 {
  margin-bottom: 1.8rem;
}
.inline-content p {
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.inline-content .bigger {
  font-size: 2.4rem;
}
.inline-content .red {
  color: #C00;
}
.inline-content ul {
  margin: 0 0 1.5em 0;
  padding: 0;
  list-style-type: none;
}
.inline-content ul li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0 0 2em;
}
.inline-content ul li::before {
  content: '—';
  position: absolute;
  left: 0;
  top: 0;
}
.inline-content .embed-video {
  position: relative;
  margin: 0 0 1.5em 0;
  padding: 56.25% 0 0 0;
}
.inline-content .embed-video > iframe {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
}
@media only screen and ( max-width: 48em ) {
  .inline-content .embed-video {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and ( max-width: 32em ) {
  .inline-content .bigger {
    font-size: 1.5rem;
  }
}
.layer--images {
  right: -100%;
  left: 100%;
  margin-left: -8rem;
  margin-right: 20rem;
  padding: 0;
  background: none;
  box-shadow: none !important;
  overflow: visible;
  transition-duration: 400ms, 400ms, 400ms, 400ms, 400ms;
}
.layer--images.hover,
.layer--images:focus,
.layer--images[data-hover="true"] {
  left: 0;
  right: 0;
  margin-left: 20rem;
  margin-right: -8rem;
}
.images {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  zoom: 1;
}
.images:before,
.images:after {
  content: ' ';
  display: table;
}
.images:after {
  clear: both;
}
.image {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  max-width: 100%;
  max-height: 100%;
  max-height: 100vh;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-property: margin, opacity;
  transition-delay: 0ms, 200ms;
}
.image.current {
  z-index: 100;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0ms, 0ms;
}
.images--count-1 .image {
  opacity: 1;
  pointer-events: auto;
}
.layer--images:focus .image,
.layer--images.hover .image,
.layer--images[data-hover="true"] .image {
  margin-right: 0 !important;
  cursor: pointer;
}
.image::before,
.image::after {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: block;
}
.image::before {
  margin-right: 50%;
  cursor: w-resize;
}
.image::after {
  margin-left: 50%;
  cursor: e-resize;
}
.images--count-1 .image::before {
  cursor: default;
}
.images--count-1 .image::after {
  cursor: default;
}
.image-image {
  float: right;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  max-height: 100vh;
  margin: 0 0;
  transform: translate3D(0, 0, 0);
  background: #fff;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);
}
.monochrome .image-image {
  filter: grayscale(1);
}
.image-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  margin: 0 0 0 0;
  padding: 0.5em 8em 0.5em 1em;
  font-size: 0.5em;
  color: #fff !important;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.image:last-child .image-caption {
  margin-bottom: 0;
}
.layer--images:focus .image-caption,
.layer--images.hover .image-caption,
.layer--images[data-hover="true"] .image-caption {
  opacity: 1;
}
.image-caption > p {
  margin: 0;
}
.image-caption:hover {
  background-color: #111111;
}
.images-nav {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  height: 0.5rem;
  margin: 0.75rem 8rem 0 0;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.layer--images.hover .images-nav,
.layer--images:focus .images-nav,
.layer--images[data-hover="true"] .images-nav {
  opacity: 1;
}
.images-nav-item {
  display: inline-block;
  vertical-align: top;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.5rem 0 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  white-space: nowrap;
  text-indent: 300%;
}
.images-nav-item:hover {
  background: #111111;
}
.images-nav-item.current {
  background: #111111;
}
@media only screen and ( max-width: 48em ) {
  .pseudo-layer--images {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 0;
    margin: 0 0 1.5rem;
  }
  .images {
    height: 66.6666vw;
    max-height: 100%;
    max-height: 100vh;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 0 !important;
    background: rgba(17, 17, 17, 0.08);
  }
  .images.images--count-1 {
    overflow: hidden;
  }
  .image {
    position: relative;
    top: auto;
    right: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    max-width: none;
    height: 100%;
    margin: 0 -1px 0 0;
    font-size: 1rem;
    opacity: 1;
    pointer-events: auto;
  }
  .image::before,
  .image::after {
    display: none;
  }
  .image-image {
    width: auto;
    max-width: none;
    height: 100%;
    margin-bottom: 0;
    max-height: 100% !important;
    box-shadow: none;
    opacity: 0;
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  }
  .image.loaded .image-image {
    opacity: 1;
  }
  .image-gap {
    display: none;
  }
  .image-caption {
    margin-bottom: 0;
    padding-right: 1em;
    white-space: normal;
    font-size: 0.65em;
    background-color: #111111;
    opacity: 0;
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  }
  .show-caption .image-caption {
    opacity: 1;
  }
  .images-scrollindicator {
    content: '>';
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 100;
    display: block;
    width: 3rem;
    height: 3rem;
    margin: -1.5rem 0.75rem 0 0;
    line-height: 1;
    text-align: center;
    overflow: hidden;
    text-indent: 300%;
    white-space: nowrap;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('img/icon-images-32--text.svg');
    border-radius: 50%;
    opacity: 1;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  }
  .no-svg .images-scrollindicator {
    background-image: url('img/icon-images-32--text.png');
  }
  .images--count-1 + .images-scrollindicator {
    display: none;
  }
  .show--meta .images-scrollindicator {
    opacity: 0;
  }
  .is-scrolled .images-scrollindicator {
    opacity: 0;
    pointer-events: none;
  }
  .visible--nav-head .images-scrollindicator {
    opacity: 0;
  }
}
.post-teaser {
  box-sizing: border-box;
  position: fixed;
  right: 0;
  top: auto;
  z-index: 250;
  width: 50%;
  margin-right: -50%;
  padding: 1rem 5rem 1rem 1.25rem;
  font-size: 0.75rem;
  color: #fff;
  background: #111111;
  opacity: 1 !important;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-duration: 400ms;
}
.no-touchevents .post:hover .post-teaser {
  margin-right: 0;
}
.post-teaser.hidden {
  margin-right: -40%;
}
.post-teaser.has-image {
  width: 75%;
  margin-right: -75%;
  padding-right: calc(15% + 5rem);
}
.no-touchevents .post:hover .post-teaser.has-image {
  margin-right: -15%;
}
.no-touchevents .post-teaser.has-image:hover {
  margin-right: 0 !important;
}
.post-teaser h3,
.post-teaser h4,
.post-teaser h5 {
  font-size: 1em;
}
.post-teaser h5 {
  position: relative;
  margin-bottom: 1.8rem;
  padding: 0 0 0 1.5rem;
}
.post-teaser h5::before {
  content: '\2022';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 0 0.75rem 0 0;
}
.post-teaser .excerpt {
  display: block;
  margin-bottom: 1.8rem;
}
.post-teaser p {
  margin: 0;
}
.no-touchevents .post:hover .post-teaser .post-image {
  right: 4rem;
  margin-right: -50%;
}
.no-touchevents .post:hover .post-teaser .post-image.orientation--portrait {
  margin-right: -33.3333%;
}
.no-touchevents .post .post-teaser:hover .post-image {
  right: 0 !important;
  margin-right: 0 !important;
}
@media only screen and ( max-width: 48em ) {
  .post-teaser {
    display: none;
  }
}
.layer--preview {
  right: 0;
  left: 100%;
  margin-left: -45%;
  padding-right: 2.9999rem;
  transition-duration: 600ms;
}
.layer--preview.hidden {
  right: -45%;
  margin-left: 0;
}
.post-preview-image {
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.js .post-preview-image {
  opacity: 0;
}
.js .post-preview-image.loaded {
  opacity: 1;
}
@media only screen and ( max-width: 48em ) {
  .pseudo-layer--preview {
    display: none;
  }
  .post-preview-image {
    opacity: 1;
  }
  .js .post-preview-image {
    opacity: 1;
  }
}
.content--archive {
  margin: 0 0 3.6rem 0;
}
.content--archive > p {
  -webkit-hyphens: none;
     -moz-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}
.posts {
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.posts.hidden {
  height: 0;
}
.post-section {
  width: 16em;
  margin: 0 0 3.6rem 3rem;
}
.post-section > a {
  position: relative;
  display: inline-block;
}
.post-section > a::before {
  content: '\2022';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 3rem;
  margin: 0 0 0 -3rem;
  opacity: 0;
}
.post-section > a::after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 1.25rem;
  height: 1em;
  margin: 0.25em -3rem 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/icon-arrow-right-alt-32--text.svg');
  transition-property: opacity;
  transition-duration: 150ms;
}
.no-svg .post-section > a::after {
  background-image: url('img/icon-arrow-right-alt-32--text.png');
}
[data-active="true"] .post-section > a:hover::before,
[data-active="true"] .post-section > a:focus::before {
  opacity: 1;
}
.post-section[data-posts-visible='true'] > a::after {
  opacity: 0;
}
.post-section.loading > a::before {
  opacity: 1;
  animation: blink 350ms infinite steps(2);
}
.post {
  position: relative;
  margin: 0 0 2.4rem 0;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.post::before {
  content: '\2022';
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  margin: 0 0 0 -3rem;
  text-align: center;
  opacity: 0;
}
[data-active="true"] .post:hover::before {
  opacity: 1;
}
.posts.hidden .post,
.posts.hide-posts .post {
  opacity: 0;
}
.post-time {
  display: block;
}
.post-time > a {
  display: block;
}
.post > h3 > a {
  display: block;
}
.post-image {
  position: fixed;
  right: 0;
  top: auto;
  z-index: 250;
  max-width: 50%;
  margin-top: 0.25em;
  margin-right: -50%;
  opacity: 1 !important;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-duration: 400ms;
}
.post-image.orientation--square,
.post-image.orientation--portrait {
  max-width: 33.3333%;
  margin-right: -33.3333%;
}
.no-touchevents .post:hover .post-image,
.no-touchevents .post.hover .post-image {
  margin-right: 0;
}
.post-image.hidden {
  margin-right: -40%;
}
.post-image.clone {
  display: block;
}
.post-image-image {
  display: block;
  max-width: 100%;
  height: auto;
}
.monochrome .post-image-image {
  filter: grayscale(1);
}
.post-image-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  margin: 0 0 0 0;
  padding: 0.5em 8em 0.5em 1em;
  font-size: 0.5rem;
  color: #fff !important;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.post:focus .post-image-caption,
.post:hover .post-image-caption,
.post.hover .post-image-caption {
  opacity: 1;
}
.post-image-caption > p {
  margin: 0;
}
.post-image-caption:hover {
  background-color: #111111;
}
@media only screen and ( max-width: 78em ) {
  .post-section > a::after {
    margin-top: 0.2em;
    background-size: 1.5rem auto;
  }
}
@media only screen and ( max-width: 48em ) {
  .post-image {
    display: none;
    position: absolute;
    right: auto;
    left: 100%;
    top: auto;
    z-index: 250;
    max-width: 50%;
    margin-left: -2rem;
  }
  .post-image.orientation--square,
  .post-image.orientation--portrait {
    max-width: 33.3333%;
  }
  .no-touchevents .post:hover .post-image {
    right: auto;
    left: 100%;
    margin-left: -2rem;
    margin-right: 0;
  }
  .post-image-caption {
    padding-right: 1em;
  }
}
@media only screen and ( max-width: 32em ) {
  .post-section {
    width: auto;
    margin-bottom: 1.5rem;
  }
  .post {
    margin-bottom: 1.5rem;
  }
  .post h3 .dash {
    display: block;
    height: 0;
    margin: 0;
    visibility: hidden;
  }
}
.post--exhibitions {
  margin: 0 0 3.6rem 0;
}
.post--exhibitions.current {
  font-size: 2.4rem;
  line-height: 1.3333;
  color: #C00;
}
.post--exhibitions h3 {
  margin-bottom: 0;
}
.current.post--exhibitions h3 {
  line-height: 1.3333;
}
.post--exhibitions h3 .title,
.post--exhibitions h3 .subtitle {
  display: block;
}
.post--exhibitions h3 .subtitle {
  font-style: italic;
}
.post--exhibitions h3 > a {
  display: block;
}
.post-time--exhibitions .start-time,
.post-time--exhibitions .end-time {
  white-space: nowrap;
}
.post-term--exhibitions {
  display: block;
}
.post-term--exhibitions[data-term='satellit'] {
  margin-top: 0.125em;
  font-size: 0.875em;
  text-transform: uppercase;
}
@media only screen and ( max-width: 48em ) {
  .current .post-image--exhibitions {
    position: relative;
    left: auto !important;
    right: auto !important;
    z-index: auto;
    display: block;
    max-width: 100vw;
    margin: 0 -1rem 1rem !important;
    opacity: 1 !important;
    box-shadow: none;
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
    transition-duration: 400ms;
  }
  .current .post-image-caption--exhibitions {
    padding: 0.5rem 1rem;
  }
}
@media only screen and ( max-width: 32em ) {
  .post-section--exhibitions {
    margin-bottom: 3rem;
  }
  .post--exhibitions {
    margin-bottom: 3rem;
  }
  .post--exhibitions.current {
    font-size: 1.5rem;
  }
}
.post--events {
  margin: 0 0 3.6rem 0;
}
.post--events.current {
  color: #C00;
  font-size: 2.4rem;
  line-height: 1.3333;
}
.post-time--events {
  display: block;
}
.post-term--events {
  display: block;
}
.post-term--events[data-term='satellit'] {
  margin-top: 0.125em;
  font-size: 0.875em;
  text-transform: uppercase;
}
.post--events h3 {
  margin-bottom: 0;
}
.current.post--events h3 {
  line-height: 1.3333;
}
.post--events h3 .title,
.post--events h3 .subtitle {
  display: block;
}
.post--events h3 .subtitle {
  font-style: italic;
}
.architektur-generator-berlin.post--events h3 .title {
  font-style: italic;
}
.post-time--events .date,
.post-time--events .time {
  white-space: nowrap;
}
@media only screen and ( max-width: 32em ) {
  .post-section--events {
    margin-bottom: 3rem;
  }
  .post--events {
    margin-bottom: 3rem;
  }
  .post--events.current {
    font-size: 1.5rem;
  }
}
.post--satelite {
  margin: 0 0 3.6rem 0;
}
.post--satelite.current {
  color: #C00;
  font-size: 2.4rem;
  line-height: 1.3333;
}
.post-time--satelite {
  display: block;
}
.post-term--satelite {
  display: block;
}
.current.post--satelite h3 {
  line-height: 1.3333;
}
.post--satelite h3 .title,
.post--satelite h3 .subtitle {
  display: block;
}
.post--satelite h3 .subtitle {
  font-style: italic;
}
.post-time--satelite .date,
.post-time--satelite .time {
  white-space: nowrap;
}
@media only screen and ( max-width: 32em ) {
  .post-section--satelite {
    margin-bottom: 3rem;
  }
  .post--satelite {
    margin-bottom: 3rem;
  }
  .post--satelite.current {
    font-size: 1.5rem;
  }
}
.posts--publications {
  zoom: 1;
}
.posts--publications:before,
.posts--publications:after {
  content: ' ';
  display: table;
}
.posts--publications:after {
  clear: both;
}
.post--publications {
  box-sizing: border-box;
  margin-bottom: 3.6rem;
}
.post--publications h3 {
  margin: 0;
}
.post-meta--publications .meta--price {
  color: #C00;
}
.post-meta--publications .meta--external {
  color: #C00;
}
@media only screen and ( max-width: 48em ) {
  .post--publications {
    margin-bottom: 3rem;
  }
}
@media only screen and ( max-width: 32em ) {
  .post--publications {
    margin-bottom: 3rem;
  }
  .post-meta--publications .dash {
    display: block;
    height: 0;
    margin: 0;
    visibility: hidden;
  }
}
.post--architects {
  margin-bottom: 0;
  padding-bottom: 2.4rem;
}
.post-teaser--architects h4 {
  margin-bottom: 0;
}
.post-teaser--architects h4 .title,
.post-teaser--architects h4 .subtitle {
  display: block;
}
.post-teaser--architects h4 .subtitle {
  font-style: italic;
}
.post--architects h3 {
  margin: 0;
}
@media only screen and ( max-width: 32em ) {
  .post--architects {
    margin-bottom: 1.5rem;
    padding-bottom: 0;
  }
  .post--architects h3 {
    margin: 0;
  }
}
.post-section--sponsors {
  margin-bottom: 2.4rem;
}
.post--sponsors {
  margin-bottom: 0;
  padding-bottom: 2.4rem;
}
.post--sponsors .post-teaser h4 .title,
.post--sponsors .post-teaser h4 .subtitle {
  display: block;
}
.post--sponsors .post-teaser h4 .subtitle {
  font-style: italic;
}
.post--sponsors .post-teaser h4:last-child {
  margin-bottom: 0;
}
.post--sponsors h3 {
  margin: 0;
}
@media only screen and ( max-width: 32em ) {
  .post-section--sponsors {
    margin-bottom: 1.5rem;
  }
  .post--sponsors {
    padding-bottom: 1.5rem;
  }
}
.post--reviews {
  margin: 0 0 3.6rem 0;
}
.post--reviews.current {
  color: #C00;
}
.post-teaser--reviews h4 {
  margin-bottom: 0;
}
.post-teaser--reviews h4 .title,
.post-teaser--reviews h4 .subtitle {
  display: block;
}
.post-teaser--reviews h4 .subtitle {
  font-style: italic;
}
.post--reviews h3 .title,
.post--reviews h3 .subtitle {
  display: block;
}
.post--reviews h3 .subtitle {
  font-style: italic;
}
@media only screen and ( max-width: 32em ) {
  .post-section--reviews {
    margin-bottom: 3rem;
  }
  .post--reviews {
    margin-bottom: 3rem;
  }
  .post-time--reviews .dash {
    display: block;
    height: 0;
    margin: 0;
    visibility: hidden;
  }
}
.layer--aab .content--archive {
  max-width: 60%;
}
.post-section--aab {
  margin-bottom: 2.4rem;
}
.post--aab {
  margin-bottom: 0;
  padding-bottom: 2.4rem;
}
.post--aab.current {
  font-size: 2.4rem;
  line-height: 1.3333;
  letter-spacing: 0.05em;
  color: #C00;
}
.post--aab h3 {
  margin-bottom: 0;
}
.current.post--aab h3 {
  line-height: inherit;
}
@media only screen and ( max-width: 32em ) {
  .post-section--aab {
    margin-bottom: 1.5rem;
  }
  .post--aab {
    padding-bottom: 1.5rem;
  }
  .post--aab.current {
    font-size: 1.5rem;
  }
}
.post--texts {
  margin-bottom: 3.6rem;
}
.post-teaser--texts .excerpt {
  text-transform: none;
}
.post-teaser--texts .excerpt + .source {
  margin-top: 3rem;
}
.post--texts h3 {
  max-width: 36em;
}
@media only screen and ( max-width: 32em ) {
  .post-section--texts {
    margin-bottom: 3rem;
  }
  .post--texts {
    margin-bottom: 3rem;
  }
}
.posts--meta {
  margin: 0 0;
}
.post--meta {
  margin: 0 0 2.4rem;
}
.post--meta > * {
  opacity: 0.5;
}
.post--meta a:hover,
.post--meta a:focus {
  opacity: 1 !important;
}
.post--meta::before {
  content: none;
}
.post--meta:last-child {
  margin-bottom: 0;
}
.post--meta:hover,
.post--meta:focus {
  opacity: 1;
}
.post--meta:hover > *,
.post--meta:focus > * {
  opacity: 1;
}
.post--meta h3 {
  margin-bottom: 0;
}
.post-content--meta {
  display: block;
}
.post-content--meta p {
  margin-bottom: 0;
}
@media only screen and ( max-width: 48em ) {
  .posts--meta {
    margin-bottom: 3rem;
  }
  .post--meta {
    margin-bottom: 1.5rem;
  }
}
.post--meta-exhibitions h3 .title,
.post--meta-exhibitions h3 .subtitle {
  display: block;
}
.post--meta-exhibitions h3 .subtitle {
  font-style: italic;
}
.post--meta-exhibitions .post-time--exhibitions {
  margin: 0 !important;
  font-size: 1em !important;
}
.post--meta-events .post-time--events {
  margin: 0 !important;
  font-size: 1em !important;
}
.post--meta-events h3 .title,
.post--meta-events h3 .subtitle {
  display: block;
}
.post--meta-events h3 .subtitle {
  font-style: italic;
}
.post--meta-events .meta--events > a {
  display: block;
}
.post--meta-satelite h3 .title,
.post--meta-satelite h3 .subtitle {
  display: block;
}
.post--meta-satelite h3 .subtitle {
  font-style: italic;
}
.post--meta-reviews .post-time--reviews {
  margin: 0 !important;
  font-size: 1em !important;
}
.post--meta-reviews h3 .title,
.post--meta-reviews h3 .subtitle {
  display: block;
}
.post--meta-reviews h3 .subtitle {
  font-style: italic;
}
.post--meta-sponsors {
  margin: 0;
}
.post--meta-sponsors > a:hover,
.post--meta-sponsors > a:focus {
  opacity: 0.5;
}
.pseudo-layer--meta .post-meta--publications .meta--price,
.layer--meta .post-meta--publications .meta--price {
  color: inherit;
}
.nav--letters {
  margin: 0 0 2.4rem;
}
.nav--letters > a {
  position: relative;
  display: inline-block;
}
.nav--letters > a::after {
  content: '\2022';
  position: absolute;
  left: 50%;
  top: 100%;
  display: block;
  width: 1em;
  margin: 0 0 0 -0.5rem;
  text-align: center;
  opacity: 0;
}
.nav--letters > a:hover::after,
.nav--letters > a:focus::after {
  opacity: 1;
}
@media only screen and ( max-width: 32em ) {
  .nav--letters {
    margin-right: -1rem;
    margin-left: -1rem;
    margin-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .nav--letters > a:last-child {
    margin-right: 1rem;
  }
}
.nav--sort {
  margin: 0 0 3.6rem;
}
.nav--sort > a {
  position: relative;
  display: inline-block;
  margin-right: 1.2rem;
}
.nav--sort > a::after {
  content: '\2022';
  position: absolute;
  left: 50%;
  top: 100%;
  display: block;
  width: 1em;
  margin: 0 0 0 -0.5rem;
  text-align: center;
  opacity: 0;
}
.nav--sort > a:hover::after,
.nav--sort > a:focus::after,
.nav--sort > a.current::after {
  opacity: 1;
}
/**
 * Meta Layer
 * Still in use on the Contact page for the map
 */
.layer--meta {
  right: auto;
  left: 100%;
  width: 50%;
  margin-left: -8rem;
  padding: 0 4.9999rem 0 0;
  color: #fff;
  background: #111111;
  transition-duration: 400ms, 800ms, 800ms, 400ms, 400ms;
}
.layer--meta:hover,
.layer--meta:focus,
.layer--meta[data-hover="true"] {
  margin-left: -50%;
}
.toggle--meta {
  display: none;
}
.layer--meta > .content {
  margin: 2.2rem 7rem 2.2rem 2rem;
}
[data-pseudo-layers-total='1'] .layer--meta > .content {
  margin-right: 3rem;
}
/**
 * In-page meta 
 */
.single-meta {
  margin: 2.4rem 0 0;
}
.single-meta-item {
  margin: 0 0 2.4rem;
}
.single-meta-item a:hover,
.single-meta-item a:focus {
  opacity: 1;
}
.single-meta-item:last-child {
  margin-bottom: 0;
}
.single-meta-item-title {
  position: relative;
  margin-bottom: 2.4rem;
  padding: 0 0 0 1.6rem;
  opacity: 0.5;
}
.single-meta-item-title::before {
  content: '\2022';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 0 0.75rem 0 0;
}
/**
 * post type specific meta styles
 */
.single-meta-item--page {
  opacity: 0.5;
}
.single-meta-item--page--kontakt,
.single-meta-item--page--contact {
  opacity: 1;
}
@media only screen and ( max-width: 48em ) {
  /**
	 * Meta Layer
	 * Still in use on the Contact page for the map
	 */
  .pseudo-layer--meta {
    position: fixed;
    left: -100%;
    right: 100%;
    top: 0;
    bottom: 0;
    z-index: 1200;
    margin: 0 0 0 0;
    padding: 0 3rem 0 0;
    transform: translate / 0;
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  }
  .show--meta .pseudo-layer--meta {
    left: 0;
    right: 0;
  }
  .toggle--meta {
    content: ' ';
    position: absolute;
    right: -100%;
    bottom: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem 5.75rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 300%;
    background-color: #111111;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('img/icon-plus-16--bg.svg');
    border-radius: 50%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  }
  .no-svg .toggle--meta {
    background-image: url('img/icon-plus-16--bg.png');
  }
  .show--meta .toggle--meta {
    right: 0;
    transform: rotate(135deg);
  }
  .show-head-primary .toggle--meta,
  .show--social .toggle--meta {
    opacity: 0;
  }
  .pseudo-layer--meta > .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 3rem 0 0;
    padding: 1.5rem 1rem 1.5rem 1rem;
    color: #fff;
    background-color: #111111;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .pseudo-layer--meta > .content > :last-child {
    margin-bottom: 1.5rem !important;
  }
  /**
	 * In-page meta
	 */
  .single-meta {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .single-meta-item {
    margin-bottom: 3rem;
  }
  .single-meta-item:last-child {
    margin-bottom: 0;
  }
  .single-meta-item-title {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 0;
  }
  /**
	 * post type specific meta styles
	 */
  .single-meta-item--page--kontakt,
  .single-meta-item--page--contact {
    margin-bottom: -3rem !important;
  }
}
.map {
  background: #111111 !important;
  overflow: hidden;
}
.layer--meta .map {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.map > div {
  bottom: 0 !important;
}
.map-ui {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  margin: 2rem;
}
.map-ui > a {
  display: block;
  width: 2rem;
  height: 1rem;
  margin: 0;
  padding: 0.5rem 0;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #111111;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 300%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom: 0 !important;
}
.map-ui > a:hover,
.map-ui > a:focus,
.map-ui > a:active {
  opacity: 1;
}
.map-ui > a:hover {
  background-color: #eee;
}
.map-ui > a.zoom-in {
  background-image: url('img/icon-plus-32--text.svg');
}
.no-svg .map-ui > a.zoom-in {
  background-image: url('img/icon-plus-32--text.png');
}
.map-ui > a.zoom-out {
  background-image: url('img/icon-minus-32--text.svg');
}
.no-svg .map-ui > a.zoom-out {
  background-image: url('img/icon-minus-32--text.png');
}
.map-ui > a.open-external {
  background-image: url('img/icon-directions-32--text.svg');
}
.no-svg .map-ui > a.open-external {
  background-image: url('img/icon-directions-32--text.png');
}
@media only screen and ( max-width: 48em ) {
  .map {
    height: 100vh;
    margin: -1rem -1rem;
  }
  .pseudo-layer--meta > .content > .map:last-child {
    margin-bottom: -1rem !important;
  }
  .map-ui {
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    z-index: 100;
    margin: 0.75rem 1rem;
  }
  .map-ui > a {
    width: 2rem;
    height: 2rem;
    margin: 0 0 0.75rem 0;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  }
}
.nav--head-primary {
  position: relative;
  z-index: 1;
  margin: 6rem 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.active--intro-slideshow .nav--head-primary {
  opacity: 0;
}
.head-primary-skip {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.head-primary-toggle {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 4rem;
  height: 2rem;
  margin: 2.8rem 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 300%;
  cursor: pointer;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.head-primary-toggle::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  margin: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('img/icon-nav-32--text.svg');
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
.no-svg .head-primary-toggle::after {
  background-image: url('img/icon-nav-32--text.png');
}
[data-level='0'] .head-primary-toggle {
  opacity: 0;
}
.head-primary-list {
  margin: 0 0;
  padding: 0;
  list-style-type: none;
}
.head-primary-list > li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0 1.6rem 0;
}
.head-primary-list > li:last-child {
  padding-bottom: 0;
}
.head-primary-list > li.exhibitions,
.head-primary-list > li.events,
.head-primary-list > li.satelite,
.head-primary-list > li.portrait,
.head-primary-list > li.highlighted {
  margin-bottom: 0;
  padding-bottom: 1.6rem;
}
.head-primary-list > li.highlighted-last {
  margin-bottom: 3.6rem;
}
.head-primary-list > li.hide-on-larger-screens {
  display: none;
}
.head-primary-list > li > a {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.head-primary-list > li > a::before {
  content: '\2022';
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  margin: 0 0 0 -3rem;
  font-size: 1rem;
  text-align: center;
  opacity: 0;
}
[data-active="true"] .head-primary-list > li > a:hover::before,
[data-active="true"] .head-primary-list > li > a:focus::before {
  opacity: 1;
}
.head-primary-list > li > a > .count {
  color: #C00;
}
.head-primary-list > li.exhibitions > a,
.head-primary-list > li.events > a,
.head-primary-list > li.satelite > a,
.head-primary-list > li.portrait > a,
.head-primary-list > li.highlighted > a {
  font-size: 2.4rem;
  line-height: 1.3333;
}
.head-primary-list > li.exhibitions > a::before,
.head-primary-list > li.events > a::before,
.head-primary-list > li.satelite > a::before,
.head-primary-list > li.portrait > a::before,
.head-primary-list > li.highlighted > a::before {
  font-size: 2.4rem;
  line-height: 1.3333;
}
.head-primary-list > li.red > a {
  color: #C00;
}
.head-primary-list > li.small > a {
  opacity: 0.3;
}
.post--nav {
  box-sizing: border-box;
  position: absolute;
  right: -6.4rem;
  top: 0;
  z-index: 100;
  display: block;
  width: 80%;
  min-height: 4.5em;
  margin-right: -80% !important;
  margin-bottom: 0 !important;
  padding: 1rem 15% 1rem 1.5rem;
  padding: 1rem calc(15% + 6rem) 1rem 1.5rem;
  vertical-align: top;
  color: #C00;
  background: #fff;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-duration: 400ms;
}
.post--nav::before {
  content: none;
}
.post--nav:hover > * {
  opacity: 1 !important;
}
.post--nav.counter--aex {
  margin-top: -2.4rem;
}
.head-primary-list > li:hover .post--nav {
  margin-right: -15% !important;
}
.head-primary-list > li:hover .post--nav.has-teaser:hover,
.head-primary-list > li:hover .post--nav.has-image:hover {
  margin-right: 0 !important;
}
.post--nav .post-wrapper {
  margin: 0 0 2.4rem;
}
.post--nav .post-wrapper:last-child {
  margin-bottom: 0;
}
.post--nav .post-image,
.post--nav .post-teaser {
  position: absolute;
  margin-right: -33.3333%;
  margin-top: 0.5rem;
}
.post--nav .post-teaser {
  text-transform: none;
}
.head-primary-list > li:hover .post-image,
.head-primary-list > li:hover .post-teaser {
  margin-right: 0;
  right: 4rem;
}
.post--nav .post-wrapper .post-image,
.post--nav .post-wrapper .post-teaser {
  margin-right: -50% !important;
}
.head-primary-list > li .post--nav:hover .post-image,
.head-primary-list > li .post--nav:hover .post-teaser {
  margin-right: 0;
  right: 0;
}
.post--nav .post-wrapper:hover .post-image,
.post--nav .post-wrapper:hover .post-teaser {
  margin-right: 0 !important;
  right: 0;
}
.post--nav h3 {
  margin-bottom: 0;
  font-size: 1.75rem;
  line-height: 1.3333;
}
.post--nav h3 .title,
.post--nav h3 .subtitle,
.post--nav h3 .term {
  display: block;
}
.post--nav h3 .subtitle {
  font-style: italic;
}
.post--nav h3 .term {
  margin-top: 0.125em;
  font-size: 0.875em;
  text-transform: uppercase;
}
.architektur-generator-berlin.post--nav h3 .title {
  font-style: italic;
}
.post--nav .post-time,
.post--nav .post-term,
.post--nav .post-meta,
.post--nav .post-label,
.post--nav .post-content {
  font-size: 1.75rem;
  line-height: 1.3333;
}
.post--nav .post-time .start-time,
.post--nav .post-time .end-time,
.post--nav .post-time .date,
.post--nav .post-time .time {
  white-space: nowrap;
}
.post--nav .post-term--events {
  height: 1.3333em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post--nav .post-content p {
  margin: 0;
}
.post--nav .post-content p > a {
  border-bottom: 1px solid currentColor;
}
.head-primary-list > li.has-title > a::after {
  content: attr(title);
  display: inline-block;
  margin-left: 1rem;
  opacity: 0.3;
}
.post--nav-counter {
  min-height: 0;
  font-size: 1.75rem;
  line-height: 1.3333;
}
.post--nav .post-teaser--contact {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.post--nav .map {
  height: 20rem;
}
.post--nav .map > .map-ui {
  display: none;
}
.head-primary-list ul {
  margin: 0 0 0 1em;
  padding: 0;
  list-style-type: none;
}
@media only screen and ( max-width: 48em ) {
  .head-primary-toggle {
    position: fixed;
    left: auto;
    right: 0;
    top: 0;
    z-index: 2000;
    display: block;
    width: 3rem;
    height: 3rem;
    margin: 0.75rem 0.75rem;
    padding: 0 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-indent: 300%;
    white-space: nowrap;
    background: #fff;
    border-radius: 50%;
    opacity: 1 !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  }
  .head-primary-toggle > span {
    display: none;
  }
  .home .head-primary-toggle {
    display: none;
  }
  .visible--nav-head .head-primary-toggle::after {
    background-image: url('img/icon-close-32--text.svg');
    transform: rotate(180deg);
  }
  .no-svg .visible--nav-head .head-primary-toggle::after {
    background-image: url('img/icon-close-32--text.png');
  }
  .nav--head-primary {
    margin: 1rem 0 0;
  }
  .head-primary-list li {
    margin-bottom: 1.5rem;
    padding-bottom: 0;
  }
  .head-primary-list li:last-child {
    margin-bottom: 0.5rem;
  }
  .head-primary-list > li.exhibitions,
  .head-primary-list > li.events,
  .head-primary-list > li.portrait,
  .head-primary-list > li.highlighted {
    margin-bottom: 1.5rem;
    padding-bottom: 0;
  }
  .head-primary-list > li.hide-on-larger-screens {
    display: block;
  }
  .head-primary-list li > a {
    display: block;
  }
  .head-primary-list li > a > .count {
    display: none;
  }
  .head-primary-list > li.exhibitions > a,
  .head-primary-list > li.events > a,
  .head-primary-list > li.satelite > a,
  .head-primary-list > li.portrait > a,
  .head-primary-list > li.highlighted > a {
    margin-bottom: 1.25rem;
    padding-bottom: 0;
    font-size: 1.5rem;
  }
  .head-primary-list li > a:hover,
  .head-primary-list li > a:focus,
  .head-primary-list li.current-menu-item > a {
    text-decoration: none;
  }
  .head-primary-list > li.has-title > a::after {
    display: block;
    margin-left: 0;
    font-size: 0.75em;
  }
  .post--nav {
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    min-height: 0;
    margin: 0 0 0 0 !important;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    background: none;
    box-shadow: none;
  }
  li.architects .post--nav,
  li.sponsors .post--nav,
  li.reviews .post--nav,
  li.texts .post--nav,
  li.portrait .post--nav,
  li.contact .post--nav {
    display: none;
  }
  .post--nav-counter {
    display: none;
  }
  .head-primary-list li.publications .post--nav {
    display: none;
  }
  .head-primary-list > li:hover .post--nav {
    margin-right: 0 !important;
  }
  .post--nav .post-time {
    font-size: 1rem;
    line-height: 1.5;
  }
  .post--nav .post-term {
    font-size: 1rem;
    line-height: 1.5;
  }
  .post--nav .post-meta {
    font-size: 1rem;
    line-height: 1.5;
  }
  .post--nav h3 {
    font-size: 1rem;
    line-height: 1.5;
  }
  .post--nav .post-term--events {
    height: auto;
    white-space: normal;
    overflow: visible;
  }
  .head-primary-list li .post--nav .post-image {
    display: none;
  }
  .head-primary-list li ul {
    margin: 0;
    padding: 0;
  }
  .head-primary-list li ul li a {
    padding-left: 2em;
  }
}
@media only screen and ( max-width: 22.5em ) {
  .nav--head-primary {
    margin-right: 0;
  }
  .head-primary-list > li.exhibitions,
  .head-primary-list > li.events,
  .head-primary-list > li.portrait,
  .head-primary-list > li.highlighted {
    margin-bottom: 2rem;
  }
  .head-primary-list > li.exhibitions > a,
  .head-primary-list > li.events > a,
  .head-primary-list > li.satelite > a,
  .head-primary-list > li.portrait > a,
  .head-primary-list > li.highlighted > a {
    margin-bottom: 2rem;
  }
  .post--nav .post-wrapper {
    margin-bottom: 2rem;
  }
}
.social-skip {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.social-toggle {
  display: none;
}
.social-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1rem;
}
.social-list > li {
  margin: 0 0 0.5rem 0;
}
.social-list > li:last-child {
  margin-bottom: 0;
}
.social-list > li a {
  line-height: 1;
  color: #111111;
}
.social-list > li a:hover,
.social-list > li a:focus {
  opacity: 0.5;
}
.social-list .newsletter-label {
  display: block;
  cursor: pointer;
}
.social-list .newsletter-label:hover {
  opacity: 0.5;
}
.social-list .newsletter-mail {
  display: block;
  float: left;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, 'Helvetica Neue', 'Liberation Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: font-weight;
  letter-spacing: 0.04em;
  color: #111111;
  background: none;
  border: none;
  border-bottom: 0px solid currentColor;
  border-radius: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-duration: 200ms;
}
.social-list .newsletter-mail:invalid {
  box-shadow: none;
}
.social-list .newsletter-mail::-moz-placeholder {
  color: #111111;
  opacity: 0.5;
}
.social-list .newsletter-mail:-ms-input-placeholder {
  color: #111111;
  opacity: 0.5;
}
.social-list .newsletter-mail::placeholder {
  color: #111111;
  opacity: 0.5;
}
.social-list .newsletter-form.active .newsletter-mail {
  height: 1.5em;
  margin-top: 0.5rem;
  border-bottom-width: 1px;
  opacity: 1;
}
.social-list .newsletter-submit {
  position: relative;
  float: left;
  width: 1rem;
  height: 0;
  margin: 0 0 0 -1rem;
  padding: 0;
  font-family: Arial, Helvetica, 'Helvetica Neue', 'Liberation Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: font-weight;
  letter-spacing: 0.04em;
  color: #111111;
  text-indent: 300%;
  white-space: nowrap;
  overflow: hidden;
  background: #C00;
  border: none;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-duration: 200ms;
  opacity: 0;
}
.social-list .newsletter-submit::before {
  content: '+';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  text-indent: 0;
  text-align: center;
}
.social-list .newsletter-form.active .newsletter-submit {
  height: 1.5em;
  margin-top: 0.5rem;
  opacity: 1;
}
@media only screen and ( max-width: 48em ) {
  .nav--social {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  }
  .social-list {
    margin: 0 3rem 0 0;
    padding: 1.5rem 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .social-list > li {
    margin-bottom: 1.2rem;
  }
  .social-list > li a {
    font-size: 1rem;
  }
}
.button {
  display: inline-block;
  padding: 0.5rem 1rem;
  color: #fff;
  background: #111111;
  border: none;
  border-radius: 0;
}
.button:disabled,
.button.disabled {
  opacity: 0.2;
}
.button:disabled:hover,
.button.disabled:hover,
.button:disabled:focus,
.button.disabled:focus {
  background: #C00;
  opacity: 0.2 !important;
}
.touchevents .button:focus,
.button:hover,
.button:focus {
  background: #C00;
  opacity: 1 !important;
}
.button--primary {
  color: #fff;
  background: #111111;
}
.button--primary:disabled,
.button--primary.disabled {
  opacity: 0.2;
}
.button--primary:disabled:hover,
.button--primary.disabled:hover,
.button--primary:disabled:focus,
.button--primary.disabled:focus {
  color: #fff;
  background: #111111;
  opacity: 0.2 !important;
}
.button--primary:hover,
.button--primary:focus {
  background: #C00;
}
.filelist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.widget {
  position: fixed;
}
.widget--social {
  right: 0;
  bottom: 0;
  z-index: 150;
  margin: 0 -2.25rem 3rem 0;
  padding: 1rem 5.5rem 1rem 1.25rem;
  color: #111111;
  background: #C00;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  transition-property: right;
  transition-duration: 500ms;
}
.active--intro-slideshow .widget--social {
  opacity: 0;
}
.loading--layer .widget--social {
  right: 0;
}
.widget--social.in-front {
  z-index: 600;
}
@media only screen and ( max-width: 48em ) {
  .widget--social {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
  }
}
.message {
  margin: 1.5em 0;
  padding: 1.5em 1.5em;
  background: #cfcfcf;
}
.warning {
  margin: 1.5em 0;
  padding: 1.5em 1.5em;
  background: #cfcfcf;
}
.button--404 {
  margin-top: 1.6rem;
  margin-left: -1rem;
}
.footer {
  clear: both;
  margin: 0;
}
.footer-primary-skip {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.footer-primary-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.widgets--footer {
  margin: 0;
  padding: 0;
}
.back-to-top {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 210;
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 1rem -6rem 0 0;
  white-space: nowrap;
  text-indent: 300%;
  overflow: hidden;
  background: #C00;
  transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
}
[data-level='2'] .back-to-top {
  margin-right: 1rem;
}
@media only screen and ( max-width: 48em ) {
  .home > .content {
    display: none !important;
  }
}
.layer.single h2 {
  margin-bottom: 4.19992rem;
}
.layer.single h2 > .title,
.layer.single h2 > .subtitle,
.layer.single h2 > .term {
  display: block;
}
.layer.single h2 > .subtitle {
  font-style: italic;
}
.layer.single h2 > .term[data-term='satellit'] {
  margin-top: 0.125em;
  font-size: 0.875em;
  text-transform: uppercase;
}
.single-image {
  display: none;
  width: 0;
}
.single-image-image {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and ( max-width: 48em ) {
  .single h2 > .title,
  .single h2 > .subtitle,
  .single h2 > .term {
    display: block;
  }
  .single h2 > .subtitle {
    font-style: italic;
  }
  .single-image {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    display: block;
    width: auto;
    height: 66.6666vw;
    margin: 0 0 1rem;
    overflow: hidden;
    background: rgba(17, 17, 17, 0.08);
  }
  .has-images .single-image {
    display: none;
  }
  .single-image-image {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  }
  .loaded .single-image-image {
    opacity: 1;
  }
  .objectfit .single-image-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .single-image-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: 0 0 0 0;
    padding: 0.5em 1em;
    font-size: 0.65rem;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: all 400ms cubic-bezier(0.61, 0.14, 0.345, 1);
  }
  .show-caption .single-image-caption {
    opacity: 1;
  }
  .single-image-caption > p {
    margin: 0;
  }
}
@media only screen and ( max-width: 32em ) {
  .single h2 {
    margin-bottom: 3rem;
  }
}
.layer.single .post-time--exhibitions {
  display: block;
  margin-bottom: 3.19992rem;
  font-size: 2.4rem;
  line-height: 1.3333;
  letter-spacing: 0.05em;
}
.layer.single .post-time--exhibitions > .start-time,
.layer.single .post-time--exhibitions > .end-time {
  white-space: nowrap;
}
@media only screen and ( max-width: 48em ) {
  .single .post-time--exhibitions {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 2.4rem;
    line-height: 1.3333;
  }
  .single .pseudo-layer .post-time--exhibitions {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.5;
  }
}
@media only screen and ( max-width: 32em ) {
  .single .post-time--exhibitions {
    font-size: 1.5rem;
    line-height: 1.3333;
  }
  .single .post-time--exhibitions > .end-time {
    display: block;
  }
  .single .pseudo-layer .post-time--exhibitions {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.5;
  }
}
.layer.single .post-time--events {
  display: block;
  margin-bottom: 3.19992rem;
  font-size: 2.4rem;
  line-height: 1.3333;
}
.layer.single .post-time--events > .date,
.layer.single .post-time--events > .time {
  white-space: nowrap;
}
.single-term--events {
  display: block;
  margin-bottom: 0;
  font-size: 2.4rem;
  line-height: 1.3333;
}
.layer.single .opening-meta {
  margin-bottom: 1.5em;
}
.layer.single .opening-meta > p {
  margin-bottom: 0;
}
@media only screen and ( max-width: 48em ) {
  .single .post-time--events {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    line-height: 1.3333;
  }
  .single .pseudo-layer .post-time--events {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.5;
  }
  .single .post-time--events > .dash,
  .single .post-time--events > .space {
    display: block;
    height: 0;
    margin: 0;
  }
  .single-term--events {
    font-size: 2.4rem;
    line-height: 1.3333;
  }
  .single .opening-meta {
    margin-bottom: 1.5em;
  }
  .single .opening-meta > p {
    margin-bottom: 0;
  }
}
@media only screen and ( max-width: 32em ) {
  .single .post-time--events {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.3333;
  }
  .single .pseudo-layer .post-time--events {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.5;
  }
  .single .post-time--events > .dash,
  .single .post-time--events > .space {
    display: block;
    height: 0;
    margin: 0;
  }
  .single-term--events {
    font-size: 1.5rem;
    line-height: 1.3333;
  }
}
.layer.single .post-time--satelite {
  display: block;
  margin-bottom: 3.19992rem;
  font-size: 2.4rem;
  line-height: 1.3333;
}
.layer.single .post-time--satelite > .date,
.layer.single .post-time--satelite > .time {
  white-space: nowrap;
}
.layer.single .post-time--satelite > .start-time,
.layer.single .post-time--satelite > .end-time {
  white-space: nowrap;
}
.single-term--satelite {
  display: block;
  margin-bottom: 0;
  font-size: 2.4rem;
  line-height: 1.3333;
}
@media only screen and ( max-width: 48em ) {
  .single .post-time--satelite,
  .single-term--satelite {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    line-height: 1.3333;
  }
  .single .pseudo-layer .post-time--satelite {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.5;
  }
  .single .post-time--satelite > .space {
    display: block;
    height: 0;
    margin: 0;
  }
}
@media only screen and ( max-width: 32em ) {
  .single .post-time--satelite,
  .single-term--satelite {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.3333;
  }
  .single .pseudo-layer .post-time--satelite {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.5;
  }
  .single .post-time--satelite > .date,
  .single .post-time--satelite > .time {
    white-space: nowrap;
  }
  .single .post-time--satelite > .start-time,
  .single .post-time--satelite > .end-time {
    white-space: nowrap;
  }
  .single .post-time--satelite > .space {
    display: block;
    height: 0;
    margin: 0;
  }
}
.layer.single .post-time--reviews {
  display: block;
  margin-bottom: 3.19992rem;
  font-size: 2.4rem;
  line-height: 1.3333;
}
.single-author--reviews {
  margin-top: -0.6rem;
  margin-bottom: 3.6rem;
}
.single-author--reviews > span {
  display: block;
}
@media only screen and ( max-width: 48em ) {
  .single .post-time--reviews {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 2.4rem;
    line-height: 1.3333;
  }
  .single .pseudo-layer .post-time--reviews,
  .single .post--nav .post-time--reviews {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.5;
  }
  .single-author--reviews {
    margin-top: 0;
    margin-bottom: 3rem;
  }
  .single-author--reviews .dash {
    display: block;
    height: 0;
    margin: 0;
    visibility: hidden;
  }
}
@media only screen and ( max-width: 32em ) {
  .single .post-time--reviews {
    font-size: 1.5rem;
    line-height: 1.3333;
  }
}
.layer.single .button--buy {
  margin-top: 2.4rem;
}
.single-meta--publications > .publisher,
.single-meta--publications > .published {
  display: block;
}
.single-meta--publications .meta--price {
  color: inherit;
}
@media only screen and ( max-width: 48em ) {
  .single-image-image--publications {
    display: block;
    width: 100%;
    height: auto;
  }
  .objectfit .single-image-image--publications {
    width: 100%;
    height: auto;
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  .single .button--buy {
    margin-bottom: 1.5rem;
  }
}
.layer > .content[data-body-class~="single-aab"] {
  margin-bottom: 0;
}
.post-preview--aab {
  margin: -1.2rem 0 1.5rem -2rem;
}
.post-preview-image--aab {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 0 1rem 0;
}
.post-preview-image-image--aab {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
}
@media only screen and ( max-width: 48em ) {
  .post-preview--aab {
    margin: 0 0 1.5rem 0;
  }
}
.shop-form {
  margin: 3.6rem 0;
}
.shop-orderlist-item {
  position: relative;
  min-height: 1.5em;
  margin: 0 0 0.6rem;
}
.shop-orderlist-item::before {
  content: '+';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 3rem;
  margin: 0 0 0 -3rem;
  text-align: center;
}
.shop-orderlist-item > h4 {
  margin: 0 12rem 0 0;
}
.shop-orderlist-item > .price {
  position: absolute;
  right: 0;
  top: 0;
  width: 8rem;
  margin: 0 2rem 0 0;
  text-align: right;
}
.shop-orderlist-remove {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 1em;
  margin: 0 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
  border-bottom: none;
}
.shop-orderlist-remove::before {
  content: '×';
  display: block;
  width: 100%;
  text-align: center;
  color: #111111;
}
.shop-orderlist-item--placeholder {
  display: none;
}
.shop-orderlist-item select {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 32em;
  padding: 0.2em 1em 0.2em 0.3em;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #C00;
  letter-spacing: inherit;
  line-height: 1.5;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 80%;
  border-radius: 0;
  border: 1px solid currentColor;
  cursor: pointer;
}
.shop-orderlist-item select:hover,
.shop-orderlist-item select:focus {
  ourline: 0;
  background-color: rgba(17, 17, 17, 0.05);
}
.shop-orderlist-item select > option {
  padding: 0;
}
.shop-orderlist-item--add {
  color: #C00;
}
.shop-orderlist-item--add::before {
  content: ' ';
}
.shop-product-select {
  width: 100%;
  color: #C00;
  background-image: url('img/icon-plus-32--red.svg');
}
.no-svg .shop-product-select {
  background-image: url('img/icon-plus-32--red.png');
}
.shop-orderlist-item--shipping {
  margin-top: 1.8rem;
}
.shop-orderlist-item--shipping > label {
  margin-bottom: 0.6rem;
}
.shop-shipping-select {
  color: #C00;
  background-image: url('img/icon-select-32--red.svg');
}
.no-svg .shop-shipping-select {
  background-image: url('img/icon-select-32--red.png');
}
.shop-label {
  float: left;
}
.shop-orderlist-item--subtotal {
  margin-top: 3.6rem;
}
.shop-orderlist-item--subtotal::before {
  content: '';
}
.shop-orderlist-item--subtotal > .shop-subtotal {
  float: right;
  margin-right: 2rem;
}
.shop-orderlist-item--vat::before {
  content: '+';
}
.shop-orderlist-item--vat > .shop-vat {
  float: right;
  margin-right: 2rem;
}
.shop-orderlist-item--total {
  margin-bottom: 1.8rem;
}
.shop-orderlist-item--total::before {
  content: '=';
}
.shop-total {
  float: right;
  margin: 0 2rem 0 0;
  text-align: right;
  border-bottom: 3px double #111111;
}
.shop-info {
  margin: 1.8rem 0;
}
.style-select {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 8000;
  margin: 3rem;
}