@charset "UTF-8";
@media (max-width: 1249px) {
  a.burger {
    display: block;
    width: 42px;
    height: 44px;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 1000;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
  }
  a.burger .pad {
    pointer-events: none;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #313335;
    width: 42px;
  }
  a.burger .pad:before, a.burger .pad:after {
    content: "";
    display: block;
    position: absolute;
    width: 42px;
    height: 6px;
    background-color: #313335;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
  }
  a.burger .pad:before {
    top: -13px;
    -webkit-transition: top 0.3s ease-in 0.3s, -webkit-transform 0.3s ease-out;
    transition: top 0.3s ease-in 0.3s, -webkit-transform 0.3s ease-out;
    -o-transition: top 0.3s ease-in 0.3s, transform 0.3s ease-out;
    transition: top 0.3s ease-in 0.3s, transform 0.3s ease-out;
    transition: top 0.3s ease-in 0.3s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }
  a.burger .pad:after {
    top: 13px;
    -webkit-transition: top 0.3s ease-in 0.3s, -webkit-transform 0.3s ease-out;
    transition: top 0.3s ease-in 0.3s, -webkit-transform 0.3s ease-out;
    -o-transition: top 0.3s ease-in 0.3s, transform 0.3s ease-out;
    transition: top 0.3s ease-in 0.3s, transform 0.3s ease-out;
    transition: top 0.3s ease-in 0.3s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }
  a.burger.open .pad {
    height: 0px;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
  }
  a.burger.open .pad:before {
    top: 0px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: top 0.3s ease-in, -webkit-transform 0.3s ease-out 0.3s;
    transition: top 0.3s ease-in, -webkit-transform 0.3s ease-out 0.3s;
    -o-transition: top 0.3s ease-in, transform 0.3s ease-out 0.3s;
    transition: top 0.3s ease-in, transform 0.3s ease-out 0.3s;
    transition: top 0.3s ease-in, transform 0.3s ease-out 0.3s, -webkit-transform 0.3s ease-out 0.3s;
  }
  a.burger.open .pad:after {
    top: 0px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top 0.3s ease-in, -webkit-transform 0.3s ease-out 0.3s;
    transition: top 0.3s ease-in, -webkit-transform 0.3s ease-out 0.3s;
    -o-transition: top 0.3s ease-in, transform 0.3s ease-out 0.3s;
    transition: top 0.3s ease-in, transform 0.3s ease-out 0.3s;
    transition: top 0.3s ease-in, transform 0.3s ease-out 0.3s, -webkit-transform 0.3s ease-out 0.3s;
  }
}
#wpadminbar {
  opacity: 1;
}

html {
  height: 100%;
}
html.logged-in {
  height: calc(100% - 32px);
}

body {
  font-family: "Merriweather", serif;
  max-width: 1920px;
  margin: auto;
  min-height: calc(100% - 80px);
  padding-bottom: 80px;
  position: relative;
}

a.schlaglicht {
  visibility: hidden;
}

