.teaser.imageGalery {
  height: auto;
  position: relative;
}
.imageGaleryNav {
  margin-bottom: 25px;
  float: left;
  width: 100%;
  padding-top: 15px;
}

.imageGaleryNav .imageNavWrap {
  width: calc(100% - 120px);
  overflow: hidden;
  float: left;
}

.imageGaleryNav > a {
  width: 60px;
  float: left;
  height: 60px;
  background-image: url('../img/icons/pfeile/programm_pfeil_mirror.png');
  background-repeat: no-repeat;
  background-position: 50% center;
}

.imageGaleryNav a.nextImage {
  background-image: url('../img/icons/pfeile/programm_pfeil.png');
  height: 60px;
  
}

.imageGalery .gallerymenu {
    background-color: rgba(255,255,255,.8);
    width: 100%;
    
    position: absolute;
    text-align: right;
    z-index: 10;
    transition: all .5s;
    font-size: 75%;
    opacity: .5;
    padding: 5px 20px;
}

.imageGalery .gallerymenu:hover {
    font-size: 100%;
    padding: 20px;
    opacity: 1;
}

.imageGalery .gallerymenu .imagecounter {
    display: inline-block;
}

.imageGalery .gallerymenu a {
    display: inline-block;
    margin-right: 1em;
    text-transform: uppercase;
}


#main .imageGaleryNav ul{
  margin: 0px;
  padding: 0;
  float: left;
    margin-left: 0px;
    left: calc(50% - 40px);
    position: relative;
    z-index: 0;
}

.imageGaleryNav ul li {
  list-style: none;
  width: 60px;
  float: left;
  margin-right:2px;
  height: 60px;
  overflow: hidden;
}


.imageGaleryNav ul li.active img{
  display:none;
}

.imageGaleryNav ul li.active {
  width: 80px;
}

.imageGalery .yellowTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 30px 40px;
  border-color: transparent transparent #ffcc02 transparent;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-40px,0px); /* IE 9 */
     -webkit-transform: translate(-40px,0px); /* Chrome, Safari, Opera */
    transform: translate(-40px,0px);
  bottom: 105px;
    z-index: 10;
}

.imageGalery .yellowBox {
  background-color: #ffcd02;
  position: absolute;
  bottom: 25px;
  width: 80px;
  height: 80px;
  max-height: 100%;
  left: 50%;
  -ms-transform: translate(-40px,0px); /* IE 9 */
     -webkit-transform: translate(-40px,0px); /* Chrome, Safari, Opera */
    transform: translate(-40px,0px);
    z-index: 10;
}

.imageGalery.position-0 .yellowBox {
    width: 60px;
  height: 60px;
    -ms-transform: translate(-21px,0px); /* IE 9 */
     -webkit-transform: translate(-21px,0px); /* Chrome, Safari, Opera */
    transform: translate(-21px,0px);
}

.imageGalery.position-0 .yellowTriangle {
    border-width: 0 30px 30px 30px;
    -ms-transform: translate(-21px,0px); /* IE 9 */
     -webkit-transform: translate(-21px,0px); /* Chrome, Safari, Opera */
    transform: translate(-21px,0px);
    bottom: 85px;
}

.imageGaleryNav.position-1 ul li {
  width: 80px;
  height: 80px;
}

.imageGalery.position-1 .yellowBox {
    width: 80px;
  height: 80px;
    -ms-transform: translate(-40px,0px); /* IE 9 */
     -webkit-transform: translate(-40px,0px); /* Chrome, Safari, Opera */
    transform: translate(-40px,0px);
}

.imageGalery.position-1 .yellowTriangle {
    border-width: 0 40px 30px 40px;
    -ms-transform: translate(-40px,0px); /* IE 9 */
     -webkit-transform: translate(-40px,0px); /* Chrome, Safari, Opera */
    transform: translate(-40px,0px);
    bottom: 105px;
}

.imageGalery.position-1 .imageGaleryNav ul li {
    width: 80px;
    height: 80px;
}


#contentContainer .imageGaleryNav ul li.photo img{
  max-width: 150%;
  margin: auto;
  display: block;
}

.imageGalery .activeImage {
  width: 100%;
  height: auto;
    text-align: center;
    
}

#main .imageGalery .activeImage img {
    float: left;
}

#main .imageGalery .activeImage figure {
  position: relative;
    display: inline-block;
}

#contentContainer .tx-ghm-gallery .teaserimg a.imggallery {
    left: 0px;
    right: auto;
    bottom: 20px;
    color: #fff;
    background-color: #fed201;
    color: #000!important;
    background-image: url("../img/icons/small/icon_bildergalerie_bk.png");
}

#contentContainer .tx-ghm-gallery .teaser .teaserimg {
    position: relative;
    overflow: hidden;
}

#contentContainer .tx-ghm-gallery .teaser .teaserimg img {
    max-width: none;
}

.imageGalery.position-0 .activeImage {
    height: 300px;
}

.imageGalery.position-1 .activeImage {
    height: 500px;
}

.imageGalery .activeImage figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: rgba(255,255,255,.8);
    padding: 20px;
}