figure.aligncenter {display:block; margin:1em auto;} figure.alignright {float:right; margin:1em 0 1em 2em;} figure.alignleft {float:left; margin:1em 1em 2em 0;} figure {max-width: 100%; height: auto; margin:1em 0;}  .gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;} .gallery figure {float:left; margin:0 2% 1em 0;}  .gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}  .gallery.gallery-columns-3 figure {width:32%;} .gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;} .gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}  .gallery.gallery-columns-2 figure {width:49%;} .gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;} .gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}  .gallery.gallery-columns-4 figure {width:23.25%;} .gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;} .gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}  .gallery.gallery-columns-5 figure {width:18%;} .gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;} .gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}  .gallery.gallery-columns-6 figure {width:14.2%;} .gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;} .gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}  .gallery.gallery-columns-7 figure {width:12%;} .gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;} .gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}  .gallery.gallery-columns-8 figure {width:10.2%;} .gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;} .gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}  .gallery.gallery-columns-9 figure {width:8.85%;} .gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;} .gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}  .gallery:after {content:"";display:table;clear:both;}  .mfp-title, .mfp-counter {font-size: 12px; color: #CCC} .mfp-counter {margin-left: 10px;}  @media (max-width:245px) { img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;} .gallery.gallery-columns-2 figure {width:100%;} .gallery.gallery-columns-3 figure {width:100%;} .gallery.gallery-columns-4 figure {width:100%;} .gallery.gallery-columns-5 figure {width:100%;} } @media (min-width:246px) and (max-width:468px) { img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block;} .gallery.gallery-columns-4 figure {width:48%;} .gallery.gallery-columns-5 figure {width:31.33%;} } @media (max-width:768px) { .gallery {margin: 10px 0 0 0;} .gallery:before {content: "Bildergalerie \a \a"; white-space: pre; font-size: 18px; font-weight: 400; letter-spacing: 1px; text-align: left; line-height: 15px; font-family: "Marcellus SC","Ubuntu","Helvetica Neue","Helvetica","Verdana","Arial","sans-serif";} .gallery-caption {display: none;visibility: hidden;} } @media screen and (min-width: 769px) { .gallery.gallery-columns-2 figcaption {position: absolute; margin-top: -34px; margin-left: 2px; background-color: #F07E93; color: #fff; font-size: 10px; width: 180px; height: 14px; text-transform: uppercase; overflow: hidden;} .gallery.gallery-columns-3 figcaption {position: absolute; margin-top: -34px; background-color: #F07E93; color: #fff; font-size: 10px; width: 100px; height: 14px; text-transform: uppercase; overflow: hidden;} .gallery.gallery-columns-4 figcaption {position: absolute; margin-top: -34px; background-color: #F07E93; color: #fff; font-size: 10px; width: 90px; height: 14px; text-transform: uppercase; overflow: hidden;} .gallery.gallery-columns-5 figcaption {position: absolute; margin-top: -24px; background-color: #F07E93; color: #fff; font-size: 10px; width: 70px; height: 14px; text-transform: uppercase; overflow: hidden; text-align: left;} .wp-caption-text {text-align: left; padding: 0 5px 0 5px;} .gallery {margin: 15px 0 5px 0;} .gallery-caption:before {content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: inherit; left: 0; margin: 0; padding-right: 5px;} .gallery figure img {-moz-border-radius:10px; -webkit-border-radius: 10px;} }