@charset "UTF-8";
.row {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  transition: padding 0.3s ease-out 0s; }
  @media (min-width: 1px) {
    .row {
      padding-right: 9px;
      padding-left: 9px; } }
  @media (min-width: 481px) {
    .row {
      padding-right: 13px;
      padding-left: 13px; } }
  @media (min-width: 768px) {
    .row {
      padding-right: 30px;
      padding-left: 30px; } }
  @media (min-width: 992px) {
    .row {
      padding-right: 38px;
      padding-left: 38px; } }
  @media (min-width: 1281px) {
    .row {
      padding-right: 65px;
      padding-left: 65px; } }

.max {
  max-width: 100%; }

.fullwidth {
  max-width: 100%;
  padding-right: 0;
  padding-left: 0; }

.leftside {
  margin-left: 0; }

.col {
  transform: width 0.3s ease-in-out 0s; }
  @media (min-width: 1px) {
    .col {
      padding-right: 5px;
      padding-left: 5px; } }
  @media (min-width: 481px) {
    .col {
      padding-right: 7px;
      padding-left: 7px; } }
  @media (min-width: 768px) {
    .col {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 992px) {
    .col {
      padding-right: 12px;
      padding-left: 12px; } }
  @media (min-width: 1281px) {
    .col {
      padding-right: 15px;
      padding-left: 15px; } }
  .col.full {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0; }
@media (min-width: 1px) and (min-width: 1px) {
  .col.box {
    padding: 10px; } }
@media (min-width: 1px) and (min-width: 481px) {
  .col.box {
    padding: 14px; } }
@media (min-width: 1px) and (min-width: 768px) {
  .col.box {
    padding: 20px; } }
@media (min-width: 1px) and (min-width: 992px) {
  .col.box {
    padding: 24px; } }
@media (min-width: 1px) and (min-width: 1281px) {
  .col.box {
    padding: 30px; } }

@media (min-width: 768px) and (min-width: 1px) {
  .col.box {
    padding: 5px; } }
@media (min-width: 768px) and (min-width: 481px) {
  .col.box {
    padding: 7px; } }
@media (min-width: 768px) and (min-width: 768px) {
  .col.box {
    padding: 10px; } }
@media (min-width: 768px) and (min-width: 992px) {
  .col.box {
    padding: 12px; } }
@media (min-width: 768px) and (min-width: 1281px) {
  .col.box {
    padding: 15px; } }

@media (min-width: 1px) {
  .col.xs-1 {
    width: 8.3333333333%; }

  .col.xs--1 {
    margin-left: 8.3333333333%; }

  .col.xs-2 {
    width: 16.6666666667%; }

  .col.xs--2 {
    margin-left: 16.6666666667%; }

  .col.xs-3 {
    width: 25%; }

  .col.xs--3 {
    margin-left: 25%; }

  .col.xs-4 {
    width: 33.3333333333%; }

  .col.xs--4 {
    margin-left: 33.3333333333%; }

  .col.xs-5 {
    width: 41.6666666667%; }

  .col.xs--5 {
    margin-left: 41.6666666667%; }

  .col.xs-6 {
    width: 50%; }

  .col.xs--6 {
    margin-left: 50%; }

  .col.xs-7 {
    width: 58.3333333333%; }

  .col.xs--7 {
    margin-left: 58.3333333333%; }

  .col.xs-8 {
    width: 66.6666666667%; }

  .col.xs--8 {
    margin-left: 66.6666666667%; }

  .col.xs-9 {
    width: 75%; }

  .col.xs--9 {
    margin-left: 75%; }

  .col.xs-10 {
    width: 83.3333333333%; }

  .col.xs--10 {
    margin-left: 83.3333333333%; }

  .col.xs-11 {
    width: 91.6666666667%; }

  .col.xs--11 {
    margin-left: 91.6666666667%; }

  .col.xs-12 {
    width: 100%; }

  .col.xs--12 {
    margin-left: 100%; }

  .col.xs--0 {
    margin-left: 0; } }
@media (min-width: 481px) {
  .col.s-1 {
    width: 8.3333333333%; }

  .col.s--1 {
    margin-left: 8.3333333333%; }

  .col.s-2 {
    width: 16.6666666667%; }

  .col.s--2 {
    margin-left: 16.6666666667%; }

  .col.s-3 {
    width: 25%; }

  .col.s--3 {
    margin-left: 25%; }

  .col.s-4 {
    width: 33.3333333333%; }

  .col.s--4 {
    margin-left: 33.3333333333%; }

  .col.s-5 {
    width: 41.6666666667%; }

  .col.s--5 {
    margin-left: 41.6666666667%; }

  .col.s-6 {
    width: 50%; }

  .col.s--6 {
    margin-left: 50%; }

  .col.s-7 {
    width: 58.3333333333%; }

  .col.s--7 {
    margin-left: 58.3333333333%; }

  .col.s-8 {
    width: 66.6666666667%; }

  .col.s--8 {
    margin-left: 66.6666666667%; }

  .col.s-9 {
    width: 75%; }

  .col.s--9 {
    margin-left: 75%; }

  .col.s-10 {
    width: 83.3333333333%; }

  .col.s--10 {
    margin-left: 83.3333333333%; }

  .col.s-11 {
    width: 91.6666666667%; }

  .col.s--11 {
    margin-left: 91.6666666667%; }

  .col.s-12 {
    width: 100%; }

  .col.s--12 {
    margin-left: 100%; }

  .col.s--0 {
    margin-left: 0; } }
@media (min-width: 768px) {
  .col.m-1 {
    width: 8.3333333333%; }

  .col.m--1 {
    margin-left: 8.3333333333%; }

  .col.m-2 {
    width: 16.6666666667%; }

  .col.m--2 {
    margin-left: 16.6666666667%; }

  .col.m-3 {
    width: 25%; }

  .col.m--3 {
    margin-left: 25%; }

  .col.m-4 {
    width: 33.3333333333%; }

  .col.m--4 {
    margin-left: 33.3333333333%; }

  .col.m-5 {
    width: 41.6666666667%; }

  .col.m--5 {
    margin-left: 41.6666666667%; }

  .col.m-6 {
    width: 50%; }

  .col.m--6 {
    margin-left: 50%; }

  .col.m-7 {
    width: 58.3333333333%; }

  .col.m--7 {
    margin-left: 58.3333333333%; }

  .col.m-8 {
    width: 66.6666666667%; }

  .col.m--8 {
    margin-left: 66.6666666667%; }

  .col.m-9 {
    width: 75%; }

  .col.m--9 {
    margin-left: 75%; }

  .col.m-10 {
    width: 83.3333333333%; }

  .col.m--10 {
    margin-left: 83.3333333333%; }

  .col.m-11 {
    width: 91.6666666667%; }

  .col.m--11 {
    margin-left: 91.6666666667%; }

  .col.m-12 {
    width: 100%; }

  .col.m--12 {
    margin-left: 100%; }

  .col.m--0 {
    margin-left: 0; } }
@media (min-width: 992px) {
  .col.l-1 {
    width: 8.3333333333%; }

  .col.l--1 {
    margin-left: 8.3333333333%; }

  .col.l-2 {
    width: 16.6666666667%; }

  .col.l--2 {
    margin-left: 16.6666666667%; }

  .col.l-3 {
    width: 25%; }

  .col.l--3 {
    margin-left: 25%; }

  .col.l-4 {
    width: 33.3333333333%; }

  .col.l--4 {
    margin-left: 33.3333333333%; }

  .col.l-5 {
    width: 41.6666666667%; }

  .col.l--5 {
    margin-left: 41.6666666667%; }

  .col.l-6 {
    width: 50%; }

  .col.l--6 {
    margin-left: 50%; }

  .col.l-7 {
    width: 58.3333333333%; }

  .col.l--7 {
    margin-left: 58.3333333333%; }

  .col.l-8 {
    width: 66.6666666667%; }

  .col.l--8 {
    margin-left: 66.6666666667%; }

  .col.l-9 {
    width: 75%; }

  .col.l--9 {
    margin-left: 75%; }

  .col.l-10 {
    width: 83.3333333333%; }

  .col.l--10 {
    margin-left: 83.3333333333%; }

  .col.l-11 {
    width: 91.6666666667%; }

  .col.l--11 {
    margin-left: 91.6666666667%; }

  .col.l-12 {
    width: 100%; }

  .col.l--12 {
    margin-left: 100%; }

  .col.l--0 {
    margin-left: 0; } }
@media (min-width: 1281px) {
  .col.xl-1 {
    width: 8.3333333333%; }

  .col.xl--1 {
    margin-left: 8.3333333333%; }

  .col.xl-2 {
    width: 16.6666666667%; }

  .col.xl--2 {
    margin-left: 16.6666666667%; }

  .col.xl-3 {
    width: 25%; }

  .col.xl--3 {
    margin-left: 25%; }

  .col.xl-4 {
    width: 33.3333333333%; }

  .col.xl--4 {
    margin-left: 33.3333333333%; }

  .col.xl-5 {
    width: 41.6666666667%; }

  .col.xl--5 {
    margin-left: 41.6666666667%; }

  .col.xl-6 {
    width: 50%; }

  .col.xl--6 {
    margin-left: 50%; }

  .col.xl-7 {
    width: 58.3333333333%; }

  .col.xl--7 {
    margin-left: 58.3333333333%; }

  .col.xl-8 {
    width: 66.6666666667%; }

  .col.xl--8 {
    margin-left: 66.6666666667%; }

  .col.xl-9 {
    width: 75%; }

  .col.xl--9 {
    margin-left: 75%; }

  .col.xl-10 {
    width: 83.3333333333%; }

  .col.xl--10 {
    margin-left: 83.3333333333%; }

  .col.xl-11 {
    width: 91.6666666667%; }

  .col.xl--11 {
    margin-left: 91.6666666667%; }

  .col.xl-12 {
    width: 100%; }

  .col.xl--12 {
    margin-left: 100%; }

  .col.xl--0 {
    margin-left: 0; } }
.row,
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

body, main,
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.row > *,
.flex-row > *,
body > *,
main > *,
.flex-column > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.row,
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

body, main,
.flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.row, body, main,
.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.row,
.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

body, main,
.align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.off-z {
  z-index: -1;
  height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  transition: all 0.3s ease-in-out 0s; }

html {
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased; }

.blindtext-s:after {
  content: ' Das liebe ganzes Tal'; }

.blindtext-l:after {
  content: ' Eine wunderbare Heiterkeit hat meine ganze Seele eingenommen, gleich den süssen Frühlingsmorgen, die ich mit ganzem Herzen geniesse. Ich bin allein und freue mich meines Lebens in dieser Gegend, die für solche Seelen geschaffen ist wie die meine.'; }

@media (min-width: 1px) {
  h1, .h1 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 48px;
    line-height: 52px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 52px; }

  h2, .h2 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 36px; }

  h3, .h3, article .lead, .author-container .title {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 26px; }

  ul, .ul, ol, .ol, p, .p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 22px; }

  h4, .h4, .marginal {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 16px; }

  h5, .h5, .caption, article .author, .author-container p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 16px; }

  h6, .h6, .mini, figure figcaption, .author-container .about {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 14px; } }
