@media screen and (max-width: 1024px) {
	/* ##################################################### */
	.page_margins {
		max-width: 100%;
	}
	#text-2, #custom_html-2 {
		padding-right: 20px;
	}
	#menu-headermenu {
		margin-right: 20px;
	}

	div.left {
		float: none;
	}
	/* Reverse order */
	div.right .leistungstraeger .alignleft {
		float: right;
		margin-right: 0;
	}
	div.right .leistungstraeger .alignright {
		float: left;
		margin-left: 0;
	}
	div.leistungstraeger div.quote {
		margin-left: -40px;
		width: 100%;
		height: auto;
	}
	div.leistungstraeger div.quote td {
		display: inline-block;
		word-wrap: break-word;
		width: calc(100% - 20px);
	}
	div.employee, div.leistungstraeger, div.image, div.quote {
		width: 100%;
	}
	.alignleft, .alignright {
		width: 50%;
		height: auto;
		margin: 0;
	}
	div.leistungstraeger, div.employee, div.image, div.quote {
		height: auto;
	}
	div.leistungstraeger:nth-of-type(even) img {
		/* float: left;
		margin: 0; */
	}
	div.leistungstraeger:nth-of-type(odd) img {
		/* float: right;
		margin: 0; */
	}
	div.image {
		position: unset;
	}
	div.quote {
		visibility: hidden;
		margin-top: -50%;
	}

	.current-page-ancestor ul.sub-menu, .current-menu-ancestor ul.sub-menu, .current_page_ancestor ul.sub-menu,
	.current-menu-parent ul.sub-menu, .current-page-parent ul.sub-menu, .current_page_parent ul.sub-menu {
		display: block;
	}

}
@media screen and (max-width: 760px) {
	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
		/* linearization for grids and columns module */
		display: block !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
		width: auto !important;
	}
	.linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		/* reset defined gutter values */
		margin: 0;
		padding: 0;
		/* optional for containing floats */
		overflow: hidden;
	}
	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
		/* linearization for grids and columns module */
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: auto !important;
	}
	.linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
		/* reset defined gutter values */
		margin: 0;
		padding: 0;
		/* optional for containing floats */
		overflow: hidden;
	}

	nav .ym-hlist ul {
		padding-right: 10px;
	}

	.ym-searchform {
		display: block;
		float: none;
		width: auto;
		padding-right: 10px;
		text-align: right;
	}

	.ym-searchform input[type="search"] {
		width: 14%;
	}

	/************************* */
	/* xtreme fixes */

	/* remove the columns */
	.ym-col1,
	.ym-col2,
	.ym-col3 {
		display: block !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
		width: auto !important;
	}

	/* resetting the xf-container width to 100% */
	.xf-container { min-width:100% !important; }

	/* resetting the img width and height to make them responsive */
	img {
		max-width: 100% !important;
		height: auto; }
	.spacer {
		height: 10px;
	}

	/* resetting the width of the wrapper */
	.ym-wrapper {
		width: 100% !important;
		min-width: 100% !important;
	}

	/* resetting the headline */
	.logo #header h1 a,
	.logo .blogtitle a,
	.logo .blogtitle span {
		width:100% !important;
	}

	/* removing the background from navigation */
	#primarynav,
	#secondarynav,
	.ym-hlist {
		background:none;
		background:transparent;
		padding:0 !important;
		float:none !important;
		margin:10px 0 !important;
	}

	/* removing the floating from nav-items */
	#primarynav ul li,
	#secondarynav ul li{
		display:block !important;
		float: none !important;
		width:100% !important;
	}

	/* removing floats from navs */
	.ym-hlist ul {
		float:none !important;
	}

	/* removing the dropdown button for navs */
	.sf-sub-indicator {
		display:none !important;
	}

	/* slider */
	.jqfancy_wrapper,
	.coin_wrapper {
		width:100% !important;
	}
	.ft-buttons {
		width:100% !important;
		text-align:center !important;
	}

	/* removing the read more on equalized columns.. */
	.xtreme_equalize_pages .read-more, .xtreme_equalize_grid_posts .read-more { display:none !important;}

	/* linearize form elements */
	.linearize-form label {
		float: none;
	}
	.linearize-form .ym-label,
	.linearize-form .ym-message,
	.linearize-form input,
	.linearize-form button,
	.linearize-form textarea,
	.linearize-form select {
		display: block;
		float: none;
		position: static;
		width: 100% !important;
		margin-left: 0 !important;
	}
	/* linearize grids */
	.linearize-form .ym-fbox-wrap,
	.linearize-form .ym-fbox-wrap [class*="ym-g"] {
		display: block;
		float: none;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* restore special form elements */
	.linearize-form input[type="checkbox"],
	.linearize-form input[type="radio"],
	.linearize-form input[type="image"] {
		margin-left: 0 !important;
		width: auto !important;
		display: inline;
	}

/* ##################################################### */

	#primarynav {
		display: none;
		visibility: hidden;
	}
	/* RoyalSlider */
	.royalSlider {
		margin-top: 0px;
	}
	.royalSlider.rsDefaultInv .rsTabs {
		margin-top: -10px;
		height: 10px;
	}
	.royalSlider.rsDefaultInv .rsTab {
		height: 5px;
		min-width: 11%;
	}
	.royalSlider h3 {
		font-size: 90%;
	}
	.royalSlider p {
		font-size: 80%;;
	}
	#main .yamlpage, .thumbnailimage .yamlpage {
		padding: 10px;
	}


	#menu-headermenu {
		margin-right: 20px;
	}
	#text-2, #custom_html-2 {
		padding: 10px 20px;
	}


}
@media screen and (max-width: 590px) {
	/* Header and logo */
	#header .col1 {
		margin-top: 0;
		float: none;
		width: 100%;
		text-align: center;
	}
	#header .col3 {
		margin-right: 0;		
	}
	h1.blogtitle a {
		margin: 0 auto 5px auto;
	}
	#header section ul, #header section li {
		margin-bottom: 0;
	}


}
@media screen and (max-width: 480px) {
	.ym-wbox {
		padding: 0;
	}

	header,#header {
		/* padding: 0.75em 10px; */
	}
	header h1,#header h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
	}

	footer,
	#footer,
	main,
	#main,
	.ym-searchform,
	nav .ym-hlist ul,
	#primarynav .ym-hlist ul {
		/* padding-left: 10px;
		padding-right: 10px; */
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	body .linearize-level-2, body .linearize-level-2 > [class*="ym-c"], body .linearize-level-2 > [class*="ym-g"] {
		/* linearization for grids and columns module */
		display: block !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
		width: auto !important;
	}
	body .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], body .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
		/* reset defined gutter values */
		margin: 0;
		padding: 0;
		/* optional for containing floats */
		overflow: hidden;
	}

	.ym-searchform,
	nav .ym-hlist ul,
	#primarynav .ym-hlist ul,
	nav .ym-hlist li,
	#primarynav .ym-hlist li {
		display: block;
		float: none;
		width: auto;
		text-align: left;
	}

	.ym-searchform input[type="search"] {
		width: 75%;
	}

