/****************************************************/
/*    1. CSS-Modul: COLORS                          */
/****************************************************/
.neutralColorTrans {background-color: transparent;}
.neutralColorWhite {background-color: #FFFFFF;}
.neutralColorBlack  {background-color: #000000;}
.neutralColorStrong {background-color: #999999;}
.neutralColorMedium {background-color: #DDDDDD;}
.neutralColorLight {background-color: #F9F9F9;}

.teaserColor {background-color: #0F6BB2;} /* -- Accent -- */

.secondColorStrong {background-color: #0F6BB2;} /* -- HG Dark (dk. blue) -- */
.secondColorMedium {background-color: #E0E0E0;} /* -- HG Medium -- */
.secondColorLight {background-color: #FAFAFA;} /* -- HG Light -- */

.primColorStrong {background-color: #0F6BB2;} /* -- Text Headline -- */
.primColorMedium {background-color: #333333;} /* -- Text Primary -- */
.primColorLight {background-color: #666666;} /* -- Text Secondary -- */





/****************************************************/
/*    2.  CSS-Modul: LAYOUT (PAGE REGIONS)          */
/****************************************************/
/* -- BODY ----------------------------------------------*/

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

body#web, body#webS {
  width:100%;
  height:100%;
  background:#fafafa;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.35em;
  color:#333333;
}


/* -- MIDDLE --------------------------------------------*/
#middle {
  position:relative;
  width:100%;
  clear:both;
  margin:25% 0 0;
  background:#fafafa;
}

.cGallery #middle {
  margin:67px 0 0;
}

#page {
  position:relative;
  width:85%;
  max-width:1180px;
  margin:0 auto;
  padding:0;
}
.no-mediaqueries #page {
  width:980px;
}
#page:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}
#content {
  position:relative;
  float:right;
  width:75%;
  min-height:100px;
  margin:0;
  padding:15px 26.3% 15px 15px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

.col1 #content {
  width:75%;
  padding:15px 0 15px 30px;
}

.col1Full #content {
  width:100%;
  padding:15px 0;
}

#webS #content {
  width:100%;
  padding:15px 0;
}

#left {
  position:relative;
  float:left;
  width:25%;
  padding:15px 15px 15px 0;
  z-index:1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}


.hero {
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:0;
  padding:0 0 25%;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
}

.no-touch .hero.parascroll {
  position:fixed;
}



/* --- VIDEO --- */

.hero > div {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  padding: 0 0 36.5%;
}

.csstransforms .hero > div {
  top: 50%;
  -webkit-transform: translate3D(0,-50%,0);
  transform: translate3D(0,-50%,0);
}

.hero22 video {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  background-repeat:   no-repeat;
  background-position: center center;
  background-size:     cover;
  background-color:    transparent;
}

.hero video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat:   no-repeat;
  background-position: center center;
  background-size:     cover;
  background-color:    transparent;
  object-fit: cover;
}


.touch .hero video {
  display: none;
}

.no-opacity .hero video {
  display: none;
}
/* -- TOP -----------------------------------------------*/
#top {
  position:fixed;
  top:0;
  right:0;
  left:0;
  background:#ffffff;
  background:rgba(255,255,255,0.9);
  clear:both;
  z-index:100;
}

header {
  position:relative;
  width:85%;
  max-width:1180px;
  height:60px;
  margin:0 auto;
}
.no-mediaqueries header {
  width:980px;
}

header:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

.logo {
  position:relative;
  float:left;
  width:200px;
  padding:10px 15px 10px 0;
}
.logo a {
  display:block;
}
.logo a img {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
}

/* --- Slide Navigation button --- */
#sTrigger {
  position:relative;
  display:none;
  width:30px;
  height:25px;
  margin-left:2%;
  padding:12px 15px;
  cursor:pointer;
  vertical-align:middle;
}

#sTrigger span {
  position:absolute;
  top:12px;
  left:0;
  width:30px;
  height:5px;
  border-radius:2px;
  background:#0f6bb2;
  box-shadow:-1px 1px 0 rgba(15, 107, 178,0.3) inset, -1px 1px 0 rgba(255,255,255,0.2);
}

#sTrigger span:before {
  content:"";
  position:absolute;
  top:9px;
  left:0;
  width:30px;
  height:5px;
  border-radius:2px;
  background:#0f6bb2;
  box-shadow:-1px 1px 0 rgba(15, 107, 178,0.3) inset, -1px 1px 0 rgba(255,255,255,0.2);
}
#sTrigger span:after {
  content:"";
  position:absolute;
  top:18px;
  left:0;
  width:30px;
  height:5px;
  border-radius:2px;
  background:#0f6bb2;
  box-shadow:-1px 1px 0 rgba(15, 107, 178,0.3) inset, -1px 1px 0 rgba(255,255,255,0.2);
}
/* -- BOTTOM --------------------------------------------*/
#bottom {
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

footer {
  width:85%;
  max-width:1180px;
  margin:7px auto 50px;
  padding:5px 0;
  clear:both;
  text-align:right;
}
.no-mediaqueries footer {
  width:980px;
}
.copyright {
  display:inline-block;
  width:auto;
  font-size:0.85em;
  line-height:1.25em;
  text-align:right;
  color:#666666;
}

.copyright a, .copyright span {
  padding:0 3px;
}

.metanav {
  position:relative;
  display:inline-block;
  width:auto;
  font-size:0.85em;
  line-height:1.25em;
}
.metanav a, .metanav span {
  padding:0 3px;
}


/****************************************************/
/*    3.  CSS-Modul: LAYOUT (PAGE ELEMENTS)         */
/****************************************************/
/* -- FORM -----------------------------------------*/
/* -- STANDARDS -----------------------------------------*/
form input, form select, form textarea {
  position:relative;
  max-width:100%;
  margin:0;
  border: 1px solid #e0e0e0;
  border-radius:3px;
  padding:3px 4px;
  background:#f9f9f9;
  box-shadow:0 0 3px rgba(0,0,0,0.1) inset, 0 1px 1px rgba(255,255,255,0.4);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.25em;
  color:#333333;
}

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

form .invalid input, form .invalid select, form .invalid textarea {
  border:1px solid #0f6bb2;
}
form .invalid input.radio, form .invalid input.checkbox {
  border:2px solid #0f6bb2;
  outline:2px solid #0f6bb2;
}


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

.conForm:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

/* --- SECTIONS --- */
.conForm section {
  float:left;
  width:100%;
  padding:0 0 10px 0; 
}

.conForm .formSend {
  width:100%;
  margin:0 0 20px;
  padding:0;
}

/* --- WRAPPERS --- */

.conForm div {
  position:relative;
  display:block;
  float:left;
  width:100%;
  padding:0 0 15px 0;
}

.conForm .wide {
  width:100%;
}
.conForm .double1 {
  width:32%;
  margin-right:5%;
  padding:0;
}
.conForm .double2 {
  width:63%;
  padding:0;
}
/* --- STANDARDS --- */
.conForm h1 {
  margin:0 0 15px;
  font-size:1.6em;
  line-height:1.25em;
}

.conForm h2 {
  margin-top:0;
}
.noJS .conForm .tabTitle {
  display:none;
}
.conForm h4 {
  margin:0 0 20px;
}
.conForm p {
  clear:both;
}
.star {
  padding:0 0 0 2px;
  opacity:0;
  font-size:1.1em;
  line-height:1em;
  font-weight:bold;
  color:#0f6bb2;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
.no-opacity .star {
  visibility:hidden;
}
.required .star {
  opacity:1;
}
.no-opacity .required .star {
  visibility:visible;
}

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

.conForm label.beside {
  display:block;
}


.conForm label.radio, .conForm .wide label.radio {
  display:block;
  float:left;
  width:auto;
  margin:0;
  padding:0 15px 0 0;
  color:#333333;
}

.conForm label#lCity, .conForm label#lShipcity {
  left:40%;
}

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

