@charset "UTF-8";
@import url("//hello.myfonts.net/count/3067a9");
@font-face {
  font-family: "NeuzeitSLTStd-Book";
  src: url("webfonts/3067A9_0_0.eot");
  src: url("webfonts/3067A9_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3067A9_0_0.woff2") format("woff2"), url("webfonts/3067A9_0_0.woff") format("woff"), url("webfonts/3067A9_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "NeuzeitSLTStd-BookHeavy";
  src: url("webfonts/3067A9_1_0.eot");
  src: url("webfonts/3067A9_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3067A9_1_0.woff2") format("woff2"), url("webfonts/3067A9_1_0.woff") format("woff"), url("webfonts/3067A9_1_0.ttf") format("truetype");
}
* {
  box-sizing: border-box;
  font-family: "NeuzeitSLTStd-Book", sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  color: black;
}

a:link, a:visited {
  color: inherit;
  text-decoration: none;
}

a:hover, a:active, .current-menu-item a .menu-image-title, a.underlined, a.active {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid black;
  border-width: 1px;
}

a:focus {
  outline: none;
}

.blackbg ::-moz-selection {
  background: white;
  color: black;
}
.blackbg ::selection {
  background: white;
  color: black;
}

.whitetext .single-project .leftcolumn .subcontentnav li .active, .whitetext .single-project .leftcolumn .subcontentnav li a.active, .whitetext .single-project .leftcolumn .inProjectSubnav li .active, .whitetext .single-project .leftcolumn .inProjectSubnav li a.active, .whitetext .single-project .entry-header .subcontentnav li .active, .whitetext .single-project .entry-header .subcontentnav li a.active, .whitetext .single-project .entry-header .inProjectSubnav li .active, .whitetext .single-project .entry-header .inProjectSubnav li a.active {
  border-color: white;
}
.whitetext .single-project .leftcolumn .subcontentnav li a:hover, .whitetext .single-project .leftcolumn .subcontentnav li a:hover .menu-image-title, .whitetext .single-project .leftcolumn .inProjectSubnav li a:hover, .whitetext .single-project .leftcolumn .inProjectSubnav li a:hover .menu-image-title, .whitetext .single-project .entry-header .subcontentnav li a:hover, .whitetext .single-project .entry-header .subcontentnav li a:hover .menu-image-title, .whitetext .single-project .entry-header .inProjectSubnav li a:hover, .whitetext .single-project .entry-header .inProjectSubnav li a:hover .menu-image-title {
  border-color: white;
}
.whitetext .active, .whitetext a.active {
  border-color: white;
}
.whitetext a:hover, .whitetext a:hover .menu-image-title {
  border-color: white;
}
.whitetext .current-menu-item a .menu-image-title, .whitetext a.underlined, .whitetext a.active {
  border-color: white;
}
.whitetext .sharelink:link svg path, .whitetext .sharelink:visited svg path {
  fill: white;
}
.whitetext .sharelink:hover, .whitetext .sharelink:active {
  text-decoration: none;
  border: none;
}

.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

h1, h2, h3 {
  font-weight: normal;
  line-height: 1.3;
}

h1 {
  font-size: 3.1rem;
}
@media screen and (max-width: 848px) {
  h1 {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 528px) {
  h1 {
    font-size: 2rem;
  }
}

h2 {
  font-size: 1.6rem;
}

.site-header {
  padding: 1rem 1rem 2.5rem 1rem;
  height: 100vh;
  overflow: auto;
  transition: height 0.6s;
}
@media screen and (max-width: 528px) {
  .site-header {
    padding: 0.7rem 0.7rem 2.5rem 0.7rem;
  }
}
.subpage .site-header, .newspage .site-header {
  position: fixed;
}
.site-header #burgerbutton {
  opacity: 0;
  float: right;
  transition: opacity 0.2s;
  padding-top: 5px;
  margin-top: 4px;
  cursor: pointer;
}
.site-header #burgerbutton .st0 {
  fill: none;
  stroke: #000000;
  stroke-width: 4;
  stroke-miterlimit: 10;
}
@media screen and (max-width: 848px) {
  .site-header #burgerbutton {
    margin-top: 0;
    height: 1em;
    width: 1em;
    padding-top: 3px;
    padding-bottom: 11px;
  }
}
@media screen and (max-width: 528px) {
  .site-header #burgerbutton {
    padding-bottom: 6px;
  }
}
.site-header .site-title {
  font-size: 5.7rem;
  margin: 0;
  padding: 0;
  line-height: 1;
  transition: font-size 0.6s;
}
.subpage .site-header .site-title {
  font-size: 3.7rem;
}
@media screen and (max-width: 528px) {
  .subpage .site-header .site-title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 432px) {
  .subpage .site-header .site-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 336px) {
  .subpage .site-header .site-title {
    font-size: 2rem;
  }
}
.site-header .site-title a:hover {
  border-bottom: none;
}
@media screen and (max-width: 750px) {
  .site-header .site-title {
    font-size: 5rem;
  }
}
@media screen and (max-width: 640px) {
  .site-header .site-title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 520px) {
  .site-header .site-title {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 420px) {
  .site-header .site-title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 370px) {
  .site-header .site-title {
    font-size: 2rem;
  }
}
.subpage .site-header {
  height: 4.7rem;
  overflow: hidden;
  padding-bottom: 0;
}
.subpage .site-header #burgerbutton {
  opacity: 1;
}
@media screen and (max-width: 528px) {
  .subpage .site-header {
    height: 5.6rem;
  }
}
@media screen and (max-width: 432px) {
  .subpage .site-header {
    height: 5rem;
  }
}

