/****************************************************/
/*    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(153,153,153);}
.neutralColorMedium {background-color: rgb(221,221,221);}
.neutralColorLight {background-color: rgb(249,249,249);}

.teaserColor {background-color: rgb(132, 154, 25);} /* -- Accent -- */

.secondColorStrong {background-color: rgb(47, 48, 43);} /* -- HG Dark -- */
.secondColorMedium {background-color: rgb(66,67,62);} /* -- HG Medium -- */
.secondColorLight {background-color: rgb(75,75,71);} /* -- HG Light -- */

.primColorStrong {background-color: rgb(47, 48, 43);} /* -- Text Headline -- */
.primColorMedium {background-color: rgb(153,153,153);} /* -- Text Primary -- */
.primColorLight {background-color: rgb(204,204,204);} /* -- 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%;
        font-size: 1.2em;
      font-family: Times New Roman,Lucida Grande,serif;
      color: rgb(255,255,255);
      font-style: italic;
      background: rgb(47, 48, 43) url(body_HG.gif) center repeat;
      font-weight: 300;
      line-height: 1.375;
    }


body.hidden, body.showForm {
  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;
}

/* --- 1 column full (col1Full) --- */
.middle.layout3 {

}



.page {
  position: relative;
  padding: 95px 0 0;
  background: rgb(47, 48, 43) url(body_HG.gif) center repeat;
}

.hero + .page, .iSlider + .page, #map + .page  {
  padding-top: 0;
}


/* --- 1 column full (col1Full) --- */
.layout3 .page > .container {
  width: 100%;
  max-width: 100%;
}



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


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


/* --- sidebar L | content R (col2Right) --- */
.layout1 .content {
  float: right;
  width: 75.4%;
  padding-left: 0.8%;
}


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


/* --- 1 column full (col1Full) --- */
.layout3 .content {
  width: 100%;
}




.right {
  position: relative;
  float: left;
  width: 24.6%;
  margin: 0 0 3em;
  padding-left: 0.8%;
  box-sizing: border-box;
}


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


/* --- 1 column full (col1Full) --- */
.layout3 .right {
  width: 100%;
  padding: 0;
}



.right:empty {
  display: none;
}



/* -- TOP -----------------------------------------------*/
.top-header {
  position: fixed;
  flex-shrink: 0;
  top: 0;
  right: 0;
  left: 0;
        background: rgb(47, 48, 43);
      border-bottom: 1px solid rgba(255,255,255,0.3);
      clear: both;
  z-index: 10;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.level0 .top-header {
        background: rgba(47, 48, 43,0.5);
      border-bottom: 2px solid rgba(255,255,255,0.1);
    }



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


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



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

.level0 .top-header:hover, .level0 .top-header.scroll-shrink {
        border-color: 1px solid rgba(255,255,255,0.3);
      background: rgb(47, 48, 43);
    }


/* relative, show on scroll to page top */
body[data-header-desktop="4"] .top-header {
  position: absolute;
}


body[data-header-desktop="4"] .top-header.scroll-down {
  top: -100%;
}

.csstransforms body[data-header-desktop="4"] .top-header.scroll-down {
  top: 0;
  -webkit-transform: translate(0, -200%);
  transform: translate(0, -200%);
}


body[data-header-desktop="4"] .top-header.scroll-up {
  top: 0;
}

.csstransforms body[data-header-desktop="4"] .top-header.scroll-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}





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: 95px;
}

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;
}


.logo {
  position: relative;
}

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

.logo a {
  display: block;
  width: auto;
  height: 65px;
  padding: 10px 0;
  box-sizing: border-box;
}


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

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




.logo a img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.logo .logo-text {
  display: block;
  height: 45px;
  font-size: 1.8em;
}

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

.logo .logo-text i {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
}

.logo .logo-text span {
  display: inline-block;
  vertical-align: middle;
}



/* --- Slide Navigation button --- */
.sTrigger {
  position: relative;
  display: none;
  width: 24px;
  height: 55px;
  padding: 0 0 0 15px;
  cursor: pointer;
  vertical-align: middle;
}


/* --- hamburger --- */
.sTrigger span {
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  width: 24px;
  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;
}


.sTrigger.open 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;
}


/* --- top bun --- */
.sTrigger span:before {
  top: -6px;
  -webkit-transform-origin: right top;
}

.sTrigger.open-right.open span:before {
  -webkit-transform: rotate(-45deg) translate(0, -3px);
  transform: rotate(-45deg) translate(0, -3px);
  transform-origin: right top;
}

.sTrigger.open-left.open span:before {
  -webkit-transform: rotate(45deg) translate(0, -3px);
  transform: rotate(45deg) translate(0, -3px);
  transform-origin: left top;
}



/* --- bottom bun --- */
.sTrigger span:after {
  top: 6px;
  -webkit-transform-origin: right bottom;
}

.sTrigger.open-right.open span:after {
  -webkit-transform: rotate(45deg) translate(0, 3px);
  transform: rotate(45deg) translate(0, 3px);
  transform-origin: right bottom;
}

.sTrigger.open-left.open span:after {
  -webkit-transform: rotate(-45deg) translate(0, 3px);
  transform: rotate(-45deg) translate(0, 3px);
  transform-origin: left bottom;
}



/* -- BOTTOM --------------------------------------------*/
#bottom {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 100%;
  border-top: 2px solid rgb(66,67,62);
  border-top: 2px solid rgba(255,255,255, 0.3);
  background: rgb(47, 48, 43) url(body_HG.gif) center repeat;
  clear: both;
}

#bottom:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.1);
}


footer {
  position: relative;
  padding: 25px 0;
  color: rgb(255,255,255);
  z-index: 1;
}


footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer li {
  padding: 0;
}

footer i {
  vertical-align: middle;
}

footer a {
  text-decoration: none;
  color: rgb(255,255,255);
}

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


footer > section, footer > nav {
  margin: 20px 0;
  text-align: center;
}



.nav-contact span, .nav-contact a {
  display: inline-block;
  max-width: 75%;
  max-width: calc(100% - 1.28571429em);
  padding: 0 0 0 10px;
  vertical-align: top;
  box-sizing: border-box;
}


footer .social-media {
  padding: 0;
}

.copyright {
  font-size: 0.85em;
}


footer .togis {
  padding: 5px 0;
  font-size: 0.6em;
}


.hero {
  position: relative;
  height: 400px;
  margin: 0 auto;
  background: rgb(75,75,71);
  overflow: hidden;
}


.hero .hero-background {
  position: absolute;
  top: 0;
  right: auto;
  left: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}


.hero .hero-background > 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;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}


.hero .lores {
  opacity: 0.75;
}


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


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




.hero .hero-background > div[data-orientation="0"] {
  background-position: center;
}


.hero .hero-background > div[data-orientation="1"] {
  background-position: left top;
}

.hero .hero-background > div[data-orientation="2"] {
  background-position: center top;
}

.hero .hero-background > div[data-orientation="3"] {
  background-position: right top;
}

.hero .hero-background > div[data-orientation="4"] {
  background-position: right center;
}

.hero .hero-background > div[data-orientation="5"] {
  background-position: right bottom;
}

.hero .hero-background > div[data-orientation="6"] {
  background-position: center bottom;
}

.hero .hero-background > div[data-orientation="7"] {
  background-position: left bottom;
}

.hero .hero-background > div[data-orientation="8"] {
  background-position: left center;
}


.hero img {
  display: none;
}
/* -- CHANNEL MENU ---------------------------------*/
.menu {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: inherit;
  overflow: initial;
}

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

.menu li a {
  position: relative;
  display: block;
  padding: 15px 15px 14px;
  color: rgb(255,255,255);
  text-decoration: none;
}

.menu li span {
  display: block;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.menu .title-icon + span {
  padding-left: 40px;
  padding-left: calc(25px + 0.5em);
}


.no-touchevents .menu ul li a:hover span:not(.title-icon),
.no-touchevents .menu ul li.active a span:not(.title-icon) {
  border-color: rgb(255,255,255);
}



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

.menu ul ul {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 230px;
  background: rgb(47, 48, 43);
  background: rgba(47, 48, 43, 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;
}


.menu li li a {
  padding: 10px;
  font-size: 1em;
}


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

.menu li li a:hover, .menu li li a:active,
.menu li.active li a:hover, .menu li.active li a:active,
.menu li.active li.active > a {
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.1);
}

.menu li li span {
  border: 0;
}

.no-touchevents .menu ul li li a:hover span,
.menu ul li.active li a span,
.menu ul li li.active a span {
  border: 0;
}

/* --- 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 1em;
  overflow: hidden;
}

.macronav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.macronav ul li {
  display: block;
  margin: 3px 0;
  padding: 0;
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.1);
}


.macronav > ul > li {
  border-left: 2px solid rgb(66,67,62);
  border-left: 2px solid rgba(255,255,255, 0.3);
}

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

.macronav ul li a {
  position: relative;
  display: block;
  padding: 0 4.25%;
  text-decoration: none;
}

.macronav ul li a span {
  display: block;
  padding: 4.25% 0;
  color: rgb(255,255,255);
}

.macronav > ul > li.active {
  border-left-color: rgba(255,255,255, 0.75);
}

.macronav ul li a.active {
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.05);
}

.macronav ul li a.current {
  background: rgb(66,67,62);
  background: rgba(255,255,255, 0.1);
}

.no-touchevents .macronav ul li a:hover, .no-touchevents .macronav ul li a:active {
  background: rgb(66,67,62);
  background: rgba(255,255,255, 0.1);
}



/* -- level 2 -- */
.macronav ul li li {
  border: 0;
  background: transparent;
}

.macronav ul li li a span {
  padding: 2.125% 0 2.125% 4.25%;
  font-size: 0.9em;
}



/* -- level 3 -- */
.macronav ul ul ul {
  padding-bottom: 2.125%;
}

.macronav ul li li li a span {
  padding-left: 8.5%;
  font-size: 0.8em;
}




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


/* --- 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;
  border-bottom: 0;
  font-size: 0.85em;
  line-height: 1em;
  text-transform: uppercase;
  color: rgb(153,153,153);
}


.translate div:not(:first-child) a:before, .translate div:not(:first-child) > span:before {
  content: "|";
  display: inline-block;
  margin: 0 4px 0 2px;
}

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


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

.translate > .active a span {
  color: rgb(47, 48, 43);
  border-bottom: 1px solid rgb(47, 48, 43);
}

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



#bodyMask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(47, 48, 43,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;
}


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

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

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


#sNav {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -310px;
  width: 300px;
  z-index: 9;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

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

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

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

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

#sNav.open-right.open {
  right: 0;
}

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

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

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



#sNav .nav-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-left: 2px solid rgb(66,67,62);
  border-left: 2px solid rgba(255,255,255,0.3);
  background: rgb(47, 48, 43) url(body_HG.gif) center repeat;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}


/* --- ITEMS --- */
#sNav .nav-holder > *:first-child {
  margin-top: 80px;
}

#sNav .nav-holder > *:last-child {
  margin-bottom: 40px;
}



/* --- MACRONAV --- */
#sNav .macronav {
  margin: 0;
}


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

#sNav .macronav ul li {
  position: relative;
}

#sNav .macronav > ul > li {
  border-left: 0;
}


#sNav li.js-toggle > a:before {
  content: "";
  position: absolute;
  top: 0;
  right: -45px;
  bottom: 0;
  width: 45px;
  background: rgba(255,255,255,0.1);
}


#sNav li .submenu {
  position: absolute;
  top: 15px;
  right: 0;
  width: 45px;
  text-align: center;
  color: rgb(255,255,255);
}

#sNav li .submenu:before {
  content: "\002B";
  display: block;
  padding: 0 5px;
  font-size: 1.2em;
  line-height: 1.1;
}

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

#sNav li.js-toggle > a {
  width: calc(100% - 45px);
  box-sizing: border-box;
}

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


#sNav .macronav ul li a .title-icon + span {
  padding-left: 40px;
  padding-left: calc(25px + 0.5em);
}





/* -- level 2 -- */
#sNav ul ul {
  background: transparent;
}

#sNav li li .submenu {
  top: 9px;
}

#sNav .macronav ul li li a span {
  padding: 15px 0 15px 15px;
}

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


/* -- level 3 -- */
#sNav .macronav ul li li li a span {
  padding: 10px 0 10px 30px;
}





/* --- TRANSLATE --- */
#sNav .translate {
  display: block;
  border-top: 1px solid rgb(66,67,62);
  border-top: 1px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgb(66,67,62);
  border-bottom: 1px solid rgba(255,255,255,0.3);
}


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


#sNav .translate > .active a {
  background: 1px solid rgb(75,75,71);
  background: rgba(255,255,255,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;
}





/****************************************************/
/*    Standards                                     */
/****************************************************/
/* -- STANDARD -------------------------------------*/
.accent-color {
  color: rgb(132, 154, 25);
}

.headline {
  margin: 0;
  border-top: 2px solid rgb(66,67,62);
  border-top: 2px solid rgba(255,255,255, 0.3);
  border-bottom: 2px solid rgb(66,67,62);
  border-bottom: 2px solid rgba(255,255,255, 0.3);
  padding: 1em 0;
}

.hgroup {
  margin: 0;
}

.title-icon + .hgroup {
  display: inline-block;
  padding-left: 1.5em;
  vertical-align: middle;
}



h1, h2, h3, h4, h5 {
        font-weight: 300;
      color: rgb(255,255,255);
      padding: 0 0 5px;
      background: transparent url(stitch_light_horz.png) bottom left repeat-x;
      font-family: Times New Roman,Lucida Grande,serif;
      margin: 2rem 0 1rem;
      line-height: 1.1;
    }



h1 {
        font-size: 3em;
      font-style: italic;
      padding: 0;
      background: transparent;
      margin: 0 0 1rem;
      line-height: 1.25;
    }

.hgroup h1 {
          margin: 0;
    }


h2 {
  font-size: 1.6em;
        font-size: 1.8em;
    }


.hgroup h2 {
  font-size: 1.2em;
        opacity: 0.75;
      font-size: 1em;
      text-transform: uppercase;
      font-style: normal;
      padding: 0;
      background: transparent;
      font-family: Lucida Grande,serif;
      margin: 0;
      line-height: 1.1;
    }


h2.headline1 {
          font-size: 3em;
      font-style: italic;
      padding: 0;
      background: transparent;
      margin: 0 0 1rem;
      line-height: 1.25;
    }



h3 {
  font-size: 1.4em;
        font-size: 1.4em;
    }


h4 {
  font-size: 1.2em;
        font-size: 1em;
      font-family: Lucida Grande,serif;
      text-transform: uppercase;
      line-height: 1.1;
      font-style: normal;
    }


p {
  margin: 1em 0;
}


ul {
  list-style: disc;
  margin: 1em 0;
  padding: 0 0 0 5.6725%;
  overflow: hidden;
}


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


li {
  padding: 2px 0;
}


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

ul.list-plus li {
  position: relative;
  padding: 5px 0;
}

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



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

ul.list-check li {
  position: relative;
  padding: 5px 0;
}

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




dl {
  display: block;
  margin: 1em 0;
}

dl dt {
  margin: 0;
  padding: 1em 0 0 0;
  color: rgb(153,153,153);
  font-weight: bold;
}

