@media only screen and (min-width: 1920px) {
	.teaser_container {
	}
	.teaserTextBlack {
		font-size: 3.5em;
		line-height: 1em;
		font-weight: bold;
	}
	.teaserTopicBlack {
		font-size: 1.4em;
	}
	.mWidth500 {
		font-size: 1.3em;
	}
	.sliderTopicBlack {
		font-size: 1.4em;
	}
	.sliderBlueTransparent {
		font-size: 2.5em;
	}
	.pos-visualLinks {
		left: 35em;
		bottom: 5em;
	}
	.pos-hautpflege {
		left: 20em;
		bottom: 3.2em;
	}
	.pos-Karriere {
		bottom: 5em;
		left: 18em;
	}
	.posPSA {
		bottom: 6em;
		left: 8em;
	}

/*
	.widescreen #Navigationbar ul.productsnav {
		grid-template-rows: 260px 260px 260px 260px;
		grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
	}
	.fixedscreen #Navigationbar ul.productsnav {
		grid-template-rows: 260px 260px 260px 260px;
		grid-template-columns: 20% 20% 20% 20% 20%;
	}*/
}

@media only screen and (max-width: 1500px) {
	.ShopTable.quickbrick td {
		display: block;
		text-align: right;
	}
	.ShopTable.quickbrick th {
		display: none;
	}
	.ShopTable.quickbrick td:before {
		content: attr(data-title) " ";
		float: left;
		display: block;
	}
	
	.sliderBlueTransparent {
		font-size: 2vw;
		padding: 1.1 vw 1.1 vw 1.2 vw 1.2 vw;
	}
	.sliderBlueTransparent .ico {
		font-size: 1.2 vw;
		margin-left: 0.5 vw;
		margin-top: 0vw;
	}
	.pos-hautpflege {
		position: absolute;
		left: 18vw;
		top: 12vw;
	}
	.TopicBlackKarriere {
		top: 10vw;
		left: 27vw;
	}
	.sliderKarriere {
		top: 15vw;
		left: 27vw;
	}
	.widescreen #Navigationbar ul.productsnav {
		/*grid-template-rows: 260px 260px 260px 260px;*/
		grid-template-columns: 16% 16% 16% 16% 16% 16%;
	}
	.fixedscreen #Navigationbar ul.productsnav {
		/*grid-template-rows: 260px 260px 260px 260px;*/
		grid-template-columns: 20% 20% 20% 20% 20%;
	}
	#Navigationbar ul.productsnav {
		/*grid-template-rows: 260px 260px 260px 260px;*/
		grid-template-columns: 16% 16% 16% 16% 16% 16%;
	}
}
@media only screen and (max-width: 1216px) {
	.widescreen #Navigationbar ul.productsnav, .fixedscreen #Navigationbar ul.productsnav {
		/*grid-template-rows: 260px 260px 260px 260px;*/
		grid-template-columns: 20% 20% 20% 20% 20%;
	}
	.pos-Karriere {
		position: absolute;
		top: 10vw;
		left: 27vw;
	}
	#floatingMenu, .FloatingButtonRight {
		display: none;
	}
	#customerMenu > a > div > i {
		padding-bottom: 40px;
	}
	.mega-dropdown {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media only screen and (max-width: 1024px) {
	.widescreen #Navigationbar ul.productsnav, .fixedscreen #Navigationbar ul.productsnav {
		/*grid-template-rows: 260px 260px 260px 260px;*/
		grid-template-columns: 25% 25% 25% 25%;
	}
	.noResponsive {
		display: none;
	}
	.no_small_screen {
		display: none;
	}
	.small_screen {
		display: block;
	}
	.small_screen > aside {
		float: left;
		width: 100%;
	}
	
	header {
		/*width:98%;*/
		padding-right: 15px;
	}
	#Navi {
		margin-top: 12px;
		width: 100%;
	}
	#customerMenu > a > div > i {
		padding-bottom: 0;
	}
	.ShopContent {
		/*width: 100%;*/
	}
	#customerMenu .TwoColumns {
		width: 99%;
		margin-left: 0.5%;
		/* margin-right: 0.5%; */
	}
	.technischer_container {
		width: 100%;
	}
	.technische_daten_container > div:nth-of-type(2n), .technische_daten_container > div:nth-of-type(2n+1) {
		float: none;
	}
	.technische_daten_container > div:nth-of-type(2n) .technischer_header {
		display: none;
	}
	.freddoxtabsinhalten > div {
		overflow-x: visible;
	}
	.toTablet {
		display: none;
	}
	/*------------------------------------------------------*/
	/* Allgemien Definitionen für Schrift, Abstände */
	/*------------------------------------------------------*/
	.Height170 {
		height: 200px;
	}
	.Info input.Input, .Info select.Input {
		width: 90%;
	}
	/*	.btn-container .button {
	 padding: 10px;
	 } */
	h3, h3.InfoHead, div.Toggle > i {
		font-size: 1.5em;
	}
	/*------------------------------------------------------*/
	/* Grundstrukturen */
	/*------------------------------------------------------*/
	header {
		height: 155px;
	}
	.CMS header {
		/* height: 195px; */
	}
	header h1 {
		left: 1%;
	}
	.SiteContainer {
		padding-left: 1%;
		padding-right: 1%;
	}
	.CMS .content-wrapper {
		padding: 0 10px;
	}
	/*------------------------------------------------------*/
	/* FACt-Finder Suche */
	/*------------------------------------------------------*/
	#FactFinder {
		width: calc( 100% - 25px );
		top: 82px;
		left: 1%;
		right: 1%;
		margin-left: 0;
	}
	div#suggestLayer {
		top: 130px;
		left: 10px;
		margin-left: 0px;
	}
	#MainNavi, #UserNavi {
		width: auto;
	}
	/*------------------------------------------------------*/
	/* Detail Tabelle in Accrdions umwandelt */
	/*------------------------------------------------------*/
	#DetailTableWrapper {
		display: block;
		width: 100%;
	}
	#DetailCross th, #DetailTable th, #DetailTable th select {
		font-size: 0.75em;
	}
	#DetailTable th i {
		font-size: 0.8em;
	}
	#DetailCross td, #DetailTable td, #DetailTable td a {
		font-size: 0.8em;
	}
	#DetailCross th, #ScartTable th, #DirectOrderTable th, .ShopTable th {
		font-size: 1.1em;
	}
	.DetailContent .shariff {
		margin-top: 0;
	}
	#downloadList {
		padding-left: 1em;
	}
	/*------------------------------------------------------*/
	/* Warenkorbanpassungen */
	/*------------------------------------------------------*/
	#ScartInfo {
		right: 1%;
	}
	#ScartInfo:hover #ScartItemDetails {
		right: -22px;
	}
	#ScartInfo a p > span {
		padding-right: 0px;
	}
	#ScartSteps {
		width: 100%;
	}
	#CustAccount form label {
		display: block;
		position: relative;
	}
	#CustAccount form input.Input {
		margin-left: 0;
		width: 100%;
	}
	/*------------------------------------------------------*/
	/* Footer */
	/*------------------------------------------------------*/
	#Sitemap nav, #Sitemap div.ce_text {
		/*width:48%;*/
		min-width: initial;
		width: auto;
		/* min-height: 300px; */
	}
	div.ce_text h6 {
		font-size: 13px;
		padding-right: 15px
	}
	#Sitemap .wrapper nav:nth-child(3n+3) {
		clear: left;
	}
	.error404-resp p {
		background-color: rgba(255,255,255,0.5);
		width: 100%;
	}
	/*------------------------------------------------------*/
	/* Artikel im CMS */
	/*------------------------------------------------------*/
	/* Produktslider */
	.artCMS .articleSlider .webPikto {
		height: auto;
	}
	/* Funktionsbuttons */
	.artCMS .articlelist.buttons .button {
		line-height: initial;
	}
	.artCMS .inputButton {
		padding: 1em 0.2em;
	}
	.artCMS .articlelist.buttons .button {
		width: 35px;
	}
	.artCMS .articlelist.buttons input.amountSmall {
		padding: 0 4px;
		width: 35px;
	}
	#ScartTable td:before,
	#ShopTable.ShopTable td:before {
		content: attr(data-title) " ";
		float: left;
		display: block;
	}
	.ResponsiveShopTable {
		border-bottom: none;
	}
	.ResponsiveShopTable thead {
		display: none;
	}
	.ResponsiveShopTable td {
		display: block;
		text-align: right;
	}
	.ResponsiveShopTable > tbody > tr > td:last-child {
		min-height: 20px;
		border-right: none;
	}
	.ResponsiveShopTable > tbody > tr > td:first-child {
		border-left: none;
	}
}
@media only screen and (min-width: 993px) {
	.FFSContent {
		width: calc(100% - 280px);
		padding-left: 10px;
	}
}
@media only screen and (max-width: 992px) {
	.FFSContent {
		width: 68%;
	}
}
@media only screen and (max-width: 970px) {
	.FFSContent {
		width: 71%;
	}
	#ShopMenu.FFSMenu {
		width: 28%;
	}
	.DreiSpalten {
		width: 100%;
	}
	.DreiSpalten .btn-container {
		display: contents;
	}
	.Info.DreiSpaltenDiv {
		height: 165px;
	}
	#os_scart_form .CCLabel,
	#os_scart_form .CCInput {
    	width: 100%;
	}
	#ShopMenu .Filter {
		display: none;
	}
	#Filter {
		display: block;
	}
	
}
@media only screen and (max-width: 816px) {
	.rsts-skin-default .rsts-nav {
		bottom: -10px;
	}
	.pos-tradepro .mWidth500 {
		display: none;
	}
	.mWidth500 {
		font-size: 1.2 vw;
	}
	.sliderTopicBlack {
		font-size: 1.3 vw;
	}
	.pos-hautpflege {
		position: absolute;
		left: 10vw;
		top: 5vw;
	}
	.posPSA {
		top: 10vw;
		left: 5vw;
		position: absolute;
	}

	.shop .ce_text h1 {
		font-size: 22px;
	}
	.FFSContent {
		width: 100%;
		padding-left: 0px;
	}
	#ShopMenu .Filter {
		display: block;
	}
	#Filter {
		display: none;
	}
	#ShopMenu.FFSMenu {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 768px) {
	.lieferzeit {
		text-align: right !important; /* leider notwendig, um inline-style zu überschreiben */
	}

	.ShopTable td:before {
		content: attr(data-title) " ";
		float: left;
		display: block;
	}

	#navLogin {
		padding-left: 0;
	}
	
	.ShopContent.DetailContent {
		float: none;
		width: 100%;
	}
	#Favoliste input.menge {
		float: none;
		margin-right: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#ShopMenu.DetailMenu {
		display: none;
	}
	#Favoliste td:before {
		display: block;
	}
	.main-navigation > ul > li:hover, .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > a > i {
		background: transparent;
		color: #222;
	}
	#Navigationbar ul.productsnav li > ul.level_3 {
		height: 100%;
	}
	.catimgcontainer {
		display: none;
	}

	.rsts-slide .ce_text {
		position: absolute;
		left: 20px;
		bottom: 20px;
		top: unset;
	}
	#ShopMenu {
		margin-top: 1.5em;
		/*float: right;
		width: 270px;*/
		position: relative;
		margin-bottom: 20px;
	}
	.ShopContent {
		/*float: left;
		width: calc(100% - 280px);*/
	}
	.ico-key {
		margin-left: 0px;
	}
	.teaser_links .teaser_grey {
		text-align: center;
	}

	.teaserTopicBlack, .teaserTextBlack {
		float: left;
		clear: both;
		width: 100%;
	}

	.teaserTopicBlack {
		width: calc( 70% );
		margin: 20px 15%;
		font-size: 14px;
	}

	#footer > div.ce_text, #footer #CreditInfoWrapper {
		background-color: #fff;
	}
	.StartContent {
		padding: 0px;
	}
	.teaser_container {
		width: calc( 100% + 20px);
		margin-left: -10px;
	}
	nav#MainNavi {
		display: contents;
	}
	#Navigationbar .main-navigation {
		z-index: 2;
		height: 100%;
	}
	#Navi a {
		color: #222;
	}
	#Navigationbar #UserNavi.main-navigation {
		z-index: 1;
		float: left;
		height: auto;
	}
	.main-navigation > ul > li:hover:after {
		display: none;
	}
	#Navigationbar nav ul li a {
		font-size: 14px;
	}
	#Navigationbar nav ul li.activemen > a {
		/*padding-left: 60px;*/
		text-align: center;
		background-color: #fff;
		color: #000;
	}
	#Navigationbar ul.productsnav li > ul.level_3 a::before, #Navi > nav > ul > li > ul > li > a:before {
		display: none;
	}
	.main-navigation > ul > li > ul a {
		background-color: transparent;
	}
	#Navigationbar nav ul li.submenu.activemen > a:after, #Navigationbar nav ul li.activemen > a:after {
		right: unset;
		border-right: 1px solid #ccc;
		height: 100%;
		content: "\e903";
		top: 0px;
		left: 0px;
		width: 59px;
		text-align: center;
		line-height: 40px;
	}
	#Navigationbar .main-navigation > ul > li:hover > ul,
	#Navigationbar .main-navigation > ul > li > ul, 
	/*#Navigationbar .main-navigation > ul > li:hover > div, */
	#Navigationbar .main-navigation > ul > li > div {
		display: none;
	}
	.main-navigation#MainNavi li.activemen {
		top: 0px;
		overflow: visible;
		padding-top: 0px;
		display: block;
		position: absolute;
		z-index: 999999;
		background: #fff;
		height: auto;
		float: left;
		background: #fff;
		height: auto;
	}
	.main-navigation#MainNavi li.activemen {
		top: 0px;
		display: block;
		position: absolute;
		z-index: 999999;
		height: auto;
		float: left;
		width: 100%;
		top: 0;
		height: 100%;
	}
	#Navigationbar nav ul li > a:after {
		position: absolute;
	}
	#Navigationbar nav ul li.submenu > a:after, #Navigationbar nav ul li > a:after {
		content: "\e907";
		font-family: 'icomoon';
		left: unset;
		display: block;
		top: 10px;
		bottom: auto;
		right: 10px;
	}
	/* Menu */
	#ResponsiveButton.active i.fa.ico-menu, #SearchButton a.active .ico-search {
		transform: rotate(90deg);
	}
	#ResponsiveButton i.fa.ico-menu, #ResponsiveButton .ico-menu:before, #SearchButton a .ico-search, #SearchButton a .ico-search:before {
		transition: 0.25s;
	}
	#ResponsiveButton.active .ico-menu:before, #SearchButton a.active .ico-search:before {
		content: "\ea0f";
	}
	/* SLIDER */
	.rsts-skin-default .rsts-nav {
		bottom: 0px;
	}
	.rsts-skin-default .rsts-nav-bullets a {
		width: 10px;
		height: 10px;
	}
	/* */
	#ScartInfo:hover i.fa.ico-cart {
		color: #0075bc;
	}
	/* DETAILSEITE - Referenzartikel */
	#RubView li, #RubView .offerItem {
		margin: 0 0 20px 0;
		flex: auto;
		/*max-width: 50%;*/
	}
	.flexcontainer, .articlelist {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	/* */

	.ResponsiveBorder {
		border: 1px solid #ccc;
	}
	.ResponsiveBorder#ScartTable > tbody > tr > td:first-child {
		border: 0;
	}
	.ResponsiveBorder#ScartTable > tbody > tr > td:last-child {
		border: 0;
	}
	#CCTable td:not(:first-child):not(:last-child) {
		border-bottom: 1px solid #ccc;
	}
	.categoryselector {
		height: 44px;
		position: absolute;
		top: 10px;
		left: 30px;
	}
	#categorydropdown {
		bottom: 0;
	}
	#CCTable tr:not(:first-child) {
		border-top: 1px solid #aaa;
	}
	#customerMenu > a > div > i {
		padding-bottom: 80px;
	}
	body {
		padding-top: 45px;
	}
	#demonote {
		margin-top: 20px;
	}
	/*------------------------------------------------------*/
	/* Allgemien Definitionen für Schrift, Abstände */
	/*------------------------------------------------------*/
	h1 {
		/*font-family: Lato, sans-serif;*/
		font-family: 'OpenSansLight', Arial, sans-serif;
		-webkit-text-size-adjust: 100%;
	}
	h2 {
		font-size: 2em;
		-webkit-text-size-adjust: 100%
	}
	h3, h3.InfoHead, div.Toggle > i {
		font-size: 1.4em;
		-webkit-text-size-adjust: 100%
	}
	.SiteContainer {
		margin-top: 10px;
		overflow: hidden;
	}
	.breakpoint-768 .SiteContainer {
		margin-top: 15px;
	}
	.page {
		margin-top: 0;
	}
	.meta-menu-container {
		display: none;
	}
	#DetailCross, .TwoColumns {
		width: 99%;
		margin-left: 0.5%;
		margin-right: 0.5%;
	}
	.CMS.twocolumnleft section.main-content, .CMS.twocolumnright section.main-content {
		float: none;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 0;
	}
	.Height150 {
		height: 300px;
	}
	.DreiSpalten {
		width: 100%;
	}
	.DreiSpalten .Height170 {
		height: auto;
		padding-bottom: 50px;
	}
	#Pages * {
		font-size: 0.9em;
	}
	.button {
		padding: 5px;
	}
	.fromTablet {
		display: inline;;
	}
	.noTablet {
		display: none;
	}
	/*	.StartContent #RubView .btn-container {
	 border-top: 0px;
	 }   */
	#CMS .FFSContent img {
		width: 100%;
		height: auto;
	}
	/*	.StartContent #RubView .itemContent {
	 bottom: -10.5em
	 }   *7
	 /*------------------------------------------------------*/
	/* Grundstrukturen */
	/*------------------------------------------------------*/
	header, .CMS header {
		height: 60px;
		background-color: #fff;
		top: 0;
		width: 100%;
		border-bottom: 1px solid #ccc
	}
	header, .CMS .page-header {
		position: fixed;
		z-index: 1001;
	}
	.content-wrapper {
		margin-top: 40px
	}
	#Logo {
		width: 62px;
		height: 51px;
		background-position: bottom left;
		background: url(/tradepro/layout/itb_logo.gif) top left no-repeat;
	}
	#LogoBW {
		display: block;
	}
	body.start #navLogin {
		display: block;
	}
	/*------------------------------------------------------*/
	/* Detail Tabelle in Accrdions umwandelt */
	/*------------------------------------------------------*/
	#DetailTable .showmobile {
		display: block;
		font-size: 12px;
	}
	.ShopTable {
		margin-top: 1em;
	}
	#DetailTable {
		border-bottom: none;
	}
	#ScartOrderButton {
		border-left: none;
		text-align: left;
	}
	#DetailTable, #DetailTable tbody, #DetailTable tr, #DetailTable td {
		display: block;
		font-size: 1em;
	}
	#DetailTable td a {
		font-size: 1em;
	}
	#DetailTable.ShopTable tr {
		border-left: none;
		border-right: none;
	}
	/*#DetailTable thead, .ShopTable tr th, .scartRefreshDummy, #ScartTable td.noRespons {
		position: absolute;
		left: -999em;
		display: none;
	}*/
	.main-navigation#MainNavi ul.level_1 > li.activemen {
		overflow: scroll;
	}

	#ScartTable .Article:nth-child(odd) td {
		background-color: #efefef;
	}
	#DetailTable tr {
		background: none;
	}
	#DetailTable tr.active .Width40 {
		width: 100%;
	}
	#DetailTable tr.active td, .ShopTable td {
		display: block;
		text-align: right;
	}
	#permscartTable.ShopTable thead {
		border-bottom: 1px solid #ccc
	}
	#permscartTable.ShopTable td {
		text-align: left;
	}
	#DetailTable tr.active td:first-child {
		text-align: left;
	}
	#DetailTable a.nolink {
		padding-right: 20px;
	}
	#ScartTable.SLC td {
		text-align: left;
	}
	#DetailTable tr.active td:first-child {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px;
		border-radius: 3px 3px 0 0;
	}
	#DetailTable tr.active td:first-child:after {
		font-family: 'FontAwesome';
		content: "\f139";
	}
	#DetailTable tr.active td:last-child {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0;
		border-radius: 0 0 3px 3px;
	}
	#DetailTable td {
		border-bottom: 0;
	}
	#DetailTable td:before, 
	#ScartTable td:before, 
	#DirectOrderTable td:before {
		content: attr(data-title) " ";
		float: left;
		display: block;
	}
	#DetailTable td:first-child:before {
		/*content: "";*/
	}
	#os_scart_form input, #os_scart_form select {
		width: auto;
	}
	#DetailTable td:first-child {
		background: #f1f1f1;
		color: #f1f1f1;
		margin-top: .25em;
		border-bottom: 1px solid #CCCCCC;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		position: relative;
		text-align: left;
	}
	#DetailTable td:first-child .fromTablet {
		position: absolute;
		right: 26px;
		margin-top: 4px;
	}
	#DetailTable td:first-child:hover {
		cursor: pointer;
	}
	#DetailTable td:first-child:after {
		font-family: 'FontAwesome';
		content: "\f13a";
		position: absolute;
		right: 2px;
		top: 5px;
		color: black;
		padding: 3px;
		width: 20px;
		text-align: center;
	}
	#DetailTable td:not(:first-child) {
		display: none;
	}
	#DetailTable td:last-child {
		border-bottom: 1px solid #ccc;
	}
	#UserNavi .submenu {
		border-right: none;
	}

	/*	#homeTab #RubView li {
	 height: auto;
	 margin-bottom: 2em;
	 }  */
	/*------------------------------------------------------*/
	/* Warenkorbanpassungen */
	/*------------------------------------------------------*/
	#ScartInfo {
		background: none;
		right: 0;
		width: 60px;
		border-left: 1px solid #ccc;
		top: 0;
		height: 60px;
		padding-top: 15px;
	}
	.scartcounternumber {
		left: -20px;
	}
	#ScartItemDetails h4, #ScartItemDetails a {
		font-size: 1em;
	}
	#ScartInfo:hover #ScartItemDetails {
		top: 60px;
		right: 0px;
	}
	#ScartSteps .step3 p, #ScartSteps .step4 p {
		bottom: 12px;
	}
	#ScartOrderButton {
		width: 100%;
	}
	.ShopForm .PLZ, .ShopForm .Ort {
		width: 44%;
	}
	#ScarStepsExplain {
		width: 95%;
	}
	div.Info ul {
		margin-left: 5%;
	}
	.Info .btn-container {
		position: relative;
		text-align: left;
		margin-left: 0px;
		top: 1em;
		bottom: 0;
	}
	/*------------------------------------------------------*/
	/* FACt-Finder Suche */
	/*------------------------------------------------------*/
	#SearchButton {
		position: absolute;
		top: 0;
		right: 60px;
		width: 60px;
		text-align: center;
		border-left: 1px solid #ccc;
		height: 60px;
		font-size: 1.5em;
		padding-top: 17px;
	}
	#FactFinder {
		display: none;
		width: 100%;
		margin: 0;
		top: 60px;
		padding: 0;
		border-bottom: 1px solid #ccc;
		padding: 10px 30px;
		height: auto;
		background: #fff;
		left: 0;
	}
	#FactFinder input {
		height: 44px;
		width: 100%;
		-webkit-border-radius: 0 0 0 0;
		border-radius: 0 0 0 0;
		padding-left: 145px;
	}
	#FactFinder button {
		border: none;
		box-shadow: none;
		text-shadow: none;
		background: none;
		top: 10px;
		right: 30px;
		width: 2.4em;
	}
	#FactFinder button i {
		color: #414141;
	}
	#FactFinder > a {
		display: none;
	}
	div#suggestLayer {
		top: 114px;
		left: 30px;
		margin-left: 0px;
	}
	/*------------------------------------------------------*/
	/* Navigation */
	/*------------------------------------------------------*/
	#Navigationbar ul.level_1 {
		height: 100%;
	}
	.breakpoint-320 #Navigationbar ul.level_1 {
		margin-top: 50px;
	}
	.main-navigation > ul > li, .main-navigation > ul > li a, .main-navigation ul  li, .main-navigation ul  li a {
		-webkit-transition: 0;
		-moz-transition: 0;
		-o-transition: 0;
		transition: 0;
	}
	#Navigationbar nav ul li {
		max-width: none;
	}
	#Navigationbar {
		position: fixed;
		z-index: 1001;
		margin: 60px 0 0 0;
		width: 100%;
		display: none;
		bottom: auto;
		top: 0px;
		width: 100%;
		height: calc(100% - 60px);
		overflow-x: hidden;
		overflow-y: hidden;
		background: #f1f1f1;
	}
	#Navigationbar ul.productsnav li > ul.level_3 {
		display: none;
	}
	.main-navigation > ul > li:hover, .main-navigation > ul > li > a:hover {
		background: transparent;
		color: #000;
	}
	.CMS #Navigationbar {
		position: fixed;
		bottom: auto;
	}
	#Navi {
		padding: 0;
	}
	#Navi a {
		width: 100%;
		display: block;
	}
	#Navi .level1 li:last-child {
		border-right: none;
	}
	#MainNavi, #UserNavi {
		float: none;
		border-left: none;
		width: 100%;
	}
	#Navigationbar #Navi {
		height: auto;
		padding: 0px;
		margin-top: 0;
		height: 100%;
		position: relative;
	}
	.main-navigation > ul > li > a:before, .main-navigation > ul > li > span.active:before, .main-navigation > ul > li > span.trail:before, .main-navigation > ul > li > span.forward:before {
		display: none;
	}
	#Navi .level1 {
		height: auto;
	}
	#Navigationbar #Navi .level_1 .ico-home3 {
		display: none;
	}
	#Navigationbar nav ul li {
		width: 100%;
		display: block;
		float: none;
		height: auto;
	}
	#Navi .level1 li a {
		text-align: left;
	}
	#Navi .level2 {
		width: 100%;
		left: 0px;
	}
	#Navi .level_2.split {
		width: 50%;
	}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		top: 0px;
	}
	.sf-menu ul {
		position: relative;
	}
	#ShopMenu {
		/*float: none;*/
		/*width: 100%;*/
		margin-top: 1.5em;
	}
	#ShopMenu.FFSMenu {
		width: 100%;
	}
	#ShopMenu a {
		font-size: 0.9em;
	}
	#ShopMenu .Filter.button {
		width: 100%;
		padding: 5px none;
		text-align: center;
		font-size: 1.3em;
		margin-bottom: 1em;
		display: block;
	}
	.FFSContent {
		float: none;
		width: 100%;
	}
	#ResponsiveButton {
		position: absolute;
		width: 60px;
		height: 60px;
		left: 0px;
		top: 0px;
		display: block;
		text-align: center;
		padding: 14px;
		border-right: 1px solid #ccc;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
	#ResponsiveButton .wrapper {
		background-color: #fff;
		padding: 0px;
	}
	#ResponsiveButton .wrapper i {
		font-size: 2em;
		color: #333;
	}
	#LogoDivHeader {
		position: absolute;
		top: 4px;
		left: calc(50% - 30px);
		margin-left: -31px;
		margin-left: 0px;
	}
	.UserBoxStartseite {
		display: none;
	}
	#Navi .level1 li a, #Navigationbar .level_1 li a, #Navigationbar .level_1 li span {
		position: relative;
		text-align: left;
		border-bottom: 1px solid #ccc;
		padding: 10px;
		height: auto;
	}
	#Navi .level2, #Navigationbar .level_2, #Navi .level3, #Navigationbar .level_3 {
		border: none;
		position: relative;
		width: 100%;
		box-sizing: border-box;
		display: block;
		padding: 0;
	}
	#navLogin ul.level_2 {
		width: 50%;
		top: -190px;
		left: 130px;
	}
	#Navi .mega-dropdown .mega-dropdown-column {
		width: 100%;
		margin-top: 0%;
		background-color: #fff;
	}
	.mega-dropdown-column h1, .mega-dropdown-column h1 a {
		font-weight: 800;
	}
	#Navi li > a {
		border-right: none;
	}
	.mega-dropdown {
		border-width: none;
		box-shadow: none;
		clear: both;
		left: 0;
		pointer-events: all;
	}
	.main-navigation > ul > li > ul {
		pointer-events: all;		
	}
	.mega-dropdown-inner {
		padding: 0;
	}
	li:hover > .mega-dropdown {
		padding: 0%;
	}
	/*------------------------------------------------------*/
	/* Mainpage Slider */
	/*------------------------------------------------------*/
	#MainPageSlideshow {
		top: 5px;
	}
	#MainPageSlideshow .slick-slide .slider-content {
		width: 90%;
		margin: 2% 5%;
	}
	.slick-dots li {
		width: 15px;
	}
	.sliderTopicBlack, .mWidth500, .sliderBlueTransparent {
		font-size: 12px;
	}
	.slider-subheadline {
		width: auto;
		margin: 1em 0 0.1em;
		font-size: 1.25 rem;
	}
	.slider-linktext a {
		color: #fff;
		text-decoration: none;
		font-family: "Ubuntu-Light";
		font-size: 2rem;
	}

	/*------------------------------------------------------*/
	/* Detailseite Anpassungen */
	/*------------------------------------------------------*/
	#ZoomContainer {
		width: 75%;
		margin: auto;
		float: none;
	}
	#DetailZoomOverlay {
		width: 97%;
		margin-left: 1%;
	}
	#DetailZoom .thumbs a {
		float: left;
	}
	#DetailZoom .image {
		/*width: 100%;*/
	}
	#DetailZoom .image img {
		width: 100%;
		height: auto;
	}
	#DetailInfo {
		margin: 0 0 1em 0;
		width: 100%;
	}
	#downloadList {
		width: 100%;
	}
	#downloadList a.button {
		display: none
	}
	/*------------------------------------------------------*/
	/* Index nach Login von Erwin Einkauf */
	/*------------------------------------------------------*/
	#myIndex .textbox {
		width: auto;
	}
	#myIndex .RubView {
		width: auto;
	}
	#myIndex .RubView li {
		width: 170px;
		margin: 10px 5px;
		float: left;
		height: 250px;
	}
	#myIndex .card {
		margin-top: 1%;
	}
	#myIndex .card p {
		top: 5px;
	}
	/*------------------------------------------------------*/
	/* Schnellbestellungen */
	/*------------------------------------------------------*/
	.TableTwoColumns {
		clear: both;
		width: 100%;
	}
	/*------------------------------------------------------*/
	/* Thumbnails in Rub & Listview ausblenden */
	/*------------------------------------------------------*/
	.lvThumbs {
		display: none;
	}
	.rvThumbs {
		display: none;
	}
	/* Search Error nur zwei Top-Produkte anzeigen */
	.articlelist.search-error li:nth-of-type(1n+3) {
		display: none;
	}
	/*------------------------------------------------------*/
	/* Artikel im CMS */
	/*------------------------------------------------------*/
	/* Galerieansicht */
	/* Funktionsbuttons */
	.artCMS .articlelist.buttons .button {
		line-height: initial;
	}
	/* Listenansicht */
	/* Tabellarische Auflistung mit Summe */
	/* Produktslider */
	.artCMS .articleSlider button {
		width: 35px;
	}

	/* Produktmenü */
	#Navigationbar ul.productsnav {
		display: block;
		margin-top: 0px;
		background: #F1f1f1;
	}
	#Navigationbar .main_category {
		margin: 0px;
		font-weight: normal;
		padding: 0px;
	}
	.main-navigation#MainNavi li.activemen {
		display: block;
		width: 100%;
		top: 0;
		background: #f1f1f1;
	}
	#Navigationbar li.activemen > ul, #Navigationbar li.activemen > div:not(.catimgcontainer) {
		opacity: 1;
		top: 0px;
		max-height: initial;
		position: relative;
		float: left;
		border: 0px;
		box-shadow: none;
		display: block;
		left: 0;
		background: #f1f1f1;
		float: left;
		position: relative;
		padding: 0px;
	}
}
@media only screen and (max-width: 640px) {
	.mWidth500 {
		display: none;
	}
	.categoryselector {
		display: none;
	}
	#customerMenu > a > div > i {
		padding-bottom: 0;
	}
	/*------------------------------------------------------*/
	/* Allgemien Definitionen für Schrift, Abstände */
	/*------------------------------------------------------*/
	.ZweiSpalten, .DreiSpalten {
		float: none;
		width: 100%;
	}
	.Height150 {
		height: auto;
	}
	.toTablet {
		display: none;
	}
	/*------------------------------------------------------*/
	/* Grundstrukturen */
	/*------------------------------------------------------*/

	header h1 {
		display: block;
	}
	body {
		border-top: none;
	}
	.meta-menu-container {
		display: none;
	}
	footer #SkipParallax {
		left: 20%;
	}
	/*------------------------------------------------------*/
	/* Warenkorbanpassungen */
	/*------------------------------------------------------*/
	#ScartSteps li.step1 {
		width: 20%;
	}
	#ScartSteps li.step2 {
		width: 27%;
	}
	#ScartSteps li.step3 {
		width: 27%;
	}
	#ScartSteps li.step4 {
		width: 26%;
	}
	#ScartSteps .step3 p, #ScartSteps .step4 p {
		bottom: 12px;
	}
	.ShopForm, .ShopFormNB {
		width: 100%;
	}
	.ShopForm td {
		display: block;
	}
	.ShopForm td input, .ShopForm td select {
		width: 100%;
	}
	.ShopForm td input.PLZ {
		width: 40%;
		float: left;
	}
	.ShopForm td input.Ort {
		width: 57%;
		margin-left: 1%;
		float: right;
	}
	#ScartSteps strong {
		display: none;
	}
	#ScartSteps li p {
		left: 20px;
	}
	#ScartSteps li.step1 p {
		left: 3px;
	}
	.Gift .content {
		margin-left: 0px;
	}
	/*------------------------------------------------------*/
	/* FACT-Finder Suche */
	/*------------------------------------------------------*/

	.FFSContent {
		padding-left: 0
	}
	#FactFinder input {
		padding-left: 5px;
	}
	#ShopMenu, .FFSContent, .FFSContent #RubView li, .ShopContent, .ShopContent #RubView li, .StartContent #RubView li, .FFSContent #RubView li:nth-child(2n) {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
		clear: both;
	}
	.FFSContent #RubView li {
		border-bottom: 1px solid #E5E5E5;
		/*margin-bottom:1.3em;*/
	}
	.FFSContent #RubView li p {
		margin-bottom: 2em;
	}
	.FFSContent #RubView li .button {
		position: static;
	}
	#ListView p {
		margin: 0 0 10px 110px;
	}
	#ArticlesPerPage ul li a {
		font-size: 0.8em;
	}
	#RubView li .banner {
		position: absolute;
	}
	div#suggestLayer {
		left: 0px;
		width: 98%;
	}
	div#suggestLayer div ul.suggestLayerBlockImage, div#suggestLayer .suggestLayerBlock {
		width: 100% !important;
	}
	div#suggestLayer div ul.suggestLayerBlockText {
		display: none;
	}
	/*------------------------------------------------------*/
	/* Navigation */
	/*------------------------------------------------------*/

	.Filter {
		margin-bottom: 1em;
		margin: 0 auto 1em auto;
		display: block;
	}
	#UserNavi .submenu {
		border-right: none;
	}
	/*------------------------------------------------------*/
	/* Detailseite Anpassungen */
	/*------------------------------------------------------*/
	#DetailInfo {
		margin: 0 0 1em 0;
		width: 100%;
	}
	#DetailZoomOverlay, #PrintView, #PrintView body, #PrintView .SiteContainer {
		height: 100%;
	}
	.SiteContainer .DetailMenu > section {
		display: none;
	}
	.InfoText .button {
		position: relative;
		margin: 20px 20px 0 20px;
	}
	#DetailScart {
		margin-bottom: 0.6em;
		margin-right: 0px;
		margin-left: 1em;
	}
	#DetailMoreInfos {
		margin-right: 0px;
	}
	#DetailPrint {
		margin-right: 0px;
	}
	#DetailZoom .image {
		width: 100%;
	}
	#DetailZoom .thumbs img {
		float: left;
	}
	/*------------------------------------------------------*/
	/* Mainpage Slider */
	/*------------------------------------------------------*/
	#MainPageSlideshow h2 {
		font-size: 1.6em;
	}
	#MainPageSlideshow .slick-dots {
		display: none;
	}
	.ShopContent {
		float: left;
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.posPSA {
		top: 4vw;
		left: 4vw;
		position: absolute;
	}
	.sliderTopicBlack {
		margin-bottom: 0;
		font-size: 1.4 vw;
	}

	.shop .ce_text h1 {
		font-size: 17px;
	}
	.categoryselector {
		height: 36px;
		padding-top: 7px;
	}
	#scart-popup-container {
		left: 10px;
		width: auto;
	}
	#LogoDivHeader {
		top: 4px;
	}
	.SiteContainer {
		/*
		padding-left: 0;
		padding-right: 0;
		*/
	}
	.StartContent {
		margin-left: 1%;
		margin-right: 1%;
	}
	/*------------------------------------------------------*/
	/* Grundstrukturen */
	/*------------------------------------------------------*/

	.FormTwoColumns {
		clear: both;
		width: 100%;
	}
	/*------------------------------------------------------*/
	/* FACT-Finder Suche */
	/*------------------------------------------------------*/
	.resp_tabs_cont .resp-tabs-list li a {
		padding: 10px;
	}
	/*------------------------------------------------------*/
	/* Navigation */
	/*------------------------------------------------------*/

	#Navigationbar.fixed {
		margin-top: 50px;
		overflow-y: scroll;
		max-height: 80%;
		height: auto;
	}

	#NaviLogin {
		margin-bottom: 0px;
	}
	/*------------------------------------------------------*/
	/* Mainpage Slider */
	/*------------------------------------------------------*/
	#MainPageSlideshow {
		margin-left: 0;
		width: 100%;
	}
	#MainPageSlideshow h2 {
		font-size: 1.6em;
	}
	#MainPageSlideshow .slider-content > div {
		display: none;
	}
	.slider-subheadline {
		font-size: 1rem;
	}
	.slider-linktext {
		padding: 0.5 rem;
	}
	.slider-linktext a {
		font-size: 1.375 rem;
	}
	#MainPageSlideshow .rsts-nav {
		/* display: none; */
	}

	/*------------------------------------------------------*/
	/* Detailseite Anpassungen */
	/*------------------------------------------------------*/
	#DetailText {
		margin: 0;
	}
	#DetailBack {
		display: none;
	}
	/*------------------------------------------------------*/
	/* Footer */
	/*------------------------------------------------------*/
	#Sitemap nav, #Sitemap div.ce_text {
		width: 90%;
		margin-left: 5%;
		margin-top: 2%;
	}
	/*------------------------------------------------------*/
	/* Warenkorbanpassungen */
	/*------------------------------------------------------*/
	#DirectOrderTable {
		display: none;
	}
	/*------------------------------------------------------*/
	/* Rubanzeigen */
	/*------------------------------------------------------*/
	#RubView #TopProducts li {
		width: 98%;
	}
	#ShopMenu .Filter.button {
		width: auto;
	}
	.responsive-table Center {
		text-align: right;
	}
	.main-content .ArticleElement {
		width: 100%;
	}
	/*------------------------------------------------------*/
	/* Kundenstartseite */
	/*------------------------------------------------------*/
	#customerMenu div.textContainer h4 {
		font-size: 1em;
		padding: .5em 0;
	}
	#customerMenu div.textContainer p {
		font-size: .8em;
	}
	/* Artikel im CMS */
	.artCMS .articlelist.buttons input.amountSmall {
		width: 60px;
	}
}

