<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
		.galerie {
			box-sizing: border-box;
			background-color: transparent;
			/* background-image: linear-gradient(360deg, #000 23px, transparent 23px), linear-gradient(180deg, #000 23px, transparent 23px), linear-gradient(360deg, #000 23px, transparent 23px), linear-gradient(180deg, #d00 23px, transparent 23px); */
			background-size: 58px 58px;
			background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
			padding: 30px 0 140px 0;
		}
		/* weitere Muster mit linear-gradient unter: http://lea.verou.me/css3patterns/   */
		
		.galerie figure {
			background: #FFF;
			box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);
			display: inline-block;
			height: 225px;
			margin: 0 0 20px 30px;
			overflow: hidden;
			padding: 0;
			width: 400px;
			-webkit-transition: all 0.25s ease-in;
			/* für Safari 5.1, Android 2.3 bis 4.3 */
			
			transition: all 0.25s ease-in;
		}
		
		.galerie figure img {
			width: 400px;
			height: 225px;
		}
		
		.galerie figure:hover {
			box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8);
			margin: -15px 0px 0 20px;
			padding: 5px 5px 30px 5px;
			width: 400px;
			z-index: 2;
			-webkit-transform: scale(2);
			/* für Safari, Android */
			
			-ms-transform: scale(2);
			/* für IE9 */
			
			transform: scale(2);
		}
		
		.galerie figcaption {
			color: #333;
			font: cursive 10px/150%;
			font-family: "Reenie Beanie", cursive;
			position: relative;
			text-align: center;
			width: 400px;
		}
		
		.galerie figure:nth-child(3n-2):hover {
			-webkit-transform: scale(3) rotate(0deg);
			/* für Safari, Android */
			
			-ms-transform: scale(3) rotate(0deg);
			/* für IE9 */
			
			transform: scale(3) rotate(0deg);
		}
		
		.galerie figure:nth-child(5n):hover {
			-webkit-transform: scale(2) rotate(0deg);
			-ms-transform: scale(2) rotate(0deg);
			transform: scale(2) rotate(0deg);
		}
		
		.galerie:after {
			clear: both;
			content: " ";
			display: block;
		}
		
		@media only screen and (max-width: 1200px) {
			body {
				width: 100%;
				margin: 2% 0;
				padding: 5%;
			}
			.galerie {
				width: 850px;
				margin: 100px auto;
			}
		}
		
		@media only screen and (max-width: 750px) {
			.galerie {
				width: 100%;
				margin: 100px auto;
			}
		}

	</pre></body></html>