body, html {
  margin: 0px;
  padding: 0px;
  font-family: "Poppins", sans-serif;
  background-color: white;
  font-size: 11px;
  font-weight: 300;
  color: #005aca; }
  @media screen and (max-width: 768px) {
    body, html {
      font-size: 11px; } }
  body.no_x_scroll, html.no_x_scroll {
    overflow-x: hidden; }
  body.noscroll, html.noscroll {
    overflow: hidden; }

a:link {
  text-decoration: none;
  color: #333333; }

a:hover {
  color: #999999; }

a:visited {
  color: #333333; }

a:active {
  color: #999999; }

h1.text, h2.text, h3.text, h4.text, h5.text, h6.text {
  font-family: "Sintony", sans-serif;
  font-weight: 400;
  margin-top: 0px;
  text-transform: uppercase;
  margin-bottom: 1rem !important;
  letter-spacing: 2px;
  color: #0c7ff5; }

h1.text {
  font-size: 4rem; }
  @media screen and (max-width: 768px) {
    h1.text {
      font-size: 3rem; } }

h2.text {
  font-size: 3.25rem; }
  @media screen and (max-width: 768px) {
    h2.text {
      font-size: 2.25rem; } }

h3.text {
  font-size: 2.75rem; }
  @media screen and (max-width: 768px) {
    h3.text {
      font-size: 2rem; } }
  @media screen and (max-width: 600px) {
    h3.text {
      font-size: 1.4rem; } }

h4.text {
  font-size: 2.5rem; }
  @media screen and (max-width: 768px) {
    h4.text {
      font-size: 1.75rem; } }

p.content.text {
  font-size: 1rem; }
  @media screen and (max-width: 1024px) {
    p.content.text {
      line-height: 1.5rem;
      font-size: 0.9rem;
      margin-bottom: 1rem; } }

#wrapper.wrapper {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0px; }
  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #wrapper.wrapper.android {
      height: calc(100vh -56px); } }
  #wrapper.wrapper.editmode {
    margin-left: 260px;
    margin-right: 2px;
    margin-top: 0px;
    height: auto;
    width: auto;
    overflow: visible;
    position: relative; }

.col_full {
  width: calc(100% - 180px);
  max-width: 1000px;
  position: relative;
  margin: 0px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px; }
  @media screen and (max-width: 960px) {
    .col_full {
      width: calc(100% - 40px); } }
  @media screen and (max-width: 768px) {
    .col_full {
      padding-left: 0px !important; } }

.col__full {
  width: calc(100% - 180px);
  max-width: 1000px;
  position: relative;
  margin: 0px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px; }
  @media screen and (max-width: 960px) {
    .col__full {
      width: calc(100% - 40px);
      margin-right: 0px;
      padding-left: 0px !important; } }

.div__full {
  width: 100%;
  max-width: 1000px;
  position: relative;
  margin: 0px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 1000px) {
    .div__full {
      width: 100%; } }
  @media screen and (max-width: 1000px) {
    .div__full.row {
      margin: 0px 0px 0px -20px !important; } }

.overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 5;
  background-color: rgba(128, 128, 128, 0.8);
  display: none; }
  .overlay.open {
    display: block; }

.clearfix {
  clear: both;
  margin-bottom: 100px; }

.main_header {
  background-color: transparent;
  padding: 0px !important; }
  .main_header .logo {
    width: 41px;
    height: 41px;
    position: relative;
    left: 0px;
    font-size: 1rem !important;
    display: inline-block;
    vertical-align: middle; }
  @media screen and (max-width: 1100px) {
    .main_header {
      background-color: rgba(255, 255, 255, 0.7); } }

.footer {
  color: #333333;
  font-size: 0.5rem;
  background-color: transparent !important;
  padding: 8px 100px !important;
  position: fixed !important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3; }
  .footer[level] {
    left: 260px;
    bottom: 40px; }
  @media screen and (max-width: 600px) {
    .footer {
      padding: 4px 20px !important; } }
  .footer p.text {
    margin-bottom: 0px !important;
    font-size: 0.7rem; }
    @media screen and (max-width: 600px) {
      .footer p.text {
        font-size: 0.5rem !important; } }
  .footer .left {
    text-align: left;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; }
  .footer .right {
    text-align: right;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; }

.main-nav {
  position: fixed;
  display: block;
  width: 100%;
  max-width: 1100px;
  left: 50%;
  top: 0px;
  height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 4; }
  .main-nav[level] {
    left: calc(50% + 100px);
    top: 120px; }
  .main-nav .main-logo {
    width: 141px;
    height: 48px;
    position: absolute;
    left: 90px;
    top: 20px;
    cursor: pointer; }
    @media screen and (max-width: 600px) {
      .main-nav .main-logo {
        width: 100px;
        height: 34px;
        left: 20px;
        top: 8px; } }
  .main-nav .hamburger {
    width: 30px;
    height: 30px;
    position: fixed;
    right: 10px;
    top: 6px;
    cursor: pointer;
    z-index: 5;
    display: none; }
    .main-nav .hamburger:before {
      content: "";
      position: absolute;
      left: 8px;
      height: 1px;
      width: 14px;
      top: 12px;
      background-color: #333333;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .main-nav .hamburger:after {
      content: "";
      position: absolute;
      left: 8px;
      height: 1px;
      width: 10px;
      bottom: 12px;
      background-color: #333333;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .main-nav .hamburger.open:before {
      top: 50%;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .main-nav .hamburger.open:after {
      width: 14px;
      bottom: calc(50% - 1px);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    @media screen and (max-width: 600px) {
      .main-nav .hamburger {
        display: block; } }
  .main-nav .main-nav-menu {
    text-align: right;
    position: absolute;
    top: 34px;
    right: 120px; }
    @media screen and (max-width: 1024px) {
      .main-nav .main-nav-menu {
        right: 140px; } }
    @media screen and (max-width: 768px) {
      .main-nav .main-nav-menu {
        right: 120px; } }
    @media screen and (max-width: 600px) {
      .main-nav .main-nav-menu {
        display: fixed;
        width: 100vw;
        height: 100vh;
        right: -101vw;
        top: 0px;
        padding: calc(50vh - 100px) 40px calc(50vh - 100px) 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.95);
        z-index: 2;
        -webkit-transition: right 0.3s ease-in-out;
        -o-transition: right 0.3s ease-in-out;
        transition: right 0.3s ease-in-out; } }
    @media screen and (max-width: 600px) {
      .main-nav .main-nav-menu.open {
        right: 0px; } }
    .main-nav .main-nav-menu a {
      font-weight: 700;
      display: inline-block;
      margin-right: 52px;
      position: relative; }
      .main-nav .main-nav-menu a.current {
        font-weight: 300; }
        .main-nav .main-nav-menu a.current:before {
          content: "";
          position: absolute;
          top: 10px;
          left: -10px;
          right: -10px;
          height: 1px;
          background-color: rgba(51, 51, 51, 0.3); }
          @media screen and (max-width: 600px) {
            .main-nav .main-nav-menu a.current:before {
              display: none; } }
      @media screen and (max-width: 1024px) {
        .main-nav .main-nav-menu a {
          margin-right: 45px; } }
      @media screen and (max-width: 768px) {
        .main-nav .main-nav-menu a {
          margin-right: 35px; } }
      @media screen and (max-width: 600px) {
        .main-nav .main-nav-menu a {
          display: block;
          line-height: 50px;
          height: 50px;
          width: auto;
          text-align: center;
          font-size: 1.4rem;
          margin-right: 0px; } }
  .main-nav .main-nav-phone {
    position: absolute;
    top: 34px;
    right: 0px;
    display: inline-block;
    color: #002b8f;
    white-space: nowrap; }
    @media screen and (max-width: 1024px) {
      .main-nav .main-nav-phone {
        right: 20px; } }
    @media screen and (max-width: 600px) {
      .main-nav .main-nav-phone {
        top: 12px;
        right: 50px; } }
    .main-nav .main-nav-phone p.text {
      display: inline-block; }
    .main-nav .main-nav-phone .image.content {
      width: 11px;
      height: 13px;
      position: absolute;
      top: 4px;
      left: -15px; }

.sidebar {
  position: fixed;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  z-index: 3;
  background-color: rgba(61, 153, 247, 0.8);
  -webkit-transition: top 0.5s ease-in-out 0.6s, bottom 0.5s ease-in-out 0.6s, width 0.5s ease-in-out 0.6s;
  -o-transition: top 0.5s ease-in-out 0.6s, bottom 0.5s ease-in-out 0.6s, width 0.5s ease-in-out 0.6s;
  transition: top 0.5s ease-in-out 0.6s, bottom 0.5s ease-in-out 0.6s, width 0.5s ease-in-out 0.6s; }
  @media screen and (max-width: 600px) {
    .sidebar {
      top: 30vh;
      bottom: 66px; } }
  .sidebar[level] {
    left: 260px;
    top: 0px; }
  .sidebar.closed {
    width: 78px; }
    @media screen and (max-width: 600px) {
      .sidebar.closed {
        width: 30px; } }
  .sidebar.open {
    width: 320px;
    top: 0px !important;
    bottom: 0px !important;
    -webkit-transition: top 0.5s ease-in-out 0s, bottom 0.5s ease-in-out 0s, width 0.5s ease-in-out 0s;
    -o-transition: top 0.5s ease-in-out 0s, bottom 0.5s ease-in-out 0s, width 0.5s ease-in-out 0s;
    transition: top 0.5s ease-in-out 0s, bottom 0.5s ease-in-out 0s, width 0.5s ease-in-out 0s; }
    .sidebar.open .sidebar-headline {
      opacity: 1 !important; }
      @media screen and (max-width: 600px) {
        .sidebar.open .sidebar-headline {
          bottom: 100px; } }
    .sidebar.open .sidebar-date {
      opacity: 1 !important; }
    .sidebar.open .sidebar-info {
      right: 60px;
      left: 60px;
      opacity: 1;
      -webkit-transition: opacity 0.5s linear 0.8s;
      -o-transition: opacity 0.5s linear 0.8s;
      transition: opacity 0.5s linear 0.8s;
      overflow: visible; }
    .sidebar.open .sidebar-button {
      bottom: 78px !important; }
      @media screen and (max-width: 600px) {
        .sidebar.open .sidebar-button {
          bottom: 66px !important; } }
      .sidebar.open .sidebar-button .image.content {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -ms-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg); }
  .sidebar.button {
    top: calc(100% - 154px);
    bottom: 78px;
    -webkit-transition: top 0.5s ease-in-out 0.6s, bottom 0.5s ease-in-out 0.6s, width 0.3s ease-in-out 1.1s;
    -o-transition: top 0.5s ease-in-out 0.6s, bottom 0.5s ease-in-out 0.6s, width 0.3s ease-in-out 1.1s;
    transition: top 0.5s ease-in-out 0.6s, bottom 0.5s ease-in-out 0.6s, width 0.3s ease-in-out 1.1s; }
    @media screen and (max-width: 600px) {
      .sidebar.button {
        bottom: 66px;
        top: calc(100% - 96px); } }
    .sidebar.button .sidebar-headline {
      opacity: 0; }
    .sidebar.button .sidebar-date {
      opacity: 0; }
    .sidebar.button .sidebar-button {
      bottom: 0px; }
  .sidebar .sidebar-date {
    position: absolute;
    width: 50px;
    height: 70px;
    left: 22px;
    top: 22px;
    color: #ffffff;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    @media screen and (max-width: 600px) {
      .sidebar .sidebar-date {
        display: none; } }
    .sidebar .sidebar-date p.text:first-of-type {
      font-size: 14px;
      width: 34px;
      position: absolute;
      top: 0px;
      left: 0px;
      text-align: center;
      text-transform: uppercase; }
    .sidebar .sidebar-date p.text:last-of-type {
      font-size: 36px;
      width: 50px;
      position: absolute;
      top: 20px;
      left: -42px;
      text-align: right;
      -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
      transform-origin: right top;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .sidebar .sidebar-info {
    position: absolute;
    left: 0px;
    right: 78px;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: left 0.1s linear 0.2s, right 0.1s linear 0.2s, opacity 0.1s linear;
    -o-transition: left 0.1s linear 0.2s, right 0.1s linear 0.2s, opacity 0.1s linear;
    transition: left 0.1s linear 0.2s, right 0.1s linear 0.2s, opacity 0.1s linear;
    overflow: hidden;
    opacity: 0; }
    .sidebar .sidebar-info p.text > em {
      position: absolute;
      right: 0px;
      font-style: normal; }
  .sidebar .sidebar-button {
    position: absolute;
    width: 78px;
    height: 78px;
    right: 0px;
    bottom: 78px;
    -webkit-transition: bottom 0.5s;
    -o-transition: bottom 0.5s;
    transition: bottom 0.5s;
    cursor: pointer; }
    @media screen and (max-width: 600px) {
      .sidebar .sidebar-button {
        width: 30px;
        height: 30px;
        bottom: 0px; } }
    .sidebar .sidebar-button.button {
      bottom: 0px; }
    .sidebar .sidebar-button .image.content {
      position: absolute;
      width: 25px;
      height: 15px;
      left: 50%;
      top: 50%;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }
      @media screen and (max-width: 600px) {
        .sidebar .sidebar-button .image.content {
          width: 15px;
          height: 9px;
          -webkit-transform: translate(-50%, -50%) rotate(0deg);
          -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg); } }
  .sidebar .sidebar-headline {
    text-align: right;
    position: absolute;
    width: 130px;
    height: 20px;
    right: 49px;
    bottom: 160px;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 1.6rem;
    font-family: "Sintony", sans-serif;
    color: #ffffff;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    cursor: pointer; }
    @media screen and (max-width: 600px) {
      .sidebar .sidebar-headline {
        right: 27px;
        bottom: 34px; } }
    .sidebar .sidebar-headline p.content.text {
      font-size: 1.6rem; }
      @media screen and (max-width: 600px) {
        .sidebar .sidebar-headline p.content.text {
          font-size: 1.2rem; } }
  .sidebar .sidebar-sliderdots {
    position: absolute;
    left: 30px;
    top: 30vh; }
    @media screen and (max-width: 600px) {
      .sidebar .sidebar-sliderdots {
        left: 4px;
        top: 4px; } }
    .sidebar .sidebar-sliderdots > .slick-dots {
      list-style: none;
      padding: 0px;
      margin: 0px;
      text-align: right;
      width: 21px;
      position: absolute;
      left: 0px;
      bottom: 0px;
      margin-top: 0px; }
      @media screen and (max-width: 600px) {
        .sidebar .sidebar-sliderdots > .slick-dots {
          bottom: auto;
          top: 0px; } }
      .sidebar .sidebar-sliderdots > .slick-dots > li {
        display: inline-block; }
        .sidebar .sidebar-sliderdots > .slick-dots > li > button {
          background-color: transparent;
          border: 0px !important;
          outline: 0px !important;
          color: transparent;
          width: 21px;
          height: 21px;
          position: relative;
          margin-top: 10px; }
          .sidebar .sidebar-sliderdots > .slick-dots > li > button:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 4px;
            background-color: #ffffff;
            left: 10px;
            top: 10px; }
        .sidebar .sidebar-sliderdots > .slick-dots > li.slick-active > button:before {
          width: 8px;
          height: 8px;
          border-radius: 100%;
          background-color: transparent;
          left: 6px;
          top: 6px;
          border: 1px solid #ffffff; }

.main_content {
  height: 100%;
  width: 100vw;
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0px; }
  .main_content.editmode {
    height: auto;
    width: auto;
    position: relative; }

.image.content {
  overflow: hidden; }
  .image.content > img.media_element {
    position: relative;
    opacity: 1;
    left: 0%;
    -webkit-transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out; }

.page:not([level]) {
  position: fixed;
  height: 100%;
  width: 100vw;
  right: 0px;
  top: 0px;
  background-color: white; }
  .page:not([level]) .background {
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 0px;
    top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 45% 50%;
    -webkit-transition: opacity 0.6s ease-in-out 0.3s;
    -o-transition: opacity 0.6s ease-in-out 0.3s;
    transition: opacity 0.6s ease-in-out 0.3s;
    opacity: 0; }
  .page:not([level]):before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    left: 0vw;
    right: 0vw;
    top: 0px;
    background-color: #3d99f7;
    -webkit-transition: left 0s ease-out 0s, right 0s ease-out 0s;
    -o-transition: left 0s ease-out 0s, right 0s ease-out 0s;
    transition: left 0s ease-out 0s, right 0s ease-out 0s;
    z-index: 1; }
  .page:not([level]):after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    left: 0vw;
    right: 0vw;
    top: 0px;
    background-color: #3d99f7;
    -webkit-transition: left 0s ease-in 0s, right 0s ease-in 0s;
    -o-transition: left 0s ease-in 0s, right 0s ease-in 0s;
    transition: left 0s ease-in 0s, right 0s ease-in 0s; }
  .page:not([level]).nextvisible {
    position: fixed;
    top: 0px;
    right: 0px; }
  .page:not([level]).visible {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 1; }
    .page:not([level]).visible:before {
      left: 0vw;
      right: 100vw;
      -webkit-transition: left 0.6s ease-out 0s, right 0.6s ease-out 0s;
      -o-transition: left 0.6s ease-out 0s, right 0.6s ease-out 0s;
      transition: left 0.6s ease-out 0s, right 0.6s ease-out 0s; }
    .page:not([level]).visible:after {
      left: 100vw;
      right: 0vw;
      -webkit-transition: left 0.6s ease-in 0s, right 0.6s ease-in 0s;
      -o-transition: left 0.6s ease-in 0s, right 0.6s ease-in 0s;
      transition: left 0.6s ease-in 0s, right 0.6s ease-in 0s;
      visibility: hidden; }
    .page:not([level]).visible .bluebox {
      bottom: 78px;
      opacity: 1; }
      @media screen and (max-width: 600px) {
        .page:not([level]).visible .bluebox {
          bottom: 66px; } }
    .page:not([level]).visible .background {
      opacity: 1;
      background-position: 50% 50%; }
    .page:not([level]).visible.fadeout .background {
      opacity: 1;
      background-position: 50% 50%; }
    .page:not([level]).visible.fadeout:after {
      left: 0vw;
      right: 0vw;
      visibility: visible;
      -webkit-transition: left 0.6s ease-in 0s, right 0.6s ease-in 0s;
      -o-transition: left 0.6s ease-in 0s, right 0.6s ease-in 0s;
      transition: left 0.6s ease-in 0s, right 0.6s ease-in 0s; }

.page[level] {
  position: relative;
  height: 100vh;
  width: 100%;
  right: 0px;
  top: 0px;
  background-color: grey; }
  .page[level] .bluebox {
    bottom: 78px;
    opacity: 1; }
  .page[level] .background {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0px;
    top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transition: background-position 0.6s ease-in-out, opacity 0.6s ease-in-out;
    -o-transition: background-position 0.6s ease-in-out, opacity 0.6s ease-in-out;
    transition: background-position 0.6s ease-in-out, opacity 0.6s ease-in-out;
    opacity: 1; }
  .page[level].nextvisible {
    top: 0px;
    right: 0px; }
  .page[level].visible {
    top: 0px;
    right: 0px;
    z-index: 1; }

.page1 > .scrolldown {
  color: #333333;
  position: absolute;
  display: block;
  bottom: 0px;
  left: 68vw;
  padding-left: 85px;
  white-space: nowrap;
  font-weight: 700;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transition: bottom 0.4s ease-in-out;
  -o-transition: bottom 0.4s ease-in-out;
  transition: bottom 0.4s ease-in-out; }
  .page1 > .scrolldown.fadein:not([level]) {
    bottom: -250px; }
  @media screen and (max-width: 600px) {
    .page1 > .scrolldown {
      display: none; } }
  .page1 > .scrolldown:before {
    content: "";
    position: absolute;
    display: block;
    width: 75px;
    height: 1px;
    left: 0px;
    top: 10px;
    background-color: #333333; }

.page1 > .Modul_Slider {
  width: 100%;
  height: 100%; }
  .page1 > .Modul_Slider .Modul_Slider_Slide {
    width: 100%;
    height: 100%; }
    .page1 > .Modul_Slider .Modul_Slider_Slide .slider-txtbox {
      position: absolute;
      width: 400px;
      left: 45vw;
      top: 29vh;
      opacity: 1;
      -webkit-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out; }
      .page1 > .Modul_Slider .Modul_Slider_Slide .slider-txtbox.fadein:not([level]) {
        opacity: 0; }
      @media screen and (max-width: 600px) {
        .page1 > .Modul_Slider .Modul_Slider_Slide .slider-txtbox {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0px 50px;
          top: 13vh;
          left: 0vw; } }
      .page1 > .Modul_Slider .Modul_Slider_Slide .slider-txtbox h3.text {
        white-space: nowrap; }
        @media screen and (max-width: 600px) {
          .page1 > .Modul_Slider .Modul_Slider_Slide .slider-txtbox h3.text {
            white-space: normal; } }
      .page1 > .Modul_Slider .Modul_Slider_Slide .slider-txtbox .image.content.plus {
        width: 18px;
        height: 18px;
        padding-top: 10px;
        cursor: pointer; }
    .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 {
      background-color: #f2f2f2; }
      .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 .image.content.griesel {
        position: absolute;
        width: 410px;
        height: auto;
        left: 48vw;
        top: 21vh; }
        @media screen and (max-width: 600px) {
          .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 .image.content.griesel {
            display: none; } }
      .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 div.image.content.woman {
        position: absolute;
        width: 47vw;
        height: 90vh;
        right: 53vw;
        bottom: 0px; }
        .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 div.image.content.woman.fadein:not([level]) > img.media_element {
          opacity: 0; }
        @media screen and (max-width: 600px) {
          .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 div.image.content.woman {
            display: none; } }
        .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 div.image.content.woman img.media_element {
          width: auto !important;
          height: auto !important;
          max-width: 100%;
          max-height: 100%;
          position: absolute;
          right: 0px;
          bottom: 0px; }
      .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 .image.content.child {
        position: absolute;
        width: 48vw;
        height: 55vh;
        left: 58vw;
        bottom: 0px; }
        .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 .image.content.child.fadein:not([level]) > img.media_element {
          opacity: 0; }
        @media screen and (max-width: 600px) {
          .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 .image.content.child {
            width: 90vw;
            height: 90vh;
            left: 20vw; } }
        .page1 > .Modul_Slider .Modul_Slider_Slide.Slide1 .image.content.child img.media_element {
          width: auto !important;
          height: auto !important;
          max-width: 100%;
          max-height: 100%;
          position: absolute;
          left: 0px;
          bottom: 0px; }
    .page1 > .Modul_Slider .Modul_Slider_Slide.Slide3 {
      background-position: right center !important; }

.page2 .background {
  background-position: 50% 50%; }

.page2 .txtbox {
  position: absolute;
  width: 340px;
  left: calc(80vw - 830px);
  color: #ffffff;
  top: 25vh;
  -webkit-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  opacity: 1; }
  .page2 .txtbox.fadein:not([level]) {
    opacity: 0; }
  @media screen and (min-width: 769px) and (max-height: 880px) {
    .page2 .txtbox {
      top: 15vh; } }
  @media screen and (min-width: 769px) and (max-height: 780px) {
    .page2 .txtbox {
      top: 10vh; } }
  @media screen and (max-width: 1024px) {
    .page2 .txtbox {
      left: calc(90vw - 765px);
      top: 20vh; } }
  @media screen and (max-width: 768px) {
    .page2 .txtbox {
      left: calc(100vw - 630px);
      top: 20vh; } }
  @media screen and (max-width: 600px) {
    .page2 .txtbox {
      left: 0px;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0px 50px;
      top: 13vh; } }
  .page2 .txtbox h3.text {
    color: #ffffff; }

.page2 .bluebox {
  position: absolute;
  left: 0px;
  bottom: 78px;
  padding: 50px 65px 50px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80vw;
  overflow: hidden;
  -webkit-transition: left 0.5s linear;
  -o-transition: left 0.5s linear;
  transition: left 0.5s linear; }
  .page2 .bluebox.fadein:not([level]) {
    left: -100vw; }
    .page2 .bluebox.fadein:not([level]):before {
      left: 100vw; }
  @media screen and (max-width: 1024px) {
    .page2 .bluebox {
      width: 90vw;
      padding: 50px 0px; } }
  @media screen and (max-width: 768px) {
    .page2 .bluebox {
      width: 100vw; } }
  @media screen and (max-width: 600px) {
    .page2 .bluebox {
      bottom: 66px !important;
      padding: 20px 50px 0px; } }
  .page2 .bluebox:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0px;
    bottom: -78px;
    background-image: url(/media/output/72);
    background-size: cover;
    background-position: center center;
    opacity: 0.8;
    -webkit-transition: left 0.5s linear;
    -o-transition: left 0.5s linear;
    transition: left 0.5s linear; }
    @media screen and (max-width: 600px) {
      .page2 .bluebox:before {
        bottom: -66px; } }
  .page2 .bluebox .service-item {
    width: 180px;
    float: right;
    margin-right: 75px;
    color: white; }
    .page2 .bluebox .service-item.fadein:not([level]) > .image.content > img.media_element {
      left: -100%; }
    .page2 .bluebox .service-item.fadein:not([level]) .text {
      opacity: 0; }
    @media screen and (max-width: 768px) {
      .page2 .bluebox .service-item {
        margin-right: 50px;
        width: 160px; } }
    @media screen and (max-width: 600px) {
      .page2 .bluebox .service-item {
        position: relative;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 0px 0px 70px;
        margin-right: 0px;
        margin-bottom: 10px; }
        .page2 .bluebox .service-item p.text:first-of-type {
          display: none; } }
    .page2 .bluebox .service-item .text {
      opacity: 1;
      -webkit-transition: opacity 0.3s ease-in-out 0.9s;
      -o-transition: opacity 0.3s ease-in-out 0.9s;
      transition: opacity 0.3s ease-in-out 0.9s; }
    .page2 .bluebox .service-item h3.text {
      font-weight: 700;
      font-size: 1.5rem;
      color: #ffffff; }
      @media screen and (max-width: 600px) {
        .page2 .bluebox .service-item h3.text {
          font-size: 1.2rem;
          margin-bottom: 3px !important; } }
    .page2 .bluebox .service-item .image.content {
      width: 50px;
      height: 53px;
      margin-bottom: 20px; }
      @media screen and (max-width: 600px) {
        .page2 .bluebox .service-item .image.content {
          width: 35px;
          height: 36px;
          margin-bottom: 0px;
          position: absolute;
          left: 0px;
          top: 0px; } }
    .page2 .bluebox .service-item p.text > a {
      color: #ffffff;
      font-weight: 700;
      display: inline-block; }
      @media screen and (max-width: 600px) {
        .page2 .bluebox .service-item p.text > a {
          margin-bottom: 3px !important; } }
      .page2 .bluebox .service-item p.text > a:after {
        content: " >"; }

.page2_subpage:not([level]) {
  position: fixed;
  width: 100vw;
  height: 100%;
  left: -101vw;
  top: 0px;
  display: block;
  overflow: scroll;
  background-color: #f2f2f2;
  -webkit-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  z-index: 2; }
  .page2_subpage:not([level]).open {
    left: 0px;
    display: block;
    z-index: 2; }
    .page2_subpage:not([level]).open .subnav {
      right: 0px; }
    .page2_subpage:not([level]).open .backbutton {
      top: 135px; }
      @media screen and (max-width: 768px) {
        .page2_subpage:not([level]).open .backbutton {
          top: 95px; } }

.page2_subpage[level] {
  position: relative;
  width: 100%;
  height: auto;
  left: auto;
  top: auto;
  display: block;
  overflow: initial; }
  .page2_subpage[level] .subnav {
    position: absolute;
    right: 0px; }
  .page2_subpage[level] .backbutton {
    position: absolute; }

.page2_subpage .subnav {
  position: fixed;
  right: -100px;
  top: 0px;
  bottom: 0px;
  width: 78px;
  background-color: #248cf6;
  -webkit-transition: right 0.5s ease-in-out 0.2s;
  -o-transition: right 0.5s ease-in-out 0.2s;
  transition: right 0.5s ease-in-out 0.2s; }
  @media screen and (max-width: 600px) {
    .page2_subpage .subnav {
      position: absolute;
      top: 80px;
      width: calc(100vw - 80px);
      left: 40px;
      bottom: auto;
      right: 0px;
      background-color: transparent;
      -webkit-transition: all 0s ease 0s;
      -o-transition: all 0s ease 0s;
      transition: all 0s ease 0s; } }
  .page2_subpage .subnav .subnav-list {
    position: absolute;
    top: 139px;
    left: 21px;
    width: calc(100vh - 160px);
    height: 36px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left; }
    @media screen and (max-width: 600px) {
      .page2_subpage .subnav .subnav-list {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        text-align: center; } }
    .page2_subpage .subnav .subnav-list .subnav-item {
      display: inline-block;
      padding-right: 48px;
      position: relative;
      margin-right: 25px;
      cursor: pointer; }
      @media screen and (max-width: 600px) {
        .page2_subpage .subnav .subnav-list .subnav-item {
          padding-right: 0px;
          margin-right: 10px; } }
      .page2_subpage .subnav .subnav-list .subnav-item.selected p.text {
        color: #0041ac; }
      .page2_subpage .subnav .subnav-list .subnav-item p.text {
        color: white;
        line-height: 36px;
        margin-bottom: 0px !important;
        font-weight: 700;
        font-family: "Sintony", sans-serif; }
        @media screen and (max-width: 600px) {
          .page2_subpage .subnav .subnav-list .subnav-item p.text {
            color: #d1d1d1;
            line-height: auto;
            font-size: 0.9rem; } }
      .page2_subpage .subnav .subnav-list .subnav-item .image.media.content {
        height: 39px;
        width: 36px;
        position: absolute;
        right: 0px;
        top: 0px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
        @media screen and (max-width: 600px) {
          .page2_subpage .subnav .subnav-list .subnav-item .image.media.content {
            display: none; } }

.page2_subpage .backbutton {
  position: fixed;
  left: calc(50% - 410px);
  top: -100vh;
  height: calc(100vh - 213px);
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: top 0.5s ease-in-out 0.3s;
  -o-transition: top 0.5s ease-in-out 0.3s;
  transition: top 0.5s ease-in-out 0.3s;
  z-index: 2; }
  @media screen and (max-width: 768px) {
    .page2_subpage .backbutton {
      left: 20px; } }
  @media screen and (max-width: 600px) {
    .page2_subpage .backbutton {
      left: -10px;
      height: auto;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); } }
  .page2_subpage .backbutton:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    width: 1px;
    top: 25px;
    bottom: 0px;
    background-color: #333333; }
    @media screen and (max-width: 600px) {
      .page2_subpage .backbutton:after {
        display: none; } }
  .page2_subpage .backbutton .scroll_pos {
    position: absolute;
    left: calc(50% - 2px);
    width: 5px;
    height: 60px;
    background-color: #333333;
    top: 25px; }
    @media screen and (max-width: 600px) {
      .page2_subpage .backbutton .scroll_pos {
        display: none; } }

.page2_subpage .txtbox {
  width: 830px;
  position: relative;
  margin: 0px auto 80px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 160px 85px 0px 255px;
  opacity: 1;
  left: 0px;
  -webkit-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out; }
  .page2_subpage .txtbox.fadein:not([level]) {
    left: 50px;
    opacity: 0; }
  @media screen and (max-width: 768px) {
    .page2_subpage .txtbox {
      width: 560px;
      padding-left: 0px; } }
  @media screen and (max-width: 600px) {
    .page2_subpage .txtbox {
      width: calc(100vw - 80px);
      padding-right: 0px;
      margin: 0px auto 40px auto; } }

.page2_subpage .detailbox {
  width: 830px;
  position: relative;
  margin: 0px auto 60px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 170px;
  opacity: 1;
  left: 0px;
  -webkit-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out; }
  .page2_subpage .detailbox.fadein:not([level]) {
    left: 50px;
    opacity: 0; }
  @media screen and (max-width: 768px) {
    .page2_subpage .detailbox {
      width: 560px;
      padding-left: 0px; } }
  @media screen and (max-width: 600px) {
    .page2_subpage .detailbox {
      width: calc(100vw - 80px);
      margin: 0px auto 40px auto; } }
  .page2_subpage .detailbox .image.media.content {
    width: 320px;
    height: auto; }
    .page2_subpage .detailbox .image.media.content:not([level]) {
      cursor: pointer; }
    @media screen and (max-width: 768px) {
      .page2_subpage .detailbox .image.media.content {
        width: 270px; } }
    @media screen and (max-width: 600px) {
      .page2_subpage .detailbox .image.media.content {
        width: calc(100vw - 80px); } }
  .page2_subpage .detailbox .detailtxt {
    width: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 20px 0px 20px;
    color: #333333 !important; }
    .page2_subpage .detailbox .detailtxt:not([level]) {
      cursor: pointer; }
    @media screen and (max-width: 768px) {
      .page2_subpage .detailbox .detailtxt {
        width: 270px; } }
    @media screen and (max-width: 600px) {
      .page2_subpage .detailbox .detailtxt {
        width: calc(100vw - 80px);
        padding: 15px 0px 0px 0px; } }
    .page2_subpage .detailbox .detailtxt h3.text {
      font-weight: 700;
      font-size: 1.3rem;
      color: #333333;
      margin-bottom: 5px !important; }
      @media screen and (max-width: 600px) {
        .page2_subpage .detailbox .detailtxt h3.text {
          font-size: 1.1rem;
          margin-bottom: 3px !important; } }
    .page2_subpage .detailbox .detailtxt p.text {
      line-height: 1.8rem;
      margin-bottom: 5px !important; }
    .page2_subpage .detailbox .detailtxt::after {
      content: 'MEHR INFOS';
      display: block;
      position: relative;
      font-weight: 700;
      text-transform: uppercase;
      color: #333333; }
  .page2_subpage .detailbox .detailtxt_mehr {
    clear: both;
    padding: 20px 20px 0px 0px;
    color: #333333 !important;
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0; }
    .page2_subpage .detailbox .detailtxt_mehr.open {
      max-height: 1500px;
      opacity: 1; }
    .page2_subpage .detailbox .detailtxt_mehr[level] {
      max-height: none;
      opacity: 1;
      overflow: visible;
      margin-bottom: 60px; }
    .page2_subpage .detailbox .detailtxt_mehr p.text {
      line-height: 1.8rem;
      margin-bottom: 5px !important; }
  .page2_subpage .detailbox:not([level]):nth-child(2n+3) .image.media.content {
    float: left; }
  .page2_subpage .detailbox:not([level]):nth-child(2n+3) .detailtxt {
    float: right; }
  .page2_subpage .detailbox:not([level]):nth-child(2n+4) .image.media.content {
    float: right; }
    @media screen and (max-width: 600px) {
      .page2_subpage .detailbox:not([level]):nth-child(2n+4) .image.media.content {
        float: left; } }
  .page2_subpage .detailbox:not([level]):nth-child(2n+4) .detailtxt {
    float: left;
    text-align: right; }
    @media screen and (max-width: 600px) {
      .page2_subpage .detailbox:not([level]):nth-child(2n+4) .detailtxt {
        float: right;
        text-align: left; } }
  .page2_subpage .detailbox:nth-child(4n+9)[level] .image.media.content {
    float: left; }
  .page2_subpage .detailbox:nth-child(4n+9)[level] .detailtxt {
    float: right; }
  .page2_subpage .detailbox:nth-child(4n+11)[level] .image.media.content {
    float: right; }
    @media screen and (max-width: 600px) {
      .page2_subpage .detailbox:nth-child(4n+11)[level] .image.media.content {
        float: left; } }
  .page2_subpage .detailbox:nth-child(4n+11)[level] .detailtxt {
    float: left;
    text-align: right; }
    @media screen and (max-width: 600px) {
      .page2_subpage .detailbox:nth-child(4n+11)[level] .detailtxt {
        float: right;
        text-align: left; } }
  .page2_subpage .detailbox:after {
    content: "";
    position: relative;
    clear: both;
    display: block; }

.page3_slider_nav {
  position: absolute;
  left: 13vw;
  bottom: 100px;
  top: 170px;
  width: auto;
  border-left: 1px solid #999999;
  -webkit-transition: top 0.5s ease-in-out 0.5s;
  -o-transition: top 0.5s ease-in-out 0.5s;
  transition: top 0.5s ease-in-out 0.5s; }
  .page3_slider_nav.fadein:not([level]) {
    top: 101vh; }
  @media screen and (max-width: 600px) {
    .page3_slider_nav {
      width: calc(100vw - 80px);
      top: 80px;
      bottom: auto;
      left: 40px;
      border-top: 1px solid #999999;
      border-left: 0px solid transparent; } }
  .page3_slider_nav p.text:not([level]) {
    display: none; }
  .page3_slider_nav ul.slick-dots {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 600px) {
      .page3_slider_nav ul.slick-dots {
        width: calc(100vw - 80px);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .page3_slider_nav ul.slick-dots li button {
      text-align: left;
      color: #999999;
      white-space: nowrap;
      background-color: transparent;
      border: 0px solid transparent;
      border-left: 3px solid rgba(51, 51, 51, 0);
      padding: 20px 15px;
      position: relative;
      left: -2px;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      @media screen and (max-width: 600px) {
        .page3_slider_nav ul.slick-dots li button {
          padding: 5px 10px;
          border: 0px solid transparent;
          border-top: 3px solid rgba(51, 51, 51, 0);
          border-left: 0px solid transparent;
          left: auto;
          top: -2px; } }
      .page3_slider_nav ul.slick-dots li button:hover {
        color: #333333;
        border-left: 3px solid #999999; }
        @media screen and (max-width: 600px) {
          .page3_slider_nav ul.slick-dots li button:hover {
            border-top: 3px solid #999999;
            border-left: 0px solid transparent; } }
    .page3_slider_nav ul.slick-dots li.slick-active button {
      color: #333333;
      border-left: 3px solid #333333; }
      @media screen and (max-width: 600px) {
        .page3_slider_nav ul.slick-dots li.slick-active button {
          border: 0px solid transparent;
          border-top: 3px solid #333333;
          border-left: 0px solid transparent; } }

@media screen and (max-width: 768px) and (orientation: portrait) {
  .page3_1 {
    background-position: left center !important; } }

.page3_1 .bluebox {
  position: absolute;
  right: 0px;
  bottom: 100px !important;
  padding: 30px 0px 20px 160px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 65vw;
  overflow: hidden;
  -webkit-transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  transition: right 0.4s ease-in-out; }
  .page3_1 .bluebox.s_fadein:not([level]) {
    right: -100vw; }
    .page3_1 .bluebox.s_fadein:not([level]):before {
      right: 100vw; }
    .page3_1 .bluebox.s_fadein:not([level]) h3.text, .page3_1 .bluebox.s_fadein:not([level]) p.text {
      color: rgba(255, 255, 255, 0); }
    .page3_1 .bluebox.s_fadein:not([level]) .image.content > img.media_element {
      left: 100%; }
  @media screen and (max-width: 1024px) {
    .page3_1 .bluebox {
      width: 70vw; } }
  @media screen and (max-width: 768px) {
    .page3_1 .bluebox {
      width: 70vw;
      padding: 30px 40px 20px 140px; } }
  @media screen and (max-width: 600px) {
    .page3_1 .bluebox {
      width: 80vw;
      padding: 20px 40px 10px 80px;
      bottom: 66px !important; } }
  .page3_1 .bluebox:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    right: 0px;
    bottom: -100px;
    background-image: url(/media/output/70);
    background-size: cover;
    background-position: center center;
    opacity: 0.8;
    -webkit-transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    transition: right 0.4s ease-in-out; }
    @media screen and (max-width: 768px) and (orientation: portrait) {
      .page3_1 .bluebox:before {
        background-position: left center !important; } }
    @media screen and (max-width: 600px) {
      .page3_1 .bluebox:before {
        bottom: -66px; } }
  .page3_1 .bluebox h3.text, .page3_1 .bluebox p.text {
    color: #ffffff;
    -webkit-transition: color 0.4s ease-in-out 0.6s;
    -o-transition: color 0.4s ease-in-out 0.6s;
    transition: color 0.4s ease-in-out 0.6s;
    max-width: 520px; }
  .page3_1 .bluebox .image.content {
    width: 98px;
    height: 98px;
    position: absolute;
    top: 30px;
    left: 30px; }
    .page3_1 .bluebox .image.content > img.media_element {
      -webkit-transition: left 0.4s ease-in-out 0.6s;
      -o-transition: left 0.4s ease-in-out 0.6s;
      transition: left 0.4s ease-in-out 0.6s;
      left: 0px; }
    @media screen and (max-width: 768px) {
      .page3_1 .bluebox .image.content {
        width: 80px;
        height: 80px; } }
    @media screen and (max-width: 600px) {
      .page3_1 .bluebox .image.content {
        width: 40px;
        height: 40px;
        top: 20px;
        left: 20px; } }

.page3_2 .bluebox {
  position: absolute;
  right: 0px;
  top: 170px;
  bottom: auto !important;
  padding: 30px 0px 30px 460px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70vw;
  overflow: hidden;
  -webkit-transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  transition: right 0.4s ease-in-out; }
  .page3_2 .bluebox.s_fadein:not([level]) {
    right: -70vw; }
    @media screen and (max-width: 600px) {
      .page3_2 .bluebox.s_fadein:not([level]) {
        right: calc(-100vw + 45px); } }
    .page3_2 .bluebox.s_fadein:not([level]):before {
      right: 70vw; }
      @media screen and (max-width: 600px) {
        .page3_2 .bluebox.s_fadein:not([level]):before {
          right: calc(100vw - 45px); } }
    .page3_2 .bluebox.s_fadein:not([level]) h3.text, .page3_2 .bluebox.s_fadein:not([level]) p.text {
      color: rgba(255, 255, 255, 0); }
  @media screen and (max-width: 1024px) {
    .page3_2 .bluebox {
      padding: 30px 0px 30px 360px; } }
  @media screen and (max-width: 768px) {
    .page3_2 .bluebox {
      padding: 160px 40px 30px 45px; } }
  @media screen and (max-width: 600px) {
    .page3_2 .bluebox {
      padding: 90px 40px 10px 20px;
      width: calc(100vw - 45px); } }
  .page3_2 .bluebox:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    right: 0px;
    top: -170px;
    background-image: url(/media/output/71);
    background-size: cover;
    background-position: center center;
    opacity: 0.8;
    -webkit-transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    transition: right 0.4s ease-in-out; }
  .page3_2 .bluebox h3.text, .page3_2 .bluebox p.text {
    color: #ffffff;
    max-width: 290px;
    -webkit-transition: color 0.4s ease-in-out 0.6s;
    -o-transition: color 0.4s ease-in-out 0.6s;
    transition: color 0.4s ease-in-out 0.6s; }

.page3_2 .content.thumb {
  width: 356px;
  height: calc(356px * 0.6673);
  position: absolute;
  top: 120px;
  left: calc(30vw + 45px);
  -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-box-shadow 0.4s ease-in-out 0.8s;
  transition: -webkit-box-shadow 0.4s ease-in-out 0.8s;
  -o-transition: box-shadow 0.4s ease-in-out 0.8s;
  transition: box-shadow 0.4s ease-in-out 0.8s;
  transition: box-shadow 0.4s ease-in-out 0.8s, -webkit-box-shadow 0.4s ease-in-out 0.8s; }
  .page3_2 .content.thumb[level] {
    left: calc(30vw - 215px); }
  .page3_2 .content.thumb > .Modul_Slider {
    height: 100%;
    opacity: 1;
    -webkit-transition: left 0.4s ease-in-out 0.6s, opacity 0.4s ease-in-out 0.6s;
    -o-transition: left 0.4s ease-in-out 0.6s, opacity 0.4s ease-in-out 0.6s;
    transition: left 0.4s ease-in-out 0.6s, opacity 0.4s ease-in-out 0.6s;
    left: 0px; }
    .page3_2 .content.thumb > .Modul_Slider .Modul_Slider_Slide {
      height: 100%; }
  .page3_2 .content.thumb.s_fadein:not([level]) {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
    .page3_2 .content.thumb.s_fadein:not([level]) > .Modul_Slider:not([level]) {
      opacity: 0;
      left: -100px; }
  @media screen and (max-width: 1024px) {
    .page3_2 .content.thumb {
      width: 256px;
      height: calc(256px * 0.6673); } }
  @media screen and (max-width: 600px) {
    .page3_2 .content.thumb {
      width: 180px;
      height: calc(180px * 0.6673);
      left: 65px; } }

@media screen and (orientation: portrait) {
  .page3_3 {
    background-image: url(/media/output/50) !important; } }

.page3_3 .bluebox {
  position: absolute;
  bottom: 0px !important;
  top: 170px;
  right: 9vw;
  padding: 50px 50px 0px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25vw;
  overflow: hidden;
  -webkit-transition: top 0.4s ease-in-out;
  -o-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out; }
  .page3_3 .bluebox.s_fadein:not([level]) {
    top: 100vh; }
    .page3_3 .bluebox.s_fadein:not([level]):before {
      top: -100vh; }
    .page3_3 .bluebox.s_fadein:not([level]) h3.text, .page3_3 .bluebox.s_fadein:not([level]) p.text {
      color: rgba(255, 255, 255, 0); }
  @media screen and (max-width: 768px) {
    .page3_3 .bluebox {
      width: 50vw;
      right: 0px; } }
  @media screen and (max-width: 600px) {
    .page3_3 .bluebox {
      padding: 10px 10px 0px 15px;
      top: 120px; } }
  .page3_3 .bluebox:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    right: -9vw;
    top: -170px;
    background-image: url(/media/output/73);
    background-size: cover;
    background-position: center center;
    opacity: 0.8;
    -webkit-transition: top 0.4s ease-in-out;
    -o-transition: top 0.4s ease-in-out;
    transition: top 0.4s ease-in-out; }
    @media screen and (max-width: 768px) {
      .page3_3 .bluebox:before {
        right: 0px; } }
    @media screen and (max-width: 600px) {
      .page3_3 .bluebox:before {
        top: -120px; } }
    @media screen and (orientation: portrait) {
      .page3_3 .bluebox:before {
        background-image: url(/media/output/74); } }
  .page3_3 .bluebox h3.text, .page3_3 .bluebox p.text {
    color: #ffffff;
    -webkit-transition: color 0.4s ease-in-out 0.6s;
    -o-transition: color 0.4s ease-in-out 0.6s;
    transition: color 0.4s ease-in-out 0.6s; }

.page3_3 .image.content.thumb {
  width: 25vw;
  height: auto;
  position: absolute;
  bottom: 100px;
  right: calc(9vw + 50px);
  -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-box-shadow 0.4s ease-in-out 0.8s;
  transition: -webkit-box-shadow 0.4s ease-in-out 0.8s;
  -o-transition: box-shadow 0.4s ease-in-out 0.8s;
  transition: box-shadow 0.4s ease-in-out 0.8s;
  transition: box-shadow 0.4s ease-in-out 0.8s, -webkit-box-shadow 0.4s ease-in-out 0.8s; }
  .page3_3 .image.content.thumb > img.media_element {
    -webkit-transition: left 0.4s ease-in-out 0.6s;
    -o-transition: left 0.4s ease-in-out 0.6s;
    transition: left 0.4s ease-in-out 0.6s;
    left: 0px; }
  .page3_3 .image.content.thumb.s_fadein:not([level]) {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
    .page3_3 .image.content.thumb.s_fadein:not([level]) > img.media_element {
      left: 100%; }
  @media screen and (max-width: 600px) {
    .page3_3 .image.content.thumb {
      right: 20px;
      width: 50vw;
      bottom: 20px; } }

@media screen and (max-width: 768px) {
  .page3_4 {
    background-position: 66% center !important; } }

.page3_4 .bluebox {
  position: absolute;
  bottom: 0px !important;
  top: 170px;
  right: 45vw;
  padding: 50px 50px 0px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25vw;
  overflow: hidden;
  -webkit-transition: top 0.4s ease-in-out;
  -o-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out; }
  .page3_4 .bluebox.s_fadein:not([level]) {
    top: 100vh; }
    .page3_4 .bluebox.s_fadein:not([level]):before {
      top: -100vh; }
    .page3_4 .bluebox.s_fadein:not([level]) h3.text, .page3_4 .bluebox.s_fadein:not([level]) p.text {
      color: rgba(255, 255, 255, 0); }
  @media screen and (max-width: 768px) {
    .page3_4 .bluebox {
      width: 25vw;
      right: 40vw; } }
  @media screen and (max-width: 600px) {
    .page3_4 .bluebox {
      width: 50vw;
      right: 50vw;
      padding: 10px 10px 0px 15px;
      top: 120px; } }
  .page3_4 .bluebox:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    right: -45vw;
    top: -170px;
    background-image: url(/media/output/23);
    background-size: cover;
    background-position: center center;
    opacity: 0.8;
    -webkit-transition: top 0.4s ease-in-out;
    -o-transition: top 0.4s ease-in-out;
    transition: top 0.4s ease-in-out; }
    @media screen and (max-width: 768px) {
      .page3_4 .bluebox:before {
        background-position: 66% center;
        right: -40vw; } }
    @media screen and (max-width: 600px) {
      .page3_4 .bluebox:before {
        top: -120px;
        right: -50vw; } }
  .page3_4 .bluebox h3.text, .page3_4 .bluebox p.text {
    color: #ffffff;
    -webkit-transition: color 0.4s ease-in-out 0.6s;
    -o-transition: color 0.4s ease-in-out 0.6s;
    transition: color 0.4s ease-in-out 0.6s; }

.page3_4 .image.content.thumb {
  width: 25vw;
  height: auto;
  position: absolute;
  bottom: 100px;
  right: calc(45vw - 50px);
  -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-box-shadow 0.4s ease-in-out 0.8s;
  transition: -webkit-box-shadow 0.4s ease-in-out 0.8s;
  -o-transition: box-shadow 0.4s ease-in-out 0.8s;
  transition: box-shadow 0.4s ease-in-out 0.8s;
  transition: box-shadow 0.4s ease-in-out 0.8s, -webkit-box-shadow 0.4s ease-in-out 0.8s; }
  .page3_4 .image.content.thumb > img.media_element {
    -webkit-transition: left 0.4s ease-in-out 0.6s;
    -o-transition: left 0.4s ease-in-out 0.6s;
    transition: left 0.4s ease-in-out 0.6s;
    left: 0px; }
  .page3_4 .image.content.thumb.s_fadein:not([level]) {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
    .page3_4 .image.content.thumb.s_fadein:not([level]) > img.media_element {
      left: 100%; }
  @media screen and (max-width: 600px) {
    .page3_4 .image.content.thumb {
      right: 50vw;
      width: 50vw;
      bottom: 20px; } }

.page3_5 .topbox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 50vh;
  padding: 170px 0px 0px calc(35vw + 25px);
  -webkit-transition: bottom 0.4s ease-in-out, top 0.4s ease-in-out;
  -o-transition: bottom 0.4s ease-in-out, top 0.4s ease-in-out;
  transition: bottom 0.4s ease-in-out, top 0.4s ease-in-out; }
  .page3_5 .topbox.s_fadein:not([level]) {
    bottom: 100vh;
    top: -50vh; }
    @media screen and (max-width: 600px) {
      .page3_5 .topbox.s_fadein:not([level]) {
        top: -66.7vh; } }
    .page3_5 .topbox.s_fadein:not([level]) h3.text, .page3_5 .topbox.s_fadein:not([level]) p.text {
      color: rgba(0, 43, 143, 0); }
  @media screen and (max-width: 600px) {
    .page3_5 .topbox {
      bottom: 33.3vh;
      padding: 120px 40px 0px 40px; } }
  .page3_5 .topbox h3.text, .page3_5 .topbox p.text {
    color: #002b8f;
    max-width: 400px;
    -webkit-transition: color 0.4s ease-in-out 0.6s;
    -o-transition: color 0.4s ease-in-out 0.6s;
    transition: color 0.4s ease-in-out 0.6s; }

.page3_5 .teambox {
  position: absolute;
  left: 35vw;
  top: calc(50vh - 50px);
  right: calc(65vw - 650px);
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  opacity: 1;
  -webkit-transition: left 0.4s ease-out 0.3s, opacity 0.4s ease-in 0.3s;
  -o-transition: left 0.4s ease-out 0.3s, opacity 0.4s ease-in 0.3s;
  transition: left 0.4s ease-out 0.3s, opacity 0.4s ease-in 0.3s; }
  .page3_5 .teambox[level] {
    right: calc(65vw - 850px); }
  .page3_5 .teambox.wider {
    right: calc(65vw - 750px); }
    .page3_5 .teambox.wider[level] {
      right: calc(65vw - 950px); }
  .page3_5 .teambox.s_fadein:not([level]) {
    left: calc(35vw + 100px);
    opacity: 0; }
    @media screen and (max-width: 600px) {
      .page3_5 .teambox.s_fadein:not([level]) {
        left: calc(50vw + 25px); } }
  @media screen and (max-width: 1023px) {
    .page3_5 .teambox {
      right: 40px; }
      .page3_5 .teambox.wider {
        right: 40px; } }
  @media screen and (max-width: 600px) {
    .page3_5 .teambox {
      top: calc(66.6vh - 50px);
      bottom: 0px;
      left: calc(50vw - 75px);
      right: auto;
      width: 150px;
      display: block; }
      .page3_5 .teambox.wider {
        right: auto; }
      .page3_5 .teambox .slick-arrow {
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: transparent;
        color: transparent;
        font-size: 0px;
        border: 0px solid transparent;
        top: 120px; }
        .page3_5 .teambox .slick-arrow:before {
          content: "";
          position: absolute;
          width: 1px;
          height: 20px;
          left: 10px;
          bottom: 20px;
          background-color: #002b8f;
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .page3_5 .teambox .slick-arrow:after {
          content: "";
          position: absolute;
          width: 1px;
          height: 20px;
          left: 10px;
          top: 20px;
          background-color: #002b8f;
          -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
          transform-origin: left top;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .page3_5 .teambox .slick-arrow.slick-prev {
          left: -20px; }
        .page3_5 .teambox .slick-arrow.slick-next {
          right: -20px;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          -webkit-transform-origin: center center;
          -ms-transform-origin: center center;
          transform-origin: center center; } }
  .page3_5 .teambox .team-member {
    width: 150px;
    color: #002b8f;
    text-align: center;
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%; }
    .page3_5 .teambox .team-member:first-child:nth-last-child(4):not([level]), .page3_5 .teambox .team-member:first-child:nth-last-child(4):not([level]) ~ .team-member:not([level]) {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
    .page3_5 .teambox .team-member:first-child:nth-last-child(7):not([level]), .page3_5 .teambox .team-member:first-child:nth-last-child(7):not([level]) ~ .team-member:not([level]), .page3_5 .teambox .team-member:first-child:nth-last-child(8):not([level]), .page3_5 .teambox .team-member:first-child:nth-last-child(8):not([level]) ~ .team-member:not([level]) {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%; }
    .page3_5 .teambox .team-member:first-child:nth-last-child(9):not([level]), .page3_5 .teambox .team-member:first-child:nth-last-child(9):not([level]) ~ .team-member:not([level]), .page3_5 .teambox .team-member:first-child:nth-last-child(10):not([level]), .page3_5 .teambox .team-member:first-child:nth-last-child(10):not([level]) ~ .team-member:not([level]) {
      -ms-flex-preferred-size: 20%;
      flex-basis: 20%; }
    .page3_5 .teambox .team-member .image.content {
      width: 100px;
      height: 100px;
      margin: 0px auto 20px; }
      .page3_5 .teambox .team-member .image.content.ma {
        border-radius: 50%; }
  .page3_5 .teambox .content_placeholder:nth-child(4):nth-last-child(15) ~ .team-member[level], .page3_5 .teambox .content_placeholder:nth-child(4):nth-last-child(17) ~ .team-member[level] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%; }
  .page3_5 .teambox .content_placeholder:nth-child(4):nth-last-child(19) ~ .team-member[level], .page3_5 .teambox .content_placeholder:nth-child(4):nth-last-child(21) ~ .team-member[level] {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%; }

.page4 .background {
  background-color: #248cf6; }
  .page4 .background .topbox, .page4 .background .bottombox {
    background-color: #f2f2f2; }

.page4 .topbox {
  position: relative;
  width: 100%;
  min-height: 0px;
  padding: 170px 0px 30px 30vw;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: min-height 0.4s ease-in-out;
  -o-transition: min-height 0.4s ease-in-out;
  transition: min-height 0.4s ease-in-out; }
  .page4 .topbox.fadein:not([level]) {
    min-height: 100vh; }
    .page4 .topbox.fadein:not([level]) .text {
      opacity: 0; }
  @media screen and (min-width: 601px) and (max-height: 880px) {
    .page4 .topbox {
      padding: 90px 0px 30px 30vw; } }
  @media screen and (max-width: 600px) {
    .page4 .topbox {
      padding: 50px 40px 1px 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  .page4 .topbox .text {
    width: 350px;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out 0.6s;
    -o-transition: opacity 0.4s ease-in-out 0.6s;
    transition: opacity 0.4s ease-in-out 0.6s; }
    @media screen and (max-width: 600px) {
      .page4 .topbox .text {
        width: auto; } }

.page4 .bottombox {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 78px; }
  @media screen and (min-width: 601px) and (max-height: 880px) {
    .page4 .bottombox {
      display: none; } }
  @media screen and (max-width: 600px) {
    .page4 .bottombox {
      display: none; } }

.page4 .middlebox {
  position: relative;
  width: 350px;
  margin: 40px 0px 0px 30vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  color: #ffffff;
  left: 0px;
  opacity: 1;
  -webkit-transition: left 0.4s ease-out, opacity 0.4s ease-in;
  -o-transition: left 0.4s ease-out, opacity 0.4s ease-in;
  transition: left 0.4s ease-out, opacity 0.4s ease-in; }
  .page4 .middlebox.fadein:not([level]) {
    left: -100px;
    opacity: 0; }
  @media screen and (max-width: 600px) {
    .page4 .middlebox {
      margin: 20px 0px 0px 0px;
      width: 100vw;
      padding: 0px 40px 0px 40px; } }
  .page4 .middlebox .image.content {
    width: 130px;
    height: 130px;
    margin: 0px 20px 20px 0px; }
    .page4 .middlebox .image.content.ma {
      border-radius: 50%; }
    @media screen and (max-width: 600px) {
      .page4 .middlebox .image.content {
        width: 82px;
        height: 82px; } }
  .page4 .middlebox .adresse {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-left: 20px;
    border-left: 1px solid #ffffff; }
    @media screen and (max-width: 600px) {
      .page4 .middlebox .adresse p.text {
        margin-bottom: 8px !important; }
        .page4 .middlebox .adresse p.text:last-of-type {
          margin-bottom: 0px !important; } }
    .page4 .middlebox .adresse a {
      display: inline-block;
      padding: 5px 10px;
      background-color: #ffffff;
      color: #248cf6;
      border: 1px solid #ffffff;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .page4 .middlebox .adresse a:hover {
        color: #ffffff;
        background-color: transparent; }
  .page4 .middlebox .parken {
    margin-top: 30px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
    @media screen and (max-width: 600px) {
      .page4 .middlebox .parken {
        width: calc(100vw - 80px);
        margin-top: 10px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

.page4 .karte {
  position: absolute;
  top: 170px;
  left: calc(30vw + 420px);
  right: 0px;
  bottom: 156px;
  -webkit-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out 0.7s;
  transition: opacity 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out 0.7s;
  -o-transition: opacity 0.4s ease-in-out, box-shadow 0.4s ease-in-out 0.7s;
  transition: opacity 0.4s ease-in-out, box-shadow 0.4s ease-in-out 0.7s;
  transition: opacity 0.4s ease-in-out, box-shadow 0.4s ease-in-out 0.7s, -webkit-box-shadow 0.4s ease-in-out 0.7s; }
  .page4 .karte.fadein:not([level]) {
    opacity: 0;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
  @media screen and (max-width: 600px) {
    .page4 .karte {
      display: none; } }

div.centered {
  margin-left: auto;
  margin-right: auto; }

div.media > img {
  width: 100%	!important;
  height: 100% !important; }

div.hero {
  width: 830px;
  height: 470px; }
  @media screen and (max-width: 1000px) {
    div.hero {
      width: 83vw;
      height: 47vw; } }
  @media screen and (max-width: 480px) {
    div.hero {
      width: 100%;
      height: 83.75vw; } }

div.no-shadow {
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important; }

div.format1.l {
  width: 628px;
  height: 360px; }

div.format1.p {
  width: 360px;
  height: 628px; }

div.format2.l {
  width: 490px;
  height: 287px; }

div.format2.p {
  width: 287px;
  height: 490px; }

div.format3.l {
  width: 355px;
  height: 255px; }

div.format3.p {
  width: 255px;
  height: 355px; }

div.format4.l {
  width: 372px;
  height: 245px; }

div.format4.p {
  width: 245px;
  height: 372px; }

div.format5.l {
  width: 850px;
  height: 490px; }

div.format5.p {
  width: 490px;
  height: 850px; }

div.format6.l {
  width: 660px;
  height: 490px; }

div.format6.p {
  width: 490px;
  height: 660px; }

div.format7.l {
  width: 660px;
  height: 434px; }

div.format7.p {
  width: 434px;
  height: 660px; }

div.format8.l {
  width: 500px;
  height: 353px; }

div.format8.p {
  width: 353px;
  height: 500px; }

div.format8s.l {
  width: 330px;
  height: 233px; }

div.format8s.p {
  width: 353px;
  height: 233px; }

div.vid-format {
  width: 830px;
  height: 466px; }
  @media screen and (max-width: 1000px) {
    div.vid-format {
      width: 83vw;
      height: 46.6vw; } }
  @media screen and (max-width: 480px) {
    div.vid-format {
      width: 100%;
      height: 56.25vw; } }

div.media > p.image_description {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: white;
  font-weight: 900;
  text-align: center;
  font-size: 1.2rem; }
  div.media > p.image_description span {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 2px 5px;
    border-radius: 3px; }

.slick-list, .slick-track {
  height: 100% !important; }

.Modul_Slider_Slide {
  height: 100% !important; }

.Modul_Slider[level] {
  overflow: auto; }

.Modul_Slider > .slick-dots {
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: right; }
  .Modul_Slider > .slick-dots > li {
    display: inline-block; }
    .Modul_Slider > .slick-dots > li > button {
      background-color: transparent;
      border: 0px !important;
      outline: 0px !important;
      color: transparent;
      width: 21px;
      height: 21px;
      position: relative; }
      .Modul_Slider > .slick-dots > li > button:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 2px;
        background-color: #002b8f;
        border-radius: 100%;
        left: 10px;
        top: 10px; }
    .Modul_Slider > .slick-dots > li.slick-active > button:before {
      width: 4px;
      height: 4px;
      background-color: #248cf6;
      left: 9px;
      top: 9px; }

.Modul_Slider > .slick-dots {
  margin-top: 20px; }

.Modul_Slider.vertical_dots > .slick-dots {
  width: 21px;
  position: absolute;
  right: -31px;
  bottom: 0px;
  margin-top: 0px; }

/*# sourceMappingURL=additional.css.map */