/* ##################################################### */
	/* RoyalSlider */
	.royalSlider.rsDefaultInv .rsTabs {
		margin-top: -7px;
		height: 7px;
	}
	.royalSlider.rsDefaultInv .rsTab {
		height: 3px;
	}
	.royalSlider h3 {
		font-size: 58%;
		max-width: 45%;
	}
	.royalSlider p {
		font-size: 50%;;
	}
	.rsABlock, .rsSBlock {
		top: 5% !important;
	}
	/* Footer */
	#footer div ul {
		margin: 5px 25px;
	}
	ul#menu-footermenu li {
		float: none;
	}
	ul#menu-footermenu li:after {
		content: '';
	}
	/* Teaser on homepage */
	table.teaser, table.teaser * {
		display: block;
		width: 100% !important;
		padding: 0;
		margin: 0;
		border: 0;
	}
	/* Two column layout */
	.xf_layout-zwei_spalten_linke_sidebar_mit_menue #main .col1, 
	.xf_layout-default #main .col1 {
		width: 100%;
	}
	aside.col3 {
		display: none;
		visibility: hidden;
	}
	.two-right .col3_content, .two-left .col1_content, .three-left-right .col3_content, .three-right-right .col3_content, .three-left-left .col1_content {
		padding: 0;
	}
	/* Specials  */
	.page-id-4215 h1 {
		font-size: 3em;
	}
	.page-id-4215 h4 {
		padding-bottom: 2em !important;
	}
	.page-id-4215 .entry-content div {
		width: 100% !important;
		margin: 0 !important;
		padding: 10px 0 !important;
	}

}