@media only screen and (max-width: 399px) {
	#RubView li, #RubView .offerItem {
		width: 100%;
	}
	#FactFinder {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (max-width: 360px) {
	.shop .ce_text h1 {
		font-size: 15px;
	}
}

@media only screen and (max-width: 1500px) {
	.widescreen #Navigationbar ul.productsnav {
		grid-template-columns: 20% 20% 20% 20% 20%;
	}
}

@media only screen and (max-width: 1440px) {
	.FFSContent #RubView li,
	#RubView #TopProducts li,
	.ShopContent #RubView li,
	.StartContent #RubView li,
	#RubView .offerItem {
		min-width: 25%;
	}

	.ShopContent {
		width: 100%;
	}

	aside#ShopMenu.DetailMenu {
		float: left;
		max-width: 100%;
		width: 100%;
		padding: 0px;
	}

	aside#ShopMenu .buttonContainer {
		display: inline-block;
		vertical-align: top;
	}

	div#DetailInfo div.productHighlight {
		display: block;
		vertical-align: top;
	}

	.ce_download-box, .ce_link-box {
		width: calc(33% - 10px);
		max-width: none;
	}
}

@media only screen and (max-width: 1200px) {
	footer #Sitemap div.ce_text {
		width: 50%;
	}

	.FFSContent #RubView li,
	#RubView #TopProducts li,
	.ShopContent #RubView li,
	.StartContent #RubView li,
	#RubView .offerItem {
		min-width: 33.33%;
	}
}

