﻿/**
* Yet Another Multicolumn Layout" - YAML CSS Framework
* @scope		   CONTENT-ELEMENTS

* @copyright       Copyright 2005-2012, Dirk Jesse
* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-CDL (http://www.yaml.de/license.html)
* @version         v4.0.2
* @revision        $Revision: 743 $
*/


@media all {


/* -- Fluid styled content ---------- */




/* -- FCEs ---------- */


	/* Akkordeon */

	.fce-akkordeon > h2, .fce-akkordeon > h3, .fce-akkordeon > h4, .fce-akkordeon > h5, .fce-akkordeon > h6 { 
		margin-top: 20px; margin-bottom: 0.75em; padding-top: 0.75em;
		border-top: 1px solid #ccc;
		color: #999;
		cursor: pointer; 
	}
	.fce-akkordeon > h2:first-child, .fce-akkordeon > h3:first-child, .fce-akkordeon > h4:first-child, .fce-akkordeon > h5:first-child, .fce-akkordeon > h6:first-child { margin-top: 0;}
	.fce-akkordeon > h6 { border-width: 0; padding-top: 0;}

	.fce-akkordeon > h2:before, .fce-akkordeon > h3:before, .fce-akkordeon > h4:before, .fce-akkordeon > h5:before, .fce-akkordeon > h6:before {
		content: "\e809"; 
		position: relative; top: 0em;
		display: inline-block;
		padding-left: 0.33em; margin-right: 1em;
		font-size: 85%; font-family: "def-icons";
		transition: all 0.1s ease; 
		-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%;
	}
	.fce-akkordeon > h2.active, .fce-akkordeon > h3.active, .fce-akkordeon > h4.active, .fce-akkordeon > h5.active, .fce-akkordeon > h6.active { color: black;}

	.fce-akkordeon > h2.active:before, .fce-akkordeon > h3.active:before, .fce-akkordeon > h4.active:before, .fce-akkordeon > h5.active:before, .fce-akkordeon > h6.active:before { transform: rotate(90deg);}
	.fce-akkordeon > h2:hover, .fce-akkordeon > h3:hover, .fce-akkordeon > h4:hover, .fce-akkordeon > h5:hover, .fce-akkordeon > h6:hover { color: black;}

	.fce-akkordeon-einzug > .fce-akkordeon-inhalt { width: calc(100% - 1.75em); padding-left: 1.75em;}



	/* Musterseite Projekte */

	.seiteninfo-abstract { 
		margin-bottom: 2em;
		font-family: 'Open Sans', sans-serif;
		font-size: 100%;
		letter-spacing: 0;
		line-height: 1.75em;
	}
	.seiteninfo-images .image-item {
		margin-bottom: 2em;
	}



	/* Teaserlisten */

	.fce-teaserliste .teaserliste-subtitle { 
		margin-bottom: 1.5em;
		font-style: italic; 
		color: #888;
	}
	.fce-teaserliste .teaserliste-abstract {
		margin-bottom: 2em;
	}
	.fce-teaserliste .teaserliste-image { margin-bottom: 1em;}



	/* Musterseite Arbeit */

	.seiteninfo-subtitle { 
		margin-bottom: 1.5em;
		font-style: italic; 
		color: #888;
	}



	/* Boxen */


}