/****************************************************/
/*    1. CSS-Modul: COLORS                          */
/****************************************************/
.neutralColorTrans {background-color: transparent;}
.neutralColorWhite {background-color: rgb(255,255,255);}
.neutralColorBlack  {background-color: rgb(0,0,0);}
.neutralColorStrong {background-color: rgb(17,17,17);}
.neutralColorMedium {background-color: rgb(153,153,153);}
.neutralColorLight {background-color: rgb(238,238,238);}

.teaserColor {background-color: rgb(33, 43, 73);} /* -- Accent -- */

.secondColorStrong {background-color: rgb(102,102,102);} /* -- HG Dark -- */
.secondColorMedium {background-color: rgb(224,224,224);} /* -- HG Medium -- */
.secondColorLight {background-color: rgb(240,240,240);} /* -- HG Light -- */

.primColorStrong {background-color: rgb(37, 48, 93);} /* -- Text Headline -- */
.primColorMedium {background-color: rgb(51,51,51);} /* -- Text Primary -- */
.primColorLight {background-color: rgb(102,102,102);} /* -- Text Secondary -- */


/****************************************************/
/*    Layout                                        */
/****************************************************/
/* -- BODY ----------------------------------------------*/

* {margin:0; border:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}

html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
        background: rgb(255,255,255);
      color: rgb(51,51,51);
      font-family: 'Open Sans',Helvetica,Arial,sans-serif;
      font-size: 1em;
      font-weight: 300;
      line-height: 1.375;
      -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


body.hidden, body.showForm, body.nav-open {
  overflow: hidden;
}



/* -- GENERAL CLASSES -----------------------------------*/

.general-width {
  position: relative;
  width: 92%;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
}



/* -- MIDDLE --------------------------------------------*/
.middle {
  position: relative;
  flex: 1 0 auto;
  clear: both;
  margin: 0;
  overflow-x: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


/* --- page --- */
.page {
  position: relative;
  background: rgb(255,255,255);
}

body[data-header-gap="2"] .page:first-child {
      padding-top: 65px;
  }

body[data-header-desktop="3"][data-header-gap="2"] .page:first-child {
      padding-top: 90px;
  }



/* --- container --- */
.page:first-child > .container:only-child {
      padding-top: 65px;
  }

body[data-header-desktop="3"] .page:first-child > .container:only-child {
      padding-top: 90px;
  }

body[data-header-gap="2"] .page:first-child > .container:only-child,
body[data-header-desktop="3"][data-header-gap="2"] .page:first-child > .container:only-child {
  padding-top: 0;
}



/* --- content --- */
.content {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  z-index: 1;
}



/* --- content L | sidebar R (col2Left) --- */
.layout0 .content {
  width: 75.4%;
  padding-right: 0.8%;
}


/* --- 1 column (col1) --- */
.layout2 .content {
  width: 100%;
}



.container > .right {
  position: relative;
  float: left;
  width: 24.6%;
  margin: 0 0 50px;
  padding-left: 0.8%;
  box-sizing: border-box;
}


/* --- 1 column (col1) --- */
.layout2 .container > .right {
  width: 100%;
  padding: 0;
}


.container > .right:empty {
  display: none;
}







.hero div.hero-background {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vmax;
  height: 150%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}


.hero .lores {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}


.overlay .pageoverlay-item .hero .lores {
  display: none;
}


.overlay .pageoverlay-item.active .hero .lores {
  display: block;
}



.hero img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
    -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}


.no-objectfit .hero img {
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}





/* -- TOP -----------------------------------------------*/
.top-header {
  position: fixed;
  flex-shrink: 0;
  top: 0;
  right: 0;
  left: 0;
        height: 25vw;
      max-height: 70vh;
      min-height: 350px;
      clear: both;
  z-index: 10;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


body[data-header-gap="2"] .top-header {
        background: rgb(255,255,255);
    }


/* relative */
body[data-header-desktop="2"] .top-header {
  position: absolute;
}


body[data-header-desktop="3"] .top-header.scroll-shrink {
      }




header {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  text-align: right;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


/* fixed, shrink on scroll */
body[data-header-desktop="3"] .top-header header {
      height: 90px;
  }

body[data-header-desktop="3"] .top-header.scroll-shrink header {
      height: 65px;
  }



.no-csstransitions header:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  margin: 0 0 0 -1px;
  vertical-align: middle;
}

header .header-wrapper {
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

body[data-header-desktop="3"] .top-header.scroll-shrink .header-wrapper {
  padding: 0;
}

.no-csstransitions header .header-wrapper {
  float: right;
}

.logo {
  position: relative;
}

.no-csstransitions .logo {
  float: left;
}

.logo a {
  position: relative;
  display: block;
  box-sizing: border-box;
        height: auto;
      padding: 0;
      width: 100%;
    }

body[data-header-desktop="3"] .top-header.scroll-shrink header .logo a {
        height: auto;
    }



.logo[data-format="1"] a::before,
.logo[data-format="2"] a::before,
.logo[data-format="3"] a span::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  margin: 0 0 0 -1px;
  vertical-align: middle;
}


.logo a img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
}



/* --- CHANGE LOGO ON SCROLL --- */
.logo[data-format="3"] a span {
  position: relative;
  display: block;
  height: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


body[data-header-desktop="3"] .top-header.scroll-shrink .logo[data-format="3"] .logo-default {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s 0.1s;
  transition: all 0.2s 0.1s;
}


.logo[data-format="3"] a span.logo-scroll {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}


body[data-header-desktop="3"] .top-header.scroll-shrink .logo[data-format="3"] .logo-scroll {
  height: 45px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s 0.1s;
  transition: all 0.2s 0.1s;
}




/* --- ICON - TEXT --- */
.no-touchevents .logo[data-format="2"] a:hover, .no-touchevents .logo[data-format="2"] a:active {
  color: rgb(37, 48, 93);
}

.logo[data-format="2"] .logo-text {
  display: inline-block;
  font-size: 1.8em;
  vertical-align: middle;
}


.logo[data-format="2"] .logo-text i {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
}

.logo[data-format="2"] .logo-text span {
  display: inline-block;
  vertical-align: middle;
}



/* --- META INFO --- */
.meta-reserve {
  display: inline-block;
  margin-right: 1rem;
}

.meta-reserve .btn {
  display: inline-flex;
  align-items: center;
  height: 35px;
  margin: 0;
  border-color: rgb(255,255,255);
  padding: 0 1rem;
  background-color: rgb(255,255,255);
  color: rgb(33, 43, 73);
}


.no-touchevents .meta-reserve .btn:hover,
.no-touchevents .meta-reserve .btn:active {
  border-color: rgba(255,255,255,0.85);
  background-color: rgba(255,255,255,0.85);
  color: rgb(33, 43, 73);
}


.btn-icon {
  position: relative;
  display: none;
  color: rgb(255,255,255);
  font-size: 1.4em;
}



.btn-icon i {
  position: relative;
  z-index: 1;
}



/* --- Slide Navigation button --- */
.sTrigger {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 65px;
  margin-right: -1rem;
  padding: 0 1rem;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


/* fixed, shrink on scroll */
body[data-header-desktop="3"] .top-header ~ .sTrigger {
      height: 90px;
  }

body[data-header-desktop="3"] .top-header.scroll-shrink ~ .sTrigger {
      height: 65px;
  }


/* --- hamburger --- */
.sTrigger span {
  position: absolute;
  display: block;
  top: 50%;
  right: 1rem;
  width: 35px;
  height: 2px;
  border-radius: 1px;
  background: rgb(255,255,255);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.2s 0.1s;
  transition: all 0.2s 0.1s;
}


.nav-open .sTrigger span {
  background: transparent;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}



.sTrigger span::before, .sTrigger span::after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: rgb(255,255,255);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform-origin: center;
}


/* --- top bun --- */
.sTrigger span::before {
  top: -9px;
}

.nav-open .sTrigger.open-right span::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-open .sTrigger.open-left span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* --- bottom bun --- */
.sTrigger span::after {
  top: 9px;
}

.nav-open .sTrigger.open-right span::after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-open .sTrigger.open-left span::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/* -- BOTTOM --------------------------------------------*/
#bottom {
  position: relative;
  display: block;
  flex-shrink: 0;
  clear: both;
        background-color: rgb(33, 43, 73);
      color: rgb(255,255,255);
      text-align: center;
      box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


footer  {
  padding: 2rem 0;
}

footer a {
        color: rgb(255,255,255);
    }


.no-touchevents footer a:hover, .no-touchevents footer a:active {
        color: rgb(175, 205, 231);
    }


footer section, footer nav {
  margin: 2rem 0;
}


footer section > a, footer nav > a,
footer section > span, footer nav > span {
  display: inline-block;
  padding: 0.5rem 1rem;
  vertical-align: middle;
}


footer .social[data-footer="0"] {
  display: none;
}


.social a {
  font-size: 1.7em;
}


.copyright {
  font-size: 0.85em;
}


footer .togis {
  padding: 0.5rem 0;
  font-size: 0.6em;
}



/* --- PARTNER --- */
.partner {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;  
  align-content: center;
  justify-content: center;
}

.partner > a, .partner > span {
  display: inline-block;
  width: 200px;
  padding: 1rem;
  box-sizing: border-box;
  opacity: 0.5;
}


.no-touchevents .partner > a:hover, .no-touchevents .partner > a:active {
  opacity: 1;
}


.partner img {
  display: inline-block;
  width: auto;
  max-width: 250px;
  height: auto;
  max-height: 75px;
}





/* -- CHANNEL MENU ---------------------------------*/
.menu {
  position: relative;
  display: none;
  height: 100%;
  vertical-align: middle;
}

.menu ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: inherit;
  overflow: initial;
  vertical-align: middle;
}

.menu li {
  position: relative;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.menu li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
}


.menu > ul > li > a {
        color: rgb(51,51,51);
      padding: 1rem;
    }


.no-touchevents .menu > ul > li > a:hover,
.no-touchevents .menu > ul > li > a:active {
        color: rgb(37, 48, 93);
    }

.menu > ul > li.active > a,
.no-touchevents .menu > ul > li.active > a:hover,
.no-touchevents .menu > ul > li.active > a:active {
        color: rgb(37, 48, 93);
    }



.menu li a span {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.menu > ul > li > a span {
        border-bottom: 1px solid transparent;
    }


.no-touchevents .menu > ul > li > a:hover span,
.no-touchevents .menu > ul > li > a:active span {
        border-color: rgb(37, 48, 93);
    }

.menu > ul > li.active > a span,
.no-touchevents .menu > ul > li.active > a:hover span,
.no-touchevents .menu > ul > li.active > a:active span {
        border-color: rgb(37, 48, 93);
    }



/* --- DROP DOWN - SECOND LEVEL --- */

.menu ul ul {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 230px;
  height: auto;
  background: rgb(255,255,255);
  background: rgba(255,255,255, 0.95);
  box-shadow: 0 3px 3px rgba(0,0,0, 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
}


.menu ul li:hover ul {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}

.menu ul .edge ul {
  right: 0;
  left: auto;
}

.menu li li {
  display: block;
  height: auto;
}


.menu li li a {
  display: block;
  height: auto;
  border-bottom: 1px solid rgba(0,0,0, 0.05);
  padding: 0.75rem 1.5rem;
  font-size: 1em;
  color: rgb(51,51,51);
}



.no-touchevents .menu li li a:hover, 
.no-touchevents .menu li li a:active {
  background-color: rgba(102,102,102, 0.05);
  color: rgb(51,51,51);
}

.menu li.active li a {
  color: rgb(51,51,51);
}

.no-touchevents .menu li.active li a:hover, 
.no-touchevents .menu li.active li a:active {
  background-color: rgba(102,102,102, 0.1);
  color: rgb(51,51,51);
}

.menu li.active li.active > a {
  background-color: rgba(102,102,102, 0.2);
  color: rgb(51,51,51);
}





/* --- THIRD LEVEL --- */
.menu ul li:hover ul ul {
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}

.menu ul ul ul {
  top: 0;
  left: 100%;
  width: 230px;
  opacity: 0;
  visibility: hidden;
}


.menu ul .edge ul ul, .menu ul ul .edge ul {
  right: 100%;
  left: auto;
}


.menu ul ul li:hover > ul {
  opacity: 1;
  z-index: 1;
  visibility: visible;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}




/* -- MACRONAVIGATION ------------------------------*/
.macronav {
  display: block;
  margin: 3em 0;
  overflow: hidden;
}

.macronav .nav-headline {
  display: block;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: rgb(33, 43, 73);
  font-family: 'Hobo W01 Medium',Helvetica,Arial,sans-serif;
  font-size: 1.4em;
  color: rgb(255,255,255);
}

.no-touchevents a.nav-headline:hover, .no-touchevents a.nav-headline:active {
  color: rgb(255,255,255);
}

.macronav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: rgba(102,102,102,0.1);
}


.macronav ul li {
  display: block;
  margin: 0;
  padding: 0;
}

.macronav ul li a {
  display: block;
}

.macronav ul li a span {
  display: block;
  border-top: 1px solid rgba(102,102,102,0.25);
  padding: 1rem;
  color: rgb(51,51,51);
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.macronav ul li:first-child a span {
  border-top: 0;
}



.no-touchevents .macronav ul li a:hover span, .no-touchevents .macronav ul li a:active span {
  background-color: rgba(102,102,102,0.1);
  text-decoration: none;
}


.macronav ul li a.active span {
  color: rgb(37, 48, 93);
}


.macronav ul li a.current span,
.no-touchevents .macronav ul li a.current:hover span, .no-touchevents .macronav ul li a.current:active span {
  color: rgb(255,255,255);
  background-color: rgb(33, 43, 73);
  cursor: default;
}




/* -- level 2 -- */
.macronav ul ul {
  background-color: rgba(102,102,102,0.05);
}

.macronav ul li.active > ul {
  border-top: 1px solid rgba(102,102,102,0.25);
}


.macronav ul li li a span {
  margin: 2px 0;
  border-top: 0;
  padding: 0.5rem 1rem 0.5rem 2rem;
  font-size: 0.9em;
}

.macronav ul li li:first-child a span {
  margin-top: 0;
}

.macronav ul li li:last-child a span {
  margin-bottom: 0;
}



/* -- level 3 -- */

.macronav ul li li ul {
  border-top: 0;
}

.macronav ul li li li a span {
  margin: 0;
  padding: 0.25rem 1rem 0.25rem 3rem;
}



/* -- level 4 -- */
.macronav ul li li li li a span {
  padding-left: 4rem;
}


/* --- TRANSLATE --- */
.translate {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  vertical-align: middle;
}


.translate div {
  display: inline-block;
}

header .translate div + div {
  margin-left: 4px;
}


.translate div a, .translate div > span {
  display: block;
  font-size: 0.85em;
  line-height: 1em;
  text-transform: uppercase;
  color: rgb(51,51,51);
}


.translate div a span, .translate div > span span {
  color: rgb(51,51,51);
}


.no-touchevents .translate a:active span, .no-touchevents .translate a:hover span {
  color: rgb(37, 48, 93);
}

.translate > .active a span {
  color: rgb(37, 48, 93);
}

.translate > .inactive span span {
  opacity: 0.5;
}



#bodyMask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
  cursor: pointer;
}


.nav-open #bodyMask {
  opacity: 1;
  z-index: 11;
  visibility: visible;
}

.showForm #bodyMask {
  z-index: 20;
}

.nav-open.showForm #bodyMask {
  z-index: 11;
}


.no-opacity .nav-open #bodyMask {
  visibility: visible;
}


#sNav {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -310px;
  width: 300px;
  z-index: 12;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


#sNav.open-right {
  right: 0;
  -webkit-transform: translate(110%, 0);
  transform: translate(110%, 0);
}

#sNav.open-left {
  left: 0;
  -webkit-transform: translate(-110%, 0);
  transform: translate(-110%, 0);
}

.no-csstransforms #sNav.open-right {
  right: -310px;
}

.no-csstransforms #sNav.open-left {
  left: -310px;
}

.nav-open #sNav.open-right {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.nav-open #sNav.open-left {
  left: 0;
}

.no-csstransforms .nav-open #sNav.open-right,
.no-touchevents #sNav.hover {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.no-csstransforms .nav-open #sNav.open-left {
  right: 0;
}


#sNav .sTrigger {
  position: absolute;
  top: 5px;
  right: 1rem;
  height: 55px;
}


#sNav .sTrigger span {
  background: rgb(33, 43, 73);
}

.nav-open #sNav .sTrigger span {
  background: transparent;
}


#sNav .sTrigger span::before, #sNav .sTrigger span::after {
  background: rgb(33, 43, 73);
}




#sNav .nav-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
      margin-top: 65px;
    background: rgb(255,255,255);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


body[data-header-desktop="3"] .top-header ~ #sNav .nav-holder {
      margin-top: 90px;
  }

body[data-header-desktop="3"] .top-header.scroll-shrink ~ #sNav .nav-holder {
      margin-top: 65px;
  }


/* --- ITEMS --- */



/* --- MACRONAV --- */
#sNav .macronav {
  margin: 0;
  border-bottom: 1px solid rgba(102,102,102,0.25);
}


#sNav .inactive > ul {
  display: none;
}

#sNav .macronav ul {
  margin: 0;
  padding: 0;
  background: transparent;
}

#sNav .macronav ul li {
  position: relative;
  border-top: 1px solid rgba(102,102,102,0.25);
}


#sNav li .submenu {
  position: absolute;
  display: none;
  top: 1rem;
  right: 0;
  width: 45px;
  padding: 0;
  text-align: center;
  color: rgb(51,51,51);
}

#sNav li .submenu::before {
  content: "\f107";
  display: block;
  font-family: FontAwesome;
  font-size: 1.2em;
}

#sNav li.open > .submenu::before {
  content: "\f106";
}

#sNav li.js-toggle > a {
  margin-right: 0;
}

#sNav .macronav ul li a span {
  border: 0;
}


#sNav .macronav ul li a.active span {
  background-color: rgba(33, 43, 73);
  color: rgb(255,255,255);
}

#sNav .macronav ul li a.current {
  background: rgb(33, 43, 73);
}


#sNav .macronav ul li a.current span {
  font-weight: normal;
  color: rgb(255,255,255);
}




/* -- level 2 -- */
#sNav .macronav ul ul {
  border: 0;
  background-color: rgba(102,102,102,0.05);
}

#sNav li li .submenu::before {
  margin-top: 0;
}


#sNav .macronav ul li li a span {
  margin: 0;
  padding: 1rem 1rem 1rem 2rem;
}




/* -- level 3 -- */
#sNav .macronav ul li li li a span {
  padding: 0.5rem 1rem 0.5rem 3rem;
}


/* --- SECOND PAGES --- */
#sNav .macronav .second-pages {
  display: none;
  border-top: 1px solid rgba(102,102,102,0.25);
  padding: 1rem 0;
}

#sNav .macronav .second-pages li {
  border: 0;
}


#sNav .macronav .second-pages li a span {
  padding: 0.5rem 1rem;
  font-size: 0.85em;
  line-height: 1.25;
}



/* --- TRANSLATE --- */
#sNav .translate {
  display: block;
  border-top: 1px solid rgba(102,102,102,0.25);
}


#sNav .translate div a, #sNav .translate div > span {
  border-right: 1px solid rgba(102,102,102,0.25);
  padding: 15px;
  box-sizing: border-box;
  font-size: 1em;
  text-align: center;
}


#sNav .translate > .active a {
  background: rgba(102,102,102,0.1);
}



#sNav .translate div:not(:first-child) a:before, #sNav .translate div:not(:first-child) > span:before {
  display: none;
}


#sNav .translate > .active a span {
  border-bottom: 0;
}

#sNav .translate > .inactive span span {
  opacity: 0.5;
}




/* --- SOCIAL --- */

#sNav .social[data-menu="0"] {
  display: none;
}

#sNav .social {
  border-top: 1px solid rgba(102,102,102,0.25);
  border-bottom: 0;
  padding: 0;
}


#sNav .social[data-layout="1"] {
  background: rgba(102,102,102,0.1);
}


#sNav .social a {
  display: inline-block;
  margin: 0;
  padding: 5px 0;
  box-sizing: border-box;
  text-align: center;
}

#sNav .social[data-layout="1"] a {
  border-bottom: 1px solid rgba(102,102,102,0.25);
  border-right: 1px solid rgba(102,102,102,0.25);
}

#sNav .social[data-layout="0"] {
  border-bottom: 1px solid rgba(102,102,102,0.25);
  text-align: center;
}

#sNav .social[data-layout="1"][data-length="1"] a {
  width: 100%;
}

#sNav .social[data-layout="1"][data-length="2"] a {
  width: 50%;
}

#sNav .social[data-layout="1"][data-length="3"] a {
  width: 33.33333%;
}

#sNav .social[data-layout="1"][data-length="4"] a {
  width: 25%;
}

#sNav .social[data-layout="1"][data-length="5"] a {
  width: 20%;
}

#sNav .social[data-layout="1"][data-length="6"] a {
  width: 33.33333%;
}

#sNav .social[data-layout="0"] a {
  width: 55px;
  max-width: 20%;
}


#sNav .social a:last-child {
  border-right: 0;
}





/****************************************************/
/*    Standards                                     */
/****************************************************/

.hero, .map-wrapper {

  background: rgb(224,224,224);
  height: 25vw;
  margin: 0 auto;
  max-height: 70vh;
  max-width: 100%;
  min-height: 350px;
  overflow: hidden;
  position: relative;
  width: 100%;

}


.iSlider {

  background: rgb(224,224,224);
  height: 80vh;
  max-width: 1920px;
  min-height: 600px;

}


.iSlider::after {

  background: url(logo-white.png) center no-repeat;
  background-size: 40% auto;
  opacity: 0.5;

}


.iSlider::before {

  background: rgb(224,224,224);

}


.logo {

  left: 0;
  position: absolute;
  right: 0;
  top: 0;

}


.logo a img {

  width: 100%;

}


.logo::after {

  right: 100%;

}


.logo::before {

  left: 100%;

}


.logo::before, .logo::after {

  background: rgb(175, 205, 231);
  content: "";
  height: 0;
  padding: 0 0 5.25%;
  position: absolute;
  top: 0;
  width: 50vw;

}


.overlay .pageoverlay-item .hero, .overlay .pageoverlay-item .map-wrapper {

  height: 20vw;
  max-height: 45vh;

}


.top-header.scroll-up header .header-wrapper::before {


}


footer .copyright .addr {

  text-align: right;

}


footer .copyright .copy {

  font-family: 'Hobo W01 Medium',Helvetica,Arial,sans-serif;
  font-size: 1.4em;
  padding: 0 0 1rem;

}


footer .copyright .tel {

  text-align: left;

}


footer .copyright img {

  display: inline-block;
  height: auto;
  vertical-align: middle;
  width: 80px;

}


header {

  height: 100%;

}


header .header-wrapper {

  bottom: 0;
  height: auto;
  left: 0;
  padding: 0 4%;
  position: absolute;
  right: 0;
  width: auto;

}


header .header-wrapper::before {

  -webkit-transition: all 0.3s;
  background: rgba(33, 43, 73,0.7);
  bottom: 0;
  content: "";
  left: calc(-50vw + 50%);
  position: absolute;
  top: 0;
  transition: all 0.3s;
  width: 100vw;

}


/* -- STANDARD -------------------------------------*/
.accent-color {
  color: rgb(33, 43, 73);
}



.column p.emphasis {

  margin: 2rem 0;

}


.hgroup {

  margin: 2rem 0;

}


.hgroup h1 {

  margin: 0;

}


.hgroup h2 {

  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
  font-size: 1.2em;
  margin: 0;

}


.iSlider h2 {

  font-size: 2.6em;
  font-weight: 300;
  margin: 0 0 0.5rem;

}


.iSlider h3 {

  font-size: 1.8em;
  margin: 0 0 0.5rem;

}


.layout0 p.emphasis {

  margin: 2rem 5.6725%;

}


.small {

  font-size: 0.85em;

}


blockquote {

  background: rgba(102,102,102,0.1);
  margin: 2rem 0;
  overflow: hidden;
  padding: 2rem;

}


h1, .title-h1 {

  font-size: 3em;

}


h1,h2,h3,h4 {

  color: rgb(37, 48, 93);
  font-family: 'Hobo W01 Medium',Helvetica,Arial,sans-serif;
  font-weight: 300;
  line-height: 1.25;
  margin: 2rem 0 1rem;

}


h2, .title-h2 {

  font-size: 1.8em;

}


h3, .title-h3 {

  font-size: 1.4em;

}


h4, .title-h4 {

  font-size: 1.2em;

}


hr, .clearLine {

  background: rgb(102,102,102);
  clear: both;
  display: block;
  height: 1px;
  margin: 2rem 0;
  width: 100%;

}


i, em {

  font-style: italic;

}


p {

  margin: 1rem 0;

}


p.big {

  font-size: 1.4rem;

}


p.caption {

  color: rgb(102,102,102);
  font-size: 0.85em;

}


p.description {

  color: rgb(102,102,102);

}


p.emphasis {

  color: rgb(33, 43, 73);
  display: block;
  font-size: 1.2em;
  margin: 2rem 4.233%;
  position: relative;

}


small {

  font-size: 0.5em;

}


strong, b {

  font-weight: bold;

}



ul {
  list-style: disc;
  margin: 1rem 0;
  padding: 0 0 0 4.233%;
  box-sizing: border-box;
  overflow: hidden;
}

.layout0 ul.list-unordered, .layout0 ul.list-check, .layout0 ul.list-plus, .layout0 ol.list-ordered {
  padding: 0 0 0 5.6725%;
}


.column ul.list-unordered, .column ul.list-check, .column ul.list-plus, .column ol.list-ordered {
  padding: 0 0 0 2.5rem;
}


ol {
  list-style: decimal;
  margin: 1rem 0;
  padding: 0 0 0 5.6725%;
  overflow: hidden;
}

.contentBar .bar-content > ul.list-unordered,
.contentBar .bar-content > ul.list-check,
.contentBar .bar-content > ul.list-plus,
.contentBar .bar-content > ol.list-ordered {
  padding: 0 0 0 9.4144%;
}


li {
  padding: 2px 0;
}


ul.list-plus {
  list-style: none;
}

ul.list-plus li {
  position: relative;
}

ul.list-plus li:before {
  content: "\f067";
  position: absolute;
  top: 5px;
  left: -1.618em;
  font-family: FontAwesome;
  font-size: 0.9em;
}

.contentBar .bar-content.justify1 > ul.list-plus li:before,
.contentBar .bar-content.justify2 > ul.list-plus li:before {
  position: relative;
  top: auto;
  left: auto;
  padding: 0 0.5rem 0 0;
}


ul.list-check {
  list-style: none;
}

ul.list-check li {
  position: relative;
}

ul.list-check li:before {
  content: "\f00c";
  position: absolute;
  top: 5px;
  left: -1.618em;
  font-family: FontAwesome;
  font-size: 0.9em;
}

.contentBar .bar-content.justify1 > ul.list-check li:before,
.contentBar .bar-content.justify2 > ul.list-check li:before {
  position: relative;
  top: auto;
  left: auto;
  padding: 0 0.5rem 0 0;
}




