@media screen {

	/********/
	/* Body */
	/********/
	
	/*** Farbmuster: #96c11f (RGB 150, 193, 31) ***/

	hr.ce-div{
		border-bottom: 0.1em solid #96c11f;
		margin-bottom: 2.0em;
	}

	/**************/
	/* Header     */
	/**************/
	
	header#logoheader .ym-wrapper {
		border-top: 0.15em solid #96c11f;
	}

	/**************/
	/* Navigation */
	/**************/
	
	#menu-icon {
	    background: url("../../Images/ToggleMenu/menu.png") no-repeat scroll 0.2em center #ffffff;
	    color: #96c11f;
	}

	/******************/
	/* Main Allgemein */
	/******************/

	main {
		color: #333333 !important;
	}

	main .content .csc-frame-rulerAfter {
		border-bottom: 0.1em solid #96c11f;
		margin-bottom: 1em;
	}

	h1, h2, h3 {
		color: #96c11f;
	}

	main a {
		text-decoration: none;
		color: #96c11f;
	}

	main figcaption {
		font-size: 0.8em;
		padding-top: 0.3em;
	}
	
	main .linie-danach {
	    border-bottom: 0.1em solid #96c11f;
	    margin-bottom: 2em;
	}	
	
	.elastic-video {
	    height: 0;
	    overflow: hidden;
	    padding-bottom: 55%;
	    padding-top: 15px;
	    position: relative;
	}
	
	.elastic-video iframe {
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}

	/********************/
	/* Main Hauptspalte */
	/********************/
	
	main .ym-g75 .ym-gbox-left .csc-default {
		padding: 0 1.5em 0 4em;
	}
	
	.ym-g30 {
    width: 30%;
	}
	
	.ym-g70 {
	    width: 70%;
	}
	
	/********************/
	/* Main Sidebar     */
	/********************/
	
	main aside .topnews {
		background: #96c11f;
		margin-bottom: 2px !important;
	}
	
	/**********/
	/* Teaser */
	/**********/
	
	.tiles section {
		border-top: 0.1em solid #96c11f;
	}
	
	.tiles section .ym-gbox {
		padding: 0;
	}
	.tiles section .ym-gbox .ym-gbox-left {
		padding: 1em  0 0 0;
	}
	
	.tiles section .ym-gbox .ym-gbox {
		padding: 1em 0 0 0;
	}
	
	.tiles section .ym-gbox .ym-gbox-right {
		padding: 1em 0 0 0;
	}
	
	.teaser-mann h2{
		margin: 0;
		background-color: #353236;
		padding: 0.2em 0.3em;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: normal;
		color: #ffffff;
	}
	.teaser-mann h2 a{
		color: #ffffff;
	}
	.teaser-mann .ce-gallery{
		margin: 0;
	}
	
	.teaser-hairdreams h2{
		margin: 0;
		background-color: #353236;
		padding: 0.2em 0.3em;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: normal;
		color: #ffffff;
	}
	.teaser-hairdreams h2 a{
		color: #ffffff;
	}
	.teaser-hairdreams .ce-gallery{
		margin: 0;
	}
	
	.teaser-makeup h2{
		margin: 0;
		background-color: #353236;
		padding: 0.2em 0.3em;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: normal;
		color: #ffffff;
	}
	.teaser-makeup h2 a{
		color: #ffffff;
	}
	.teaser-makeup .ce-gallery{
		margin: 0;
	}
	
	.teaser-tigi h2{
		margin: 0;
		background-color: #353236;
		padding: 0.2em 0.3em;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: normal;
		color: #ffffff;
	}
	.teaser-tigi h2 a{
		color: #ffffff;
	}
	.teaser-tigi .ce-gallery{
		margin: 0;
	}
	
	.news-list-view .topnews > div {
		border-top: 0.2em solid #96c11f;
		border-bottom: 0.2em solid #96c11f;
		padding: 0.3em 0 0 0;
		background: url("../../Images/borderpixel.png") repeat-y scroll top right #ffffff;
	}
	

	/**********/
	/* Footer */
	/**********/
	
	footer a {
		color: #ffffff;
		text-decoration: none;
	}

	footer a:hover { 
		color: #139bdc;
		background-color: transparent; 
	}
	
	footer .ym-wbox{
		border-top: 0.15em solid #96c11f;
	}	

	/********************************/
	/* TYPO3 Anpassungen Responsive */
	/********************************/

	/* CSS Styled Content Regeln ueberschreiben */
	
	/* nicht mehr benötigt ?
	DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
	DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
	FIGCAPTION.csc-textpic-caption {
	 display: block;
	}
	*/
	
	.ce-left .ce-gallery, .ce-column { /*umgestellt auf fluid*/
	 /*float: none;*/
	}
	
	/* nicht mehr benötigt ?
	DIV.csc-textpic DIV.csc-textpic-imagecolumn {
	 display: inline-block;
	 float: none;
	 vertical-align: top;
	}
	
	.csc-default {clear: both;}
	*/
	
	/* Golden Grid Layout für Bild im Text*/
	.ce-intext .ce-gallery {
		width: 28%; /* Bildcontainer Breite */
	}
	
	/* nicht mehr benötigt ?
	DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
	 margin-left: 40%;  Textblock 
	}
	
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
	 margin-right: 40%; Textblock
	}
	*/
	
	/* TYPO3 Anpassungen Responsive Ende */


	/* Überschreiben von TYPO3 CSS */
	div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	    margin-left: 2em;
	}
	
	.csc-textpic-imagecolumn	{
		margin: 0 !important;
	}
	
	/*Extensions*/
	
	.tx-powermail legend {
		display:none;
	}
	
	.tx-powermail .powermail_fieldset {
		background: transparent;
	}
	
	.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
		font-family: 'Biryani', arial, sans-serif !important;
	    background-color: #4C4D4F;
	}
		
.tx-powermail .powermail_fieldset .powermail_label {
    clear: left;
    display: block;
    float: left;
		font-family: 'Biryani', arial, sans-serif !important;
		font-weight: normal !important;
    width: 200px;
}
	.tx-powermail .powermail_fieldset .powermail_label[title]::after {
		font-family: 'Biryani', arial, sans-serif !important;
		font-size: 1em;
		line-height: 1.5em;
		font-weight: normal !important;
	}
	
	.ls-minimal {
		box-shadow: none !important;
		padding: 0 !important;
	}
}

@media screen  and (min-width: 1025px) {

	.tiles section .ym-gbox .ym-gbox-left {
		padding: 1em 1.5em 0 0;
	}
	
	
	.tiles section .ym-gbox .ym-gbox-right {
		padding: 1em 0 0 1.5em;
	}
	
}