dl dt a {
  color: rgb(132, 154, 25);
  font-weight: bold;
}

dl dt a:hover, dl dt a:active {
  color: rgb(204,204,204);
}

dl dd {
  color: rgb(153,153,153);
  margin: 0;
  padding: 0 0 1em;
}

dl dd a {
  font-weight: normal;
}


a {
  color: rgb(255,255,255);
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover, a:active, a:focus {
  color: rgb(255,255,255);
  text-decoration: underline;
}

a span {
  cursor: pointer;
}

a img {
  border: none;
}


hr {
  margin: 2em 0;
  height: 1px;
  background:  url(stitch_light_horz.png) bottom left repeat-x;
}



/* -- ZMS FORMAT (Text Formats) --------------------*/
strong, b {
  font-weight: bold;
}


i, em {
  font-style: italic;
}


small, .small {
  font-size: 0.85em;
}


p.caption {
  font-size: 0.85em;
}


p.emphasis {
  position: relative;
  display: block;
  margin: 1.5em 5.6725%;
  border-radius: 2px;
  border: 1px solid rgb(66,67,62);
  border: 1px solid rgba(255,255,255, 0.3);
  padding: 1em;
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.1);
}


p.description {
  font-size: 0.85em;
}


blockquote {
  margin: 1.5em 5.6725% 1.5em 4.6008%;
  margin: 2em 5.6725% 2em calc(4.6008% - 2px);
  border-left: 1px solid rgb(66,67,62);
  border-left: 3px solid rgba(255,255,255, 0.3);
  padding: 0 0 0 1.0716%;
}


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% 1.0716% 0;
  color: rgb(132, 154, 25);
}


p.pullright {
  float: right;
  width: 31.8731%;
  margin: 0 0 1.0716% 2.1433%;
  color: rgb(132, 154, 25);
}


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


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

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

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


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


.layout2 .col-layout,
.layout3 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout,
.overlay .col-layout {
  width: 101.6%;
  margin: 0 -0.8%;
}

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


.layout2 .col-layout .column,
.layout3 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column,
.overlay .col-layout .column {
  margin: 1em 0.7868%;
}


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

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



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

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



/* --- 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),
.layout3 .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),
.overlay .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),
.layout3 .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),
.overlay .col-layout.type3 > .column:nth-of-type(2n) {
  width: 31.7471%;
}



/* --- 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),
.layout3 .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),
.overlay .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),
.layout3 .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),
.overlay .col-layout.type4 > .column:nth-of-type(2n) {
  width: 65.0680%;
}



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

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



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


.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;
}



/* -- 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: 1.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: 1.33em;
  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;
  box-sizing: border-box;
  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;
}

.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: 5px 0 0;
  background: transparent;
  box-sizing: border-box;
}


.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;
  font-size: 0.85em;
}


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

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


/* -- ZMS TEASER -----------------------------------*/
#teaser {
  margin: 2em 0;
}

.layout2 #teaser, .layout3 #teaser {
  width: 101.6%;
  margin: 0.8% -0.8%;
}


.ZMSTeaserElement {
  margin: 1em 0;
  background: rgb(75,75,71);
  overflow: hidden;
}


.layout2 .ZMSTeaserElement, .layout3 .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: 1em;
  font-size: 1.2em;
}

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


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

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


/* -- ZMS TABLES -----------------------------------*/
.ZMSTable {
  margin: 2em 0;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0 0 5px 0;
}

.ZMSTable th { 
  vertical-align: bottom;
  color: rgb(132, 154, 25);
  border-bottom: 2px solid rgb(66,67,62);
  border-bottom: 2px solid rgba(255,255,255, 0.3);
}

.ZMSTable tr th p {
  margin: 0;
  padding: 5px;
  font-size: 1.2em;
  color: rgb(132, 154, 25);
  font-weight: normal;
  text-align: left;
}

.ZMSTable tr td {
  border-bottom: 2px solid rgb(66,67,62);
  border-bottom: 2px solid rgba(255,255,255, 0.3);
  vertical-align: top;
}

.ZMSTable tr td p {
  margin: 0;
  padding: 5px;
  text-align: left;
}

.ZMSTable caption {
  margin: 0;
  padding: 5px;
  background-color: transparent; 
  font-size: 0.85em;
  color: rgb(204,204,204);
  text-align: left;
}




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

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


.ZMSFile.file-img { 
}

.ZMSFile.none, .ZMSLinkElement.none {
  background-color: transparent;
  border: 2px dashed rgb(66,67,62);
}

.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(255,255,255);
}

.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;
}

.ZMSFile a:hover .img img, .ZMSFile a:active .img img,
.ZMSLinkElement a:hover .img img, .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;
}

.ZMSFile a:hover .img > span, .ZMSFile a:active .img > span,
.ZMSLinkElement a:hover .img > span, .ZMSLinkElement a:active .img > span {
  color: rgb(47, 48, 43);
  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;
}


.clearLine {
  width: 100%;
  height: 1px;
  margin: 2em 0;
  padding: 0;
  background:  url(stitch_light_horz.png) bottom left repeat-x;
  clear: both;
}


.floatRight {
  float: right;
}


.floatLeft {
  float: left;
}


img.imgNoborder {
  border: 0px;
}
.btn {
  display: inline-block;
  margin: 0.5rem 1rem 0.5rem 0;
  border-radius: 2px;
  border: 2px solid rgb(66,67,62);
  border: 2px solid rgba(255,255,255,0.3);
  padding: 0.5rem 1rem;
  background: rgb(75,75,71);
  background: rgba(255,255,255,0.1);
  box-sizing: border-box;
  font-size: 1em;
  color: rgb(255,255,255);
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  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;
}


.btn:hover:not(.disabled),
.btn:focus:not(.disabled),
a:hover .btn:not(.disabled) {
  border-color: rgb(132, 154, 25);
  background: rgb(132, 154, 25);
  text-decoration: none;
}


.notice-privacy[data-notice-color="3"] .btn {
  border-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.1);
  color: rgb(0,0,0);
}



.no-touchevents .notice-privacy[data-notice-color="3"] .btn:hover,
.no-touchevents .notice-privacy[data-notice-color="3"] .btn:active {
  border-color: rgb(0,0,0);
  background-color: rgb(0,0,0);
  color: rgb(255,255,255);
}


.btn:focus {
  outline: 0;
}

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

.btn.disabled,
.btn[disabled] {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

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


/* --- PRIMARY --- */
.btn-primary {
  border-color: rgb(132, 154, 25);
  background: rgb(132, 154, 25);
}

.btn-primary:hover:not(.disabled),
.btn-primary:focus:not(.disabled),
a:hover .btn-primary:not(.disabled) {
  background: rgb(255,255,255);
  color: rgb(132, 154, 25);
}



.contentBar.back3 .btn-primary {
  border-color: rgb(255,255,255);
  background: transparent;
}

.contentBar.back3 .btn-primary:hover:not(.disabled),
.contentBar.back3 .btn-primary:focus:not(.disabled),
.contentBar.back3 a:hover .btn-primary:not(.disabled) {
  background: rgb(255,255,255);
}



.contentBar .container.back1 .btn-primary {
  border-color: rgb(132, 154, 25);
  background: rgb(132, 154, 25);
}

.contentBar .container.back1 .btn-primary:hover:not(.disabled),
.contentBar .container.back1 .btn-primary:focus:not(.disabled),
.contentBar .container.back1 a:hover .btn-primary:not(.disabled) {
  background: rgb(255,255,255);
}



.contentBar .container.back4 .btn-primary {
  border-color: rgb(255,255,255);
  background: transparent;
}

.contentBar .container.back4 .btn-primary:hover:not(.disabled),
.contentBar .container.back4 .btn-primary:focus:not(.disabled),
.contentBar .container.back4 a:hover .btn-primary:not(.disabled) {
  background: rgb(255,255,255);
  color: rgb(132, 154, 25);
}



.contentBar.back3 .container.color0.back0 .btn-primary {
  border-color: rgb(153,153,153);
  color: rgb(153,153,153);
}

.contentBar.back3 .container.color0.back0 .btn-primary:hover:not(.disabled),
.contentBar.back3 .container.color0.back0 .btn-primary:focus:not(.disabled),
.contentBar.back3 .container.color0.back0 a:hover .btn-primary:not(.disabled) {
  background: rgb(153,153,153);
  color: rgb(132, 154, 25);
}





/* --- SECONDARY --- */
.btn-secondary {
  border-color: rgb(255,255,255);
  background: rgb(255,255,255);
  color: rgb(47, 48, 43);
}

.btn-secondary:hover:not(.disabled),
.btn-secondary:focus:not(.disabled),
a:hover .btn-secondary:not(.disabled) {
  border-color: rgb(132, 154, 25);
  background: rgb(132, 154, 25);
  color: rgb(255,255,255);
}




/* --- INVERSE --- */
.btn-inverse {
  border-color: #333333;
  background: #333333;
  color: rgb(255,255,255);
}


.btn-inverse:hover:not(.disabled),
.btn-inverse:focus:not(.disabled),
.btn-inverse:active:not(.disabled),
.btn-inverse.active:not(.disabled),
a:hover .btn-inverse:not(.disabled) {
  background: rgb(255,255,255);
  color: #333333;
}


.fa-color {
  color: rgb(132, 154, 25);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.btn:hover .fa-color {
  color: rgb(255,255,255);
}


.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;
}


/* -- STANDARDS -----------------------------------------*/
form input, form select, form textarea {
  position: relative;
  max-width: 100%;
  margin: 0;
  border: 2px solid rgb(66,67,62);
  border: 2px solid rgba(255,255,255, 0.3);
  border-radius: 2px;
  padding: 0.5em 1em;
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.1);
  box-sizing: border-box;
        font-size: 1.2em;
      font-family: Times New Roman,Lucida Grande,serif;
      color: rgb(255,255,255);
      font-style: italic;
      background: rgb(47, 48, 43) url(body_HG.gif) center repeat;
      font-weight: 300;
      line-height: 1.375;
      color: rgb(255,255,255);
}

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

button {
        font-size: 1.2em;
      font-family: Times New Roman,Lucida Grande,serif;
      color: rgb(255,255,255);
      font-style: italic;
      background: rgb(47, 48, 43) url(body_HG.gif) center repeat;
      font-weight: 300;
      line-height: 1.375;
    }


select option {
  background-color: rgb(255,255,255);
  color: rgb(47, 48, 43);
}

/* --- STANDARDS - VALIDATION --- */
.conForm .errors {
  display: none;
  margin: 0 0 30px;
  border: 2px solid rgb(66,67,62);
  border: 2px solid rgba(255,255,255, 0.3);
  padding: 30px;
  background: rgb(75,75,71);
  background: rgba(255,255,255,0.1);
  box-sizing: border-box;
}

.contentBar .conForm .errors {
  background: rgb(75,75,71);
  background: rgba(255,255,255,0.1);
}

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

form .required input, form .required select, form .required textarea {
  border: 2px solid rgb(66,67,62);
  border-color: rgba(255,255,255,0.75);
}

form .invalid input:invalid, form .invalid select:invalid, form .invalid textarea:invalid {
  border-color: rgb(132, 154, 25);
}

form .invalid input.radio, form .invalid input.checkbox {
  border: 2px solid rgb(132, 154, 25);
  outline: 2px solid rgb(132, 154, 25);
}



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

.form-modal .conForm {
  padding: 50px 0 0;
}

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


/* --- 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: 15;
}


.form-modal .modal-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(47, 48, 43) url(body_HG.gif) center repeat;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}



/* --- SECTIONS --- */

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

.formSend {
  text-align: right;
}




/* --- WRAPPERS --- */

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


.conForm .double1 {
  width: 30.4125%;
  margin-right: 4.3822%;
  padding: 0;
}

.form-modal .conForm .double1 {
  width: 31.1664%;
  margin-right: 3.2501%;
}


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

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



/* --- STANDARDS --- */
.conForm h4 {
  margin: 0 0 20px;
}




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

.conForm label.beside {
  display: block;
}


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

.conForm .short + label.radio, .conForm .wide .short + label.radio,
.conForm .radio + label.radio, .conForm .wide .radio + label.radio {
  padding-left: 1em;
}

.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;
}

.conForm .required label.radio {
  font-weight: normal;
}




/* --- 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: 40%;
  margin: 0 3%;
}

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

.conForm .btn {
  width: auto;
  margin: 0;
  white-space: normal;
}




/* --- SELECT --- */

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

.conForm select.short {
  width: 70px;
  padding: 0.5em;
}

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


.conForm option.hide {
  display: none;
}





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



.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%);
}

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




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

/* --- content bar height --- */
/* text height */
.contentBar.height, .contentBar.height0 {

}

/* bild height */
.contentBar.height1 {

}

.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(75,75,71);
}

.contentBar.back2 {
  background-color: rgb(47, 48, 43);
}

.contentBar.back3 {
  background-color: rgb(132, 154, 25);
}

.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;
}


.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;
  right: 0;
  left: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
    -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.no-touchevents .contentBar .parascrollFull {
  background-attachment: fixed;
}

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

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

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

/* --- Kachel --- */
.contentBar .background-image[data-bg-layout="5"] > div {
  background-size: auto;
  background-repeat: repeat;
}



.contentBar .background-image[data-orientation="1"] > div {
  background-position: left top;
}

.contentBar .background-image[data-orientation="2"] > div {
  background-position: center top;
}

.contentBar .background-image[data-orientation="3"] > div {
  background-position: right top;
}

.contentBar .background-image[data-orientation="4"] > div {
  background-position: right center;
}

.contentBar .background-image[data-orientation="5"] > div {
  background-position: right bottom;
}

.contentBar .background-image[data-orientation="6"] > div {
  background-position: center bottom;
}

.contentBar .background-image[data-orientation="7"] > div {
  background-position: left bottom;
}

.contentBar .background-image[data-orientation="8"] > div {
  background-position: left center;
}


.contentBar .background-image video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: transparent;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