@media (min-width: 481px) {
  h1, .h1 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 72px;
    line-height: 72px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 72px; }

  h2, .h2 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 44px; }

  h3, .h3, article .lead, .author-container .title {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 30px; }

  ul, .ul, ol, .ol, p, .p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 22px; }

  h4, .h4, .marginal {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 20px; }

  h5, .h5, .caption, article .author, .author-container p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 16px; }

  h6, .h6, .mini, figure figcaption, .author-container .about {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 14px; } }
@media (min-width: 768px) {
  h1, .h1 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 82px;
    line-height: 82px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 82px; }

  h2, .h2 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 48px; }

  h3, .h3, article .lead, .author-container .title {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 32px; }

  ul, .ul, ol, .ol, p, .p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 24px; }

  h4, .h4, .marginal {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 22px; }

  h5, .h5, .caption, article .author, .author-container p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 20px; }

  h6, .h6, .mini, figure figcaption, .author-container .about {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 16px; } }
@media (min-width: 992px) {
  h1, .h1 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 88px;
    line-height: 88px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 88px; }

  h2, .h2 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 48px;
    line-height: 52px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 52px; }

  h3, .h3, article .lead, .author-container .title {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 34px; }

  ul, .ul, ol, .ol, p, .p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 28px; }

  h4, .h4, .marginal {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 24px; }

  h5, .h5, .caption, article .author, .author-container p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 20px; }

  h6, .h6, .mini, figure figcaption, .author-container .about {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 20px; } }
