figure, figcaption {
				margin: 0;
				padding: 0;
				}
 
			figure.einzel {
				overflow:hidden;
				position: relative;
				display: inline-block;
				width: 33%;
			}
			
			figure.center {
				overflow:hidden;
				position: relative;
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 33%;
			}
    margin-left: auto;
    margin-right: auto
			
			figure.breiter {
				overflow:hidden;
				position: relative;
				display: inline-block;
				width: 50%;
			}
 
			figure img {
				width: 100%;
				display: block;
			}
 
			figcaption {
				position: absolute;
				bottom: -15em; 
				text-align: left;
				line-height: 1.2em;
				padding: 0.5em;
				/* white-space: normal; */
				/* white-space: nowrap; */
				color: white;
				background: rgba(0,0,0,0);
				-webkit-transition: all 1s ease;
				transition: all 1s ease;
			}
 
			figure:focus figcaption, 
			figure:hover figcaption {	
				bottom: 0;
				left:0;
				width: 95%;
				background: rgba(0,0,0,0.5);
			}
 
			/* das Fragezeichen als Pseudo-Element
			figure:before {
				content: "Info"; 
				position: absolute; 
				bottom: 1em;
				left: 1em;
				background: rgba(255,255,255,0.5);
				color: black;
				width: 2em;
				height: 2em;
				border-radius: 1em;
				text-align: center;
				font-size: 1.5em;
				line-height: 2.0em;
				-webkit-transition: all 1s ease;
				transition: all 1s ease;
			}  */
 
			figure:focus:before,
			figure:hover:before {
				background: rgba(255,255,255,0);
				color: rgba(0,0,0,0);
			}
 
			@media only screen and (max-width:800px) {
				body{
					width: 100%;
					margin: 2% 0;
					padding: 1%;
				}
 
				figure.einzel {
					width: 48%;
				}
			}  
 
			@media only screen and (max-width:600px) {
				figure.einzel {
					width: 100%;
				}
			}