.contentBar .background-image[data-orientation="1"] video {
  top: 0;
  left: 0;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.contentBar .background-image[data-orientation="2"] video {
  top: 0;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.contentBar .background-image[data-orientation="3"] video {
  top: 0;
  right: 0;
  left: auto;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


.contentBar .background-image[data-orientation="4"] video {
  right: 0;
  left: auto;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}

.contentBar .background-image[data-orientation="5"] video {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


.contentBar .background-image[data-orientation="6"] video {
  top: auto;
  bottom: 0;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.contentBar .background-image[data-orientation="7"] video {
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.contentBar .background-image[data-orientation="8"] video {
  left: 0;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}



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



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



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

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

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

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



.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%);
}



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

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




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

.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: 10% 0;
}

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


/* --- 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;
}

/* --- Zentriert --- */
.contentBar .content-wrapper.position2 .container {
  justify-content: 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 {
  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(132, 154, 25);
}

/* --- 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(132, 154, 25);
}

.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(132, 154, 25);
  background: rgba(132, 154, 25,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: rgb(255,255,255);
  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: rgb(75,75,71);
  background-color: rgba(75,75,71,0.85);
}

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

.contentBar .container.back4[data-text-style="0"] .bar-content,
.contentBar .container.back4[data-text-style="1"] .bar-content:before {
  background-color: rgb(132, 154, 25);
  background-color: rgba(132, 154, 25,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: 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);
}

.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: rgb(75,75,71);
  background-color: rgba(75,75,71,0.85);
  box-shadow: 0.5rem 0 0 rgba(75,75,71,0.85), -0.5rem 0 0 rgba(75,75,71,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: rgb(47, 48, 43);
  background-color: rgba(47, 48, 43,0.85);
  box-shadow: 0.5rem 0 0 rgba(47, 48, 43,0.85), -0.5rem 0 0 rgba(47, 48, 43,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: rgb(132, 154, 25);
  background-color: rgba(132, 154, 25,0.85);
  box-shadow: 0.5rem 0 0 rgba(132, 154, 25,0.85), -0.5rem 0 0 rgba(132, 154, 25,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: 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);
}

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

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

.contentBar .container.back4[data-text-style="2"] .bar-content > ul li:after {
  background-color: rgb(132, 154, 25);
  background-color: rgba(132, 154, 25,0.85);
  box-shadow: 0.5rem 0 0 rgba(132, 154, 25,0.85), -0.5rem 0 0 rgba(132, 154, 25,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(153,153,153);
}

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

.gallery-slideshow {
  margin: 15px 0;
}

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

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




.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,
.layout3 .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,
.layout3 .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;
  left: -1.0491%;
  width: 90.7156%;
  margin: 0 auto;
}



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

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

.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;
  -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;
  box-sizing: border-box;
  -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;
}



.media-gallery .gallery-item a {
  text-decoration: none;
}




/* --- 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,
.layout3 .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,
.layout3 .col-layout .gallery-thumbgrid .gallery-item {
  width: 21.8521%;
  margin: 1.5743%;
}



.gallery-thumbgrid .gallery-item .item-container {
  background-color: rgb(75,75,71);
  background-color: rgba(255,255,255,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(47, 48, 43);
  background: rgba(47, 48, 43,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.3;
  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%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  font-size: 2.2em;
  line-height: 1;
  color: rgb(255,255,255);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-media .gallery-page:not([data-layout="2"]) .gal-zoom span {
  font-size: 1.6em;
}


.gallery-slideshow .gal-zoom span,
.single-media .gal-zoom span {
  -webkit-transform: translate(-50%, -50%) scale(3);
  transform: translate(-50%, -50%) scale(3);
}

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




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

.hover3 .gal-zoom, 
.hover4 .gal-zoom {
  background: rgb(132, 154, 25);
  background: rgba(132, 154, 25,0.6);
}

.gallery-slideshow.hover3 .gal-zoom, 
.gallery-slideshow.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 {
  background: rgb(132, 154, 25);
  background: rgba(132, 154, 25,0.6);
}

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

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



/* --- 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(47, 48, 43);
  border: 1px solid rgba(47, 48, 43,0.8);
  padding: 0 8px;
  background: rgb(47, 48, 43);
  background: rgba(0,0,0,0.8);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  font-size: 2.5em;
  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: 2em;
  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,
.layout3 .gallery-video .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: 15px 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.2em;
  color: rgb(153,153,153);
}


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

.nav-pages .active, .no-touchevents .nav-pages .active:hover, .no-touchevents .nav-pages .active:active {
  border: 1px solid rgb(66,67,62);
  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:focus {
  background-color: transparent;
  color: rgb(204,204,204);
  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-arrows, .nav-infinity {
  position: absolute;
  top: 50%;
  width:  3.5292%;
  height: 60px;
  margin: 0;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 3;
}

.nav-arrows.next {
  right: 0;
}

.nav-arrows.prev {
  left: 0;
}


.nav-infinity {
  top: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}


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

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


.media-gallery:not(.tArrows) .nav-arrows {
  display: none;
}

.nav-arrows a, .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-arrows a.disabled, .nav-infinity a.disabled {
  opacity: 0.3;
  cursor: default;
}


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

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


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




.no-touchevents .nav-arrows:not(.disabled) a:not(.disabled):hover span, .no-touchevents .nav-arrows:not(.disabled) a:not(.disabled):active span,
.no-touchevents .nav-infinity:not(.disabled) a:not(.disabled):hover span, .no-touchevents .nav-infinity:not(.disabled) a:not(.disabled):active span {
  color: rgb(132, 154, 25);
}





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

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

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

.contentBar > .gallery-slideshow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
}

.contentBar > .gallery-slideshow.left {
  left: 0;
  width: 50%;
}

.contentBar > .gallery-slideshow.right {
  right: 0;
  width: 50%;
}

.contentBar > .gallery-slideshow.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;
}

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

.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 5px;
  outline: none;
  border: 0;
  overflow: hidden;
  vertical-align: middle;
}


.slidethumbs a {
  margin: 5px 2px;
  border-radius: 0;
}



.slidetabs a span,
.indextabs a span {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: rgb(75,75,71);
  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-totoucheventsuch .indextabs a:active span {
  background-color: rgb(66,67,62);
  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(132, 154, 25);
  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(255,255,255);
  border: 2px solid rgba(255,255,255,0.75);
  padding: 0;
  cursor: default;
  opacity: 1;
}






/* --- SINGLE VIDEO / SINGLE AUDIO --- */
.media-gallery.single-media {
  width: 48.9096%;
}



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



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


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


.contentBar > .media-gallery.single-media,
.contentBar > .media-gallery.single-media[data-layout="0"],
.contentBar > .media-gallery.single-media[data-layout="1"] {
  position: absolute;
  float: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  margin: 0;
}


.single-media .gallery-item {
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
}


.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;
}



.single-media .gallery-page h3,
.btn-video .gallery-page h3 {
  margin-top: 0;
}


.content .single-media .gallery-page .gal-text {
  margin: 1rem 0 0;
  color: rgb(153,153,153);
}

.content .single-media .gallery-page .gal-text:empty,
.contentBar > .single-media .gallery-page h3,
.contentBar > .single-media .gal-text {
  display: none;
}

.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;
  border: 2px solid rgba(255,255,255, 0.75);
  padding: 0 0 56.25%;
  box-sizing: border-box;
}

.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 .video-container,
.overlay .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 .iframe-container iframe,
.overlay .video-container iframe,
.overlay .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: 1%;
  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.85em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}


.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: 2em;
  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(0,-50%);
  transform: translate(0,-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 5;
}


.overlay .nav.prev {
  left: 2%;
}

.overlay .nav.next {
  right: 2%;
}

.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: 4em;
  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;
  padding: 10px;
  background-color: rgb(47, 48, 43);
  background-color: rgba(47, 48, 43,0.5);
}

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

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

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

.csstransforms .contentGallery .galNav span:before, .csstransforms .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;
}

.csstransforms .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;
}

.csstransforms .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(132, 154, 25);
}

.csstransforms.no-touchevents .contentGallery .galNav a:hover span:before, .csstransforms.no-touchevents .contentGallery .galNav a:hover span:after {
  background: rgb(132, 154, 25);
}




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

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


.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(47, 48, 43);
  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;
}


.overlay .pageoverlay-item .overlay-holder:after {
  content: "";
  position: fixed;
  right: 5%;
  bottom: 5%;
  width: 350px;
  height: 0;
  padding: 0 0 15%;
  background: transparent url(watermark.png) center no-repeat;
  background-size: contain;
  opacity: 0.4;
}




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

.content > .index:first-child {
  margin-top: 3rem;
}

.content > .index:last-child {
  margin-bottom: 3rem;
}


.index ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: inherit;
  overflow: initial;
}

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


.index li > a, .index li > span {
  position: relative;
  display: block;
  width: 100%;
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.1);
  box-sizing: border-box;
  color: rgb(255,255,255);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  overflow: hidden;
  text-decoration: none;
}


.no-touchevents .index li > a:hover, .no-touchevents .index li > a:active {
  background-color: rgb(66,67,62);
  background-color: rgba(255,255,255, 0.3);
}


.index span {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}



.index .ix-header {
  padding: 1em;
}


.index ul h3 {
  margin: 0;
}

.index ul:not(.ix-bar) h3 {
  padding: 0;
  background: transparent;
}



.index .ix-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}




.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 1em 1em;
}


.index ul:not(.ix-product) .ix-more:not(:only-child) {
  padding: 0.5em 0 0;
}




.index .ix-more i {
  padding: 0 0 0 5px;
}


.index .ix-more span {
  display: inline-block;
  vertical-align: middle;
}

.no-touchevents .index a:hover .ix-more, .no-touchevents .index a:active .ix-more {
  color: rgb(255,255,255);
  text-decoration: none;
}



/* --- TITLE --- */
.layout2 .ix-title,
.layout3 .ix-title {
  display: flex;
  flex-wrap: wrap;
  width: 101.6%;
  margin: 0 -0.8%;
}


.layout2 .ix-title li,
.layout3 .ix-title li {
  display: inline-flex;
  width: 48.4075%;
  margin: 1em 0.7868%;
}




.ix-title li > a, .ix-title li > span {
  padding: 0 30px 0 0;
}



.ix-title .ix-img {
  display: none;
}


.ix-title .ix-desc {
  position: absolute;
  top: 1em;
  right: 1em;
  padding: 0;
}

.ix-title .ix-desc > span:not(.ix-more) {
  display: none;
}


.ix-title .ix-more .more-title {
  display: none;
}

.ix-title .more-icon {
  font-size: 1.6em;
  line-height: 1;
  color: rgb(255,255,255);
}

.no-touchevents .ix-title a:hover .ix-more, .no-touchevents .ix-title a:active .ix-more {
  color: rgb(255,255,255);
}

.no-touchevents .ix-title a:hover .more-icon, .no-touchevents .ix-title a:active .more-icon {
  color: rgb(255,255,255);
}



/* --- 1 COL - TEXT (TITLE DESC) --- */
.layout2 .ix-text,
.layout3 .ix-text {
  width: 101.6%;
  margin: 0 -0.8%;
}


.layout2 .ix-text li,
.layout3 .ix-text li {
  width: 48.4075%;
  margin: 0.5em 0.7868%;
}


.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 0 1em;
}

.ix-text .ix-img {
  display: none;
}

.ix-text .ix-desc {
  padding: 0 0 1em;
}



.no-touchevents .index .ix-text a:hover .ix-more, .no-touchevents .index .ix-text a:active .ix-more {
  text-decoration: underline;
}




/* --- FULL (TITLE IMG DESC) --- */
.layout2 .ix-full,
.layout3 .ix-full {
  display: flex;
  flex-wrap: wrap;
  width: 101.6%;
  margin: 0 -0.8%;
}


.layout2 .ix-full li,
.layout3 .ix-full li {
  display: inline-flex;
  width: 48.4075%;
  margin: 0.5em 0.7868%;
}


.ix-full li > a, .ix-full li > span {
  padding: 0 2.1433% 40px 34.0143%;
}

.layout2 .ix-full li > a, .layout2 .ix-full li > span,
.layout3 .ix-full li > a, .layout3 .ix-full li > span {
  padding: 0 3.251% 40px 34.4174%;
}


.ix-full .ix-header {
  padding: 1em 0;
}


.ix-full .ix-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 31.8731%;
}

.layout2 .ix-full .ix-img,
.layout3 .ix-full .ix-img {
  width: 31.1664%;
}



.ix-full .ix-desc {
  position: static;
  padding: 0 0 1em;
}

.ix-full .ix-more {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 1em 1em;
}




/* --- BILD (TITLE IMG DESC) --- */
.index .ix-bild {
  width: 102.1432%;
  margin: 0 -1.0716%;
}

.layout2 .ix-bild,
.layout3 .ix-bild {
  width: 101.6%;
  margin: 3em -0.8%
}


.index .ix-bild li {
  width: 31.22318%;
  margin: 1.0491%;
}

.layout2 .ix-bild li,
.layout3 .ix-bild li {
  width: 31.7471%;
  margin: 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;
  background: rgba(0,0,0,0.2);
  background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
  z-index: 1;
}

.ix-bild h3 {
  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-desc {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  text-align: right;
}

.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);
}




/* --- VOLLBREITE (TITLE IMG DESC) --- */
.index .ix-bar {
  position: relative;
  width: 120%;
  margin: 3em -10%;
}

.content > .index:first-child .ix-bar {
  margin-top: 0;
}

.content > .index:last-child .ix-bar {
  margin-bottom: 0;
}


.index .ix-bar li {
  display: block;
  width: 100%;
  margin: 0;
}


.ix-bar li:first-child > a, .ix-bar li:first-child > span {
  border-top: 0;
}


.ix-bar .ix-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ix-bar li:nth-of-type(2n) .ix-img {
  left: auto;
  right: 0;
}


.ix-bar .general-width {
  text-align: right;
}

.ix-bar li:nth-of-type(2n) .general-width {
  text-align: left;
}

.ix-bar .ix-info {
  display: inline-block;
  width: 44.95%;
  padding: 8em 0;
  text-align: left;
}


.ix-bar .ix-header {
  padding: 0 0 1em;
}


.ix-bar .ix-desc {
  padding: 0;
}



/* --- PRODCUT INDEX --- */
.index .ix-product {
  width: 102.1432%;
  margin: 0 -1.0716%;
}

.layout2 .ix-product,
.layout3 .ix-product {
  width: 101.6%;
  margin: 0 -0.8%
}



.layout2 .ix-product li,
.layout3 .ix-product li {
  width: 23.4169%;
  margin: 0.7868%;
}

.ix-product li.ix-group {
  display: block;
  width: auto;
}

.ix-product li > a, .ix-product li > span {
  padding: 150% 0 0;
  background: rgb(0,0,0);
  color: rgb(47, 48, 43);
}

.no-touchevents .ix-product li > a:hover, .no-touchevents .ix-product li > a:active {
  background: rgb(0,0,0);
}

.ix-product li.ix-group > span {
  padding: 0;
  background: transparent;
}


.ix-product .ix-info {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 1em;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.85);
  opacity: 0;
  visibiity: hidden;
  z-index: 1;
}

.touch .ix-product .ix-info {
  opacity: 1;
  visibiity: visible;
}

.no-touchevents .ix-product a:hover .ix-info, .no-touchevents .ix-product a:active .ix-info, .no-touchevents .ix-product a:focus .ix-info {
  opacity: 1;
  visibiity: visible;
}

.ix-product .ix-header {
  padding: 0;
}


.ix-product h3 {
  color: rgb(47, 48, 43);
}

.ix-product li.ix-group h3 {
  padding: 0 0 5px;
  background: transparent url(stitch_light_horz.png) bottom left repeat-x;
        font-size: 1.4em;
      color: rgb(255,255,255);
}

.ix-product li.ix-group:not(:first-child) h3 {
  margin-top: 2rem;
}

.ix-product .ix-pretitle {
  font-size: 0.65em;
  line-height: 1.25;
}

.ix-product .ix-subtitle {
  font-size: 0.65em;
  line-height: 1.25;
}

.ix-product .ix-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.no-touchevents .ix-product a:hover .ix-img, .no-touchevents .ix-product a:active .ix-img, .no-touchevents .ix-product a:focus .ix-img {
  opacity: 1;
}


.ix-product .ix-desc {
  position: static;
  padding: 0;
}





.ix-product .ix-price {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  padding: 1em;
  margin-top: -7px;
}


.ix-product .ix-price > span {
  display: inline-block;
  padding-right: 5px;
}