@media (min-width: 1281px) {
  h1, .h1 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 96px;
    line-height: 96px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 96px; }

  h2, .h2 {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 52px;
    line-height: 56px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 56px; }

  h3, .h3, article .lead, .author-container .title {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 36px; }

  ul, .ul, ol, .ol, p, .p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 30px; }

  h4, .h4, .marginal {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 26px; }

  h5, .h5, .caption, article .author, .author-container p {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 22px; }

  h6, .h6, .mini, figure figcaption, .author-container .about {
    font-family: "Seidenberg", "Times", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.015em;
    margin-top: 0;
    margin-bottom: 20px; } }
ul, .ul {
  list-style-type: none;
  padding: 0; }
  @media (min-width: 1px) {
    ul, .ul {
      margin-top: 22px;
      margin-bottom: 22px; } }
  @media (min-width: 481px) {
    ul, .ul {
      margin-top: 22px;
      margin-bottom: 22px; } }
  @media (min-width: 768px) {
    ul, .ul {
      margin-top: 24px;
      margin-bottom: 24px; } }
  @media (min-width: 992px) {
    ul, .ul {
      margin-top: 28px;
      margin-bottom: 28px; } }
  @media (min-width: 1281px) {
    ul, .ul {
      margin-top: 30px;
      margin-bottom: 30px; } }
  ul li, .ul li {
    position: relative;
    margin-left: 2em;
    padding-left: 0.75em; }
    @media (max-width: 481px) {
      ul li, .ul li {
        margin-left: 1.25em; } }
    ul li::before, .ul li::before {
      content: "\FE63";
      /*em-dash*/
      display: inline-block;
      position: absolute;
      left: -2em;
      min-width: 2em;
      text-align: right; }
      @media (max-width: 481px) {
        ul li::before, .ul li::before {
          left: -1.25em;
          min-width: 1.25em; } }
    ul li *:first-child, .ul li *:first-child {
      margin-top: 0.25em;
      margin-bottom: 0.25em; }

