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


/* Farben Projekteseite */
	#inhalt .knopf:hover .bild+span,
	#inhalt a:hover .bild+span {
		color: #C9CFDE;
	}

	#inhalt .bild+span {
		background-image: linear-gradient(#747C89 0.2em, #303845 calc(100% - 0.2em), #202734);
	}

	#inhalt ul ul ul {
		background: #FFFFFF;
	}
	
	
/* Inhalt Projekte-Seite (Kategorien) */
	#inhalt .knopf {
		cursor: pointer;
		box-shadow: 0.25em 0.25em 0.5em #AAAAAA;
	}
	#inhalt a {
		display: block;
		box-shadow: 0.25em 0.25em 0.5em #AAAAAA;
	}
	#inhalt .bild {
		display: block;
		overflow: hidden;
		height: 10em;
		width: 13.33em;
		padding: 0.2em;
	}
	#inhalt .bild img {
		height: 100%;
		max-width: 13.33em;
	}
	#inhalt .knopf:hover img,
	#inhalt a:hover img {
		opacity: 0.7;
		filter: alpha(opacity = 70);
	}
	#inhalt .bild+span {
		display: inline-block;
		padding: 0.4em 0;
		width: 100%;
	}
	#inhalt .infos {
		display: none;
	}
	#inhalt .titel {
		display: inline-block;
	}
	/* 3. Ebene Liste Projekte */
	#inhalt > ul  {
		font-weight: bold;
		min-height: 42em;
	}
	/* 4. Ebene Menüs oeff priv */
	#inhalt > ul > li {
		position: relative;
		margin: 1em 0;
		padding: 1.75em 2.25em 1em;
		box-shadow: 0.25em 0.25em 0.5em #E0E0E0;
		transition: font-size 0.5s;
		-webkit-transition: font-size 0.5s;
	}
	#inhalt .feu .priv, #inhalt .juz .priv, #inhalt .pol .priv, #inhalt .sch .priv, #inhalt .tht .priv, #inhalt .vwt .priv, #inhalt .efh .oeff, #inhalt .mfh .oeff {
		font-size: 0;
	}
	#inhalt .feu .feu ul, #inhalt .juz .juz ul, #inhalt .pol .pol ul, #inhalt .sch .sch ul, #inhalt .tht .tht ul, #inhalt .vwt .vwt ul, #inhalt .efh .efh ul, #inhalt .mfh .mfh ul {
		font-size: 1em;
	}
	/* 5. Ebene Listen oeff priv */
	#inhalt > ul ul {
		text-align: left; /* justify */
	}
/*	#inhalt > ul ul:after {
		content: "";
		display: inline-block;
		width: 100%;
	}*/
	/* 6. Ebene Menüs feu pol sch efh mfh */
	#inhalt > ul ul li {
		margin: 1.5em 0 1.5em 2.5em;
		display: inline-block;
		text-align: center;
	}
	/* 7. Ebene Knöpfe feu pol sch efh mfh */
	#inhalt ul ul ul {
		background: #747C89;
		padding: 0.65em 2.25em 1em;
		position: absolute;
		overflow: hidden;
		width: calc(100% - 4.5em);
		left: 0;
		top: calc(100% + 16px);
		z-index: 2;
		font-size: 0;
		box-shadow: 0.25em 0.25em 0.5em #E0E0E0;
		transition: font-size 0.5s;
		-webkit-transition: font-size 0.5s;
	}