@charset "UTF-8";
@media screen {
  div.mobile-nav {
    display: none; }
  div.slideshow {
    position: relative;
    margin: 15px auto;
    width: 100%; }

  a.c-nav {
    font-size: 4rem;
    color: #999;
    transition: all .5s ease; }
    a.c-nav:hover {
      color: #333;
      transition: all .5s ease; }

  figure.gallery {
    vertical-align: middle;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 10%;
    width: 80%; }
    figure.gallery img {
      margin: 1rem auto;
      width: 100%; }
    figure.gallery figcaption {
      margin-bottom: 2rem; }

  ul.carousel li {
    display: block;
    float: left;
    width: 18%;
    text-align: center;
    transition: all 1s ease;
    padding: 0 .5%; }
    ul.carousel li:first-child, ul.carousel li:last-child {
      width: 5%; }
    ul.carousel li img {
      transition: all .5s ease; }
      ul.carousel li img:hover {
        transform: scale(1.2);
        transition: all .5s ease; }

  #gallerie article {
    text-align: center; }
    #gallerie article a.pic-nav {
      width: 10%;
      display: block;
      text-align: center;
      position: absolute;
      top: 0;
      font-size: 5rem;
      color: #999;
      transition: all .5s ease; }
      #gallerie article a.pic-nav:hover {
        color: #333;
        transition: all .5s ease; }
      #gallerie article a.pic-nav.back {
        left: 0; }
      #gallerie article a.pic-nav.forward {
        right: 0; }

  .loading {
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%; } }
@media screen and (max-width: 800px) {
  #gallerie article a.pic-nav {
    display: none; }

  div.mobile-nav {
    display: block;
    text-align: center; }
    div.mobile-nav a {
      font-size: 5rem;
      color: #999;
      transition: all .5s ease;
      padding: 0 10% 0 20%; }
      div.mobile-nav a:hover {
        color: #333;
        transition: all .5s ease; }
      div.mobile-nav a.back {
        padding: 0 20% 0 10%; }
  div.slideshow {
    width: 100%; }

  figure.gallery figcaption {
    margin-bottom: 0; } }
/*	Standardgr├Â├ƒen f├╝r die Galleriebilder:
	a (Vollbildanzeige): 2000 x 1325
	b (Gallerieanzeige): 1000 x 660
	c (Karusselanzeige):  500 x 330 */

/*# sourceMappingURL=gallerie-sass.css.map */