.ix-product .ix-more {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  color: rgb(47, 48, 43);
}



.no-touchevents .ix-product a:hover .ix-more, .no-touchevents .ix-product a:active .ix-more {
  color: rgb(47, 48, 43);
}



.index .ix-collection {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}


.index .ix-collection li {
  display: inline-block;
  width: 13%;
  margin: 0.5em 0;
}


.ix-collection li > a, .ix-collection li > span {
  max-width: 160px;
  margin: 0 auto;
  padding: 100% 0 0;
  background: transparent;
  color: rgb(255,255,255);
}

.no-touchevents .ix-collection li > a:hover, .no-touchevents .ix-collection li > a:active {
  background: transparent;
}

.ix-collection .ix-img {
  position: absolute;
  top: 0;
  bottom: 30px;
  left: 25%;
  width: 50%;
}

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


.ix-collection .ix-icon {
  position: relative;
  display: inline-block;
  top: auto;
  left: auto;
  width: 100%;
  height: 0;
  padding: 0 0 155%;
  background: url(icon-sprite.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  -webkit-transform: none;
  transform: none;
}

.ix-collection .dirndl .ix-icon {
  padding: 0 0 155%;
  background-position: 0 0;
  background-size: 1126.126% auto;
}

.ix-collection .mieder .ix-icon {
  padding: 0 0 105%;
  background-position: 11.467889% 0;
  background-size: 781.25% auto;
}

.ix-collection .schuerze .ix-icon {
  padding: 0 0 170%;
  background-position: 25.974025% 0;
  background-size: 1315.78947% auto;
}

.ix-collection .blusen .ix-icon {
  padding: 0 0 58%;
  background-position: 38.194444% 0;
  background-size: 735.29411% auto;
}

.ix-collection .lederhosen .ix-icon {
  padding: 0 0 90%;
  background-position: 53.691275% 0;
  background-size: 943.396226% auto;
}

.ix-collection .westen .ix-icon {
  padding: 0 0 115%;
  background-position: 67.114093% 0;
  background-size: 943.396226% auto;
}

.ix-collection .hemden .ix-icon {
  padding: 0 0 115%;
  background-position: 80.717488% 0;
  background-size: 925.925925% auto;
}

.ix-collection .kombi .ix-icon {
  padding: 0 0 100%;
  background-position: 96.109839% 0;
  background-size: 793.650793% auto;
}





.ix-collection .ix-header {
  padding: 0;
  text-align: center;
}





#map {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

#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;
}



.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); }
}



/* --- SIDEBAR --- */
.sidebar {
  position: fixed;
  top: 95px;
  right: 0;
  border-radius: 2px 0 0 2px;
  z-index: 9;
}

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(47, 48, 43);
  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(132, 154, 25);
}

.sidebar .popup {
  position: absolute;
  top: 0;
  right: -500px;
  width: 400px;
  min-height: 100px;
  padding: 20px 60px 20px 20px;
  background: rgb(75,75,71);
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 0.85em;
  text-align: left;
  overflow: hidden;
}

.csstransforms .sidebar .popup {
  right: 0;
  -webkit-transform: translate(150%,0);
  transform: translate(150%,0);
}

.sidebar > div:hover .popup, .sidebar > div:active .popup {
  right: 0;
}

.csstransforms .sidebar > div:hover .popup, .csstransforms .sidebar > div:active .popup {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.popup .bg-icon {
  position: absolute;
  right: -70px;
  bottom: -50px;
  opacity: 0.3;
  color: rgb(66,67,62);
  font-size: 15em;
  z-index: -1;
}


.sidebar .popup h4 {
  position: relative;
  margin: 0 0 10px;
  color: rgb(153,153,153);
}



/* --- Styleswitcher --- */
.styleswitcher .btn-css {
  border-color: transparent;
  font-size: 0.85em;
}




/* -- (Input) -- */
.search {
  float:right;
  width:225px;
  height:22px;
  margin:0 3px 0 0;
  border:1px solid rgb(153,153,153);
  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(204,204,204);
  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(221,221,221);
  cursor:pointer;
}
.search input.submit:hover {
  background-position:-50px -130px;
}


/* -- (Results) -- */
div.navTop {
  border-bottom:1px solid rgb(47, 48, 43);
}
div.navBtm {
  margin-top:10px;
  border-top:1px solid rgb(47, 48, 43);
}
div.navTop a, div.navBtm a {
  padding:0 5px;
}

/****************************************************/
/*    Special Objects                               */
/****************************************************/
/* --- exception cookie <a> --- */
.cookie-consent p a {
  color: rgb(132, 154, 25);
}

.title-icon {
  display: inline-block;
  vertical-align: middle;
}

.menu .title-icon {
  position: absolute;
  display: block;
  top: 10px;
  bottom: 10px;
  width: 25px;
  text-align: center;
}


#sNav .macronav .title-icon {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: 25px;
  padding: 0;
  text-align: center;
}

.menu .title-icon:before,
#sNav .macronav .title-icon:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  margin: 0 0 0 -1px;
  vertical-align: middle;
}


.title-icon img {
  display: inline-block;
  width: auto;
  max-width: 75px;
  height: auto;
  max-height: 75px;
  vertical-align: middle;
}

.menu .title-icon img,
#sNav .macronav .title-icon img {
  max-width: 100%;
  max-height: 25px;
}




/* --- QUOTE --- */
.quote-item {
  position: relative;
  margin: 2em 5.6725%;
  padding: 35px 0 0 20px;
  box-sizing: border-box;
}

.layout2 .quote-item,
.layout3 .quote-item {
  width: 66.1096%;
  margin: 2em auto;
}

.column .quote-item,
.layout2 .column .quote-item,
.layout3 .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(255,255,255);
}


.contentBar .container.color1 .quote-item .q-quote {
  color: rgb(255,255,255);
}

.contentBar .container.color2 .quote-item .q-quote {
  color: rgb(132, 154, 25);
}

.quote-item .q-text {
  margin: 1rem 0 0;
  text-align: right;
  font-size: 0.85em;
  font-style: italic;
}

.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 url(sprite-icons.png) 3px -75px no-repeat;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

button.labeled-icon .icon {
  margin-top: 0;
}

.csstransforms .labeled-icon .icon {
  background: transparent;
}

.no-touchevents .labeled-icon:hover .icon, .no-touchevents .labeled-icon:active .icon {
  background: transparent url(sprite-icons.png) 10px 10px no-repeat;
}

.csstransforms.no-touchevents .labeled-icon:hover .icon, .csstransforms.no-touchevents .labeled-icon:active .icon {
  background: transparent;
}


.csstransforms .labeled-icon .icon:before, .csstransforms .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;
}

.csstransforms .labeled-icon .icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.csstransforms .labeled-icon .icon:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}


.csstransforms.no-touchevents .labeled-icon:hover .icon:before, .csstransforms.no-touchevents .labeled-icon:active .icon:before,
.csstransforms.no-touchevents .labeled-icon:hover .icon:after, .csstransforms.no-touchevents .labeled-icon:active .icon:after {
  background: rgb(0,0,0);
}


.csstransforms .labeled-icon i {
  display: none;
}



/* --- ACCORDION --- */
.js-toggle-container {
  margin: 1em 0;
  padding: 0;
  list-style-type: none;
}

.js-toggle {
  position: relative;
  margin: 1em 0;
  padding-left: 5.6725%;
}

.js-toggle-container[data-icon-side="right"] .js-toggle {
  padding-right: 5.6725%;
  padding-left: 0;
}


.layout2 .js-toggle,
.layout3 .js-toggle,
.overlay .js-toggle {
  padding-left: 4.233%;
}


.layout2 .js-toggle-container[data-icon-side="right"] .js-toggle,
.layout3 .js-toggle-container[data-icon-side="right"] .js-toggle,
.overlay .js-toggle-container[data-icon-side="right"] .js-toggle {
  padding-right: 4.233%;
  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(132, 154, 25);
  padding-top: 0.5em;
  padding-bottom: 1em;
}

.js-toggle-container.bg-border .js-toggle:first-child {
  border-top: 1px solid rgb(132, 154, 25);
  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;
  cursor: pointer;
}

.js-toggle-container.bg-accent .js-toggle > .js-toggle-headline {
  padding: 1em 1em 1em 0;
  background: rgb(132, 154, 25);
  color: rgb(255,255,255);
}

.js-toggle-container.bg-light .js-toggle > .js-toggle-headline {
  padding: 1em 1em 1em 0;
  background: rgb(75,75,71);
}

.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: 1em 0 1em 1em;
}

.content .js-toggle > .js-toggle-headline:before {
  content: "\f107";
  position: absolute;
  top: 1px;
  left: -2.83625%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  font-family: FontAwesome;
  z-index: 1;
}

.content .js-toggle-container[data-icon-color="accent"] .js-toggle > .js-toggle-headline:before {
  color: rgb(132, 154, 25);
}

.layout2 .content .js-toggle > .js-toggle-headline:before,
.layout3 .content .js-toggle > .js-toggle-headline:before,
.overlay .content .js-toggle > .js-toggle-headline:before {
  left: -2.1165%;
}

.content .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline:before {
  right: -2.83625%;
  left: auto;
  -webkit-transform: translate(50%,0);
  transform: translate(50%,0);
}

.layout2 .content .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline:before,
.layout3 .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 {
  right: -2.1165%;
  left: auto;
}


.content .js-toggle.open > .js-toggle-headline:before {
  content: "\f106";
}

.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: 1em;
  color: rgb(255,255,255);
}

.content .js-toggle-container.bg-light .js-toggle .js-toggle-headline:before {
  top: 1em;
}

.js-toggle-container.bg-accent .js-toggle .js-toggle-headline::after {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: -10%;
  background: rgb(132, 154, 25);
}

.js-toggle-container.bg-light .js-toggle .js-toggle-headline::after {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: -10%;
  background: rgb(75,75,71);
}

.js-toggle-container.bg-accent[data-icon-side="right"] .js-toggle .js-toggle-headline::after,
.js-toggle-container.bg-light[data-icon-side="right"] .js-toggle .js-toggle-headline::after {
  right: -10%;
  left: 100%;
}


.js-toggle > .js-toggle-body {
  display: none;
}





/* --- 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%;
  margin: 0 0 15px 5%;
  border-radius: 50%;
  padding: 0 0 90%;
}


.person.variant2 .ix-img {
  position: absolute;
  float: none;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
}



.person .ix-info:empty {
  display: none;
}


.person .fa-icon {
  margin: 2px 0;
  padding-left: 30px;
}

.person .fa-icon > i.fa {
  position: absolute;
  top: 4px;
  left: 0;
}

.person .fa-icon a {
  color: rgb(153,153,153);
}


.person .fa-icon a:hover, .person .fa-icon a:active {
  color: rgb(47, 48, 43);
}


.person .btn {
  padding: 15px;
  text-align: left;
}


/* --- PERSON INFO --- */

.content > .person {
  position: relative;
  display: block;
  margin: 1.0716% 0;
  background: rgb(75,75,71);
}


.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 .btn span {
  display: inline-block;
}





/* --- PERSON IN TEASER --- */
#teaser .person .ix-header {
  float: right;
  width: auto;
  width: calc(100% - 95px);
  margin: 0 15px 15px;
  padding: 0;
  text-align: left;
}


#teaser .person .ix-title {
  font-size: 1em;
}


#teaser .person .ix-img {
  float: left;
  width: 50px;
  margin: 0 0 0 15px;
  padding: 0 0 50px;
}


#teaser .person.variant2 .ix-img {
  position: relative;
  top: auto;
  left: auto;
}

#teaser .person .ix-info {
  margin: 15px;
  padding: 0;
  clear: both;
}


#teaser .person .btn {
  display: block;
  border-radius: 0;
}




/* --- PERSON INDEX --- */
.index .ix-person {
  width: 102.1432%;
  margin: 0 -1.0716%;
}

.layout2 .ix-person,
.layout3 .ix-person {
  width: 101.6%;
  margin: 0 -0.8%
}

.ix-person li {
  width: 31.22318%;
  margin: 15px 1.0491%;
}

.layout2 .ix-person li,
.layout3 .ix-person li {
  width: 31.7471%;
  margin: 15px 0.7868%;
}


.ix-person li > a, .ix-person li > span {
  padding: 0;
  overflow: hidden;
}

.ix-person li .variant2 {
  padding-top: 66%;
}


.ix-person .ix-header {
  float: none;
  width: auto;
  padding: 15px;
}


.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 15px 15px;
}


.ix-person .btn  {
  display: block;
  margin: 0;
  border-radius: 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, .layout1 .content > .countdown.layout0,
.layout0 .content > .countdown.layout1, .layout1 .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(153,153,153);
  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(132, 154, 25);
}


.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;
}

.overlay .lazy {
  display: none;
}

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



.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;
}

.graphic .lazy + .lazy-loader {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-color: rgba(255,255,255,0.25);
}

.ix-bild .lazy-loader,
.ix-product .lazy-loader {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255,0.25);
}




.lazy-loader span,
.ix-bild .lazy-loader span,
.ix-product .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(0,0,0);
}


.shop-product .slidethumbs a .lazy-loader span {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  border: 0;
}
/* --- ICONS --- */

.list-icon {
  padding: 0;
  list-style-type: none;
}


.list-icon.type0 {
  width: 100%;
  margin: 2em 0;
}


.list-icon li {
  padding: 0;
  box-sizing: border-box;
}



.list-icon.type0 li {
  display: block;
  width: 100%;
  margin: 2em 0;
}


/* --- ICON --- */
.list-icon li .icon-icon {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 0 1em;
  border-radius: 50%;
  border: 2px solid rgb(132, 154, 25);
  box-sizing: border-box;
  font-size: 1.4em;
  color: rgb(132, 154, 25);
}

.list-icon.type0 .icon-icon,
.list-icon .one-line .icon-icon {
  display: inline-block;
  vertical-align: top;
  margin: 0 1em 0 0;
}

.list-icon .one-line .icon-icon {
  vertical-align: middle;
}


.list-icon li .icon-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}



/* --- INFO --- */
.list-icon .icon-info {
  display: block;
}

.list-icon.type0 .icon-info,
.list-icon .one-line .icon-info {
  display: inline-block;
  width: calc(100% - 65px);
  vertical-align: top;
}

.list-icon .one-line .icon-info {
  vertical-align: middle;
}

.list-icon .icon-info * {
  position: relative;
  margin: 0;
}

.list-icon .icon-info .icon-title + .icon-text {
  margin-top: 5px;
}


/* --- MODAL NOTICE --- */
.modal-notice {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 96%;
  min-width: 250px;
  max-width: 1000px;
  max-height: 96%;
  border-radius: 2px;
  background: rgb(255,255,255);
  box-shadow: 0 0 15px 3px rgba(0,0,0,0.2);
  box-sizing: border-box;
  -webkit-transform: scale(0) translate(-50%, -50%);
  transform: scale(0) translate(-50%, -50%);
  transform-origin: top left;
  opacity: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.3s, z-index 0.01s 0.29s, -webkit-transform 0.3s;
  transition: opacity 0.3s, z-index 0.01s 0.29s, transform 0.3s;
}