#primary-menu {
  margin: 0;
  padding: 0 0 2em 0;
}
#primary-menu li {
  font-size: 5.7rem;
  display: inline;
  line-height: 1.1;
}
#primary-menu li a {
  white-space: nowrap;
  display: inline-block;
}
#primary-menu li a:link, #primary-menu li a:visited, #primary-menu li a:link .menu-image-title, #primary-menu li a:visited .menu-image-title {
  border: none;
}
#primary-menu li a:hover .menu-image-title, #primary-menu li a:active .menu-image-title, #primary-menu li.current-menu-item > a .menu-image-title {
  border: none;
  border-bottom: 1px solid black;
  border-width: 2px;
}
@media screen and (max-width: 750px) {
  #primary-menu li {
    font-size: 5rem;
  }
}
@media screen and (max-width: 640px) {
  #primary-menu li {
    font-size: 4rem;
  }
}
@media screen and (max-width: 520px) {
  #primary-menu li {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 420px) {
  #primary-menu li {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 370px) {
  #primary-menu li {
    font-size: 2rem;
  }
}
#primary-menu > li a:after {
  content: ", ";
}
#primary-menu > li:last-child a:after {
  content: "";
}
#primary-menu .sub-menu {
  margin: 0.5em 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 2rem;
  overflow: hidden;
  display: none;
  float: left;
  width: 100%;
}
@media screen and (max-width: 848px) {
  #primary-menu .sub-menu {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 528px) {
  #primary-menu .sub-menu {
    font-size: 1.2rem;
  }
}
#primary-menu .sub-menu li {
  margin-right: 0.4em;
  font-size: inherit;
  display: inline-block;
}
#primary-menu .sub-menu li a:after {
  content: "";
}
@media screen and (max-width: 528px) {
  #primary-menu .sub-menu li {
    margin-bottom: 2px;
  }
}
#primary-menu .sub-menu.tempSubSubMenu {
  display: none;
  margin-top: 0.5rem;
}
#primary-menu .sub-menu.tempSubSubMenu li {
  line-height: 1.2;
}
#primary-menu .current_page_item.menu-item-has-children > .sub-menu,
#primary-menu .sub-menu.show {
  display: block !important;
  animation-name: openSubMenu;
  animation-duration: 0.5s;
}
@keyframes openSubMenu {
  0% {
    height: 0;
  }
  100% {
    height: 1em;
  }
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.5rem;
  background: white;
  padding: 0.8em 1rem;
  line-height: 1;
  font-size: 1rem;
}
@media screen and (max-width: 650px) {
  footer {
    height: 3.5rem;
  }
}
@media screen and (max-width: 528px) {
  footer {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    height: 3.2rem;
  }
}
footer #footer-navigation,
footer .upcoming {
  position: absolute;
  top: 0.8rem;
}
@media screen and (max-width: 650px) {
  footer #footer-navigation,
  footer .upcoming {
    width: 100% !important;
    display: block;
    position: static;
    font-size: 90%;
    margin-top: 0.1em;
  }
}
footer #footer-navigation {
  left: 1rem;
  width: 21rem;
}
@media screen and (max-width: 650px) {
  footer #footer-navigation {
    text-align: center;
  }
}
footer .upcoming {
  left: 22rem;
}
footer .upcoming .upcomingtitle {
  font-family: Arial, sans-serif;
  font-weight: bold;
  vertical-align: top;
}
footer .upcoming .lauftext {
  display: inline-block;
  overflow-x: hidden;
  overflow-y: visible;
  height: 1em;
  width: 500px;
}
footer .upcoming .lauftext .inner {
  height: 1em;
  overflow-y: hidden;
  -webkit-transform: translateZ(0);
}
@media screen and (max-width: 650px) {
  footer .upcoming .lauftext .inner {
    padding-top: 1px;
  }
}
footer .upcoming .lauftext .inner .upcomingevent {
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  overflow: visible;
}
footer .upcoming .lauftext .inner .upcomingevent:first-child {
  margin-left: 3em;
}
footer .upcoming .lauftext .inner .upcomingevent .bull {
  font-size: 1.3em;
  line-height: 0.5rem;
  margin-right: 5px;
  vertical-align: middle;
}
footer .upcoming .lauftext .inner .upcomingevent .bigbull {
  margin: 0 0.7rem;
  line-height: 0.5rem;
  vertical-align: top;
  display: inline-block;
  height: 0.8em;
  width: 1em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(images/bull.svg);
}

@keyframes lauftext {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-95%);
  }
}
#footer-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}
#footer-menu li {
  display: inline;
}
#footer-menu li:after {
  content: " | ";
}
#footer-menu li:last-child:after {
  content: "";
}

#content {
  position: fixed;
  top: 9.2rem;
  left: 0;
  width: 100%;
  height: calc(100% - 5.7rem - 2.5rem);
  overflow: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: black;
  color: white;
  transition: top 0.6s ease-in-out;
}
.subpage #content {
  top: 4.7rem;
}
@media screen and (max-width: 528px) {
  .subpage #content {
    top: 3.6rem;
  }
}
@media screen and (max-width: 432px) {
  .subpage #content {
    top: 2.8rem;
  }
}
#content.hidden {
  top: 100vh;
}
#content .entry-title {
  margin: 0;
  line-height: 1;
  font-size: 3.1rem;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 848px) {
  #content .entry-title {
    width: 90%;
  }
}
@media screen and (max-width: 528px) {
  #content .entry-title {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 432px) {
  #content .entry-title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 750px) {
  #content {
    top: 8.5rem;
  }
}
@media screen and (max-width: 640px) {
  #content {
    top: 7rem;
  }
}
@media screen and (max-width: 520px) {
  #content {
    top: 5.7rem;
  }
}
@media screen and (max-width: 420px) {
  #content {
    top: 4.5rem;
  }
}
@media screen and (max-width: 370px) {
  #content {
    top: 3.7rem;
  }
}

#primary {
  padding-top: 1rem;
}

.entry-content {
  font-size: 1.2rem;
}
@media screen and (max-width: 848px) {
  .entry-content {
    margin-top: 0;
  }
}

