/* konform zu CSS3 - copyright 2016 Gerrit Hecht, Gerrit@Squap.de, Squap.de - alle Rechte vorbehalten - erstellt am: 25. Februar 2016 */


/* Farben einzelne Projekt-Seiten */
	#menue > .knopf:hover {
		color: #C9CFDE;
	}

	#kopf,
	#fuss {
		background-image: linear-gradient(#747C89 0.2em, #303845 calc(100% - 0.2em), #202734);
	}


/* Inhalt einzelne Projekt-Seiten */
	#galerie {
		margin: 2.5em auto 1em;
		padding: 2.25em 0;
		min-height: 24.5em;
		white-space: nowrap;
		max-width: 52em;
	}
	#galerie:after {
		content: '';
		clear: both;
		display: block;
	}

	#galerie li {
		position: relative;
		float: left;
		text-align: center;
		transition: all 0.5s linear;
		-webkit-transition: all 0.5s linear;
	}
	#galerie .r2,
	#galerie .r1,
	#galerie .r0,
	#galerie .r-1,
	#galerie .r-2 {
		cursor: pointer;
	}
	#galerie li,
	#galerie.gross .r2,
	#galerie.gross .r1,
	#galerie.gross .r0,
	#galerie.gross .r-1,
	#galerie.gross .r-2 {
		margin: 0;
		width: 0;
	}
	#galerie .r2,
	#galerie .r-2 {
		width: 2.1em;
	}
	#galerie .r2 {
		margin: 0 calc((100% - 43.5em) / 8) 0 0;
	}
	#galerie .r-2 {
		margin: 0 0 0 calc((100% - 43.5em) / 8);
	}
	#galerie .r1,
	#galerie .r-1 {
		margin: 0 calc((100% - 43.5em) / 8);
		width: 5.3em;
	}
	#galerie .r0 {
		margin: 0 calc((100% - 43.5em) / 8);
		width: 28.5em;
	}
	#galerie.gross .r0 {
		width: 100%;
	}

	#galerie .bild {
		overflow: hidden;
		box-shadow: 0.25em 0.25em 0.5em #CCCCCC;
		transition: all 0.5s linear;
		-webkit-transition: all 0.5s linear;
	}
	#galerie .bild,
	#galerie.gross .r2 .bild,
	#galerie.gross .r1 .bild,
	#galerie.gross .r0 .bild,
	#galerie.gross .r-1 .bild,
	#galerie.gross .r-2 .bild {
		padding: 0;
		height: 0;
		margin: 10.5em 0;
	}
	#galerie .r2 .bild,
	#galerie .r-2 .bild {
		margin: 9.9em 0;
		padding: 0.25em;
		height: 1.2em;
	}
	#galerie .r1 .bild,
	#galerie .r-1 .bild {
		margin: 8.7em 0;
		padding: 0.25em;
		height: 3.6em;
	}
	#galerie .r0 .bild {
		margin: 0;
		padding: 0.25em;
		height: 21em;
	}
	#galerie.gross .r0 .bild {
		margin: 0;
		padding: 0.25em;
		height: 38.625em;
	}

	#galerie img {
		height: 100%;
		max-width: 100%;
	}
	#galerie .anzeiger {
		padding-top: 1.25em;
		opacity: 0.2;
		filter: alpha(opacity = 20);
		transition: opacity 0.2s linear;
		-webkit-transition: opacity 0.2s linear;
	}
	#galerie li:hover .anzeiger {
		opacity: 1;
		filter: alpha(opacity = 100);
	}

	#galerie span {
		position: absolute;
		bottom: 1em;
		left: 0.25em;
		font-size: 0;
		transition: font-size 0.5s ease-in;
		-webkit-transition: font-size 0.5s ease-in;
	}
	#galerie .r0 span {
		font-size: 0.8125em;
	}