header.main-header {
  position: relative;
  width: 100%;
  padding-top: 15.625%;
}
header.main-header.has-station .inner div.header-title-box {
  -webkit-transform: scale(0.4) rotate(-90deg);
      -ms-transform: scale(0.4) rotate(-90deg);
          transform: scale(0.4) rotate(-90deg);
  left: -10%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
header.main-header.pod .inner .station-layer.pod .map-station-title-box {
  bottom: 2%;
  -webkit-transition: bottom 1s ease-in-out;
  -o-transition: bottom 1s ease-in-out;
  transition: bottom 1s ease-in-out;
}
@media (max-width: 799px) {
  header.main-header.pod .inner .station-layer.pod .map-station-title-box {
    bottom: -20%;
  }
}
@media (max-width: 329px) {
  header.main-header.pod .inner .station-layer.pod .map-station-title-box {
    bottom: -50%;
  }
}
header.main-header.pod .inner .station-layer.pod div.map-dot {
  background-color: #c1272d;
  opacity: 1;
}
header.main-header.nbg .inner .station-layer.nbg .map-station-title-box {
  bottom: 2%;
  -webkit-transition: bottom 1s ease-in-out;
  -o-transition: bottom 1s ease-in-out;
  transition: bottom 1s ease-in-out;
}
@media (max-width: 799px) {
  header.main-header.nbg .inner .station-layer.nbg .map-station-title-box {
    bottom: -20%;
  }
}
@media (max-width: 329px) {
  header.main-header.nbg .inner .station-layer.nbg .map-station-title-box {
    bottom: -50%;
  }
}
header.main-header.nbg .inner .station-layer.nbg div.map-dot {
  background-color: #c1272d;
  opacity: 1;
}
header.main-header.ber .inner .station-layer.ber .map-station-title-box {
  bottom: 2%;
  -webkit-transition: bottom 1s ease-in-out;
  -o-transition: bottom 1s ease-in-out;
  transition: bottom 1s ease-in-out;
}
@media (max-width: 799px) {
  header.main-header.ber .inner .station-layer.ber .map-station-title-box {
    bottom: -20%;
  }
}
@media (max-width: 329px) {
  header.main-header.ber .inner .station-layer.ber .map-station-title-box {
    bottom: -50%;
  }
}
header.main-header.ber .inner .station-layer.ber div.map-dot {
  background-color: #c1272d;
  opacity: 1;
}
header.main-header.par .inner .station-layer.par .map-station-title-box {
  bottom: 2%;
  -webkit-transition: bottom 1s ease-in-out;
  -o-transition: bottom 1s ease-in-out;
  transition: bottom 1s ease-in-out;
}
@media (max-width: 799px) {
  header.main-header.par .inner .station-layer.par .map-station-title-box {
    bottom: -20%;
  }
}
@media (max-width: 329px) {
  header.main-header.par .inner .station-layer.par .map-station-title-box {
    bottom: -50%;
  }
}
header.main-header.par .inner .station-layer.par div.map-dot {
  background-color: #c1272d;
  opacity: 1;
}
header.main-header.nyc .inner .station-layer.nyc .map-station-title-box {
  bottom: 2%;
  -webkit-transition: bottom 1s ease-in-out;
  -o-transition: bottom 1s ease-in-out;
  transition: bottom 1s ease-in-out;
}
@media (max-width: 799px) {
  header.main-header.nyc .inner .station-layer.nyc .map-station-title-box {
    bottom: -20%;
  }
}
@media (max-width: 329px) {
  header.main-header.nyc .inner .station-layer.nyc .map-station-title-box {
    bottom: -50%;
  }
}
header.main-header.nyc .inner .station-layer.nyc div.map-dot {
  background-color: #c1272d;
  opacity: 1;
}
header.main-header.rom .inner .station-layer.rom .map-station-title-box {
  bottom: 2%;
  -webkit-transition: bottom 1s ease-in-out;
  -o-transition: bottom 1s ease-in-out;
  transition: bottom 1s ease-in-out;
}
@media (max-width: 799px) {
  header.main-header.rom .inner .station-layer.rom .map-station-title-box {
    bottom: -20%;
  }
}
@media (max-width: 329px) {
  header.main-header.rom .inner .station-layer.rom .map-station-title-box {
    bottom: -50%;
  }
}
header.main-header.rom .inner .station-layer.rom div.map-dot {
  background-color: #c1272d;
  opacity: 1;
}
header.main-header.bas .inner .station-layer.bas .map-station-title-box {
  bottom: 2%;
  -webkit-transition: bottom 1s ease-in-out;
  -o-transition: bottom 1s ease-in-out;
  transition: bottom 1s ease-in-out;
}
@media (max-width: 799px) {
  header.main-header.bas .inner .station-layer.bas .map-station-title-box {
    bottom: -20%;
  }
}
@media (max-width: 329px) {
  header.main-header.bas .inner .station-layer.bas .map-station-title-box {
    bottom: -50%;
  }
}
header.main-header.bas .inner .station-layer.bas div.map-dot {
  background-color: #c1272d;
  opacity: 1;
}
header.main-header #pod-dot {
  left: 86.25%;
  top: 10.6666666667%;
}
header.main-header #nbg-dot {
  left: 77.4479166667%;
  top: 32.6666666667%;
}
header.main-header #ber-dot {
  left: 77.8125%;
  top: 14.3333333333%;
}
header.main-header #par-dot {
  left: 71.6666666667%;
  top: 46.3333333333%;
}
header.main-header #nyc-dot {
  left: 18.90625%;
  top: 14.3333333333%;
}
header.main-header #rom-dot {
  left: 81.3020833333%;
  top: 85.6666666667%;
}
header.main-header #bas-dot {
  left: 76.8229166667%;
  top: 49.3333333333%;
}
header.main-header .inner {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../img/karte_bgr.svg);
  overflow: hidden;
}
header.main-header .inner div.header-title-box {
  position: absolute;
  bottom: 16.6666666667%;
  left: 4.0625%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
header.main-header .inner div.header-title-box a {
  text-decoration: none;
}
header.main-header .inner div.header-title-box h2 {
  margin: 0;
}
header.main-header .inner div.header-title-box h2 .top {
  font-size: 3.2291666667vw;
  color: #585d70;
  font-weight: 400;
  line-height: 1.75;
}
header.main-header .inner div.header-title-box h2 .second {
  color: #313335;
  font-weight: 300;
  font-size: 5.3125vw;
  line-height: 0.8;
}
header.main-header .inner div.header-title-box h2 .second .colon {
  color: #c1272d;
  font-weight: 900;
}
@media (min-width: 1921px) {
  header.main-header .inner div.header-title-box h2 .top {
    font-size: 62px;
  }
  header.main-header .inner div.header-title-box h2 .second {
    font-size: 102px;
  }
}
header.main-header .inner .station-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
header.main-header .inner .station-layer div.map-dot {
  pointer-events: all;
  background-color: #585d70;
  width: 20px;
  height: 20px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0.5;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
  header.main-header .inner .station-layer div.map-dot {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 799px) {
  header.main-header .inner .station-layer div.map-dot {
    width: 9px;
    height: 9px;
  }
}
header.main-header .inner .station-layer div.map-dot:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
          transform: translate(-50%, -50%) scale(1.5);
  opacity: 0.9;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 1s linear, -webkit-box-shadow 0.5s linear, -webkit-transform 0.5s ease-in-out 0.2s;
  transition: opacity 1s linear, -webkit-box-shadow 0.5s linear, -webkit-transform 0.5s ease-in-out 0.2s;
  -o-transition: box-shadow 0.5s linear, opacity 1s linear, transform 0.5s ease-in-out 0.2s;
  transition: box-shadow 0.5s linear, opacity 1s linear, transform 0.5s ease-in-out 0.2s;
  transition: box-shadow 0.5s linear, opacity 1s linear, transform 0.5s ease-in-out 0.2s, -webkit-box-shadow 0.5s linear, -webkit-transform 0.5s ease-in-out 0.2s;
}
header.main-header .inner .station-layer .map-station-title-box {
  position: absolute;
  bottom: -100%;
  left: 10%;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media (max-width: 799px) {
  header.main-header .inner .station-layer .map-station-title-box {
    bottom: -120%;
  }
}
header.main-header .inner .station-layer .map-station-title-box h2 .station-name {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 300;
  font-size: 4.1666666667vw;
  color: #c1272d;
  letter-spacing: 0.05em;
}
@media (min-width: 1921px) {
  header.main-header .inner .station-layer .map-station-title-box h2 .station-name {
    font-size: 80px;
  }
}
header.main-header .inner .station-layer .map-station-title-box h2 .station-name:before {
  content: ":";
  font-weight: 900;
  color: rgba(49, 51, 53, 0.3);
  position: relative;
  left: 0.3em;
}
header.main-header .inner .station-layer .map-station-title-box h2 .time {
  text-align: center;
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 300;
  color: rgba(49, 51, 53, 0.3);
  line-height: 1;
  position: relative;
  left: 1em;
}

div.schlaglicht-box {
  width: calc(50% - 30px);
  float: left;
  margin-right: 10px;
  background-color: #f6f6f6;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  top: 0.5em;
}
div.schlaglicht-box.ende {
  width: 100%;
  float: none;
}
div.schlaglicht-box.full {
  width: calc(100%);
  float: none;
  top: 0;
  margin-bottom: 15px;
}
div.schlaglicht-box.full div.teaser {
  display: none;
}
div.schlaglicht-box.full div.full {
  display: block;
}
div.schlaglicht-box.full header {
  position: relative;
  cursor: pointer;
}
div.schlaglicht-box.full header:before {
  content: "";
  font-family: "kesten-icons";
  display: block;
  position: absolute;
  top: -6px;
  right: 3px;
  opacity: 0.3;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #585d70;
  font-size: 150%;
}
div.schlaglicht-box.full header:hover:before {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-size: 100%;
  top: -4px;
}
div.schlaglicht-box.run {
  overflow: hidden;
  float: left;
}
div.schlaglicht-box.run div.teaser {
  display: none;
}
div.schlaglicht-box.run div.full {
  display: block;
}
div.schlaglicht-box.run section.content {
  overflow: hidden;
}
div.schlaglicht-box header,
div.schlaglicht-box footer {
  background-color: rgba(88, 93, 112, 0.33);
  color: white;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.schlaglicht-box header h5,
div.schlaglicht-box header cite,
div.schlaglicht-box footer h5,
div.schlaglicht-box footer cite {
  font-family: "Merriweather Sans", sans-serif;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  font-weight: 100;
  font-size: 12px;
  color: #585d70;
  line-height: 1.1;
}
div.schlaglicht-box header h3,
div.schlaglicht-box footer h3 {
  margin: 0;
  font-weight: 300;
  font-size: 14px;
}
div.schlaglicht-box footer {
  text-align: right;
}
div.schlaglicht-box blockquote.sl-block {
  margin: 0;
}
div.schlaglicht-box blockquote.sl-block section.content {
  padding: 10px;
  font-size: 14px;
  line-height: 1.4;
}
div.schlaglicht-box blockquote.sl-block section.content p {
  margin-top: 1em;
  margin-bottom: 0;
}
div.schlaglicht-box blockquote.sl-block section.content p:first-child {
  margin-top: 0;
}
div.schlaglicht-box blockquote.sl-block section.content a.more-link {
  display: block;
  text-align: right;
  color: #585d70;
  text-decoration: none;
  opacity: 0.3;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
div.schlaglicht-box blockquote.sl-block section.content a.more-link:after {
  content: "";
  padding-left: 5px;
  font-family: "kesten-icons";
  opacity: 1;
}
div.schlaglicht-box blockquote.sl-block section.content a.more-link:hover {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
div.schlaglicht-box div.full {
  display: none;
}

.home-link {
  padding-left: 10px;
  margin-bottom: 1.5em;
}
.home-link a {
  text-decoration: none;
  color: gray;
  font-weight: 300;
  letter-spacing: 0.05em;
}
.home-link a .colon {
  color: rgba(193, 39, 45, 0.3);
  font-weight: 900;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.home-link a:before {
  content: "";
  font-family: "kesten-icons";
  padding-right: 0.3em;
  opacity: 0.25;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.home-link a:hover .colon {
  color: #c1272d;
  -webkit-transition: all 0.5s linear 0.5s;
  -o-transition: all 0.5s linear 0.5s;
  transition: all 0.5s linear 0.5s;
}
.home-link a:hover:before {
  opacity: 1;
  -webkit-transition: all 0.5s linear 0.5s;
  -o-transition: all 0.5s linear 0.5s;
  transition: all 0.5s linear 0.5s;
}

.news-box {
  background-color: #585d70;
  color: white;
  padding: 30px;
  font-family: "Merriweather Sans", sans-serif;
}
.news-box p {
  margin-top: 0;
  margin-bottom: 0;
}

.fp-stationen-hl {
  font-weight: 700;
  color: #585d70;
}

div.cols {
  font-size: 0;
}
div.cols div.col {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
}
div.cols div.col.left {
  width: 25%;
}
div.cols div.col.main-container {
  width: 75%;
  position: relative;
}
div.cols div.col.main-container article {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}
div.cols div.col.main-container article .two-cols {
  font-size: 0;
  position: relative;
}
div.cols div.col.main-container article .two-cols .column-main {
  vertical-align: top;
  font-size: 1rem;
  display: inline-block;
  margin-right: 2em;
}
div.cols div.col.main-container article .two-cols .column-side {
  vertical-align: top;
  font-size: 1rem;
  display: inline-block;
}
div.cols div.col.main-container article .two-cols .column-side section.mm-image-gallery-thumbs {
  margin-top: 0em;
}

h1 {
  font-size: 3em;
  margin-top: 0.5em;
  color: gray;
  font-weight: 200;
  line-height: 1.2;
}
h1::first-letter {
  font-style: italic;
  font-size: 120%;
}

span.werktitel {
  font-style: italic;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #585d70;
}

blockquote.top-page {
  margin-left: 0;
  margin-right: 0;
  font-size: 110%;
  color: #585d70;
}
blockquote.top-page p {
  display: inline;
}
blockquote.top-page footer {
  text-align: right;
  font-size: 95%;
  color: gray;
  font-style: italic;
}

.source {
  font-size: 95%;
  color: gray;
  font-style: italic;
  font-weight: 300;
  text-align: right;
}

blockquote.citation {
  font-weight: 500;
  color: #333;
  font-style: italic;
  margin-top: 0em;
  padding-top: 2em;
  margin-bottom: 2em;
  clear: both;
}
blockquote.citation p:first-of-type {
  margin-top: 0;
}

div.station > p {
  margin-bottom: 0;
}

q {
  font-weight: 500;
  color: #333;
  font-style: italic;
}

cite.block {
  display: block;
}

footer.source {
  background-color: #eeeeee;
  padding-right: 10px;
  border-right-color: rgba(88, 93, 112, 0.2);
  border-right-width: 4px;
  border-right-style: solid;
}

article.plain .post-content {
  max-width: 600px;
  line-height: 1.8;
}

section.side-nav-container {
  padding-top: 15px;
  padding-right: 10%;
}
@media (max-width: 1919px) {
  section.side-nav-container {
    padding-left: 5px;
  }
}
section.side-nav-container ul.menu {
  font-family: "Merriweather Sans", sans-serif;
  margin: 0;
  padding-left: 0;
}
section.side-nav-container ul.menu li {
  list-style: none;
}
section.side-nav-container ul.menu li div.kind-box {
  background-color: white;
  padding-top: 0.5em;
  padding-left: 30px;
  display: none;
}
section.side-nav-container ul.menu li div.kind-box h5 {
  margin: 0;
  font-style: italic;
  font-weight: 100;
  padding-left: 10px;
}
section.side-nav-container ul.menu li div.kind-box.active {
  border-left-color: rgba(128, 128, 128, 0.5);
  border-left-width: 4px;
  border-left-style: solid;
}
section.side-nav-container ul.menu > li {
  margin-bottom: 4px;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
section.side-nav-container ul.menu > li.current-menu-item, section.side-nav-container ul.menu > li.current-menu-parent {
  position: relative;
}
section.side-nav-container ul.menu > li.current-menu-item:hover:before, section.side-nav-container ul.menu > li.current-menu-parent:hover:before {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  color: #c1272d;
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  -o-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
  right: 25px;
}
section.side-nav-container ul.menu > li.current-menu-item.pod:before, section.side-nav-container ul.menu > li.current-menu-parent.pod:before {
  content: "";
}
section.side-nav-container ul.menu > li.current-menu-item.nbg:before, section.side-nav-container ul.menu > li.current-menu-parent.nbg:before {
  content: "";
}
section.side-nav-container ul.menu > li.current-menu-item.ber:before, section.side-nav-container ul.menu > li.current-menu-parent.ber:before {
  content: "";
}
section.side-nav-container ul.menu > li.current-menu-item.par:before, section.side-nav-container ul.menu > li.current-menu-parent.par:before {
  content: "";
}
section.side-nav-container ul.menu > li.current-menu-item.nyc:before, section.side-nav-container ul.menu > li.current-menu-parent.nyc:before {
  content: "";
}
section.side-nav-container ul.menu > li.current-menu-item.rom:before, section.side-nav-container ul.menu > li.current-menu-parent.rom:before {
  content: "";
}
section.side-nav-container ul.menu > li.current-menu-item.bas:before, section.side-nav-container ul.menu > li.current-menu-parent.bas:before {
  content: "";
}
section.side-nav-container ul.menu > li.current-menu-item:before, section.side-nav-container ul.menu > li.current-menu-parent:before {
  content: "";
  display: block;
  position: absolute;
  top: 45px;
  right: 15px;
  font-size: 100px;
  color: rgba(128, 128, 128, 0.25);
  pointer-events: none;
  font-family: "kesten-icons";
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
section.side-nav-container ul.menu > li.current-menu-item > a {
  font-weight: 700;
  border-bottom-style: solid;
  border-bottom-color: rgba(88, 93, 112, 0.2);
  border-bottom-width: 1px;
  border-right-color: #c1272d;
  border-right-width: 15px;
  border-right-style: solid;
}
section.side-nav-container ul.menu > li.current-menu-parent {
  border-bottom-style: solid;
  border-bottom-color: rgba(88, 93, 112, 0.2);
  border-bottom-width: 1px;
}
section.side-nav-container ul.menu > li.current-menu-parent > a {
  border-bottom-style: solid;
  border-bottom-color: rgba(88, 93, 112, 0.2);
  border-bottom-width: 1px;
  border-right-color: #585d70;
  border-right-width: 15px;
  border-right-style: solid;
}
section.side-nav-container ul.menu > li.current-menu-parent li.current-menu-item a {
  font-weight: 700;
  border-right-color: #c1272d;
  border-right-width: 7px;
  border-right-style: solid;
}
section.side-nav-container ul.menu > li > a {
  display: block;
  position: relative;
  background-color: #f6f6f6;
  /*
  border-top-style: solid;
  border-top-color: $ci;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: $ci;
  border-bottom-width: 1px;
  */
  line-height: 2em;
  color: #585d70;
  padding-left: 30px;
}
section.side-nav-container ul.menu > li > a.station-menu-link {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
section.side-nav-container ul.menu > li > a.station-menu-link:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #c1272d;
  z-index: -1;
  -webkit-transition: width 0.2s ease-out;
  -o-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
}
section.side-nav-container ul.menu > li > a.station-menu-link:hover {
  background-color: transparent;
  color: white;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
section.side-nav-container ul.menu > li > a.station-menu-link:hover:before {
  width: 100%;
  -webkit-transition: width 0.5s ease-in;
  -o-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in;
}
section.side-nav-container ul.menu > li > a.station-menu-link:hover:after {
  color: white;
}
section.side-nav-container ul.menu > li > a:visited {
  color: #313335;
}
section.side-nav-container ul.menu > li > a:after {
  color: rgba(128, 128, 128, 0.5);
  font-weight: 100;
  padding-left: 1em;
}
section.side-nav-container ul.menu > li > a#menu-link-pod:after {
  content: " (1900–1904)";
  font-size: 90%;
}
section.side-nav-container ul.menu > li > a#menu-link-nbg:after {
  content: " (1904–1928)";
  font-size: 90%;
}
section.side-nav-container ul.menu > li > a#menu-link-ber:after {
  content: " (1928–1933)";
  font-size: 90%;
}
section.side-nav-container ul.menu > li > a#menu-link-par:after {
  content: " (1933–1940)";
  font-size: 90%;
}
section.side-nav-container ul.menu > li > a#menu-link-nyc:after {
  content: " (1940–1953)";
  font-size: 90%;
}
section.side-nav-container ul.menu > li > a#menu-link-rom:after {
  content: " (1953–1977)";
  font-size: 90%;
}
section.side-nav-container ul.menu > li > a#menu-link-bas:after {
  content: " (1977–1996)";
  font-size: 90%;
}
section.side-nav-container ul.menu > li li {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
section.side-nav-container ul.menu > li li a {
  font-weight: 200;
  font-size: 90%;
  display: inline-block;
  padding-right: 10px;
}
section.side-nav-container ul.menu > li li a:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #c1272d;
          text-decoration-color: #c1272d;
}
section.side-nav-container ul.menu a {
  text-decoration: none;
  color: #313335;
}
section.side-nav-container ul.menu a:visited {
  color: #313335;
}
section.side-nav-container ul.menu ul.sub-menu {
  padding-top: 0.25em;
  padding-bottom: 0.7em;
}
section.side-nav-container ul.menu li.current-menu-parent div.kind-box,
section.side-nav-container ul.menu li.current-menu-item div.kind-box {
  display: block;
}

footer.site-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 48px;
  background-color: gray;
  width: 100%;
  color: white;
}
footer.site-footer .main-section {
  max-width: 1920px;
  margin: auto;
}
footer.site-footer .main-section nav ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
footer.site-footer .main-section nav ul.menu li {
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
footer.site-footer .main-section nav ul.menu li a {
  text-decoration: none;
  color: #eeeeee;
  line-height: 48px;
}
footer.site-footer .main-section nav ul.menu li a:hover {
  color: white;
}

header.page-menu nav.page-nav {
  background-color: rgba(88, 93, 112, 0.4);
}
@media (max-width: 1919px) {
  header.page-menu nav.page-nav {
    padding-right: 1em;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
}
@media (max-width: 1919px) {
  header.page-menu nav.page-nav {
    padding-right: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
}
header.page-menu nav.page-nav div ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 0;
  height: calc(2.0rem);
}
header.page-menu nav.page-nav div ul.menu li {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  border-left-color: white;
  border-left-style: solid;
  border-left-width: 1px;
}
header.page-menu nav.page-nav div ul.menu li.current_page_item a {
  border-bottom-color: #585d70;
}
header.page-menu nav.page-nav div ul.menu li.current_page_item:last-child a {
  border-bottom-color: #871b20;
}
header.page-menu nav.page-nav div ul.menu li:last-child a {
  background-color: rgba(193, 39, 45, 0.75);
}
@media (max-width: 1919px) {
  header.page-menu nav.page-nav div ul.menu li:last-child a {
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
  }
}
header.page-menu nav.page-nav div ul.menu li:last-child a:hover {
  background-color: #c1272d;
  border-bottom-color: #313335;
}
header.page-menu nav.page-nav div ul.menu li a {
  display: block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 0.5em;
  padding-left: 0.5em;
  line-height: 1;
  font-family: "Merriweather Sans", sans-serif;
  text-decoration: none;
  background-color: rgba(88, 93, 112, 0.5);
  color: white;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: white;
}
header.page-menu nav.page-nav div ul.menu li a:hover {
  background-color: #585d70;
  border-bottom-color: #313335;
}

table.bio th {
  text-align: left;
  font-size: 0;
}
table.bio td,
table.bio th {
  vertical-align: top;
}
table.bio tr td:first-child {
  padding-right: 3em;
  font-weight: 600;
}
table.bio td {
  padding-bottom: 1em;
}

#walk-container {
  max-width: 1024px;
  margin-top: calc(2.5rem + 15px);
  margin-bottom: 3em;
  margin-left: 30px;
}
#walk-container > .window {
  position: relative;
  padding-top: 30%;
  background-color: #3a4a3b;
  background: -o-radial-gradient(25%, ellipse, #3a4a3b 66%, black 180%);
  background: radial-gradient(ellipse at 25%, #3a4a3b 66%, black 180%);
}
#walk-container > .window .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(88, 93, 112, 0);
}
#walk-container > .window .inner .video-win {
  height: 100%;
  position: relative;
}
#walk-container > .window .inner .video-win video {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#walk-container > .window .inner .video-win .gradient {
  position: absolute;
  width: 5%;
  left: 35.25%;
  top: 0;
  height: 100%;
}
#walk-container > .window .inner .video-win .gradient.green {
  background: -webkit-gradient(linear, left top, right top, from(rgba(46, 79, 38, 0)), to(#3a4a3b));
  background: -o-linear-gradient(left, rgba(46, 79, 38, 0) 0%, #3a4a3b 100%);
  background: linear-gradient(90deg, rgba(46, 79, 38, 0) 0%, #3a4a3b 100%);
}
#walk-container > .window .inner .video-win .gradient.gray {
  background: -webkit-gradient(linear, left top, right top, from(rgba(88, 93, 112, 0)), to(#585d70));
  background: -o-linear-gradient(left, rgba(88, 93, 112, 0) 0%, #585d70 100%);
  background: linear-gradient(90deg, rgba(88, 93, 112, 0) 0%, #585d70 100%);
  opacity: 0;
}
#walk-container > .window .inner .text-win {
  position: absolute;
  width: 55%;
  left: 43%;
  top: 0;
  height: 100%;
  overflow: hidden;
}
#walk-container > .window .inner .text-win .text-holder {
  position: absolute;
  top: 40%;
  color: white;
  font-size: 1.1vw;
  opacity: 0;
  -webkit-filter: blur(15px);
          filter: blur(15px);
}
@media (min-width: 1921px) {
  #walk-container > .window .inner .text-win .text-holder {
    font-size: 21.12px;
  }
}
#walk-container > .window .inner .controls-win {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  font-size: 0;
}
#walk-container > .window .inner .controls-win .video-play {
  position: absolute;
  width: 95%;
  height: 100%;
  top: 0;
  left: 0;
}
#walk-container > .window .inner .controls-win .video-sound {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 1s, opacity 1s linear 0s;
  -o-transition: visibility 0s linear 1s, opacity 1s linear 0s;
  transition: visibility 0s linear 1s, opacity 1s linear 0s;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 5%;
}
#walk-container > .window .inner .controls-win .video-sound .speaker-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 100%;
}
#walk-container > .window .inner .controls-win .video-sound .speaker-box .speaker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: brown;
  background-color: rgba(0, 0, 0, 0.3);
}
#walk-container > .window .inner .controls-win .video-sound .speaker-box .speaker:before {
  content: "";
  display: block;
  position: absolute;
  font-size: 1.66vw;
  font-family: "kesten-icons";
  text-align: center;
  color: white;
  cursor: pointer;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 1921px) {
  #walk-container > .window .inner .controls-win .video-sound .speaker-box .speaker:before {
    font-size: 31.872px;
  }
}
#walk-container > .window .inner .controls-win .video-sound.muted .speaker-box .speaker:before {
  content: "";
}
#walk-container > .window .inner .controls-win .video-sound.muted .volume-track .volume-handle {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s;
  -o-transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s;
  transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s;
}
#walk-container > .window .inner .controls-win .video-sound:hover .volume-track {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s, opacity 0.5s linear 0s;
  -o-transition: visibility 0s linear 0s, opacity 0.5s linear 0s;
  transition: visibility 0s linear 0s, opacity 0.5s linear 0s;
}
#walk-container > .window .inner .controls-win .video-sound .volume-track {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 1s, opacity 0.5s linear 0.5s;
  -o-transition: visibility 0s linear 1s, opacity 0.5s linear 0.5s;
  transition: visibility 0s linear 1s, opacity 0.5s linear 0.5s;
  height: calc(83% + 20px);
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-clip-path: inset(10px 0 10px 0);
          clip-path: inset(10px 0 10px 0);
}
#walk-container > .window .inner .controls-win .video-sound .volume-track .volume-bar {
  width: 100%;
  position: absolute;
  margin-bottom: 10px;
  margin-top: 10px;
  bottom: 0;
  height: calc(100% - 20px);
  background-color: rgba(255, 255, 255, 0.5);
}
#walk-container > .window .inner .controls-win .video-sound .volume-track .volume-handle {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s, opacity 0.5s linear 0s;
  -o-transition: visibility 0s linear 0s, opacity 0.5s linear 0s;
  transition: visibility 0s linear 0s, opacity 0.5s linear 0s;
  position: absolute;
  width: 100%;
  top: -11px;
  height: 21px;
  background-color: rgba(193, 39, 45, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
#walk-container > .window .inner .controls-win .video-sound .volume-track .volume-handle:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 10px;
  border-bottom-width: 1px;
  border-bottom-color: #c1272d;
  border-bottom-style: solid;
  background-color: rgba(255, 255, 255, 0.25);
}
#walk-container > .window .inner .intro-win {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
#walk-container > .window .inner .intro-win .headline {
  position: absolute;
  top: 30%;
  right: -1.5%;
  width: 80.5%;
  padding-left: 0.3vw;
  height: 4vw;
  overflow: hidden;
}
@media (min-width: 1921px) {
  #walk-container > .window .inner .intro-win .headline {
    height: 76.8px;
  }
}
#walk-container > .window .inner .intro-win .headline:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #585d70;
  mix-blend-mode: multiply;
}
#walk-container > .window .inner .intro-win .headline h3 {
  margin: 0;
  font-weight: 300;
  font-size: 2.8vw;
  line-height: 4vw;
  color: white;
  z-index: 5;
  mix-blend-mode: difference;
  white-space: nowrap;
}
@media (min-width: 1921px) {
  #walk-container > .window .inner .intro-win .headline h3 {
    font-size: 53.76px;
  }
}
@media (min-width: 1921px) {
  #walk-container > .window .inner .intro-win .headline h3 {
    line-height: 76.8px;
  }
}
#walk-container > .window .inner .intro-win .laed,
#walk-container > .window .inner .intro-win .ready {
  position: absolute;
  bottom: 1em;
  right: 1em;
  color: white;
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 100;
}
#walk-container > .window .inner .intro-win .ready {
  opacity: 0;
}
#walk-container > .window .inner .outro-win {
  pointer-events: none;
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
#walk-container > .window .inner .outro-win .headline {
  position: absolute;
  top: 10%;
  left: 38%;
  width: 60%;
}
#walk-container > .window .inner .outro-win .headline h3 {
  font-size: 1.9vw;
  font-weight: 100;
  color: white;
  text-align: center;
  line-height: 1.2;
}
@media (min-width: 1921px) {
  #walk-container > .window .inner .outro-win .headline h3 {
    font-size: 36.48px;
  }
}
#walk-container > .window .inner .outro-win .copy {
  position: absolute;
  top: 35%;
  left: 50%;
  width: 45%;
  font-size: 1.2vw;
  color: white;
  font-weight: 100;
  line-height: 1.5;
}
@media (min-width: 1921px) {
  #walk-container > .window .inner .outro-win .copy {
    font-size: 23.04px;
  }
}
#walk-container.ready .window .inner .controls-win .controls-holder .video-play:hover:before {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#walk-container.ready .window .inner .controls-win .controls-holder .video-play:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 58%;
  font-family: "kesten-icons";
  font-size: 5vw;
  color: white;
  cursor: pointer;
  opacity: 0.7;
  text-shadow: 0 0 0.25vw rgba(0, 0, 0, 0.5);
}
@media (min-width: 1921px) {
  #walk-container.ready .window .inner .controls-win .controls-holder .video-play:before {
    font-size: 96px;
  }
}
#walk-container.ready .window .inner .intro-win .laed {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#walk-container.ready .window .inner .intro-win .ready {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#walk-container.ready.playing .window .inner .controls-win .controls-holder .video-play:hover:before {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#walk-container.ready.playing .window .inner .controls-win .controls-holder .video-play:before {
  content: "";
  opacity: 0;
  text-shadow: 0 0 0.25vw rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#walk-container.ready.playing .window .inner .intro-win .ready {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#walk-container.started .window .inner .controls-win .controls-holder .video-play:before {
  left: 20%;
  opacity: 0;
  -webkit-transition: left 0.75s ease-in-out, opacity 0.7s linear 1s;
  -o-transition: left 0.75s ease-in-out, opacity 0.7s linear 1s;
  transition: left 0.75s ease-in-out, opacity 0.7s linear 1s;
}
#walk-container.started .window .inner .controls-win .controls-holder .video-sound {
  visibility: visible;
  opacity: 0.3;
  -webkit-transition: visibility 0s linear 0s, opacity 1s linear 2s;
  -o-transition: visibility 0s linear 0s, opacity 1s linear 2s;
  transition: visibility 0s linear 0s, opacity 1s linear 2s;
}
#walk-container.started .window .inner .controls-win .controls-holder .video-sound:hover {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#walk-container.started .window .inner .intro-win .info {
  display: none;
}
#walk-container.started.playing .window .inner .controls-win .controls-holder .video-play:hover:before {
  opacity: 0.5;
  -webkit-transition: opacity 0.7s linear 0.5s;
  -o-transition: opacity 0.7s linear 0.5s;
  transition: opacity 0.7s linear 0.5s;
}
#walk-container.done .window .inner .intro-win .laed {
  display: none;
}
#walk-container.done .window .inner .outro-win {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}