#newsPage {
  position: relative;
}
#newsPage ::-moz-selection {
  background: white;
  color: black;
}
#newsPage ::selection {
  background: white;
  color: black;
}
#newsPage .entry-header {
  height: auto;
  overflow: hidden;
  background: black;
  padding: 1rem 0 0 1rem;
  margin-top: -1rem;
  color: #dca689;
  z-index: 4;
  position: relative;
  width: 98%;
}
@media screen and (max-width: 528px) {
  #newsPage .entry-header {
    width: 100%;
  }
}
#newsPage .entry-header .entry-title {
  display: inline-block;
}
#newsPage .entry-header .close {
  height: 3.1rem;
  display: inline-block;
  vertical-align: top;
  float: right;
  padding: 4px 0;
  cursor: pointer;
  margin-right: 0.5rem;
}
#newsPage .entry-header .close svg {
  height: 90%;
}
@media screen and (max-width: 848px) {
  #newsPage .entry-header .close {
    height: 2.7rem;
  }
}
@media screen and (max-width: 432px) {
  #newsPage .entry-header .close {
    height: 2rem;
    padding-top: 0;
  }
}
#newsPage .entry-content {
  margin-top: 0.5rem;
}
#newsPage h2 {
  margin: 0.25rem 0 0 0;
  line-height: 1.1;
  letter-spacing: -0.03em;
  display: inline-block;
}
#newsPage time {
  font-size: 0.812rem;
}
#newsPage time:before {
  content: "• ";
}
@media screen and (max-width: 528px) {
  #newsPage .inner {
    margin-top: 1em;
  }
}
#newsPage .news,
#newsPage .news-highlighted {
  margin-bottom: 2rem;
  border-bottom: 2px solid white;
  font-size: 0.93rem;
  line-height: 1.2;
  cursor: pointer;
  transition: margin 0.1s;
  display: inline-block;
  vertical-align: top;
}
#newsPage .news h2,
#newsPage .news-highlighted h2 {
  border-bottom: 1px solid black;
  display: inline-block;
}
#newsPage .news:hover h2, #newsPage .news.active h2,
#newsPage .news-highlighted:hover h2,
#newsPage .news-highlighted.active h2 {
  border-color: white;
}
#newsPage .news h2 a:hover,
#newsPage .news-highlighted h2 a:hover {
  border: none !important;
}
#newsPage .news:nth-child(3n),
#newsPage .news-highlighted:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 528px) {
  #newsPage .news,
  #newsPage .news-highlighted {
    width: 100%;
    margin-right: 0;
  }
  #newsPage .news:nth-child(3n),
  #newsPage .news-highlighted:nth-child(3n) {
    margin-right: 0;
  }
  #newsPage .news:nth-child(even),
  #newsPage .news-highlighted:nth-child(even) {
    margin-right: 0;
  }
}
#newsPage .news .excerpt,
#newsPage .news-highlighted .excerpt {
  margin: 1.6rem 0 1.7rem 0;
  letter-spacing: 0.02em;
  font-size: 1.2rem;
}
#newsPage .news-highlighted {
  width: 100%;
}
#newsPage .news-outer {
  overflow: auto;
  margin-top: -4.1em;
  padding-top: 4.1em;
}
#newsPage .news-wrapper {
  padding: 0 8.4%;
}
@media screen and (max-width: 528px) {
  #newsPage .news-wrapper {
    padding: 0 1rem;
  }
}
#newsPage #bignews {
  display: none;
  overflow: hidden;
  margin-top: 1em;
}
@media screen and (max-width: 528px) {
  #newsPage #bignews {
    padding: 1rem;
  }
}
#newsPage #bignews time {
  display: block;
}
#newsPage #bignews .inner {
  float: left;
  width: 41.1%;
  padding-left: 8.4%;
}
@media screen and (max-width: 528px) {
  #newsPage #bignews .inner {
    width: 100%;
    float: none;
    padding: 0;
  }
}
#newsPage #bignews .inner .content {
  font-size: 1.2rem;
}
#newsPage #bignews .sidebar {
  width: 49.5%;
  float: right;
  padding-right: 8.4%;
}
@media screen and (max-width: 528px) {
  #newsPage #bignews .sidebar {
    width: 100%;
    float: none;
    padding: 0;
    margin-top: 2em;
  }
}
#newsPage #bignews hr {
  clear: both;
  height: 5em;
  width: 83.1%;
  margin: 2em auto;
  background: none;
  border-bottom: 2px solid white;
}
@media screen and (max-width: 528px) {
  #newsPage #bignews hr {
    height: 1em;
    width: 100%;
  }
}
#newsPage #bignews .newsvideo {
  width: 100%;
  height: 18em;
}

.share {
  margin-top: 3em;
}
.share a {
  margin-left: 0.25em;
}
.share a svg {
  vertical-align: middle;
  width: 1.7rem;
}

.menu-image {
  height: 4.2rem;
  vertical-align: baseline !important;
}
@media screen and (max-width: 750px) {
  .menu-image {
    height: 3.5rem;
  }
}
@media screen and (max-width: 640px) {
  .menu-image {
    height: 2.5rem;
  }
}
@media screen and (max-width: 520px) {
  .menu-image {
    height: 2.2rem;
  }
}
@media screen and (max-width: 420px) {
  .menu-image {
    height: 2rem;
  }
}
@media screen and (max-width: 370px) {
  .menu-image {
    height: 1.5rem;
  }
}

.hiddenmeta {
  display: none;
}