a {
  color: rgb(37, 48, 93);
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.content h2 a,
.content h3 a,
.content h4 a,
.content p a,
.content li a,
.content blockquote a,
.content label a {
  border-bottom: 1px solid currentColor;
}

.no-touchevents a:hover, .no-touchevents a:active {
  color: rgb(51,51,51);
  text-decoration: none;
}


a span {
  cursor: pointer;
}

a img {
  border: none;
}


/* -- ZMS FORMAT (Text Formats) --------------------*/
p.initial:first-letter {
  float: left;
  margin: 7px 10px 10px 0;
  font-size: 3em;
  line-height: 1;
  text-transform: uppercase;
}


p.pullleft {
  float: left;
  width: 31.8731%;
  margin: 0 2.1433% 1rem 0;
  color: rgb(37, 48, 93);
}


p.pullright {
  float: right;
  width: 31.8731%;
  margin: 0 0 1rem 2.1433%;
  color: rgb(37, 48, 93);
}


.content > *:first-child:not(.contentBar) {
  margin-top: 3rem;
}

.content > *:last-child:not(.contentBar) {
  margin-bottom: 3rem;
}


.content > .ZMSGraphic:first-child + * {
  margin-top: 0;
}


.col-layout {
  position: relative;
  width: 102.1432%;
  margin: 1rem -1.0716%;
}


.layout2 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout {
  width: 101.6%;
  margin: 1rem -0.8%;
}

.col-layout .column {
  position: relative;
  display: inline-block;
  margin: 0 1.0491%;
  vertical-align: top;
}


.layout2 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column {
  margin: 0 0.7868%;
}


/* --- 2 COL 50/50 --- */
.col-layout.type1 > .column {
  width: 47.8839%;
}

.layout2 .col-layout.type1 > .column,
.contentBar .col-layout.type1 > .column,
.form-modal .col-layout.type1 > .column {
  width: 48.4075%;
}


.col-layout.type1 > .column:nth-of-type(n+3) {
  margin-top: 1rem;
}



/* --- 3 COL --- */
.col-layout.type2 > .column {
  width: 31.22318%;
}

.layout2 .col-layout.type2 > .column,
.contentBar .col-layout.type2 > .column,
.form-modal .col-layout.type2 > .column {
  width: 31.7471%;
}

.col-layout.type2 > .column:nth-of-type(n+4) {
  margin-top: 1rem;
}

/* --- 2 COL 66/33 --- */
.col-layout.type3 > .column:nth-of-type(2n + 1) {
  width: 64.5447%;
}

.layout2 .col-layout.type3 > .column:nth-of-type(2n + 1),
.contentBar .col-layout.type3 > .column:nth-of-type(2n + 1),
.form-modal .col-layout.type3 > .column:nth-of-type(2n + 1) {
  width: 65.0680%;
}

.col-layout.type3 > .column:nth-of-type(2n) {
  width: 31.22318%;
}

.layout2 .col-layout.type3 > .column:nth-of-type(2n),
.contentBar .col-layout.type3 > .column:nth-of-type(2n),
.form-modal .col-layout.type3 > .column:nth-of-type(2n) {
  width: 31.7471%;
}


.col-layout.type3 > .column:nth-of-type(n+3) {
  margin-top: 1rem;
}



/* --- 2 COL 33/66 --- */
.col-layout.type4 > .column:nth-of-type(2n + 1) {
  width: 31.22318%;
}

.layout2 .col-layout.type4 > .column:nth-of-type(2n + 1),
.contentBar .col-layout.type4 > .column:nth-of-type(2n + 1),
.form-modal .col-layout.type4 > .column:nth-of-type(2n + 1) {
  width: 31.7471%;
}

.col-layout.type4 > .column:nth-of-type(2n) {
  width: 64.5447%;
}

.layout2 .col-layout.type4 > .column:nth-of-type(2n),
.contentBar .col-layout.type4 > .column:nth-of-type(2n),
.form-modal .col-layout.type4 > .column:nth-of-type(2n) {
  width: 65.0680%;
}

.col-layout.type4 > .column:nth-of-type(n+3) {
  margin-top: 1rem;
}


/* --- 4 COL --- */
.col-layout.type5 > .column {
  width: 22.9018%;
}

.layout2 .col-layout.type5 > .column,
.contentBar .col-layout.type5 > .column,
.form-modal .col-layout.type5 > .column {
  width: 23.4264%;
}


.col-layout.type5 > .column:nth-of-type(n+5) {
  margin-top: 1rem;
}


/* --- COLUMN CONTENT --- */
.col-layout .column > *:first-child {
  margin-top: 0;
}


.col-layout .column > h2:first-child,
.col-layout .column > h3:first-child,
.col-layout .column > h4:first-child {
  margin-top: 1rem;
}


.col-layout .column > *:last-child {
  margin-bottom: 0;
}

.col-layout p {
  word-wrap: break-word;
}

.col-layout .ZMSGraphic:not(.imgwidth3) {
  float: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.col-layout .ZMSGraphic:not(.imgwidth3) .graphic, .col-layout .ZMSGraphic:not(.imgwidth3) .text {
  float: none !important;
  width: 100% !important;
  margin-right: 0 !important;
}




/* --- CSS COLUMNS --- */

.css-columns[data-columns="2"] {
  columns: 300px 2;
}

.css-columns[data-columns="3"] {
  columns: 300px 3;
}

/* -- ZMS GRAPHIC ----------------------------------*/
/* --- CONTAINER --- */
.ZMSGraphic {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 1rem 0;
  background: transparent;
  box-sizing: border-box;
}

.overlay .ZMSGraphic {
  display: none;
}

.overlay.open .ZMSGraphic {
  display: block;
}


.ZMSGraphic.none.top, .ZMSGraphic.center {
  background: transparent;
  text-align: center;
}


.ZMSGraphic.imgwidth3 {
  width: auto;
}


.ZMSGraphic.floatleft {
  float: left;
  margin-top: 0.33rem;
  margin-right: 2.1433%;
}

.layout2 .ZMSGraphic.floatleft {
  margin-right: 1.6%;
}



.ZMSGraphic.floatleft.imgwidth0 {
  width: 31.8731%;
}

.layout2 .ZMSGraphic.floatleft.imgwidth0 {
  width: 32.2548%;
}

.ZMSGraphic.floatleft.imgwidth0 + .ZMSGraphic.floatleft.imgwidth0 + .ZMSGraphic.floatleft.imgwidth0 {
  margin-right: 0;
}


.ZMSGraphic.floatleft.imgwidth1 {
  width: 48.9096%;
}

.layout2 .ZMSGraphic.floatleft.imgwidth1 {
  width: 49.1817%;
}

.ZMSGraphic.floatleft.imgwidth1 + .ZMSGraphic.floatleft.imgwidth1 {
  margin-right: 0;
}

.ZMSGraphic.floatleft.imgwidth2 {
  float: none;
  width: 100%;
  margin-right: 0;
}




.ZMSGraphic.floatright {
  float: right;
  margin-top: 0.33rem;
  margin-left: 2.1433%;
}

.layout2 .ZMSGraphic.floatright {
  margin-left: 1.6%;
}


.ZMSGraphic.floatright.imgwidth0 {
  width: 31.8731%;
}

.layout2 .ZMSGraphic.floatright.imgwidth0 {
  width: 32.2548%;
}

.ZMSGraphic.floatright.imgwidth0 + .ZMSGraphic.floatright.imgwidth0 + .ZMSGraphic.floatright.imgwidth0 {
  margin-left: 0;
}

.ZMSGraphic.floatright.imgwidth1 {
  width: 48.9096%;
}

.layout2 .ZMSGraphic.floatright.imgwidth1 {
  width: 49.1817%;
}

.ZMSGraphic.floatright.imgwidth1 + .ZMSGraphic.floatright.imgwidth1 {
  margin-left: 0;
}

.ZMSGraphic.floatright.imgwidth2 {
  float: none;
  width: 100%;
  margin-left: 0;
}



/* --- GRAPHIC --- */
.ZMSGraphic .graphic {
  position: relative;
  overflow: hidden;
}

.ZMSGraphic.imgwidth0 .graphic {
  width: 31.8731%;
}

.layout2 .ZMSGraphic.imgwidth0 .graphic {
  width: 32.2548%;
}

.ZMSGraphic.imgwidth1 .graphic {
  width: 48.9096%;
}

.layout2 .ZMSGraphic.imgwidth1 .graphic {
  width: 49.1817%;
}

.ZMSGraphic.imgwidth2 .graphic {
  width: 100%;
}


.ZMSGraphic.imgwidth3 .graphic {
  width: auto;
  max-width: 100%;
}

.ZMSGraphic.floatleft.imgwidth0 .graphic, .ZMSGraphic.floatleft.imgwidth1 .graphic, .ZMSGraphic.floatleft.imgwidth2 .graphic,
.ZMSGraphic.floatright.imgwidth0 .graphic, .ZMSGraphic.floatright.imgwidth1 .graphic, .ZMSGraphic.floatright.imgwidth2 .graphic,

.layout2 .ZMSGraphic.floatleft.imgwidth0 .graphic, .layout2 .ZMSGraphic.floatleft.imgwidth1 .graphic, .layout2 .ZMSGraphic.floatleft.imgwidth2 .graphic,
.layout2 .ZMSGraphic.floatright.imgwidth0 .graphic, .layout2 .ZMSGraphic.floatright.imgwidth1 .graphic, .layout2 .ZMSGraphic.floatright.imgwidth2 .graphic {
  width: 100%;
}

.ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic {
  float: left;
  margin-right: 2.1433%;
}


.layout2 .ZMSGraphic.left .graphic, .layout2 .ZMSGraphic.right .graphic {
  margin-right: 1.6%;
}

.ZMSGraphic.center .graphic {
  float: none;
  display: inline-block;
  margin: 0 auto;
}



/* --- IMAGE --- */
.ZMSGraphic .graphic img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.ZMSGraphic .graphic img.lazy {
  position: absolute;
}

.ZMSGraphic.imgwidth3 .graphic img {
  width: auto;
}


/* --- TEXT --- */

.ZMSGraphic .text {
  padding: 0.5rem 0 0;
  background: transparent;
  box-sizing: border-box;
  font-size: 0.85em;
}


.ZMSGraphic.none.top.imgwidth0 .text,
.ZMSGraphic.center.imgwidth0 .text {
  width: 31.8731%;
}


.layout2 .ZMSGraphic.none.top.imgwidth0 .text,
.layout2 .ZMSGraphic.center.imgwidth0 .text {
  width: 32.2548%;
}



.ZMSGraphic.none.top.imgwidth1 .text,
.ZMSGraphic.center.imgwidth1 .text {
  width: 48.9096%;
}


.layout2 .ZMSGraphic.none.top.imgwidth1 .text,
.layout2 .ZMSGraphic.center.imgwidth1 .text {
  width: 49.1817%;
}



.ZMSGraphic.none.top.imgwidth2 .text,
.ZMSGraphic.center.imgwidth2 .text {
  width: 100%;
}

.ZMSGraphic.center .text {
  margin: 0 auto;
}

.ZMSGraphic .text p {
  margin: 0;
}


/* --- ZOOM/LINK --- */

.graphic a.zoom, .graphic a.imgUrl {
  position: relative;
  display: block;
  border: 0;
  cursor: pointer;
}


/* -- ZMS TEASER -----------------------------------*/
.layout2 #teaser {
  width: 101.6%;
  margin: 0.8% -0.8%;
}


.ZMSTeaserElement {
  margin: 1em 0;
  background-color: rgba(102,102,102,0.1);
  overflow: hidden;
}


.layout2 .ZMSTeaserElement {
  display: inline-block;
  width: 31.7471%;
  margin: 0.7868%;
  vertical-align: top;
}


.ZMSTeaserElement .graphic {
  text-align: center;
}

.ZMSTeaserElement .graphic img {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: auto;
}


.ZMSTeaserElement .title {
  display: block;
  margin: 1rem;
  font-family: 'Hobo W01 Medium',Helvetica,Arial,sans-serif;
  font-size: 1.2em;
}

.ZMSTeaserElement img.title, .ZMSTeaserElement .graphic .title {
  padding: 0;
}


.ZMSTeaserElement .text {
  display: block;
  margin: 1rem;
}

.linkItem {
  display: block;
  padding: 5px 0 0;
}


/* -- ZMS TABLES -----------------------------------*/
.ZMSTable {
  display: inline-block;
  max-width: 100%;
  margin: 1rem 0;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0 0 5px 0;
  box-sizing: border-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}



.ZMSTable th { 
  position: relative;
  vertical-align: bottom;
  color: rgb(37, 48, 93);
  border-bottom: 1px solid rgba(102,102,102,0.5);
  padding: 0.5rem 1rem;
}

.ZMSTable tr th p {
  margin: 0;
  color: rgb(37, 48, 93);
  font-weight: normal;
  text-align: left;
}

.ZMSTable tr td {
  position: relative;
  min-width: 125px;
  border-top: 1px solid rgba(102,102,102,0.5);
  padding: 0.5rem 1rem;
  vertical-align: top;
}


.ZMSTable tr:first-child th,
.ZMSTable tr:first-child td {
  border-top: 0;
}

.ZMSTable tr:last-child th,
.ZMSTable tr:last-child td { 
  border-bottom: 0;
}


.ZMSTable tr td p {
  position: relative;
  margin: 0;
  text-align: left;
  z-index: 1;
}


.ZMSTable caption {
  position: relative;
  margin: 0;
  border-top: 1px solid rgba(102,102,102,0.5);
  padding: 0.5rem 1rem;
  background-color: transparent; 
  font-size: 0.85em;
  color: rgb(102,102,102);
  text-align: left;
}



/* -- ZMS FILE / ZMS LINK --------------------------*/
.ZMSLinkElement { 
  margin: 1rem 0;
}

.ZMSFile { 
  background-color: transparent;
  margin: 1rem 0;
  padding: 0;
}


.ZMSFile.file-img { 
}

.ZMSFile.none, .ZMSLinkElement.none {
  background-color: transparent;
  border: 2px dashed currentColor;
}

.ZMSFile.floatleft, .ZMSLinkElement.floatleft { 
  float: left;
  width: 48.9096%;
  margin-right: 2.1433%;
}

.ZMSFile.floatright, .ZMSLinkElement.floatright { 
  float: right;
  width: 48.9096%;
  margin-left: 2.1433%;
}


.ZMSFile.file-img a, 
.ZMSLinkElement.file-img a {
  display: block;
  color: rgb(51,51,51);
}

.ZMSFile .img, .ZMSLinkElement .img {
  position: relative;
  display: block !important;
  float: left;
  width: 14.8743%;
  margin: 0 2.1433% 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}



.ZMSFile .img img, .ZMSLinkElement .img img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.no-touchevents .ZMSFile a:hover .img img, .no-touchevents .ZMSFile a:active .img img,
.no-touchevents .ZMSLinkElement a:hover .img img, .no-touchevents .ZMSLinkElement a:active .img img {
  opacity: 0.5;
}


.ZMSFile .img > span,
.ZMSLinkElement .img > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6em;
  opacity: 0.7;
}

.no-touchevents .ZMSFile a:hover .img > span, .no-touchevents .ZMSFile a:active .img > span,
.no-touchevents .ZMSLinkElement a:hover .img > span, .no-touchevents .ZMSLinkElement a:active .img > span {
  color: rgb(37, 48, 93);
  opacity: 1;
}


.ZMSFile.file-img .text, .ZMSLinkElement.file-img .text {
  margin: 0 0 0 110px;
}


.ZMSFile .title i, .ZMSLinkElement .title i, .ZMSLinkElement .title img {
  display: inline-block;
  vertical-align: middle;
}


.ZMSFile.file-img .text i, .ZMSLinkElement.file-img .text i {
  font-size: 0.95em;
}


.ZMSFile .title a, .ZMSLinkElement .title a {
  padding-left: 5px;
  vertical-align: middle;
  text-decoration: none;
}

.ZMSFile .title span, .ZMSLinkElement .title span,
.ZMSFile .text span, .ZMSLinkElement .text span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}

.ZMSLinkElement .text {
  margin: 0 0 0 25px;
}

.ZMSFile .description, .ZMSLinkElement .description {
  margin: 0 0 0 25px;
  font-size: 0.85em;
}

.ZMSFile.file-img .description, .ZMSLinkElement.file-img .description {
  display: block;
  margin: 0;
  padding: 5px 0 0;
}


/*-- FLOATING ---------------*/
.clearing:after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}




.floatRight {
  float: right;
}


.floatLeft {
  float: left;
}


img.imgNoborder {
  border: 0px;
}
.btn {
  position: relative;
  display: inline-block;
  margin: 0.5rem 1rem 0.5rem 0;
  border-radius: 2px;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  background-color: rgba(102,102,102,0.2);
  box-sizing: border-box;
  font-size: 1em;
  color: rgb(51,51,51);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.contentBar .container .bar-content > .btn:last-child {
  margin-bottom: 0.5rem;
}

.contentBar .bar-content.justify2 .btn {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}


.no-touchevents .btn:hover,
.no-touchevents .btn:active,
.no-touchevents a:hover .btn {
  background-color: rgba(102,102,102,0.3);
  color: rgb(51,51,51);
  text-decoration: none;
}

.btn:focus {
  outline: 0;
}

.btn.active,
.btn:active {
  outline: 0;
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  opacity: 0.65;
}

.btn-primary.active,
.btn-warning.active,
.btn-inverse.active {
  color: rgba(255,255,255, 0.75);
}


.btn::before {
  content: "";
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  background-color: rgb(17,17,17);
  z-index: -1;
}

/* --- PRIMARY --- */
.btn-primary {
  border-color: rgb(33, 43, 73);
  background-color: rgb(33, 43, 73);
  color: rgb(255,255,255);
}

.no-touchevents .btn-primary:hover,
.no-touchevents .btn-primary:active,
.no-touchevents a:hover .btn-primary {
  background-color: rgba(33, 43, 73,0.75);
  color: rgb(255,255,255);
}

.btn-primary::before {
  display: block;
}



.contentBar.back3 .container.color1 .btn-primary,
.contentBar .container.back4 .btn-primary {
  border-color: rgb(255,255,255);
  background-color: rgb(255,255,255);
  color: rgb(33, 43, 73);
}


.no-touchevents .contentBar.back3 .container.color1.back0 .btn-primary:hover,
.no-touchevents .contentBar.back3 .container.color1.back0 .btn-primary:active,
.no-touchevents .contentBar.back3 .container.color1.back0 a:hover .btn-primary,

.no-touchevents .contentBar .container.back4 .btn-primary:hover,
.no-touchevents .contentBar .container.back4 .btn-primary:active,
.no-touchevents .contentBar .container.back4 a:hover .btn-primary {
  background-color: rgba(255,255,255,0.9);
  color: rgb(33, 43, 73);
}


.contentBar.back3 .container.color1 .btn-primary::before,
.contentBar .container.back4 .btn-primary::before {
  display: none;
}






/* --- SECONDARY --- */
.btn-secondary {
  border-color: rgb(51,51,51);
  background-color: transparent;
  color: rgb(51,51,51);
}

.no-touchevents .btn-secondary:hover,
.no-touchevents .btn-secondary:active,
.no-touchevents a:hover .btn-secondary {
  background-color: rgb(240,240,240);
  color: rgb(51,51,51);
}


.contentBar .container.color1 .btn-secondary {
  border-color: rgb(255,255,255);
  color: rgb(255,255,255);
}

.no-touchevents .contentBar .container.color1 .btn-secondary:hover,
.no-touchevents .contentBar .container.color1 .btn-secondary:active,
.no-touchevents .contentBar .container.color1 a:hover .btn-secondary {
  background-color: rgba(255,255,255,0.9);
  color: rgb(51,51,51);
}



.fa-color {
  color: rgb(33, 43, 73);
}


.btn > span,
.link-button > span {
  display: inline-block;
  vertical-align: middle;
}

.btn > i,
.link-button > i {
  position: relative;
  vertical-align: middle;
  font-size: 1.4rem;
}

.btn > i + span, .btn > span + i,
.link-button > i + span, .link-button > span + i {
  margin-left: 0.5rem;
  vertical-align: middle;
}



.link-button {
  display: inline-block;
  margin: 5px 1rem 5px 0;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}


.no-touchevents .link-button:hover, .no-touchevents .link-button:active {
  background-color: rgba(51,51,51,0.1);
}





/* -- STANDARDS -----------------------------------------*/
form input, form select, form textarea {
  position: relative;
            background: rgb(255,255,255);
          border: 1px solid rgb(102,102,102);
          border-radius: 2px;
          box-sizing: border-box;
          color: rgb(51,51,51);
          font-family: 'Open Sans',Helvetica,Arial,sans-serif;
          font-size: 1em;
          font-weight: 300;
          line-height: 1.375;
          margin: 0;
          max-width: 100%;
          padding: 0.5em;
      }

form input[type=radio], form input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 2px 5px 2px 0;
  border: 0;
  padding: 0;
  background: transparent;
}

button {
            background: rgb(255,255,255);
          border: 1px solid rgb(102,102,102);
          border-radius: 2px;
          box-sizing: border-box;
          color: rgb(51,51,51);
          font-family: 'Open Sans',Helvetica,Arial,sans-serif;
          font-size: 1em;
          font-weight: 300;
          line-height: 1.375;
          margin: 0;
          max-width: 100%;
          padding: 0.5em;
      }


.conForm input::placeholder, .conForm select::placeholder, .conForm textarea::placeholder {

}


/* --- STANDARDS - VALIDATION --- */
.conForm .errors {
  display: none;
  margin: 0 0 2rem;
  padding: 1rem 2rem;
  background: rgb(102,102,102);
  color: rgb(255,255,255);
  box-sizing: border-box;
}

.contentBar.back2 .conForm .errors,
.contentBar.back3 .conForm .errors {
  background: rgba(255,255,255,0.3);
}

.conForm .errors.show {
  display: block;
}

form .required input, form .required select, form .required textarea {
  border-color: rgb(33, 43, 73);
}

form .invalid input:invalid, form .invalid select:invalid, form .invalid textarea:invalid,
form .invalid input.js-check-number {
  border-color: rgb(33, 43, 73);
  background: rgb(224,224,224);
}

form .invalid input.radio, form .invalid input.checkbox {
  border: 2px solid rgb(33, 43, 73);
  outline: 2px solid rgb(33, 43, 73);
}

form .invalid input + label {
  color: rgb(37, 48, 93);
}


.contentBar.back2 form .invalid input + label,
.contentBar.back3 form .invalid input + label,
.contentBar .container.back4 form .invalid input + label {
  color: rgb(255,255,255);
}


/* --- CONTAINERS --- */
.conForm {
  position: relative;
}

.form-modal .conForm {
  padding: 3em 0;
}

.conForm.narrow {
  display: inline-block;
  width: 49.1817%;
}

.form-modal .conForm.narrow {
  display: block;
}

.col-layout .conForm.narrow,
.contentBar .content-wrapper.position1 .conForm.narrow,
.contentBar .content-wrapper.position2 .conForm.narrow,
.contentBar .content-wrapper.position3 .conForm.narrow,
.contentBar .content-wrapper.position5 .conForm.narrow,
.contentBar .content-wrapper.position6 .conForm.narrow,
.contentBar .content-wrapper.position8 .conForm.narrow,
.contentBar .content-wrapper.position9 .conForm.narrow {
  width: 100%;
}

.conForm.newsletter-signup {
  max-width: 600px;
  margin: 2rem 0;
}

.contentBar .bar-content.justify2 .conForm.newsletter-signup {
  margin: 2rem auto;
}

.conForm.narrow.newsletter-signup {
  display: block;
  width: auto;
}

.conForm.newsletter-signup form {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

/* --- MODAL --- */

.form-modal {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
}


.form-modal.showForm {
  display:block;
  opacity: 1;
  z-index: 25;
}


.form-modal .modal-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(255,255,255);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}



/* --- SECTIONS --- */

.conForm.narrow section,
.form-modal .conForm.narrow section {
  width: 100%;
}

.conForm.narrow.newsletter-signup  section {
  width: auto;
}

.conForm .formSend {
  text-align: right;
}


.conForm.newsletter-signup .formName {
  flex-grow: 1;
  order: 0;
}


.conForm.newsletter-signup .formPrivacy {
  flex-grow: 2;
  order: 2;
  padding-top: 0.75rem;
  font-size: 0.85em;
}


.conForm.newsletter-signup .formSend {
  flex-shrink: 0;
  order: 1;
  margin-left: 1rem;
}




/* --- WRAPPERS --- */

.conForm div {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 0 1rem;
  vertical-align: top;
}

.conForm.newsletter-signup div:not(.errors) {
  padding: 0;
}


.conForm .double1 {
  width: 30.4125%;
  padding: 0;
}

.conForm.narrow .double1,
.form-modal .conForm .double1 {
  width: 31.1664%;
}


.conForm .double2 {
  width: 65.2074%;
  padding: 0;
}

.conForm.narrow .double2,
.form-modal .conForm .double2 {
  width: 65.5839%;
}


.conForm .double1 + .double2,
.conForm .double2 + .double1 {
  margin-left: 4.3822%;
}


.conForm.narrow .double1 + .double2,
.conForm.narrow .double2 + .double1,
.form-modal .conForm .double1 + .double2,
.form-modal .conForm .double2 + .double1 {
  margin-left: 3.2497%;
}


.conForm .split {
  width: 49.1817%;
  padding: 0;
}


.conForm.narrow .split,
.form-modal .conForm .split {
 width: 48.3751%;
}


.conForm .split:nth-of-type(2n) {
  margin-left: 1.6%;
}

.conForm.narrow .split:nth-of-type(2n),
.form-modal .conForm .split:nth-of-type(2n) {
  margin-left: 3.2497%;
}


.conForm .triple {
  width: 32.2548%;
  padding: 0;
}


.conForm.narrow .triple,
.form-modal .conForm .triple {
 width: 31.1664%;
}


.conForm .triple:nth-of-type(3n+2),
.conForm .triple:nth-of-type(3n) {
  margin-left: 1.6%;
}

.conForm.narrow .triple:nth-of-type(3n+2),
.conForm.narrow .triple:nth-of-type(3n),
.form-modal .conForm .triple:nth-of-type(3n+2),
.form-modal .conForm .triple:nth-of-type(3n) {
  margin-left: 3.2497%;
}

.conForm span + span {
  margin-left: 1em;
}





/* --- STANDARDS --- */
.conForm h4 {
  margin: 0 0 1rem;
}

.conForm p {
  clear: both;
}


/* --- LABELS --- */
.conForm label {
  position: relative;
  display: none;
  padding: 0 0 2px 4px;
}

.conForm label.beside {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
}

.conForm label.after {
  display: inline-block;
  margin-left: 1rem;
  padding: 0;
  vertical-align: middle;
}

.conForm .fix-number + label.after {
  width: 60%;
  width: calc(100% - 80px - 1rem);
}

.conForm label.above {
  display: block;
  padding: 0 0 2px;
}


.conForm label.radio, .conForm .wide label.radio {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0 1rem 0 0;
  vertical-align: middle;
}

.conForm label.checkbox {
  display: inline;
}

.conForm .wide label.radio {
  padding: 0;
}

.conForm label.long, .conForm .wide label.long {
  display: inline-block;
  width: 75%;
  width: calc(100% - 30px);
  padding: 0;
  vertical-align: top;
}




/* --- INPUTS --- */

.conForm input {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  z-index: 0;
  vertical-align: middle;
}

.conForm input.short {
  width: 30%;
}

.conForm input.medium {
  width: 50%;
  margin: 0 3%;
}

.conForm input.fix-number {
  width: 75px;
}

.conForm input.fix-date {
  width: 150px;
}

.conForm input.radio, .conForm .required input.radio {
  margin-left: 0;
}

.conForm .btn {
  width: auto;
  margin: 0;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  white-space: normal;
}




/* --- SELECT --- */

.conForm select {
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  vertical-align: middle;
}

.conForm select.short {
  width: 60px;
}

.conForm select.short-80 {
  width: 80px;
}

.conForm select.fix-number {
  width: 75px;
}


.conForm option {
  color: rgb(51,51,51);
}


.conForm option.hide {
  display: none;
}




/* --- TEXTAREA --- */
.conForm textarea {
  width: 100%;
  height: 200px;
}

.conForm.table textarea {
  width: 100%;
  height: 150px;
}



.contentBar {
  position: relative;
  left: 0;
  left: calc(-50vw + 50%);
  width: 100vw;
  margin: 0;
  background-color: rgb(255,255,255);
  box-sizing: border-box;
  overflow: hidden;
}


.overlay-holder .contentBar {
  left: calc(-42vw + 50%);
  width: 84vw;
}


.contentBar.no-image {
  margin: 3rem 0;
}

.content > .contentBar.no-image:last-child {
  margin-bottom: 0;
}


/* --- need margins when other content before or after content bar --- */
*:not(.contentBar) + .contentBar {
  margin-top: 3rem;
}

.contentBar + *:not(.contentBar) {
  margin-top: 3rem !important;
}





.layout0 .contentBar {
  left: 0;
  left: calc(-50vw + 67%);
}


.modal-notice .contentBar {
  left: auto;
  width: 100%;
  margin: 0;
  padding: 10%;
}


/* --- content bar height --- */
.contentBar.no-text.height2 {
  height: 25vh;
}

.contentBar.no-text.height3 {
  height: 50vh;
}

.contentBar.no-text.height4 {
  height: 75vh;
}

.contentBar.no-text.height5 {
  height: 100vh;
}




/* --- content bar background --- */
.contentBar.back1 {
  background-color: rgb(240,240,240);
}

.contentBar.back2 {
  background-color: rgb(102,102,102);
}

.contentBar.back3 {
  background-color: rgb(33, 43, 73);
}

.contentBar.back4 {
  background-color: transparent;
}

.contentBar .background-image[data-bg-opacity="1"] {
  opacity:0.75;
}
.contentBar .background-image[data-bg-opacity="2"] {
  opacity:0.5;
}
.contentBar .background-image[data-bg-opacity="3"] {
  opacity:0.25;
}


.contentBar .background-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}


.contentBar.height1 .background-image {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  height: 0;
}


.contentBar .background-image[data-bg-layout="5"] {
  max-width: 100%;
}


.contentBar .background-image > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}



.contentBar .background-image[data-bg-layout="2"] > div {
  right: auto;
  width: 50%;
}

.contentBar .background-image[data-bg-layout="3"] > div {
  left: auto;
  width: 50%;
}


/* --- Kachel --- */
.contentBar .background-image[data-bg-layout="5"] > div,
.contentBar .background-image > div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