/* --- INPUTS --- */

.conForm input {
  position:relative;
  float: left;
  width: 100%;
  margin: 0;
  z-index:0;
}
.conForm input.short {
  width:30%;
}
.conForm input.medium {
  width:40%;
  margin:0 3%;
}

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

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

/* --- SELECT --- */

.conForm select {
  position:relative;
  float:left;
  width: 100%;
  cursor:pointer;
}
.conForm select.short {
  width:60px;
}

.conForm option {
  color:#333333;
}

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

/* --- WALL --- */
.conForm .errors {
  display:none;
  width:90%;
  margin:0 0 30px;
  border-radius:4px;
  padding:16px 5% 20px;
  background:#fafafa;
  background:rgba(15, 107, 178, 0.2);
  color:#CC0033;
}
.noJS .conForm .errors.show {
  display:block;
}
/* title */
.conForm .errors h2 {
  margin:0 0 10px 0;
  font-size:1em;
  line-height:1.25em;
}

.conForm .errors p {
  margin:5px;
  color:#333333;
}

/* -- SEARCH ---------------------------------------*/
/* -- (Input) -- */
.search {
  float:right;
  width:225x;
  height:22px;
  margin:0 3px 0 0;
  border:1px solid #999999;
  border-radius:6px;
  background:#ffffff;
}
.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:#666666;
  font-size:0.85em;
  line-height:1.25em;
}

.search input.submit {
  float:right;
  width:35px;
  height:35px;
  margin:-7px -7px 0 0;
  border:0;
  padding:0;
  background:transparent url(common/sprite-icons.png) -50px -80px no-repeat;
  box-shadow:none;
  font-size:0px;
  line-height:1px;
  color:#dddddd;
  cursor:pointer;
}
.search input.submit:hover {
  background-position:-50px -130px;
}


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


/****************************************************/
/*    4.  CSS-Modul: NAVIGATION                     */
/****************************************************/

/* -- CHANNEL MENU ---------------------------------*/
.menu {
  position:relative;
  float:right;
}
.menu ul {
  margin:0;
  padding:0;
  list-stlye-type:none;
}
.menu li {
  display:inline-block;
  margin:0;
  padding:0;
  vertical-align:top;
}

.menu a {
  position:relative;
  display:block;
  padding:19px 15px;
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1.1em;
  line-height:1.25em;
  color:#0f6bb2;
  text-decoration:none;
}

.menu li:last-child a {
  padding-right:0;
}

.menu span {
  display:block;
}


.menu ul li a:hover,
.menu ul li.active a {
  text-decoration:underline;
}

/* -- MACRONAVIGATION ------------------------------*/
.macronav {
  display:block;
  margin:0 0 15px;
  overflow:hidden;
}
.macronav ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
.macronav ul li {
  display:block;
  margin:0;
  padding:0;
}
.macronav ul li a {
  display:block;
  border-top:1px solid #dddddd;
  border-top:1px solid rgba(0,0,0,0.2);
  padding:0 15px;
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  color:#666666;
}

.macronav ul li:first-child a {
  border-top:0;
}
.macronav ul li a span {
  display:block;
  padding:8px 0;
}

.macronav ul li a:hover, .macronav ul li a:active {
  color:#0f6bb2;
}

.macronav ul li a.active,
.macronav ul li a.current {
  color:#0f6bb2;
}

/* -- level 2 -- */
.macronav ul li li a {
  font-size:0.85em;
  line-height:1.25em;
}
.macronav ul li li:first-child a, .macronav ul li:first-child li a {
  border-top:1px solid #dddddd;
  border-top:1px solid rgba(0,0,0,0.2);
}


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


/* -- level 3 -- */
.macronav ul ul ul {
  padding-bottom:5px;
}
.macronav ul li li li a {
  border:0;
  font-size:0.75em;
  line-height:1.25em;
}

.macronav ul li li li:first-child a, .macronav ul li li:first-child li a {
  border:0;
}
.macronav ul li li li a span {
  padding:2px 0 2px 30px;
}

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


/* -- MICRONAVIGATION ------------------------------*/
.micronav {
  display:block;
  width:100%;
  margin:0 0 15px;
  color:#666666;
  font-size:0.7em;
  line-height:1.25em;
}
.micronav a, .micronav span {
  padding:0 2px;
}


/* -- SLIDE NAVIGATION -----------------------------*/
#bodyMask {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:transparent url(pixel-black-60.png) 0 0 repeat;
  background:rgba(0,0,0,0.6);
  z-index:-1;
  opacity:0;
  -webkit-transition:opacity 0.3s, z-index 0.3s;
  transition:opacity 0.3s, z-index 0.3s;
  cursor:pointer;
}

.no-opacity #bodyMask {
  visibility:hidden;
}

#bodyMask.open {
  opacity:1;
  z-index: 8;
}

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


#sNav {
  display:block;
  position:fixed;
  top:0;
  bottom:0;
  left:-310px;
  width:300px;
  background:#fafafa;
  box-shadow:0 0 3px rgba(0,0,0,0.5);
  overflow-y:auto;
  overflow-x:hidden;
  z-index:9;
}

.csstransforms3d #sNav {
  left:0;
  -webkit-transform: translate3d(-310px, 0, 0);
  -ms-transform: translate3d(-310px, 0, 0);
  -o-transform: translate3d(-310px, 0, 0);
  transform: translate3d(-310px, 0, 0);
  -webkit-transition:-webkit-transform 0.3s ease, padding 0.3s;
  -ms-transition:-ms-transform 0.3s ease, padding 0.3s;
  -o-transition:-o-transform 0.3s ease, padding 0.3s;
  transition:transform 0.3s ease, padding 0.3s;
}

#sNav.open {
  left:0;
}

.csstransforms3d #sNav.open {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}



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

#sNav .macronav ul li:first-child a {
  border-top:1px solid rgba(0,0,0,0.2);
}


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


/* -- level 2 -- */
#sNav .macronav ul li li a span {
  padding-left:15px;
}


/* -- level 3 -- */
#sNav .macronav ul li li li:first-child a, #sNav .macronav ul li li:first-child li a {
  border-top:0;
}

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

/* -- level 4 -- */
#sNav .macronav ul li li li li:first-child a, #sNav .macronav ul li li li:first-child li a {
  border-top:0;
}

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



/****************************************************/
/*    5.  CSS-Modul: TEXT                           */
/****************************************************/
/* -- STANDARD -------------------------------------*/
hgroup {
  margin:30px 0 15px;
}

#content > hgroup {
  margin-top:0;
}

h1, h2,  h3, h4, h5 {
  margin:30px 0 15px;
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-weight:normal;
  color:#0f6bb2;
}


h1  {
  margin:0 0 15px;
  font-size:3.5em;
  line-height:1em;
}
hgroup h1 {
  margin:0;
}
h2  {
  font-size:1.6em;
  line-height:1.25em;
}
hgroup h2 {
  margin:5px 0 0;
  font-size:1.2em;
  line-height:1.25em;
}
h3 {
  font-size:1.4em;
  line-height:1.25em;
}
h4 {
  font-size:1.2em;
  line-height:1.25em;
}
p {
  margin:15px 0;
}

ul {
  list-style:disc;
  margin:15px 0;
  padding:0 30px;
}