.single-project .leftcolumn {
  width: 33.4%;
  padding-right: 1em;
}
@media screen and (max-width: 848px) {
  .single-project .leftcolumn {
    display: none;
  }
}
.single-project .leftcolumn .besetzung {
  padding: 0;
  margin: 3em 0 0 1em;
}
.single-project .leftcolumn .subcontentnav {
  padding: 0;
  margin: 0 0 0 1em;
}
.single-project .leftcolumn .subcontentnav li {
  margin: 1em 0;
  line-height: 1.2;
}
.single-project .leftcolumn .subcontentnav li .active, .single-project .leftcolumn .subcontentnav li a.active, .single-project .leftcolumn .subcontentnav li a:hover {
  border-bottom: 1px solid black;
  border-width: 2px;
}
.single-project .leftcolumn .subcontentnav li .getAlbum {
  display: inline-block;
  border-bottom: 1px solid black;
  border-color: transparent;
}
.single-project .centercolumn {
  width: 58.1%;
}
@media screen and (max-width: 848px) {
  .single-project .centercolumn {
    width: 100%;
  }
}
.single-project .centercolumn .projektbild {
  width: 100%;
}
@media screen and (max-width: 848px) {
  .single-project .centercolumn .projektbild {
    margin-top: 1em;
    width: 65%;
  }
}
@media screen and (max-width: 528px) {
  .single-project .centercolumn .projektbild {
    margin-top: 2em;
    width: 100%;
  }
}
@media screen and (max-width: 432px) {
  .single-project .centercolumn .projektbild {
    margin-top: 1.3em;
  }
}
.single-project .centercolumn .subcontent {
  display: none;
}
.single-project .centercolumn .subcontent.active {
  display: block;
}
@media screen and (max-width: 848px) {
  .single-project .centercolumn .subcontent {
    display: block;
    margin-bottom: 1em;
    padding-bottom: 1em;
  }
}
.single-project .centercolumn .sectionDivider {
  display: none;
}
@media screen and (max-width: 848px) {
  .single-project .centercolumn .sectionDivider {
    display: block;
    height: 2px;
    background: black;
  }
}
.single-project .centercolumn #infocontent .project-text {
  margin-top: 2em;
  width: 70%;
  padding-bottom: 1em;
}
@media screen and (max-width: 848px) {
  .single-project .centercolumn #infocontent .project-text {
    width: 100%;
    margin-top: 1em;
    padding-bottom: 0;
  }
}
.single-project .centercolumn #infocontent .project-text p {
  margin: 0;
  text-indent: 2em;
}
.single-project .centercolumn #infocontent .project-text p:first-child {
  text-indent: 0;
}
.single-project .centercolumn #infocontent .project-text .links_unter_text {
  padding: 0;
  margin: 2em 0 0 0;
  list-style: none;
}
.single-project .centercolumn #infocontent .project-text .links_unter_text li {
  display: inline-block;
  padding-right: 1.5em;
}
.single-project .centercolumn .albumcontent .albumcover {
  width: 60%;
}
@media screen and (max-width: 848px) {
  .single-project .centercolumn .albumcontent .albumcover {
    width: 80%;
  }
}
@media screen and (max-width: 528px) {
  .single-project .centercolumn .albumcontent .albumcover {
    width: 50%;
  }
}
.single-project .centercolumn .albumcontent h2 {
  margin-bottom: 0;
  line-height: 1.2;
}
.single-project .centercolumn .albumcontent .notes, .single-project .centercolumn .albumcontent .buy_links {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 0.75em;
}
.single-project .centercolumn .albumcontent .tracks, .single-project .centercolumn .albumcontent .audio_examples {
  list-style: none;
  margin: 1em 0 0 0.75em;
  padding: 0;
}
@media screen and (max-width: 528px) {
  .single-project .centercolumn .albumcontent .tracks, .single-project .centercolumn .albumcontent .audio_examples {
    margin-left: 0;
  }
}
.single-project .centercolumn .albumcontent .audio_examples {
  margin: 1em 0 0 0;
}
.single-project .centercolumn .albumcontent .audio_examples .audiocontrols {
  width: 1em;
  height: 1em;
  vertical-align: top;
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
  background-image: url(images/play.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.single-project .centercolumn .albumcontent .audio_examples .audiocontrols.playing {
  background-image: url(images/pause.svg);
}
.single-project .centercolumn .videocontent .projectvideo {
  width: 100%;
  height: 25em;
}
@media screen and (max-width: 848px) {
  .single-project .centercolumn .videocontent .projectvideo {
    height: 56.25vw;
  }
}
.single-project .centercolumn .videocontent .besetzung {
  padding: 0;
  margin: 1.7em 0 0 1em;
}
.single-project .entry-header {
  padding: 0 1rem 1em 1rem;
}
.single-project .entry-header ul {
  margin: 0;
  padding: 0;
}
.single-project .entry-header ul li {
  display: inline-block;
  margin-right: 1em;
}
@media screen and (max-width: 848px) {
  .single-project .entry-header {
    display: none;
  }
}
.single-project .entry-content {
  padding: 0 1rem;
}
@media screen and (max-width: 848px) {
  .single-project .entry-content {
    margin-top: 0;
  }
}
@media screen and (max-width: 432px) {
  .single-project .entry-content {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
}

#calendarPage {
  position: relative;
  height: 100%;
}
#calendarPage .entry-header {
  position: fixed;
  width: 100%;
  background: white;
  padding: 0 1rem 0.5em 1rem;
  z-index: 4;
  font-size: 0.93rem;
}
@media screen and (max-width: 848px) {
  #calendarPage .entry-header {
    position: static;
  }
}
#calendarPage .entry-header .calendarCatMenu {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (max-width: 848px) {
  #calendarPage .entry-header .calendarCatMenu {
    width: 95%;
  }
}
#calendarPage .entry-header .calendarCatMenu li {
  margin-right: 1.2em;
  display: inline-block;
  letter-spacing: 0.03em;
  cursor: pointer;
  line-height: 1.2;
  border-bottom: 1px solid transparent;
}
#calendarPage .entry-header .calendarCatMenu li span {
  margin-right: 3px;
  line-height: 1px;
  vertical-align: middle;
  font-size: 1.5rem;
}
#calendarPage .entry-header .calendarCatMenu li.active, #calendarPage .entry-header .calendarCatMenu li:hover {
  border-bottom: 1px solid black;
}
#calendarPage .eventlist, #calendarPage .monthpicker, #calendarPage .sharecolumn {
  position: absolute;
  margin-top: 3.2rem;
}
#calendarPage .eventlist {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin-top: 0;
  overflow: auto;
  padding-left: 17.7%;
  padding-right: 34.2%;
}
@media screen and (max-width: 848px) {
  #calendarPage .eventlist {
    position: static;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0;
  }
}
@media screen and (max-width: 528px) {
  #calendarPage .eventlist {
    padding-left: 1em;
    padding-right: 1em;
  }
}
#calendarPage .eventlist .event {
  border-bottom: 1px solid black;
  padding: 1.2rem 0;
  font-size: 1rem;
}
#calendarPage .eventlist .event .date {
  width: 17%;
}
#calendarPage .eventlist .event .date .day {
  font-size: 1.6rem;
  line-height: 1;
}
#calendarPage .eventlist .event .date .month {
  padding-left: 1px;
}
@media screen and (max-width: 528px) {
  #calendarPage .eventlist .event .date {
    width: 20%;
  }
}
#calendarPage .eventlist .event .description {
  cursor: pointer;
}
#calendarPage .eventlist .event .moretext {
  display: none;
}
#calendarPage .eventlist .event .eventinfo {
  width: 83%;
}
@media screen and (max-width: 528px) {
  #calendarPage .eventlist .event .eventinfo {
    width: 80%;
  }
}
#calendarPage .eventlist .event .title {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 0.7rem;
}
#calendarPage .eventlist .event .title span {
  margin-right: 5px;
  margin-left: -19px;
}
@media screen and (max-width: 528px) {
  #calendarPage .eventlist .event .title {
    font-size: 1.3rem;
  }
}
#calendarPage .eventlist .event .time {
  margin: 0.7rem 0;
}
#calendarPage .eventlist .event .location, #calendarPage .eventlist .event .url {
  line-height: 1.2;
}
#calendarPage .monthpicker {
  left: 65.8%;
  width: 25%;
  text-align: center;
  z-index: 1;
  font-size: 1.6rem;
}
@media screen and (max-width: 980px) {
  #calendarPage .monthpicker {
    font-size: 1.3rem;
  }
}
#calendarPage .monthpicker::-moz-selection {
  background: transparent;
}
#calendarPage .monthpicker::selection {
  background: transparent;
}
@media screen and (max-width: 848px) {
  #calendarPage .monthpicker {
    position: static;
    left: 0;
    width: 100%;
    background: white;
    margin-top: 0;
    padding: 0.3em 0;
  }
}
#calendarPage .monthpicker .switchMonth, #calendarPage .monthpicker .monthname {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
#calendarPage .monthpicker .switchMonth {
  cursor: pointer;
  width: 0.8rem;
  padding: 0 0.4rem;
  box-sizing: content-box;
}
#calendarPage .monthpicker .monthname {
  width: 7em;
}
#calendarPage .sharecolumn {
  left: 90%;
}
@media screen and (max-width: 848px) {
  #calendarPage .sharecolumn {
    margin-top: -0.3rem;
    top: 0;
    left: auto;
    right: 10px;
  }
}