/* --- Parallax --- */
.contentBar .background-image[data-bg-layout="0"] > .parascroll {
  left: 50%;
  width: 100vmax;
  height: 150%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}




/* --- Everything else --- */
.contentBar .background-image > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
    -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}



.no-objectfit .contentBar .background-image > div img,
.no-objectfit .contentBar .background-image[data-bg-layout="0"] > div img {
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


.contentBar .background-image > div .lores {
  opacity: 0.75;
  background-size: cover;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}


/* --- Bildgröße --- */
.contentBar .background-image[data-bg-layout="4"] > div img {
  -o-object-fit: auto;
  object-fit: auto;
}


/* --- 100% Höhe --- */
.contentBar .background-image[data-bg-layout="6"] > div img {
  left: auto;
  width: auto;
}



.contentBar .background-image[data-bg-layout="6"][data-orientation="0"] > div img {
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.contentBar .background-image[data-bg-layout="6"][data-orientation="1"] > div img {
  left: 0;
}

.contentBar .background-image[data-bg-layout="6"][data-orientation="2"] > div img {
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.contentBar .background-image[data-bg-layout="6"][data-orientation="3"] > div img {
  right: 0;
}

.contentBar .background-image[data-bg-layout="6"][data-orientation="4"] > div img {
  right: 0;
}

.contentBar .background-image[data-bg-layout="6"][data-orientation="5"] > div img {
  right: 0;
}

.contentBar .background-image[data-bg-layout="6"][data-orientation="6"] > div img {
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.contentBar .background-image[data-bg-layout="6"][data-orientation="7"] > div img {
  left: 0;
}

.contentBar .background-image[data-bg-layout="6"][data-orientation="8"] > div img {
  left: 0;
}



.contentBar .background-image video {
  position: absolute;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: transparent;
}



/* --- OFFSET GRAPHIC --- */
.contentBar .offset-graphic {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
}



.contentBar .offset-graphic[data-gap="1"] {
  top: 2rem;
  bottom: 2rem;
}



.contentBar .offset-graphic.img-layout0 {
  right: 50%;
}

.contentBar .offset-graphic[data-gap="1"].img-layout0 {
  right: 45%;
  right: calc(50% + 2rem);
  width: calc(50% - 4rem);
}

.contentBar .offset-graphic.img-layout1 {
  left: 50%;
}

.contentBar .offset-graphic[data-gap="1"].img-layout1 {
  left: 45%;
  left: calc(50% + 2rem);
  width: calc(50% - 4rem);
}



.offset-graphic img {
  position: absolute;
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}


.contentBar .offset-graphic[data-orientation="0"] img {
  top: 0;
  left: 0;
}

.contentBar .offset-graphic[data-orientation="1"] img {
  top: 0;
  right: 0;
}

.contentBar .offset-graphic[data-orientation="2"] img {
  bottom: 0;
  right: 0;
}

.contentBar .offset-graphic[data-orientation="3"] img {
  bottom: 0;
  left: 0;
}

.contentBar .offset-graphic[data-orientation="4"] img {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


.contentBar .offset-graphic[data-orientation="5"] img {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}


.contentBar .offset-graphic[data-orientation="6"] img {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}



/* --- MAP IN FIRST LEVEL --- */

.contentBar .background-map {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
}




.contentBar.height1 .background-map,
.contentBar .background-map:only-child {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  height: 400px;
}

.contentBar.height2 .background-map:only-child {
  height: 25vh;
}

.contentBar.height3 .background-map:only-child {
  height: 50vh;
}

.contentBar.height4 .background-map:only-child {
  height: 75vh;
}

.contentBar.height5 .background-map:only-child {
  height: 100vh;
}



.contentBar .background-map[data-bg-layout="2"] {
  right: auto;
  width: 50%;
}

.contentBar .background-map[data-bg-layout="3"] {
  left: auto;
  width: 50%;
}


.contentBar .background-map #map {
  height: 100%;
  padding: 0;
}


.contentBar .content-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  align-content: center;
  align-items: center;
  /*justify-content: center;*/
  z-index: 2;
}



/* --- mittig (default) --- */
.contentBar .content-wrapper.position,
.contentBar .content-wrapper.position0 {
  align-items: center;
}

/* --- Oben --- */
.contentBar .content-wrapper.position4,
.contentBar .content-wrapper.position5,
.contentBar .content-wrapper.position6 {
  align-items: flex-start;
}

/* --- Unten --- */
.contentBar .content-wrapper.position7,
.contentBar .content-wrapper.position8,
.contentBar .content-wrapper.position9 {
  align-items: flex-end;
}



.contentBar .content-wrapper:before,
.contentBar > .media-gallery:only-child:before {
  content: "";
  float: left;
  width: 1px;
  margin-left: -1px;
}


.contentBar.height2 .content-wrapper:before,
.contentBar.height2 > .media-gallery:only-child:before {
  height: 25vh;
}

.contentBar.height3 .content-wrapper:before,
.contentBar.height3 > .media-gallery:only-child:before {
  height: 50vh;
}

.contentBar.height4 .content-wrapper:before,
.contentBar.height4 > .media-gallery:only-child:before {
  height: 75vh;
}

.contentBar.height5 .content-wrapper:before,
.contentBar.height5 > .media-gallery:only-child:before {
  height: 100vh;
}


.contentBar .container {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 4em 0;
}

.contentBar.back4 .content-wrapper:only-child .container,
.contentBar .content-wrapper .container[data-text-style="1"] {
  padding: 0;
}

.contentBar .container:not(.back0)[data-text-style="1"] {
  width: 100%;
}

/* --- Linksbündig --- */
.contentBar .content-wrapper.position .container,
.contentBar .content-wrapper.position0 .container,
.contentBar .content-wrapper.position1 .container,
.contentBar .content-wrapper.position4 .container,
.contentBar .content-wrapper.position5 .container,
.contentBar .content-wrapper.position7 .container,
.contentBar .content-wrapper.position8 .container {
  justify-content: flex-start;
}


/* --- Rechtsbündig --- */
.contentBar .content-wrapper.position3 .container,
.contentBar .content-wrapper.position6 .container,
.contentBar .content-wrapper.position9 .container {
  justify-content: flex-end;
}

.no-csstransitions .contentBar .content-wrapper.position3 .container,
.no-csstransitions .contentBar .content-wrapper.position6 .container,
.no-csstransitions .contentBar .content-wrapper.position9 .container {
  text-align: right;
}

/* --- Zentriert --- */
.contentBar .content-wrapper.position2 .container {
  justify-content: center;
}

.no-csstransitions .contentBar .content-wrapper.position2 .container {
  text-align: center;
}





.contentBar .media-gallery + .content-wrapper,
.contentBar .background-map + .content-wrapper {
  pointer-events: none;
}



/* --- text color --- */
/* standard */

/* white */
.contentBar .container.color1,
.contentBar .container.color1 h2,
.contentBar .container.color1 h3,
.contentBar .container.color1 h4,
.contentBar .container.color1 h5,
.contentBar .container.color1 .index ul:not(.ix-bild) li > a,
.contentBar .container.color1 .ZMSFile a {
  color: rgb(255,255,255);
}


.contentBar .container.color1 p > a:not(.btn),
.contentBar .container.color1 .conForm a {
  color: rgb(255,255,255);
}


.no-touchevents .contentBar .container.color1 p > a:hover, .no-touchevents .contentBar .container.color1 p > a:active,
.no-touchevents .contentBar .container.color1 .conForm a:hover, .no-touchevents .contentBar .container.color1 .conForm a:active,
.no-touchevents .contentBar .container.color1 .index ul:not(.ix-bild) li > a:hover .ix-more, .no-touchevents .contentBar .container.color1 .index ul:not(.ix-bild) li > a:active .ix-more {
  color: rgb(255,255,255);
  background: rgba(255,255,255,0.1);
}


/* accent */
.contentBar .container.color2,
.contentBar .container.color2 h2,
.contentBar .container.color2 h3,
.contentBar .container.color2 h4,
.contentBar .container.color2 h5,
.contentBar .container.color2 .index ul:not(.ix-bild) li > a {
  color: rgb(33, 43, 73);
}

/* --- reverse above style for ix-bild headlines --- */
.contentBar .container.color2 .ix-bild h3 {
  color: rgb(255,255,255);
}

.contentBar .container.color2 p > a:not(.btn) {
  color: rgb(33, 43, 73);
}

.no-touchevents .contentBar .container.color2 p > a:hover, .no-touchevents .contentBar .container.color2 p > a:active,
.no-touchevents .contentBar .container.color2 .index ul:not(.ix-bild) li > a:hover .ix-more, .no-touchevents .contentBar .container.color2 .index ul:not(.ix-bild) li > a:active .ix-more {
  color: rgb(33, 43, 73);
  background: rgba(33, 43, 73,0.1);
}


/* dark */
.contentBar .container.color3,
.contentBar .container.color3 h2,
.contentBar .container.color3 h3,
.contentBar .container.color3 h4,
.contentBar .container.color3 h5,
.contentBar .container.color3 .index ul:not(.ix-bild) li > a {
  color: rgb(102,102,102);
}

/* --- reverse above style for ix-bild headlines --- */
.contentBar .container.color3 .ix-bild h3 {
  color: rgb(102,102,102);
}

.contentBar .container.color3 p > a:not(.btn) {
  color: rgb(102,102,102);
}

.no-touchevents .contentBar .container.color3 p > a:hover, .no-touchevents .contentBar .container.color3 p > a:active,
.no-touchevents .contentBar .container.color3 .index ul:not(.ix-bild) li > a:hover .ix-more, .no-touchevents .contentBar .container.color3 .index ul:not(.ix-bild) li > a:active .ix-more {
  color: rgb(102,102,102);
  background: rgba(102,102,102,0.1);
}



/* --- BAR CONTENT --- */
.contentBar .container .bar-content {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  pointer-events: auto;
}



/* --- text width --- */
.contentBar .content-wrapper.position1 .bar-content,
.contentBar .content-wrapper.position2 .bar-content,
.contentBar .content-wrapper.position3 .bar-content,
.contentBar .content-wrapper.position5 .bar-content,
.contentBar .content-wrapper.position6 .bar-content,
.contentBar .content-wrapper.position8 .bar-content,
.contentBar .content-wrapper.position9 .bar-content {
  width: 44.95%;
}


.contentBar .content-wrapper.position1 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position2 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position3 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position5 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position6 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position8 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position9 .container[data-text-style="1"] .bar-content {
  width: 50%;
}



/* --- text justify --- */
.contentBar .content-wrapper .bar-content.justify0 {
  text-align: left;
}

.contentBar .content-wrapper .bar-content.justify1 {
  text-align: right;
}

.contentBar .content-wrapper .bar-content.justify2 {
  text-align: center;
}




/* --- text padding --- */
.contentBar .container:not(.back0)[data-text-style="0"] .bar-content,
.contentBar .container:not(.back0)[data-text-style="1"] .bar-content {
  padding: 3rem 4.233%;
}



/* --- text background - full container height --- */
.contentBar .container[data-text-style="1"] .bar-content:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}


.contentBar .content-wrapper.position3 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position6 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position9 .container[data-text-style="1"] .bar-content:before {
  left: 50%;
}


.contentBar .content-wrapper.position2 .container[data-text-style="1"] .bar-content:before {
  left: 25%;
}


.contentBar .content-wrapper.position1 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position2 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position3 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position5 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position6 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position8 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position9 .container[data-text-style="1"] .bar-content:before {
  width: 50%;
}




/* --- text background color --- */
.contentBar .container.back1[data-text-style="0"] .bar-content,
.contentBar .container.back1[data-text-style="1"] .bar-content:before {
  background-color: rgba(255,255,255,0.85);
}

.contentBar .container.back2[data-text-style="0"] .bar-content,
.contentBar .container.back2[data-text-style="1"] .bar-content:before {
  background-color: rgba(240,240,240,0.85);
}

.contentBar .container.back3[data-text-style="0"] .bar-content,
.contentBar .container.back3[data-text-style="1"] .bar-content:before {
  background-color: rgba(102,102,102,0.85);
}

.contentBar .container.back4[data-text-style="0"] .bar-content,
.contentBar .container.back4[data-text-style="1"] .bar-content:before {
  background-color: rgba(33, 43, 73,0.85);
}




.contentBar .media-gallery + .content-wrapper .bar-content,
.contentBar .background-map + .content-wrapper .bar-content {
  pointer-events: auto;
}


.contentBar .container .bar-content > *:first-child {
  margin-top: 0;
}

.contentBar .container .bar-content > *:last-child {
  margin-bottom: 0;
}



.contentBar .container[data-text-style="2"] .bar-content h2,
.contentBar .container[data-text-style="2"] .bar-content h3,
.contentBar .container[data-text-style="2"] .bar-content h4,
.contentBar .container[data-text-style="2"] .bar-content p,
.contentBar .container[data-text-style="2"] .bar-content .gallery-title {
  box-decoration-break: clone;
  display: inline;
  line-height: 1.5;
}

.contentBar .container[data-text-style="2"] .bar-content h2:before,
.contentBar .container[data-text-style="2"] .bar-content h2:after,
.contentBar .container[data-text-style="2"] .bar-content h3:before,
.contentBar .container[data-text-style="2"] .bar-content h3:after,
.contentBar .container[data-text-style="2"] .bar-content h4:before,
.contentBar .container[data-text-style="2"] .bar-content h4:after,
.contentBar .container[data-text-style="2"] .bar-content p:before,
.contentBar .container[data-text-style="2"] .bar-content p:after,
.contentBar .container[data-text-style="2"] .bar-content .gallery-title:before,
.contentBar .container[data-text-style="2"] .bar-content .gallery-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  margin: 1rem 0;
}

.contentBar .container.back1[data-text-style="2"] .bar-content h2,
.contentBar .container.back1[data-text-style="2"] .bar-content h3,
.contentBar .container.back1[data-text-style="2"] .bar-content h4,
.contentBar .container.back1[data-text-style="2"] .bar-content p,
.contentBar .container.back1[data-text-style="2"] .bar-content .gallery-title {
  background-color: rgba(255,255,255,0.85);
  box-shadow: 0.5rem 0 0 rgba(255,255,255,0.85), -0.5rem 0 0 rgba(255,255,255,0.85);
}

.contentBar .container.back2[data-text-style="2"] .bar-content h2,
.contentBar .container.back2[data-text-style="2"] .bar-content h3,
.contentBar .container.back2[data-text-style="2"] .bar-content h4,
.contentBar .container.back2[data-text-style="2"] .bar-content p,
.contentBar .container.back2[data-text-style="2"] .bar-content .gallery-title {
  background-color: rgba(240,240,240,0.85);
  box-shadow: 0.5rem 0 0 rgba(240,240,240,0.85), -0.5rem 0 0 rgba(240,240,240,0.85);
}

.contentBar .container.back3[data-text-style="2"] .bar-content h2,
.contentBar .container.back3[data-text-style="2"] .bar-content h3,
.contentBar .container.back3[data-text-style="2"] .bar-content h4,
.contentBar .container.back3[data-text-style="2"] .bar-content p,
.contentBar .container.back3[data-text-style="2"] .bar-content .gallery-title {
  background-color: rgba(102,102,102,0.85);
  box-shadow: 0.5rem 0 0 rgba(102,102,102,0.85), -0.5rem 0 0 rgba(102,102,102,0.85);
}

.contentBar .container.back4[data-text-style="2"] .bar-content h2,
.contentBar .container.back4[data-text-style="2"] .bar-content h3,
.contentBar .container.back4[data-text-style="2"] .bar-content h4,
.contentBar .container.back4[data-text-style="2"] .bar-content p,
.contentBar .container.back4[data-text-style="2"] .bar-content .gallery-title {
  background-color: rgba(33, 43, 73,0.85);
  box-shadow: 0.5rem 0 0 rgba(33, 43, 73,0.85), -0.5rem 0 0 rgba(33, 43, 73,0.85);
}


.contentBar .container[data-text-style="2"] .bar-content ul {
  clear: both;
}

.contentBar .container[data-text-style="2"] .bar-content > ul li {
  position: relative;
  float: left;
  margin: 2px 0;
  padding: 0;
  clear: both;
}

.contentBar .container[data-text-style="2"] .bar-content > ul.list-plus li:before,
.contentBar .container[data-text-style="2"] .bar-content > ul.list-check li:before {
  top: 2px;
}

.contentBar .container[data-text-style="2"] .bar-content > ul li:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -1em;
  z-index: -1;
  white-space: pre-wrap;
  box-decoration-break: clone;
}

.contentBar .container[data-text-style="2"] .bar-content > ul.list-plus li:after,
.contentBar .container[data-text-style="2"] .bar-content > ul.list-check li:after {
  left: -1.618em;
}


.contentBar .container.back1[data-text-style="2"] .bar-content > ul li:after {
  background-color: rgba(255,255,255,0.85);
  box-shadow: 0.5rem 0 0 rgba(255,255,255,0.85), -0.5rem 0 0 rgba(255,255,255,0.85);
}

.contentBar .container.back2[data-text-style="2"] .bar-content > ul li:after {
  background-color: rgba(240,240,240,0.85);
  box-shadow: 0.5rem 0 0 rgba(240,240,240,0.85), -0.5rem 0 0 rgba(240,240,240,0.85);
}

.contentBar .container.back3[data-text-style="2"] .bar-content > ul li:after {
  background-color: rgba(102,102,102,0.85);
  box-shadow: 0.5rem 0 0 rgba(102,102,102,0.85), -0.5rem 0 0 rgba(102,102,102,0.85);
}

.contentBar .container.back4[data-text-style="2"] .bar-content > ul li:after {
  background-color: rgba(33, 43, 73,0.85);
  box-shadow: 0.5rem 0 0 rgba(33, 43, 73,0.85), -0.5rem 0 0 rgba(33, 43, 73,0.85);
}


.contentBar .container[data-text-style="2"] .bar-content .btn {
  margin-left: -0.5rem;
}




.contentBar.back3 p > a, .contentBar .back4 p > a {
  color: rgb(51,51,51);
}

.gallery-title {
  font-size: 1.2em;
  margin: 2rem 0 1rem;
}


.media-gallery {
  position: relative;
  display: block;
  margin: 1rem 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.media-gallery.tInfinity {
  padding-bottom: 75px;
}

.media-gallery.tInfinity.hide-infinity {
  padding-bottom: 0;
}

.contentBar > .media-gallery {
  margin: 0;
}

.contentBar > .media-gallery:only-child {
  width: 100%;
}




.media-gallery:not(.single-media):not(.gallery-slideshow):not(.tArrows) .gallery-page {
  position: relative;
  width: 102.1432%;
  margin: 0 -1.0716%;
}

.layout2 .media-gallery:not(.single-media):not(.gallery-slideshow):not(.tArrows) .gallery-page {
  width: 101.6%;
  margin: 0 -0.8%;
}

.col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 104.3822%;
  margin: 0 -2.1911%;
}

.layout2 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 103.251%;
  margin: 0 -1.6255%;
}


.media-gallery .gallery-page.changing {
  overflow: hidden;
}

.media-gallery.tArrows .gallery-page {
  position: relative;
  width: 90.7156%;
  margin: 0 auto;
}

.layout2 .media-gallery.tArrows .gallery-page {
  width: 93.0989%;
}


.contentBar > .media-gallery:only-child:not(.single-media):not(.gallery-slideshow):not(.tArrows) .gallery-page {
  width: 100%;
  margin: 0;
}


/* --- WRAPPER FOR NAVIGATION --- */

.media-gallery .wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.media-gallery.carousel .wrap {
  white-space: nowrap;
  overflow-x: scroll;
}

.media-gallery.carousel .wrap.flickity-enabled {
  overflow: unset;
}

.media-gallery .wrap.active {
  z-index: 1;
}

.media-gallery .wrap.active, .media-gallery.tInfinity .wrap.view {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  opacity: 1;
  visibility: visible;
}

.contentBar > .gallery-slideshow .wrap.active {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
}


.media-gallery .wrap.old {
  z-index: auto;
}

.media-gallery .wrap.new {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.media-gallery.tInfinity .wrap.new {
  top: 100%;
}




/* --- GALLERY ITEM DEFAULTS --- */
.media-gallery .gallery-item .item-container {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.contentBar > .gallery-slideshow .gallery-item .item-container {
  position: static;
}


.media-gallery .gallery-item .gal-img {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 66%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.overlay .gal-img.lazy {
  display: none;
}

.pageoverlay-item.new .gal-img.lazy,
.pageoverlay-item.active .gal-img.lazy {
  display: block;
}

.media-gallery .gallery-item .gal-img.lazy {
  opacity: 0;
}


.contentBar > .gallery-slideshow .gallery-item .gal-img,
.contentBar > .gallery-slideshow.center .gallery-item .gal-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 0;
}


.media-gallery .gallery-item .gal-img.lores {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 0;
  opacity: 0.75;
}



.media-gallery .gallery-item img {
  display: block;
  width: 100%;
  height: auto;
}

.media-gallery .gallery-item .gal-text {
  margin: 5px 0 0;
}



/* --- CAROUSEL --- */
.media-gallery.carousel .gallery-item {
  position: relative;
  display: inline-block;
  width: 22.9018%;
  margin: 1.0491%;
  vertical-align: top;
  -webkit-transition: width 0.3s, margin 0.3s;
  transition: width 0.3s, margin 0.3s;
}

.layout2 .media-gallery.carousel .gallery-item {
  width: 15.09306%;
  margin: 0.7868%;
}

.contentBar > .media-gallery.carousel .gallery-item,
.layout2 .contentBar > .media-gallery.carousel .gallery-item,

.contentBar .bar-content .media-gallery.carousel .gallery-item,
.layout2 .contentBar  .bar-content .media-gallery.carousel .gallery-item {
  width: 33.333333%;
  margin: 0;
}



/* --- THUMBGRID THUMBNAILS --- */

.gallery-thumbgrid .gallery-item {
  position: relative;
  display: inline-block;
  width: 14.5624%;
  margin: 1.0491%;
  vertical-align: top;
  -webkit-transition: width 0.3s, margin 0.3s;
  transition: width 0.3s, margin 0.3s;
}

.layout2 .gallery-thumbgrid .gallery-item {
  width: 10.9215%;
  margin: 0.7868%;
}



.col-layout .gallery-thumbgrid .gallery-item {
  width: 29.1367%;
  margin: 2.0992%;
}

.layout2 .col-layout .gallery-thumbgrid .gallery-item {
  width: 21.8521%;
  margin: 1.5743%;
}



.gallery-thumbgrid .gallery-item .item-container {
  background-color: rgba(0,0,0,0.1);
  color: rgb(255,255,255);
}

.gallery-thumbgrid.hover2 .gallery-item a, .gallery-thumbgrid.hover3 .gallery-item a {
  overflow: hidden;
}


.gallery-thumbgrid .gallery-item .gal-img {
  padding: 0 0 100%;
  background-size: cover, cover;
}

.gallery-thumbgrid .gal-text {
  display: none;
}



/* --- THUMBGRID HOVER EFFECTS --- */

/* --- BORDER --- */

.hover1 .gallery-item a:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(33, 43, 73);
  background: rgba(33, 43, 73,0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

.no-touchevents .hover1 .gallery-item a:hover:after, .no-touchevents .hover1 .gallery-item a:active:after {
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
}




/* --- ZOOM IMAGE --- */

.no-touchevents .hover2 .gallery-item a:hover .gal-img, .no-touchevents .hover2 .gallery-item a:active .gal-img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}




/* --- ZOOM ICON --- */

.gal-zoom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.single-media .gal-zoom {
  opacity: 0.8;
  visibility: visible;
}


.no-touchevents a:hover .gal-zoom, .no-touchevents a:active .gal-zoom {
  opacity: 1;
  visibility: visible;
}



.gal-zoom span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.2rem;
  line-height: 1;
  color: rgb(255,255,255);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-media .gallery-page .gal-zoom span {
  font-size: 5rem;
}





/* --- ZOOM IMAGE & BKGD --- */

.hover3 .gal-zoom, 
.hover4 .gal-zoom {
  background: rgb(33, 43, 73);
  background: rgba(33, 43, 73,0.6);
}


.gallery-slideshow.hover3 .gal-zoom, 
.gallery-slideshow.hover4 .gal-zoom,
.single-media.hover3 .gal-zoom, 
.single-media.hover4 .gal-zoom {
  background: transparent;
}

.no-touchevents .gallery-slideshow.hover3 a:hover .gal-zoom, .no-touchevents .gallery-slideshow.hover3 a:active .gal-zoom,
.no-touchevents .gallery-slideshow.hover4 a:hover .gal-zoom, .no-touchevents .gallery-slideshow.hover4 a:active .gal-zoom,
.no-touchevents .single-media.hover3 a:hover .gal-zoom, .no-touchevents .single-media.hover3 a:active .gal-zoom,
.no-touchevents .single-media.hover4 a:hover .gal-zoom, .no-touchevents .single-media.hover4 a:active .gal-zoom {
  background: rgb(33, 43, 73);
  background: rgba(33, 43, 73,0.6);
}

.hover3 .gal-zoom span {
  background: transparent;
}




/* --- PLAY ICON --- */

.media-gallery .gal-play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.media-gallery.single-media .gal-play, .media-gallery.single-media .gal-play {
  opacity: 0.5;
  visibility: visible;
}

.no-touchevents .media-gallery a:hover .gal-play, .no-touchevents .media-gallery a:active .gal-play {
  opacity: 1;
  visibility: visible;
}

.media-gallery .gal-play span {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  border: 1px solid rgb(102,102,102);
  border: 1px solid rgba(102,102,102,0.8);
  padding: 0 8px;
  background: rgb(102,102,102);
  background: rgba(0,0,0,0.8);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  font-size: 2.5rem;
  color: rgb(255,255,255);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.media-gallery.single-media .gal-play span, .media-gallery.single-media .gal-play span,
.no-touchevents .media-gallery a:hover .gal-play span, .no-touchevents .media-gallery a:active .gal-play span {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}





/* --- PAGE LOADER --- */

.gallery-page .loader {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255,255,255,0.7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.gallery-page .loader.view {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.gallery-page .loader span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  padding: 10px 7px;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.2);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 10;
  font-size: 2rem;
  line-height: 1;
  color: rgb(255,255,255);
}






/* --- VIDEO ALBUM / AUDIO ALBUM --- */

.gallery-audio .gallery-item,
.gallery-video .gallery-item {
  display: inline-block;
  width: 31.22318%;
  margin: 1.0491%;
  vertical-align: top;
}

.layout2 .gallery-audio .gallery-item {
  display: inline-block;
  width: 31.7471%;
  margin: 0.7868%;
}


.gallery-audio .gallery-item .gal-text,
.gallery-video .gallery-item .gal-text {
  position: relative;
  display: block;
}






/* --- THUMBGRID PAGE NAVIGATION --- */

.nav-pages {
  margin: 1rem 0;
  text-align: center;
}

.nav-pages a {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  border-radius: 2px;
  border: 1px solid transparent;
  padding: 6px 14px;
  text-decoration: none;
  vertical-align: middle;
  font-size: 1.2rem;
  color: rgb(51,51,51);
}


.no-touchevents .nav-pages a:hover, .no-touchevents .nav-pages a:active {
  background-color: rgb(224,224,224);
}

.nav-pages .active, .no-touchevents .nav-pages .active:hover, .no-touchevents .nav-pages .active:active {
  border: 1px solid rgb(224,224,224);
  background-color: rgb(255,255,255);
  cursor: default;
}

.nav-pages .active span {
  cursor: default;
}

.nav-pages .disabled,
.no-touchevents .nav-pages .disabled:hover,
.no-touchevents .nav-pages .disabled:active {
  background-color: transparent;
  color: rgb(102,102,102);
  cursor: default;
  opacity: 0.25;
}

.nav-pages .disabled span {
  cursor: default;
}

.nav-pages a:first-child {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}

.nav-pages a:last-child {
  border-radius: 0 2px 2px 0;
}




/* --- THUMBGRID PAGE ARROW NAVIGATION --- */

.nav-infinity {
  position: absolute;
  bottom: 0;
  left: 50%;
  width:  3.5292%;
  height: 60px;
  margin: 0;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 3;
}


.nav-infinity.disabled {
  opacity: 0.3;
  cursor: default;
}


.nav-infinity.hide {
  opacity: 0;
  visibility: hidden;
}


.nav-infinity a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}


.nav-infinity a.disabled {
  opacity: 0.3;
  cursor: default;
}


.nav-infinity a.hide {
  opacity: 0;
  visibility: hidden;
}


.nav-infinity a span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing:border-box;
  font-size: 4rem;
  line-height: 1;
  color: rgb(51,51,51);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}


.nav-infinity a.disabled span {
  cursor: default;
}



.no-touchevents .nav-infinity:not(.disabled) a:not(.disabled):hover span, .no-touchevents .nav-infinity:not(.disabled) a:not(.disabled):active span {
  color: rgb(33, 43, 73);
}




/* --- PHOTOALBUM - SLIDESHOW --- */

.gallery-slideshow.left {
  float: left;
  width: 48.9096%;
  margin-right: 2.1433%;
  padding: 0;
}


.col-layout .gallery-slideshow.left {
  float: none;
  width: 100%;
  margin-right: 0;
}

.gallery-slideshow.right {
  float: right;
  width: 48.9096%;
  margin-left: 2.1433%;
  padding: 0;
}

.col-layout .gallery-slideshow.right {
  float: none;
  width: 100%;
  margin-left: 0;
}

.contentBar > .gallery-slideshow:not(:only-child) {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
}

.contentBar > .gallery-slideshow:not(:only-child).left {
  left: 0;
  width: 50%;
}

.contentBar > .gallery-slideshow:not(:only-child).right {
  right: 0;
  width: 50%;
}

.contentBar > .gallery-slideshow:not(:only-child).center {
  left: 0;
  right: 0;
}


.gallery-slideshow.hover2 .gallery-item,
.gallery-slideshow.hover3 .gallery-item {
  overflow: hidden;
}

.gallery-slideshow .gallery-item .gal-img {
  padding: 0 0 66%;
  background-size: cover, cover;
}

.gallery-slideshow.center .gallery-item .gal-img {
  padding: 0 0 33%;
}

.gallery-slideshow .gallery-item img {
  display: none;
}




/* --- SLIDESHOW NAV DOTS --- */

.slidetabs {
  position: relative;
  margin: 5px 0 0;
  text-align: center;
  z-index: 1;
}

.slidetabs.hide {
  opacity: 0;
  visibility: hidden;
}

.indextabs {
  position: absolute;
  bottom: 2.5%;
  bottom: 2.5vw;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  text-align: center;
  z-index: 5;
}

.indextabs[data-status="hide"] {
  display: none;
}

.contentBar > .gallery-slideshow .slidetabs {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  left: 0.5em;
  margin: 0;
}

.contentBar > .gallery-slideshow.left .slidetabs {
  right: auto;
}

.contentBar > .gallery-slideshow.right .slidetabs {
  left: auto;
}

.indextabs:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  margin: 0 0 0 -1px;
  vertical-align: middle;
}