ol {
  list-style: decimal;
  margin:15px 0;
  padding:0 30px;
}
li {
  padding:2px 0;
}
dl {
  display:block;
  margin:15px 0;
}
dl dt {
  margin:0;
  padding:15px 0 0 0;
  color:#333333;
  font-weight:bold;
}
dl dt a {
  color:#0f6bb2;
  font-weight:bold;
}
dl dt a:hover, dl dt a:active {
  color:#666666;
}
dl dd {
  color:#333333;
  margin:0;
  padding:0 0 15px;
}
dl dd a {
  font-weight:normal;
}
a {
  color:#0f6bb2;
  text-decoration:none;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

a:hover, a:active, a:focus {
  color:#0f6bb2;
  text-decoration:none;
}

a span {
  cursor:pointer;
}
a img {
  border:none;
}

hr {
  margin:15px 0;
  height:1px;
  background:#0f6bb2;
}
/* -- ZMS FORMAT (Text Formats) --------------------*/
strong, b {
  font-weight:bold;
}
i, em {
  font-style:italic;
}
small, .small {
  font-size:0.85em;
  line-height:1.25em;
}
p.caption {
  font-size:0.85em;
  line-height:1.3em;
  color:#666666;
}
p.emphasis {
  position:relative;
  display:block;
  margin:30px;
  padding:12px 15px;
  background:#fafafa;
  background:rgba(15, 107, 178,0.1);
  box-shadow:1px 1px 0 1px rgba(15, 107, 178,0.2);
  font-size:1em;
  line-height:1.35em;
}
p.description {
  font-weight:bold;
  font-style:italic;
  margin-bottom:15px;
}
blockquote {
  margin:30px;
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1.2em;
  line-height:1.5em;
}
.textblock_left2col {
  float:left;
  width:49%;
  margin-right:2%;
  text-align:left;
}
.textblock_right2col {
  float:left;
  width:49%;
  text-align:left;
}
.textblock_spacer {
  display:block;
  clear:both;
}


/****************************************************/
/*    6.  CSS-Modul: ZMS-DEFAULTS                   */
/****************************************************/
/* -- ZMS GRAPHIC ----------------------------------*/
div.ZMSGraphic {
  position:relative;
  max-width:100%;
  background:transparent; 
  margin:0 0 15px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
div.ZMSGraphic.pullimage {
  float:right;
  width:55.5%;
  margin-right:-55.5%;
  padding-left:30px;
}
div.ZMSGraphic.none {
  display:inline-block;
  vertical-align:top;
}
div.ZMSGraphic.left {
  float:left;
  width:100%;
  text-align:left;
}
div.ZMSGraphic.floatleft {
  float:left;
  margin-right:15px;
}
div.ZMSGraphic.right {
  float:right;
  width:100%;
  text-align:right;
}
div.ZMSGraphic.floatright {
  float:right;
  margin-left:15px;
}
div.ZMSGraphic.center {
  text-align:center;
}

div.ZMSGraphic div.graphic {
  display:block;
  position:relative;
  max-width:100%;
}
div.ZMSGraphic div.graphic a:hover, div.ZMSGraphic div.graphic a:active {
  border:0;
}

div.ZMSGraphic.center .graphic {
  margin:0 auto;
}
div.ZMSGraphic.right div.graphic {
  display:inline-block;
  width:auto;
}
/* --- text right of img --- */
div.ZMSGraphic div.graphic.left {
  float:left;
  margin:0 15px 0 0;
  text-align:right;
}
/* --- text left of img --- */
div.ZMSGraphic div.graphic.right {
  float:right;
  text-align:right;
  margin:0 0 0 15px;
}

div.ZMSGraphic div.graphic img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto !important;
}
div.ZMSGraphic div.text {
  max-width:100%;
}
div.ZMSGraphic div.text p {
  margin:0;
  padding:0;
  font-size:0.85em;
  line-height:1.3em;
  color:#666666;
}

div.ZMSGraphic.none div.text p,
div.ZMSGraphic.floatleft div.text p,
div.ZMSGraphic.floatright div.text p,
div.ZMSGraphic.center div.text p {
  padding:5px 0;
}

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

div.graphic a.zoom span, div.graphic a.imgUrl span {
  position:absolute;
  display:block;
  bottom:0;
  right:0;
  width:35px;
  height:35px;
  border:0;
  cursor:pointer;
  opacity:0.3;
  transition:opacity 0.3s;
}

div.graphic a.zoom span {
  background:#0f6bb2 url(sprite-icons.png) -516px -76px no-repeat;
  background:rgba(15, 107, 178,0.7) url(sprite-icons.png) -516px -76px no-repeat;
}

div.graphic a.imgUrl span {
  background:#0f6bb2 url(sprite-icons.png) -435px -74px no-repeat;
  background:rgba(15, 107, 178,0.7) url(sprite-icons.png) -435px -74px no-repeat;
}

div.graphic a.zoom:hover span, div.graphic a.zoom:active span,
div.graphic a.imgUrl:hover span, div.graphic a.imgUrl:active span {
  opacity:1;
}


/* -- ZMS TEASER -----------------------------------*/
div#teaser {
  position:relative;
}
#teaser div.ZMSTeaserElement {
  margin:15px 0;
  background:#fafafa;
  background:rgba(15, 107, 178,0.1);
  box-shadow:1px 1px 0 1px rgba(15, 107, 178,0.2);
  overflow:hidden;
}
#teaser .ZMSTeaserElement div.graphic {
  text-align:center;
}

#teaser .ZMSTeaserElement div.graphic img {
  display:inline-block;
  width:auto;
  max-width:100%;
  height:auto;
}
#teaser .ZMSTeaserElement .title {
  margin:11px 15px 15px;
  font-size:1.2em;
  line-height:1.25em;
}
div.ZMSTeaserElement img.title, #teaser .ZMSTeaserElement div.graphic .title {
  padding:0;
}
#teaser .ZMSTeaserElement .text {
  margin:11px 15px 15px;
  font-size:0.85em;
  line-height:1.25em;
}

#teaser .ZMSTeaserElement .title + .text {
  margin:-7px 15px 15px;
}
.linkItem {
  padding:0 0 0 5px;
}


/* -- ZMS TABLES -----------------------------------*/
table.ZMSTable {
  margin:15px 0;
  border-spacing:0;
  border-collapse:collapse;
  padding:0 0 5px 0;
}
table.ZMSTable th { 
  background:#e0e0e0;
  vertical-align:bottom;
  color:#0f6bb2;
  border-bottom:1px solid #dddddd;
}
table.ZMSTable tr th p {
  margin:0;
  padding:5px;
  color:#0f6bb2;
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-weight:normal;
  text-align:left;
}
table.ZMSTable tr td {
  border-bottom:1px solid #e0e0e0;
  vertical-align:top;
}
table.ZMSTable tr td p {
  margin:0;
  padding:5px;
  text-align:left;
}
table.ZMSTable caption {
  margin:0;
  padding:5px;
  background-color:transparent; 
  font-size:0.85em;
  line-height:1.25em;
  color:#666666;
  text-align:left;
}


/* -- ZMS FILE / ZMS LINK --------------------------*/
div.ZMSLinkElement { 
  background-color:#fafafa;
  margin:15px;
  padding:7px 10px;
}
div.ZMSFile { 
  background-color:transparent;
  margin:15px 0;
  padding:0;
}

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

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft { 
  float:left;
  width:50%;
}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright { 
  float:right;
  width:50%;
}