@media only screen and (max-width: 1080px) {
	#Navigationbar #Navi .main-navigation {
		margin-left: 30px;
	}

	#Navi .mega-dropdown.level_3 {
		left: -40px;
	}
	
	#Logo {
		width: 100px;
	}
	
	/*------------------------------------------------------*/
	/* Tabs to Accordion */
	/*------------------------------------------------------*/
	ul.resp-tabs-list {
		display: none;
	}
	.resp_tabs_cont ul.resp-tabs-list {
		display: block;
	}
	h2.resp-accordion {
		display: block;
		font-size: 24px;
		color: #003C78;
	}

	h2.resp-accordion span::before {
		top: -9px;
	}

	.resp-vtabs .resp-tab-content {
		border: 1px solid #ccc;
	}
	.resp-vtabs .resp-tabs-container {
		border: none;
		float: none;
		width: 100%;
		min-height: initial;
		clear: none;
	}
	.resp-accordion-closed {
		display: none;
	}
	.resp-vtabs .resp-tab-content:last-child {
		border-bottom: 1px solid #ccc;
	}
	.InfoText > .BottomRight {
		margin: 20px 20px 0 20px;
		position: relative;
	}

	#detTab h2.resp-accordion {
		font-size: 1em;
		font-weight: bold;
	}

	#detTab h2.resp-tab-active span.resp-arrow::before {
		top: 0px;
	}

	#detTab .resp-arrow::before {
		top: -4px;
		display: inline-block;
		right: 0px;
		float: none;
		position: absolute;
	}	

	#detTab #referenzen.resp-tab-content,
	#detTab .resp-tab-content {
		padding: 0px;
	}

	.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons {
		width: 100%;
		max-width: 100%;
		flex: 100%;
	}

	.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons:nth-child(odd) .addProductsFrame.innerBox {
		background: #f1f1f1;
	}

	.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons:nth-child(even) .addProductsFrame.innerBox {
		background: #fafafa;
	}

	#RubView .catalogBackground {
		width: 100%;
		max-width: 100%;
		border: 0px;
	}

	#RubView .catalogBackground:hover {
		border: 0px;
	}

	#RubView .tabStylingContainer {
		width: 100%;
	}

	#RubView .tabStylingOuter {
		width: 100%;
		max-width: 100%;
	}

	#RubView iframe {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.widescreen #Navigationbar ul.productsnav {
		grid-template-columns: 33% 33% 33%;
	}

	.marginBody {
		margin-top: 170px;
	}
	
	header#header,
	header {
		padding-right: 0px;
		min-height: 170px;
	}

	#LogoDivHeader {
		top: -6px;
	}

	#FactFinder {
		top: 26px;
		width: calc(100% - 370px);
		left: 0px;
		right: auto;
		margin-left: 310px;
	}

	#FactFinder button {
		width: auto;
	}

	div#suggestLayer {
		right: auto;
		margin-left: 0px;
		margin-right: 20px;
		left: 310px;
		top: 75px;
	}

	#Navigationbar #Navi .main-navigation ul.level_1 > li {
		margin: 0px 9px;
	}

	.FFSContent #RubView li,
	#RubView #TopProducts li,
	.ShopContent #RubView li,
	.StartContent #RubView li,
	#RubView .offerItem {
		min-width: 50%;
	}

	#readmorecontainer {
		width: 100%;
	}

	.shariff li .fa {
		width: 30px;
		line-height: 30px;
	}

	#DetailCross td,
	#DetailTable td,
	#DetailTable td a,
	#DetailCross th,
	#DetailTable th,
	#DetailTable th select {
		font-size: 1em;
	}

	div#DetailInfo div.productHighlight,
	aside#ShopMenu .buttonContainer {
		width: 100%;
		display: block;
		vertical-align: inherit;
	}

	.toTablet {
		display: block;
	}

	.ce_download-box, .ce_link-box {
		width: calc(50% - 3px);
		margin: 0px auto 20px auto;
		padding: 0px;
	}
}


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

	.main-content {
		margin: 0px auto;
	}

	.page {
		margin-top: 0px;
	}

}