/* single tab */
.slidetabs a,
.indextabs a {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 5px;
  outline: none;
  border: 0;
  overflow: hidden;
  vertical-align: middle;
}


.slidethumbs a {
  margin: 5px 2px;
}


.slidetabs a span,
.indextabs a span {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.15);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
}


.slidethumbs a span {
  width: 35px;
  height: 35px;
  border-radius: 0;
  padding: 2px;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  opacity: 0.5;
}



.slidetabs a span:before,
.indextabs a span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgb(255,255,255);
  z-index: -1;
}

.slidethumbs a span:before {
  display: none;
}

.no-touchevents .slidetabs a:hover span, .no-touchevents .slidetabs a:active span,
.no-touchevents .indextabs a:hover span, .no-touchevents .indextabs a:active span {
  background-color: rgba(0,0,0,0.3);
}

.slidetabs a.active span,
.indextabs a.active span,
.no-touchevents .slidetabs a.active:hover span, .no-touchevents .slidetabs a.active:active span,
.no-touchevents .indextabs a.active:hover span, .no-touchevents .indextabs a.active:active span {
  background-color: rgb(33, 43, 73);
  cursor: default;
}


.no-touchevents .slidethumbs a:hover span, .no-touchevents .slidethumbs a:active span {
  opacity: 1;
}

.slidethumbs a.active span,
.no-touchevents .slidethumbs a.active:hover span, .no-touchevents .slidethumbs a.active:active span {
  border: 2px solid rgb(33, 43, 73);
  padding: 0;
  cursor: default;
}


.slidethumbs a.active span,
.no-touchevents .slidethumbs a.active:hover span, .no-touchevents .slidethumbs a.active:active span {
  opacity: 1;
}





/* --- SINGLE VIDEO / SINGLE AUDIO --- */
.contentBar > .single-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.single-media .gallery-item {
  position: relative;
  width: 48.9096%;
  box-sizing: border-box;
  cursor: pointer;
}


/* --- left --- */
.single-media .gallery-page[data-layout="0"] .gallery-item {
  float: left;
  margin-right: 2.1433%;
}


/* --- right --- */
.single-media .gallery-page[data-layout="1"] .gallery-item {
  float: right;
  margin-left: 2.1433%;
}


/* --- 100% | col content --- */
.single-media .gallery-page[data-layout="2"] .gallery-item,
.col-layout .single-media .gallery-page[data-layout="0"] .gallery-item,
.col-layout .single-media .gallery-page[data-layout="1"] .gallery-item {
  float: none;
  width: 100%;
  margin: 0;
}


.contentBar > .single-media .gallery-item {
  position: absolute;
  top: 0;
  bottom: 0;
}

.contentBar > .single-media .gallery-page[data-layout="0"] .gallery-item {
  float: none;
  left: 0;
  width: 50%;
  margin: 0;
}

.contentBar > .single-media .gallery-page[data-layout="1"] .gallery-item {
  float: none;
  right: 0;
  width: 50%;
  margin: 0;
}

.contentBar > .single-media .gallery-page[data-layout="2"] .gallery-item {
  left: 0;
  right: 0;
  width: auto;
}



.content .single-media .gallery-page .gal-text {
  margin-left: 51.0529%;
  color: rgb(51,51,51);
}

.content .single-media .gallery-page[data-layout="1"] .gal-text {
  margin-right: 51.0529%%;
  margin-left: 0;
}


.content .single-media .gallery-page[data-layout="2"] .gal-text,
.col-layout .single-media .gallery-page[data-layout="1"] .gal-text {
  margin: 1em 0 0;
}


.contentBar > .single-media .gal-text {
  display: none;
}


.content .single-media .gallery-page h3 {
  margin-top: 0;
}

.content .column .single-media .gallery-page h3 {
  margin-top: 1rem;
}

.single-media .gallery-item .gal-img {
  padding: 0 0 56.25%;
}

.contentBar > .single-media .gallery-item .gal-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 0;
}

.single-media .gallery-page .gallery-item .js-pano {
  position: relative;
  display: block;
  float: none;
  width: 100%;
  height: 0;
  padding: 0 0 56.25%;
}



.single-media .gallery-item .video-container {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 56.25%;
  background: rgb(0,0,0);
}

.contentBar > .single-media .gallery-item .video-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 0;
}

.single-media .gallery-item .video-container iframe,
.single-media .gallery-item .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





/* --- OVERLAY GALLERY --- */

.overlay {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.8);
  text-align: center;
  opacity: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}


.overlay.open {
  display:block;
  opacity: 1;
  z-index: 14;
}


.overlay.changing {
  display:block;
  opacity: 1;
  z-index: 500;
}


.overlay .galImg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}


.overlay .galImg.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.overlay .galImg.new {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}






/* --- OVERLAY AUDIO WRAPPER --- */

.overlay .media-wrapper {

}

.overlay .audio-container {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 500px;
  max-width: 100%;
  height: 30px;
  max-height: 100%;
  margin: auto;
}




/* --- OVERLAY IMAGE --- */

.overlay .galImg .image-container {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain, contain;
}

.overlay .galImg img {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
}

.overlay .galImg .media-wrapper img {
  display: none;
}

.overlay .galImg .media-wrapper audio {
  display: block;
  width: 100%;
}





/* --- VIDEO IN OVERLAY --- */

.overlay .overlay-video img {
  display: none;
}


.overlay .galImg .video-container,
.overlay .galImg .iframe-container {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 100vw;
  max-width: 177.78vh;
  height: 56.25vw;
  max-height: 100vh;
  margin: auto;
  background: rgb(0,0,0);
  z-index: 5;
}

.overlay .galImg .iframe-container iframe,
.overlay .galImg .video-container iframe,
.overlay .galImg .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}


.overlay #player object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}




/* --- OVERLAY DESCRIPTION --- */

.overlay .galImg .text {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background: rgba(0,0,0,0.6);
  color: rgb(255,255,255);
  color: rgba(255,255,255,0.7);
  text-align: left;
  font-size: 0.85rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 1;
}


.overlay  .galImg .text.img-view {
  opacity: 0;
}


.overlay .galImg .text p {
  max-width: 800px;
}


/* --- OVERLAY LOADER --- */
.overlay .loader {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  padding: 10px 7px;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.2);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 10;
  font-size: 2rem;
  line-height: 1;
  color: rgb(255,255,255);
}

.overlay .loader.hide {
  opacity: 0;
  z-index: -1;
}

.no-opacity .overlay .loader.hide {
  visibility: hidden;
}





/* --- OVERLAY NAV --- */

.overlay > .nav {
  position: absolute;
  top: 50%;
  width:  50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.2);
  box-sizing: border-box;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 5;
}


.overlay > .nav.prev {
  left: 2%;
  left: 4vw;
}

.overlay > .nav.next {
  right: 2%;
  right: 4vw;
  -webkit-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
}

.overlay > .nav.disabled {
  opacity: 0.3;
  cursor: default;
}

.overlay > .nav.hide,
.overlay.inactive > .nav {
  opacity: 0;
  visibility: hidden;
}

.overlay > .nav.img-view {
  opacity: 0;
  visibility: hidden;
}



.no-touchevents .overlay > .nav:hover {
  background: rgba(255,255,255,0.6);
}

.no-touchevents .overlay > .nav.disabled:hover {
  background: rgba(0,0,0,0.2);
}


.overlay > .nav span {
  position: relative;
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% 0 0 20%;
  box-sizing:border-box;
  font-size: 4rem;
  line-height: 1;
}

.overlay > .next span {
  margin-left: 15%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


.overlay > .nav span:before, .overlay > .nav span:after {
  content: "";
  position: absolute;
  left: 25%;
  width: 3px;
  height: 50%;
  background: rgb(255,255,255);
  backface-visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.overlay > .nav span:before {
  -webkit-transform: translate(-50%,0) rotate(40deg);
  transform: translate(-50%,0) rotate(45deg);
  -webkit-transform-origin: 0 100% 0;
  transform-origin: 0 100% 0;
}

.overlay > .nav span:after {
  top: 50%;
  -webkit-transform: translate(-50%,0) rotate(-40deg);
  transform: translate(-50%,0) rotate(-40deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}


.no-touchevents .overlay > .nav:not(.disabled):hover span:before, .no-touchevents .overlay > .nav:not(.disabled):hover span:after {
  background: rgb(0,0,0);
}






/* --- CLOSE BUTTON --- */

.overlay .close.img-view {
  opacity: 0;
}


.overlay.inactive .close {
  opacity: 0;
  visibility: hidden;
}


/* --- CONTENT GALLERY NAV --- */

.contentGallery .galNav {
  position: relative;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.contentGallery .galNav li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.contentGallery .galNav a {
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 10px;
  border: 0;
  padding: 10px;
  background-color: rgb(102,102,102);
  background-color: rgba(102,102,102,0.5);
}

.contentGallery .galNav span {
  position: relative;
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% 0 0 10%;
  box-sizing:border-box;
  font-size: 2rem;
  line-height: 1;
  color: rgb(255,255,255);
}


.contentGallery .galNav .next span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.contentGallery .galNav span::before, .contentGallery .galNav span::after {
  content: "";
  position: absolute;
  left: 25%;
  width: 4px;
  height: 50%;
  background: rgb(255,255,255);
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.contentGallery .galNav span::before {
  -webkit-transform: translate(-50%,0) rotate(40deg);
  transform: translate(-50%,0) rotate(45deg);
  -webkit-transform-origin: 0 100% 0;
  transform-origin: 0 100% 0;
}

.contentGallery .galNav span::after {
  top: 50%;
  -webkit-transform: translate(-50%,0) rotate(-40deg);
  transform: translate(-50%,0) rotate(-40deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}


.no-touchevents .contentGallery .galNav a:hover span, .no-touchevents .contentGallery .galNav a:hover span {
  color: rgb(33, 43, 73);
}

.no-touchevents .contentGallery .galNav a:hover span::before, .no-touchevents .contentGallery .galNav a:hover span::after {
  background: rgb(33, 43, 73);
}



.contentGallery .galNav span i {
  display: none;
}

.no-csstransforms .contentGallery .galNav span i {
  display: block;
}




.contentGallery .galImg {
  text-align: center;
}

.contentGallery .galImg img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
}


.overlay.page-overlay {
  z-index: 13;
}

.overlay .pageoverlay-item {
  position: absolute;
  top: 5%;
  top: 5vw;
  right: 0;
  bottom: 5%;
  bottom: 5vw;
  left: 0;
  width: 84%;
  width: 84vw;
  max-width: 1920px;
  margin: 0 auto;
  border-radius: 2px;
  padding: 0;
  box-shadow: 0 0 10px rgba(0,0,0,0.85);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}


.overlay .pageoverlay-item.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.overlay .pageoverlay-item.new {
  visibility: visible;
  z-index: 2;
}

.overlay-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(255,255,255);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.body-splash + .overlay-holder {
  background: transparent;
}


.overlay-holder > div {
  position: relative;
  display: inline-block;
  float: none;
  vertical-align: top;
}


.overlay-holder .content {
  text-align: left;
}

.overlay-holder .general-width {
  width: 92%;
  max-width: 1280px;
}

.overlay-holder .content h1 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}



.overlay .close-gal {
  position: relative;
  display: inline-block;
  left: auto;
  right: auto;
  width: 35px;
  height: 35px;
  margin: 0 10px 0 -45px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
}

.overlay .close-gal.hide {
  opacity: 0;
  visibility: hidden;
}




/* -- INDEX ----------------------------------------*/
.index {
  position: relative;
  margin: 0;
  clear: both;
}

.index ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: inherit;
  overflow: initial;
  text-align: left;
}

.index li {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 1rem 0;
  padding: 0;
  vertical-align: top;
}


.index li > a, .index li > span {
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  background-color: rgba(102,102,102,0.1);
  box-sizing: border-box;
  color: rgb(51,51,51);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}


.no-touchevents .index li > a:hover, .no-touchevents .index li > a:active {
  background-color: rgba(102,102,102,0.2);
}


.index span {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}



.index .ix-header {
  padding: 1rem;
}


.index h3 {
  margin: 0;
}

.index .ix-subtitle {
  color: rgb(37, 48, 93);
}


.index .ix-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.image-default,
.index .ix-img.image-default {
  background-color: rgb(33, 43, 73);
}


.image-default::after,
.index .ix-img.image-default::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(logo-index.png);
  background-size: 60% auto;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.1;
}


.index .ix-icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}



.index .ix-icon img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}


.index .ix-desc {
  padding: 0 1rem 1rem;
}


.index .ix-more:not(:only-child) {
  padding: 0.5rem 0 0;
}



.index .ix-more i {
  padding: 0 0 0 5px;
}


.no-touchevents .index a:hover .ix-more, .no-touchevents .index a:active .ix-more {
  color: rgb(37, 48, 93);
}





/* --- TEXT (TITLE DESC) --- */
.index .ix-text {
  width: 101.6%;
  margin: 0 -0.8%;
}


.layout0 .index .ix-text {
  width: 102.1432%;
  margin: 0 -1.0716%;
}


.ix-text li {
  width: 48.4075%;
  margin: 0.5rem 0.7868%;
}


.layout0 .ix-text li {
  width: 47.8839%;
  margin: 0.5rem 1.0491%;
}


.ix-text li > a, .ix-text li > span {
  background-color: transparent;
}

.no-touchevents .ix-text li > a:hover, .no-touchevents .ix-text li > a:active {
  background-color: transparent;
}


.ix-text .ix-header {
  padding: 0;
}

.ix-text .ix-img {
  display: none;
}

.ix-text .ix-desc {
  padding: 0 0 1rem;
}

.no-touchevents .ix-text a:hover .ix-more, .no-touchevents .ix-text a:active .ix-more {

}






/* --- FULL (TITLE IMG DESC) --- */
.index .ix-full {
  width: 102.1432%;
  margin: 0 -1.0716%;
}

.layout2 .ix-full {
  display: flex;
  flex-wrap: wrap;
  width: 101.6%;
  margin: 0 -0.8%;
}

.column .index .ix-full,
.layout2 .column .ix-full {
  width: 100%;
  margin: 0;
}


.index .ix-full li {
  display: inline-flex;
  width: 31.22318%;
  margin: 0.5rem 1.0491%;
}



.layout2 .ix-full li {
  width: 31.7471%;
  margin: 0.5rem 0.7868%;
}

.column .index .ix-full li,
.layout2 .column .ix-full li {
  width: 100%;
  margin: 0.5rem 0;
}



.ix-full li > a, .ix-full li > span {
  padding: 0 0 40px;
}


.ix-full .ix-header {
  padding: calc(50% + 1rem) 1rem 1rem;
}


.ix-full .ix-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 0 0 50%;
}



.ix-full .ix-desc {
  position: static;
}

.ix-full .ix-more {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 1rem 1rem;
}




/* --- BILD (TITLE IMG DESC) --- */
.index .ix-bild {
  width: 102.1432%;
  margin: 0 -1.0716%;
}

.layout2 .ix-bild {
  width: 101.6%;
  margin: 0 -0.8%;
}


.index .ix-bild li {
  width: 31.22318%;
  margin: 0.5rem 1.0491%;
}

.layout2 .ix-bild li {
  width: 31.7471%;
  margin: 0.5rem 0.7868%;
}


.ix-bild li > a, .ix-bild li > span {
  padding: 66% 0 0;
  background: rgb(0,0,0);
  color: rgb(255,255,255);
}


.no-touchevents .ix-bild li > a:hover, .no-touchevents .ix-bild li > a:active {
  background: rgb(0,0,0);
}


.ix-bild .ix-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.ix-bild h3 {
  color: rgb(255,255,255);
}

.ix-bild .ix-subtitle {
  color: rgb(255,255,255);
}


.ix-bild .ix-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.no-touchevents .ix-bild a:hover .ix-img, .no-touchevents .ix-bild a:active .ix-img, .no-touchevents .ix-bild a:focus .ix-img {
  opacity: 0.5;
}


.ix-bild .ix-img:not(.image-default)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.2) 0, transparent 50%);
  background-image: -ms-linear-gradient(to bottom, rgba(0,0,0,0.2) 0, transparent 50%);
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0, transparent 50%);
}

.ix-bild .ix-desc {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  text-align: right;
  color: rgb(255,255,255);
}

.no-csstransforms .ix-bild .ix-desc {
  bottom: 100%;
}


.no-touchevents .ix-bild a:hover .ix-desc, .no-touchevents .ix-bild a:active .ix-desc, .no-touchevents .ix-bild a:focus .ix-desc {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.no-csstransforms.no-touchevents .ix-bild a:hover .ix-desc, .no-csstransforms.no-touchevents .ix-bild a:active .ix-desc, .no-csstransforms.no-touchevents .ix-bild a:focus .ix-desc {
  bottom: 0;
}


.ix-bild .ix-more {
  color: rgb(255,255,255);
}



.no-touchevents .ix-bild a:hover .ix-more, .no-touchevents .ix-bild a:active .ix-more {
  color: rgb(255,255,255);
}





.map-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}



#map {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}


.map-wrapper #map {
  position: absolute;
  top: 0;
  right: auto;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
}


.map-wrapper #map.parascroll {
  left: 50%;
  width: 100vmax;
  height: 150%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}



#map > div {
  position: absolute;
  top: 0;
  right: auto;
  left: 0%;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}



.marker-info {
  min-width: 250px;
  max-width: 350px;
  padding: 0;
}

.marker-info h4 {
  margin-top: 0.5rem;
}

.scootchFromRight {
  -webkit-animation: scootchFromRight 0.3s ease both;
  animation: scootchFromRight 0.3s ease both;
}

.scootchToLeft {
  -webkit-animation: scootchToLeft 0.3s ease both;
  animation: scootchToLeft 0.3s ease both;
}

.scootchToRight {
  -webkit-animation: scootchToRight 0.3s ease both;
  animation: scootchToRight 0.3s ease both;
}

.scootchFromLeft {
  -webkit-animation: scootchFromLeft 0.3s ease both;
  animation: scootchFromLeft 0.3s ease both;
}


.scaleDown {
  -webkit-animation: scaleDown .4s ease both;
  animation: scaleDown .4s ease both;
}

.scaleUp {
  -webkit-animation: scaleUp .4s ease both;
  animation: scaleUp .4s ease both;
}

.moveToLeft {
  -webkit-animation: moveToLeft 0.6s ease both;
  animation: moveToLeft 0.6s ease both;
}

.moveFromRight {
  -webkit-animation: moveFromRight 0.6s ease both;
  animation: moveFromRight 0.6s ease both;
}



.moveToRight {
  -webkit-animation: moveToRight 0.6s ease both;
  animation: moveToRight 0.6s ease both;
}

.moveFromLeft {
  -webkit-animation: moveFromLeft 0.6s ease both;
  animation: moveFromLeft 0.6s ease both;
}


.moveToBottom {
  -webkit-animation: moveToBottom 0.4s ease both;
  animation: moveToBottom 0.4s ease both;
}

.moveFromBottom {
  -webkit-animation: moveFromBottom 0.4s ease both;
  animation: moveFromBottom 0.4s ease both;
}


.fadeOut {
  -webkit-animation: fadeOut 0.4s ease both;
  animation: fadeOut 0.4s ease both;
}

.fadeIn {
  -webkit-animation: fadeIn 0.4s ease both;
  animation: fadeIn 0.4s ease both;
}


.popIn {
  -webkit-animation: popIn 0.4s ease both;
  animation: popIn 0.4s ease both;
}

.stayPut {
  -webkit-animation: stayPut 0.4s ease both;
  animation: stayPut 0.4s ease both;
}


/* --- ANIMATIONS --- */

@-webkit-keyframes scootchToLeft {
  0% { -webkit-transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(-25%); opacity: 0; }
}

@keyframes scootchToLeft {
  0% { transform: translateX(0); opacity: 1; }
  100% { transform: translateX(-25%); opacity: 0; }
}




@-webkit-keyframes scootchFromLeft {
  0% { -webkit-transform: translateX(-25%); opacity: 0; }
  100% { -webkit-transform: translateX(0); opacity: 1; }
}

@keyframes scootchFromLeft {
  0% { transform: translateX(-25%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}




@-webkit-keyframes scootchToRight { 
  0% { -webkit-transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(25%); opacity: 0; }
}

@keyframes scootchToRight { 
  0% { transform: translateX(0); opacity: 1; }
  100% { transform: translateX(25%); opacity: 0; }
}




@-webkit-keyframes scootchFromRight {
  0% { -webkit-transform: translateX(25%); opacity: 0; }
  100% { -webkit-transform: translateX(0); opacity: 1; }
}

@keyframes scootchFromRight {
  0% { transform: translateX(25%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}





@-webkit-keyframes moveToLeft {
  0% { -webkit-transform: translateX(0); }
  100% { -webkit-transform: translateX(-100%); }
}

@keyframes moveToLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}




@-webkit-keyframes moveFromLeft {
  0% { -webkit-transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); }
}

@keyframes moveFromLeft {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0); }
}



@-webkit-keyframes moveToRight { 
  0% { -webkit-transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); }
}

@keyframes moveToRight { 
  0% { transform: translateX(0); }
  100% { transform: translateX(100%); }
}



@-webkit-keyframes moveFromRight {
  0% { -webkit-transform: translateX(100%); }
  100% { -webkit-transform: translateX(0); }
}

@keyframes moveFromRight {
  0% { transform: translateX(100%); }
  100% { transform: translateX(0); }
}



@-webkit-keyframes moveToBottom {
  0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(150%); }
}

@keyframes moveToBottom {
  0% { transform: translateY(0); }
  100% { transform: translateY(150%); }
}



@-webkit-keyframes moveFromBottom {
  0% { -webkit-transform: translateY(150%); }
  100% { -webkit-transform: translateY(0); }
}

@keyframes moveFromBottom {
  0% { transform: translateY(150%); }
  100% { transform: translateY(0); }
}




@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}

@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}



@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}

@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}



@-webkit-keyframes fadeInText {
  0% { -webkit-transform: translate3D(0,50px,0); opacity:0; }
  100% { -webkit-transform: translate3D(0,0,0); opacity:1; }
}

@keyframes fadeInText {
  0% { transform: translate3D(0,50px,0); opacity:0; }
  100% { transform: translate3D(0,0,0); opacity:1; }
}



@-webkit-keyframes fadeOutText {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeOutText {
  0% {  opacity: 1; }
  100% { opacity: 0; }
}




@-webkit-keyframes scaleDown {
  0% { opacity: 1; -webkit-transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaleDown {
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(.8); }
}



@-webkit-keyframes scaleUp {
  0% { opacity: 0; -webkit-transform: scale(.8); }
  100% { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes scaleUp {
  0% { opacity: 0; transform: scale(.8); }
  100% { opacity: 1; transform: scale(1); }
}


@-webkit-keyframes stayPut {
  0% { opacity: 1; }
  50% { opacity: 0.99; }
  100% { opacity: 1; }
}

@keyframes stayPut {
  0% { opacity: 1; }
  50% { opacity: 0.99; }
  100% { opacity: 1; }
}



@-webkit-keyframes popIn {
  0% { opacity: 0; -webkit-transform: scale(0); }
  40% { opacity: 0.75; -webkit-transform: scale(1.05); }
  85% { opacity: 1; -webkit-transform: scale(0.95); }
  100% { opacity: 1; -webkit-transform: scale(1); }
}

@keyframes popIn {
  0% { opacity: 0; transform: scale(0); }
  40% { opacity: 0.75; transform: scale(1.05); }
  85% { opacity: 1; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}


/* --- background images (hero, slider, contentbar) --- */
.hero .lores[data-orientation=""],
.iSlider .item-container[data-orientation=""] .item-img > span,
.iSlider .item-container[data-orientation=""] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation=""] > div,
.contentBar .background-image[data-orientation=""] > div div,

.hero .lores[data-orientation="0"],
.iSlider .item-container[data-orientation="0"] .item-img > span,
.iSlider .item-container[data-orientation="0"] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation="0"] > div,
.contentBar .background-image[data-orientation="0"] > div div {
  background-position: center;
}


.hero .lores[data-orientation="1"],
.iSlider .item-container[data-orientation="1"] .item-img > span,
.iSlider .item-container[data-orientation="1"] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation="1"] > div,
.contentBar .background-image[data-orientation="1"] > div div {
  background-position: left top;
}

.hero .lores[data-orientation="2"],
.iSlider .item-container[data-orientation="2"] .item-img > span,
.iSlider .item-container[data-orientation="2"] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation="2"] > div,
.contentBar .background-image[data-orientation="2"] > div div {
  background-position: center top;
}

.hero .lores[data-orientation="3"],
.iSlider .item-container[data-orientation="3"] .item-img > span,
.iSlider .item-container[data-orientation="3"] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation="3"] > div,
.contentBar .background-image[data-orientation="3"] > div div {
  background-position: right top;
}

.hero .lores[data-orientation="4"],
.iSlider .item-container[data-orientation="4"] .item-img > span,
.iSlider .item-container[data-orientation="4"] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation="4"] > div,
.contentBar .background-image[data-orientation="4"] > div div {
  background-position: right center;
}

.hero .lores[data-orientation="5"],
.iSlider .item-container[data-orientation="5"] .item-img > span,
.iSlider .item-container[data-orientation="5"] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation="5"] > div,
.contentBar .background-image[data-orientation="5"] > div div {
  background-position: right bottom;
}

.hero .lores[data-orientation="6"],
.iSlider .item-container[data-orientation="6"] .item-img > span,
.iSlider .item-container[data-orientation="6"] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation="6"] > div,
.contentBar .background-image[data-orientation="6"] > div div {
  background-position: center bottom;
}

.hero .lores[data-orientation="7"],
.iSlider .item-container[data-orientation="7"] .item-img > span,
.iSlider .item-container[data-orientation="7"] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation="7"] > div,
.contentBar .background-image[data-orientation="7"] > div div {
  background-position: left bottom;
}

.hero .lores[data-orientation="8"],
.iSlider .item-container[data-orientation="8"] .item-img > span,
.iSlider .item-container[data-orientation="8"] .item-img .lores,
.contentBar .background-image[data-bg-layout="5"][data-orientation="8"] > div,
.contentBar .background-image[data-orientation="8"] > div div {
  background-position: left center;
}





/* --- image as background (hero, slider, contentbar) --- */
img[data-orientation=""],
[data-orientation=""] img,

img[data-orientation="0"],
[data-orientation="0"] img {
  -o-object-position: center center;
  object-position: center center;
}

img[data-orientation="1"],
[data-orientation="1"] img {
  -o-object-position: left top;
  object-position: left top;
}

img[data-orientation="2"],
[data-orientation="2"] img {
  -o-object-position: center top;
  object-position: center top;
}