div.ZMSFile div.title, div.ZMSLinkElement div.title {
  font-size:1em;
}
div.ZMSFile div.title img, div.ZMSLinkElement div.title img {
  margin:-2px 5px 0 0;
}
div.ZMSFile div.title a, 
div.ZMSLinkElement div.title a {
  font-size:1em;
  font-weight:bold;
  text-decoration:none;
  color:#333333;
}

div.ZMSFile div.text, div.ZMSLinkElement div.text {
  padding-top:3px;
  font-size:1em;
}

div.ZMSFile div.description, div.ZMSLinkElement div.description {
  padding-top:3px;
  font-size:0.85em;
}


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

.clearLine {
  clear:both;
  width:100%;
  height:1px;
  margin:15px 0;
  padding:0;
  background:#0f6bb2;
  font-size:1px;
  line-height:0;
}
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}
img.imgNoborder {
  border:0px;
}


/****************************************************/
/*    7.  CSS-Modul: SPECIAL OBJECTS                */
/****************************************************/
/* -- BUTTONS --------------------------------------*/
.btn {
  display:inline-block;
  padding:7px 15px;
  margin:5px;
  border:0;
  border-radius:4px;
  background:#dddddd;
  box-shadow:1px 1px 0 #999999;
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.35em;
  color:#333333;
  text-align:center;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align:middle;
  cursor:pointer;
  -webkit-transition:none;
  transition:none;
}

.btn:hover,
.btn:focus {
  background:#0f6bb2;
  color:#ffffff;
  text-decoration:none;
}

.btn:focus {
  outline:0;
}

.btn.active,
.btn:active {
  outline:0;
  box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15);
}

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

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

/* --- PRIMARY --- */
.btn-primary {
  background:#0f6bb2;
  color:#ffffff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary[disabled] {
  background:#dddddd;
  color:#0f6bb2;
}


/* --- SECONDARY --- */
.btn-secondary {
  background:#0f6bb2;
  color:#ffffff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.disabled,
.btn-secondary[disabled],
a:hover .btn-secondary {
  background:#0f6bb2;
  color:#ffffff;
}


/* --- INVERSE --- */
.btn-inverse {
  background:#000000;
  color:#ffffff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}


.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background:#dddddd;
  color:#000000;
}





/* -- PHOTO ALBUM ----------------------------------*/
/* --- PHOTOALBUM & VIDEOALBUM --- */
.tGrid {
  position:relative;
  display:block;
  width:155.5%;
  margin:15px 0;
}

.tGrid:before, .tGrid:after, .galPage .wrap:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

.galPage {
  position:relative;
  overflow:hidden;
}

.tGrid h3 {
  margin-top:0;
}


/* --- DEFAULTS --- */
.tGrid .tImg a img {
  position:relative;
  display:block;
  width:100%;
  height:auto;
  border:0;
}

span.galZoom {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:transparent url(galzoom.png) center no-repeat;
  overflow:hidden;
  opacity:0;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
.no-opacity span.galZoom {
  visibility:hidden;
}

a:hover span.galZoom, a:active span.galZoom {
  opacity:1;
}
.no-opacity a:hover span.galZoom, .no-opacity a:active span.galZoom {
  visibility:visible;
}


/* --- PHOTO THUMBNAILS --- */
.tGrid .wrap {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  text-align:center;
  opacity:0;
}

.no-opacity .tGrid .wrap {
  visibility:hidden;
}

.tGrid .wrap.active {
  position:relative;
  top:auto;
  bottom:auto;
  left:auto;
  opacity:1;
}

.no-opacity .tGrid .wrap.active {
  visibility:visible;
}
.tGrid.tArrows .galPage {
  width:85%;
  margin:0 auto;
}
.tGrid .tImg {
  position:relative;
  float:left;
  width:23.5%;
  margin:1%;
  overflow:hidden;
  -webkit-transition:width 0.3s, margin 0.3s;
  transition:width 0.3s, margin 0.3s;
}
.tGrid .med1 {
  margin-left:0;
  clear:left;
}
.tGrid .med4 {
  margin-right:0;
}

.tGrid .tImg a {
  position:relative;
  display:block;
  width:100%;
  padding:0 0 53%;
  background:rgb(20,20,20) url(loader.gif) center center no-repeat;
  background:rgba(0,0,0,0.75) url(loader.gif) center center no-repeat;
  text-align:center;
  -webkit-transition:border 0.3s;
  transition:border 0.3s;
  overflow:hidden;
}

.tGrid .tImg .img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.tGrid .loader {
  position:absolute;
  display:block;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:url(pixel-black-60.png) center center repeat;
  background:rgba(0,0,0,0.5);
  opacity:0;
  visibility:hidden;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
  z-index:503;
}

.tGrid .loader.view {
  opacity:1;
  visibility:visible;
}

.tGrid .loader span {
  position:absolute;
  display:block;
  top:50%;
  left:50%;
  width:32px;
  height:32px;
  margin:-26px 0 0 -26px;
  border-radius:3px;
  padding:10px;
  background:rgb(20,20,20) url(loader.gif) center center no-repeat;
  background:rgba(0,0,0,0.7) url(loader.gif) center center no-repeat;
}

/* --- PAGE NAVIGATION --- */
.navPages {
  margin:15px 0;
  text-align:center;
}

.navPages a {
  position:relative;
  display:inline-block;
  border-radius:3px;
  padding:4px 10px;
  border:1px solid #dddddd;
  border-left-width:0;
  background-color: #ffffff;
  text-decoration: none;
  -webkit-transition:background-color 0.3s;
  transition:background-color 0.3s;
  vertical-align:middle;
}
.navPages a:hover, .navPages a:active,
.navPages .active {
  background-color: #fafafa;
}

.navPages .active {
  color: #0f6bb2;
  cursor: default;
}

.navPages .active span {
  cursor: default;
}

.navPages .disabled,
.navPages .disabled:hover,
.navPages .disabled:focus {
  background-color: #ffffff;
  color: #666666;
  cursor: default;
  opacity:0.5;
}

.navPages .disabled span {
  cursor: default;
}

.navPages a:first-child {
  border-left-width: 1px;
  border-radius:3px 0 0 3px;
}

.navPages a:last-child {
  border-radius:0 3px 3px 0;
}


/* --- PAGE ARROW NAVIGATION --- */
.navArrows {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:0;
}

.navArrows a {
  position:absolute;
  display:block;
  top:0;
  bottom:0;
  width:50%;
  padding:0;
  vertical-align:middle;
}

.navArrows .prev {
  left:0;
}

.navArrows .next {
  right:0;
}

.navArrows a span {
  position:absolute;
  display:block;
  top:50%;
  width:18px;
  height:35px;
  margin-top:-17px;
  background-image:url(sprite-icons.png);
  background-repeat:no-repeat;
}

.navArrows .prev span {
  left:0;
  background-position:-80px -160px;
}

.navArrows .next span {
  right:0;
  background-position:-160px -160px;
}

.navArrows .prev:hover span {
  background-position:-80px -240px;
}

.navArrows .next:hover span {
  background-position:-160px -240px;
}


/* --- PHOTOALBUM - SLIDESHOW --- */
.thumbTab {
  position:relative;
  width:49%;
}
.thumbTab.left {
  float:left;
  margin:0 15px 15px 0;
}
.thumbTab.right {
  float:right;
  margin:0 0 15px 15px;
}

.thumbTab.center {
  width:100%;
  margin:15px 0;
}

/* container for slides */
.thumbImg {
  position:relative;
  width:100%;
  padding:0 0 65%;
  background:#e0e0e0;
}

/* single slide */
.thumbImg .slideImg {
  position:absolute;
  display:block;
  top:8px;
  right:8px;
  bottom:8px;
  left:8px;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:0;
  overflow:hidden;
  -webkit-transition:all 1s;
  transition:all 1s;
}

.thumbImg .slideImg.active {
  opacity:1;
}

.thumbImg .slideImg.fadeOut {
  opacity:0;
}

.thumbImg .slideImg.fadeIn {
  opacity:1;
}

.thumbImg .slideImg span {
  position:absolute;
  display:block;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden;
}

.thumbImg .slideImg img {
  display:block;
  width:100%;
  height:auto;
}

/* tabs (those little circles below slides) */
.slidetabs {
  margin:5px 0 0;
  text-align:center;
}

/* single tab */
.slidetabs a {
  display:inline-block;
  width:8px;
  height:8px;
  padding:6px;
  outline:none;
}

.slidetabs a span {
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f9f9f9;
  background:rgba(0,0,0,0.3);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  outline:none;
}

.slidetabs a:hover span, .slidetabs a:active span {
  background:#dddddd;
  background:rgba(0,0,0,0.7);
}

.slidetabs a.active span {
  background:#0f6bb2;
}




/* --- PANORAMA --- */
.single-media .gallery-item {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}


.content .single-media .gallery-page.view-wide .gal-text {
  margin: 15px 0 0;
}


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


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

.single-media h3 {
  margin-top: 15px;
}



/* --- SINGLE VIDEO --- */
.cVideo {
  display:block;
  margin:15px 0;
}
.cVideo:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

.cVideo span {
  position:relative;
  display:block;
  color:#333333;
  text-decoration:none;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}

.cVideo .vImg {
  float:left;
  width:50%;
  margin: 0 2% 0 0;
}

.cVideo .vImg img {
  display:block;
  width:100%;
  height:auto;
}

.cVideo .vText {
  margin-left:52%;
}
.cVideo .vTitle {
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1.2em;
  line-height:1.25em;
  color:#0f6bb2;
}
.cVideo .vDesc {
  padding:6px 0 0;
  font-size:0.85em;
  line-height:1.25em;
}
.cVideo .vPlay {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:transparent url(vidPlay.png) center center no-repeat;
  opacity:0;
}

.cVideo:hover .vPlay, .cVideo:active .vPlay {
  opacity:1;
}
.cVideo:hover .vText, .cVideo:active .vText {
  opacity:1;
}

.cVideo .vMore {
  font-size:0.85em;
  line-height:1.25em;
  color:#0f6bb2;
}

.cVideo:hover .vMore, .cVideo:active .vMore {
  text-decoration:underline;
}

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


.vGrid {
  display:block;
  width:155.5%;
  margin:15px 0;
  clear: both;
}
.galVideo:before, .galVideo:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

.galVid {
  float:left;
  width:23.5%;
  margin:1%;
}

.vGrid .med1 {
  margin-left:0;
  clear:left;
}
.vGrid .med4 {
  margin-right:0;
}

.galVid span {
  position:relative;
  display:block;
  color:#333333;
  text-decoration:none;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}

.galVid .vImg img {
  display:block;
  width:100%;
  height:auto;
}

.galVid .vText {
  margin:5px 0 0;
}
.galVid .vTitle {
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  color:#0f6bb2;
}
.galVid .vPlay {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:transparent url(vidPlay.png) center center no-repeat;
  opacity:0;
}

.galVid a:hover .vPlay, .galVid a:active .vPlay {
  opacity:0;
}
.galVid a:hover .vText, .galVid a:active .vText {
  opacity:1;
}



/* --- NEW OVERLAY GALLERY --- */
#galOverlay {
  position:fixed;
  top:100%;
  right:0;
  bottom:0;
  left:0;
  background:#000000;
  text-align:center;
  z-index:500;
  -webkit-transition:all 0.6s;
  transition:all 0.6s;
  -webkit-backface-visibility: hidden;
}

.csstransforms3d #galOverlay {
  top:0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
#galOverlay.open {
  top:0;
}