.modal-notice.show {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
  z-index: 50;
  -webkit-transition: opacity 0.3s, z-index 0.01s 0s, -webkit-transform 0.3s;
  transition: opacity 0.3s, z-index 0.01s 0s, transform 0.3s;
}


.modal-notice > div {
  position: relative;
}




.shop-product {
  width: 101.6%;
  margin: 0 -0.8%;
}

.shop-product .prod-column {
  position: relative;
  display: inline-block;
  width: 48.4075%;
  margin: 0 0.7868%;
  vertical-align: top;
}


.shop-product > section > *:first-child {
  margin-top: 0;
}

/* --- PRODUCT PHOTOALBUM --- */
.shop-product .gallery-slideshow .item-container {
  max-width: 400px;
  margin: 0 auto;
}

.shop-product .gallery-slideshow .gallery-item .gal-img,
.shop-product .gallery-slideshow.center .gallery-item .gal-img {
  padding: 0 0 150%;
}

.shop-product .slidetabs {
  width: 103.148%;
  margin: 5px -1.5743% 0;
}

.shop-product .slidethumbs a {
  width: 13.518%;
  height: 0;
  margin: 1.5743%;
  padding: 0 0 18%;
}

.shop-product .slidethumbs a span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  border: 2px solid rgb(47, 48, 43);
}

.shop-product .slidethumbs a.active span, .no-touchevents .shop-product .slidethumbs a.active:hover span, .no-touchevents .shop-product .slidethumbs a.active:active span {
  border-color: rgb(255,255,255);
  border-color: rgba(255,255,255,0.75);
}



/* --- PRODUCT INFO --- */
.prodInfo {
  padding: 1em;
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.1);
}


.prod-options {
  margin: 0 0 20px;
  box-sizing: border-box;
}


.prod-options > h4:first-child {
  margin-top: 0;
}


.prod-variant {
  margin: 2px 0;
}

.prod-variant a {
  position: relative;
  display: block;
  padding: 5px;
  box-sizing: border-box;
}


.prod-variant a:hover, .prod-variant a:hover {
  background: rgb(75,75,71);
  background: rgba(255,255,255,0.1);
  cursor: pointer;
}


.prod-variant.activeVariant a {
  background: rgb(66,67,62);
  background: rgba(255,255,255,0.3);
}

.prod-variant a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  border-color: transparent rgba(255,255,255,0.3);
  border-width: 20px 15px 20px 0;
  border-style: solid;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.prod-variant.activeVariant a:before {
  opacity: 1;
  visibility: visible;
}

.prod-variant span {
  display: inline-block;
  vertical-align: middle;
}

.prod-variant .prod-swatch {
  width: 20px;
  height: 20px;
  margin-right: 1em;
  border: 1px solid rgb(66,67,62);
  border: 1px solid rgba(255,255,255,0.3);
}

.prod-variant .prod-price {
  float: right;
  margin-left: 1em;
}

.prod-price {
  padding-right: 3px;
}

.prod-sizes {
  display: none;
}

.prod-sizes.activeVariant {
  display: block;
}

.prod-sizes ul {
  margin: 0 0 0 -2%;
  padding: 0;
  list-style-type: none;
}

.prod-sizes li {
  position: relative;
  display: inline-block;
  margin: 1% 2%;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.prod-sizes li.hidden {
  display: none;
}

.prod-sizes li label {
  display: inline-block;
  border-radius: 2px;
  border: 2px solid rgb(66,67,62);
  border: 2px solid rgba(255,255,255, 0.3);
  background: rgb(75,75,71);
  background: rgba(255,255,255,0.1);
  padding: 10px 25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.prod-sizes .sold-out label {
  color: red;
}

.prod-sizes .low-stock label {
  color: orange;
}

.prod-sizes .in-stock:hover label, .prod-sizes .low-stock:hover label {
  border-color: rgb(132, 154, 25);
  background: rgb(132, 154, 25);
  cursor: pointer;
}

.prod-sizes .checked label, .prod-sizes .checked:hover label {
  border-color: rgb(132, 154, 25);
  background: rgb(132, 154, 25);
}

.prod-sizes .in-stock label, .prod-sizes .low-stock label {
  cursor: pointer;
}

.prod-sizes li input.hide-input {
  position: absolute;
  left: -100px;
}

.prod-order .sold-out {
  color: red;
}




/* --- ORDER BOX --- */
.prod-order {
  display: none;
  margin-top: 2rem;
  box-sizing: border-box;
  vertical-align: top;
  text-align: right;
  clear: both;
}

.prod-order.activeVariant {
  display: block;
}

.prod-order .prod-price {
  display: block;
  font-size: 1.6em;
  line-height: 1.25;
}

.prod-order .prod-price-orig {
  display: block;
  opacity: 0.5;
}



.item-list .prod-price-orig {
  text-decoration: line-through;
}


.prod-order button {
  margin-right: 0;
}


.prod-order button span {
  padding-right: 10px;
}



/* --- PRODUCT DESCRIPTION --- */

.prod-content {
  margin: 0 0 20px;
  clear: both;
}

.prod-content h1 {
  margin-top: 0;
  padding: 0 0 5px;
  background:transparent url(stitch_light_horz.png) bottom left repeat-x;
        font-size: 1.8em;
    }

.prod-content h4:first-child {
  margin-top: 0;
}




/* --- RELATED PRODUCTS --- */
.related-variant {
  display: none;
}


.related-variant.activeVariant {
  display: block;
}


.prod-related ul {
  padding: 0;
  list-style: none;
  overflow: inherit;
  overflow: initial;
}

.prod-related li {
  display: block;
}

.prod-related li .lpRight {
  float: right;
  margin-left: 1em;
}



/* --- ORDER PRODUCT --- */
.conForm .prodbox-sizes {
  display: flex;
  width: auto;
  flex-wrap: no-wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  padding: 1em 0 0 0;
}

.conForm .prodbox-sizes div {
  display: inline-block;
  width: auto;
}


.conForm .prodbox-sizes div:first-child {
  margin: 0.5em 0;
  padding: 0.25em 0;
}


.conForm .select-sizes span {
  display: inline-block;
  margin: 0.5em 0 0.5em 1em;
  vertical-align: middle;
}

.conForm .select-sizes select {
  padding: 0.25em 0.5em;
}

.conForm .select-sizes label {
  padding-right: 0.5em;
}



/* --- TIMELINE --- */

#timeline {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#timeline.hidden {
  opacity: 0;
}

#timeline ul {
  margin: 0 0 30px;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#timeline li {
  display: inline-block;
  width: 20%;
  padding: 0;
  vertical-align: top;
}

#timeline li span {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#timeline li .number {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  border: 2px solid rgb(132, 154, 25);
  padding: 6px 0 0;
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.1);
  font-size: 1.4em;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
}

#timeline li.active .number {
  border-color: rgb(132, 154, 25);
  background: rgb(132, 154, 25);
}

#timeline li.complete .number {
  border-color: rgb(66,67,62);
  border-color: rgba(255,255,255, 0.3);
}




/* --- CHECKOUT STANDARDS --- */

.basket {
  position: relative;
  margin-top: 20px;
}

.checkout {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  padding: 2%;
  background: rgb(75,75,71);
  background: rgba(255,255,255, 0.1);
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.checkout.hidden {
  opacity: 0;
}

.checkout form > section {
  margin-bottom: 0;
}


.basket p a, .basket label a {
  text-decoration: underline;
}

.formSend {
  margin: 30px 0 0;
}

.formSend .btn {
  margin: 0;
}



.formSend #subBack, .formSend .btnBack {
  float: left;
}

.checkout h2 {
  margin: 3rem 0 2rem;
}

.checkout h2:first-of-type {
  margin-top: 0;
}

.basket .loader {
  position: fixed;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent url(loader.gif) center center no-repeat;
  z-index: -1;
}

.basket .loader.show {
  -webkit-animation: loaderShow .3s ease both;
  animation: loaderShow .3s ease both;
  z-index: 1;
}

.basket .loader.hide {
  -webkit-animation: loaderHide .3s ease both;
  animation: loaderHide .3s ease both;
  z-index: 1;
}

@-webkit-keyframes loaderShow {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes loaderShow {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-webkit-keyframes loaderHide {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes loaderHide {
	0% { opacity: 1; }
	100% { opacity: 0; }
}


.checkout .step-title {
  display: none;
}


/* --- MODAL WINDOWS --- */

.checkout .review-agb {
  position: relative;
}


.modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 30px solid rgb(47, 48, 43);
  border-bottom: 30px solid rgb(47, 48, 43);
  padding: 0 30px;
  background: rgb(47, 48, 43);
  box-sizing: border-box;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 450;
  overflow-x: hidden;
  overflow-y: auto;
}

.no-csstransforms .modal-overlay {
  top: 100%;
}

.modal-overlay.view {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.no-csstransforms .modal-overlay.view {
  top: 0;
}

.modal-overlay .modal-wrap {
  max-width: 800px;
  text-align: center;
}


.modal-overlay .close {
  right: 30px;
}


/* --- ITEM LIST (STEP 1) --- */

.item-list > div {
  position: relative;
  background:transparent url(stitch_light_horz.png) bottom left repeat-x;
  padding: 1rem 0;
}

#cart .item-list > div {
  padding: 1rem 0;
}


#cart .item-list > div:first-child {
  padding-top: 0;
}

.item-list > div:after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}

.item-list span {
  position: relative;
  display: block;
  vertical-align: top;
}

.item-list .item-img {
  float: left;
  width: 150px;
  margin: 0 1rem 0 0;
  box-sizing: border-box;
}

#cart .item-list .item-img {
  width: 50px;
}

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

.item-list .item-detail {
  margin: 0 0 0 165px;
  margin: 0 0 0 calc(150px + 1rem);
  padding: 0 2rem 2rem 0;
}

#cart .item-list .item-detail {
  margin: 0 0 0 65px;
  margin: 0 0 0 calc(50px + 1rem);
  padding: 0;
}

.item-detail > span {
  padding: 1rem 0 0;
}

.item-list .item-title {
  padding: 0;
  font-family: Lucida Grande,serif;
  font-size: 1em;
  line-height: 1.1;
  font-style: normal;
  text-transform: uppercase;
}

#cart .item-list .item-title {
  display: block;
}


.item-list .item-subtitle {
  padding: 0;
  font-size: 1.2em;
  line-height: 1.25;
}

.item-list .item-nr {
  padding-top: 5px;
  font-size: 0.75em;
  line-height: 1.25;
}

.item-list .item-info {
  display: inline-block;
  width: 33.333%;
  min-width: 130px;
  padding: 1rem 1rem 0 0;
  box-sizing: border-box;
  vertical-align: top;
}

#cart .item-list .item-info {
  width: 32%;
  min-width: 0;
  padding: 0.5rem 0.5rem 0 0;
}

.item-list .item-info > span {
  display: inline-block;
  vertical-align: middle;
}

.item-list .item-info .item-title-desc {
  display: block;
}

.item-list .item-amt-amt {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem;
}

.item-list .item-info > .item-amt-amt {
  margin: 0;
}

.item-list .item-amt-change {
  margin-top: 5px;
  border-radius: 2px;
  border: 2px solid rgb(66,67,62);
  border: 2px solid rgba(255,255,255,0.3);
}


.item-amt-change a, .item-amt-change span {
  width: auto;
  margin: 0;
  border-radius: 0;
  border: 0;
  padding: 2px 5px;
}

.item-amt-change a:first-child {
  border-right: 2px solid rgb(66,67,62);
  border-right: 2px solid rgba(255,255,255,0.3);
}

.item-amt-change a:last-child {
  border-left: 2px solid rgb(66,67,62);
  border-left: 2px solid rgba(255,255,255,0.3);
}

.item-amt-change i {
  margin: 0 3px;
  font-size: 0.75em;
  line-height: 1;
}


.item-list .item-total {
  position: absolute;
  bottom: 15px;
  right: 0;
  text-align: right;
}

.item-list .item-total > span {
  display: inline-block;
  vertical-align: middle;
}

.item-list .item-total .item-title-desc {
  padding-right: 1rem;
}

.item-list .item-remove {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 1.2em;
  line-height: 1;
}

.item-list > div:first-child .item-remove {
  top: 0;
}

.item-list .item-remove a {
  opacity: 0.5;
}

.item-list .item-remove a:hover, .item-list .item-remove a:active {
  opacity: 1;
}

.item-list .item-footer {
  width: 100%;
  margin-top: 30px;
  padding-top: 0;
  text-align: right;
}


.item-footer > span {
  display: block;
  width: 100%;
  padding: 0;
}

.item-footer .total-left, .item-footer .total-right {
  display: inline-block;
  width: auto;
  min-width: 125px;
}

.item-footer .total-right {
  margin: 0 0 0 15px;
}

.footer-price .total-left span {
  display: block;
  font-size: 0.75em;
  line-height: 1.25;
  padding-bottom: 15px;
}

.item-footer .footer-total span {
  padding-top: 1rem;
}



/* --- PERSONAL DATA --- */
.checkout .shipping-costs {
  margin: 30px 0;
}

.checkout .shipping-address {
  display: none;
}

.checkout .shipping-address.show {
  display: block;
}

.checkout .shipping-address div, .checkout .personal-data div {
  padding: 5px 0;
}

.checkout .review-data div {
  display: inline-block;
  width: 50%;
  padding: 0 15px 0 0;
  vertical-align: top;
  box-sizing: border-box;
}

.checkout .review-data span {
  display: block;
}

.checkout .review-data h4 {
  margin-top: 1rem;
  padding: 0;
  background: transparent;
}


.checkout .double1 {
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  padding: 0;
  vertical-align: top;
}
.checkout .double2 {
  display: inline-block;
  width: 66%;
  padding: 0;
  vertical-align: top;
}

.checkout label .star {
  display: none;
}

.checkout .required label .star {
  display: inline-block;
}



.checkout label {
  display: none;
}

.checkout label.checkbox {
  display: inline;
}

.checkout input, .checkout select {
  width: 100%;
}


/* --- SHIPPING INFO --- */
.shipping-group {
  margin: 15px 0;
  border-bottom: 1px solid rgb(66,67,62);
  padding-bottom: 15px;
}

.shipping-header {
  margin: 0 0 15px;
  border-bottom: 1px solid rgb(66,67,62);
  padding-bottom: 15px;
}

.shipping-costs .col1 {
  display: inline-block;
  width: 50%;
  padding-right: 15px;
  vertical-align: top;
  font-size: 0.85em;
  line-height: 1.25;
  text-align: left;
  box-sizing: border-box;
}

.shipping-costs .col2 {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  text-align: center;
}


.shipping-costs .ship-set {
  display: block;
}

