.hero--fullsize {
  position: relative;
  height: 100vh;
  /* margin-bottom: 40px; */
  background-image: url('../images/d0-titelbild-d1.jpg');
  background-size: cover;
  background-position: center;
}

.hero--fullsize.hero-00-prolog     { background-image:   url('../images/d0-titelbild-prolog.jpg') }
.hero--fullsize.hero-02     { background-image:   url('../images/hero-d02.jpg') }
.hero--fullsize.hero-03     { background-image:   url('../images/hero-d03.jpg') }
.hero--fullsize.hero-04     { background-image:   url('../images/hero-d04.jpg') }
.hero--fullsize.hero-05     { background-image:   url('../images/hero-d05.jpg') }
.hero--fullsize.hero-06     { background-image:   url('../images/hero-d06.jpg') }
.hero--fullsize.hero-07     { background-image:   url('../images/hero-d07.jpg') }
.hero--fullsize.hero-08     { background-image:   url('../images/hero-d08.jpg') }
.hero--fullsize.hero-09     { background-image:   url('../images/hero-d09.jpg') }
.hero--fullsize.hero-10     { background-image:   url('../images/hero-d10.jpg') }
.hero--fullsize.hero-11     { background-image:   url('../images/hero-d11.jpg') }
.hero--fullsize.hero-12     { background-image:   url('../images/hero-d12.jpg') }
.hero--fullsize.hero-13     { background-image:   url('../images/hero-d13.jpg') }
.hero--fullsize.hero-14     { background-image:   url('../images/hero-d14.jpg') }
.hero--fullsize.hero-15     { background-image:   url('../images/hero-d15.jpg') }
.hero--fullsize.hero-16     { background-image:   url('../images/hero-d16.jpg') }
.hero--fullsize.hero-17     { background-image:   url('../images/hero-d17.jpg') }
.hero--fullsize.hero-18     { background-image:   url('../images/hero-d18.jpg') }
.hero--fullsize.hero-19     { background-image:   url('../images/hero-d19.jpg') }
.hero--fullsize.hero-20     { background-image:   url('../images/hero-d20.jpg') }
.hero--fullsize.hero-21     { background-image:   url('../images/hero-d21.jpg') }
.hero--fullsize.hero-22     { background-image:   url('../images/hero-d22.jpg') }
.hero--fullsize.hero-23     { background-image:   url('../images/hero-d23.jpg') }
.hero--fullsize.hero-24     { background-image:   url('../images/hero-d24.jpg') }
.hero--fullsize.hero-25     { background-image:   url('../images/hero-d25.jpg') }
.hero--fullsize.hero-26     { background-image:   url('../images/hero-d26.jpg') }
.hero--fullsize.hero-27     { background-image:   url('../images/hero-d27.jpg') }
.hero--fullsize.hero-28     { background-image:   url('../images/hero-d28.jpg') }