.csstransforms3d #galOverlay.open {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#galOverlay.changing {
  top:0;
}
.csstransforms3d #galOverlay.changing {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.contentGallery {
  position:relative;
  width:100%;
  text-align:center;
}

#galOverlay #vidImg {
  padding:15px 10%;
}

#galOverlay .galImg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding:15px 10% 85px;
  text-align:center;
  -webkit-transition:all 0.6s;
  transition:all 0.6s;
  z-index:501;
  opacity:0;
  visibility:hidden;
}

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

.contentGallery #vidImg {
  display:inline-block;
  width:100%;
  height:auto;
}

#galOverlay .galImg.view {
  opacity:1;
  visibility:visible;
}

#galOverlay .galImg.active {
  opacity:1;
  visibility:visible;
}


#galOverlay .galImg.moveToLeft, .tGrid .moveToLeft {
  -webkit-animation: moveToLeft .6s ease both;
  animation: moveToLeft .6s ease both;
  opacity:1;
  visibility:visible;
}

#galOverlay .galImg.moveFromRight, .tGrid .moveFromRight {
  -webkit-animation: moveFromRight .6s ease both;
  animation: moveFromRight .6s ease both;
  opacity:1;
  visibility:visible;
}

#galOverlay .galImg.moveToRight, .tGrid .moveToRight {
  -webkit-animation: moveToRight .6s ease both;
  animation: moveToRight .6s ease both;
  opacity:1;
  visibility:visible;
}

#galOverlay .galImg.moveFromLeft, .tGrid .moveFromLeft {
  -webkit-animation: moveFromLeft .6s ease both;
  animation: moveFromLeft .6s ease both;
  opacity:1;
  visibility:visible;
}

@-webkit-keyframes moveToLeft {
	from { -webkit-transform: translateX(0); }
	to { -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeft {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}


@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
	to { -webkit-transform: translateX(0); }
}
@keyframes moveFromRight {
	from { transform: translateX(100%); }
	to { transform: translateX(0); }
}


@-webkit-keyframes moveToRight {
	from { -webkit-transform: translateX(0); }
	to { -webkit-transform: translateX(100%); }
}
@keyframes moveToRight {
	from { transform: translateX(0); }
	to { transform: translateX(100%); }
}


@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); }
	to { -webkit-transform: translateX(0); }
}
@keyframes moveFromLeft {
	from { transform: translateX(-100%); }
	to { transform: translateX(0); }
}

#galOverlay .galImg .mid, .contentGallery .galImg .mid {
  display:inline-block;
  width:1px;
  height:100%;
  margin-left:-1px;
  vertical-align:middle;
}

#galOverlay .galImg img, .contentGallery .galImg img {
  display:inline-block;
  width:auto;
  max-width:90%;
  height:auto;
  max-height:90%;
  box-shadow:0 0 150px rgba(255, 255, 255, 0.2);
  vertical-align:middle;
}

#galOverlay #vidImg img {
  opacity:0;
  visibility:hidden;
}

#galOverlay #vidImg .video-container,
#galOverlay .galImg .video-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: #000000 url(loader.gif) center center no-repeat;
  z-index: 5;
}

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

#galOverlay #vidImg #player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contentGallery #vidImg #player {
  position:relative;
  display:inline-block;
  width:100%;
  height:0;
  padding:0 0 50%;
  vertical-align:middle;
}
#galOverlay #vidImg #player object, .contentGallery #vidImg #player object {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

#galOverlay .galImg .text {
  position:absolute;
  right:15%;
  bottom:0;
  left:15%;
  padding:0 0 15px;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
  color:#ffffff;
  color:rgba(255,255,255,0.7);
  -webkit-transition:all 0.6s;
  transition:all 0.6s;
}