.shipping-costs .ship-value {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.shipping-costs .ship-price {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}





/* --- PAYMENT OPTIONS --- */

.order-payment {
  margin: 0 0 0 -10px;
  padding: 0;
  list-style-type: none;
}


.order-payment li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.order-payment li label, .checkout .order-payment li label {
  display: block;
  min-width: 100px;
  margin: 0 10px 10px;
  border-radius: 2px;
  border: 2px solid rgb(66,67,62);
  border: 2px solid rgba(255,255,255, 0.3);
  padding: 10px 25px;
  background: rgb(75,75,71);
  background: rgba(255,255,255,0.1);
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.order-payment li.invalid label, .checkout .order-payment li.invalid label {
  border-color: rgb(132, 154, 25);
}

.order-payment li:hover label, .checkout .order-payment li:hover label {
  border-color: rgb(132, 154, 25);
  background: rgb(132, 154, 25);
  cursor: pointer;
}

.order-payment .checked label, .order-payment .checked:hover label,
.checkout .order-payment .checked label, .checkout .order-payment .checked:hover label,
.order-payment li.invalid.checked label, .checkout .order-payment li.invalid.checked:hover label {
  border-color: rgb(132, 154, 25);
  background: rgb(132, 154, 25);
}

.order-payment span {
  display: none;
}

.order-payment input.hide-input {
  position: absolute;
  left: -1000px;
}




/* --- SHOPPING BAG --- */
#cart {
  position: relative;
  display: none;
  height: 40px;
  margin: 0 10px;
  padding: 15px 0;
  opacity: 0;
  visibility: hidden;
  vertical-align: middle;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

#cart.show {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}

#cart .box {
  position: relative;
  display: block;
  padding: 8px 10px;
  font-size: 0.85em;
  line-height: 1;
  cursor: pointer;
  text-align: center;
}


#cart .box span {
  position: absolute;
  top: 0;
  left: 3px;
  border-radius: 50%;
  padding: 3px 5px;
  background: firebrick;
  font-size: 0.6em;
  line-height: 1;
  color: rgb(255,255,255);
}

#cart .cart-contents {
  position: absolute;
  top: 60px;
  left: 0;
  width: 400px;
  max-height: 500px;
  max-height: 80vh;
  background: rgb(47, 48, 43);
  box-shadow: 0 3px 3px rgba(47, 48, 43, 0.3);
  box-sizing: border-box;
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow-y: scroll;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  text-align: left;
  z-index: -1;
}


#cart:hover .cart-contents, #cart.hover .cart-contents {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  z-index: 2;
  visibility: visible;
}


#cart .cart-contents > a {
  display: block;
  margin: 0 1rem 1rem;
  padding: 1rem 0;
  background:transparent url(stitch_light_horz.png) bottom left repeat-x;
  text-align: right;
}

#cart .cart-contents a {
  text-decoration: none;
}


#cart .cart-contents a:hover, #cart .cart-contents a:active {
  text-decoration: underline;
}


#cart .cart-contents > a .btn {
  margin: 0;
}




#cart .cart-contents .title {
  display:inline-block;
  border-bottom:1px solid transparent;
  vertical-align:top;
  -webkit-transition:border 0.3s;
  transition:border 0.3s;
}


#cart .cart-contents > div {
  padding: 0 1rem 1rem;
  font-size: 0.85em;
}



/* --- SCREEN-SIZES --- */

@media (max-width:1025px) {

  .shop-product {
    width: 102%;
    margin: 0 -1%;
  }

  .shop-product > section:not(.order-wrapper):nth-of-type(2n + 1) {
    width: 31.3725%;
    margin: 0 0.9803%;
  }


  .shop-product > section:not(.order-wrapper):nth-of-type(2n) {
    width: 64.7058%;
    margin: 0 0.9803%;
  }


  #timeline li .number {
    margin: 0;
  }

  #timeline li .title {
    display: block;
    margin: 5px 5px 0;
  }
}



@media (max-width:800px) {

  .shop-product {
    width: 100%;
    margin: 0;
  }

  .shop-product > section:not(.order-wrapper):nth-of-type(2n + 1) {
    display: block;
    width: 48.66%;
    margin: 0 auto 2em;
  }


  .shop-product > section:not(.order-wrapper):nth-of-type(2n) {
    display: block;
    width: 100%;
    margin: 0;
  }

  .prodInfo {
    padding: 2%;
  }

  .prod-variant a:before {
    display: none;
  }

  .conForm .prodbox-sizes {
    display: block;
  }

  .conForm .prodbox-sizes div:first-child {
    display: block;
  }

  .conForm .select-sizes span {
    margin: 0.5em 1em 0.5em 0;
  }


  #cart {
    height: auto;
    margin: 0 5px;
    padding: 0;
  }

  #cart .cart-contents {
    right: 50%;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }

  #cart:hover .cart-contents {
    display: none;
  }

  #cart.hover .cart-contents {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }


  .item-list .item-detail {
    padding-bottom: 3rem;
  }

  .item-list .item-info {
    display: block;
    width: auto;
    padding-right: 0;
  }

  .item-list .item-info .item-title-desc {
    display: inline-block;
    width: 100px;
    padding-right: 1rem;
  }

  .item-list .item-amt-change {
    margin-top: 0;
  }

  .modal-overlay {
    border-top: 5px solid rgb(255,255,255);
    border-bottom: 5px solid rgb(255,255,255);
    padding: 0 5px;
  }


  .modal-overlay .modal-wrap {
    max-width: 96%;
  }


  .modal-overlay .close {
    right: 5px;
  }



  .checkout .submit {
    max-width: 250px
  }

}


@media (max-width:600px) {

  .shop-product > section:not(.order-wrapper):nth-of-type(2n + 1) {
    width: 100%;
  }

  .checkout .review-data div {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
  }


  .prod-options {
    margin: 20px 0;
  }

  .prod-order {
    margin: 20px 0;
  }

  .prod-content {
    margin: 0 0 20px;
  }

  .shipping-group {
    margin: 0;
    padding-bottom: 10px;
  }

  .shipping-header {
    margin: 0;
    padding-bottom: 10px;
  }

  .shipping-costs .col1 {
    width: 100%;
    padding: 10px 0;
    font-size: 1em;
    line-height: 1.25;
  }

  .shipping-costs .col2 {
    width: 100%;
    text-align: left;
  }

  .checkout .double1 {
    width:100%;
    margin:0;
    padding:0 0 15px;
  }
  .checkout .double2 {
    width:100%;
    margin:0;
  }


}




@media (max-width:500px) {

  #timeline li .title {
    display: none;
  }

  .checkout .step-title {
    display: block;
  }

  .item-list .item-img {
    display: none;
  }

  .item-list .item-detail {
    margin: 0;
  }

  .item-list .item-total {
    right: auto;
    left: 0;
    text-align: left;
  }

  .item-list .item-total .item-title-desc {
    width: 100px;
  }


  .item-list .item-footer {
    text-align: left;
  }


}


@media (max-width:400px) {

.formSend #subBack {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.formSend #subNext {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.formSend .btn {
  margin-top: 0.5em;
}



}






.iSlider {
  position: relative;
  width:  100%;
  max-width: 1920px;
  height: 75%;
  height: 75vh;
  min-height: 500px;
  margin: 0 auto;
  background: rgb(47, 48, 43);
}

.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%);
  background: rgb(47, 48, 43);
}

.iSlider:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(logo-white.png) center no-repeat;
  background-size: 250px auto;
  opacity: 0.5;
}


.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;
  align-content: center;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


/* --- 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,
.iSlider .item-container .item-img > span > span {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.no-touch .iSlider .item-container .item-img .parascrollFull {
  background-attachment: fixed;
}


.iSlider .item-container[data-orientation="1"] .item-img span {
  background-position: left top;
}

.iSlider .item-container[data-orientation="2"] .item-img span {
  background-position: center top;
}

.iSlider .item-container[data-orientation="3"] .item-img span {
  background-position: right top;
}

.iSlider .item-container[data-orientation="4"] .item-img span {
  background-position: right center;
}

.iSlider .item-container[data-orientation="5"] .item-img span {
  background-position: right bottom;
}

.iSlider .item-container[data-orientation="6"] .item-img span {
  background-position: center bottom;
}

.iSlider .item-container[data-orientation="7"] .item-img span {
  background-position: left bottom;
}

.iSlider .item-container[data-orientation="8"] .item-img span {
  background-position: left center;
}


.iSlider .item-img img,
.iSlider .video-html5 video {
  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 .iSlider .item-img img,
.no-objectfit .iSlider .video-html5 video {
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


@supports (-ms-ime-align:auto) {

.iSlider .video-html5 video {
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

}




/* --- CONTENT --- */

.gallery-item .item-info {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  opacity: 0;
  visibility: hidden;
  margin: 4em 0;
  -webkit-transform: translate(0,1em);
  transform: translate(0,1em);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.gallery-page[data-scrollicon="1"] .gallery-item .item-info {
  margin-bottom: 100px;
  margin-bottom: calc(2em + 5% + 55px);
}


/* --- 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;
}

/* --- Zentriert --- */
.iSlider .item-container[data-layout="2"] .item-info {
  justify-content: 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;
  padding: 1em 25.4% 1em 1em;
  box-sizing: border-box;
  text-align: left;
}


.gallery-item .item-text:before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(-50vw + 50%);
  bottom: 0;
  left: calc(-50vw + 50%);
  z-index: -1;
}


.gallery-item .item-text[data-text-bg="0"]:before {
  background: transparent;
}

.gallery-item .item-text[data-text-bg="1"]:before {
  background: rgba(255,255,255,0.7);
}

.gallery-item .item-text[data-text-bg="3"]:before {
  background: rgba(47, 48, 43,0.5);
}

