div.gallery {
  position:relative;
  margin-top:50px;
}

div.gallery > ul.category_chooser {
  float:right;
}

div.gallery > ul.category_chooser > li {
  line-height:40px;
  color:white;
}

div.gallery > ul.category_chooser >li:hover {
  text-shadow:1px 1px 4px white;
  cursor:pointer;
}

div.gallery > ul.category_chooser > li:nth-child(1):before {
  background:url('../bilder/icon/iconTisch.png');
  width:40px; height:40px;
}

div.gallery > ul.category_chooser > li:nth-child(2):before {
  background:url('../bilder/Icon/iconHaus.png');
  width:40px; height:40px;
}

div.gallery > ul.category_chooser > li:nth-child(3):before {
  background:url('../bilder/Icon/iconPergola.png');
  width:40px; height:40px;
}

div.gallery > .gallery_image {
  width:400px; height:400px;
  float:left;
}

div.gallery > .gallery_image > img {
  width:400px; height:400px;
  border-radius:100%;
  border:5px solid white;
}

div.gallery > .gallery_right {
  width:560px; height:400px;
  float:left;
  position:relative;
}

div.gallery .gallery_quote {
  padding: 0;
  width: 80%;
  position:relative;
  top:20px;
  text-align:center;
  margin-left: 25px;
}

div.gallery .gallery_quote:before {
  background: url('../bilder/anführungszeichenOffen.png')no-repeat left top;
  height: 130px;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 30px;
  content: '';
  top: -70px;
  opacity: 0.2;
}
div.gallery .gallery_quote:after {
  background: url('../bilder/anführungszeichenZu.png')no-repeat left top;
  height: 120px;
  padding: 0;
  width: 150px;
  position: absolute;
  margin-left: 55px;
  top: 40px;
  content: '';
  opacity: 0.2;
}
div.gallery .gallery_quote h2 {
  text-transform: none;
  font-size: 2.5em;
  font-weight: 400;
  color:#ffeec9;
}
div.gallery .gallery_quote h2 span.subtitle {
  font-size: 0.7em;
  font-weight: 300;
  font-style: italic;
}
div.gallery .gallery_quote h1 {
  font-size:1.3em;
  font-weight:400;
  color:#ffeec9;
}
div.gallery .gallery_quote .white {
  color:#fff;
}

div.gallery .gallery_right ul {
  position:absolute;
  bottom:0px; left:0px;
}

div.gallery ul li.bubble {
  width:75px; height:75px;
  border-radius:100%;
  overflow:hidden;
  margin:0 !important; padding:0 !important;
  position:absolute !important;
  bottom:0px; left:0px;
  display:block;
  border:2px solid white;
  cursor:pointer;
}

div.gallery ul li.bubble > img {
  width:75px; height:75px;
  border-radius:100%;
}

@media (max-width:1200px) {

  div.gallery > .gallery_image {
    float:none;
    margin:0 auto; 
  }

}