.contentGallery .text {
  position:relative;
  width:100%;
  text-align:center;
  padding:15px 0;
  color:#ffffff;
  color:rgba(255,255,255,0.7);
}

#galOverlay .galImg .text.view {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#galOverlay .close {
  position:absolute;
  right:15px;
  top:15px;
  width:20px;
  height:20px;
  padding:10px;
  background:transparent url(sprite-icons.png) 10px -70px no-repeat;
  cursor:pointer;
  z-index:505;
  opacity:0.5;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
#galOverlay .close:hover {
  opacity:1;
}

#galOverlay .loader {
  position:absolute;
  display:block;
  top:50%;
  left:50%;
  width:32px;
  height:32px;
  margin:-26px 0 0 -26px;
  border-radius:3px;
  padding:10px;
  background:rgb(20,20,20) url(loader.gif) center center no-repeat;
  background:rgba(0,0,0,0.7) url(loader.gif) center center no-repeat;
  opacity:1;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
  z-index:503;
}
#galOverlay .loader.hide {
  opacity:0;
}

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

#galOverlay nav {
  position:absolute;
  display:block;
  top:0;
  bottom:0;
  width:60px;
  opacity:0.5;
  background:transparent;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
  z-index:504;
  cursor:pointer;
}

#galOverlay nav:hover {
  opacity:1;
}
#galOverlay nav.prev {
  left:0;
}

#galOverlay nav.next {
  right:0;
}
#galOverlay nav.disabled {
  opacity:0.3;
  cursor:default;
}

#galOverlay nav.hide {
  opacity:0;
  cursor:default;
}

.no-opacity #galOverlay nav.hide {
  visibility:hidden;
}

#galOverlay nav span {
  position:absolute;
  display:block;
  top:50%;
  width:40px;
  height:40px;
  margin-top:-30px;
  padding:10px;
  background-image:url(sprite-icons.png);
  background-repeat:no-repeat;
  cursor:pointer;
}
#galOverlay .next span {
  right:0;
  background-position:-300px -230px;
}
#galOverlay .prev span {
  left:0;
  background-position:-220px -230px;
}


/* --- 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;
  padding:10px;
}

.contentGallery .galNav span {
  position:relative;
  display:block;
  width:25px;
  height:25px;
  padding:10px;
  background-image:url(sprite-icons.png);
  background-repeat:no-repeat;
  background-color:rgba(20,20,20,0.5);
}

.contentGallery .galNav .next span {
  background-position:-223px -68px;
}
.contentGallery .galNav .prev span {
  background-position:-143px -68px;
}



/* -- INDEX ----------------------------------------*/
/* -- INDEX ----------------------------------------*/
#index {
  position:relative;
  float:left;
  width:100%;
  margin:0;
  padding:0;
}

#index ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

#index li {
  position:relative;
  margin:15px 0;
  padding:0;
}
#index a {
  position:relative;
  display:block;
}
#index span {
  position:relative;
  display:block;
  color:#333333;
  text-decoration:none;
}

#index .ixImg {
  overflow:hidden;
}
#index .ixImg img {
  display:block;
  width:100%;
  height:auto;
}
#index .ixTitle {
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1.2em;
  line-height:1.25em;
  color:#0f6bb2;
}

#index .ixMore {
  font-size:0.85em;
  line-height:1.25em;
  color:#ffffff;
}
#index .ixMore span {
  display:inline-block;
  width:5px;
  height:5px;
  margin:0 5px 0 0;
}


/* -- Titel mit Beschreibung -- */
#index .ix0 a:hover .ixTitle, #index .ix0 a:active .ixTitle, #index .ix0 a:focus .ixTitle {
  text-decoration:underline;
}


/* -- Einspaltig - Bild, Titel und Beschreibung -- */
#index .ix1 a {
  border:1px solid #e0e0e0;
  padding:8px;
  overflow:hidden;
}

#index .ix1 .ixImg {
  float:left;
  width:30%;
  margin: 0 1% 0 0;
}
#index .ix1 .col2 {
  margin-left:31%;
}
#index .ix1 .ixDesc {
  padding:6px 0 0;
}
#index .ix1 .ixMore {
  padding:6px 0 0;
  color:#0f6bb2;
}

#index .ix1 a:hover, #index .ix1 a:active, #index .ix1 a:focus {
  box-shadow:0 0 6px #e0e0e0;
  background:#f9f9f9;
}


/* -- Dreispaltig - Bild und Titel -- */
#index .ix2 li {
  float:left;
  width:32%;
  margin:1%;
  padding:0;
}
#index .ix2 .small1 {
  margin-left:0;
  clear:left;
}
#index .ix2 .small3 {
  margin-right:0;
}
#index .ix2 a {
  overflow:hidden;
}

#index .ix2 .ixText {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

#index .ix2 .ixTitle {
  padding:8px 8px 0;
  font-size:1.2em;
  line-height:1.25em;
  color:#ffffff;
  text-shadow:0 0 2px rgba(0,0,0,0.7);
}

#index .ix2 .ixDesc {
  position:absolute;
  top:100%;
  right:0;
  left:0;
  padding:8px;
  font-size:0.85em;
  line-height:1.25em;
  color:#ffffff;
  -webkit-transition:all 0.25s;
  transition:all 0.25s;
}

.csstransforms3d #index .ix2 .ixDesc {
  top:auto;
  -webkit-transform: translate3d(0, 600%, 0);
  -ms-transform: translate3d(0, 600%, 0);
  -o-transform: translate3d(0, 600%, 0);
  transform: translate3d(0, 600%, 0);
}

#index .ix2 .ixMore {
  padding:8px 0 0;
  font-size:1em;
  line-height:1.25em;
}

#index .ix2 .ixBack {
  position:absolute;
  top:100%;
  right:0;
  bottom:0;
  left:0;
  background:transparent url(pixel-black-60.png) 0 0 repeat;
  background:rgba(0,0,0,0.7);
  -webkit-transition:all 0.35s;
  transition:all 0.35s;
}

.csstransforms3d #index .ix2 .ixBack {
  top:0;
  -webkit-transform: translate3d(0, 150%, 0);
  -ms-transform: translate3d(0, 150%, 0);
  -o-transform: translate3d(0, 150%, 0);
  transform: translate3d(0, 150%, 0);
}


#index .ix2 a:hover .ixDesc, #index .ix2 a:active .ixDesc, #index .ix2 a:focus .ixDesc {
  top:auto;
}

.csstransforms3d #index .ix2 a:hover .ixDesc, .csstransforms3d #index .ix2 a:active .ixDesc, .csstransforms3d #index .ix2 a:focus .ixDesc {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition:all 0.35s;
  transition:all 0.35s;
}


.csstransforms3d #index .ix2 a:hover .ixBack, .csstransforms3d #index .ix2 a:active .ixBack, .csstransforms3d #index .ix2 a:focus .ixBack {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition:all 0.25s;
  transition:all 0.25s;
}




/* -- GOOGLE MAP -----------------------------------*/
#map {
  position:relative;
  margin:0;
  width:100%;
  height:350px;
}



/* -- COLUMN LAYOUT --------------------------------*/
.colLayout {
  position:relative;
}
.colLayout h3 {
  margin-bottom:0;
}
.colLayout p {
  word-wrap:break-word;
}

.colLayout > div {
  position:relative;
  display:inline-block;
  margin-right:1%;
  margin-left:1%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  vertical-align:top;
}