@media screen and (max-width: 848px) {
  .single-gallery .entry-content {
    padding: 0 1rem;
  }
}
.single-gallery .entry-header {
  padding: 0 1rem;
  margin-bottom: 4em;
}
.single-gallery .entry-header a:link, .single-gallery .entry-header a:visited, .single-gallery .entry-header span {
  border-bottom: 1px solid black;
  border-color: transparent;
}
.single-gallery .entry-header a:hover, .single-gallery .entry-header a:active, .single-gallery .entry-header a.active, .single-gallery .entry-header span.active {
  border-bottom: 1px solid black;
  border-color: white;
}
@media screen and (max-width: 848px) {
  .single-gallery .entry-header {
    display: none;
  }
}
.single-gallery .leftcolumn {
  width: 34.3%;
  padding-left: 1rem;
}
@media screen and (max-width: 848px) {
  .single-gallery .leftcolumn {
    width: 100%;
    padding-left: 0;
  }
}
.single-gallery .centercolumn {
  width: 56%;
}
@media screen and (max-width: 848px) {
  .single-gallery .centercolumn {
    width: 100%;
  }
}
.single-gallery .sharecolumn {
  padding-right: 1rem;
  width: 9.7%;
}
.single-gallery .images {
  padding: 0;
  margin: 0;
  list-style: none;
}
.single-gallery .images img {
  width: 100%;
  display: block;
}
.single-gallery .images figcaption {
  margin-top: 0.5em;
}
@media screen and (max-width: 528px) {
  .single-gallery .images {
    margin-top: 2em;
  }
}

.column {
  display: inline-block;
  vertical-align: top;
}
.column.two {
  width: 15.9%;
}
.column.three {
  width: 24.3%;
}
.column.four {
  width: 32.7%;
}
.column.six {
  width: 49.5%;
}
.column.eight {
  width: 66.3%;
}
.column.nine {
  width: 74.7%;
}
@media screen and (max-width: 528px) {
  .column.responsive-twelve {
    width: 100%;
    display: block;
  }
}

.halfcolumn {
  width: 50%;
}
@media screen and (max-width: 528px) {
  .halfcolumn {
    display: block;
    width: 100%;
  }
  .halfcolumn:nth-child(2) {
    margin-top: 1em;
  }
}

.sharecolumn {
  width: 8.5%;
  text-align: right;
  font-size: 0.93rem;
}
@media screen and (max-width: 848px) {
  .sharecolumn {
    position: absolute;
    z-index: 6;
    top: 1rem;
    right: 1rem;
  }
  .sharecolumn .sharetitle {
    display: none;
  }
}
@media screen and (max-width: 432px) {
  .sharecolumn {
    top: 0.7rem;
    right: 0.7rem;
  }
}

#navHoverImg, #bioHoverImg, #tempText {
  position: fixed;
  z-index: -1;
  width: 448px;
}

#bioHoverImg, #tempText {
  z-index: 10;
  pointer-events: none;
  color: white;
  font-size: 1.6rem;
  border-bottom: 2px solid transparent;
}
@media screen and (max-width: 528px) {
  #bioHoverImg, #tempText {
    font-size: 1.3rem;
  }
}

.downloadicon {
  height: 1em;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: -6px;
}
.downloadicon svg .st0 {
  fill: #fff;
}