ol, .ol {
  list-style-type: none;
  padding: 0;
  counter-reset: li; }
  @media (min-width: 1px) {
    ol, .ol {
      margin-top: 22px;
      margin-bottom: 22px; } }
  @media (min-width: 481px) {
    ol, .ol {
      margin-top: 22px;
      margin-bottom: 22px; } }
  @media (min-width: 768px) {
    ol, .ol {
      margin-top: 24px;
      margin-bottom: 24px; } }
  @media (min-width: 992px) {
    ol, .ol {
      margin-top: 28px;
      margin-bottom: 28px; } }
  @media (min-width: 1281px) {
    ol, .ol {
      margin-top: 30px;
      margin-bottom: 30px; } }
  ol li, .ol li {
    position: relative;
    margin-left: 2em;
    padding-left: 0.75em; }
    @media (max-width: 481px) {
      ol li, .ol li {
        margin-left: 1.25em; } }
    ol li::before, .ol li::before {
      counter-increment: li;
      content: counter(li);
      display: inline-block;
      position: absolute;
      left: -2em;
      min-width: 2em;
      text-align: right; }
      @media (max-width: 481px) {
        ol li::before, .ol li::before {
          left: -1.25em;
          min-width: 1.25em; } }
    ol li *:first-child, .ol li *:first-child {
      margin-top: 0.25em;
      margin-bottom: 0.25em; }

@media (min-width: 1px) {
  h1, .h1 {
    margin-bottom: 44px; } }
@media (min-width: 481px) {
  h1, .h1 {
    margin-bottom: 44px; } }
@media (min-width: 768px) {
  h1, .h1 {
    margin-bottom: 48px; } }
@media (min-width: 992px) {
  h1, .h1 {
    margin-bottom: 56px; } }
@media (min-width: 1281px) {
  h1, .h1 {
    margin-bottom: 60px; } }

.typo-no-margin-bottom h1,
.typo-no-margin-bottom .h1,
.typo-no-margin-bottom h2,
.typo-no-margin-bottom .h2,
.typo-no-margin-bottom h3,
.typo-no-margin-bottom .h3,
.typo-no-margin-bottom p,
.typo-no-margin-bottom .p,
.typo-no-margin-bottom .marginal,
.typo-no-margin-bottom .caption,
.typo-no-margin-bottom .mini {
  margin-bottom: 0; }

.author-container .title, .italic {
  font-style: italic;
  letter-spacing: 0.0125em; }

.bold {
  font-weight: bold; }

.uppercase-15, .uppercase-50, .uppercase-100, .day-time .h3, .day-time .caption, .author-container .about, .uppercase-150, .uppercase-200, .uppercase {
  text-transform: uppercase;
  font-variant-numeric: lining-nums tabular-nums; }

.uppercase-15 {
  letter-spacing: 0.015em; }

.uppercase-50 {
  letter-spacing: 0.05em; }

.uppercase-100 {
  letter-spacing: 0.1em; }

.day-time .h3, .day-time .caption, .author-container .about, .uppercase-150 {
  letter-spacing: 0.150em; }

.uppercase-200 {
  letter-spacing: 0.2em; }

.text-left, .author-container figure figcaption {
  text-align: left; }

.text-center, figure figcaption, .author-container .about, .author-container .title {
  text-align: center; }

.text-right {
  text-align: right; }

ol li::before, .ol li::before, .numbers {
  letter-spacing: 0.015em;
  font-variant-numeric: lining-nums tabular-nums; }

.text-nowrap {
  white-space: nowrap; }

.typo-no-margin-bottom h1,
.typo-no-margin-bottom .h1,
.typo-no-margin-bottom h2,
.typo-no-margin-bottom .h2,
.typo-no-margin-bottom h3,
.typo-no-margin-bottom .h3,
.typo-no-margin-bottom p,
.typo-no-margin-bottom .p,
.typo-no-margin-bottom .marginal,
.typo-no-margin-bottom .caption,
.typo-no-margin-bottom .mini {
  margin-bottom: 0; }