.mm-media-container a {
  color: currentColor;
  text-decoration: none;
}
.mm-media-container div.mmvp-teaser-box,
.mm-media-container div.mmap-teaser-box {
  width: 200px;
  padding: 10px;
  padding-top: calc(1em + 10px);
  text-align: center;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.mm-media-container div.mmvp-teaser-box img,
.mm-media-container div.mmap-teaser-box img {
  width: calc(100%);
  height: auto;
}
.mm-media-container div.mmvp-teaser-box.full-box,
.mm-media-container div.mmap-teaser-box.full-box {
  width: 100%;
  padding: 0;
}
.mm-media-container div.mmvp-teaser-box.full-box .hide-empty:empty,
.mm-media-container div.mmap-teaser-box.full-box .hide-empty:empty {
  display: none;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder,
.mm-media-container div.mmap-teaser-box.full-box .top-holder {
  font-size: 0;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .thumb,
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .thumb,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text {
  display: inline-block;
  vertical-align: top;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .thumb,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .thumb {
  width: 33.34%;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .thumb img,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .thumb img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .thumb.constrain-height,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .thumb.constrain-height {
  position: relative;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .thumb.constrain-height img.has-background,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .thumb.constrain-height img.has-background {
  position: relative;
  -webkit-filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
          filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
  display: inline-block;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .thumb.constrain-height div.thumb-background,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .thumb.constrain-height div.thumb-background {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .thumb.constrain-height div.thumb-background img,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .thumb.constrain-height div.thumb-background img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: blur(5px) brightness(90%);
          filter: blur(5px) brightness(90%);
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text {
  width: calc(66.66% - 40px);
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  font-size: 1rem;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text h2,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text h2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #585d70;
  font-weight: 200;
  font-size: 180%;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text .caption,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text .caption {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 120%;
  font-weight: 200;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text .description,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text .description {
  margin-top: 0.5em;
  font-weight: 200;
}
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text .copyright,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text .copyright {
  font-size: 80%;
  color: #585d70;
  text-align: right;
}
.mm-media-container div.mmvp-teaser-box.full-box .added-info,
.mm-media-container div.mmap-teaser-box.full-box .added-info {
  background-color: rgba(88, 93, 112, 0.3);
  padding: 5px;
  font-size: 90%;
  font-family: "Merriweather Sans", sans-serif;
  text-align: left;
}
.mm-media-container div.mmvp-teaser-box.full-box .added-info p:first-child,
.mm-media-container div.mmvp-teaser-box.full-box .added-info p:first-of-type,
.mm-media-container div.mmap-teaser-box.full-box .added-info p:first-child,
.mm-media-container div.mmap-teaser-box.full-box .added-info p:first-of-type {
  margin-top: 0;
}
.mm-media-container div.mmvp-teaser-box.full-box .added-info p:last-child,
.mm-media-container div.mmvp-teaser-box.full-box .added-info P:last-of-type,
.mm-media-container div.mmap-teaser-box.full-box .added-info p:last-child,
.mm-media-container div.mmap-teaser-box.full-box .added-info P:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  .mm-media-container div.mmvp-teaser-box.full-box,
.mm-media-container div.mmap-teaser-box.full-box {
    max-width: 480px;
    margin: auto;
    margin-bottom: 2em;
    position: relative;
  }
  .mm-media-container div.mmvp-teaser-box.full-box .top-holder .thumb,
.mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .thumb,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text {
    display: block;
    width: 100%;
  }
  .mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text {
    width: calc(100% - 40px);
    padding-bottom: 1em;
  }
  .mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text h2,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text h2 {
    font-size: 110%;
  }
  .mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text .caption,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text .caption {
    font-size: 100%;
  }
  .mm-media-container div.mmvp-teaser-box.full-box .top-holder .info-text .description,
.mm-media-container div.mmap-teaser-box.full-box .top-holder .info-text .description {
    font-size: 80%;
  }
}
.mm-media-container div.mmvp-teaser-box:hover,
.mm-media-container div.mmap-teaser-box:hover {
  -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.mm-media-container div.mmvp-teaser-box figure,
.mm-media-container div.mmap-teaser-box figure {
  margin: 0;
  padding: 0;
  font-size: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  display: inline-block;
}
.mm-media-container div.mmvp-teaser-box figure .img-box,
.mm-media-container div.mmap-teaser-box figure .img-box {
  position: relative;
  display: inline-block;
}
.mm-media-container div.mmvp-teaser-box figure .img-box:after,
.mm-media-container div.mmap-teaser-box figure .img-box:after {
  content: "";
  position: absolute;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(45%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0.23)), to(rgba(0, 0, 0, 0.65)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.23) 59%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.23) 59%, rgba(0, 0, 0, 0.65) 100%);
}
.mm-media-container div.mmvp-teaser-box figure .img-box:before,
.mm-media-container div.mmap-teaser-box figure .img-box:before {
  content: "📹";
  position: absolute;
  display: inline-block;
  bottom: -3px;
  right: 5px;
  font-family: "media-icons";
  color: rgba(255, 255, 255, 0.7);
  font-size: 60px;
  z-index: 20;
}
.mm-media-container div.mmvp-teaser-box figure figcaption,
.mm-media-container div.mmap-teaser-box figure figcaption {
  font-size: 12px;
  font-family: "Merriweather Sans", sans-serif;
}

.mm-media-container div.mmap-teaser-box figure .img-box:before {
  content: "🎧";
}

.lesestoff-container {
  margin-top: 4em;
  max-width: 800px;
}
.lesestoff-container .lesestoff-box {
  margin-bottom: 3em;
  position: relative;
}
.lesestoff-container .lesestoff-box .tag-box {
  color: rgba(58, 74, 59, 0.5);
  font-size: 10px;
  font-family: "Merriweather Sans", sans-serif;
  text-align: right;
  line-height: 14px;
  font-weight: 200;
}
.lesestoff-container .lesestoff-box .tag-box span {
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 1px;
  border-left: 3px solid white;
  display: inline-block;
  height: 14px;
  background-color: rgba(88, 93, 112, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: white;
}
.lesestoff-container .lesestoff-box .tag-box span:hover {
  color: #333;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.lesestoff-container .lesestoff-box h3.ls-title {
  background-color: rgba(88, 93, 112, 0.4);
  margin: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-family: "Merriweather Sans", sans-serif;
  padding-left: 1.5em;
}
@media (max-width: 799px) {
  .lesestoff-container .lesestoff-box h3.ls-title {
    border-right: #585d70 2px solid;
  }
}
.lesestoff-container .lesestoff-box .ls-body {
  font-size: 0;
  position: relative;
  min-height: 200px;
  margin-bottom: 150px;
}
.lesestoff-container .lesestoff-box .ls-body .left-box,
.lesestoff-container .lesestoff-box .ls-body .right-box {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
  position: relative;
}
.lesestoff-container .lesestoff-box .ls-body .left-box {
  width: 33%;
  height: 100%;
  position: absolute;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-figure {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #585d70;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-figure.with-cover {
  background-size: cover;
  background-position: center center;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-figure.read-online {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-figure.read-online::before {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 50px;
  line-height: 60px;
  width: 60px;
  height: 60px;
  color: white;
  text-shadow: 0 0 3px black;
  font-family: "kesten-icons";
  content: "";
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-figure .preview-text {
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  max-height: 90%;
  font-size: 0.95vw;
  overflow: hidden;
  color: white;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(35%, black), to(black));
  -webkit-mask-image: linear-gradient(to top, transparent 0%, black 35%, black 100%);
          mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(35%, black), to(black));
          mask-image: linear-gradient(to top, transparent 0%, black 35%, black 100%);
  -webkit-mask-size: 115% 100%;
          mask-size: 115% 100%;
  -webkit-mask-position: bottom;
          mask-position: bottom;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (min-width: 1169px) {
  .lesestoff-container .lesestoff-box .ls-body .left-box .ls-figure .preview-text {
    font-size: 11.1px;
  }
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box {
  position: absolute;
  top: 100%;
  right: 0;
  height: 0px;
  background-color: rgba(88, 93, 112, 0.2);
  width: 50%;
  font-size: 0;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box:before {
  position: absolute;
  display: block;
  top: 50%;
  content: "";
  font-size: 30px;
  font-family: "kesten-icons";
  color: rgba(88, 93, 112, 0.25);
  -webkit-transform: translate(-150%, 50%);
      -ms-transform: translate(-150%, 50%);
          transform: translate(-150%, 50%);
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder {
  display: inline-block;
  width: 50%;
  position: relative;
  padding-top: 50%;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .square {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1rem;
  overflow: hidden;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .square:before {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -59%);
      -ms-transform: translate(-50%, -59%);
          transform: translate(-50%, -59%);
  font-family: "kesten-icons";
  font-size: 4.25vw;
  color: rgba(88, 93, 112, 0.25);
}
@media (min-width: 1169px) {
  .lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .square:before {
    font-size: 49.65px;
  }
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .square.has-link::after {
  position: absolute;
  display: block;
  left: 50%;
  top: -50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  font-family: "Merriweather Sans", sans-serif;
  color: white;
  text-shadow: 0 0 3px black;
  text-align: center;
  font-weight: 600;
  -webkit-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .square.has-link:hover::after {
  top: 50%;
  -webkit-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .square .size {
  position: absolute;
  bottom: 3px;
  width: 100%;
  text-align: center;
  color: black;
  font-size: 10px;
  text-decoration: none;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .dl-pdf {
  background-color: rgba(88, 93, 112, 0.25);
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .dl-pdf::before {
  content: "";
  color: #c1272d;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .dl-pdf.has-link::after {
  content: "PDF";
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .dl-epub {
  background-color: rgba(88, 93, 112, 0.5);
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .dl-epub::before {
  content: "";
  color: #3a4a3b;
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .dl-epub.has-link::after {
  content: "ePUB";
}
.lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box .dl-holder .empty {
  opacity: 0.25;
}
.lesestoff-container .lesestoff-box .ls-body .right-box {
  width: 63%;
  margin-left: 37%;
}
.lesestoff-container .lesestoff-box .ls-body .right-box .ls-description {
  padding-right: 1em;
}
@media (max-width: 799px) {
  .lesestoff-container .lesestoff-box .ls-body {
    margin-bottom: 250px;
    border-right: #585d70 2px solid;
  }
  .lesestoff-container .lesestoff-box .ls-body .left-box,
.lesestoff-container .lesestoff-box .ls-body .right-box {
    display: block;
    font-size: 1rem;
    position: relative;
  }
  .lesestoff-container .lesestoff-box .ls-body .left-box {
    height: 100px;
    position: absolute;
    width: 100%;
    top: 100%;
  }
  .lesestoff-container .lesestoff-box .ls-body .left-box .ls-figure {
    border-right: #585d70 2px solid;
    width: calc(100%);
  }
  .lesestoff-container .lesestoff-box .ls-body .left-box .ls-figure .preview-text {
    font-size: 2vw;
  }
  .lesestoff-container .lesestoff-box .ls-body .left-box .ls-downloads-box {
    right: -2px;
  }
  .lesestoff-container .lesestoff-box .ls-body .right-box {
    width: 100%;
    font-size: 13px;
    margin-left: 0;
    margin-bottom: 200px;
  }
  .lesestoff-container .lesestoff-box .ls-body .right-box .ls-description {
    padding-right: 0;
  }
  .lesestoff-container .lesestoff-box .ls-body .right-box .ls-description p:first-child {
    margin-top: 0;
    padding-top: 1em;
  }
}

body .mmvp-holder,
body .mmap-holder {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 0;
  height: 0;
  top: 50vh;
  left: 50vw;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  z-index: 100000001;
  -webkit-transition: width 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s, opacity 0.25s linear 0.25s, visibility 0s linear 0.5s;
  -o-transition: width 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s, opacity 0.25s linear 0.25s, visibility 0s linear 0.5s;
  transition: width 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s, opacity 0.25s linear 0.25s, visibility 0s linear 0.5s;
}
body .mmvp-holder.player-active,
body .mmap-holder.player-active {
  visibility: visible;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: width 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s, opacity 0.25s linear 0s, visibility 0s linear 0s;
  -o-transition: width 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s, opacity 0.25s linear 0s, visibility 0s linear 0s;
  transition: width 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s, opacity 0.25s linear 0s, visibility 0s linear 0s;
}
body .mmvp-holder .master,
body .mmap-holder .master {
  position: absolute;
  left: 50%;
  top: 49%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body .mmvp-holder .mmvp-closer,
body .mmvp-holder .mmap-closer,
body .mmap-holder .mmvp-closer,
body .mmap-holder .mmap-closer {
  position: absolute;
  right: 3vw;
  top: 3vw;
  width: 3vw;
  height: 3vw;
  min-width: 30px;
  min-height: 30px;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
}
body .mmvp-holder .mmvp-closer:hover,
body .mmvp-holder .mmap-closer:hover,
body .mmap-holder .mmvp-closer:hover,
body .mmap-holder .mmap-closer:hover {
  -webkit-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
}
body .mmvp-holder .mmvp-closer:hover:before, body .mmvp-holder .mmvp-closer:hover:after,
body .mmvp-holder .mmap-closer:hover:before,
body .mmvp-holder .mmap-closer:hover:after,
body .mmap-holder .mmvp-closer:hover:before,
body .mmap-holder .mmvp-closer:hover:after,
body .mmap-holder .mmap-closer:hover:before,
body .mmap-holder .mmap-closer:hover:after {
  background-color: white;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
body .mmvp-holder .mmvp-closer:hover:after,
body .mmvp-holder .mmap-closer:hover:after,
body .mmap-holder .mmvp-closer:hover:after,
body .mmap-holder .mmap-closer:hover:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
body .mmvp-holder .mmvp-closer:hover:before,
body .mmvp-holder .mmap-closer:hover:before,
body .mmap-holder .mmvp-closer:hover:before,
body .mmap-holder .mmap-closer:hover:before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
body .mmvp-holder .mmvp-closer:before, body .mmvp-holder .mmvp-closer:after,
body .mmvp-holder .mmap-closer:before,
body .mmvp-holder .mmap-closer:after,
body .mmap-holder .mmvp-closer:before,
body .mmap-holder .mmvp-closer:after,
body .mmap-holder .mmap-closer:before,
body .mmap-holder .mmap-closer:after {
  content: "";
  display: block;
  width: 80%;
  height: 10%;
  position: absolute;
  left: 10%;
  top: 45%;
  background-color: white;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
body .mmvp-holder .mmvp-closer:after,
body .mmvp-holder .mmap-closer:after,
body .mmap-holder .mmvp-closer:after,
body .mmap-holder .mmap-closer:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
body .mmvp-holder .mmvp-closer:before,
body .mmvp-holder .mmap-closer:before,
body .mmap-holder .mmvp-closer:before,
body .mmap-holder .mmap-closer:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

div.full-text-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  z-index: 100000;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: visibility 0s linear 0s, opacity 1s linear 0s, -webkit-transform 1s ease-in-out 0s;
  transition: visibility 0s linear 0s, opacity 1s linear 0s, -webkit-transform 1s ease-in-out 0s;
  -o-transition: visibility 0s linear 0s, opacity 1s linear 0s, transform 1s ease-in-out 0s;
  transition: visibility 0s linear 0s, opacity 1s linear 0s, transform 1s ease-in-out 0s;
  transition: visibility 0s linear 0s, opacity 1s linear 0s, transform 1s ease-in-out 0s, -webkit-transform 1s ease-in-out 0s;
}
div.full-text-container.hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: visibility 0s linear 1s, opacity 1s linear 0s, -webkit-transform 1s ease-in-out 0s;
  transition: visibility 0s linear 1s, opacity 1s linear 0s, -webkit-transform 1s ease-in-out 0s;
  -o-transition: visibility 0s linear 1s, opacity 1s linear 0s, transform 1s ease-in-out 0s;
  transition: visibility 0s linear 1s, opacity 1s linear 0s, transform 1s ease-in-out 0s;
  transition: visibility 0s linear 1s, opacity 1s linear 0s, transform 1s ease-in-out 0s, -webkit-transform 1s ease-in-out 0s;
}
div.full-text-container .full-text {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  margin-bottom: 4em;
  padding-left: 1em;
  padding-right: 1em;
  height: calc(100vh - 7em);
  overflow: auto;
}
div.full-text-container .closer {
  position: absolute;
  right: 2vw;
  top: 2vw;
  width: 3vw;
  height: 3vw;
  min-width: 30px;
  min-height: 30px;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
}
div.full-text-container .closer:hover {
  -webkit-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
}
div.full-text-container .closer:hover:before, div.full-text-container .closer:hover:after {
  background-color: #585d70;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
div.full-text-container .closer:hover:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
div.full-text-container .closer:hover:before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
div.full-text-container .closer:before, div.full-text-container .closer:after {
  content: "";
  display: block;
  width: 80%;
  height: 10%;
  position: absolute;
  left: 10%;
  top: 45%;
  background-color: #585d70;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
div.full-text-container .closer:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
div.full-text-container .closer:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

article.kesten-preise .post-content {
  max-width: 800px;
}
article.kesten-preise .intro {
  max-width: 800px;
  padding: 10%;
  background-image: url("../img/curly-brace.svg"), url("../img/pen-faeecher.svg");
  background-repeat: no-repeat;
  background-position: left center, 85% 85%;
  background-size: auto 75%, auto 45%;
}
article.kesten-preise .intro .intro-holder {
  position: relative;
  font-size: 0;
}
article.kesten-preise .intro .intro-holder .intro-image,
article.kesten-preise .intro .intro-holder .intro-text {
  display: inline-block;
}
article.kesten-preise .intro .intro-holder .intro-image {
  width: 20%;
  vertical-align: top;
  padding-top: 30px;
}
article.kesten-preise .intro .intro-holder .intro-image img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
  -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.3);
}
article.kesten-preise .intro .intro-holder .intro-text {
  vertical-align: middle;
  width: 70%;
  font-size: 1rem;
  position: relative;
}
article.kesten-preise .intro .intro-holder .intro-text .inner {
  width: 80%;
  margin: auto;
}
article.kesten-preise .intro .intro-holder .intro-text .inner p {
  line-height: 1.4;
}
@media (max-width: 1699px) {
  article.kesten-preise .intro {
    padding: 15%;
  }
  article.kesten-preise .intro .intro-holder .intro-text {
    width: 65%;
  }
}
@media (max-width: 1449px) {
  article.kesten-preise .intro {
    padding: 20%;
  }
  article.kesten-preise .intro .intro-holder .intro-image {
    width: 30%;
  }
  article.kesten-preise .intro .intro-holder .intro-text {
    width: 55%;
    font-size: 13px;
  }
}
@media (max-width: 949px) {
  article.kesten-preise .intro {
    padding: 20%;
  }
  article.kesten-preise .intro .intro-holder .intro-image {
    position: absolute;
    right: -50px;
    top: -20px;
    width: 30%;
  }
  article.kesten-preise .intro .intro-holder .intro-text {
    width: 80%;
    font-size: 13px;
  }
}
@media (max-width: 749px) {
  article.kesten-preise .intro {
    padding: 20%;
    background-size: auto 85%, auto 25%;
    background-position: left center, 95% 85%;
  }
  article.kesten-preise .intro .intro-holder .intro-image {
    position: absolute;
    right: -30%;
    top: -15%;
    width: 45%;
  }
  article.kesten-preise .intro .intro-holder .intro-text {
    width: 80%;
    font-size: 12px;
  }
}
@media (max-width: 649px) {
  article.kesten-preise .intro {
    padding: 20%;
    padding-right: 0;
    background-size: auto 75%, auto 25%;
    background-position: left center, 95% 85%;
  }
  article.kesten-preise .intro .intro-holder .intro-image {
    display: none;
  }
  article.kesten-preise .intro .intro-holder .intro-text {
    width: 80%;
    font-size: 12px;
  }
}
@media (max-width: 619px) {
  article.kesten-preise .intro {
    padding: 20%;
    padding-right: 0;
    padding-left: 10%;
    left: -15%;
    width: 115%;
    position: relative;
    background-size: auto 75%, auto 25%;
    background-position: left center, 95% 85%;
  }
  article.kesten-preise .intro .intro-holder .intro-image {
    display: none;
  }
  article.kesten-preise .intro .intro-holder .intro-text {
    width: 90%;
    font-size: 12px;
  }
}
@media (max-width: 499px) {
  article.kesten-preise .intro {
    padding: 20%;
    padding-right: 0;
    padding-left: 0;
    left: 0;
    width: 100%;
    position: relative;
    background-image: none;
  }
  article.kesten-preise .intro .intro-holder .intro-text {
    width: 100%;
    font-size: 12px;
  }
}
article.kesten-preise h1.kp {
  padding-left: 2em;
  background-image: url("../img/PEN_logo.jpg");
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  article.kesten-preise h1.kp {
    font-size: 32px;
  }
}
@media (max-width: 799px) {
  article.kesten-preise h1.kp {
    font-size: 24px;
  }
}
@media (max-width: 599px) {
  article.kesten-preise h1.kp {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  article.kesten-preise .content {
    font-size: 14px;
  }
}
@media (max-width: 799px) {
  article.kesten-preise .content {
    font-size: 12px;
  }
}
@media (max-width: 599px) {
  article.kesten-preise .content {
    font-size: 11px;
  }
}
article.kesten-preise h2 {
  margin-top: 3em;
  margin-bottom: 0.5em;
}
article.kesten-preise div.year {
  border-width: 0px 3px 3px 0px;
  border-color: rgba(88, 93, 112, 0.5);
  border-style: solid;
  margin-bottom: 3em;
}
article.kesten-preise div.year .award.kfp {
  margin-top: 3em;
}
article.kesten-preise div.year h3.year {
  font-size: 28px;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  padding-top: 2px;
  padding-left: 1.5em;
  padding-bottom: 4px;
  background-color: rgba(88, 93, 112, 0.5);
}
@media (max-width: 1199px) {
  article.kesten-preise div.year h3.year {
    font-size: 24px;
  }
}
@media (max-width: 799px) {
  article.kesten-preise div.year h3.year {
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  article.kesten-preise div.year h3.year {
    font-size: 14px;
  }
}
article.kesten-preise div.year h4.price-name {
  font-weight: 200;
  color: rgba(255, 255, 255, 0.9);
  background-color: rgba(88, 93, 112, 0.33);
  font-size: 18px;
  font-family: "Merriweather Sans", sans-serif;
  margin-top: 2px;
  margin-bottom: 0;
  padding-top: 0.3em;
  padding-left: 30px;
}
@media (max-width: 1199px) {
  article.kesten-preise div.year h4.price-name {
    font-size: 16px;
  }
}
@media (max-width: 799px) {
  article.kesten-preise div.year h4.price-name {
    font-size: 14px;
  }
}
@media (max-width: 599px) {
  article.kesten-preise div.year h4.price-name {
    font-size: 12px;
  }
}
article.kesten-preise div.year h3.laureat {
  background-color: rgba(88, 93, 112, 0.33);
  font-size: 32px;
  margin-top: 0px;
  margin-bottom: 0;
  padding-left: 30px;
}
@media (max-width: 1199px) {
  article.kesten-preise div.year h3.laureat {
    font-size: 28px;
  }
}
@media (max-width: 799px) {
  article.kesten-preise div.year h3.laureat {
    font-size: 18px;
  }
}
@media (max-width: 599px) {
  article.kesten-preise div.year h3.laureat {
    font-size: 16px;
  }
}
article.kesten-preise div.year .laureat-content-box {
  font-size: 0;
}
article.kesten-preise div.year .laureat-content-box .laureat-desc,
article.kesten-preise div.year .laureat-content-box .laureat-imgbox {
  display: inline-block;
  vertical-align: top;
}
article.kesten-preise div.year .laureat-content-box .laureat-desc {
  width: calc(67% - 1.5em);
  font-size: 1rem;
  margin-right: 1.5em;
}
@media (max-width: 799px) {
  article.kesten-preise div.year .laureat-content-box .laureat-desc {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  article.kesten-preise div.year .laureat-content-box .laureat-desc {
    font-size: 14px;
  }
}
@media (max-width: 799px) {
  article.kesten-preise div.year .laureat-content-box .laureat-desc {
    font-size: 12px;
  }
}
@media (max-width: 599px) {
  article.kesten-preise div.year .laureat-content-box .laureat-desc {
    font-size: 11px;
  }
}
article.kesten-preise div.year .laureat-content-box .laureat-imgbox {
  width: 33%;
  position: relative;
}
@media (max-width: 799px) {
  article.kesten-preise div.year .laureat-content-box .laureat-imgbox {
    width: 100%;
  }
}
article.kesten-preise div.year .laureat-content-box .laureat-imgbox img {
  width: 100%;
  height: auto;
}
article.kesten-preise div.year .laureat-content-box .laureat-imgbox .img-info {
  position: absolute;
  width: calc(100% - 10px);
  bottom: 0;
  font-family: "Merriweather Sans", sans-serif;
  color: white;
  font-size: 9px;
  font-weight: 200;
  text-align: right;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-top: 50px;
  background: -o-radial-gradient(bottom right, ellipse 100% 100%, black 0%, transparent 100%);
  background: radial-gradient(ellipse 100% 100% at bottom right, black 0%, transparent 100%);
}
article.kesten-preise div.year .laureat-link-box {
  font-size: 1rem;
}
article.kesten-preise div.year .laureat-link-box:empty {
  display: none;
}
@media (max-width: 1199px) {
  article.kesten-preise div.year .laureat-link-box {
    font-size: 14px;
  }
}
@media (max-width: 799px) {
  article.kesten-preise div.year .laureat-link-box {
    font-size: 12px;
  }
}
@media (max-width: 599px) {
  article.kesten-preise div.year .laureat-link-box {
    font-size: 11px;
  }
}
article.kesten-preise div.year .laureat-link-box .single-link {
  background-color: rgba(88, 93, 112, 0.15);
  line-height: 2em;
  padding: 3px;
  border-bottom-color: white;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}
article.kesten-preise div.year .laureat-link-box .single-link .laureat-link {
  padding-left: 1.5em;
}
@media (max-width: 1199px) {
  article.kesten-preise div.year .laureat-link-box .single-link .laureat-link {
    font-size: 14px;
  }
}
@media (max-width: 799px) {
  article.kesten-preise div.year .laureat-link-box .single-link .laureat-link {
    font-size: 12px;
  }
}
@media (max-width: 599px) {
  article.kesten-preise div.year .laureat-link-box .single-link .laureat-link {
    font-size: 11px;
  }
}
article.kesten-preise div.year .laureat-link-box .single-link .laureat-link a {
  color: #313335;
  text-decoration: none;
}
article.kesten-preise div.year .laureat-link-box .single-link .laureat-link a:before {
  content: " ";
  font-family: "kesten-icons";
  position: relative;
  top: -0.1em;
}
article.kesten-preise div.year .laureat-link-box .single-link .laureat-link a:hover {
  text-decoration: underline;
}
article.kesten-preise div.year .laureat-link-box .single-link .link-description {
  font-size: 12px;
  font-family: "Merriweather Sans", sans-serif;
  padding-left: 3.5em;
}
@media (max-width: 599px) {
  article.kesten-preise div.year .laureat-link-box .single-link .link-description {
    padding-top: 0.5em;
    font-size: 11px;
    padding-left: 1em;
    line-height: 1.2;
  }
}
article.kesten-preise div.year .laureat-link-box .single-link .link-description p:first-of-type {
  margin-top: 0;
}
article.kesten-preise div.year .mm-image-gallery-thumbs {
  background-color: rgba(88, 93, 112, 0.15);
  font-size: 0;
}
article.kesten-preise div.year .mm-image-gallery-thumbs .gallery-image-box {
  font-size: 0.9rem;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  margin-right: 3px;
}
article.kesten-preise div.year .mm-image-gallery-thumbs .gallery-image-box:hover {
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1);
}
article.kesten-preise .year-info-box {
  margin-top: 2em;
}
article.kesten-preise .year-link-box {
  font-size: 1rem;
}
article.kesten-preise .year-link-box:empty {
  display: none;
}
article.kesten-preise .year-link-box .single-link {
  background-color: rgba(88, 93, 112, 0.15);
  line-height: 2em;
  padding: 3px;
  border-bottom-color: white;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}
article.kesten-preise .year-link-box .single-link .year-link {
  padding-left: 1.5em;
}
article.kesten-preise .year-link-box .single-link .year-link a {
  color: #313335;
  text-decoration: none;
}
article.kesten-preise .year-link-box .single-link .year-link a:before {
  content: " ";
  font-family: "kesten-icons";
  position: relative;
  top: -0.1em;
}
article.kesten-preise .year-link-box .single-link .year-link a:hover {
  text-decoration: underline;
}
article.kesten-preise .year-link-box .single-link .link-description {
  font-size: 12px;
  font-family: "Merriweather Sans", sans-serif;
  padding-left: 3.5em;
}
article.kesten-preise .year-link-box .single-link .link-description p:first-of-type {
  margin-top: 0;
}
article.kesten-preise .general-link-box {
  font-size: 1rem;
}
article.kesten-preise .general-link-box:empty {
  display: none;
}
article.kesten-preise .general-link-box .single-link {
  background-color: rgba(88, 93, 112, 0);
  line-height: 2em;
  padding: 3px;
  border-bottom-color: white;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}
article.kesten-preise .general-link-box .single-link .general-link {
  padding-left: 1.5em;
}
article.kesten-preise .general-link-box .single-link .general-link a {
  color: #313335;
  text-decoration: none;
}
article.kesten-preise .general-link-box .single-link .general-link a:before {
  content: " ";
  font-family: "kesten-icons";
  position: relative;
  top: -0.1em;
}
article.kesten-preise .general-link-box .single-link .general-link a:hover {
  text-decoration: underline;
}
article.kesten-preise .general-link-box .single-link .link-description {
  font-size: 12px;
  font-family: "Merriweather Sans", sans-serif;
  padding-left: 3.5em;
}
article.kesten-preise .general-link-box .single-link .link-description p:first-of-type {
  margin-top: 0;
}

@media (max-width: 1249px) {
  #main-body > .col.left {
    width: 50px;
    z-index: 100000000;
    position: relative;
    overflow: hidden;
    height: 50px;
  }
  #main-body > .col.left .side-nav-container {
    position: absolute;
    right: 0;
    width: 300px;
    background-color: white;
    -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.3);
    -webkit-transition: right 0.75s ease-in-out;
    -o-transition: right 0.75s ease-in-out;
    transition: right 0.75s ease-in-out;
  }
  #main-body > .col.left .side-nav-container ul.menu > li > a.station-menu-link:hover {
    color: #3a4a3b;
  }
  #main-body > .col.left .side-nav-container ul.menu > li > a.station-menu-link:hover:after {
    color: #313335;
  }
  #main-body > .col.left.small-nav-open {
    overflow: visible;
  }
  #main-body > .col.left.small-nav-open .side-nav-container {
    right: -250px;
    -webkit-transition: right 0.75s ease-in-out;
    -o-transition: right 0.75s ease-in-out;
    transition: right 0.75s ease-in-out;
  }

  #main-body .main-container {
    width: calc(100% - 50px);
  }
}
@media (max-width: 979px) {
  .gallery.column-side {
    width: 220px;
  }
  .gallery.column-side:empty {
    width: 0;
  }

  .post-content.column-main {
    width: calc(100% - 220px - 2rem);
  }

  div.schlaglicht-box {
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media (max-width: 799px) {
  #main-body .gallery.column-side {
    display: block;
    width: 100%;
    margin-top: 3em;
  }
  #main-body .gallery.column-side .gallery-image-box,
#main-body .gallery.column-side .mmvp-teaser-box,
#main-body .gallery.column-side .mmap-teaser-box {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
    width: calc(32.5% - 2rem / 3 - 10px);
    padding: 5px;
  }
  #main-body .gallery.column-side .gallery-image-box:nth-child(3n),
#main-body .gallery.column-side .mmvp-teaser-box:nth-child(3n),
#main-body .gallery.column-side .mmap-teaser-box:nth-child(3n) {
    margin-right: 0;
  }
  #main-body .gallery.column-side img {
    max-width: 100%;
    height: auto;
  }
  #main-body .post-content.column-main {
    display: block;
    width: 100%;
  }

  header.page-menu nav.page-nav div ul.menu {
    height: 22px;
    position: relative;
    z-index: 5;
  }
  header.page-menu nav.page-nav div ul.menu li {
    font-size: 11px;
  }

  footer.site-footer .main-section nav ul.menu li a {
    font-size: 12px;
  }
}
@media (max-width: 599px) {
  #main-body .gallery.column-side .gallery-image-box,
#main-body .gallery.column-side .mmvp-teaser-box {
    width: 90%;
  }

  h1 {
    font-size: 28px;
    margin-top: 0.7em;
  }

  article.plain p {
    font-size: 14px;
  }
  article.plain .post-content.column-main blockquote {
    line-height: 1.2;
  }
  article.plain .post-content.column-main blockquote footer {
    margin-top: 10px;
  }
  article.plain .post-content.column-main blockquote footer cite {
    font-size: 80%;
  }
  article.plain .post-content.column-main blockquote.citation {
    margin-left: 15px;
    margin-right: 7px;
  }

  table.bio {
    font-size: 12px;
    left: -50px;
    position: relative;
  }
  table.bio tr td:first-child {
    padding-right: 1em;
  }
}
/* smaller iPhones */
@media (max-width: 329px) {
  header.main-header.has-station .inner div.header-title-box {
    top: 12px;
    left: -40px;
  }
  header.main-header.has-station .inner .station-layer .map-station-title-box {
    bottom: -200%;
  }
  header.main-header.has-station .inner .station-layer div.map-dot {
    width: 6px;
    height: 6px;
  }
  header.main-header .inner div.header-title-box h2 .top {
    top: 10px;
    position: relative;
  }
  header.main-header .inner .station-layer .map-station-title-box {
    bottom: -400%;
  }
  header.main-header .inner .station-layer .map-station-title-box h2 .time {
    font-size: 12px;
    top: -1em;
  }

  article.plain h1 {
    margin-top: 20px;
    font-size: 20px;
  }
  article.plain p {
    font-size: 13px;
  }
  article.plain .post-content.column-main blockquote {
    line-height: 1.2;
  }
  article.plain .post-content.column-main blockquote footer {
    margin-top: 10px;
  }
  article.plain .post-content.column-main blockquote footer cite {
    font-size: 80%;
  }
  article.plain .post-content.column-main blockquote.citation {
    margin-left: 5px;
    margin-right: 3px;
  }

  table.bio {
    font-size: 11px;
  }
}
/* debug log in page */
#log {
  display: none;
  position: fixed;
  width: calc(90% - 10px);
  bottom: 5%;
  height: 20%;
  overflow: auto;
  font-family: monospace;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.88);
  color: lime;
  bottom: 10px;
  left: 5%;
  padding: 5px;
  z-index: 100000004;
}

#input-type {
  display: none;
  position: fixed;
  width: calc(45% - 10px);
  bottom: 5%;
  height: 20%;
  overflow: auto;
  font-family: monospace;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.88);
  color: black;
  bottom: 10px;
  right: 5%;
  padding: 5px;
  z-index: 100000005;
}
#input-type div {
  display: none;
  margin: 10px;
  padding: 5px;
  border: 1px red solid;
  /* The primary input mechanism of the device includes a pointing device of limited accuracy. */
  /* The primary input mechanism of the device includes an accurate pointing device. */
  /* The primary input mechanism of the device does not include a pointing device. */
  /* Primary input mechanism system can 
  hover over elements with ease */
  /* Primary input mechanism cannot hover 
  at all or cannot conveniently hover 
  (e.g., many mobile devices emulate hovering
  when the user performs an inconvenient long tap), 
  or there is no primary pointing input mechanism */
  /* One or more available input mechanism(s) 
  can hover over elements with ease */
  /* One or more available input mechanism(s) can hover, 
  but not easily (e.g., many mobile devices emulate 
  hovering when the user performs a long tap) */
  /* One or more available input mechanism(s) cannot 
  hover (or there are no pointing input mechanisms) */
  /* At least one input mechanism of the device 
  includes a pointing device of limited accuracy. */
  /* At least one input mechanism of the device 
  includes an accurate pointing device. */
  /* The device does not include any pointing device. */
}
@media (pointer: coarse) {
  #input-type div.pointer-coarse {
    display: block;
  }
}
@media (pointer: fine) {
  #input-type div.pointer-fine {
    display: block;
  }
}
@media (pointer: none) {
  #input-type div.pointer-none {
    display: block;
  }
}
@media (hover: hover) {
  #input-type div.hover-hover {
    display: block;
  }
}
@media (hover: none) {
  #input-type div.hover-none {
    display: block;
  }
}
@media (any-hover: hover) {
  #input-type div.any-hover-hover {
    display: block;
  }
}
@media (any-hover: on-demand) {
  #input-type div.any-hover-on-demand {
    display: block;
  }
}
@media (any-hover: none) {
  #input-type div.any-hover-none {
    display: block;
  }
}
@media (any-pointer: coarse) {
  #input-type div.any-pointer-coarse {
    display: block;
  }
}
@media (any-pointer: fine) {
  #input-type div.any-pointer-fine {
    display: block;
  }
}
@media (any-pointer: none) {
  #input-type div.any-pointer-none {
    display: block;
  }
}/*# sourceMappingURL=kesten.css.map */