@media only screen and (max-width: 768px) {
	
	/*Allgemein*/
	.widescreen .content-wrapper, .widescreen .SiteContainer, .widescreen .StartContent {
		margin: 0px;
	}
	
	#Breadcrum {
		margin: 15px;
		margin-top: 20px;
		padding-bottom: 10px;
	}
	
	header#header,
	.CMS .page-header {
		min-height: 61px;
	}
	
	#LogoDivHeader {
		left: 0px;
		font-size: 0px;
	}
	
	#Logo {
		background: url('/tradepro/shop/layout/hawa_Logo_RGB.svg') no-repeat;
		width: 90px;
		height: 68px;
		background-size: 99px 76px;
	}

	#SearchButton {
		border: none;
	}

	#FactFinder {
		top: 10px;
		padding: 0px;
		left: 100px;
		width: calc(100% - 215px);
		margin-left: 0px;
	}

	#FactFinder button {
		top: 0px;
		right: 10px;
	}

	div#suggestLayer {
		top: 60px;
		left: 100px;
		max-width: 600px;
		margin-right: 20px;
	}

	#ResponsiveButton {
		right: 0px;
		left: inherit;
		border-left: 1px solid #e9eaeb;
		border-bottom: none;
		border-right: none;
	}

	#Navigationbar {
		width: 100%;
		height: auto;
	}

	#Navigationbar #Navi {
		height: auto;
		position: relative;
	}

	#Navigationbar #MainNavi.main-navigation,
	#Navigationbar #MainNavi.main-navigation ul li,
	#Navigationbar #MainNavi.main-navigation ul li a,
	#Navigationbar #MainNavi.main-navigation ul li div.mega-dropdown,
	#Navigationbar #MainNavi.main-navigation ul li div.mega-dropdown ul.level_3 {
		float: none;
	}

	#Navigationbar ul.level_1 {
		height: auto;
	}

	.breakpoint-320 #Navigationbar ul.level_1 {
		margin-top: 0px;
	}

	#Navigationbar #Navi .main-navigation ul.level_1 > li {
		margin: 0px;
		position: relative;
	}

	#Navigationbar .main-navigation > ul > li.sibling > a::after {
		height: auto;
		width: auto;
		background: none;
		font-size: 14px;
		margin-right: 10px;
	}

	#Navigationbar nav ul li.submenu > a::after, 
	#Navigationbar nav ul li > a::after {
		height: auto;
		width: auto;
		background: none;
		font-size: 14px;
		margin-right: 10px;
	}

	#Navi .mega-dropdown.level_3 .mega-dropdown-column > ul.level_2 > li.activemen > a,
	#Navigationbar nav ul li.activemen > a {
		color: #e6000a;
	}

	#Navigationbar nav ul li.activemen ul.level_3 li > a {
		text-align: center;
	}

	#Navi .mega-dropdown.level_3 .mega-dropdown-column > ul.level_2 > li {
		margin-bottom: 0px;
		margin-top: 0px;
	}

	#Navi .mega-dropdown.level_3 .mega-dropdown-column > ul.level_2 > li.activemen {
		position: relative;
		height: auto;
	}

	#Navi .mega-dropdown.level_3 .mega-dropdown-column > ul.level_2 > li > ul.level_3 > li {
		margin-left: 0px;
	}

	#Navi .mega-dropdown.level_3 {
		width: 100%;	
	}

	#Navigationbar nav ul li.activemen ul.level_3 {
		max-height: 188px;
    	overflow: auto;
	}

	.rsts-skin-default .rsts-slide .slider-contentbox-left {
		/* left: 25%; */
	}
	
	.rsts-skin-default .rsts-slide .slider-contentbox-top {
		top: 6vw;
	}

	section#sortiment,
	div.buttonLink {
		display: block;
		width: 100%;
	}

	section#sortiment.teaser-boxes section.teaser-boxes-item {
		min-height: 425px;
	}

	section#sortiment .teaser-boxes-item a,
	section#sortiment .team-boxes-item a {
		bottom: 0px;
	}

	h2.resp-accordion {
		font-size: 20pt;
		font-weight: normal;
	}

	.resp-arrow::before {
		top: -7px;
	}

	.FFSContent #RubView li .innerBox {
		margin-bottom: 10px;
	}

	.FFSContent > p,
	.FFSContent h1,
	.shop .FFSContent .clearfix .ce_text {
		margin-left: 0px;
	}

	.FFSContent #RubView li,
	#RubView .offerItem {
		border: 0px;
	}

	.FFSContent #RubView li:hover,
	#RubView .offerItem:hover {
		border: 0px;
	}

	#RubView.categoryNavigation .thumb .RubImageContainer img {
		width: 100% !important;
		max-height: 220px;
		min-height: 220px;
		object-fit: cover;
	}

	#ListView .button {
		margin-right: 0px;
	}

	#ZoomContainer {
		float: none;
		margin: 0 1em;
	}

	#DetailZoom .image img {
		width: 100%;
		height: auto;
		max-height: 400px;
		object-fit: contain;
	}

	#DetailInfo {
		margin: 0em;
		padding: 0px;
		float: none;
	}

	#DetailImageContainer {
		clear: both;
	}

	#DetailTable thead,
	.scartRefreshDummy,
	#ScartTable td.noRespons {
		display: none;
	}

	#DetailTable td:first-child {
		border: 0px;
		margin: 0px;
		text-align: right;
		color: #000;
		background: none;
	}

	#DetailTable tr.active td:first-child {
		text-align: right;
	}

	#DetailTable td:first-child::after {
		content: none;
		/*content: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
		width: 45px;
		text-decoration: none;
		border: none;
		padding: 0px;
		margin: 0px;
		transform: rotate(270deg);
		top: 0px;
		right: 15px;*/
	}

	#DetailTable tr.active td:first-child::after {
		content: none;
		/*content: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
		transform: rotate(0deg);*/
	}

	#DetailTable td:not(:first-child) {
		display: block;
	}

	#DetailTable td:nth-child(odd) {
		background-color: #f1f1f1 !important;
	}

	#DetailMoreInfos,
	button.-small,
	.button.-small,
	input[type="submit"].-small {
		width: auto;
		margin: 0px;
		float: none;
	}

	#CompareTable td {
		display: table-cell;
	}

	button,
	html .button,
	html input.submit,
	.feature-box-link,
	#DetailMoreInfos {
		width: 100%;
	}

	.ShopContent.DetailContent {
		padding: 10px;
	}

	aside#ShopMenu.DetailMenu {
		display: block;
		padding: 10px;
	}

	#detTab {
		padding: 10px;
	}

	.ce_headline-linkbox .text {
		margin-left: 10px;
	}

	.ce_headline-linkbox .hyperlink .ce_hyperlink a {
		margin: 0px 10px 0px 20px;
	}

	/* Footer */
	footer #Sitemap {
		background: #003C78;
		padding: 0px;
	}

	#Sitemap .wrapper {
		background: #e9eaeb;
		padding-top: 10px;
	}
	
	#Sitemap .wrapper .footer-navigation-container .footer-navigation .navigation-list li {
		display: block;
		text-align: center;
		line-height: 2;
	}

	#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation {
		background: #003C78;
		margin: 0px;
	}
	
	.page-footer #Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation {
		margin-top: 10px;
	}

	#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list {
		margin: 0px 40px;
		position: relative;
		padding-top: 40px;
		text-align: center;
	}

	#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li {
		display: inline-block;
		margin: 0px 10px;
		line-height: 1;
	}

	#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list > li:first-child {
		display: block;
		margin: 0px 10px;
	}

	#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list > li:last-child {
		display: block;
		position: absolute;
		top: 5px;
		left: 50%;
		transform: translateX(-60%);
	}

	#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li * {
		color: #fff;
	}

	#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li ul.language-menu li:first-child::before {
		content: none;
	}

	#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li ul.language-menu li::before {
		color: #fff;
	}

	#Sitemap .wrapper .footer-navigation-container .footer-navigation-content a.newsletter-button {
		margin-top: 0px;
	}

}