/* --- 2 COL 50/50 --- */
.colLayout.type1 > div {
  width:49%;
}

.colLayout.type1 .two1 {
  margin-left:0;
  clear:left;
}

.colLayout.type1 .two2 {
  margin-right:0;
}


/* --- 2 COL 60/40 --- */
.colLayout.type3 .two1 {
  width:59%;
  margin-left:0;
  clear:left;
}
.colLayout.type3 .two2 {
  width:39%;
  margin-right:0;
}


/* --- 2 COL 40/50 --- */
.colLayout.type4 .two1 {
  width:39%;
  margin-left:0;
  clear:left;
}
.colLayout.type4 .two2 {
  width:59%;
  margin-right:0;
}


/* --- 2 COL 70/30 --- */
.colLayout.type5 .two1 {
  width:69%;
  margin-left:0;
  clear:left;
}
.colLayout.type5 .two2 {
  width:29%;
  margin-right:0;
}


/* --- 2 COL 30/70 --- */
.colLayout.type6 .two1 {
  width:29%;
  margin-left:0;
  clear:left;
}
.colLayout.type6 .two2 {
  width:69%;
  margin-right:0;
}


/* --- 3 COL --- */
.colLayout.type2 > div {
  width:32%;
}

.colLayout.type2 .three1 {
  margin-left:0;
  clear:left;
}

.colLayout.type2 .three3 {
  margin-right:0;
}


/* --- 4 COL --- */
.colLayout.type8 > div {
  width:23.5%;
}

.colLayout.type8 .four1 {
  margin-left:0;
  clear:left;
}

.colLayout.type8 .four4 {
  margin-right:0;
}



/* --- 5 COL --- */
.colLayout.type7 > div {
  width:18.4%;
}
.colLayout.type7 .five1 {
  margin-left:0;
  clear:left;
}
.colLayout.type7 .five5 {
  margin-right:0;
}


/* --- COLUMN GRAPHIC --- */
.colLayout div.ZMSGraphic {
  width:100%;
  margin-top:15px;
  margin-left:0;
  margin-right:0;
}

.colLayout div.ZMSGraphic div.graphic {
  width:100% !important;
}





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

.reference li {
  position:relative;
  display:inline-block;
  width:15%;
  margin:1%;
  padding:0;
  vertical-align:middle;
}
.reference .large1 {
  margin-left:0;
  clear:left;
}
.reference .large6 {
  margin-right:0;
}

.reference span {
  position:relative;
  display:inline-block;
  vertical-align:middle;
}

.reference .mid {
  width:1px;
  height:100%;
  margin-left:-1px;
}

.reference .reImg {
  width:90%;
  padding:0 5%;
  text-align:center;
}

.reference img {
  display:inline-block;
  width:auto;
  max-width:98%;
  height:auto;
  max-height:115px;
}
.swfObj {
  display:block;
  margin:30px 0;
}
.swfObj:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

.swfObj span {
  position:relative;
  display:block;
  color:#333333;
  text-decoration:none;
}

.swfObj .swfImg {
  float:left;
  width:50%;
  margin:3px 2% 0 0;
}

.swfObj .swfImg img {
  display:block;
  width:100%;
  height:auto;
}

.swfObj .vPlay {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:transparent url(vidPlay.png) center center no-repeat;
  opacity:0;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.swfObj:hover .vPlay, .swfObj:active .vPlay {
  opacity:1;
}
.swfObj:hover .vText, .swfObj:active .vText {
  opacity:1;
}

.swfObj .swfText {
  margin-left:52%;
}
.swfObj .swfDesc {
  padding:6px 0 0;
  font-size:0.85em;
  line-height:1.25em;
}
.swfObj .swfTitle {
  font-family:Coda,'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1.2em;
  line-height:1.25em;
  color:#0f6bb2;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.swfObj .swfMore {
  font-size:0.85em;
  line-height:1.25em;
  color:#0f6bb2;
}

.swfObj:hover .swfMore, .swfObj:active .swfMore {
  text-decoration:underline;
}


#galOverlay #swfIframe {
  padding:0;
  overflow:auto;
}

#galOverlay .swfIframe {
  position: relative;
  display: inline-block;
  margin: 0;
  box-shadow: 0 0 150px rgba(255, 255, 255, 0.2);
  vertical-align: middle;
}


/* -- SCREEN SIZES ---------------------------------*/
@media (max-width:1100px) {

  header {
    width:100%;
  }

  #page, footer {
    width:96%;
  }

  .logo {
    padding-left:2%;
  }

  .menu {
    padding-right:2%;
  }
  .menu a {
    padding:19px 10px;
    font-size:1em;
    line-height:1.25em;
  }

}



@media (max-width: 1025px) {

}



/* --- TABLET PORTRAIT --- */
@media (max-width: 800px) {

  header {
    height:50px;
  }
  #sTrigger {
    display:inline-block;
  }
  .logo {
    float:right;
    width:150px;
    padding-right:2%;
  }
  .menu, #left .macronav {
    display:none;
  }
  #middle {
    margin:24% 0 0;
  }

  #content {
    float:left;
    width:100%;
    padding:15px 0;
  }
  .col1 #content {
    width:100%;
    padding:15px 0;
  }


  .hero {
    padding:0 0 24%;
  }



  #left {
    width:100%;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
  }
  #teaser {
    border-top:1px solid #e0e0e0;
    padding-top:20px;
    overflow:auto;
    -webkit-columns:2 230px;
    -moz-columns:2 230px;
    -ms-columns:2 230px;
    -o-columns:2 230px;
    columns:2 230px;
    -webkit-column-gap:24px;
    -moz-column-gap:24px;
    -ms-column-gap:24px;
    -o-column-gap:24px;
    column-gap:24px;
  }

  #teaser div.ZMSTeaserElement {
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    column-break-inside:avoid;
    display:inline-block;
    width:100%;
  }
  footer {
    text-align:center;
  }
  .metanav {
    display:block;
  }
  .copyright span:last-of-type {
    display:none;
  }
  .copyright {
    display:block;
    padding:10px 0 0;
    text-align:center;
  }

  div.ZMSGraphic.pullimage {
    width:auto;
    margin:15px 0 15px 15px;
    padding-left:0;
 }

  p.emphasis, blockquote {
    margin:30px 15px;
  }


  form input, form select, form textarea {
    -webkit-appearance:none;
    -moz-appearance:none;
  }

  #index .ix1 .ixImg {
    margin:0 8px 0 0;
  }
  #index .ix1 .ixText.col2 {
    margin-left:0;
  }

  #index .ix1 li:nth-of-type(2n) .ixText.col2 {
    margin-right:0;
  }

  #index .ix2 li {
    width:49%;
  }
  #index .ix2 .small1 {
    margin-left:1%;
    clear:none;
  }
  #index .ix2 .small3 {
    margin-right:1%;
  }

  #index .ix2 .odd {
    margin-left:0;
    clear:left;
  }
  #index .ix2 .even {
    margin-right:0;
  }

  #index .ix2 .ixDesc, #index .ix2 .ixBack {
    display:none;
  }

  .swfObj .swfImg {
    width:33%;
  }

  .swfObj .swfText {
    margin-left:0;
  }

  .tGrid, .vGrid {
    width:100%;
  }

  .tGrid .tImg, .galVid {
    width:32%;
  }
  .tGrid .med1, .vGrid .med1 {
    margin-left:1%;
    clear:none;
  }
  .tGrid .med4, .vGrid .med4 {
    margin-right:1%;
  }
  .tGrid .small1, .vGrid .small1 {
    margin-left:0;
    clear:left;
  }
  .tGrid .small3, .vGrid .small3 {
    margin-right:0;
  }

  span.galZoom {
    opacity:0.3;
  }

  .cVideo .vImg {
    width:33%;
  }

  .cVideo .vText {
    margin-left:0;
  }
  .cVideo .vPlay, .cVideo:hover .vPlay, .cVideo:active .vPlay {
    opacity:0.3;
  }
  .cVideo:hover .vText, .cVideo:active .vText {
    opacity:1;
  }

  .reference li {
    width:23.5%;
  }
  .reference .large1 {
    margin-left:1%;
    clear:none;
  }
  .reference .large6 {
    margin-right:1%;
  }

  .reference .med1 {
    margin-left:0;
    clear:left;
  }
  .reference .med4 {
    margin-right:0;
  }

}