img[data-orientation="3"],
[data-orientation="3"] img {
  -o-object-position: right top;
  object-position: right top;
}

img[data-orientation="4"],
[data-orientation="4"] img {
  -o-object-position: right center;
  object-position: right center;
}

img[data-orientation="5"],
[data-orientation="5"] img {
  -o-object-position: right bottom;
  object-position: right bottom;
}

img[data-orientation="6"],
[data-orientation="6"] img {
  -o-object-position: center bottom;
  object-position: center bottom;
}

img[data-orientation="7"],
[data-orientation="7"] img {
  -o-object-position: left bottom;
  object-position: left bottom;
}

img[data-orientation="8"],
[data-orientation="8"] img {
  -o-object-position: left center;
  object-position: left center;
}




[data-orientation=""] video,
[data-orientation="0"] video {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


[data-orientation="1"] video {
  top: 0;
  left: 0;
}


[data-orientation="2"] video {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}


[data-orientation="3"] video {
  top: 0;
  right: 0;
}


[data-orientation="4"] video {
  top: 50%;
  right: 0;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}


[data-orientation="5"] video {
  right: 0;
  bottom: 0;
}


[data-orientation="6"] video {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}


[data-orientation="7"] video {
  bottom: 0;
  left: 0;
}


[data-orientation="8"] video {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}

/* --- SIDEBAR --- */
.sidebar {
  position: fixed;
  bottom: 0;
  right: 0;
  border-radius: 2px 0 0 2px;
  z-index: 12;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


body.hidden .sidebar, body.showForm .sidebar {
  display: none;
}


.sidebar > div {
  position: relative;
  display: block;
  width: 40px;
  border-top: 1px solid rgba(255,255,255,0.5);
  font-size: 1.3em;
  text-align: center;
}

.sidebar > div:first-child {
  border-top: 0;
}


.sidebar .side-icon {
  position: relative;
  display: block;
  width: 40px;
  padding: 8px 0;
  background: rgb(102,102,102);
  text-align: center;
  cursor: pointer;
  z-index: 1;
  color: rgb(255,255,255);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar > div:first-child .side-icon {
  border-radius: 2px 0 0 0;
  border-top: 0;
}

.sidebar > div:first-child:hover .side-icon, .sidebar > div:first-child:active .side-icon {
  border-radius: 0;
}

.sidebar > div:last-child .side-icon {
  border-radius: 0 0 0 2px;
}

.sidebar > div:hover .side-icon, .sidebar > div:active .side-icon {
  background: rgb(33, 43, 73);
}

.sidebar .popup {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 450px;
  min-height: 100px;
  padding: 20px 60px 20px 20px;
  background: rgb(240,240,240);
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
  box-sizing: border-box;
  -webkit-transform: translate(0,150%);
  transform: translate(0,150%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 0.85em;
  text-align: left;
  overflow: hidden;
}

.no-csstransforms .sidebar .popup {
  bottom: -500px;
}

.sidebar > div:hover .popup, .sidebar > div:active .popup {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.no-csstransforms .sidebar > div:hover .popup, .no-csstransforms .sidebar > div:active .popup {
  right: 0;
}

.popup .bg-icon {
  position: absolute;
  right: -70px;
  bottom: -50px;
  opacity: 0.3;
  color: rgb(224,224,224);
  font-size: 15em;
  z-index: -1;
}


.sidebar .popup h4 {
  position: relative;
  margin: 0 0 10px;
  color: rgb(51,51,51);
}


.sidebar .btn {
  margin-right: 0.5rem;
  font-size: 0.85em;
}


.sidebar hr {
  margin: 1rem 0;
}


/* --- Styleswitcher --- */
.styleswitcher .btn-css {
  border-color: transparent;
  font-size: 0.85em;
}




@media (max-width: 600px) {

.sidebar .popup {
  width: 300px;
}

.sidebar .btn {
  width: 100%;
  margin: 0.5rem 0;
}

}




/* -- (Input) -- */
.search {
  float:right;
  width:225px;
  height:22px;
  margin:0 3px 0 0;
  border:1px solid rgb(102,102,102);
  border-radius:6px;
  background: rgb(255,255,255);
}
.searchLabel, .searchLabel, .searchElement, .searchText {
  font-size:0.85em;
}

.search input#raw {
  float:left;
  width:183px;
  height:15px;
  margin:0;
  border:0;
  border-radius:0;
  padding:4px 5px 3px 9px;
  background:transparent;
  box-shadow:none;
  color: rgb(102,102,102);
  font-size:0.9em;
}

.search input.submit {
  float:right;
  width:35px;
  height:35px;
  margin:-7px -7px 0 0;
  border:0;
  padding:0;
  background:transparent;
  box-shadow:none;
  font-size:0px;
  line-height:1px;
  color: rgb(51,51,51);
  cursor:pointer;
}
.search input.submit:hover {
  background-position:-50px -130px;
}


/* -- (Results) -- */
div.navTop {
  border-bottom:1px solid rgb(102,102,102);
}
div.navBtm {
  margin-top:10px;
  border-top:1px solid rgb(102,102,102);
}
div.navTop a, div.navBtm a {
  padding:0 5px;
}
@media print {
  html {background:transparent;}
  body { display:inline; font-size:14pt;}
  .top-header {posiion: relative; background:transparent;}
  header {height: 10px;}
  .layout0 .content, .layout2 .content {float:none !important; width:90%; padding:0 5%;}
  .hero, .menu, .right, #bottom {display:none !important;}
  .printOnly { visibility:visible !important; display:block !important; float:none;}
  .noPrint { display: none; }
  .conForm .form {background:transparent;}
  .conForm input { width:300px; height: 23px; font-size:14pt; background:transparent !important;}
  .conForm textarea { width:600px !important; font-size:14pt;}

}

/****************************************************/
/*    Special Objects                               */
/****************************************************/
/* --- TOOL TIP --- */
.tooltip {
  position: absolute;
  display: none;
  width: 250px;
  border: 1px solid rgba(102,102,102,0.5);
  padding: 0.5rem;
  background-color: rgb(240,240,240);
  box-shadow: 0 0 5px rgba(102,102,102,0.5);
  z-index: 6;
}

.no-touchevents .tooltip {
  pointer-events: none;
}

.tooltip p {
  margin: 0;
}

.tooltip p.headline {
  font-weight: bold;
}

.tooltip-target {
  color: rgb(33, 43, 73);
  border-bottom: 1px dashed currentColor;
}



/* --- QUOTE --- */
.quote-item {
  position: relative;
  margin: 2em 5.6725%;
  padding: 35px 0 0 20px;
  box-sizing: border-box;
}

.layout2 .quote-item {
  width: 66.1096%;
  margin: 2em auto;
}

.column .quote-item,
.layout2 .column .quote-item,
.contentBar .position1 .quote-item,
.contentBar .position2 .quote-item,
.contentBar .position3 .quote-item,
.contentBar .position5 .quote-item,
.contentBar .position6 .quote-item,
.contentBar .position8 .quote-item,
.contentBar .position9 .quote-item {
  width: 100%;
  margin: 1em 0;
}

.quote-item:before {
  content:"\f10d";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  font-family: FontAwesome;
  font-size: 4em;
}


.quote-item .q-quote {
  margin: 0;
  font-size: 1.4em;
  color: rgb(37, 48, 93);
}

.contentBar .container.color1 .quote-item .q-quote {
  color: rgb(255,255,255);
}

.contentBar .container.color2 .quote-item .q-quote {
  color: rgb(33, 43, 73);
}


.quote-item .q-text {
  margin: 1rem 0 0;
  font-size: 0.85em;
}

.quote-item p span {
  display: block;
}

.quote-item p .q-author {
  font-weight: bold;
}

/* --- CLOSE BUTTON --- */
.labeled-icon {
  position: absolute;
  display: block;
  top: 5%;
  top: 4vw;
  right: 2%;
  right: 4vw;
  width: 50px;
  height: 50px;
  margin: 0;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: rgba(0,0,0,0.2);
  -webkit-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
  z-index: 5;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.no-touchevents .labeled-icon:hover, .no-touchevents .labeled-icon:active {
  background: rgba(255,255,255,0.6);
}

.labeled-icon .icon {
  position: relative;
  display: block;
  width:  50%;
  height: 50%;
  margin: 25% 0 0 25%;
  background: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

button.labeled-icon .icon {
  margin-top: 0;
}

.no-csstransforms .labeled-icon .icon {
  background: transparent url(sprite-icons.png) 3px -75px no-repeat;
}

.no-touchevents .labeled-icon:hover .icon, .no-touchevents .labeled-icon:active .icon {
  background: transparent;
}

.no-csstransforms.no-touchevents .labeled-icon:hover .icon, .no-csstransforms.no-touchevents .labeled-icon:active .icon {
  background: transparent url(sprite-icons.png) 10px 10px no-repeat;
}


.labeled-icon .icon::before, .labeled-icon .icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 45%;
  width: 3px;
  height: 100%;
  background: rgb(255,255,255);
  backface-visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.labeled-icon .icon::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.labeled-icon .icon::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}


.no-touchevents .labeled-icon:hover .icon::before, .no-touchevents .labeled-icon:active .icon::before,
.no-touchevents .labeled-icon:hover .icon::after, .no-touchevents .labeled-icon:active .icon::after {
  background: rgb(0,0,0);
}

.no-csstransforms .labeled-icon .icon::before, .no-csstransforms .labeled-icon .icon::after {
  display: none;
}


.labeled-icon i {
  display: none;
}

.no-csstransforms .labeled-icon i {
  display: block;
}





/* --- ACCORDION --- */
.js-toggle-container {
  max-width: 800px;
  margin: 1em 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}


.contentBar .bar-content.justify2 .js-toggle-container {
  margin: 0 auto;
}

.js-toggle {
  position: relative;
  margin: 1em 0;
  padding-left: 0;
}

.js-toggle:only-child {
  margin: 0;
}

.js-toggle-container[data-icon-side="right"] .js-toggle {
  padding-right: 0;
  padding-left: 0;
}


.layout2 .js-toggle,
.overlay .js-toggle {
  padding-left: 0;
}


.layout2 .js-toggle-container[data-icon-side="right"] .js-toggle,
.overlay .js-toggle-container[data-icon-side="right"] .js-toggle {
  padding-right: 0;
  padding-left: 0;
}

.column .js-toggle {
  padding-left: 2rem;
}

.column .js-toggle-container[data-icon-side="right"] .js-toggle {
  padding-right: 2rem;
  padding-left: 0;
}


.js-toggle-container .js-toggle:first-child {
  margin-top: 0;
}


.js-toggle-container.bg-border .js-toggle {
  margin: 0.5em 0;
  border-bottom: 1px solid rgb(33, 43, 73);
  padding-top: 0.5em;
  padding-bottom: 1em;
}

.js-toggle-container.bg-border .js-toggle:first-child {
  border-top: 1px solid rgb(33, 43, 73);
  padding-top: 1em;
}

.js-toggle-container.bg-border .js-toggle .js-toggle:first-child {
  border-top: 0;
}

.js-toggle-container.bg-border .js-toggle .js-toggle:last-child {
  border-bottom: 0;
}



.js-toggle > .js-toggle-headline {
  position: relative;
  margin: 0;
  padding-left: 4rem;
  cursor: pointer;
}


.js-toggle-container[data-color="accent"] .js-toggle > .js-toggle-headline {
  color: rgb(33, 43, 73);
}

.js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline {
  padding: 0 4rem 0 0;
}

.js-toggle .js-toggle > .js-toggle-headline {
  font-size: 1em;
}

.js-toggle-container.bg-accent .js-toggle > .js-toggle-headline {
  padding: 1rem 1rem 1rem 4rem;
  background: rgb(33, 43, 73);
  color: rgb(255,255,255);
}

.js-toggle-container.bg-light .js-toggle > .js-toggle-headline {
  padding: 1rem 1rem 1rem 4rem;
  background: rgb(240,240,240);
}

.js-toggle-container.bg-accent[data-icon-side="right"] .js-toggle > .js-toggle-headline,
.js-toggle-container.bg-light[data-icon-side="right"] .js-toggle > .js-toggle-headline {
  padding: 1rem 4rem 1rem 1rem;
}

.content .js-toggle > .js-toggle-headline:before {
  content: "+";
  position: absolute;
  top: 4px;
  left: 1.5rem;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  font-family: Tahoma;
  font-size: 1em;
  line-height: 1;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transform-origin: center;
}

.js-toggle .js-toggle > .js-toggle-headline:before {
  top: 2px;
  left: 1.6rem;
}


.content .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline:before {
  right: 1.5rem;
  left: auto;
}

.content .js-toggle-container[data-icon-side="right"] .js-toggle .js-toggle > .js-toggle-headline:before {
  right: 1.6rem;
  left: auto;
}


.content .js-toggle.open > .js-toggle-headline:before {
  -webkit-transform: scale(1.1) rotate(45deg) translate(1px, -1px);
  transform: scale(1.4) rotate(45deg) translate(1px, -1px);
}

.content .js-toggle-container[data-icon-side="right"] .js-toggle.open > .js-toggle-headline:before {
  -webkit-transform: scale(1.1) rotate(45deg) translate(1px, -1px);
  transform: scale(1.4) rotate(45deg) translate(1px, -1px);
}


.content .js-toggle  .js-toggle.open > .js-toggle-headline:before {
  -webkit-transform: scale(1.1) rotate(45deg) translate(1px, -1px);
  transform: scale(1.4) rotate(45deg) translate(1px, -1px);
}

.content .js-toggle-container[data-icon-side="right"] .js-toggle  .js-toggle.open > .js-toggle-headline:before {
  -webkit-transform: scale(1.1) rotate(45deg) translate(1px, -1px);
  transform: scale(1.4) rotate(45deg) translate(1px, -1px);
}



.content .column .js-toggle > .js-toggle-headline:before {
  left: -1rem;
}


.content .column .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline:before {
  right: -1rem;
  left: auto;
}



.content .js-toggle-container.bg-accent .js-toggle .js-toggle-headline:before {
  top: 1.2rem;
  color: rgb(255,255,255);
}

.content .js-toggle-container.bg-light .js-toggle .js-toggle-headline:before {
  top: 1.2rem;
}


.content .js-toggle-container.bg-accent .js-toggle .js-toggle > .js-toggle-headline:before {
  top: 1.1rem;
}

.content .js-toggle-container.bg-light .js-toggle .js-toggle > .js-toggle-headline:before {
  top: 1.1rem;
}



.js-toggle-container.bg-accent .js-toggle .js-toggle-headline:after {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: -10%;
  background: rgb(33, 43, 73);
}




.js-toggle > .js-toggle-body {
  display: none;
  margin-top: 0;
  margin-left: 4rem;
}

.js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-body {
  margin-right: 4rem;
  margin-left: 0;
}

.js-toggle .js-toggle > .js-toggle-body {
  max-width: 800px;
}








/* --- STANDARDS --- */
.person {
  position: relative;
}


.person span {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}


.person.variant1 .ix-header {
  text-align: center;
}


.person h3 {
  margin: 0;
}


.person .ix-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.person.variant1 .ix-img {
  position: relative;
  float: none;
  top: auto;
  right: auto;
  left: auto;
  width: 90%;
  width: calc(100% - 2rem);
  margin: 0 0 1rem 1rem;
  border-radius: 50%;
  padding: 0 0 90%;
  padding: 0 0 calc(100% - 2em);
}


.person.variant2 .ix-img {
  position: absolute;
  float: none;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
}



.person .ix-info:empty {
  display: none;
}


.person .ix-info > span {
  margin: 2px 0;
}


.person .ix-info span span,
.person .ix-info span a {
  display: inline-block;
  margin-left: 1rem;
}


.person .ix-info a {
  color: rgb(51,51,51);
}


.no-touchevents .person .ix-info a:hover, .no-touchevents .person .ix-info a:active {
  color: rgb(37, 48, 93);
}


.person .btn {
  margin: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
}

.person .btn[data-layout="1"] {
  padding-left: 3.5rem;
}


.person .btn[data-layout="1"] > i {
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-size: 1em;
  line-height: inherit;
}

.person .btn span {
  display: block;
  margin: 0;
}



/* --- PERSON INFO --- */

.content > .person {
  position: relative;
  display: block;
  margin: 1.0716% 0;
  background: rgb(240,240,240);
}


.content > .person:after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}


.content > .person .ix-header {
  float: right;
  width: 65.9272%;
  padding: 2.1433% 0;
}


.content > .person .ix-img {
  float: left;
  width: 31.8731%;
  height: 0;
  padding: 0 0 22%;
}


.content > .person .ix-info {
  margin-left: 31.8731%;
  padding: 0 2.1433% 2.1433%;
  clear: right;
}



.content > .person .btn {
  margin: 0 2.1433% 2.1433%;
}




/* --- PERSON IN TEASER --- */
#teaser .person .ix-header {
  float: right;
  width: auto;
  width: calc(100% - 50px - 3rem);
  margin: 0 1rem 1rem;
  padding: 0;
  text-align: left;
}


#teaser .person .ix-title {
  font-size: 1em;
}


#teaser .person .ix-img {
  float: left;
  width: 50px;
  margin: 0 0 0 1rem;
  padding: 0 0 50px;
}


#teaser .person.variant2 .ix-img {
  position: relative;
  top: auto;
  left: auto;
}

#teaser .person .ix-info {
  margin: 1rem;
  padding: 0;
  clear: both;
}


#teaser .person .btn {
  display: block;
  border-radius: 0;
}




/* --- PERSON INDEX --- */
.index .ix-person {
  display: flex;
  flex-wrap: wrap;
  width: 102.1432%;
  margin: 0 -1.0716%;
}

.layout2 .ix-person {
  width: 101.6%;
  margin: 0 -0.8%;
}

.ix-person li {
  display: inline-flex;
  width: 31.22318%;
  margin: 1rem 1.0491%;
}

.layout2 .ix-person li {
  width: 31.7471%;
  margin: 1rem 0.7868%;
}