.commalist-item:after {
  content: ', '; }
.commalist-item:last-child:after {
  content: ''; }

.black-theme {
  background-color: #000000;
  color: #e6e6e6; }
  .black-theme.link,
  a.black-theme {
    cursor: pointer;
    color: #e6e6e6;
    text-decoration: none; }
    .black-theme.link:hover,
    .black-theme.link:focus,
    a.black-theme:hover,
    a.black-theme:focus {
      color: #e6e6e6; }
  .black-theme.link-strok-on,
  main a.black-theme {
    cursor: pointer;
    color: #e6e6e6;
    text-decoration: none;
    background-image: linear-gradient(#d9d9d9, #d9d9d9);
    background-position: 0% 90%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    transition: background-size 0.3s ease-in-out 0s; }
    .black-theme.link-strok-on:hover,
    .black-theme.link-strok-on:focus,
    main a.black-theme:hover,
    main a.black-theme:focus {
      color: #e6e6e6;
      background-size: 0% 1px; }
  .black-theme.link-strok-off {
    cursor: pointer;
    color: #e6e6e6;
    text-decoration: none;
    background-image: linear-gradient(#d9d9d9, #d9d9d9);
    background-position: 0% 90%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s ease-in-out 0s; }
    .black-theme.link-strok-off:hover,
    .black-theme.link-strok-off:focus {
      color: #e6e6e6;
      background-size: 100% 1px; }

.white-theme {
  background-color: #ffffff;
  color: #1a1a1a; }
  .white-theme.link,
  a.white-theme {
    cursor: pointer;
    color: #1a1a1a;
    text-decoration: none; }
    .white-theme.link:hover,
    .white-theme.link:focus,
    a.white-theme:hover,
    a.white-theme:focus {
      color: #1a1a1a; }
  .white-theme.link-strok-on,
  main a.white-theme {
    cursor: pointer;
    color: #1a1a1a;
    text-decoration: none;
    background-image: linear-gradient(#1a1a1a, #1a1a1a);
    background-position: 0% 90%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    transition: background-size 0.3s ease-in-out 0s; }
    .white-theme.link-strok-on:hover,
    .white-theme.link-strok-on:focus,
    main a.white-theme:hover,
    main a.white-theme:focus {
      color: #1a1a1a;
      background-size: 0% 1px; }
  .white-theme.link-strok-off {
    cursor: pointer;
    color: #1a1a1a;
    text-decoration: none;
    background-image: linear-gradient(#1a1a1a, #1a1a1a);
    background-position: 0% 90%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s ease-in-out 0s; }
    .white-theme.link-strok-off:hover,
    .white-theme.link-strok-off:focus {
      color: #1a1a1a;
      background-size: 100% 1px; }

button,
.button {
  display: inline-block;
  font-family: "Seidenberg", "Times", serif;
  border: 1px solid #404040;
  background-color: #ffffff;
  white-space: nowrap; }
  @media (min-width: 1px) {
    button,
    .button {
      margin-right: 5px; } }
  @media (min-width: 481px) {
    button,
    .button {
      margin-right: 7px; } }
  @media (min-width: 768px) {
    button,
    .button {
      margin-right: 10px; } }
  @media (min-width: 992px) {
    button,
    .button {
      margin-right: 12px; } }
  @media (min-width: 1281px) {
    button,
    .button {
      margin-right: 15px; } }
  @media (min-width: 1px) {
    button,
    .button {
      margin-bottom: 5px; } }
  @media (min-width: 481px) {
    button,
    .button {
      margin-bottom: 7px; } }
  @media (min-width: 768px) {
    button,
    .button {
      margin-bottom: 10px; } }
  @media (min-width: 992px) {
    button,
    .button {
      margin-bottom: 12px; } }
  @media (min-width: 1281px) {
    button,
    .button {
      margin-bottom: 15px; } }
  @media (min-width: 1px) {
    button,
    .button {
      padding-right: 10.5px;
      padding-left: 10.5px; } }
  @media (min-width: 481px) {
    button,
    .button {
      padding-right: 10.5px;
      padding-left: 10.5px; } }
  @media (min-width: 768px) {
    button,
    .button {
      padding-right: 12px;
      padding-left: 12px; } }
  @media (min-width: 992px) {
    button,
    .button {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1281px) {
    button,
    .button {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1px) {
    button,
    .button {
      padding-top: 3.5px; } }
  @media (min-width: 481px) {
    button,
    .button {
      padding-top: 3.5px; } }
  @media (min-width: 768px) {
    button,
    .button {
      padding-top: 4px; } }
  @media (min-width: 992px) {
    button,
    .button {
      padding-top: 5px; } }
  @media (min-width: 1281px) {
    button,
    .button {
      padding-top: 5px; } }
  @media (min-width: 1px) {
    button,
    .button {
      padding-bottom: 2.8px; } }
  @media (min-width: 481px) {
    button,
    .button {
      padding-bottom: 2.8px; } }
  @media (min-width: 768px) {
    button,
    .button {
      padding-bottom: 3.2px; } }
  @media (min-width: 992px) {
    button,
    .button {
      padding-bottom: 4px; } }
  @media (min-width: 1281px) {
    button,
    .button {
      padding-bottom: 4px; } }
@media (max-width: 767px) and (min-width: 1px) {
  button,
  .button {
    padding-bottom: 3.5px; } }
@media (max-width: 767px) and (min-width: 481px) {
  button,
  .button {
    padding-bottom: 3.5px; } }
@media (max-width: 767px) and (min-width: 768px) {
  button,
  .button {
    padding-bottom: 4px; } }
@media (max-width: 767px) and (min-width: 992px) {
  button,
  .button {
    padding-bottom: 5px; } }
@media (max-width: 767px) and (min-width: 1281px) {
  button,
  .button {
    padding-bottom: 5px; } }

  button:hover,
  .button:hover {
    cursor: pointer;
    background-color: #000000;
    color: #ffffff; }
  button:focus,
  .button:focus {
    outline: none;
    box-shadow: none; }
  button.pill,
  .button.pill {
    border-radius: 8px; }
  button.h1, button.h2, button.h3, button.p, button.marginal, button.caption, button.mini,
  .button.h1,
  .button.h2,
  .button.h3,
  .button.p,
  .button.marginal,
  .button.caption,
  .button.mini {
    margin-bottom: 0; }
    @media (min-width: 1px) {
      button.h1, button.h2, button.h3, button.p, button.marginal, button.caption, button.mini,
      .button.h1,
      .button.h2,
      .button.h3,
      .button.p,
      .button.marginal,
      .button.caption,
      .button.mini {
        margin-top: 5px; } }
    @media (min-width: 481px) {
      button.h1, button.h2, button.h3, button.p, button.marginal, button.caption, button.mini,
      .button.h1,
      .button.h2,
      .button.h3,
      .button.p,
      .button.marginal,
      .button.caption,
      .button.mini {
        margin-top: 7px; } }
    @media (min-width: 768px) {
      button.h1, button.h2, button.h3, button.p, button.marginal, button.caption, button.mini,
      .button.h1,
      .button.h2,
      .button.h3,
      .button.p,
      .button.marginal,
      .button.caption,
      .button.mini {
        margin-top: 10px; } }
    @media (min-width: 992px) {
      button.h1, button.h2, button.h3, button.p, button.marginal, button.caption, button.mini,
      .button.h1,
      .button.h2,
      .button.h3,
      .button.p,
      .button.marginal,
      .button.caption,
      .button.mini {
        margin-top: 12px; } }
    @media (min-width: 1281px) {
      button.h1, button.h2, button.h3, button.p, button.marginal, button.caption, button.mini,
      .button.h1,
      .button.h2,
      .button.h3,
      .button.p,
      .button.marginal,
      .button.caption,
      .button.mini {
        margin-top: 15px; } }
  button.is-visible,
  .button.is-visible {
    visibility: visible; }

* {
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-tap-highlight-color: transparent;
  background-color: #ffffff; }

body {
  background-color: #ffffff;
  position: relative;
  width: 100vw;
  min-height: 100vh; }

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

@media (min-width: 1px) {
  section {
    padding-top: 52px;
    padding-bottom: 52px; } }
@media (min-width: 481px) {
  section {
    padding-top: 72px;
    padding-bottom: 72px; } }
@media (min-width: 768px) {
  section {
    padding-top: 82px;
    padding-bottom: 82px; } }
@media (min-width: 992px) {
  section {
    padding-top: 88px;
    padding-bottom: 88px; } }
@media (min-width: 1281px) {
  section {
    padding-top: 96px;
    padding-bottom: 96px; } }
@media (min-width: 1px) {
  section {
    padding-top: 26px; } }
@media (min-width: 481px) {
  section {
    padding-top: 36px; } }
@media (min-width: 768px) {
  section {
    padding-top: 41px; } }
@media (min-width: 992px) {
  section {
    padding-top: 44px; } }
@media (min-width: 1281px) {
  section {
    padding-top: 48px; } }

img {
  width: 100%;
  height: auto; }

@media (min-width: 1px) {
  figure {
    margin-top: 52px; } }
@media (min-width: 481px) {
  figure {
    margin-top: 72px; } }
@media (min-width: 768px) {
  figure {
    margin-top: 82px; } }
@media (min-width: 992px) {
  figure {
    margin-top: 88px; } }
@media (min-width: 1281px) {
  figure {
    margin-top: 96px; } }
@media (min-width: 1px) {
  figure {
    margin-bottom: 52px; } }
@media (min-width: 481px) {
  figure {
    margin-bottom: 72px; } }
@media (min-width: 768px) {
  figure {
    margin-bottom: 82px; } }
@media (min-width: 992px) {
  figure {
    margin-bottom: 88px; } }
@media (min-width: 1281px) {
  figure {
    margin-bottom: 96px; } }
figure figcaption {
  margin-bottom: 0; }
  @media (min-width: 1px) {
    figure figcaption {
      margin-top: 6px; } }
  @media (min-width: 481px) {
    figure figcaption {
      margin-top: 6px; } }
  @media (min-width: 768px) {
    figure figcaption {
      margin-top: 7px; } }
  @media (min-width: 992px) {
    figure figcaption {
      margin-top: 8px; } }
  @media (min-width: 1281px) {
    figure figcaption {
      margin-top: 8px; } }

@media (min-width: 1px) {
  .day-time .h3 {
    margin-bottom: 14px; } }
@media (min-width: 481px) {
  .day-time .h3 {
    margin-bottom: 14px; } }
@media (min-width: 768px) {
  .day-time .h3 {
    margin-bottom: 16px; } }
@media (min-width: 992px) {
  .day-time .h3 {
    margin-bottom: 20px; } }
@media (min-width: 1281px) {
  .day-time .h3 {
    margin-bottom: 20px; } }

@media (min-width: 1px) {
  article {
    margin-bottom: 52px; } }
@media (min-width: 481px) {
  article {
    margin-bottom: 72px; } }
@media (min-width: 768px) {
  article {
    margin-bottom: 82px; } }
@media (min-width: 992px) {
  article {
    margin-bottom: 88px; } }
@media (min-width: 1281px) {
  article {
    margin-bottom: 96px; } }
@media (min-width: 1px) {
  article .title {
    font-size: 40px; } }
@media (min-width: 481px) {
  article .title {
    font-size: 50px; } }
@media (min-width: 768px) {
  article .title {
    font-size: 55px; } }
@media (min-width: 992px) {
  article .title {
    font-size: 60px; } }
@media (min-width: 1281px) {
  article .title {
    font-size: 65px; } }
@media (min-width: 1px) {
  article .title {
    line-height: 45px; } }
@media (min-width: 481px) {
  article .title {
    line-height: 55px; } }
@media (min-width: 768px) {
  article .title {
    line-height: 60px; } }
@media (min-width: 992px) {
  article .title {
    line-height: 65px; } }
@media (min-width: 1281px) {
  article .title {
    line-height: 70px; } }
@media (min-width: 1px) {
  article .lead {
    margin-bottom: 44px; } }
@media (min-width: 481px) {
  article .lead {
    margin-bottom: 44px; } }
@media (min-width: 768px) {
  article .lead {
    margin-bottom: 48px; } }
@media (min-width: 992px) {
  article .lead {
    margin-bottom: 56px; } }
@media (min-width: 1281px) {
  article .lead {
    margin-bottom: 60px; } }

.author-container figure {
  margin-top: 0; }
  @media (min-width: 1px) {
    .author-container figure {
      margin-bottom: 36px; } }
  @media (min-width: 481px) {
    .author-container figure {
      margin-bottom: 36px; } }
  @media (min-width: 768px) {
    .author-container figure {
      margin-bottom: 40px; } }
  @media (min-width: 992px) {
    .author-container figure {
      margin-bottom: 44px; } }
  @media (min-width: 1281px) {
    .author-container figure {
      margin-bottom: 48px; } }

@media (min-width: 1px) {
  header {
    padding-top: 24px;
    padding-bottom: 24px; } }
@media (min-width: 481px) {
  header {
    padding-top: 36px;
    padding-bottom: 36px; } }
@media (min-width: 768px) {
  header {
    padding-top: 41px;
    padding-bottom: 41px; } }
@media (min-width: 992px) {
  header {
    padding-top: 44px;
    padding-bottom: 44px; } }
@media (min-width: 1281px) {
  header {
    padding-top: 48px;
    padding-bottom: 48px; } }
@media (min-width: 1px) {
  header p.marginal {
    margin-bottom: 24px; } }
@media (min-width: 481px) {
  header p.marginal {
    margin-bottom: 36px; } }
@media (min-width: 768px) {
  header p.marginal {
    margin-bottom: 41px; } }
@media (min-width: 992px) {
  header p.marginal {
    margin-bottom: 44px; } }
@media (min-width: 1281px) {
  header p.marginal {
    margin-bottom: 48px; } }
header h1, header h2 {
  margin-bottom: 0; }

#bildwurf-sticky-button {
  height: 0;
  overflow: visible;
  position: fixed;
  top: 30px;
  right: 5vw;
  transition: all 0.6s ease-in-out 0s; }
  @media (min-width: 1px) {
    #bildwurf-sticky-button.scrolled {
      top: calc(100vh - 200px); } }
  @media (min-width: 768px) {
    #bildwurf-sticky-button.scrolled {
      top: calc(100vh - 300px); } }
  @media (min-width: 992px) {
    #bildwurf-sticky-button.scrolled {
      top: calc(100vh - 300px); } }
  @media (min-width: 1281px) {
    #bildwurf-sticky-button.scrolled {
      top: calc(100vh - 350px); } }
  #bildwurf-sticky-button .bw-button-wrapper {
    display: block;
    position: relative;
    color: #000000;
    border-radius: 50%;
    transition: all 0.6s ease-in-out 0s;
    background: linear-gradient(124deg, #82d7ff, #2bfeb9, #ff4b69, #d6cf0f);
    background-size: 1800% 1800%;
    animation: rainbow 20s ease infinite; }
@keyframes rainbow {
  0% {
    background-position: 0% 0%; }
  50% {
    background-position: 100% 100%; }
  100% {
    background-position: 0% 0%; } }
    @media (min-width: 1px) {
      #bildwurf-sticky-button .bw-button-wrapper {
        width: 200px;
        transform: scale(0.5) rotate(12.5deg) translateX(110px) translateY(-55px); } }
    @media (min-width: 481px) {
      #bildwurf-sticky-button .bw-button-wrapper {
        transform: scale(0.6) rotate(12.5deg) translateX(75px) translateY(30px); } }
    @media (min-width: 768px) {
      #bildwurf-sticky-button .bw-button-wrapper {
        width: 250px;
        transform: scale(0.75) rotate(12.5deg) translateX(60px) translateY(30px); } }
    @media (min-width: 992px) {
      #bildwurf-sticky-button .bw-button-wrapper {
        transform: scale(0.85) rotate(12.5deg) translateX(40px) translateY(40px); } }
    @media (min-width: 1281px) {
      #bildwurf-sticky-button .bw-button-wrapper {
        transform: scale(1) rotate(12.5deg) translateX(0) translateY(50px); } }
    @media (min-width: 1481px) {
      #bildwurf-sticky-button .bw-button-wrapper {
        transform: scale(1) rotate(12.5deg) translateX(0) translateY(50px); } }
    #bildwurf-sticky-button .bw-button-wrapper:hover {
      cursor: pointer; }
    #bildwurf-sticky-button .bw-button-wrapper .bw-button {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 10px;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #bildwurf-sticky-button .bw-button-wrapper .bw-button h1, #bildwurf-sticky-button .bw-button-wrapper .bw-button h2, #bildwurf-sticky-button .bw-button-wrapper .bw-button h3, #bildwurf-sticky-button .bw-button-wrapper .bw-button p {
        @incldue flex;
        margin-bottom: 0; }
    #bildwurf-sticky-button .bw-button-wrapper:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 100%; }