/* --- GALLERY --- */
@media (max-width:800px) and (orientation:portrait) {
  #galOverlay nav {
    top:auto;
    bottom:10px;
    width:45px;
    height:45px;
    padding:10px;
    background:rgba(20,20,20,0.5);
  }
  #galOverlay nav.next {
    right:50%;
    margin-right:-65px;
  }
  #galOverlay nav.prev {
    left:50%;
    margin-left:-65px;
  }
  #galOverlay nav span {
    position:relative;
    top:auto;
    width:25px;
    height:25px;
    margin:0;
    background-color:rgba(255,255,255,0.2);
  }
  #galOverlay .next span {
    right:auto;
    background-position:-223px -68px;
  }
  #galOverlay .prev span {
    left:auto;
    background-position:-143px -68px;
  }


}

@media (max-width:800px) and (orientation:landscape) {


}



@media (max-width: 600px) {

  #middle {
    margin:35% 0 0;
  }
  .hero {
    padding:0 0 35%;
  }

  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:2.5em;
    line-height:1em;
  }

  #index .ix1 .ixImg {
    width:40%;
  }

  .colLayout > div {
    width:100% !important;
    margin:0 !important
  }

  .tGrid .tImg, .galVid {
    width:49%;
  }
  .tGrid .small1, .vGrid .small1 {
    margin-left:1%;
    clear:none;
  }
  .tGrid .small3, .vGrid .small3 {
    margin-right:1%;
  }
  .tGrid .odd, .vGrid .odd {
    margin-left:0;
    clear:left;
  }
  .tGrid .even, .vGrid .even {
    margin-right:0;
  }
}


/* --- SMARTPHONES QUERFORMAT --- */
@media (max-width: 500px) {

  #index .ix2 li {
    width:100%;
    margin:2% 0;
  }
  #index .ix2 .small1 {
    margin-left:0;
  }
  #index .ix2 .small3 {
    margin-right:0;
  }

  #index .ix2 .odd {
    clear:none;
  }
  #index .ix2 .even {
    margin-right:0;
  }


}


@media (max-width: 450px) {

  #middle {
    margin:43% 0 0;
  }
  .hero {
    padding:0 0 43%;
  }
  div.ZMSGraphic,
  div.ZMSGraphic.left,
  div.ZMSGraphic.right,
  div.ZMSGraphic.floatleft,
  div.ZMSGraphic.floatright,
  div.ZMSGraphic.pullimage {
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }

  div.ZMSGraphic div.graphic {
    width:100% !important;
  }
  div.ZMSGraphic img {
    width:100% !important;
  }
  #index .ix1 .ixDesc {
    clear:both;
  }

  .thumbTab.left, .thumbTab.right {
    width:100%;
    margin:15px 0;
  }

  .reference li {
    width:49%;
  }
  .reference .med1 {
    margin-left:1%;
    clear:none;
  }
  .reference .med4 {
    margin-right:1%;
  }

  .reference .even {
    margin-left:0;
    clear:left;
  }
  .reference .odd {
    margin-right:0;
  }
}


/* --- SMARTPHONES PORTRAIT --- */

@media (max-width: 375px) {

}

/* --- SMARTPHONES PORTRAIT --- */

@media (max-width: 325px) {


}


/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.0.1 - 2014
author:     Burocratik
website:    //www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #666666;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  z-index: 1500;
}

#outdated.hide {
  display: none;
}

* html #outdated {
  position: absolute;
}

#outdated h6 {
  margin: 30px 0 15px;
  font-size: 1.5em;
  line-height: 1.25;
  color: #FFFFFF;
}

#outdated p {
  font-size: 0.85em;
  line-height: 1.25;
  color: #FFFFFF;
}

#outdated #btnUpdateBrowser {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 auto 30px;
  border: 2px solid #FFFFFF;
  padding: 10px 20px;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}

#outdated #btnUpdateBrowser:hover {
  background-color: #FFFFFF;
  color: #666666;
}

#outdated #btnCloseUpdateBrowser {
  position: absolute;
  display: block;
  right: 15px;
  top: 15px;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 2em;
  line-height: 1.25;
}
/* -- COOKIE CONSENT -----------------------------------------------*/
.cookie-consent {
  position: fixed;
  display: block;
  right: 0;
  bottom: -100%;
  left: 0;
  padding: 1rem 0;
  background-color: rgb(238,238,238);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  color: rgb(51,51,51);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  clear: both;
  z-index: 100;
}


.csstransforms .cookie-consent {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}


body[data-cookie="top"] .cookie-consent {
  top: -100%;
  bottom: auto;
}

.csstransforms body[data-cookie="top"] .cookie-consent {
  top: 0;
  bottom: auto;
  -webkit-transform: translate(0,-110%);
  transform: translate(0,-110%);
}

.cookie-consent.show {
  bottom: 0;
}

.csstransforms .cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


body[data-cookie="top"] .cookie-consent.show {
  top: 0;
  bottom: auto;
}

.csstransforms body[data-cookie="top"] .cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


.cookie-consent.show.hide {
  bottom: -100%;
}

.csstransforms .cookie-consent.show.hide {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}


.cookie-consent::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}

.cookie-consent > div {
  position: relative;
  width: 96%;
  max-width: 1280px;
  margin: 0 auto;
  font-size: 0.85em;
  text-align: left;
}


.cookie-consent p {
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}


.cookie-consent a {
  display: inline-block;
  text-decoration: underline;
}


.no-touch .cookie-consent a:hover, .no-touch .cookie-consent a:active {

}


.cookie-consent .btn {
  display: block;
  float: right;
  width: auto;
  margin: 0 0 5px 1rem;
  padding: 0.5rem 1rem;
  background-color: rgb(204,204,204);
  color: rgb(51,51,51);
}

.cookie-consent .btn > i {
  font-size: 1rem;
}



@media (max-width: 450px) {

  .cookie-consent > div {
    font-size: 0.8em;
  }

}



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

/****************************************************/
/*    8.  CSS-Modul: PRINT                          */
/****************************************************/


/****************************************************/
/*    9.  ZMI Management Interface                  */
/****************************************************/
.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-weight:bold;
  font-size:15px;
  line-height:1.25em;
} 
body.zmi p, body.zmi li, body.zmi blockquote  {
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:13px;
  line-height:1.25em;
} 
body.zmi form input,body.zmi form select, body.zmi form textarea {
  margin:1px;
  padding:1px;
  background:#ffffff;
  box-shadow:none;
}


body.zmi div.ZMSGraphic.pullimage {
  width:auto;
  margin-right:0;
  padding:0;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

body.print { 
  background-color:#fff; 
}

span.unicode { 
  font-family:"Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color:#0f6bb2;
  color:#0f6bb2;
  font-weight: bold;
  border:none; 
}