.ix-person li > a, .ix-person li > span {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.ix-person li .variant2 {
  padding-top: 66%;
}


.ix-person .ix-header {
  float: none;
  width: auto;
  padding: 1rem;
}


.ix-person .ix-img {
  position: absolute;
  height: 0;
  padding: 0 0 66%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.ix-person .ix-desc {
  min-height: 60px;
  margin: 0;
  padding: 0 1rem 1rem;
  flex-grow: 1;
}


.ix-person .btn  {
  display: block;
  width: 100%;
  margin: 0;
  border-radius: 0;
  align-self: flex-end;
}
.content-teaser {
  margin: 1rem 0;
  border: 1px solid rgba(102,102,102,0);
  padding: 1rem;
  background-color: rgba(102,102,102,0.1);
}

.content-teaser::after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

.content-teaser a {
  text-decoration: none;
}

.content-teaser .graphic {
  float: left;
  width: 30%;
  margin-right: 3%;
}


.content-teaser .graphic img {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.content-teaser .title {
  margin: 0 0 1rem;
  padding: 0;
  font-family: 'Hobo W01 Medium',Helvetica,Arial,sans-serif;
  font-size: 1.4em;
  color: rgb(37, 48, 93);
}


.content-teaser .graphic ~ .title {
  margin-left: 33%;
}

.content-teaser .text {
  margin: 1rem 0 0;
}

.content-teaser .graphic ~ .text {
  margin-left: 33%;
}



.content-teaser .teaserFile {
  display: block;
  margin: 1rem 0;
}

.content-teaser .teaserFile img {
  display: inline-block;
  vertical-align: middle;
}

.content-teaser .teaserFile a {
  display: inline-block;
  max-width: calc(100% - 20px - 0.5rem);
  margin-left: 0.5rem;
  vertical-align: top;
}

.content-teaser .teaserFile span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}

.content-teaser .btn {
  display: inline-block;
  width: auto;
  margin: 1rem 0 0;
}

/* --- COUNTDOWN --- */
.countdown {
  width: 100%;
  margin: 15px 0;
  text-align: center;
}

.ZMSTeaserElement .countdown {
  margin: 0;
}

/* --- LINKS --- */
.countdown.layout0 {
  float: left;
  margin-right: 2%;
  text-align: left;
}

/* --- RECHTS --- */
.countdown.layout1 {
  float: right;
  margin-left: 2%;
  text-align: right;
}


.content > .countdown.layout0,
.content > .countdown.layout1 {
  width: 32%;
  margin-top: 0.33em;
}


.layout0 .content > .countdown.layout0,
.layout0 .content > .countdown.layout1 {
  width: 49%;
}


.column .countdown.layout0,
.column .countdown.layout1 {
  margin: 15px 0;
}


.ZMSTeaserElement .countdown.layout0,
.ZMSTeaserElement .countdown.layout1 {
  margin: 0;
  text-align: center;
}


.countdown > div {
  display: block;
  border: 1px solid rgb(51,51,51);
  padding: 15px;
}

.column .countdown.layout0 > div,
.column .countdown.layout1 > div,
:not(.ZMSTeaserElement) > .countdown.layout2 > div {
  display: inline-block;
}



.countdown div > span {
  display: block;
  text-align: center;
}


.countdown .title {
  font-size: 1.2em;
  margin-bottom: 15px;
}

.ZMSTeaserElement .countdown .title {
  color: rgb(33, 43, 73);
}


.clock-timer .unit {
  display: inline-block;
  margin: 0 0 5px;
  vertical-align: top;
  font-size: 0.65em;
}


.clock-timer .wrapper {
  display: inline-block;
  vertical-align: top;
}

.clock-timer > .unit {
  padding-right: 10px;
}

.clock-timer .unit span {
  display: block;
  font-size: 3.8em;
  line-height: 1;
}

.clock-timer .hours:after, .clock-timer .minutes:after {
  content: ":";
}


/* --- lazy load icon --- */
.lazy {
  opacity: 0;
}

.lores {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.lores.ps-wait {
  opacity: 0;
}

.lores.hidden,
.media-gallery .gal-img.lores.hidden {
  display: none;
}


.overlay .lazy {
  display: none;
}

.pageoverlay-item.new .lazy,
.pageoverlay-item.active .lazy {
  display: block;
}






.lazy-loader,
.index .lazy-loader {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

.lazy + .lazy-loader {
  opacity: 1;
  visibility: visible;
}

.lazy.ps-wait + .lazy-loader {
  opacity: 0;
}

.iSlider .lazy-loader {
  z-index: 0;
}

.graphic .lazy + .lazy-loader {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-color: rgb(238,238,238);
}

.img-noscript ~ .lazy-loader {
  display: none;
}

.ix-full .lazy-loader {
  bottom: auto;
  height: 0;
  padding: 0 0 50%;
}

.ix-bild .lazy-loader {
  background-color: rgba(255,255,255,0.5);
}


.lazy-loader span,
.index .lazy-loader span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  font-size: 2rem;
  line-height: 1;
  color: rgb(17,17,17);
}

/* --- ICONS --- */

.list-icon {
  width: 101.6%;
  margin: 2rem -0.8%;
  padding: 0;
  list-style: none;
  overflow: inherit;
  overflow: initial;
}


.layout0 .list-icon {
  width: 102.1432%;
  margin: 2rem -1.0716%;
}



.list-icon[data-justify="0"] {
  text-align: left;
}


.list-icon[data-justify="1"] {
  text-align: center;
}



.list-icon li {
  position: relative;
  display: inline-block;
  width: 48.4075%;
  margin: 1rem 0.7868%;
  padding: 0;
  vertical-align: top;
}



.layout0 .list-icon li {
  width: 47.8839%;
  margin: 1rem 1.0491%;
}


.list-icon[data-layout="1"] li {
  width: 31.7471%;
}


.layout0 .list-icon[data-layout="1"] li {
  width: 31.22318%;
}



.list-icon .icon-icon {
  display: block;
  font-size: 4em;
  color: rgb(37, 48, 93);
  text-align: center;
}



.list-icon .icon-title {
  display: block;
  color: rgb(37, 48, 93);
}



.list-icon .icon-icon + *,
.list-icon .icon-title + * {
  margin-top: 1rem;
  margin-bottom: 0;
}










.iSlider {
  position: relative;
  width: 100%;
  margin: 0 auto;
}


.content > .iSlider {
  left: 0;
  left: calc(-50vw + 50%);
  width: 100%;
  width: 100vw;
  max-width: 100vw;
}

.no-opacity .iSlider {
  height: 0;
  padding: 0 0 60%;
}


.iSlider::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(-50vw + 50%);
  bottom: 0;
  left: calc(-50vw + 50%);
}


.iSlider::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}


.iSlider .gallery-page {
  width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}


.iSlider .wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.iSlider .wrap.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.iSlider .wrap.new {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.iSlider .gallery-item {
  overflow: hidden;
}

.iSlider .item-container {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 65px;
      padding-top: 65px;
    align-content: center;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

body[data-header-desktop="3"] .iSlider .item-container {
  padding-top: 90px;
      padding-top: 90px;
  }


/* --- mittig (default) --- */
.iSlider .item-container[data-layout="0"] {
  align-items: center;
}

/* --- Oben --- */
.iSlider .item-container[data-layout="4"],
.iSlider .item-container[data-layout="5"],
.iSlider .item-container[data-layout="6"] {
  align-items: flex-start;
}

/* --- Unten --- */
.iSlider .item-container[data-layout="7"],
.iSlider .item-container[data-layout="8"],
.iSlider .item-container[data-layout="9"] {
  align-items: flex-end;
}



.iSlider .item-container .item-img {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.iSlider .item-container .item-img.hide {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}


.iSlider .item-container .item-img > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.iSlider .item-container .item-img > .parascroll {
  left: 50%;
  width: 100vmax;
  height: 150%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}



.iSlider .item-container .item-img .lores {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.iSlider .item-container .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-color: transparent;
}

.no-objectfit .iSlider .item-container .item-img img {
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


.iSlider .item-container .video-html5 video {
  position: absolute;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: transparent;
}





/* --- CONTENT --- */

.gallery-item .item-info {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  opacity: 0;
  visibility: hidden;
  margin: 4rem 0;
  -webkit-transform: translate(0,75px);
  transform: translate(0,75px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.no-csstransitions .gallery-item .item-info {
  display: block;
  margin: 4rem auto;
}

.gallery-page[data-scrollicon="1"] .gallery-item .item-info {
  margin-bottom: 100px;
  margin-bottom: calc(1rem + 4vw + 25px);
}


/* --- Linksbündig --- */
.iSlider .item-container[data-layout="0"] .item-info,
.iSlider .item-container[data-layout="1"] .item-info,
.iSlider .item-container[data-layout="4"] .item-info,
.iSlider .item-container[data-layout="5"] .item-info,
.iSlider .item-container[data-layout="7"] .item-info,
.iSlider .item-container[data-layout="8"] .item-info {
  justify-content: flex-start;
}


/* --- Rechtsbündig --- */
.iSlider .item-container[data-layout="3"] .item-info,
.iSlider .item-container[data-layout="6"] .item-info,
.iSlider .item-container[data-layout="9"] .item-info {
  justify-content: flex-end;
}

.no-csstransitions .iSlider .item-container[data-layout="3"] .item-info,
.no-csstransitions .iSlider .item-container[data-layout="6"] .item-info,
.no-csstransitions .iSlider .item-container[data-layout="9"] .item-info {
  text-align: right;
}

/* --- Zentriert --- */
.iSlider .item-container[data-layout="2"] .item-info {
  justify-content: center;
}

.no-csstransitions .iSlider .item-container[data-layout="2"] .item-info {
  text-align: center;
}


.gallery-item .item-info.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  visibility: visible;
}


.gallery-item .item-info.show.delay {
  -webkit-transition: all 0.3s ease-out 0.8s;
  transition: all 0.3s ease-out 0.8s;
}


.gallery-item .item-text {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  color: rgb(51,51,51);
  text-align: left;
  z-index: 1;
}

.gallery-item .item-container[data-layout="2"] .item-text {
  text-align: center;
}

.gallery-item .item-info[data-text-background="1"] .item-text {
  padding: 1rem;
}



/* --- TEXT BACKGROUND STYLES --- */

.gallery-item .item-info[data-text-background="1"][data-text-style="0"] .item-text {
    background: transparent;
  }



.gallery-item .item-info[data-text-background="1"][data-text-style="1"] .item-text {
    background: rgba(255,255,255,0.85);
  }



.gallery-item .item-info[data-text-background="1"][data-text-style="3"] .item-text {
    background: transparent;
  }



.gallery-item .item-info[data-text-background="1"][data-text-style="4"] .item-text {
    background: rgba(102,102,102,0.85);
  }



.gallery-item .item-info[data-text-background="1"][data-text-style="5"] .item-text {
    background: rgba(33, 43, 73,0.85);
  }



.gallery-item .item-info[data-text-background="1"][data-text-style="6"] .item-text {
    background: transparent;
  }



.gallery-item .item-info[data-text-background="1"][data-text-style="7"] .item-text {
    background: rgba(255,255,255,0.85);
  }





/* --- text width --- */
.iSlider .item-container[data-layout="1"] .item-text,
.iSlider .item-container[data-layout="2"] .item-text,
.iSlider .item-container[data-layout="3"] .item-text,
.iSlider .item-container[data-layout="5"] .item-text,
.iSlider .item-container[data-layout="6"] .item-text,
.iSlider .item-container[data-layout="8"] .item-text,
.iSlider .item-container[data-layout="9"] .item-text {
  max-width: 44.95%;
}




.gallery-item .item-info[data-text-background="2"] h2,
.gallery-item .item-info[data-text-background="2"] h3,
.gallery-item .item-info[data-text-background="2"] p.item-desc {
  display: inline;
  float: left;
  width: calc(100% - 1rem);
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  padding: 5px 0;
  clear: both;
  box-decoration-break: clone;
}




.gallery-item .item-info[data-text-background="2"][data-text-style="0"] h2,
.gallery-item .item-info[data-text-background="2"][data-text-style="0"] h3,
.gallery-item .item-info[data-text-background="2"][data-text-style="0"] p.item-desc {
    background-color: transparent;
  box-shadow: none;
  }




.gallery-item .item-info[data-text-background="2"][data-text-style="1"] h2,
.gallery-item .item-info[data-text-background="2"][data-text-style="1"] h3,
.gallery-item .item-info[data-text-background="2"][data-text-style="1"] p.item-desc {
    background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,0.85);
  box-shadow: 0.5rem 0 0 rgba(255,255,255,0.85), -0.5rem 0 0 rgba(255,255,255,0.85);
  }




.gallery-item .item-info[data-text-background="2"][data-text-style="3"] h2,
.gallery-item .item-info[data-text-background="2"][data-text-style="3"] h3,
.gallery-item .item-info[data-text-background="2"][data-text-style="3"] p.item-desc {
    background-color: transparent;
  box-shadow: none;
  }

.gallery-item .item-info[data-text-style="3"] h2,
.gallery-item .item-info[data-text-style="3"] h3,
.gallery-item .item-info[data-text-style="3"] p {
  color: rgb(255,255,255);
}



.gallery-item .item-info[data-text-background="2"][data-text-style="4"] h2,
.gallery-item .item-info[data-text-background="2"][data-text-style="4"] h3,
.gallery-item .item-info[data-text-background="2"][data-text-style="4"] p.item-desc {
    background-color: rgb(102,102,102);
  background-color: rgba(102,102,102,0.85);
  box-shadow: 0.5rem 0 0 rgba(102,102,102,0.85), -0.5rem 0 0 rgba(102,102,102,0.85);
  }

.gallery-item .item-info[data-text-style="4"] h2,
.gallery-item .item-info[data-text-style="4"] h3,
.gallery-item .item-info[data-text-style="4"] p {
  color: rgb(255,255,255);
}



.gallery-item .item-info[data-text-background="2"][data-text-style="5"] h2,
.gallery-item .item-info[data-text-background="2"][data-text-style="5"] h3,
.gallery-item .item-info[data-text-background="2"][data-text-style="5"] p.item-desc {
    background-color: rgb(33, 43, 73);
  background-color: rgba(33, 43, 73,0.85);
  box-shadow: 0.5rem 0 0 rgba(33, 43, 73,0.85), -0.5rem 0 0 rgba(33, 43, 73,0.85);
  }

.gallery-item .item-info[data-text-style="5"] h2,
.gallery-item .item-info[data-text-style="5"] h3,
.gallery-item .item-info[data-text-style="5"] p {
  color: rgb(255,255,255);
}



.gallery-item .item-info[data-text-background="2"][data-text-style="6"] h2,
.gallery-item .item-info[data-text-background="2"][data-text-style="6"] h3,
.gallery-item .item-info[data-text-background="2"][data-text-style="6"] p.item-desc {
    background-color: transparent;
  box-shadow: none;
  }

.gallery-item .item-info[data-text-style="6"] h2,
.gallery-item .item-info[data-text-style="6"] h3,
.gallery-item .item-info[data-text-style="6"] p {
  color: rgb(33, 43, 73);
}



.gallery-item .item-info[data-text-background="2"][data-text-style="7"] h2,
.gallery-item .item-info[data-text-background="2"][data-text-style="7"] h3,
.gallery-item .item-info[data-text-background="2"][data-text-style="7"] p.item-desc {
    background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,0.85);
  box-shadow: 0.5rem 0 0 rgba(255,255,255,0.85), -0.5rem 0 0 rgba(255,255,255,0.85);
  }

.gallery-item .item-info[data-text-style="7"] h2,
.gallery-item .item-info[data-text-style="7"] h3,
.gallery-item .item-info[data-text-style="7"] p {
  color: rgb(33, 43, 73);
}






.gallery-item .item-text *:first-child {
  margin-top: 0;
}

.gallery-item .item-text *:last-child {
  margin-bottom: 0;
}


.gallery-item .item-text span {
  display: block;
}


.gallery-item .item-text p {
  margin: 0;
}

.gallery-item .item-text p + p {
  margin-top: 1rem;
}



.gallery-item .item-text .btn, .gallery-item .item-text .btn span {
  display: inline-block;
}




/* --- HIGHLIGHT BACKGROUND --- */


/* --- NO BACKGROUND --- */
.gallery-item .item-info[data-text-background="0"][data-text-style="0"] .btn {
  border-color: rgb(37, 48, 93);
  background: rgba(37, 48, 93, 0.3);
  color: rgb(37, 48, 93);
}

.no-touchevents .gallery-item .item-info[data-text-background="0"][data-text-style="0"] .item-text:hover .btn:not(.disabled) {
  background: rgb(37, 48, 93);
  color: rgb(255,255,255);
}



/* --- FULL BACKGROUND --- */



/* --- HIGHLIGHT BACKGROUND --- */
.gallery-item .item-info[data-text-background="2"][data-text-style="1"] .btn {
  border-color: rgb(255,255,255);
  background: rgba(255,255,255,0.85);
  color: rgb(37, 48, 93);
}

.no-touchevents .gallery-item .item-info[data-text-background="2"][data-text-style="1"] .item-text:hover .btn:not(.disabled) {
  background: rgb(255,255,255);
  color: rgb(37, 48, 93);
}


/* --- NO BACKGROUND --- */



/* --- FULL BACKGROUND --- */



/* --- HIGHLIGHT BACKGROUND --- */


/* --- NO BACKGROUND --- */
.gallery-item .item-info[data-text-background="0"][data-text-style="3"] .btn {
  border-color: rgb(255,255,255);
  background: rgba(255,255,255, 0.3);
  color: rgb(255,255,255);
}

.no-touchevents .gallery-item .item-info[data-text-background="0"][data-text-style="3"] .item-text:hover .btn:not(.disabled) {
  background: rgb(255,255,255);
  color: rgb(37, 48, 93);
}



/* --- FULL BACKGROUND --- */



/* --- HIGHLIGHT BACKGROUND --- */
.gallery-item .item-info[data-text-background="2"][data-text-style="4"] .btn {
  border-color: rgb(102,102,102);
  background: rgba(102,102,102,0.85);
  color: rgb(255,255,255);
}

.no-touchevents .gallery-item .item-info[data-text-background="2"][data-text-style="4"] .item-text:hover .btn:not(.disabled) {
  background: rgb(102,102,102);
  color: rgb(255,255,255);
}


/* --- NO BACKGROUND --- */



/* --- FULL BACKGROUND --- */
.gallery-item .item-info[data-text-background="1"][data-text-style="4"] .btn {
  border-color: rgb(255,255,255);
  background: rgb(255,255,255);
  color: rgb(102,102,102);
}

.no-touchevents .gallery-item .item-info[data-text-background="1"][data-text-style="4"] .item-text:hover .btn:not(.disabled) {
  background: rgb(102,102,102);
  color: rgb(255,255,255);
}



/* --- HIGHLIGHT BACKGROUND --- */
.gallery-item .item-info[data-text-background="2"][data-text-style="5"] .btn {
  border-color: rgb(33, 43, 73);
  background: rgba(33, 43, 73,0.85);
  color: rgb(255,255,255);
}

.no-touchevents .gallery-item .item-info[data-text-background="2"][data-text-style="5"] .item-text:hover .btn:not(.disabled) {
  background: rgb(33, 43, 73);
  color: rgb(255,255,255);
}


/* --- NO BACKGROUND --- */



/* --- FULL BACKGROUND --- */
.gallery-item .item-info[data-text-background="1"][data-text-style="5"] .btn {
  border-color: rgb(255,255,255);
  background: rgb(255,255,255);
  color: rgb(33, 43, 73);
}

.no-touchevents .gallery-item .item-info[data-text-background="1"][data-text-style="5"] .item-text:hover .btn:not(.disabled) {
  background: rgb(33, 43, 73);
  color: rgb(255,255,255);
}



/* --- HIGHLIGHT BACKGROUND --- */


/* --- NO BACKGROUND --- */
.gallery-item .item-info[data-text-background="0"][data-text-style="6"] .btn {
  border-color: rgb(33, 43, 73);
  background: rgba(33, 43, 73, 0.3);
  color: rgb(33, 43, 73);
}

.no-touchevents .gallery-item .item-info[data-text-background="0"][data-text-style="6"] .item-text:hover .btn:not(.disabled) {
  background: rgb(33, 43, 73);
  color: rgb(255,255,255);
}



/* --- FULL BACKGROUND --- */



/* --- HIGHLIGHT BACKGROUND --- */
.gallery-item .item-info[data-text-background="2"][data-text-style="7"] .btn {
  border-color: rgb(255,255,255);
  background: rgba(255,255,255,0.85);
  color: rgb(33, 43, 73);
}

.no-touchevents .gallery-item .item-info[data-text-background="2"][data-text-style="7"] .item-text:hover .btn:not(.disabled) {
  background: rgb(255,255,255);
  color: rgb(33, 43, 73);
}


/* --- NO BACKGROUND --- */



/* --- FULL BACKGROUND --- */
.gallery-item .item-info[data-text-background="1"][data-text-style="7"] .btn {
  border-color: rgb(33, 43, 73);
  background: rgb(33, 43, 73);
  color: rgb(255,255,255);
}

.no-touchevents .gallery-item .item-info[data-text-background="1"][data-text-style="7"] .item-text:hover .btn:not(.disabled) {
  background: rgb(255,255,255);
  color: rgb(33, 43, 73);
}




.gallery-item .item-info[data-text-background="2"] .btn-primary::before,
.gallery-item .item-info[data-text-background="0"][data-text-style="3"] .btn-primary::before {
  display: none;
}


.gallery-item .item-info[data-text-background="2"] .item-btn {
  clear: both;
}


.gallery-item .item-info[data-text-background="2"] .btn {
  margin-top: 0.5rem;
}






/* --- NAV BUTTONS --- */
.iSlider .nav-arrows {
  position: absolute;
  top: 50%;
  width:  50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.2);
  box-sizing: border-box;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 5;
}


.iSlider .nav-arrows.prev {
  left: 2%;
  left: 2vw;
}

.nav-arrows.next {
  right: 2%;
  right: 2vw;
}


.iSlider .nav-arrows.disabled {
  opacity: 0.3;
  cursor: default;
}

.iSlider .nav-arrows.hide {
  opacity: 0;
  visibility: hidden;
}


.no-touchevents .iSlider .nav-arrows:hover {
  background: rgba(255,255,255,0.6);
}

.no-touchevents .iSlider .nav-arrows.disabled:hover {
  background: rgba(0,0,0,0.2);
}




.iSlider .nav-arrows a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}


.iSlider .nav-arrows span {
  position: relative;
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% 0 0 20%;
  box-sizing: border-box;
  font-size: 4rem;
  line-height: 1;
}


.iSlider .nav-arrows.next span {
  margin-left: 15%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


.iSlider .nav-arrows span:before, .iSlider .nav-arrows span:after {
  content: "";
  position: absolute;
  left: 25%;
  width: 3px;
  height: 50%;
  background: rgb(255,255,255);
  backface-visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.iSlider .nav-arrows span:before {
  -webkit-transform: translate(-50%,0) rotate(40deg);
  transform: translate(-50%,0) rotate(45deg);
  -webkit-transform-origin: 0 100% 0;
  transform-origin: 0 100% 0;
}

.iSlider .nav-arrows span:after {
  top: 50%;
  -webkit-transform: translate(-50%,0) rotate(-40deg);
  transform: translate(-50%,0) rotate(-40deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}


.no-touchevents .iSlider .nav-arrows:not(.disabled):hover span:before, .no-touchevents .iSlider .nav-arrows:not(.disabled):hover span:after {
  background: rgb(0,0,0);
}





.iSlider .slidetabs {
  position: absolute;
  right:  2vw;
  right: calc(2vw - 5px);
  bottom: 2vw;
  bottom: calc(2vw - 5px);
  margin: 0;
  z-index: 5;
}



/* --- SCROLL ICON --- */

.scrollicon {
  position: absolute;
  bottom: 5%;
  bottom: 2vw;
  left:   50%;
  width:  50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.2);
  box-sizing: border-box;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}

.no-touchevents .scrollicon:hover {
  background-color: rgba(255,255,255,0.6);
}


.scrollicon span {
  position: relative;
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% 0 0 20%;
  box-sizing: border-box;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 4rem;
  line-height: 1;
}


.scrollicon span:before, .scrollicon span:after {
  content: "";
  position: absolute;
  left: 25%;
  width: 3px;
  height: 50%;
  background: rgb(255,255,255);
  backface-visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.scrollicon span:before {
  -webkit-transform: translate(-50%,0) rotate(40deg);
  transform: translate(-50%,0) rotate(45deg);
  -webkit-transform-origin: 0 100% 0;
  transform-origin: 0 100% 0;
}

.scrollicon span:after {
  top: 50%;
  -webkit-transform: translate(-50%,0) rotate(-40deg);
  transform: translate(-50%,0) rotate(-40deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}


.no-touchevents .scrollicon:hover span:before, .no-touchevents .scrollicon:hover span:after {
  background: rgb(0,0,0);
}




/****************************************************/
/*    Screen Sizes                                  */
/****************************************************/


@media (max-width:1800px) {
  .iSlider .nav-arrows {
  display: none;
}
}


@media (max-width:1440px) {
  

  
.hero, .map-wrapper {


}


.overlay .pageoverlay-item .hero, .overlay .pageoverlay-item .map-wrapper {


}



  
  .media-gallery.carousel .gallery-item {
  width: 22.9018%;
}


.layout2 .media-gallery.carousel .gallery-item {
  width: 23.4264%;
}


.contentBar > .media-gallery.carousel .gallery-item,
.layout2 .contentBar > .media-gallery.carousel .gallery-item,

.contentBar .bar-content .media-gallery.carousel .gallery-item,
.layout2 .contentBar .bar-content .media-gallery.carousel .gallery-item {
  width: 33.333333%;
  margin: 0;
}
}


@media (max-width: 1025px) {
  body.nav-open {
  overflow: hidden;
}

.layout0 .content {
  width: 67%;
  padding-right: 1%;
}


.right {
  width: 33%;
  padding-left: 1%;
}

  

  .col-layout {
  width: 103.0303%;
  margin: 1rem -1.5151%;
}


.layout2 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout {
  width: 102%;
  margin: 1rem -1%;
}



.col-layout .column {
  margin: 0 1.4705%;
}

.layout2 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column {
  margin: 0 0.9803%;
}

.contentBar .conForm .col-layout .column {
  margin: 0;
}

.col-layout.type1 .column,
.col-layout.type2 .column,
.col-layout.type3 .column:nth-of-type(2n + 1),
.col-layout.type3 .column:nth-of-type(2n),
.col-layout.type4 .column:nth-of-type(2n + 1),
.col-layout.type4 .column:nth-of-type(2n),
.col-layout.type5 .column {
  width: 47.0588%;
}


.layout2 .col-layout.type1 .column,
.layout2 .col-layout.type2 .column,
.layout2 .col-layout.type3 .column:nth-of-type(2n + 1),
.layout2 .col-layout.type3 .column:nth-of-type(2n),
.layout2 .col-layout.type4 .column:nth-of-type(2n + 1),
.layout2 .col-layout.type4 .column:nth-of-type(2n),
.layout2 .col-layout.type5 .column,

.contentBar .col-layout.type1 .column,
.contentBar .col-layout.type2 .column,
.contentBar .col-layout.type3 .column:nth-of-type(2n + 1),
.contentBar .col-layout.type3 .column:nth-of-type(2n),
.contentBar .col-layout.type4 .column:nth-of-type(2n + 1),
.contentBar .col-layout.type4 .column:nth-of-type(2n),
.contentBar .col-layout.type5 .column,

.form-modal .col-layout.type1 .column,
.form-modal .col-layout.type2 .column,
.form-modal .col-layout.type3 .column:nth-of-type(2n + 1),
.form-modal .col-layout.type3 .column:nth-of-type(2n),
.form-modal .col-layout.type4 .column:nth-of-type(2n + 1),
.form-modal .col-layout.type4 .column:nth-of-type(2n),
.form-modal .col-layout.type5 .column {
  width: 48.0392%;
}

.contentBar .col-layout .conForm .col-layout.type1 .column {
  width: 100%;
}


.col-layout.type1 > .column:nth-of-type(n+3),
.col-layout.type2 > .column:nth-of-type(n+3),
.col-layout.type3 > .column:nth-of-type(n+3),
.col-layout.type4 > .column:nth-of-type(n+3),
.col-layout.type5 > .column:nth-of-type(n+3) {
  margin-top: 1rem;
}


  .layout0 .contentBar {
  left: calc(-50vw + 75.75%);
}


/* --- text width --- */
.contentBar .content-wrapper.position1 .bar-content,
.contentBar .content-wrapper.position2 .bar-content,
.contentBar .content-wrapper.position3 .bar-content,
.contentBar .content-wrapper.position5 .bar-content,
.contentBar .content-wrapper.position6 .bar-content,
.contentBar .content-wrapper.position8 .bar-content,
.contentBar .content-wrapper.position9 .bar-content {
  width: 40.5%;
}

.contentBar .container.back1[data-text-style="0"] .bar-content,
.contentBar .container.back1[data-text-style="1"] .bar-content,
.contentBar .container.back2[data-text-style="0"] .bar-content,
.contentBar .container.back2[data-text-style="1"] .bar-content,
.contentBar .container.back3[data-text-style="0"] .bar-content,
.contentBar .container.back3[data-text-style="1"] .bar-content,
.contentBar .container.back4[data-text-style="0"] .bar-content,
.contentBar .container.back4[data-text-style="1"] .bar-content {
  padding: 2rem;
}

  .conForm.narrow {
  width: 49%;
}

.conForm input.short {
  width: 40%;
}

.conForm select.short {
  width: 40%;
}



.conForm .column .split {
  width: 100%;
  padding: 0 0 1rem;
}


.conForm.narrow .column .split,
.form-modal .conForm .column .split {
 width: 100%;
}


.conForm .column .split:nth-of-type(2n),
.conForm.narrow .column .split:nth-of-type(2n),
.form-modal .conForm .column .split:nth-of-type(2n) {
  margin-left: 0;
  padding: 0;
}


.conForm.narrow .triple,
.conForm .column .triple {
  width: 49%;
  padding: 0 0 1rem;
}


.conForm div > .triple:last-of-type {
  padding: 0;
}


.conForm.narrow .triple:nth-of-type(3n+2),
.conForm.narrow .triple:nth-of-type(3n),
.conForm .column .triple:nth-of-type(3n+2),
.conForm .column .triple:nth-of-type(3n) {
  margin-left: 0;
}

.conForm.narrow .triple:nth-of-type(2n),
.conForm .column .triple:nth-of-type(2n) {
  margin-left: 2%;
}
  .index .ix-full {
  width: 103.0303%;
  margin: 0 -1.5151%;
}


.layout2 .ix-full {
  width: 102%;
  margin: 0 -1%;
}

.index .ix-full li {
  width: 47.0588%;
  margin: 0.5rem 1.4705%;
}


.layout2 .ix-full li {
  width: 48.0392%;
  margin: 0.5rem 0.9803%;
}



.index .ix-bild {
  width: 103.0303%;
  margin: 0 -1.5151%;
}


.layout2 .ix-bild {
  width: 102%;
  margin: 0 -1%;
}

.index .ix-bild li {
  width: 47.0588%;
  margin: 0.5rem 1.4705%;
}


.layout2 .ix-bild li {
  width: 48.0392%;
  margin: 0.5rem 0.9803%;
}






  .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  position: relative;
  left: auto;
  width: 103.0303%;
  margin: 0 -1.5151%;
}

.layout2 .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 102%;
  margin: 0 -1%;
}


.col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 106.246%;
  margin: 0 -3.123%;
}

.layout2 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 104.0788%;
  margin: 0 -2.0394%;
}


.gallery-audio .gallery-item,
.gallery-video .gallery-item {
  display: inline-block;
  width: 47.0588%;
  margin: 1.4705%;
  vertical-align: top;
}

.layout2 .gallery-audio .gallery-item,
.layout2 .gallery-video .gallery-item {
  display: inline-block;
  width: 48.0392%;
  margin: 0.9803%;
}


.gallery-thumbgrid .gallery-item {
  width: 22.0588%;
  margin: 1.4705%;
}


.layout2 .gallery-thumbgrid .gallery-item {
  width: 14.7058%;
  margin: 0.9803%;
}


.col-layout .gallery-thumbgrid .gallery-item {
  width: 44.1133%;
  margin: 2.9395%;
}

.layout2 .col-layout .gallery-thumbgrid .gallery-item {
  width: 29.4074%;
  margin: 1.9596%;
}


.media-gallery.carousel .gallery-item {
  width: 30.39233%;
  margin: 1.4705%;
}

.layout2 .media-gallery.carousel .gallery-item {
  width: 31.37273%;
  margin: 0.9803%;
}


.contentBar > .media-gallery.carousel .gallery-item,
.layout2 .contentBar > .media-gallery.carousel .gallery-item,

.contentBar .bar-content .media-gallery.carousel .gallery-item,
.layout2 .contentBar  .bar-content .media-gallery.carousel .gallery-item {
  width: 50%;
  margin: 0;
}



.gallery-slideshow.left {
  width: 48.4848%;
  margin-right: 2.9411%;
}

.gallery-slideshow.right {
  width: 48.4848%;
  margin-left: 2.9411%;
}



.single-media .gallery-item {
  width: 48.4848%;
  margin: 0 2.9411% 0 0;
}

.single-media .gallery-page[data-layout="1"] .gal-item {
  margin: 0 0 0 2.9411%;
}

.content .single-media .gallery-page .gal-text {
  margin-left: 51.4259%;
}


.content .single-media .gallery-page[data-layout="1"] .gal-text {
  margin-right: 51.4259%;
}




.gallery-slideshow.center .gallery-item .gal-img {
  padding: 0 0 50%;
}




.media-gallery.tArrows {
  text-align: right;
}



            
  .hgroup {

  
  }

                    
  .iSlider h2 {

      font-size: 2.2em;
  
  }

        
  .iSlider h3 {

      font-size: 1.6em;
  
  }

                          
  h1, .title-h1 {

      font-size: 3em;
  
  }

                                                                                  



ul, ol,
ul.list-unordered, ul.list-check, ul.list-plus, ol.list-ordered,
.layout0 ul.list-unordered, .layout0 ul.list-check, .layout0 ul.list-plus, .layout0 ol.list-ordered {
  padding: 0 0 0 2.5rem;
}

.contentBar .bar-content > ul.list-unordered,
.contentBar .bar-content > ul.list-check,
.contentBar .bar-content > ul.list-plus,
.contentBar .bar-content > ol.list-ordered {
  padding: 0 0 0 20.97843%;
}

.contentBar .bar-content > ul.list-check li:before {
  left: auto;
  right: calc(100% + 0.75rem);
}

.contentBar .bar-content.justify1 > ul.list-plus li:before,
.contentBar .bar-content.justify2 > ul.list-plus li:before,
.contentBar .bar-content.justify1 > ul.list-check li:before,
.contentBar .bar-content.justify2 > ul.list-check li:before {
  position: relative;
  right: auto;
}



p.pullleft {
  width: 35.6060%;
  margin: 0 2.9411% 1.4705% 0;
}


p.pullright {
  width: 35.6060%;
  margin: 0 0 1.4705% 2.9411%;
}
  /* --- ZMS GRAPHIC --- */
.ZMSGraphic.floatleft {
  margin-right: 2.9411%;
}

.layout2 .ZMSGraphic.floatleft {
  margin-right: 2%;
}


.ZMSGraphic.floatright {
  margin-left: 2.9411%;
}

.layout2 .ZMSGraphic.floatright {
  margin-left: 2%;
}


.ZMSGraphic.floatleft.imgwidth0,
.ZMSGraphic.floatleft.imgwidth1,
.ZMSGraphic.floatright.imgwidth0,
.ZMSGraphic.floatright.imgwidth1,
.ZMSGraphic.imgwidth0 .graphic,
.ZMSGraphic.imgwidth1 .graphic,
.ZMSGraphic.none.top.imgwidth0 .text,
.ZMSGraphic.center.imgwidth0 .text,
.ZMSGraphic.none.top.imgwidth1 .text,
.ZMSGraphic.center.imgwidth1 .text {
  width: 48.4848%;
}


.layout2 .ZMSGraphic.floatleft.imgwidth0,
.layout2 .ZMSGraphic.floatright.imgwidth0,
.layout2 .ZMSGraphic.imgwidth0 .graphic,
.layout2 .ZMSGraphic.none.top.imgwidth0 .text,
.layout2 .ZMSGraphic.center.imgwidth0 .text {
  width: 32%;
}



.layout2 .ZMSGraphic.floatleft.imgwidth1,
.layout2 .ZMSGraphic.floatright.imgwidth1,
.layout2 .ZMSGraphic.imgwidth1 .graphic,
.layout2 .ZMSGraphic.none.top.imgwidth1 .text,
.layout2 .ZMSGraphic.center.imgwidth1 .text {
  width: 49%;
}



.ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic {
  margin-right: 2.9411%;
}

.layout2 .ZMSGraphic.left .graphic, .layout2 .ZMSGraphic.right .graphic {
  margin-right: 2%;
}




/* --- ZMS TEASER --- */
#teaser {
  margin: 1% 0;
}

.layout2 #teaser {
  width: 102%;
  margin: 0 -1%;
}


.ZMSTeaserElement {
  margin: 6.5% 0;
}


.layout2 .ZMSTeaserElement {
  width: 48.0392%;
  margin: 0.9803%;
}



.ZMSFile.floatleft, .ZMSLinkElement.floatleft { 
  width: 48.4848%;
  margin-right: 2.9411%;
}

.ZMSFile.floatright, .ZMSLinkElement.floatright { 
  width: 48.4848%;
  margin-left: 2.9411%;
}


.ZMSFile .img, .ZMSLinkElement .img {
  width: 22.7272%;
  margin: 0 2.9411% 0 0;
}

  .js-toggle-container {
  padding: 0;
}

.js-toggle,
.layout2 .js-toggle,
.overlay .js-toggle {
  padding-left: 0;
}

.js-toggle-container[data-icon-side="right"] .js-toggle,
.layout2 .js-toggle-container[data-icon-side="right"] .js-toggle,
.overlay .js-toggle-container[data-icon-side="right"] .js-toggle {
  padding-left: 0;
  padding-right: 0;
}




.js-toggle > .js-toggle-headline {
  padding-left: 2rem;
}

.js-toggle-container.bg-accent .js-toggle > .js-toggle-headline,
.js-toggle-container.bg-light .js-toggle > .js-toggle-headline {
  padding-left: 3rem;
}

.js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline {
  padding-left: 0;
  padding-right: 2rem;
}

.js-toggle-container.bg-accent[data-icon-side="right"] .js-toggle > .js-toggle-headline,
.js-toggle-container.bg-light[data-icon-side="right"] .js-toggle > .js-toggle-headline {
  padding-left: 0;
  padding-right: 3rem;
}





.content .js-toggle > .js-toggle-headline:before,
.layout2 .content .js-toggle > .js-toggle-headline:before,
.overlay .content .js-toggle > .js-toggle-headline:before {
  left: 0;
}



.content .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline:before,
.layout2 .content .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline:before,
.overlay .content .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline:before,
.content .js-toggle-container[data-icon-side="right"] .js-toggle .js-toggle > .js-toggle-headline:before {
  right: 0;
  left: auto;
}


.content .js-toggle-container.bg-accent .js-toggle > .js-toggle-headline:before,
.content .js-toggle-container.bg-light .js-toggle > .js-toggle-headline:before {
  left: 1rem;
}

.content .js-toggle-container.bg-accent[data-icon-side="right"] .js-toggle > .js-toggle-headline:before,
.content .js-toggle-container.bg-light[data-icon-side="right"] .js-toggle > .js-toggle-headline:before {
  right: 1rem;
  left: auto;
}





.js-toggle > .js-toggle-body {
  margin-left: 2rem;
}

.js-toggle-container.bg-accent .js-toggle > .js-toggle-body,
.js-toggle-container.bg-light .js-toggle > .js-toggle-body {
  margin-left: 3rem;
}

.js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-body {
  margin-right: 2rem;
  margin-left: 0;
}

.js-toggle-container.bg-accent[data-icon-side="right"] .js-toggle > .js-toggle-body,
.js-toggle-container.bg-light[data-icon-side="right"] .js-toggle > .js-toggle-body {
  margin-right: 3rem;
  margin-left: 0;
}



  .content > .person {
  margin: 1.4705% 0;
}

.content > .person .ix-header {
  width: 48.5741%;
  padding: 2.9411% 0;
}


.content > .person .ix-img {
  width: 48.4848%;
  padding: 0 0 33%;
}


.content > .person .ix-info {
  margin-left: 48.4848%;
  padding: 0 2.9411% 2.9411%;
}



.content > .person .btn {
  margin: 0 2.9411% 2.9411%;
}




.index .ix-person {
  width: 103.0303%;
  margin: 0 -1.5151%;
}

.layout2 .ix-person {
  width: 102%;
  margin: 0 -1%;
}

.ix-person li {
  width: 47.0588%;
  margin: 1em 1.4705%;
}

.layout2 .ix-person li {
  width: 48.0392%;
  margin: 1em 0.9803%;
}




  .list-icon {
  width: 102%;
  margin: 2rem -1%;
}


.layout0 .list-icon {
  width: 103.0303%;
  margin: 1rem -1.5151%;
}


.list-icon .li {
  width: 48.0392%;
  margin: 1rem 0.9803%;
}

.layout0 .list-icon .li {
  width: 47.0588%;
  margin: 1rem 1.4705%;
}


.list-icon[data-layout="1"] li {
  width: 31.37273%;
}


.layout0 .list-icon[data-layout="1"] li {
  width: 30.39233%;
}



.list-icon .icon-icon {
  font-size: 3em;
}


  .quote-item {
  margin: 2rem auto;
}



  /* --- text width --- */
.iSlider .item-container[data-layout="1"] .item-text,
.iSlider .item-container[data-layout="2"] .item-text,
.iSlider .item-container[data-layout="3"] .item-text,
.iSlider .item-container[data-layout="5"] .item-text,
.iSlider .item-container[data-layout="6"] .item-text,
.iSlider .item-container[data-layout="8"] .item-text,
.iSlider .item-container[data-layout="9"] .item-text {
  max-width: 40.5%;
}







.iSlider .nav-arrows {
  display: none;
}
}



