#page-wrapper {
  position: absolute;
  top: 4%;
  left: 0;
  width: 100%;
  min-height: 1365px;
  z-index: 2;
  background-image: url(/ui/media/img/bg_page_bottom.jpg);
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;
}
#page {
  width: 95%;
  min-height: 800px;
  margin: 0 auto;
}
#page #header {
  position: relative;
  margin-top: 28px;
}
#page #header #logo {
  position: absolute;
  top: 0;
  left: 5em;
  width: 130px;
  z-index: 100;
}
#page #main {
  padding-top: 28px;
  overflow: hidden;
}
#page #footer {
  border-top: 1px solid #00285b;
  padding: 8px 3%;
  margin: 2% 0 8% 0;
  color: #00285b;
  text-align: right;
}
@media (max-width: 669px) {
  #page #footer {
    position: relative;
  }
}
#page #footer a,
#page #footer a:link,
#page #footer a:active,
#page #footer a:visited,
#page #footer a:hover {
  font-weight: 700;
  font-size: 0.6em;
  color: #00285b;
  text-decoration: none;
}
#page #footer a:hover {
  text-decoration: underline;
}
#page #footer a:nth-last-child(3) {
  margin-right: 20px;
}
@media (max-width: 669px) {
  #page #footer a:nth-last-child(3) {
    margin-right: 0;
  }
}
#page #footer a:nth-last-child(2)[target] {
  text-indent: -9999em;
  width: 1.5em;
  background: url(/ui/media/img/icon_instagram.png) no-repeat right center !important;
  background-size: contain !important;
  -webkit-background-size: contain !important;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  padding: 3px 0;
  margin-left: 15px;
  margin-right: 5px;
}
#page #footer a:last-child[target] {
  text-indent: -9999em;
  width: 1.5em;
  background: url(/ui/media/img/icon_facebook.png) no-repeat right center !important;
  background-size: contain !important;
  -webkit-background-size: contain !important;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  padding: 3px 0;
  margin-left: -8px;
}
#page .header-img {
  position: relative;
}
#page .header-img img {
  width: 100%;
}
#page .header-img img.navbar {
  z-index: 5;
  position: relative;
}
#page .header-img img.teaser {
  margin-top: -7px;
}
#page .header-img .header-img-teaser {
  background: rgb(166, 196, 229);
}
@media (max-width: 669px) {
  #page {
    width: 100%;
  }
  #page #main {
    padding-top: 0 !important;
  }
  #page .header-img {
    margin-bottom: 0;
  }
  #page .header-img.desktop {
    display: none;
  }
  #page .header-img.mobile {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
  }
}
@media (min-width: 1280px) {
  #page .header-img.mobile,
  #page .header-img.tablet-hochkant,
  #page .header-img.tablet-quer {
    display: none;
  }
}

@media (max-width: 1279px) {
  #page .header-img.desktop,
  #page .header-img.tablet-hochkant,
  #page .header-img.mobile {
    display: none;
  }
  #page .header-img.tablet-quer {
    display: block;
  }
  #page .header-img.tablet-quer .navbar {
    width: 150%;
    max-width: 150%;
  }
}

@media (max-width: 1023px) {
  #page .header-img.mobile,
  #page .header-img.desktop,
  #page .header-img.tablet-quer {
    display: none;
  }
  #page .header-img.tablet-hochkant {
    display: block;
  }
  #page .header-img.tablet-hochkant .navbar {
    width: 200%;
    max-width: 200%;
  }
}
@media (max-width: 600px) {
  #page .header-img.tablet-hochkant,
  #page .header-img.desktop,
  #page .header-img.tablet-quer {
    display: none;
  }
  #page .header-img.mobile {
    display: block;
  }
  #page .header-img.mobile .navbar {
    width: 250%;
    max-width: 250%;
  }
}

@media only screen and (min-width: 1600px) {
  #page {
    width: 1500px;
  }
}
@media only screen and (max-width: 3000px) {
  #page-wrapper {
    min-height: 2000px;
  }
}
@media only screen and (max-width: 1920px) {
  #page-wrapper {
    min-height: 1386px;
  }
}
@media only screen and (max-width: 1680px) {
  #page-wrapper {
    min-height: 1330px;
  }
}
@media only screen and (max-width: 1400px) {
  #page-wrapper {
    min-height: 1190px;
  }
}
@media only screen and (max-width: 1200px) {
  #page-wrapper {
    min-height: 900px;
    top: 5%;
  }
}
@media only screen and (max-width: 1000px) {
  #page-wrapper {
    top: 2%;
  }
}
@media only screen and (max-width: 840px) {
  body {
    background-image: url(/ui/media/img/bg_page_top_900px.jpg);
  }
  #page-wrapper {
    background-image: url(/ui/media/img/bg_page_bottom_900px.jpg);
    min-height: 800px;
    top: 1%;
  }
}
@media only screen and (max-width: 770px) {
  body {
    background-image: url(/ui/media/img/bg_page_top_700px.jpg);
  }
  #page-wrapper {
    top: 0;
    background-image: url(/ui/media/img/bg_page_bottom_700px.jpg);
  }
}
@media only screen and (max-width: 500px) {
  body {
    background-image: url(/ui/media/img/bg_page_top_500px.jpg);
  }
  #page-wrapper {
    background-image: url(/ui/media/img/bg_page_bottom_500px.jpg);
  }
}
@media only screen and (max-width: 380px) {
  #page #header {
    margin-top: 7px;
  }
  #page #header #logo {
    left: 0;
  }
}
@media only screen and (max-width: 350px) {
  body {
    background-image: url(/ui/media/img/bg_page_top_350px.jpg);
  }
  #page-wrapper {
    background-image: url(/ui/media/img/bg_page_bottom_350px.jpg);
  }
}