/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 1170px) {

	.siteContainer { 
		width: 98% !important;
	}
	body > .siteContainer, body > .wrapper-highlight > .siteContainer {
		overflow: hidden;
	}
	body > .siteContainer:first-child {
		overflow: visible;
	}
	
	.slick-dots {
		bottom: -20px;
	}
	.wrapper-highlight .slick-dots {
		bottom: 0;
	}
	
	#breadCrumb {
		margin-top: 0;
	}

}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 1050px) {

	.teaser-area h3 {
		font-size: 17px;
	}
	
	#mainNav li.first-level > a, #mainNav li.first-level > a > span.disabled-off {
		font-size: 16px;
    }

}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 990px) {
	
	#mainNav li.first-level > a, #mainNav li.first-level > a > span.disabled-off {
		font-size: 14px;
    }
}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 950px) {

	/* teaser-Box */
	.teaser-area h3 {
		font-size: 19px;
	}
	
	/* Block-Grid */
	.block-grid-lg-5 .block-grid-item:nth-of-type(5n+1) {
		clear: none;
	}
	.block-grid-md-2 .block-grid-item {
		width: 50%;
	}
		.block-grid-md-2 .block-grid-item:nth-of-type(2n+1) {
			clear: both;
		}

	.news-search-form .form-group label {
		text-align: left;
	}
	
	#news-maximumDate + br + label {
		display: none;
	}
}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 880px) {
	
	.siteContainer.header {
		height: 148px;
	}
	/* mainNav */
	#mainNav {
		display: none;
		position: absolute;
		top: 49px;
		background-color: #fff;
		width: 100%;
		padding: 0;
	}
		body > .header > nav {
			position: relative;
		}
		#mainNav li.first-level {
			float: none;
		}
		#mainNav li.first-level > a, #mainNav li.first-level > a > span.disabled-off {
			font-size: 18px;
		}
		#mainNav li.first-level .menu-wrapper, #mainNav li.first-level .menu-wrapper > ul,
		#mainNav li.first-level > ul, #mainNav li.first-level > ol, html.no-csscolumns #mainNav li.first-level > div {
			display: none;
			position: relative !important;
			top: auto !important;
			left: auto !important; 
			padding: 0 15px;
		}
		#mainNav li.first-level > ul {
			width: 100%;
		}
		
		html:not(.touch) #mainNav li.first-level:hover > div.menu-wrapper,
		html:not(.touch) #mainNav li.first-level:hover > ul, html:not(.touch) #mainNav li.first-level:hover > ol,
		html:not(.touch) html.no-csscolumns #mainNav li.first-level:hover > div {
			display: none;
		}
		
		#mainNav li.first-level > a > span.disabled-off {
			background-image: url(../Images/ico_menu_closed.png);
			background-repeat: no-repeat;
			background-position: right center;
		}
		#mainNav li.first-level.hovertap > a > span.disabled-off {
			background-image: url(../Images/ico_menu_open.png);
		}

		
		/*#mainNav li.first-level:hover > a .menu-nose, #mainNav li.first-level:hover > span.disabled-off .menu-nose*/ 
		#mainNav .menu-nose {
			display: none;
		}
		
		#mainNav li.first-level > a, #mainNav li.first-level > a > span.disabled-off {
			color: #fff;
			background-color: #e20b18;
			padding: 10px !important;
			cursor: pointer;
			border-bottom: 1px solid #fff;
		}
		#mainNav li.first-level > a > span.disabled-off {
			border-bottom: none;
			display: block;
			padding: 0 !important;
		}
		#mainNav li.first-level.hovertap > a, #mainNav li.first-level.hovertap > a > span.disabled-off {
			border-bottom: none;
		}
		
		#mainNav li.second-level:last-child > ul {
			padding-bottom: 15px;
		}
		
	#mainNav.active {
		display: block;
	}
	
	#mainNav-trigger {
		display: block;
	}
	
	#mainNav li.first-level > div.menu-wrapper,
	#mainNav li.first-level > ul, #mainNav li.first-level > ol,
	html.no-csscolumns #mainNav li.first-level > div {
		padding-top: 0;
		padding-bottom: 15px;
	}
	
	#mainNav li.second-level > a {
		margin-bottom: 7px;
	}
  
	#mainNav li.first-level.pid-7 > ul,
	#mainNav li.first-level .menu-wrapper > ul,
	#mainNav li.first-level > ul {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-width: 100%;
		-webkit-column-width: 100%;
		column-width: 100%;
		
		-moz-column-gap: 0;
		-ms-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
	}
	#mainNav li.second-level {
		padding-bottom: 0;
		padding-top: 15px;
		display: block;                      /* Actually FF 20+ */
	}
	
	.menu-wrapper .contact-menu {
		width: 100%;
		float: none;
		clear: both;
		padding-left: 0 !important;
	}

	
	/* footerNav*/
	.wrapper-highlight.no-margin-bottom {
		padding-bottom: 20px;
	}
	#socialmedia {
		right: auto;
		left: 10px;
	}
	#footerNav {
		overflow: auto;
		display: block;
	}
		#footerNav li.first-level {
			display: block;
			float: left;
			padding-left: 0;
			width: 33.333333%;
			padding-bottom: 20px;
		}
		#footerNav li.first-level:nth-child(3n+1) {
			clear: both;
		}

	#quickSearchInput {
		width: 385px;
	}
}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 850px) {
	
	.col-layout-3x3x3x3x .col-3 {
		width: 50%;
	}
	
	#quickSearchInput {
		width: 250px;
	}
	
	#langMenu {
		top: auto;
		left: auto;
		top: 103px;
		right: 45px;
	}

}