@media (max-width: 800px) {
  .general-width {
  width: 92%;
}

body[data-header-gap="2"] .page:first-child,
body[data-header-desktop="3"][data-header-gap="2"] .page:first-child {
  padding-top: 55px;
}

.page:first-child > .container:only-child,
body[data-header-desktop="3"] .page:first-child > .container:only-child {
  padding-top: 55px;
}

body[data-header-gap="2"] .page:first-child > .container:only-child,
body[data-header-desktop="3"][data-header-gap="2"] .page:first-child > .container {
  padding-top: 0;
}


.layout0 .content {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.container > .right {
  width: 100%;
  padding: 0;
}


.touchevents .hero div.hero-background {
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  transform: none;
}



  .top-header {
        height: 50vw;
      max-height: 70vh;
      min-height: 0;
    }

/* fixed, show on scroll to page top */
body[data-header-mobile="1"] .top-header,
body[data-header-mobile="2"] .top-header {
  position: absolute;
}


body[data-header-mobile="1"] .top-header.scroll-down {
  top: 0;
  -webkit-transform: translate(0, -200%);
  transform: translate(0, -200%);
}

.no-csstransforms body[data-header-mobile="1"] .top-header.scroll-down {
  top: -100%;
}


body[data-header-mobile="1"] .top-header.scroll-up {
  position: fixed;
  -webkit-transform: translate(0, calc(-100% + 55px));
  transform: translate(0, calc(-100% + 55px));
}

.no-csstransforms body[data-header-mobile="1"] .top-header.scroll-up {
  top: 0;
}



header, 
body[data-header-desktop="3"] .top-header header,
body[data-header-desktop="3"] .top-header.scroll-shrink header {
  height: 55px;
}




.logo a,
body[data-header-desktop="3"] .top-header header .logo a,
body[data-header-desktop="3"] .top-header.scroll-shrink header .logo a {
        height: auto;
    }


body[data-header-desktop="3"] .top-header.scroll-shrink .logo[data-format="3"] .logo-default {
  opacity: 1;
  visibility: visible;
}


body[data-header-desktop="3"] .top-header.scroll-shrink .logo[data-format="3"] .logo-scroll {
  opacity: 0;
  visibility: hidden;
}


.logo[data-format="2"] .logo-text {
  font-size: 1.5em;
}


.meta-reserve {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 55px;
  margin: 0 1px 0 0;
  padding: 0 1rem;
  background: rgba(255,255,255,0.25);
  font-size: 1em;
}


.btn-icon {
  display: inline-block;
}



.meta-reserve .btn {
  display: none;
}


.sTrigger,
body[data-header-desktop="3"] .top-header ~ .sTrigger,
body[data-header-desktop="3"] .top-header.scroll-shrink ~ .sTrigger {
  display: inline-block;
  height: 55px;
  margin-right: 0;
}




  .menu, .right .macronav {
  display: none;
}
  #sNav .nav-holder,
body[data-header-desktop="3"] .top-header ~ #sNav .nav-holder,
body[data-header-desktop="3"] .top-header.scroll-shrink ~ #sNav .nav-holder {
  margin-top: 55px;
}



#sNav .sTrigger {
  top: 0;
  right: 0;
}


#sNav li .submenu {
  display: block;
}


#sNav li.js-toggle > a {
  margin-right: 45px;
}


#sNav .macronav ul li a.active span {
  background-color: rgba(102,102,102,0.2);
  color: rgb(37, 48, 93);
}

#sNav .macronav ul li a.current span {
  color: rgb(255,255,255);
}


#sNav .macronav .second-pages {
  display: block;
}

  
.hero, .map-wrapper {

  height: 50vw;
  margin: 0;
  max-height: 70vh;
  min-height: 0;

}


.iSlider {

  height: 80vh;
  margin-bottom: 50px;
  margin-top: 0;
  max-height: 80vh;
  min-height: 0;

}


.overlay .pageoverlay-item .hero, .overlay .pageoverlay-item .map-wrapper {

  height: 35vw;
  margin: 0;
  max-height: 70vh;

}


.top-header.scroll-up header .header-wrapper::before {

  background: rgba(33, 43, 73,0.95);

}


header .header-wrapper {

  align-items: center;
  display: inline-flex;
  height: 55px;
  justify-content: flex-end;
  padding: 0 0 0 4%;

}



  .col-layout,
.layout2 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout {
  width: 102%;
  margin: 1rem -1%;
}


.col-layout .column,
.layout2 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column {
  margin: 0 1%;
}

.col-layout.type1 .column,
.col-layout.type2 .column,
.col-layout.type3 .column:nth-of-type(2n + 1),
.col-layout.type3 .column:nth-of-type(2n),
.col-layout.type4 .column:nth-of-type(2n + 1),
.col-layout.type4 .column:nth-of-type(2n),
.col-layout.type5 .column,

.layout2 .col-layout.type1 .column,
.layout2 .col-layout.type2 .column,
.layout2 .col-layout.type3 .column:nth-of-type(2n + 1),
.layout2 .col-layout.type3 .column:nth-of-type(2n),
.layout2 .col-layout.type4 .column:nth-of-type(2n + 1),
.layout2 .col-layout.type4 .column:nth-of-type(2n),
.layout2 .col-layout.type5 .column,

.contentBar .col-layout.type1 .column,
.contentBar .col-layout.type2 .column,
.contentBar .col-layout.type3 .column:nth-of-type(2n + 1),
.contentBar .col-layout.type3 .column:nth-of-type(2n),
.contentBar .col-layout.type4 .column:nth-of-type(2n + 1),
.contentBar .col-layout.type4 .column:nth-of-type(2n),
.contentBar .col-layout.type5 .column,

.form-modal .col-layout.type1 .column,
.form-modal .col-layout.type2 .column,
.form-modal .col-layout.type3 .column:nth-of-type(2n + 1),
.form-modal .col-layout.type3 .column:nth-of-type(2n),
.form-modal .col-layout.type4 .column:nth-of-type(2n + 1),
.form-modal .col-layout.type4 .column:nth-of-type(2n),
.form-modal .col-layout.type5 .column {
  width: 48%;
}


  .contentBar {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.overlay-holder .contentBar {
  left: calc(-50vw + 50%);
  width: 100vw;
}



.layout0 .contentBar {
  left: calc(-50vw + 50%);
}

*:not(.contentBar) + .contentBar {
  margin-top: 2rem;
}

.contentBar + *:not(.contentBar) {
  margin-top: 2rem;
}

.contentBar.height1 {
  display: block;
}


/* bild height */
.contentBar.height1 .background-image {
  height: auto;
}


.contentBar .background-image[data-bg-layout="2"],
.contentBar .background-image[data-bg-layout="3"] {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  height: 0;
  padding: 0 0 50%;
}

.contentBar .background-image[data-bg-layout="2"] > div,
.contentBar .background-image[data-bg-layout="3"] > div {
  width: 100%;
}


.touchevents .contentBar .background-image[data-bg-layout="0"] > .parascroll {
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  transform: none;
}


.contentBar .background-video {
  display: none;
}



.contentBar .offset-graphic {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 92%;
  text-align: center;
}

.contentBar .offset-graphic[data-gap="1"] {
  top: auto;
  bottom: auto;
  padding: 1rem 0;
}

.contentBar .offset-graphic.img-layout0 {
  right: auto;
}

.contentBar .offset-graphic[data-gap="1"].img-layout0 {
  right: auto;
  width: 92%;
}

.contentBar .offset-graphic.img-layout1 {
  left: auto;
}

.contentBar .offset-graphic[data-gap="1"].img-layout1 {
  left: auto;
  width: 92%;
}

.contentBar[data-order="0"] .offset-graphic,
.contentBar[data-order="0"] .media-gallery,
.contentBar[data-order="0"] .background-map {
  order: 2;
}




.offset-graphic img,
.contentBar .offset-graphic[data-orientation="0"] img,
.contentBar .offset-graphic[data-orientation="1"] img,
.contentBar .offset-graphic[data-orientation="2"] img,
.contentBar .offset-graphic[data-orientation="3"] img,
.contentBar .offset-graphic[data-orientation="4"] img,
.contentBar .offset-graphic[data-orientation="5"] img,
.contentBar .offset-graphic[data-orientation="6"] img {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
}



/* --- MAP IN FIRST LEVEL --- */

.contentBar .background-map {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  height: auto;
}


.contentBar .background-map[data-bg-layout="0"],
.contentBar .background-map[data-bg-layout="1"],
.contentBar.height1 .background-map,
.contentBar .background-map:only-child,
.contentBar.height0 .background-map:only-child,
.contentBar.height2 .background-map:only-child,
.contentBar.height3 .background-map:only-child,
.contentBar.height4 .background-map:only-child {
  height: auto;
}

.contentBar .background-map[data-bg-layout="2"],
.contentBar .background-map[data-bg-layout="3"] {
  width: 100%;
}


.contentBar .background-map #map {
  height: 300px;
}





.contentBar.height2 *:not(.background-image) + .content-wrapper:before,
.contentBar.height3 *:not(.background-image) + .content-wrapper:before,
.contentBar.height4 *:not(.background-image) + .content-wrapper:before,
.contentBar.height5 *:not(.background-image) + .content-wrapper:before {
  height: auto;
}



.contentBar .container {
  display: block;
  padding: 2rem 0;
}



/* --- text width --- */
.contentBar .content-wrapper.position1 .bar-content,
.contentBar .content-wrapper.position2 .bar-content,
.contentBar .content-wrapper.position3 .bar-content,
.contentBar .content-wrapper.position5 .bar-content,
.contentBar .content-wrapper.position6 .bar-content,
.contentBar .content-wrapper.position8 .bar-content,
.contentBar .content-wrapper.position9 .bar-content,

.contentBar .content-wrapper.position1 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position2 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position3 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position5 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position6 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position8 .container[data-text-style="1"] .bar-content,
.contentBar .content-wrapper.position9 .container[data-text-style="1"] .bar-content {
  width: 100%;
}



/* --- text padding --- */

.contentBar .container[data-text-style="1"] .bar-content,

.contentBar .container.back1[data-text-style="0"] .bar-content,
.contentBar .container.back1[data-text-style="1"] .bar-content,
.contentBar .container.back2[data-text-style="0"] .bar-content,
.contentBar .container.back2[data-text-style="1"] .bar-content,
.contentBar .container.back3[data-text-style="0"] .bar-content,
.contentBar .container.back3[data-text-style="1"] .bar-content,
.contentBar .container.back4[data-text-style="0"] .bar-content,
.contentBar .container.back4[data-text-style="1"] .bar-content {
  padding: 2rem 4%;
}



/* --- text background - full container height --- */
.contentBar .content-wrapper.position3 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position6 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position9 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position2 .container[data-text-style="1"] .bar-content:before {
  left: 0;
}


.contentBar .content-wrapper.position1 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position2 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position3 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position5 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position6 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position8 .container[data-text-style="1"] .bar-content:before,
.contentBar .content-wrapper.position9 .container[data-text-style="1"] .bar-content:before {
  width: 100%;
}


  .conForm.narrow {
  width: 100%;
}


.conForm input.short,
.conForm select.short,
.conForm input.medium,
.conForm select.medium {
  width: 100%;
  margin: 0;
}


.conForm .double1 {
  width: 32%;
}

.conForm.narrow .double1,
.form-modal .conForm .double1 {
  width: 100%;
  margin-right: 0;
  padding: 0 0 1em;
}


.conForm .double2 {
  width: 65%;
}

.conForm.narrow .double2,
.form-modal .conForm .double2 {
  width: 100%;
}


.conForm .double1 + .double2,
.conForm .double2 + .double1 {
  margin-left: 3%;
}


.conForm.narrow .double1 + .double2,
.conForm.narrow .double2 + .double1,
.form-modal .conForm .double1 + .double2,
.form-modal .conForm .double2 + .double1 {
  margin-left: 0;
}




.conForm .split,
.conForm.narrow .split,
.form-modal .conForm .split {
 width: 49%;
}


.conForm .split:nth-of-type(2n),
.conForm.narrow .split:nth-of-type(2n),
.form-modal .conForm .split:nth-of-type(2n) {
  margin-left: 2%;
}


.conForm .triple,
.form-modal .conForm .triple {
  width: 32%;
}

.conForm.narrow .triple,
.conForm .column .triple {
  width: 49%;
  padding: 0 0 1rem;
}


.conForm div > .triple:last-of-type {
  padding: 0;
}


.conForm .triple:nth-of-type(3n+2),
.conForm .triple:nth-of-type(3n),
.form-modal .conForm .triple:nth-of-type(3n+2),
.form-modal .conForm .triple:nth-of-type(3n) {
  margin-left: 2%;
}


.conForm.narrow .triple:nth-of-type(3n+2),
.conForm.narrow .triple:nth-of-type(3n),
.conForm .column .triple:nth-of-type(3n+2),
.conForm .column .triple:nth-of-type(3n) {
  margin-left: 0;
}

.conForm.narrow .triple:nth-of-type(2n),
.conForm .column .triple:nth-of-type(2n) {
  margin-left: 2%;
}



  #map {
  height: 300px;
}



  .index li {
  margin: 0.5rem 0;
}


.ix-text,
.layout0 .ix-text {
  width: 100%;
  margin: 0;
}


.ix-text li,
.layout0 .ix-text li {
  width: 100%;
  margin: 0.5rem 0;
}


.index .ix-full, 
.layout2 .ix-full, 
.index .ix-bild,
.layout2 .ix-bild {
  display: flex;
  flex-wrap: wrap;
  width: 102%;
  margin: 0 -1%;
}


.index .ix-full li, 
.layout2 .ix-full li, 
.index .ix-bild li,
.layout2 .ix-bild li {
  display: inline-flex;
  width: 48%;
  margin: 0.5rem 1%;
}



.ix-bild li > a, .ix-bild li > span {
  padding: 0 0 40px;
  background-color: rgba(102,102,102,0.1);
  color: rgb(51,51,51);
}

.no-touchevents .ix-bild li > a:hover, .no-touchevents .ix-bild li > a:active {
  background-color: rgba(102,102,102,0.1);
}


.ix-bild .ix-header {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  padding: calc(50% + 1rem) 1rem 1rem;
  background: transparent;
}


.ix-bild h3, .ix-bild .ix-subtitle {
  color: rgb(37, 48, 93);
}


.ix-bild .ix-img {
  bottom: auto;
  height: 0;
  padding: 0 0 50%;
  -webkit-transform: none;
  transform: none;
}

.no-touchevents .ix-bild a:hover .ix-img, .no-touchevents .ix-bild a:active .ix-img {
  opacity: 1;
}


.ix-bild .ix-desc {
  position: static;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 0 1rem 1rem;
  background: transparent;
  -webkit-transform: none;
  transform: none;
  color: rgb(51,51,51);
  text-align: left;
}

.no-csstransforms .ix-bild .ix-desc,
.no-csstransforms.no-touchevents .ix-bild a:hover .ix-desc,
.no-csstransforms.no-touchevents .ix-bild a:active .ix-desc {
  bottom: auto;
}


.no-touchevents .ix-bild a:hover .ix-desc, .no-touchevents .ix-bild a:active .ix-desc {
  -webkit-transform: none;
  transform: none;
}


.ix-bild .ix-more {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 1rem 1rem;
  color: rgb(51,51,51);
}


.no-touchevents .ix-bild a:hover .ix-more, .no-touchevents .ix-bild a:active .ix-more {
  color: rgb(37, 48, 93);
}


  .overlay:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  background-color: rgba(0,0,0, 0.6);
  z-index: 4;
}


.overlay .pageoverlay-item {
  top: 50px;
  bottom: 0;
  width: auto;
  border-radius: 0;
}


  .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  position: relative;
  width: 102%;
  margin: 0 -1%;
}

.col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page,
.layout2 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 104.1666%;
  margin: 0 -2.0833%;
}


.contentBar > .gallery-slideshow:not(:only-child) .wrap.active {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}


.contentBar > .gallery-slideshow:not(:only-child) .gallery-item {
  position: relative;
}


.media-gallery.carousel .gallery-item,
.layout2 .media-gallery.carousel .gallery-item {
  width: 48%;
  margin: 1%;
}


.gallery-audio .gallery-item,
.gallery-video .gallery-item,
.layout2 .gallery-audio .gallery-item,
.layout2 .gallery-video .gallery-item {
  width: 48%;
  margin: 2% 1%;
}


.gallery-thumbgrid .gallery-item,
.layout2 .gallery-thumbgrid .gallery-item {
  width: 23%;
  margin: 1%;
}


.col-layout .gallery-thumbgrid .gallery-item,
.layout2 .col-layout .gallery-thumbgrid .gallery-item {
  width: 46.0786%;
  margin: 1.9575%;
}






.gallery-slideshow.left {
  width: 49%;
  margin-right: 2%;
}

.gallery-slideshow.right {
  width: 49%;
  margin-left: 2%;
}


.contentBar > .gallery-slideshow:not(:only-child) {
  position: relative;
  top: auto;
  bottom: auto;
  margin: 0;
}

.contentBar > .gallery-slideshow:not(:only-child).left,
.contentBar > .gallery-slideshow:not(:only-child).right,
.contentBar > .gallery-slideshow:not(:only-child).center {
  left: auto;
  right: auto;
  width: 100%;
}


.contentBar > .single-media {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
}


.single-media .gallery-item,
.single-media .gallery-page[data-layout="0"] .gallery-item,
.single-media .gallery-page[data-layout="1"] .gallery-item {
  float: none;
  width: 100%;
  margin: 0;
}


.contentBar > .single-media .gallery-item,
.contentBar > .single-media .gallery-page[data-layout="0"] .gallery-item,
.contentBar > .single-media .gallery-page[data-layout="1"] .gallery-item,
.contentBar > .single-media .gallery-page[data-layout="2"] .gallery-item {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
}



.single-media .gallery-page .gal-text,
.content .single-media .gallery-page .gal-text,
.content .single-media .gallery-page[data-layout="1"] .gal-text {
  margin: 1rem 0 0;
}



.contentBar > .gallery-slideshow .gallery-item .gal-img,
.contentBar > .gallery-slideshow.center .gallery-item .gal-img {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 0;
  padding: 0 0 66%;
}

.contentBar > .gallery-slideshow .gallery-item .gal-img.lores {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
  height: 0;
  padding: 0 0 66%;
}



.contentBar > .single-media .gallery-item .gal-img,
.contentBar > .single-media .gallery-item .video-container {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 0;
  padding: 0 0 56.25%;
}


.contentBar > .single-media .gallery-item .gal-img.lores {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
  height: 0;
  padding: 0 0 56.25%;
}




/* --- GALLERY THUMBGRID ARROWS --- */

.overlay > .nav {
  top: 0;
  border-radius: 0;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.overlay > .nav.prev {
  left: 0;
}

.overlay > .nav.next {
  right: auto;
  left: 52px;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}



.contentBar > .gallery-slideshow:not(:only-child) .slidetabs {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 1em auto;
}

.indextabs {
  top: 25px;
  bottom: auto;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


.indextabs a span {
  width: 5px;
  height: 5px;
}



            
  .hgroup {

  
  }

                    
  .iSlider h2 {

      font-size: 2em;
      margin: 0 0 0.5rem;
  
  }

        
  .iSlider h3 {

      font-size: 1.4em;
  
  }

        
  .layout0 p.emphasis {

      margin: 1rem 0;
  
  }

                    
  h1, .title-h1 {

      font-size: 2.6em;
  
  }

        
  h1,h2,h3,h4 {

      -moz-hyphens: auto;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
      overflow-wrap: break-word;
      word-wrap: break-word;
  
  }

        
  h2, .title-h2 {

      font-size: 1.6em;
  
  }

                                                        
  p.emphasis {

      margin: 1rem 0;
  
  }

                


.contentBar .bar-content > ul.list-unordered,
.contentBar .bar-content > ul.list-check,
.contentBar .bar-content > ul.list-plus,
.contentBar .bar-content > ol.list-ordered {
  padding: 0 0 0 2.5rem;
}




.content > *:first-child:not(.contentBar) {
  margin-top: 2rem;
}

.content > *:last-child:not(.contentBar) {
  margin-bottom: 2rem;
}




p.pullleft {
  float: none;
  width: 100%;
  margin: 1rem 0;
}


p.pullright {
  float: none;
  width: 100%;
  margin: 1rem 0;
}
  /* --- ZMS GRAPHIC --- */
.ZMSGraphic.floatleft {
  margin-right: 2%;
}


.ZMSGraphic.floatright {
  margin-left: 2%;
}


.ZMSGraphic.floatleft.imgwidth0,
.ZMSGraphic.floatleft.imgwidth1,
.ZMSGraphic.floatright.imgwidth0,
.ZMSGraphic.floatright.imgwidth1,
.ZMSGraphic.imgwidth0 .graphic,
.ZMSGraphic.imgwidth1 .graphic,
.ZMSGraphic.none.top.imgwidth0 .text,
.ZMSGraphic.center.imgwidth0 .text,
.ZMSGraphic.none.top.imgwidth1 .text,
.ZMSGraphic.center.imgwidth1 .text {
  width: 49%;
}

.layout2 .ZMSGraphic.floatleft.imgwidth0,
.layout2 .ZMSGraphic.floatright.imgwidth0,
.layout2 .ZMSGraphic.imgwidth0 .graphic,
.layout2 .ZMSGraphic.none.top.imgwidth0 .text,
.layout2 .ZMSGraphic.center.imgwidth0 .text {
  width: 49%;
}

.ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic {
  margin-right: 2%;
}



/* --- ZMS TEASER --- */
#teaser, .layout2 #teaser {
  width: 102%;
  margin: 1rem -1%;
}


.ZMSTeaserElement, .layout2 .ZMSTeaserElement {
  display: inline-block;
  width: 48%;
  margin: 1rem 1%;
  vertical-align: top;
}




.ZMSFile.floatleft, .ZMSLinkElement.floatleft { 
  width: 49%;
  margin-right: 2%;
}

.ZMSFile.floatright, .ZMSLinkElement.floatright { 
  width: 49%;
  margin-left: 2%;
}


.ZMSFile .img, .ZMSLinkElement .img {
  width: 23.5%;
  margin: 0 2% 0 0;
}







  
  .content > .person {
  margin: 1% 0;
}

.content > .person .ix-header {
  width: 49%;
  padding: 2% 0;
}


.content > .person .ix-img {
  width: 49%;
}


.content > .person .ix-info {
  margin-left: 49%;
  padding: 0 2% 2%;
}



.content > .person .btn {
  margin: 0 2% 2%;
}




.index .ix-person,
.layout2 .ix-person {
  width: 102%;
  margin: 0 -1%;
}

.ix-person li,
.layout2 .ix-person li {
  width: 48%;
  margin: 1em 1%;
}


  .content > .countdown.layout0,
.content > .countdown.layout1 {
  width: 49%;
}
  .ix-bild .lazy-loader {
  right: 0;
  bottom: auto;
  width: auto;
  height: 0;
  padding: 0 0 50%;
  background: transparent;
}
  .layout0 .list-icon {
  width: 102%;
  margin: 2rem -1%;
}



.list-icon .li,
.layout0 .list-icon .li,
.list-icon[data-layout="1"] li,
.layout2 .list-icon[data-layout="1"] li {
  width: 48%;
  margin: 1rem 1%;
}



.list-icon[data-layout="1"] li:first-child,
.layout0 .list-icon[data-layout="1"] li:first-child {
  width: 98%;
  margin: 1rem 1%;
}



.list-icon .icon-icon {
  font-size: 4em;
}


  .quote-item {
  margin: 1rem 0;
}

.layout2 .quote-item {
  width: 100%;
  margin: 1rem 0;
}

.quote-item .q-quote {
  font-size: 1.2em;
}


.labeled-icon {
  top: 0;
  right: 0;
  border-radius: 0;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
  .iSlider {

}


.iSlider::before {
  right: 0;
  left: 0;
}



.iSlider[data-slide-layout="1"] .item-container {
  padding-top: 0;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}


body[data-header-desktop="3"] .iSlider .item-container {
  padding-top: 0;
}

.iSlider[data-slide-layout="1"] .item-container .item-img {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 100%;
  flex-grow: 1;
}



.touchevents .iSlider .item-container .item-img > .parascroll {
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  transform: none;
}


.iSlider .item-container .video-html5 video {
  display: none;
}


.iSlider[data-slide-layout="1"] .item-info {
  display: block;
  width: 100%;
  max-height: 60%;
  margin: 0;
  padding: 0;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  visibility: visible;
  flex-grow: 0;
}



.iSlider[data-slide-layout="2"] .item-info {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}


.iSlider[data-slide-layout="2"][data-slide-length="1"] .item-info {
  bottom: 50px;
}



.gallery-page[data-scrollicon="1"] .gallery-item .item-info {
  margin: 0;
}



.gallery-item .item-text {
  display: block;
  width: 100%;
  padding: 1rem 4%;
}

.gallery-item .item-info[data-text-background="1"] .item-text {
  padding: 1rem 4%;
}

.iSlider[data-slide-layout="1"] .gallery-item .item-info[data-text-style="3"] .item-text {
  background: rgba(102,102,102,0.7);
}




/* --- text width --- */
.iSlider .item-container[data-layout="1"] .item-text,
.iSlider .item-container[data-layout="2"] .item-text,
.iSlider .item-container[data-layout="3"] .item-text,
.iSlider .item-container[data-layout="5"] .item-text,
.iSlider .item-container[data-layout="6"] .item-text,
.iSlider .item-container[data-layout="8"] .item-text,
.iSlider .item-container[data-layout="9"] .item-text {
  max-width: 100%;
}




.iSlider .slidetabs {
  top: 100%;
  right: 0;
  bottom: auto;
  left: 0;
  text-align: center;
}


.iSlider .slidetabs a {
  margin: 0;
  padding: 10px 8px;
}




.scrollicon {
  display: none;
}
}



@media (max-width: 600px) {
  footer section > a, footer nav > a,
footer section > span, footer nav > span {
  display: block;
  margin: 0;
  padding: 0.5rem;
}


.social a {
  display: inline-block;
  padding: 0.5rem 1rem;
}


.partner > a, .partner > span {
  width: auto;
}

  
footer .copyright .addr {

  padding: 0;
  text-align: center;

}


footer .copyright .tel {

  padding: 0;
  text-align: center;

}


footer .copyright img {

  display: none;

}



  .col-layout,
.layout2 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout {
  width: 100%;
  margin: 1rem 0;
}


.col-layout .column,
.layout2 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column {
  width: 100% !important;
  margin: 0;
}


.col-layout.type1 > .column:nth-of-type(n+2),
.col-layout.type2 > .column:nth-of-type(n+2),
.col-layout.type3 > .column:nth-of-type(n+2),
.col-layout.type4 > .column:nth-of-type(n+2),
.col-layout.type5 > .column:nth-of-type(n+2) {
  margin-top: 1rem;
}
  .contentBar .background-map #map {
  height: 200px;
}

  .conForm.newsletter-signup form {
  display: block;
}

.conForm.narrow.newsletter-signup section {
  margin: 1rem 0 0;
}

.conForm.narrow.newsletter-signup .formPrivacy {
  margin-top: 0;
}



.conForm .double1,
.conForm .double2 {
  width: 100%;
  padding: 0 0 1rem;
}


.conForm .double1 + .double2,
.conForm .double2 + .double1 {
  margin-left: 0;
  padding: 0;
}



.conForm .split {
  width: 100%;
  padding: 0 0 1rem;
}


.conForm.narrow .split,
.form-modal .conForm .split {
 width: 100%;
}


.conForm .split:nth-of-type(2n),
.conForm.narrow .split:nth-of-type(2n),
.form-modal .conForm .split:nth-of-type(2n) {
  margin-left: 0;
  padding: 0;
}


.conForm .triple,
.conForm.narrow .triple,
.form-modal .conForm .triple,
.conForm .column .triple {
  width: 100%;
  padding: 0 0 1rem;
}



.conForm .triple:nth-of-type(3n+2),
.conForm .triple:nth-of-type(3n),
.form-modal .conForm .triple:nth-of-type(3n+2),
.form-modal .conForm .triple:nth-of-type(3n),
.conForm.narrow .triple:nth-of-type(2n),
.conForm .column .triple:nth-of-type(2n) {
  margin-left: 0;
}



.conForm div > .triple:last-of-type {
  padding: 0;
}


.conForm div span {
  display: block;
  width: 100%;
  padding: 0 0 1rem;
}

.conForm span + span {
  margin-left: 0;
}




  #map {
  height: 200px;
}

  .index .ix-full,