#newsletterOverlay {
  position: fixed;
  width: 85%;
  height: 85%;
  left: 7.5%;
  opacity: 0;
  top: 7.5%;
  background: black;
  color: white;
  padding: 1rem;
  transition: all 0.2s ease-in-out;
  overflow: auto;
}
#newsletterOverlay.open {
  opacity: 1;
}
.subpage #newsletterOverlay.open {
  height: 78%;
  top: 12%;
  background: white;
  color: black;
}
.subpage #newsletterOverlay.open input, .subpage #newsletterOverlay.open textarea {
  color: black;
  border-color: black;
}
.subpage #newsletterOverlay.open input::-webkit-input-placeholder, .subpage #newsletterOverlay.open textarea::-webkit-input-placeholder {
  color: black;
}
.subpage #newsletterOverlay.open input::-moz-placeholder, .subpage #newsletterOverlay.open textarea::-moz-placeholder {
  color: black;
}
.subpage #newsletterOverlay.open input:-ms-input-placeholder, .subpage #newsletterOverlay.open textarea:-ms-input-placeholder {
  color: black;
}
#newsletterOverlay h2 {
  margin-top: 0;
  margin-bottom: 1.5em;
  font-size: 2.5rem;
}
@media screen and (min-width: 768px) and (max-height: 768px) {
  #newsletterOverlay h2 {
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 848px) {
  #newsletterOverlay h2 {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 528px) {
  #newsletterOverlay h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 432px) {
  #newsletterOverlay h2 {
    margin-bottom: 1em;
  }
}
#newsletterOverlay h1 {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#newsletterOverlay .inner h2 {
  height: auto;
}
@media screen and (max-width: 528px) {
  #newsletterOverlay .inner h2 {
    font-size: 1.2rem;
  }
}
#newsletterOverlay .inner.thankyou {
  position: absolute;
  z-index: -1;
  display: table !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#newsletterOverlay .close {
  position: absolute;
  top: 1em;
  right: 1em;
  height: 2.5rem;
  cursor: pointer;
}
@media screen and (max-width: 528px) {
  #newsletterOverlay .close {
    height: 2rem;
  }
}
#newsletterOverlay .close svg {
  height: 100%;
}
#newsletterOverlay .subpage .close svg line {
  stroke: black;
}
#newsletterOverlay .note {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  padding-right: 1rem;
  color: #dca689;
  font-size: 1.6rem;
}
@media screen and (max-width: 790px) {
  #newsletterOverlay .note {
    font-size: 1.2rem;
    position: static;
    margin-top: 2em;
  }
}
@media screen and (max-width: 432px) {
  #newsletterOverlay .note {
    font-size: 0.93rem;
  }
}
#newsletterOverlay input {
  font-size: 2.5rem;
}
@media screen and (max-width: 848px) {
  #newsletterOverlay input {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 528px) {
  #newsletterOverlay input {
    font-size: 1.2rem;
  }
}

input {
  text-decoration: underline;
}

input, textarea {
  font-size: 1.6rem;
  background: none;
  border: none;
  line-height: 1;
  font-family: "NeuzeitSLTStd-Book", sans-serif;
  color: rgb(180, 180, 180);
}
input:focus, textarea:focus {
  outline: none;
}

input[type=text], input[type=email], textarea {
  width: 100%;
  border: none;
  display: block;
  padding: 8px 0;
}
input[type=text].error, input[type=email].error, textarea.error {
  border-bottom: 2px solid red;
}

input[type=submit] {
  border: 1px solid white;
  padding: 13px 15px 9px 15px;
  margin-top: 0.5em;
  display: inline-block;
  color: white;
  text-decoration: none !important;
  border-radius: 0;
}
input[type=submit]:hover {
  background: white;
  color: black;
}

textarea {
  resize: none;
}

.cpalogo {
  display: inline-block;
  width: 4em;
}

.padding-page {
  padding: 0 1rem 1rem 1rem;
}
@media screen and (max-width: 528px) {
  .padding-page {
    padding: 0 0.7rem 0.7rem 0.7rem;
  }
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

#contact-form {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  clear: both;
}
@media screen and (max-width: 850px) {
  #contact-form {
    margin-top: 3rem;
  }
}
#contact-form textarea {
  height: 5em;
}
#contact-form input[name=subject] ::-webkit-input-placeholder, #contact-form textarea ::-webkit-input-placeholder {
  text-decoration: underline;
}
#contact-form input[name=subject] ::-moz-placeholder, #contact-form textarea ::-moz-placeholder {
  text-decoration: underline;
}
#contact-form input[name=subject] :-ms-input-placeholder, #contact-form textarea :-ms-input-placeholder {
  text-decoration: underline;
}
#contact-form fieldset label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 1.6rem;
}
#contact-form fieldset input[type=radio] {
  display: none;
}
#contact-form fieldset label:before {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 9px;
  border-radius: 50%;
  border: 1px solid white;
}
#contact-form fieldset label.error:before {
  border-color: red;
}
#contact-form fieldset input[type=radio]:checked + label:before {
  color: #fff;
  font-size: 25px;
  text-align: center;
  line-height: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjkuNCAyOS40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOS40IDI5LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDozO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxLjEiIHkxPSIxLjEiIHgyPSIyOC40IiB5Mj0iMjguNCIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxLjEiIHkxPSIyOC40IiB4Mj0iMjguNCIgeTI9IjEuMSIvPjwvc3ZnPg==);
}

@media screen and (max-width: 850px) {
  .addresses, #contact-form {
    width: 100% !important;
    display: block !important;
  }
}

::-webkit-input-placeholder {
  color: white;
}

::-moz-placeholder {
  color: white;
  opacity: 1;
}

:-ms-input-placeholder {
  color: white;
}

article[data-slug=booking-management] .entry-header, article[data-slug=gear] .entry-header, article[data-slug=imprint] .entry-header {
  padding-bottom: 1rem;
}
@media screen and (max-width: 528px) {
  article[data-slug=booking-management] .entry-header, article[data-slug=gear] .entry-header, article[data-slug=imprint] .entry-header {
    display: none;
  }
}
article[data-slug=booking-management] .entry-content, article[data-slug=gear] .entry-content, article[data-slug=imprint] .entry-content {
  white-space: nowrap;
}
article[data-slug=booking-management] .entry-content .column, article[data-slug=gear] .entry-content .column, article[data-slug=imprint] .entry-content .column {
  white-space: normal;
}