.link, a {
  cursor: pointer;
  color: #000000;
  text-decoration: none; }
  .link:hover, .link:focus, a:hover, a:focus {
    color: gray; }

.link-stroke-on, main a {
  cursor: pointer;
  color: #000000;
  text-decoration: none;
  background-image: linear-gradient(#262626, #262626);
  background-position: 0% 90%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size 0.3s ease-in-out 0s; }
  .link-stroke-on:hover, .link-stroke-on:focus, main a:hover, main a:focus {
    color: #000000;
    background-size: 0% 1px; }

.link-stroke-off {
  cursor: pointer;
  color: #000000;
  text-decoration: none;
  background-image: linear-gradient(#262626, #262626);
  background-position: 0% 90%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s ease-in-out 0s; }
  .link-stroke-off:hover, .link-stroke-off:focus {
    color: #000000;
    background-size: 100% 1px; }

main h1 a, main .h1 a {
  background-size: 100% 2px !important;
  background-position: 0% 80%; }
  main h1 a:hover, main h1 a:focus, main .h1 a:hover, main .h1 a:focus {
    background-size: 0% 2px !important; }
main h2 a, main .h2 a {
  background-size: 100% 2px !important;
  background-position: 0% 82%; }
  main h2 a:hover, main h2 a:focus, main .h2 a:hover, main .h2 a:focus {
    background-size: 0% 2px !important; }
main h3 a, main .h3 a {
  background-size: 100% 2px !important;
  background-position: 0% 82%; }
  main h3 a:hover, main h3 a:focus, main .h3 a:hover, main .h3 a:focus {
    background-size: 0% 2px !important; }