.layout2 .ix-full,  
.index .ix-bild,
.layout2 .ix-bild {
  display: block;
  left: calc(-50vw + 50%);
  width: 100vw;
  margin: 0;
}



.index .ix-full li,
.layout2 .ix-full li,
.index .ix-bild li,
.layout2 .ix-bild li {
  display: inline-block;
  width: 100%;
  margin: 0.5rem 0;
}




  .media-gallery.gallery-audio .gallery-page,
.media-gallery.gallery-video .gallery-page,
.media-gallery.gallery-slideshow .gallery-page,
.layout2 .media-gallery.gallery-audio .gallery-page,
.layout2 .media-gallery.gallery-video .gallery-page,
.layout2 .media-gallery.gallery-slideshow .gallery-page {
  width: 100%;
  margin: 1% 0;
}

.contentBar > .media-gallery.gallery-slideshow .gallery-page {
  margin: 0;
}

.col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page,
.layout2 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 102%;
  margin: 0 -1%;
}


.gallery-thumbgrid .gallery-item,
.layout2 .gallery-thumbgrid .gallery-item,
.col-layout .gallery-thumbgrid .gallery-item,
.layout2 .col-layout .gallery-thumbgrid .gallery-item {
  width: 31.3333%;
  margin: 1%;
}


.media-gallery.carousel .gallery-item,
.layout2 .media-gallery.carousel .gallery-item,

.contentBar > .media-gallery.carousel .gallery-item,
.layout2 .contentBar > .media-gallery.carousel .gallery-item,

.contentBar .bar-content .media-gallery.carousel .gallery-item,
.layout2 .contentBar  .bar-content .media-gallery.carousel .gallery-item {
  width: 100%;
  margin: 0;
}


.gallery-audio .gallery-item,
.gallery-video .gallery-item,
.layout2 .gallery-audio .gallery-item,
.layout2 .gallery-video .gallery-item {
  width: 100%;
  padding: 2% 0;
}


.gallery-slideshow.left {
  float: none;
  width: 100%;
  margin-right: 0;
}

.gallery-slideshow.right {
  float: none;
  width: 100%;
  margin-left: 0;
}


.gallery-slideshow.center .gallery-item .gal-img {
  padding: 0 0 66%;
}



      
  .column p.emphasis {

      margin: 1rem 0;
  
  }

        
  .hgroup {

      margin: 1rem 0;
  
  }

                    
  .iSlider h2 {

      font-size: 1.4em;
  
  }

        
  .iSlider h3 {

      font-size: 1em;
  
  }

                    
  blockquote {

      margin: 1rem 0;
      padding: 1rem;
  
  }

        
  h1, .title-h1 {

      font-size: 2em;
  
  }

                                                                                  

.content > *:first-child:not(.contentBar) {
  margin-top: 1rem;
}

.content > *:last-child:not(.contentBar) {
  margin-bottom: 1rem;
}
  /* --- ZMS GRAPHIC --- */

.layout2 .ZMSGraphic.floatleft {
  margin-right: 0;
}


.layout2 .ZMSGraphic.floatright {
  margin-left: 0;
}

.ZMSGraphic.floatleft.imgwidth,
.ZMSGraphic.floatleft.imgwidth0,
.ZMSGraphic.floatleft.imgwidth1,
.ZMSGraphic.floatleft.imgwidth2,
.ZMSGraphic.floatright.imgwidth,
.ZMSGraphic.floatright.imgwidth0,
.ZMSGraphic.floatright.imgwidth1,
.ZMSGraphic.floatright.imgwidth2 {
  float: none;
  width: 100%;
  margin: 1rem 0;
}


.layout2 .ZMSGraphic.floatleft.imgwidth0,
.layout2 .ZMSGraphic.floatleft.imgwidth1,
.layout2 .ZMSGraphic.floatright.imgwidth0,
.layout2 .ZMSGraphic.floatright.imgwidth1,
.layout2 .ZMSGraphic.imgwidth0 .graphic,
.layout2 .ZMSGraphic.imgwidth1 .graphic,
.layout2 .ZMSGraphic.none.top.imgwidth0 .text,
.layout2 .ZMSGraphic.center.imgwidth0 .text,
.layout2 .ZMSGraphic.none.top.imgwidth1 .text,
.layout2 .ZMSGraphic.center.imgwidth1 .text {
  width: 100%;
}


.ZMSGraphic.imgwidth .graphic,
.ZMSGraphic.imgwidth0 .graphic,
.ZMSGraphic.imgwidth1 .graphic {
  width: 100%;
}


.ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic {
  float: none;
  margin-right: 0;
}


.layout2 .ZMSGraphic.left .graphic, .layout2 .ZMSGraphic.right .graphic {
  margin-right: 0;
}

.ZMSGraphic.none.top.imgwidth .text,
.ZMSGraphic.none.top.imgwidth0 .text,
.ZMSGraphic.none.top.imgwidth1 .text,
.ZMSGraphic.center.imgwidth .text,
.ZMSGraphic.center.imgwidth0 .text,
.ZMSGraphic.center.imgwidth1 .text {
  width: 100%;
}


/* --- TEASER --- */
#teaser, .layout2 #teaser {
  width: 100%;
  margin: 1rem 0;
}


.ZMSTeaserElement, .layout2 .ZMSTeaserElement {
  display: block;
  width: 100%;
  margin: 1rem 0;
}


.ZMSFile.floatleft, .ZMSLinkElement.floatleft { 
  float: none;
  width: 100%;
  margin-right: 0;
}

.ZMSFile.floatright, .ZMSLinkElement.floatright { 
  float: none;
  width: 100%;
  margin-left: 0;
}

.ZMSFile .img, .ZMSLinkElement .img {
  width: 32%;
  margin: 0 2% 0 0;
}

  
  .content > .person {
  margin: 2% 0;
}

.content > .person .ix-header {
  width: 66%;
  padding: 2% 0;
}


.content > .person .ix-img {
  width: 32%;
  margin-bottom: 2%;
}


.content > .person .ix-info {
  margin-left: 32%;
  padding: 0 2% 2%;
}



.content > .person .btn {
  display: block;
  margin: 0;
  border-radius: 0;
  clear: both;
}




.index .ix-person,
.layout2 .ix-person {
  width: 100%;
  margin: 0;
}

.ix-person li,
.layout2 .ix-person li {
  width: 100%;
  margin: 1em 0;
}

.ix-person li > a, .ix-person li > span {
  display: block;
}

.ix-person li .variant2 {
  padding-top: 0;
}

.ix-person .person .ix-header {
  float: right;
  width: 66%;
  padding: 2% 0;
  text-align: left;
}


.ix-person .variant1 .ix-img {
  float: left;
  width: 30%;
  margin: 2% 0 2% 2%;
  padding: 0 0 30%;
}

.ix-person .variant2 .ix-img {
  position: relative;
  float: left;
  top: auto;
  right: auto;
  left: auto;
  width: 32%;
  margin: 0 0 2%;
  padding: 0 0 32%;
}

.ix-person .ix-desc {
  margin-left: 32%;
  padding: 0 2% 2%;
  clear: right;
}


.ix-person .btn  {
  display: block;
  margin: 0;
  clear: both;
}


  .content-teaser .graphic {
  float: none;
  width: 100%;
  margin: 0 0 1rem;
}

.content-teaser .graphic ~ .title, .content-teaser .graphic ~ .text {
  margin-left: 0;
}
  .column .countdown.layout0 {
  float: none;
  text-align: center;
}

.content > .countdown.layout0,
.layout0 .content > .countdown.layout0 {
  width: 100%;
  margin: 15px 0;
}

.content > .countdown.layout1,
.layout0 .content > .countdown.layout1 {
  width: 100%;
  margin: 15px 0;
}


.column .countdown.layout0 > div,
.column .countdown.layout1 > div,
:not(.ZMSTeaserElement) > .countdown.layout2 > div {
  display: block;
}
  .list-icon,
.layout0 .list-icon {
  width: 100%;
  margin: 2rem 0;
}



.list-icon .li,
.layout0 .list-icon .li,
.list-icon[data-layout="1"] li,
.layout0 .list-icon[data-layout="1"] li {
  width: 100%;
  margin: 1rem 0;
}



.list-icon[data-layout="1"] li:first-child,
.layout0 .list-icon[data-layout="1"] li:first-child {
  width: 100%;
  margin: 1rem 0;
}

  
}



@media (max-width: 400px) {
  .btn {
  width: 100%;
  margin-right: 0;
}


.contentBar .bar-content.justify2 .btn {
  margin-right: 0;
  margin-left: 0;
}
  .contentBar .background-image[data-bg-layout="2"],
.contentBar .background-image[data-bg-layout="3"] {
  padding: 0 0 66%;
}

  .ZMSFile .img, .ZMSLinkElement .img {
  float: none;
  width: 100%;
  margin: 0;
}

.ZMSFile .img > span, .ZMSLinkElement .img > span {
  font-size: 2.5em;
}

.ZMSFile.file-img .text, .ZMSLinkElement.file-img .text {
  margin: 5px 0 0;
}

  .content > .person .ix-header {
  width: 74.5%;
}


.content > .person .ix-img {
  width: 23.5%;
}


.content > .person .ix-info {
  display: block;
  margin-left: 0%;
  clear: both;
}


.ix-person .person .ix-header {
  width: 74.5%;
}


.ix-person .variant1 .ix-img {
  width: 21.5%;
  padding: 0 0 21.5%;
}

.ix-person .variant2 .ix-img {
  width: 23.5%;
  padding: 0 0 23.5%;
}

.ix-person .ix-desc {
  display: block;
  margin-left: 0;
  clear: both;
}





}




/****************************************************/
/*    Base Modules                                  */
/****************************************************/
/*! jQuery UI - v1.12.1 - 2019-04-09
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.0.1 - 2014
author:     Burocratik
website:    //www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #666666;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  z-index: 1500;
}

#outdated.hide {
  display: none;
}

* html #outdated {
  position: absolute;
}

#outdated h6 {
  margin: 30px 0 15px;
  font-size: 1.5em;
  line-height: 1.25;
  color: #FFFFFF;
}

#outdated p {
  font-size: 0.85em;
  line-height: 1.25;
  color: #FFFFFF;
}

#outdated #btnUpdateBrowser {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 auto 30px;
  border: 2px solid #FFFFFF;
  padding: 10px 20px;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}

#outdated #btnUpdateBrowser:hover {
  background-color: #FFFFFF;
  color: #666666;
}

#outdated #btnCloseUpdateBrowser {
  position: absolute;
  display: block;
  right: 15px;
  top: 15px;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 2em;
  line-height: 1.25;
}
/* -- COOKIE CONSENT -----------------------------------------------*/
.cookie-consent {
  position: fixed;
  display: block;
  right: 0;
  bottom: -100%;
  left: 0;
  padding: 1rem 0;
  background-color: rgb(238,238,238);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  color: rgb(51,51,51);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  clear: both;
  z-index: 100;
}


.csstransforms .cookie-consent {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}


body[data-cookie="top"] .cookie-consent {
  top: -100%;
  bottom: auto;
}

.csstransforms body[data-cookie="top"] .cookie-consent {
  top: 0;
  bottom: auto;
  -webkit-transform: translate(0,-110%);
  transform: translate(0,-110%);
}

.cookie-consent.show {
  bottom: 0;
}

.csstransforms .cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


body[data-cookie="top"] .cookie-consent.show {
  top: 0;
  bottom: auto;
}

.csstransforms body[data-cookie="top"] .cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


.cookie-consent.show.hide {
  bottom: -100%;
}

.csstransforms .cookie-consent.show.hide {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}


.cookie-consent::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}

.cookie-consent > div {
  position: relative;
  width: 96%;
  max-width: 1280px;
  margin: 0 auto;
  font-size: 0.85em;
  text-align: left;
}


.cookie-consent p {
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}


.cookie-consent a {
  display: inline-block;
  text-decoration: underline;
}


.no-touch .cookie-consent a:hover, .no-touch .cookie-consent a:active {

}


.cookie-consent .btn {
  display: block;
  float: right;
  width: auto;
  margin: 0 0 5px 1rem;
  padding: 0.5rem 1rem;
  background-color: rgb(204,204,204);
  color: rgb(51,51,51);
}

.cookie-consent .btn > i {
  font-size: 1rem;
}



@media (max-width: 450px) {

  .cookie-consent > div {
    font-size: 0.8em;
  }

}



/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: -60px; }

.main-carousel[data-flickity-version="3"] .flickity-prev-next-button.previous { left: 1.5rem; }

.flickity-prev-next-button.next { right: -60px; }

.main-carousel[data-flickity-version="3"] .flickity-prev-next-button.next { right: 1.5rem; }


/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: -60px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: -60px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot,
.index .flickity-page-dots .dot,
.layout2 .index .flickity-page-dots .dot,
.layout3 .index .flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.contentBar .container.color1 .flickity-page-dots .dot {
  background: #FFFFFF;
}

.flickity-page-dots .dot.is-selected,
.index .flickity-page-dots .dot.is-selected,
.layout2 .index .flickity-page-dots .dot.is-selected,
.layout3 .index .flickity-page-dots .dot.is-selected {
  opacity: 1;
}


@media (min-width: 1441px) {

.flickity-page-dots {
  display: none;
}

}

@media (max-width: 1440px) {

.main-carousel:not([data-flickity-version="3"]) .flickity-prev-next-button {
  top: auto;
  bottom: -45px;
  width: 30px;
  height: 30px;
  -webkit-transform: none;
  transform: none;
}


.main-carousel:not([data-flickity-version="3"]) .flickity-prev-next-button.previous {
  left: 50%;
  -webkit-transform: translate(-125%,0);
  transform: translate(-125%,0);
}


.main-carousel:not([data-flickity-version="3"]) .flickity-prev-next-button.next {
  right: 50%;
  -webkit-transform: translate(125%,0);
  transform: translate(125%,0);
}


.main-carousel[data-flickity-version="4"] .flickity-prev-next-button {
  display: none;
}



}
.layout-grid {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 100;
}

.layout-grid.closed {
  display: none;
}

.layout-grid.open {
  display: block;
}

.layout-grid .container {
  height: 100%;
}

.layout-grid div {
  position: relative;
  display: inline-block;
  height: 100%;
  background: rgba(0,0,0,0.03);
}

.layout-grid.invert div {
  background: rgba(255,255,255,0.05);
}

.layout-grid[data-size="24"] div {
  width: 2.6333%;
  margin: 0 0.8%;
}

.layout-grid[data-size="16"] div {
  width: 4.375%;
  margin: 0 1%;
}

.layout-grid[data-size="8"] div {
  width: 10.75%;
  margin: 0 1%;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid div:last-child {
  margin-right: 0;
}









@media (max-width: 1025px) {

.layout-grid[data-size="24"] div {
  width: 6.5%;
  margin: 0 1%;
}

.layout-grid[data-size="24"] div:nth-child(n+13) {
  display: none;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid[data-size="24"] div:nth-child(12) {
  margin-right: 0;
}


}




@media (max-width: 800px) {

.layout-grid[data-size="24"] div {
  width: 23.5%;
}

.layout-grid[data-size="24"] div:nth-child(n+5) {
  display: none;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid[data-size="24"] div:nth-child(4) {
  margin-right: 0;
}



}


@media (max-width: 600px) {

.layout-grid[data-size="24"] div {
  width: 32%;
  margin: 0 1%;
}

.layout-grid[data-size="24"] div:nth-child(n+4) {
  display: none;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid[data-size="24"] div:nth-child(3) {
  margin-right: 0;
}



}


@media (max-width: 400px) {

.layout-grid[data-size="24"] div {
  width: 23.5%;
}

.layout-grid[data-size="24"] div:nth-child(n+4) {
  display: inline-block;
}

.layout-grid[data-size="24"] div:nth-child(n+5) {
  display: none;
}

.layout-grid div:first-child {
  margin-left: 0;
}

.layout-grid[data-size="24"] div:nth-child(3) {
  margin-right: 1%;
}

.layout-grid[data-size="24"] div:nth-child(4) {
  margin-right: 0;
}



}


/* Pannellum 2.3.2, https://github.com/mpetroff/pannellum */
.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;background:#f4f4f4 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A') repeat;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content}.pnlm-container *{box-sizing:content-box}.pnlm-grab{cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-grabbing{cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-sprite{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A')}.pnlm-container:-moz-full-screen{height:100%!important;width:100%!important}.pnlm-container:-webkit-full-screen{height:100%!important;width:100%!important}.pnlm-container:-ms-fullscreen{height:100%!important;width:100%!important}.pnlm-container:fullscreen{height:100%!important;width:100%!important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:rgba(0,0,0,0.4);border-radius:3px;cursor:pointer;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}.pnlm-zoom-controls{width:26px;height:52px}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:rgba(0,0,0,0.10);border-radius:0 0 3px 3px}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:rgba(255,255,255,0.5);border-radius:13px;display:none}.pnlm-orientation-button-inactive{background-position:0 -156px}.pnlm-orientation-button-active{background-position:0 -182px}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}.pnlm-panorama-info{position:absolute;bottom:4px;background-color:rgba(0,0,0,0.7);border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;display:none;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-title-box{position:relative;font-size:20px;display:table;padding-left:5px;margin-bottom:3px}.pnlm-author-box{position:relative;font-size:12px;display:table;padding-left:5px}.pnlm-load-box{position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:rgba(0,0,0,0.7);border-radius:3px;text-align:center;font-size:20px;display:none;color:#fff}.pnlm-load-box p{margin:20px 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}@keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}@-webkit-keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:200px;height:100px;margin:-50px 0 0 -100px;background-color:rgba(0,0,0,.7);border-radius:3px;text-align:center;font-size:20px;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:rgba(0,0,0,.8)}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:15px;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;border-radius:3px;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px 0 5px}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px 5px 8px;background:rgba(0,0,0,0.7);border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:26px;width:26px;border-radius:13px}.pnlm-hotspot:hover{background-color:rgba(255,255,255,0.2)}.pnlm-hotspot.pnlm-info{background-position:0 -104px}.pnlm-hotspot.pnlm-scene{background-position:0 -130px}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:rgba(0,0,0,0.7);color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:'';position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent;bottom:-20px;left:-10px;margin:0 50%}.pnlm-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A');cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:150px;margin:0 auto;border:#fff 1px solid;height:6px}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:12px}.pnlm-fade-img{position:absolute;top:0;left:0}
form div.email-alt,
.conForm form div.email-alt {
  display: none;
}  

/****************************************************/
/*    Management Interface                          */
/****************************************************/
.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  font-family: 'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
} 

body.zmi p, body.zmi li, body.zmi blockquote  {
  font-family: 'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size: 1em;
}

body.zmi .small,
body.zmi small {
  font-size: 0.85em;
}

body.zmi b, body.zmi strong {
  font-weight: bold;
}

body.zmi div.note {
  margin: 0.5rem 0;
  box-sizing: border-box;
}

body.zmi .zmi-error-note {
  margin: 0.5rem 0;
  border: 1px dashed;
  padding: 0.5rem;
  background-color: rgba(102,102,102,0.1);
  font-size: 0.85em;
  font-weight: bold;
  color: red;
}
 
body.zmi form input, body.zmi form select, body.zmi form textarea {
  margin: 1px;
  border: 1px solid #333333;
  padding: 1px;
  background: rgb(255,255,255);
  box-shadow: none;
  color: #333333;
}



body.zmi .ZMSTable tr td {
  min-width: 0;
}



body.zmi .contentBar {
  margin: 0;
  padding: 15px;
}

body.zmi .col-layout {
  width: 100%;
  margin: 0;
}


body.zmi .col-layout .column {
  width: 100% !important;
  margin: 1% 0 !important;
}


body.zmi .btn.btnSO {
  width: auto;
  height: auto;
}

body.zmi .iSlider {
  width: 100%;
  height: 350px;
  min-height: 0;
}

body.zmi .iSlider:before,
body.zmi .iSlider:after {
  display: none;
}

body.zmi .iSlider .item-container {
  padding-top: 0;
}

body.zmi .gallery-item .item-info {
  margin: 1em 0;
}

body.zmi .gallery-item .item-text h2,
body.zmi .gallery-item .item-text h3 {
  font-size: 0.85rem;
}

body.zmi .gallery-item .item-text p {
  font-size: 0.5rem;
}




body.zmi .index .ix-header,
body.zmi .index .ix-desc {
  font-size: 0.5em;
}

body.zmi .index .ix-img {
  background-color: #EEEEEE;
}


body.zmi .ix-text,
body.zmi .ix-full,
body.zmi .index .ix-bild {
  display: block;
  width: 100%;
  margin: 0;
}

body.zmi .ix-text li,
body.zmi .ix-full li,
body.zmi .ix-bild li {
  width: 48%;
  margin: 0.5em 1%;
}





/* --- ZMS GRAPHIC --- */
body.zmi .ZMSGraphic img {
  width: auto;
  max-width: 500px;
  height: auto;
}

body.zmi .ZMSGraphic.floatleft.imgwidth,
body.zmi .ZMSGraphic.floatleft.imgwidth0,
body.zmi .ZMSGraphic.floatleft.imgwidth1,
body.zmi .ZMSGraphic.floatleft.imgwidth2,
body.zmi .ZMSGraphic.floatright.imgwidth,
body.zmi .ZMSGraphic.floatright.imgwidth0,
body.zmi .ZMSGraphic.floatright.imgwidth1 {
  float: none;
  width: 100%;
  margin: 0;
}


body.zmi .ZMSGraphic.left .graphic, 
body.zmi .ZMSGraphic.right .graphic {
  float: none;
  margin-right: 0;
}



/* --- Hintergrund/Text Ausrichtung --- */
body.zmi div.interface-box {
  display: inline-block;
  width: 100px;
  height: 66px;
  margin: 5px 15px 5px 0;
  box-sizing: border-box;
  background-color: transparent;
  background-repeat: no-repeat;
  vertical-align: top;
}

body.zmi div.box-img {
  background-image: url(sprite-image-orientation.png);
}

body.zmi div.text-pos {
  background-image: url(sprite-text-orientation.png);
}

body.zmi div.text-style,
body.zmi div.text-bg {
  width: 140px;
  height: 75px;
  border: 1px solid rgb(238,238,238);
  font-size: 0.7em;
}


body.zmi div.box-img.lay0 {
  background-position: 0 0;
}

body.zmi div.box-img.lay1 {
  background-position: -125px 0;
}

body.zmi div.box-img.lay2 {
  background-position: -250px 0;
}

body.zmi div.box-img.lay3 {
  background-position: -375px 0;
}

body.zmi div.box-img.lay4 {
  background-position: -500px 0;
}

body.zmi div.box-img.lay5 {
  background-position: -625px 0;
}

body.zmi div.box-img.lay6 {
  background-position: -750px 0;
}

body.zmi div.box-img.lay7 {
  background-position: -875px 0;
}

body.zmi div.box-img.lay8 {
  background-position: -1000px 0;
}

body.zmi div.box-img.lay9 {
  background-position: -1125px 0;
}


body.zmi div.interface-box label {
  display: block;
  width: 100px;
  height: 66px;
}

body.zmi div.text-style label,
body.zmi div.text-bg label {
  width: 138px;
  height: 73px;
}


body.zmi div.interface-box input {
  display: block;
  margin: 5px 0 5px 5px;
}


body.zmi div.text-style.lay0 {
  background: transparent;
}

body.zmi div.text-style.lay1 {
  background: rgb(255,255,255);
}

body.zmi div.text-style.lay2 {
  background: rgb(33, 43, 73);
}

body.zmi div.text-style.lay3 {
  background: transparent;
}

body.zmi div.text-style.lay4 {
  background: rgb(102,102,102);
}

body.zmi div.text-style.lay5 {
  background: rgb(33, 43, 73);
}

body.zmi div.text-style.lay6 {
  background: transparent;
}

body.zmi div.text-style.lay7 {
  background: rgb(255,255,255);
}

body.zmi div.text-style.lay8 {
  background: rgb(102,102,102);
}



body.zmi div.text-style h4,
body.zmi div.text-bg h4 {
  font-size: 1.2em;
}


body.zmi div.text-style h4,
body.zmi div.text-style p {
  margin: 0 5px;
}

body.zmi div.text-style.lay3 h4,
body.zmi div.text-style.lay3 p,
body.zmi div.text-style.lay4 h4,
body.zmi div.text-style.lay4 p,
body.zmi div.text-style.lay5 h4,
body.zmi div.text-style.lay5 p {
  color: rgb(255,255,255);
}

body.zmi div.text-style.lay3 h4,
body.zmi div.text-style.lay3 p {
  text-shadow: 0 0 2px rgb(0,0,0);
}

body.zmi div.text-style.lay6 h4,
body.zmi div.text-style.lay6 p,
body.zmi div.text-style.lay7 h4,
body.zmi div.text-style.lay7 p,
body.zmi div.text-style.lay8 h4,
body.zmi div.text-style.lay8 p {
  color: rgb(33, 43, 73);
}




body.zmi div.text-bg {
  background: rgb(238,238,238);
}


body.zmi div.text-bg.lay0 h4,
body.zmi div.text-bg.lay0 p {
  margin: 0 5px;
}

body.zmi div.text-bg.lay1 h4 {
  margin: 0 5px;
  padding: 5px;
  background: rgb(255,255,255);
}

body.zmi div.text-bg.lay1 p {
  margin: 0 5px;
  padding: 0 5px 5px;
  background: rgb(255,255,255);
}


body.zmi div.text-bg.lay2 h4,
body.zmi div.text-bg.lay2 p {
  float: left;
  clear: both;
  margin: 0 10px 2px;
  box-decoration-break: clone;
  display: inline;
  line-height: 1.5;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,0.85);
  box-shadow: 0.25rem 0 0 rgba(255,255,255,0.85), -0.25rem 0 0 rgba(255,255,255,0.85);
}





/* --- Newsletter Layout --- */
body.zmi div.placement {
  display: inline-block;
  width: 122px;
  height: 82px;
  padding: 5px 15px 5px 0;
  background-color: transparent;
  background-image: url(newsletter-layout-sprite.png);
  background-repeat: no-repeat;
}

body.zmi div.placement.lay0 {
  background-position: 0 5px;
}

body.zmi div.placement.lay1 {
  background-position: 0 -97px;
}

body.zmi div.placement.lay2 {
  background-position: 0 -199px;
}

body.zmi .placement input {
  margin: 5px 0 0 5px;
}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

body.print { 
  background-color: #fff; 
}

span.unicode { 
  font-family: "Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color: rgb(238,238,238);
  color: rgb(102,102,102);
  font-weight: bold;
  border: none; 
}