/**
* Yet Another Multicolumn Layout" - YAML CSS Framework
* @scope           RESPONSIVE CHANGES

* @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 screen {

	/* Flexboxen */
	.flex {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		margin: 0 -1rem; padding: 0;
	}
	.flex .ym-gl, .flex .ym-gr {
		flex: 1;
		margin: 0;
	}
	.flex .ym-gbox { padding: 0.5rem 1rem 0.25rem;}

	.flex .ym-gl.ym-g75, .flex .ym-gr.ym-g75,
	.flex .ym-gl.ym-g66, .flex .ym-gr.ym-g66,
	.flex .ym-gl.ym-g62, .flex .ym-gr.ym-g62,
	.flex .ym-gl.ym-g50, .flex .ym-gr.ym-g50,
	.flex .ym-gl.ym-g33, .flex .ym-gr.ym-g33,
	.flex .ym-gl.ym-g25, .flex .ym-gr.ym-g25,
	.flex .ym-gl.ym-g20, .flex .ym-gr.ym-g20,
	.flex .ym-gl.ym-g15, .flex .ym-gr.ym-g15,
	.flex .ym-gl.ym-g10, .flex .ym-gr.ym-g10 { flex: none;}


	/* Grid ohne flex */
	.ym-grid .ym-gbox { padding: 0.5rem 1rem;}
	.ym-grid .ym-gl .ym-gbox { padding-left: 0;}
	.ym-grid .ym-gr .ym-gbox { padding-right: 0;}



	/* iframe */
	iframe { 
		max-width: 100%; 
		border-width: 0;
	}
	.iframe-container {
		position: relative;
		height: 0;
		overflow: hidden;
		padding-bottom: 20%;
	}
	.iframe-container iframe {
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
	}

}



@media screen and ( max-width: 1240px ) {

	/* iframe */
	.iframe-container { padding-bottom: 33%;}

}


@media screen and ( max-width: 1340px ) {

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"],
	.linearize-level-1 > [class*="ym-col"] {
		display: block; float: none;
		padding: 0; 
		margin-left: 0; margin-right: 0;
		width: 100% !important;
	}

	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		padding: 0; 
		margin-left: 0; margin-right: 0;
	}
	.columns-132 .ym-column { padding-right: 0px;}

	/* Layout */
	header[role="banner"] { height: 50px;}
	header .banner { height: 50px;}
	.ym-col1 {
		display: block; float: none;
		margin-left: 0; margin-right: 0;
		width: 100% !important;
	}
	#content { padding-right: 0;}

	/* Navigation */
	.ym-vlist li { width: auto; display: inline-block; margin-right: 20px;}
	#main .ym-cbox-right .nav-utility { float: left; margin-right: 2em;}
	#main .ym-cbox-right .nav-social { float: left;}

	/* iframe */
	.iframe-container { padding-bottom: 50%;}

}




@media screen and ( max-width: 740px ) {

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2,
	.linearize-level-2 > [class*="ym-g"],
	.linearize-level-2 > [class*="ym-col"] {
		display:block; float: none;
		padding: 0; 
		margin-left: 0; margin-right: 0;
		width: 100% !important;
	}

	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		margin-left:0; margin-right: 0;
		padding: 0 0 0 5%; 
	}
	#content { padding-right: 0;}


	/* Layout */
	footer .nav-service { position: static; left: auto;}


	/* Navigation */
	.ym-vlist li { width: 100%; display: block; margin-right: 0px;}
	.ym-hlist ul ul { width: 225px;}
	#main .ym-cbox-right .nav-utility { float: none; margin-right: 0; margin-bottom: 0;}
	#main .ym-cbox-right .nav-social { float: none;}

	/* Content */
	.ce-left .ce-gallery,
	.ce-right .ce-gallery { float: none;}


	/* Forms */
	form input, form textarea, form select { width: 100%;}

}