@font-face {
  font-family: "HeronSansSemi";
  src: url(https://storytelling.blick.ch/infografik/resources/fonts/Heron_Sans_Semi_Bold.eot);
  src: local(☺), url(https://storytelling.blick.ch/infografik/resources/fonts/Heron_Sans_Semi_Bold.woff) format("woff");
  src: local(☺), url(https://storytelling.blick.ch/infografik/resources/fonts/Heron_Sans_Semi_Bold.woff2) format("woff2");
    font-style: normal;
    font-weight: bold;
}

@font-face {
  font-family: "HeronSansCond";
  src: url(https://storytelling.blick.ch/infografik/resources/fonts/Heron_Sans_Condensed_Bold.eot);
  src: local(☺), url(https://storytelling.blick.ch/infografik/resources/fonts/Heron_Sans_Condensed_Bold.woff) format("woff");
  src: local(☺), url(https://storytelling.blick.ch/infografik/resources/fonts/Heron_Sans_Condensed_Bold.woff2) format("woff2");
    font-style: normal;
    font-weight: bold;
}

body
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  font-family: "Source Sans Pro", sans-serif;
}

#intro2
{
  height: 100vh;
  width: 100%;
  background-color: #000;
  overflow: hidden;
}

#intro2 canvas
{
  padding: 10px;
}

#intro_text
{
  position: absolute;
  font-family: "HeronSansCond", "Source Sans Pro", Arial, sans-serif;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  top: 40%;
  text-align: center;
  max-width: 400px;
}

#intro_text h1
{
  text-transform: uppercase;
  font-size: 4em;
  margin: 0;
}

#logo
{
  height: 22px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 100%;
  opacity: 0.8;
}

#intro_fader
{
  opacity: 0;
}

#logo img
{
  height: 100%;
  padding: 2px;
}

h1 {
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: 0 0 0.15em #1da9cc;
  user-select: none;
  white-space: nowrap;
  filter: blur(0.007em);
  animation: shake 5.5s linear infinite;
}

@keyframes shake {
  5%, 15%, 25%, 35%, 55%, 65%, 75%, 95% {
      filter: blur(0.018em);
      transform: translateY(0.004em) rotate(0deg);
  }

  10%, 30%, 40%, 50%, 70%, 80%, 90% {
      filter: blur(0.001em);
      transform: translateY(-0.004em) rotate(0deg);
  }

  20%, 60% {
      filter: blur(0.01em);
      transform: translate(-0.004em, 0.018em) rotate(0deg);
  }

  45%, 85% {
      filter: blur(0.011em);
      transform: translate(0.004em, -0.018em) rotate(0deg);
  }

  100% {
      filter: blur(0.007em);
      transform: translate(0) rotate(-0.5deg);
  }
}

.credit, .method
{
  font-size: 0.8em;
  color: grey;
}

#intro_text .sub
{
  font-family: 'HeronSansSemi', "Source Sans Pro", Arial, sans-serif;
  color: #e9ecec;
}

#layout_smopo
{
  height: 100vh;
}

.color_negative
{
  color: #b81717;
}

.color_positive
{
  color: #5c950b;
}

.bold
{
  font-weight: bold;
}

.vh
{
  min-height: 100vh;
}

.vh05
{
  min-height: 50vh;
}

.vh07
{
  min-height: 75vh;
}

.chaptertext
{
  max-width: 600px;
  margin: 0 auto;
}

.chaptertext .highlight
{
  color: #727272;
  font-weight: bold;
}

p, .p
{
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

h2
{
  font-size: 3em;
  font-family: "HeronSansCond", "Source Sans Pro", Arial, sans-serif;
  text-align: center;
  padding: 130px 0 50px;
  margin: 0 120px 0 120px;
  line-height: 1;
  text-transform: uppercase;
  color: #4b4b4b;
}

@media (max-width: 768px) {
  h2
  {
    margin: 0;
  }
}

h3
{
  font-size: 1.2em;
  margin: 10px 0 10px;
}

.annotation h3
{
  margin: 0px 0 10px;
}

.fixcontainer_fix
{
  width: 100%;
  overflow: hidden;
}

.chapter
{
  position: relative;
  xpointer-events: none;
}

.chapter, .spacer
{
  /* border-bottom: 1px solid green; */
}

.chaptertext
{
  z-index: 100;
  position: relative;
  padding: 10px;
}

.annotation
{
  background-color: rgba(255, 255, 255, 0.98);
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 400px;
    border-radius: 5px;
  border: 1px solid #d3d3d3;
}

@media (max-width: 768px) {
  .annotation
  {
    width: 90%;
  }
}

.fixcontainer
{
  background-color: #4b4b4b;
}

.moreinfo_link
{
  color: white;
  background-color: #727272;
  padding: 0 2px 0 2px;
  cursor: pointer;
  position: relative;
  display: inline;
}

.moreinfo_link_clicked:after
{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.moreinfo_link:after {
  content: "";
  width: 14px;
  height: 10px;
  display: inline-block;
  position: relative;
  padding: 0 0 0 4px;
  z-index: 1;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfUAAAFlCAYAAADyLnFSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDYtMTdUMTM6MTk6MTkrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA2LTE4VDE3OjExOjM1KzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA2LTE4VDE3OjExOjM1KzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhkYzdlMTZkLWU2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) 0 0 no-repeat;
  background-size: 14px;
  background-position: center;
  /* background-color: green; */
  }

.moreinfo_clicked
{
  display: block !important;
}

.moreinfo_text
{
  color: #000;
  display: none;
  height: auto;
  max-height: 0;
  overflow: hidden;
  padding: 10px;
  color: white;
  background-color: #727272;
  font-size: 0.9em;
}

.moreinfo_text img
{
  width: 100%;
}

.moreinfo_text a, .moreinfo_text a:active, .moreinfo_text a:visited
{
  color: rgb(225, 225, 225);
  text-decoration: underline;
}

.moreinfo_text a:hover
{
  color: rgb(176, 176, 176);
}

a, a:visited
{
  color: #727272;
}

a:hover, a:active
{
  color: #949494;
}

.clearfix
{
  clear: both;
}

.timetable
{
  margin: 0 30px;
  padding: 5px;
  font-size: 0.9em;
  color: #464646;
  line-height: 1.3;
  background-color: #ffffff;
  font-variant: small-caps;
}

@media (max-width: 768px) {
  .timetable
  {
    margin: 0;
  }
}

.animate_slidegallery
{
  animation: slidegallery 300s infinite;
  animation-timing-function: linear; 
}

@keyframes slidegallery {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

#gallery_thumbs
{
  margin: 0 auto;
}

#gallery_thumbs div img
{
  /* opacity: 0; */
  width: 100%;
}

.grid_sizer
{
  width: 400px;
}

@media (max-width: 768px) {
  .grid_sizer
  {
    min-width: 140px;
    max-width: 160px;
  }
}

.footer
{
  background-color: #4b4b4b;
  text-align: center;
  color: #fff;
  font-size: 0.6em;
  padding: 20px;
}

.footer a, .footer a:visited
{
  color: rgb(222, 220, 220);
}

/* ----- Scroll ----- */

#scroller {
  position: absolute;
  bottom: 50px;
  width: 100%;
}

#scroller .arrow {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #9bd4e2;
  border-bottom: 2px solid #9bd4e2;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}
.fixcontainer
{
  position: relative;
}

.fixcontainer_fix
{
  position: absolute;
}

.fixcontainer_absolute_bottom {
  position: absolute;
  bottom: 0;
}

.fixcontainer_sticky {
  position: fixed;
  top: 0;
}
#graph_popup
{
  position: fixed;
  background-color: #353535;
  color: #fff;
  padding: 3px 5px 3px 5px;
  border-radius: 5px;
  border: 1px solid #353535;
  z-index: 1000;
  display: none;
}

#graph
{
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}

.annotation_circle
{
  stroke-dasharray: 4;
  stroke-width: 3;
  fill: none;
}

.annotation_line
{
  stroke-width: 2;
  fill: none;
}

circle.annotation_red, path.annotation_red
{
  stroke: #88deff;
}

text.annotation_red
{
  fill: #88deff;
}

text
{
  font-size: 20px;
}

@media (max-width: 600px) {
  .annotation_circle
  {
    stroke-dasharray: 0;
    stroke-width: 8;
    fill: none;
  }

  .annotation_line
  {
    stroke-width: 8;
    fill: none;
  }

  text
  {
    font-size: 45px;
  }
}


#layout_smopo svg
{
  width: 80%;
  max-width: 1000px;
}

#layout_smopo
{
  text-align: center;
}
#intro
{
  background-color: #000;
  color: #fff;
}

/*# sourceMappingURL=46ecf2d20a2896a6eece.css.map*/