body {
  font-family: 'Noto Sans', sans-serif;
}


.footer .icon-link {
    font-size: 25px;
    color: #000;
}

.link-block a {
    margin-top: 5px;
    margin-bottom: 5px;
}

.teaser .hero-body {
  padding-top: 0;
  padding-bottom: 3rem;
}

.teaser {
  font-family: 'Google Sans', sans-serif;
}

.publication-title {
    font-family: 'Google Sans', sans-serif;
}

.publication-subtitle {
  color: #8E8E8E;
}

.publication-authors {
    font-family: 'Google Sans', sans-serif;
}

.publication-authors {
}

.publication-authors a {
   color: #228b22 !important;
}

.publication-authors a:hover {
    text-decoration: underline;
}

.author-block {
  display: inline-block;
  margin-left: 10px;
  margin-right:  10px;
}

.publication-authors {
  /*color: #4286f4;*/
}

.publication-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;

    overflow: hidden;
    border-radius: 10px !important;
}

.publication-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-label {
  height: 40px;
}

.label {
  white-space: nowrap;
  display: inline-block;
  background: #ddd;
  border-radius: 8px;
  padding: 4px 8px;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  line-height: 20px;
  margin-bottom: 10px;
}

#method {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.results-section {
  margin-top:  30px;
}

#teaser-controls.s1 .label:nth-child(1),
#teaser-controls.s2 .label:nth-child(2) {
  background: #48a;
  color: #fff;
}

#ss_scenes.s1 .label:nth-child(1),
#ss_scenes.s2 .label:nth-child(2),
#ss_scenes.s3 .label:nth-child(3),
#ss_scenes.s4 .label:nth-child(4),
#ss_scenes.s5 .label:nth-child(5) {
  background: #48a;
  color: #fff;
}

#ss_controls.s1 .label:nth-child(1),
#ss_controls.s2 .label:nth-child(2),
#ss_controls.s3 .label:nth-child(3),
#ss_controls.s4 .label:nth-child(4),
#ss_controls.s5 .label:nth-child(5),
#ss_controls.s6 .label:nth-child(6),
#ss_controls.s7 .label:nth-child(7) {
  background: #48a;
  color: #fff;
}

#ss_examples > div {
  display: inline-block;
  position: relative;
  width: 800px;
  height: 478px;
  background: #444;
}

#ss_examples > div > img {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

#ss_examples.s1 > div > img:nth-child(1),
#ss_examples.s2 > div > img:nth-child(2),
#ss_examples.s3 > div > img:nth-child(3),
#ss_examples.s4 > div > img:nth-child(4),
#ss_examples.s5 > div > img:nth-child(5),
#ss_examples.s6 > div > img:nth-child(6),
#ss_examples.s7 > div > img:nth-child(7) {
  visibility: inherit;
}

#sd_scenes.s1 .label:nth-child(1),
#sd_scenes.s2 .label:nth-child(2),
#sd_scenes.s3 .label:nth-child(3),
#sd_scenes.s4 .label:nth-child(4),
#sd_scenes.s5 .label:nth-child(5) {
  background: #48a;
  color: #fff;
}

#sd_controls.s1 .label:nth-child(1),
#sd_controls.s2 .label:nth-child(2),
#sd_controls.s3 .label:nth-child(3),
#sd_controls.s4 .label:nth-child(4),
#sd_controls.s5 .label:nth-child(5),
#sd_controls.s6 .label:nth-child(6),
#sd_controls.s7 .label:nth-child(7) {
  background: #48a;
  color: #fff;
}

#sd_examples > div {
  display: inline-block;
  position: relative;
  width: 800px;
  height: 478px;
  background: #444;
}

#sd_examples > div > img {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

#sd_examples.s1 > div > img:nth-child(1),
#sd_examples.s2 > div > img:nth-child(2),
#sd_examples.s3 > div > img:nth-child(3),
#sd_examples.s4 > div > img:nth-child(4),
#sd_examples.s5 > div > img:nth-child(5),
#sd_examples.s6 > div > img:nth-child(6),
#sd_examples.s7 > div > img:nth-child(7) {
  visibility: inherit;
}

#rd_scenes.s1 .label:nth-child(1),
#rd_scenes.s2 .label:nth-child(2),
#rd_scenes.s3 .label:nth-child(3),
#rd_scenes.s4 .label:nth-child(4),
#rd_scenes.s5 .label:nth-child(5),
#rd_scenes.s6 .label:nth-child(6),
#rd_scenes.s7 .label:nth-child(7),
#rd_scenes.s8 .label:nth-child(8) {
  background: #48a;
  color: #fff;
}

#rd_controls.s1 .label:nth-child(1),
#rd_controls.s2 .label:nth-child(2),
#rd_controls.s3 .label:nth-child(3),
#rd_controls.s4 .label:nth-child(4),
#rd_controls.s5 .label:nth-child(5),
#rd_controls.s6 .label:nth-child(6) {
  background: #48a;
  color: #fff;
}

#rd_examples > div {
  display: inline-block;
  position: relative;
  width: 800px;
  height: 600px;
  background: #444;
}

#rd_examples > div > img {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

#rd_examples.s1 > div > img:nth-child(1),
#rd_examples.s2 > div > img:nth-child(2),
#rd_examples.s3 > div > img:nth-child(3),
#rd_examples.s4 > div > img:nth-child(4),
#rd_examples.s5 > div > img:nth-child(5),
#rd_examples.s6 > div > img:nth-child(6) {
  visibility: inherit;
}

#rs_scenes.s1 .label:nth-child(1),
#rs_scenes.s2 .label:nth-child(2),
#rs_scenes.s3 .label:nth-child(3),
#rs_scenes.s4 .label:nth-child(4),
#rs_scenes.s5 .label:nth-child(5),
#rs_scenes.s6 .label:nth-child(6),
#rs_scenes.s7 .label:nth-child(7),
#rs_scenes.s8 .label:nth-child(8) {
  background: #48a;
  color: #fff;
}

#rs_controls.s1 .label:nth-child(1),
#rs_controls.s2 .label:nth-child(2),
#rs_controls.s3 .label:nth-child(3),
#rs_controls.s4 .label:nth-child(4),
#rs_controls.s5 .label:nth-child(5) {
  background: #48a;
  color: #fff;
}

#rs_examples > div {
  display: inline-block;
  position: relative;
  width: 800px;
  height: 600px;
  background: #444;
}

#rs_examples > div > img {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

#rs_examples.s1 > div > img:nth-child(1),
#rs_examples.s2 > div > img:nth-child(2),
#rs_examples.s3 > div > img:nth-child(3),
#rs_examples.s4 > div > img:nth-child(4),
#rs_examples.s5 > div > img:nth-child(5) {
  visibility: inherit;
}