.gallery-item .item-text[data-text-bg="4"]:before {
  background: rgba(132, 154, 25,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 {
  width: 44.95%;
}



.gallery-item .item-text[data-text-color="1"] p,
.gallery-item .item-text[data-text-color="1"] h2,
.gallery-item .item-text[data-text-color="1"] h3 {
  color: rgb(255,255,255);
}


.gallery-item .item-text[data-text-color="2"] p,
.gallery-item .item-text[data-text-color="2"] h2,
.gallery-item .item-text[data-text-color="2"] h3 {
  color: rgb(47, 48, 43);
}




.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 h2 {
  font-size: 3em;
        padding: 0;
      font-size: 2.6rem;
      margin: 0 0 0.5rem;
      background: transparent;
    }

.gallery-item .item-text h3 {
  font-size: 1.8em;
        font-size: 1.8em;
      margin: 0 0 0.5rem;
    }


.gallery-item .item-text p {
  margin: 0;
}

.gallery-item .item-text p + p {
  margin-top: 1em;
}


.gallery-item .item-text .btn, .gallery-item .item-text .btn span {
  display: inline-block;
}

.gallery-item .item-text[data-text-color="1"] .btn {
  border-color: rgb(255,255,255);
  background: rgba(255,255,255, 0.3);
  color: rgb(255,255,255);
}

.gallery-item .item-text[data-text-color="1"]:hover .btn:not(.disabled) {
  background: rgb(255,255,255);
  color: rgb(132, 154, 25);
}



/* --- NAV BUTTONS --- */

.iSlider .nav-arrows.prev a {
  text-align: right;
}

.iSlider .nav-arrows.next a {
  text-align: left;
}


.iSlider .nav-arrows span {
  color: rgb(255,255,255);
}


.no-touchevents .iSlider .nav-arrows:not(.disabled) a:not(.disabled):hover span, .no-touchevents .iSlider .nav-arrows:not(.disabled) a:not(.disabled):active span {
  color: rgb(132, 154, 25);
}

.iSlider .slidetabs {
  position: absolute;
  right:  2%;
  bottom: 2%;
  margin: 0;
  z-index: 5;
}



/* --- SCROLL ICON --- */

.scrollicon {
  position: absolute;
  bottom: 5%;
  left:   50%;
  margin: 0 0 0 -25px;
  border-radius: 50%;
  border: 2px solid rgb(255,255,255);
  padding: 0 10px 1px;
  font-size: 3rem;
  line-height: 1;
  color: rgb(255,255,255);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}

.no-touchevents .scrollicon:hover {
  border-color: rgb(132, 154, 25);
  color: rgb(132, 154, 25);
}



/****************************************************/
/*    Screen Sizes                                  */
/****************************************************/

@media (max-width:1440px) {
  .hero {
  height: 0;
  padding: 0 0 calc(35% + 65px);
}

  #map.parascroll {
  height: 0;
  padding: 0 0 calc(35% + 65px);
}
}


@media (max-width: 1025px) {
  .layout0 .content {
  width: 67%;
  padding-right: 1%;
}


.layout1 .content {
  width: 67%;
  padding-left: 1%;
}


.right {
  width: 33%;
  padding-left: 1%;
}
  /* fixed, shrink on scroll */
body[data-header-desktop="3"] .top-header header {
  height: 75px;
}

/* fixed, shrink on scroll */
body[data-header-desktop="3"] .top-header .logo a {
  height: 75px;
}
  .menu {
  font-size: 0.85em;
}

  .col-layout {
  width: 103.0303%;
  margin: 0 -1.5151%;
}


.layout2 .col-layout,
.layout3 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout,
.overlay .col-layout {
  width: 102%;
  margin: 0 -1%;
}

.content .conForm .col-layout {
  width: 100%;
  margin: 0;
}


.col-layout .column {
  margin: 1.4705%;
}

.layout2 .col-layout .column,
.layout3 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column,
.overlay .col-layout .column {
  margin: 0.9803%;
}

.content .conForm .col-layout .column {
  margin: 1.5151% 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,

.layout3 .col-layout.type1 .column,
.layout3 .col-layout.type2 .column,
.layout3 .col-layout.type3 .column:nth-of-type(2n + 1),
.layout3 .col-layout.type3 .column:nth-of-type(2n),
.layout3 .col-layout.type4 .column:nth-of-type(2n + 1),
.layout3 .col-layout.type4 .column:nth-of-type(2n),
.layout3 .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,

.overlay .col-layout.type1 .column,
.overlay .col-layout.type2 .column,
.overlay .col-layout.type3 .column:nth-of-type(2n + 1),
.overlay .col-layout.type3 .column:nth-of-type(2n),
.overlay .col-layout.type4 .column:nth-of-type(2n + 1),
.overlay .col-layout.type4 .column:nth-of-type(2n),
.overlay .col-layout.type5 .column {
  width: 48.0392%;
}


.content .conForm .col-layout.type1 .column,
.content .conForm .col-layout.type2 .column,
.content .conForm .col-layout.type3 .column:nth-of-type(2n + 1),
.content .conForm .col-layout.type3 .column:nth-of-type(2n),
.content .conForm .col-layout.type4 .column:nth-of-type(2n + 1),
.content .conForm .col-layout.type4 .column:nth-of-type(2n),
.content .conForm .col-layout.type5 .column {
  width: 100%;
}


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

.layout1 .contentBar {
  left: calc(-50vw + 24.25%);
}


/* --- 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: 2em;
}

  .conForm.narrow {
  width: 49%;
}


.conForm .double1 {
  width: 22.7272%;
  margin-right: 3.0303%;
  padding: 0;
}

.form-modal .conForm .double1 {
  width: 30.6059%;
  margin-right: 4.0789%;
}


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

.form-modal .conForm .double2 {
  width: 65.2908%;
}

  .index li {
  margin: 1.5151% 0;
}



.layout2 .ix-full,
.layout3 .ix-full {
  width: 100%;
  margin: 0;
}


.layout2 .ix-full li,
.layout3 .ix-full li {
  width: 100%;
  margin: 0.5em 0;
}



.ix-full li > a, .ix-full li > span {
  padding: 0 3.0303% 40px 38.6363%;
}

.layout2 .ix-full li > a, .layout2 .ix-full li > span,
.layout3 .ix-full li > a, .layout3 .ix-full li > span {
  padding: 0 1% 40px 34%;
}


.ix-full .ix-img {
  width: 35.6060%;
}

.layout2 .ix-full .ix-img,
.layout3 .ix-full .ix-img {
  width: 32%;
}



.index .ix-bild,
.index .ix-product {
  width: 103.0303%;
  margin: 0 -1.5151%;
}


.layout2 .ix-bild,
.layout3 .ix-bild,
.layout2 .ix-product,
.layout3 .ix-product {
  width: 102%;
  margin: 0 -1%;
}

.index .ix-bild li {
  width: 47.0588%;
  margin: 0.5em 1.4705%;
}


.layout2 .ix-bild li,
.layout3 .ix-bild li {
  width: 48.0392%;
  margin: 0.5em 0.9803%;
}



.layout2 .ix-product li,
.layout3 .ix-product li {
  width: 31.3725%;
}

.index .ix-collection {
  justify-content: space-around;
}


.index .ix-collection li {
  width: 25%;
}










  .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,
.layout3 .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,
.layout3 .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,
.layout3 .gallery-audio .gallery-item,
.layout2 .gallery-video .gallery-item,
.layout3 .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,
.layout3 .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,
.layout3 .col-layout .gallery-thumbgrid .gallery-item {
  width: 29.4074%;
  margin: 1.9596%;
}




.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%;
}



.gal-zoom span {
  font-size: 1.5em;
}


.media-gallery.tArrows {
  text-align: right;
}



.nav-arrows {
  position: relative;
  display: inline-block;
  top: auto;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.nav-arrows.next {
  right: auto;
  margin-left: 15px;
}

.nav-arrows.prev {
  left: auto;
  margin-right: 15px;
}
  h1 {
      font-size: 2.2em;
  }



h2 {
      font-size: 1.4em;
  }



h2.headline1 {
      font-size: 2.2em;
  }


h3 {
      font-size: 1.2em;
  }





blockquote {
  margin: 2em 9.8484% 2em calc(11.3189% - 2px);
  padding: 0 0 0 1.4705%;
}


p.emphasis {
  margin: 2.9411% 12.8787%;
}

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%;
}


#teaser {
  margin: 1% 0;
}

.layout2 #teaser, .layout3 #teaser {
  width: 102%;
  margin: 0 -1%;
}


.ZMSTeaserElement {
  margin: 6.5% 0;
}


.layout2 .ZMSTeaserElement, .layout3 .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;
}

  .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,
.layout3 .ix-person {
  width: 102%;
  margin: 0 -1%;
}

.ix-person li {
  width: 47.0588%;
  margin: 1.4705%;
}

.layout2 .ix-person li,
.layout3 .ix-person li {
  width: 48.0392%;
  margin: 0.9803%;
}




  .js-toggle-container {
  padding: 0;
}

.js-toggle,
.layout2 .js-toggle,
.layout3 .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,
.layout3 .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,
.js-toggle-container.bg-accent .js-toggle > .js-toggle-headline,
.js-toggle-container.bg-light .js-toggle > .js-toggle-headline {
  padding-left: 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: 2rem;
}


.content .js-toggle > .js-toggle-headline:before,
.layout2 .content .js-toggle > .js-toggle-headline:before,
.layout3 .content .js-toggle > .js-toggle-headline:before,
.overlay .content .js-toggle > .js-toggle-headline:before {
  left: 1rem;
}



.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,
.layout3 .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 {
  right: 1rem;
  left: auto;
}



.js-toggle-container.bg-accent .js-toggle .js-toggle-headline:after,
.js-toggle-container.bg-light .js-toggle .js-toggle-headline:after {
  left: 0;
}

.js-toggle .js-toggle-container {
  padding-left: 2rem;
}
  .headline .title-icon img {
  max-width: 50px;
  max-height: 50px;
}

.quote-item {
  margin: 2em 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 {
  width: 66%;
}

.gallery-item .item-text h2 {
      font-size: 1.8em;
  }


.gallery-item .item-text h3 {
      font-size: 1.6em;
  }

.iSlider .nav-arrows {
  display: none;
}
}



@media (max-width: 800px) {
  .page {
  padding-top: 55px;
}


.layout0 .content, .layout1 .content {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.right {
  width: 100%;
  padding: 0;
}


.hero {
  padding: 0 0 calc(35% + 55px);
}

.page-overlay .hero {
  padding: 0 0 35%;
}
  footer li {
  margin: 5px 0;
  padding: 5px;
}
  .top-header {
  border-color: rgba(255,255,255,0.3);
  background: rgba(47, 48, 43,0.95);
}

/* fixed, show on scroll to page top */
body[data-header-mobile="1"] .top-header,
body[data-header-mobile="2"] .top-header {
  position: fixed;
}


body[data-header-mobile="1"] .top-header.scroll-down {
  top: -100%;
}

.csstransforms body[data-header-mobile="1"] .top-header.scroll-down {
  top: 0;
  -webkit-transform: translate(0, -200%);
  transform: translate(0, -200%);
}


body[data-header-mobile="1"] .top-header.scroll-up {
  top: 0;
}

.csstransforms body[data-header-mobile="1"] .top-header.scroll-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 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: 55px;
}





.logo .logo-text {
  height: 35px;
  font-size: 1.5em;
}

.sTrigger {
  display: inline-block;
}

  .menu, .right .macronav {
  display: none;
}

  .col-layout,
.layout2 .col-layout,
.layout3 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout,
.overlay .col-layout {
  width: 102%;
  margin: 0 -1%;
}


.col-layout .column,
.layout2 .col-layout .column,
.layout3 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column,
.overlay .col-layout .column {
  margin: 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,
.layout3 .col-layout.type5 .column,


.layout3 .col-layout.type1 .column,
.layout3 .col-layout.type2 .column,
.layout3 .col-layout.type3 .column:nth-of-type(2n + 1),
.layout3 .col-layout.type3 .column:nth-of-type(2n),
.layout3 .col-layout.type4 .column:nth-of-type(2n + 1),
.layout3 .col-layout.type4 .column:nth-of-type(2n),
.layout3 .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,

.overlay .col-layout.type1 .column,
.overlay .col-layout.type2 .column,
.overlay .col-layout.type3 .column:nth-of-type(2n + 1),
.overlay .col-layout.type3 .column:nth-of-type(2n),
.overlay .col-layout.type4 .column:nth-of-type(2n + 1),
.overlay .col-layout.type4 .column:nth-of-type(2n),
.overlay .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, .layout1 .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;
  bottom: auto;
  left: auto;
  width: 100%;
}


.contentBar .background-image[data-bg-layout="2"] > div,
.contentBar .background-image[data-bg-layout="3"] > div {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  height: 0;
  padding: 0 0 50%;
}


.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: 1em 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 {
  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.height0 .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: 2em 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: 2em 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 .double1 {
  width: 23.5%;
  margin-right: 2%;
  padding: 0;
}

.form-modal .conForm .double1 {
  width: 100%;
  margin-right: 0;
  padding: 0 0 15px;
}


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

.form-modal .conForm .double2 {
  width: 100%;
}
  #map {
  height: 300px;
}

#map.parascroll {
  height: 0;
  padding: 0 0 calc(35% + 55px);
}

  .content > .index:first-child {
  margin-top: 2rem;
}

.content > .index:last-child {
  margin-bottom: 2rem;
}

.content > .index:first-child ul {
  margin-top: 30px;
}

.content > .index:last-child ul {
  margin-bottom: 30px;
}

.index li {
  margin: 1% 0;
}


.layout2 .ix-title,
.layout3 .ix-title {
  display: flex;
  width: 100%;
  margin: 0;
}


.layout2 .ix-title li,
.layout3 .ix-title li {
  width: 100%;
  margin: 0.5em 0;
}



.index .ix-full, .index .ix-bild,
.layout2 .ix-full, .layout2 .ix-bild,
.layout3 .ix-full, .layout3 .ix-bild {
  display: flex;
  flex-wrap: wrap;
  width: 102%;
  margin: 0 -1%;
}

.index .ix-full li, .index .ix-bild li,
.layout2 .ix-full li, .layout2 .ix-bild li,
.layout3 .ix-full li, .layout3 .ix-bild li {
  display: inline-flex;
  width: 48%;
  margin: 0.5em 1%;
}

.layout2 .ix-product li, .layout3 .ix-product li {
  width: 48%;
  margin: 1%;
}


.ix-full li > a, .ix-full li > span,
.layout2 .ix-full li > a, .layout2 .ix-full li > span,
.layout3 .ix-full li > a, .layout3 .ix-full li > span,
.ix-bild li > a, .ix-bild li > span {
  padding: 0 0 40px;
  background: rgba(255,255,255, 0.1);
  color: rgb(255,255,255);
}

.no-touchevents .ix-bild li > a:hover, .no-touchevents .ix-bild li > a:active {
  background: rgba(255,255,255, 0.1);
}



.ix-full .ix-header {
  padding: calc(50% + 1em) 1em 1em;
}


.ix-full .ix-img,
.layout2 .ix-full .ix-img,
.layout3 .ix-full .ix-img {
  right: 0;
  bottom: auto;
  width: auto;
  padding: 0 0 50%;
}



.ix-full .ix-desc,
.layout2 .ix-full .ix-desc,
.layout3 .ix-full .ix-desc {
  padding: 0 1em 1em;
}



.ix-bild .ix-header {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  padding: calc(50% + 1em) 1em 1em;
  background: transparent;
}


.ix-bild h3 {
  color: rgb(255,255,255);
}


.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, .no-touchevents .ix-bild a:focus .ix-img {
  opacity: 1;
}


.ix-bild .ix-desc {
  position: static;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 0 1em 1em;
  background: transparent;
  color: rgb(255,255,255);
  text-align: left;
}

.csstransforms .ix-bild .ix-desc,
.csstransforms.no-touchevents .ix-bild a:hover .ix-desc,
.csstransforms.no-touchevents .ix-bild a:active .ix-desc,
.csstransforms.no-touchevents .ix-bild a:focus .ix-desc {
  bottom: auto;
  -webkit-transform: none;
  transform: none;
}


.no-touchevents .ix-bild a:hover .ix-desc, .no-touchevents .ix-bild a:active .ix-desc, .no-touchevents .ix-bild a:focus .ix-desc {
  bottom: auto;
}


.ix-bild .ix-more,
.ix-bild .ix-more:not(:only-child) {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 1em 1em;
  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);
}


.index .ix-bar {
  width: 104%;
  margin: 30px -2%;
}


.no-touchevents .ix-product .ix-info {
  opacity: 1;
  visibiity: visible;
}


.index .ix-collection {
  margin-bottom: 2rem;
}

  .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,
.layout3 .col-layout .media-gallery:not(.single-media):not(.gallery-slideshow) .gallery-page {
  width: 104.1666%;
  margin: 0 -2.0833%;
}


.contentBar > .gallery-slideshow .wrap.active {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}


.gallery-audio .gallery-item,
.gallery-video .gallery-item,
.layout2 .gallery-audio .gallery-item,
.layout3 .gallery-audio .gallery-item,
.layout2 .gallery-video .gallery-item,
.layout3 .gallery-video .gallery-item {
  width: 48%;
  margin: 2% 1%;
}


.gallery-thumbgrid .gallery-item,
.layout2 .gallery-thumbgrid .gallery-item,
.layout3 .gallery-thumbgrid .gallery-item {
  width: 23%;
  margin: 1%;
}


.col-layout .gallery-thumbgrid .gallery-item,
.layout2 .col-layout .gallery-thumbgrid .gallery-item,
.layout3 .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 {
  position: relative;
  top: auto;
  bottom: auto;
  margin: 0;
}

.contentBar > .gallery-slideshow.left,
.contentBar > .gallery-slideshow.right,
.contentBar > .gallery-slideshow.center {
  left: auto;
  right: auto;
  width: 100%;
}


.single-media .gallery-item {
  width: 49%;
  margin: 0 2% 0 0;
}

.single-media .gallery-page[data-layout="1"] .gallery-item {
  margin: 0 0 0 2%;
}


.content .single-media .gallery-page .gal-text {
  margin-left: 51%;
}

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




.contentBar > .gallery-slideshow .gal-img {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 0;
  padding: 0 0 66%;
}


/* --- 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 .slidetabs {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 1em auto;
}


.indextabs {
  top: 25px;
}

.indextabs a {
  margin: 0 3px;
}


.indextabs a span {
  width: 5px;
  height: 5px;
}



  .headline .title-icon + .hgroup {
  padding-left: calc(40px + 0.5em);
}

h1, h2, h3, h4 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


h1 {
      font-size: 2em;
  }








h2.headline1 {
      font-size: 2em;
  }








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

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




blockquote {
  margin: 2% 0;
  padding: 0 0 0 1%;
}


p.emphasis {
  margin: 2% 0;
}

p.pullleft {
  float: none;
  width: 100%;
  margin: 0 0 1% 0;
}


p.pullright {
  float: none;
  width: 100%;
  margin: 0 0 1% 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%;
}




#teaser, .layout2 #teaser, .layout3 #teaser {
  width: 102%;
  margin: 1% -1%;
  border-top: 1px solid rgb(66,67,62);
  padding-top: 1%;
}


.ZMSTeaserElement, .layout2 .ZMSTeaserElement, .layout3 .ZMSTeaserElement {
  display: inline-block;
  width: 48%;
  margin: 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;
}








/* --- TABLE --- */

/* Force table to not be like tables anymore */
table.ZMSTable, table.ZMSTable tbody, table.ZMSTable th, table.ZMSTable td, table.ZMSTable tr, table.ZMSTable caption { 
  display: block; 
}

table.ZMSTable {
  padding: 0;
}

table.ZMSTable tr {
  border-bottom: 2px solid rgba(255,255,255,0.3);
}

table.ZMSTable tr:last-child {
  border-bottom: 0;
}
	
