/* figure */

figure {
	margin: 0;
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	display: block;
}

figcaption {
	margin-top: 5px;
	text-align: center;
	font-size: 0.9em;
	color: #666;
	display: block;
}

figcaption .source {
	font-size: smaller;
	font-style: italic;
}

.figure-left {
	display: block;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.figure-right {
	display: block;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.figure-float-left {
	float: left;
	margin-right: 20px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}

.figure-float-right {
	float: right;
	margin-left: 20px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}

.figure-center {
	/*width: 100%;*/
	margin: auto;
}

.figure-center img {
	margin: auto;
}

.figure-center iframe {
	display:block;
	margin: auto;
}

.figure-center video {
	display:block;
	margin: auto;
}

/* image */

figure img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom; /*top | middle | bottom*/
}

a img {
    display: block;
}

figure.image-shadow img,
.image-shadow {
    box-shadow: 2px 2px 3px 0 #bbbbbb;
	margin: 0 5px 0 5px; /* Wenn bilder links oder rechts ausgerichtet sind, wird ohne diesen Abstand der Schatten nicht angezeigt. */
}

figure.image-rounded img,
.image-rounded {
    border-radius: 5px;
}