/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 750px) {
	
	.search-result-assortment .row.col-layout-2x10x.search-result .col-2 {
		width: 33.333333%;
	}
	.search-result-assortment .row.col-layout-2x10x.search-result .col-10 {
		width: 66.666666%;
	}

}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 700px) {

	.youtube .col-7, .youtube .col-5 {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.youtube-video-list-container {
		height: auto;
	}

}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 670px) {

	/* Block-Grid */
	#footerNav li.first-level {
		width: 50%;
	}
	#footerNav li.first-level:nth-child(3n+1) {
		clear: none;
	}
	#footerNav li.first-level:nth-child(2n+1) {
		clear: both;
	}
}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 650px) {
	.siteContainer.header {
		height: auto;
	}
	
	#quickSearch {
		display: none;
	}
	
	#searchLink {
		display: block;
	}
	
	.row.col-layout-8x4x .col-8 {
		width: 100%;
		clear: both;
	}
	.row.col-layout-8x4x .col-4 {
		width: 100%;
		clear: both;
	}
	
	#logo {
		float: none;
		text-align: center;
		display: block;
		margin-bottom: 25px;
	}
		#logo img {
			display: inline;
		}

	#langMenu {
		left: 0;
		right: auto;
		position: absolute;
		top: 0;
		bottom: -13px;
		clear: both;
		float: none;
	}

	.metaNav li.first-level {
		float: none;
		display: inline;
	}
	.notepad-link {
		white-space: nowrap;
	}
	/* metanav */
	.langMenuWrapper {
		float: none;
		clear: both;
		position: absolute;
		bottom: 10px;
		left: 5px;
	}
	.metaNav {
		display: none;
	}
	.metaNav.mobile {
		display: inline-block;
		float: none;
	}
	.metaNavMobile {
		text-align: center;
		overflow: auto;
		margin-bottom: 10px;
		margin-top: -10px;
	}
}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 630px) {
	.tab-view ul.tab-navigation li {
		width: 100%;
		clear: both;
		float: none;
	}
}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 630px) {
	.tab-view ul.tab-navigation li {
		width: 100%;
		clear: both;
		float: none;
	}
}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 550px) {

	.col-layout-6x6x .col-6 {
		width: 100%;
	}

	.col-layout-3x3x3x3x .col-3 {
		width: 100%;
	}

	/* Block-Grid */
	.block-grid-md-2 .block-grid-item:nth-of-type(2n+1) {
		clear: none;
	}
	.block-grid-s-1 .block-grid-item {
		width: 100%;
	}
		.block-grid-s-1:nth-of-type(n+1) {
			clear: both;
		}

	.location-container .location {
		position: relative;
		left: 0 !important;
	}

	/* product Detail Grid */
	.tx-cyt-quickmixassortment .col-layout-3x6x3x .col-3, .tx-cyt-quickmixassortment .col-layout-3x6x3x .col-6	{
		clear: both !important;
		width: 100% !important;
	}
}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 515px) {
	
	

}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 480px) {
	.textpic-pic-header-text .pic {
		margin-bottom: 13px;
		width: 100%;
		height: auto;
	}
	
	.product-carousel .textpic-pic-header-text .pic {
		width: auto;
		height: auto;
	}

}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 400px) {
	#logo img {
		max-width: 80%;
	}
	
	#footerNav li.first-level {
		clear: both;
		width: 100%;
	}
	
	#breadCrumb ol li:first-child:before {
		content: "> "
	}
	
	#breadCrumb > em {
		display: block;
	}
	#breadCrumb ol li {
		display: block;
	}
	
	.search-result-assortment .row.col-layout-2x10x.search-result .col-2 {
		width: 100%;
		float: none;
	}
	.search-result-assortment .row.col-layout-2x10x.search-result .col-10 {
		width: 100%;
		float: none;
	}
	
	.navHeader-wrapper {
		display: none;
	}

}
/** Tweakpoint 1150 => feste Inhaltsbreite **/
@media only screen and (max-width: 350px) {

}
