.imgbg {
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:10px 0px -10px 0px;
}
h1 {
  margin:0;
  padding:0;
  font-size:16pt;
}
h2 {
  margin:0;
  padding:0;
  font-size:12pt;
}
@media screen and (min-width: 800px) {
  h1 {
    font-size:17.5pt;
  }
  h2 {
    font-size:14pt;
  }
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size:24pt;
  }
  h2 {
    font-size:16pt;
  }
}
@media screen and (min-width: 1800px) {
  h1 {
    font-size:27pt;
  }
  h2 {
    font-size:18pt;
  }
}

@media screen and (orientation:portrait) {
  .imgbg {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 800px) {
  .imgbg {
    background-attachment: scroll;
  }
}
@media screen and (max-height: 400px) {
  .imgbg {
    background-attachment: scroll;
  }
}

.pagetitlebar {
  margin-top:-1.8em;
  min-height:2em;
  padding-top:1em;
  padding-left:1em;
  text-align:center;
}

.infoblockl {
  position: sticky;
  top:30vh;
  top:30dvh;
  margin-bottom:32vh;
  margin-bottom:32dvh;
}
.infoblockr {
  position: sticky;
  top:30vh;
  top:30dvh;
  margin-bottom:32vh;
  margin-bottom:32dvh;
}
@media screen and (orientation:portrait) {
  .infoblockl {
    position: relative;
    top:10vh;
    top:10dvh;
  }
  .infoblockr {
    position: relative;
    top:10vh;
    top:10dvh;
  }
}
@media screen and (max-width: 800px) {
  .infoblockl {
    position: relative;
    top:10vh;
    top:10dvh;
  }
  .infoblockr {
    position: relative;
    top:10vh;
    top:10dvh;
  }
}
@media screen and (max-height: 400px) {
  .infoblockl {
    position: relative;
    top:10vh;
    top:10dvh;
  }
  .infoblockr {
    position: relative;
    top:10vh;
    top:10dvh;
  }
}

.extrablock {
  position:absolute;
  top:12vh; 
  top:12dvh; 
}
@media screen and (orientation:portrait) {
  .extrablock {
    top:40vh;
    top:40dvh;
  }
}
@media screen and (max-width: 800px) {
  .extrablock {
    top:40vh;
    top:40dvh;
  }
}
@media screen and (max-height: 400px) {
  .extrablock {
    display: none;
  }
}

.txt_scroll {
  text-align: center;
  position: relative;
  width:100%;
}
.box_scrolldown {
  padding:0.5em 0.5em 0.5em 0.5em;
  border-radius: 0.75em 0.75em 0em 0em;
  text-align:center;
}

.footer {
  text-align: center;
  position: relative;
  top:85vh;
  top:85dvh;
  height:6.5vh;
  height:6.5dvh;
  width:100%;
}
.logo_full_small {
  position:absolute;
  left:2vw;
  bottom:0px;
  height:4em;
  width:100%
}
.logo_full_small_r {
  position:absolute;
  right:2vw;
  bottom:0px;
  height:4em;
  width:100%
}
.footer .plaintext {
  position:absolute;
  bottom:0px;
  width:100%;
  text-align:center;
}
@media screen and (orientation:portrait) {
  .footer .plaintext {
    text-align:left;
    padding-left:2vw;
  }
}
@media screen and (max-width: 800px) {
  .footer .plaintext {
    text-align:left;
    padding-left:2vw;
  }
}