article[data-slug=gear] .entry-content, article[data-slug=imprint] .entry-content {
  font-size: 1.6rem;
}
article[data-slug=gear] .entry-content p, article[data-slug=imprint] .entry-content p {
  margin-top: 0;
}
article[data-slug=gear] .entry-content .brands, article[data-slug=imprint] .entry-content .brands {
  width: 83.1%;
}
article[data-slug=gear] .entry-content .brands img, article[data-slug=imprint] .entry-content .brands img {
  padding: 0.8em;
  vertical-align: middle;
}
article[data-slug=gear] .entry-content .brands img:nth-child(1), article[data-slug=imprint] .entry-content .brands img:nth-child(1) {
  width: 41%;
}
article[data-slug=gear] .entry-content .brands img:nth-child(2), article[data-slug=imprint] .entry-content .brands img:nth-child(2) {
  width: 21%;
}
article[data-slug=gear] .entry-content .brands img:nth-child(3), article[data-slug=imprint] .entry-content .brands img:nth-child(3) {
  width: 38%;
}
article[data-slug=gear] .entry-content .brands img:nth-child(4), article[data-slug=imprint] .entry-content .brands img:nth-child(4) {
  width: 33%;
  margin-left: 6%;
}
article[data-slug=gear] .entry-content .brands img:nth-child(5), article[data-slug=imprint] .entry-content .brands img:nth-child(5) {
  width: 55%;
}
article[data-slug=gear] .entry-content .brands img:nth-child(6), article[data-slug=imprint] .entry-content .brands img:nth-child(6) {
  width: 34%;
  margin-left: 6%;
}
article[data-slug=gear] .entry-content .brands img:nth-child(7), article[data-slug=imprint] .entry-content .brands img:nth-child(7) {
  width: 55%;
}
article[data-slug=gear] .entry-content .brands img:nth-child(8), article[data-slug=imprint] .entry-content .brands img:nth-child(8) {
  width: 55%;
  margin-left: 6%;
}
@media screen and (max-width: 848px) {
  article[data-slug=gear] .entry-content .brands, article[data-slug=imprint] .entry-content .brands {
    margin-left: 7.5%;
  }
  article[data-slug=gear] .entry-content .brands img, article[data-slug=imprint] .entry-content .brands img {
    width: 50% !important;
    margin-left: 0 !important;
  }
  article[data-slug=gear] .entry-content .brands img:nth-child(2), article[data-slug=imprint] .entry-content .brands img:nth-child(2) {
    padding-left: 1.7em;
    padding-right: 1.7em;
  }
  article[data-slug=gear] .entry-content .brands img:nth-child(4), article[data-slug=gear] .entry-content .brands img:nth-child(6), article[data-slug=imprint] .entry-content .brands img:nth-child(4), article[data-slug=imprint] .entry-content .brands img:nth-child(6) {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media screen and (max-width: 590px) {
  article[data-slug=gear] .entry-content .brands img, article[data-slug=imprint] .entry-content .brands img {
    padding: 0.3em;
  }
  article[data-slug=gear] .entry-content .brands img:nth-child(2), article[data-slug=imprint] .entry-content .brands img:nth-child(2) {
    padding-left: 1.3em;
    padding-right: 1.3em;
  }
  article[data-slug=gear] .entry-content .brands img:nth-child(4), article[data-slug=gear] .entry-content .brands img:nth-child(6), article[data-slug=imprint] .entry-content .brands img:nth-child(4), article[data-slug=imprint] .entry-content .brands img:nth-child(6) {
    padding-left: 0.8em;
    padding-right: 0.8em;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=gear] .entry-content .brands img, article[data-slug=imprint] .entry-content .brands img {
    padding: 0.5em;
  }
  article[data-slug=gear] .entry-content .brands img:nth-child(2), article[data-slug=imprint] .entry-content .brands img:nth-child(2) {
    padding-left: 2em;
    padding-right: 2em;
  }
  article[data-slug=gear] .entry-content .brands img:nth-child(4), article[data-slug=gear] .entry-content .brands img:nth-child(6), article[data-slug=imprint] .entry-content .brands img:nth-child(4), article[data-slug=imprint] .entry-content .brands img:nth-child(6) {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
}
@media screen and (max-width: 432px) {
  article[data-slug=gear] .entry-content .brands, article[data-slug=imprint] .entry-content .brands {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 432px) {
  article[data-slug=gear] .entry-content .brands img:nth-child(2), article[data-slug=imprint] .entry-content .brands img:nth-child(2) {
    padding-left: 1.7em;
    padding-right: 1.7em;
  }
}

article[data-slug=about] .sharecolumn {
  position: relative;
  width: 9.4%;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .sharecolumn {
    position: absolute;
    top: -5rem;
    right: 0.1rem;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=about] .sharecolumn {
    top: -4rem;
    right: 0;
  }
}
article[data-slug=about] .entry-header {
  margin-top: 5em;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .entry-header {
    margin-top: 0;
  }
}
article[data-slug=about] .entry-content {
  position: relative;
  margin-top: -3rem;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .entry-content {
    margin-top: 2rem;
  }
}
article[data-slug=about] .entry-content #sliderwrapper {
  width: 66.3%;
  margin-left: 24.3%;
  height: 39vw;
  display: inline-block;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .entry-content #sliderwrapper {
    width: 100vw;
    margin-left: -1rem;
    height: auto;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=about] .entry-content #sliderwrapper {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
article[data-slug=about] .entry-content #sliderwrapper .slider {
  margin-left: 0;
  width: 100vw;
  height: 39vw;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .entry-content #sliderwrapper .slider {
    position: relative;
    margin-top: 1em;
    height: 46.6666666667vw;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=about] .entry-content #sliderwrapper .slider {
    width: 100%;
    height: 49.6666666667vw;
  }
}
article[data-slug=about] .entry-content #sliderwrapper .slider .slide {
  position: absolute;
  top: 0;
  left: 100vw;
  height: 100%;
  width: 58vw;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  transition: left 0.4s ease-in-out;
}
article[data-slug=about] .entry-content #sliderwrapper .slider .slide.active {
  left: 29vw;
}
article[data-slug=about] .entry-content #sliderwrapper .slider .slide.seen {
  left: -60vw;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .entry-content #sliderwrapper .slider .slide {
    width: 70vw;
    left: 90vw;
  }
  article[data-slug=about] .entry-content #sliderwrapper .slider .slide.active {
    left: 15vw;
  }
  article[data-slug=about] .entry-content #sliderwrapper .slider .slide.seen {
    left: -70vw;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=about] .entry-content #sliderwrapper .slider .slide {
    width: 85%;
    left: 92%;
  }
  article[data-slug=about] .entry-content #sliderwrapper .slider .slide.active {
    left: 0;
  }
  article[data-slug=about] .entry-content #sliderwrapper .slider .slide.seen {
    left: -100%;
  }
}
article[data-slug=about] .entry-content #sliderwrapper .slider .slide img {
  display: none;
}
article[data-slug=about] .entry-content #sliderwrapper .controls {
  position: absolute;
  top: 0;
  left: 24vw;
  background-image: url(images/prev.png);
  background-size: 60% auto;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 2em;
  z-index: 10;
  cursor: pointer;
}
article[data-slug=about] .entry-content #sliderwrapper .controls.next {
  left: 88vw;
  background-image: url(images/next.png);
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .entry-content #sliderwrapper .controls {
    left: 1rem;
  }
  article[data-slug=about] .entry-content #sliderwrapper .controls.next {
    left: auto;
    right: 2rem;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=about] .entry-content #sliderwrapper .controls {
    display: none;
    /*
    width: 1.5rem;
    left: 0;
    &.next{ right: 0; }
    */
  }
}
article[data-slug=about] .quote {
  width: 66.3%;
  margin-top: 0;
  margin-left: 24.3%;
  padding-top: 2em;
  font-size: 1.6rem;
}
article[data-slug=about] .quote .source {
  font-size: 1rem;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .quote {
    width: 66.3%;
    margin-left: 15.9%;
    margin-top: 0;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=about] .quote {
    width: 83.1%;
    margin-left: 7.5%;
    font-size: 1.2rem;
    padding-top: 1rem;
  }
}
article[data-slug=about] .biographytext {
  font-size: 1.6rem;
  margin-top: 5em;
}
article[data-slug=about] .biographytext p {
  text-indent: 2em;
  width: 66.3%;
  margin: 0 15.9%;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .biographytext p {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .biographytext {
    margin-top: 2em;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=about] .biographytext {
    font-size: 1.3rem;
  }
}
article[data-slug=about] .side_quote {
  margin-top: -3em;
  padding: 0 0.9%;
  font-size: 1rem;
  width: 15.9%;
}
article[data-slug=about] .side_quote .source {
  margin-top: 1em;
  font-size: 80%;
}
article[data-slug=about] .side_quote.left {
  float: left;
}
article[data-slug=about] .side_quote.right {
  float: right;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .side_quote {
    width: 32.7%;
    margin-left: 32.7%;
    float: none !important;
    margin-top: 0;
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=about] .side_quote {
    width: 49.5%;
    margin-left: 24.3%;
  }
}
article[data-slug=about] .downloads {
  margin: 1em 0 0 15.9%;
  padding: 0;
  list-style: none;
  width: 66.3%;
}
@media screen and (max-width: 848px) {
  article[data-slug=about] .downloads {
    font-size: 1.2rem;
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 528px) {
  article[data-slug=about] .downloads {
    font-size: 1rem;
  }
}
article[data-slug=about] .imagehoverlink {
  white-space: nowrap;
}
article[data-slug=about] .imagehoverlink:hover {
  opacity: 0;
}

::-moz-selection {
  background: black;
  color: white;
}

::selection {
  background: black;
  color: white;
}

.responsiveText {
  display: none;
}
@media screen and (max-width: 848px) {
  .responsiveText {
    display: block;
  }
}

@media screen and (max-width: 848px) {
  .inProjectSubnav {
    display: none;
  }
}

.subcontentnav.responsiveText li span {
  border-bottom: 1px solid black;
}

@media screen and (max-width: 848px) {
  figure {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 528px) {
  .geartitle {
    font-size: 2.7rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 432px) {
  .geartitle {
    font-size: 2rem;
  }
}

.bookingcolumns {
  margin-top: 3em;
  float: left;
}
@media screen and (max-width: 850px) {
  .bookingcolumns {
    margin-bottom: 3em;
  }
}
@media screen and (max-width: 528px) {
  .bookingcolumns {
    width: 100%;
    float: none;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow: visible;
  }
}

.shareFB, .shareTwitter {
  width: 2rem;
}
@media screen and (max-width: 432px) {
  .shareFB, .shareTwitter {
    width: 1.61rem;
  }
}
#bignews .shareFB path, #bignews .shareTwitter path {
  fill: white;
}

.sharelink {
  display: block;
  line-height: 1;
  margin-bottom: 2px;
}
.sharelink:link svg path, .sharelink:visited svg path {
  fill: black;
}
.sharelink:hover, .sharelink:active {
  text-decoration: none;
  border: none;
}

#primary-menu > li > a:hover .menu-image-title, #primary-menu > li > a:active .menu-image-title, #primary-menu > li.current-menu-item > a .menu-image-title {
  border-width: 3px;
}
@media screen and (max-width: 528px) {
  #primary-menu > li > a:hover .menu-image-title, #primary-menu > li > a:active .menu-image-title, #primary-menu > li.current-menu-item > a .menu-image-title {
    border-width: 2px;
  }
}

#primary-menu > li.current-menu-item > .sub-menu li.current-menu-item a .menu-image-title:hover.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu li.current-menu-item a .menu-image-title.active.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu a:hover .menu-image-title:hover.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu a:hover .menu-image-title.active.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu a:active .menu-image-title:hover.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu a:active .menu-image-title.active.menu-image-title {
  border-width: 2px !important;
}
@media screen and (max-width: 528px) {
  #primary-menu > li.current-menu-item > .sub-menu li.current-menu-item a .menu-image-title:hover.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu li.current-menu-item a .menu-image-title.active.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu a:hover .menu-image-title:hover.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu a:hover .menu-image-title.active.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu a:active .menu-image-title:hover.menu-image-title, #primary-menu > li.current-menu-item > .sub-menu a:active .menu-image-title.active.menu-image-title {
    border-width: 1px !important;
  }
}

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