@media only screen and (max-width: 640px) {
	div#suggestLayer {
		top: 60px;
		left: 10px;
		max-width: 600px;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 600px) {
	h1 {
		font-size: 22pt;
	}
	
	h2 {
		font-size: 20pt;
	}

	div#suggestLayer {
		left: 0px;
		margin: 0px 5px;
		right: inherit;
	}
	
	footer #Sitemap div.ce_text {
		width: 100%;
		margin: 20px auto;
		min-height: inherit;
	}

	.rsts-skin-default .image_container img {
		height: 400px;
	}

	.rsts-slide .slider-contentbox,
	.rsts-slide .slider-contentbox-right,
	.rsts-slide .slider-contentbox-left,
	.rsts-slide .slider-contentbox-top,
	.rsts-slide .slider-contentbox-bottom {
		display: none;
	}

	section#sortiment.teaser-boxes section.teaser-boxes-item {
		width: 100%;
		min-height: 0px;
		margin-bottom: 3em;
	}

	section#sortiment.teaser-boxes section.teaser-boxes-item:last-child {
		margin-bottom: 2em;
	}

	section#sortiment .teaser-boxes-item a,
	section#sortiment .team-boxes-item a {
		bottom: -50px;
	}

	h2.resp-tab-active span.resp-arrow::before {
		top: -2px;
	}

	.resp-arrow::before {
		top: -8px;
	}

	#DetailInfo #DetailText {
		font-size: 15pt;
	}

	#DetailAttributes dt,
	#DetailAttributes dd {
		width: calc(50% - 15px);
	}

	#DetailAttributes dd {
		margin-left: 10px;
		margin-right: 15px;
	}

	.artCMS #RubView .offerItem {
		width: 100%;
	}

	.ce_download-box, .ce_link-box {
		width: 100%;
	}

	.rsts-skin-default .rsts-next,
	.rsts-skin-default .rsts-thumbs-next {
		position: relative;
		right: 0px;
		left: calc(100% - 120px);
		display: none;
	}

	.rsts-skin-default .rsts-prev,
	.rsts-skin-default .rsts-thumbs-prev {
		position: relative;
		display: none;
	}


	/* Footer */
	#Sitemap .wrapper .footer-navigation-container .footer-navigation {
		margin: 0px auto;
	}

	.page-footer #Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation {
		margin-top: 0px;
	}

	#Sitemap .wrapper .footer-navigation-container .footer-navigation-content {
		margin: 20px 20px 10px 20px;
		display: block;
		text-align: center;
	}

	#Sitemap .wrapper .footer-navigation-container .footer-navigation-content > div {
		margin: 0px;
	}

	#Sitemap .wrapper .footer-navigation-container .footer-navigation-content > div:nth-child(2) {
		position: relative;
		display: block;
		text-align: left;
		margin-top: 20px;
	}

	#Sitemap .wrapper .footer-navigation-container .footer-navigation-content > div:nth-child(2) table tr td:first-child {
		width: 10%;
	}

	#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list {
		margin: 0px 10px;
	}
}

@media only screen and (max-width: 480px) {
	div.footer div.footernav > div {
		display: inline-block;
		float: none;
	}

	.FFSContent #RubView li,
	#RubView #TopProducts li,
	.ShopContent #RubView li,
	.StartContent #RubView li,
	#RubView .offerItem {
		min-width: 100%;
	}

	#ShopMenu .Filter.button {
		width: 100%;
	}

	#DetailText {
		margin-bottom: 20px;
	}


	/* Footer */
	#Sitemap nav,
	#Sitemap div.ce_text {
		width: 100%;
	}
}