/* Hide table headers (but not display: none;, for accessibility) */
table.ZMSTable th {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

table.ZMSTable tr td {
  border-color: rgba(255,255,255,0.3);
}

table.ZMSTable tr.odd td {
  background-color: rgba(255,255,255,0.1); 
}


table.ZMSTable tr:last-child td {
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

table.ZMSTable tr td:last-child {
  border-bottom: 0;
}
	
table.ZMSTable td.col2::before {
  content: attr(data-label);
  position: relative;
  display: inline-block;
  width: 50%; 
  padding: 5px; 
  vertical-align: top;
  box-sizing: border-box;
}

table.ZMSTable tr td.col2 p {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  box-sizing: border-box;
}

  .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,
.layout3 .ix-person {
  width: 102%;
  margin: 0 -1%;
}

.ix-person li,
.layout2 .ix-person li,
.layout3 .ix-person li {
  width: 48%;
  margin: 1%;
}


  .content > .countdown.layout0,
.content > .countdown.layout1 {
  width: 49%;
}
  .quote-item {
  margin: 1rem 0;
}

.headline .title-icon {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: 40px;
  text-align: center;
}

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

.headline .title-icon img {
  max-width: 100%;
  max-height: 50px;
}


.labeled-icon {
  top: 0;
  right: 0;
  border-radius: 0;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
  .iSlider {
  height: 65vh;
  min-height: 0;
}

.iSlider:not([data-slide-length="1"]) {
  height: calc(65vh - 50px);
  margin-bottom: 50px;
}

body[data-header-gap="2"] .iSlider {
  height: calc(65vh - 55px);
}

body[data-header-gap="2"] .iSlider:not([data-slide-length="1"]) {
  height: calc(65vh - 105px);
}

.iSlider:before {
  right: 0;
  left: 0;
}

.iSlider:after {
  background-size: 150px auto;
}


.iSlider[data-slide-layout="1"] .item-container {
  padding-top: 0;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}



.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;
}



.iSlider[data-slide-layout="1"] .item-info {
  display: block;
  width: 100%;
  max-height: 50%;
  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: 4%;
}


.iSlider[data-slide-layout="1"] .gallery-item .item-text[data-text-bg="0"][data-text-color="1"] {
  background: rgba(47, 48, 43,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 {
  width: 100%;
}


.gallery-item .item-text h2 {
      font-size: 1.4em;
  }

.gallery-item .item-text h3 {
      font-size: 1.4em;
  }






.iSlider .slidetabs {
  top: 100%;
  right: 0;
  bottom: auto;
  left: 0;
  text-align: center;
}


.iSlider .slidetabs a {
  margin: 0;
  padding: 10px 5px;
}


.iSlider .slidetabs a span {
  width: 20px;
  height: 20px;
}



.scrollicon {
  display: none;
}
}



@media (max-width: 600px) {
  .hero {
  padding: 0 0 calc(50% + 55px);
}

  .col-layout,
.layout2 .col-layout,
.layout3 .col-layout,
.contentBar .col-layout,
.form-modal .col-layout,
.overlay .col-layout {
  width: 100%;
  margin: 0;
}


.col-layout .column,
.layout2 .col-layout .column,
.layout3 .col-layout .column,
.contentBar .col-layout .column,
.form-modal .col-layout .column,
.overlay .col-layout .column {
  width: 100% !important;
  margin: 1em 0;
}
  .contentBar .background-map #map {
  height: 200px;
}

  .conForm .double1 {
  width: 100%;
  margin-right: 0;
  padding: 0 0 15px;
}


.conForm .double2 {
  width: 100%;
}


  #map {
  height: 200px;
}

#map.parascroll {
  padding: 0 0 calc(50% + 55px);
}

  .index .ix-full, .index .ix-bild,
.layout2 .ix-text, .layout2 .ix-full, .layout2 .ix-bild,
.layout3 .ix-text, .layout3 .ix-full, .layout3 .ix-bild {
  display: block;
  width: 100%;
  margin: 0;
}



.index .ix-full li, .index .ix-bild li,
.layout2 .ix-text li, .layout2 .ix-full li, .layout2 .ix-bild li,
.layout3 .ix-text li, .layout3 .ix-full li, .layout3 .ix-bild li {
  display: inline-block;
  width: 100%;
  margin: 2% 0;
}



.index .ix-product, .layout2 .ix-product, .layout3 .ix-product {
  width: 100%;
  margin: 0;
}

.ix-product li, .layout2 .ix-product li, .layout3 .ix-product li {
  width: 100%;
  margin: 2% 0;
}




.ix-bar .ix-img {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 0;
  padding: 0 0 50%;
}

.ix-bar li:nth-of-type(2n) .ix-img {
  right: auto;
}


.ix-bar .ix-info,
.ix-bar li:nth-of-type(2n) .ix-info {
  display: block;
  width: 100%;
  padding: 0 0 1em;
}


.ix-bar .ix-header {
  padding: 1em 0;
}

.ix-bar .ix-desc {
  padding: 0 0 1em;
}


.index .ix-collection li {
  width: 50%;
}


  .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,
.layout3 .media-gallery.gallery-audio .gallery-page,
.layout2 .media-gallery.gallery-video .gallery-page,
.layout3 .media-gallery.gallery-video .gallery-page,
.layout2 .media-gallery.gallery-slideshow .gallery-page,
.layout3 .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,
.layout3 .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,
.layout3 .gallery-thumbgrid .gallery-item,
.col-layout .gallery-thumbgrid .gallery-item,
.layout2 .col-layout .gallery-thumbgrid .gallery-item,
.layout3 .col-layout .gallery-thumbgrid .gallery-item {
  width: 31.3333%;
  margin: 1%;
}


.gallery-audio .gallery-item,
.gallery-video .gallery-item,
.layout2 .gallery-audio .gallery-item,
.layout3 .gallery-audio .gallery-item,
.layout2 .gallery-video .gallery-item,
.layout3 .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%;
}



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

.single-media .gallery-page .gal-text,
.content .single-media .gallery-page .gal-text {
  margin: 1em 0 0;
}

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


.gal-zoom span {
  font-size: 2em;
}




  h1 {
      font-size: 1.6em;
  }









h2.headline1 {
      font-size: 1.6em;
  }







  /* --- 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, .layout3 #teaser {
  width: 100%;
  margin: 1% 0;
}


.ZMSTeaserElement, .layout2 .ZMSTeaserElement, .layout3 .ZMSTeaserElement {
  display: block;
  width: 100%;
  margin: 1% 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;
}

  .person .btn {
  padding: 2%;
}

.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,
.layout3 .ix-person {
  width: 100%;
  margin: 0;
}

.ix-person li,
.layout2 .ix-person li,
.layout3 .ix-person li {
  width: 100%;
  margin: 1% 0;
}


.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;
}


  .column .countdown.layout0,
.column .countdown.layout1 {
  float: none;
  text-align: center;
}

.content > .countdown.layout0,
.layout0 .content > .countdown.layout0, .layout1 .content > .countdown.layout0 {
  width: 100%;
  margin: 15px 0;
}

.content > .countdown.layout1,
.layout0 .content > .countdown.layout1, .layout1 .content > .countdown.layout1 {
  width: 100%;
  margin: 15px 0;
}


.column .countdown.layout0 > div,
.column .countdown.layout1 > div,
:not(.ZMSTeaserElement) > .countdown.layout2 > div {
  display: block;
}
  .gallery-item .item-text h2 {
      font-size: 1em;
  }

.gallery-item .item-text h3 {
      font-size: 1em;
  }

}



@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"] > div,
.contentBar .background-image[data-bg-layout="3"] > div {
  padding: 0 0 66%;
}

  .gallery-thumbgrid .gallery-item,
.layout2 .gallery-thumbgrid .gallery-item,
.layout3 .gallery-thumbgrid .gallery-item,
.col-layout .gallery-thumbgrid .gallery-item,
.layout2 .col-layout .gallery-thumbgrid .gallery-item,
.layout3 .col-layout .gallery-thumbgrid .gallery-item {
  width: 48%;
}


  .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                                  */
/****************************************************/
/* --- COOKIE CONSENT --- */
.cookie-consent {
  position: fixed;
  display: block;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem 0;
  background-color: rgb(238,238,238);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
  color: rgb(51,51,51);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  clear: both;
  z-index: 100;
}


.no-csstransforms .cookie-consent {
  bottom: -100%;
}

body[data-cookie="top"] .cookie-consent {
  top: 0;
  bottom: auto;
  -webkit-transform: translate(0,-110%);
  transform: translate(0,-110%);
}

.no-csstransforms body[data-cookie="top"] .cookie-consent {
  top: -100%;
}


.cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.no-csstransforms .cookie-consent.show {
  bottom: 0;
}

body[data-cookie="top"] .cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.no-csstransforms body[data-cookie="top"] .cookie-consent.show {
  top: 0;
  bottom: auto;
}

.cookie-consent.show.hide {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}

.no-csstransforms .cookie-consent.show.hide {
  bottom: -100%;
}


.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-touchevents .cookie-consent a:hover, .no-touchevents .cookie-consent a:active,
.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;
  }

}




/* --- CONSENT MANAGER --- */

.cm-container-quick .btn {
  float: none;
}

.cm-container.show ~ #bodyMask {
  cursor: default;
}


.cm-container {
  padding: 0;
}


.cm-container {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.5);
  opacity: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}

.cm-container.open {
  display: flex;
  opacity: 1;
  z-index: 14;
}


.cm-container .consent-holder {
  position: relative;
  width: 92%;
  max-width: 800px;
  height: auto;
  max-height: 84vh;
  margin: auto;
  border-radius: 2px;
  padding: 2rem;
  background: rgb(47, 48, 43);
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}


.cm-container .consent-holder.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}


.cm-container .consent-holder.new {
  visibility: visible;
  z-index: 2;
}

.cm-container .close.hidden {
  display: none;
}

.cm-container .consent-holder > :first-child {
  margin-top: 0;
}


.cm-container form {
  padding: 2rem 0;
}

.cm-container form .formSend {
  text-align: right;
}



.cm-container .btn {
  margin: 0.5rem 0 0.5rem 1rem;
}


.cm-container .js-toggle > .js-toggle-headline,
.cm-container .js-toggle-container[data-icon-side="right"] .js-toggle > .js-toggle-headline {
  padding-left: 80px;
  padding-left: calc(65px + 1rem);
}

.cm-container .cm-options {
  margin: 2rem 0 0;
}



.cm-container .cm-options .switch-wrapper {
  position: absolute;
  top: 1em;
  left: 0;
  z-index: 1;
}


 /* The switch - the box around the slider */
.cm-container .switch {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 29px;
  margin: 0;
}

/* Hide default HTML checkbox */
.cm-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* The slider */
.cm-container .switch .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 29px;
  background-color: rgb(221,221,221);
  box-shadow: 0 0 3px rgba(0,0,0,0.25) inset;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  cursor: pointer;
}

.cm-container .switch input:checked + .switch-slider {
  background-color: rgb(92,165,36);
}

.cm-container .switch.always-on .switch-slider {
  background-color: rgb(133,163,109);
  cursor: not-allowed;
}


.cm-container .switch .switch-slider::before, .cm-container .switch .switch-slider::after {
  content: "";
  position: absolute;
  top: 4px;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  opacity: 0;
  font-size: 0.9em;
}


.cm-container .switch .switch-slider::before {
  content: attr(data-label-on);
  left: 10px;
  color: rgb(255,255,255);
}

.cm-container .switch .switch-slider::after {
  content: attr(data-label-off);
  right: 10px;
  opacity: 1;
}


.cm-container .switch input:checked + .switch-slider::before, .cm-container .switch.always-on .switch-slider::before {
  opacity: 1;
}

.cm-container .switch input:checked + .switch-slider::after, .cm-container .switch.always-on .switch-slider::after {
  opacity: 0;
}

.switch .switch-slider span {
  position: absolute;
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 4px;
  border-radius: 50%;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -webkit-transition: 0.25s;
  transition: 0.25s;
  z-index: 1;

}

.cm-container .switch input:checked + .switch-slider span, .cm-container .switch.always-on .switch-slider span {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}


.cm-settings-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1rem;
  z-index: 5;
  cursor: pointer;
}


.cm-settings-btn span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  line-height: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}


.cm-settings-btn span::before {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgb(255,255,255);
  box-sizing: border-box;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cm-settings-btn:hover span::before {
  box-shadow: 0 0 1px rgb(0,0,0);
  color: rgb(132, 154, 25);
}


.cm-settings-btn span::after {
  content: attr(title);
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 0.5rem;
  font-size: 0.85em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  color: rgb(153,153,153);
}

.cm-settings-btn:hover span::after {
  opacity: 1;
  visibility: visible;
}


@media (max-width: 600px) {

.cm-container .consent-holder {
  max-height: calc(100vh - 50px - 2rem);
  margin-top: calc(50px + 1rem);
  padding: 1rem;
}

.cm-container .close.hidden +.consent-holder {
  max-height: 84vh;
  margin-top: auto;
}


}


@media (max-width: 400px) {


.cm-container .btn {
  margin: 0.5rem 0;
}


}






/* --- INLINE PRIVACY NOTICE --- */
.notice-privacy {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 5% 10%;
  background-color: rgba(255,255,255,0.5);
  transition: all 0.3s;
  opacity: 0;
  font-weight: bold;
  line-height: 1.375;
  text-align: center;
  cursor: pointer;
}

.hover3 .notice-privacy::before, 
.hover4 .notice-privacy::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(132, 154, 25,0.6);
}


.notice-privacy:hover, .notice-privacy.visible,
a:hover .notice-privacy, a:active .notice-privacy {
  opacity: 1;
}

.layout0 .media-gallery.single-media[data-layout="0"] .notice-privacy,
.layout0 .media-gallery.single-media[data-layout="1"] .notice-privacy {
  font-size: 0.85em;
}

.notice-privacy[data-notice-color="2"] {
  color: rgb(255,255,255);
}

.notice-privacy[data-notice-color="3"] {
  color: rgb(0,0,0);
}

.notice-privacy p {
  margin: 0;
  z-index: 1;
}


.notice-privacy .btn {
  margin: 1rem 0 0;
}


@media (max-width: 1025px) {

.media-gallery.single-media .notice-privacy,
.layout0 .media-gallery.single-media[data-layout="0"] .notice-privacy,
.layout0 .media-gallery.single-media[data-layout="1"] .notice-privacy {
  padding: 5%;
  font-size: 0.85em;
}

.media-gallery.single-media[data-layout="0"] .notice-privacy .btn,
.media-gallery.single-media[data-layout="1"] .notice-privacy .btn {
  margin: 0.5rem 0 0;
}

}


@media (max-width: 600px) {

.media-gallery.single-media .notice-privacy,
.layout0 .media-gallery.single-media[data-layout="0"] .notice-privacy,
.layout0 .media-gallery.single-media[data-layout="1"] .notice-privacy {
  font-size: 0.75em;
}

.media-gallery.single-media[data-layout="2"] .notice-privacy .btn {
  margin: 0.5rem 0 0;
}

}
/*! 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 {
  color: rgb(47, 48, 43);
}

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;
  color: rgb(47, 48, 43);
} 

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 {
  font-size: 0.85em;
}

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: rgb(47, 48, 43);
}

body.zmi .ZMSTable,
body.zmi .ZMSTable th,
body.zmi .ZMSTable td {
  background: transparent;
}


body.zmi .ZMSTable th:first-child:before,
body.zmi .ZMSTable td:first-child:before,
body.zmi .ZMSTable caption:before,
body.zmi .ZMSTable th:first-child:after,
body.zmi .ZMSTable td:first-child:after,
body.zmi .ZMSTable caption:after {
  display: none;
}

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 .zmiRenderShort .btn {
  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-full {
  display: block;
  width: 100%;
  margin: 0;
}


body.zmi .ix-full li {
  display: inline-block;
  width: 100%;
  margin: 0.5em 0;
}



body.zmi .index .ix-bild {
  display: block;
  width: 100%;
  margin: 0;
}

body.zmi .ix-bild li {
  width: 48%;
  margin: 0.5em 1%;
}




body.zmi .index .ix-bar {
  left: 0;
  width: 100%;
  margin-top: 0;
}


body.zmi .ix-bar .ix-info {
  padding: 3em 0;
}


/* --- 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;
}



/* --- 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.lay0 {
  background-position: 0 5px;
}

body.zmi div.lay1 {
  background-position: 0 -97px;
}

body.zmi div.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(47, 48, 43);
  color: rgb(47, 48, 43);
  font-weight: bold;
  border: none; 
}