@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%;
	}*/
	
	#DetailZoom .image img {
		width: 35%;
		height: auto;
	}
}


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

#os_scart_form input[class*="menge"] {
    	width: 80% !important;
	}
	
	
	#RubView input.amountSmall {
    /*width: 66px !important;*/
    margin-right: 14px;
	}
	
	
	#DetailZoom .image img {
		width: 35%;
		height: auto;
	}
	
}	



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

	.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;
	}
	
	.teaser_rechts .teaser_block {
		float: none;
	}

	.teaser_links .teaser_block {
		float: none;
	}
	
	.teaser_block {
		margin-left:auto;
		margin-right:auto;
	}
	
	
	#DetailZoom .image img {
		width: 35%;
		height: auto;
	}
}


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

	
	.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%;
	}
	
	
		#SearchFilter #ArticlesPerPage {
		width:100%;
		
	}
	
	
	#RubView input.amountSmall {
    	/*width: 66px !important;*/
	}
	
	
	#RubView form {
		/*margin-top:0px;*/
	}
	
	
	
	#DetailZoom .image img {
		width: 50%;
		height: auto;
	}
}


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

.CCinArticle > .CCInput {
		float:none;
	}
	
	.setToggle i.fa.fa-angle-down.open {
    	display: block !important;
    	float: left !important;
	}

	span.setToggle {
    	width: 80px;
    	float: left;
	}
	
	

}

@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;
	}
	
	li#mainNavEprocure {
		display:none !important;
	}
	
	/* FIXME: eprocure responsive verstecken */
	a[href*=multi_home] {
		display: none !important;
	}
	
	/* FIXME: ArticleCompare responsive verstecken */
	a[href*=compare] {
		/* display: none !important; */
	}
	
	#CompareTable a[href*=del] {
    display: block !important;
	}
	
			/* Buttons im Warenkorb auf gesamte Breit */
	.button.FloatRight.MarginLeft {
		width: 47%;
		margin-bottom: 30px;
		
	}
	
	
	.button.button_dark.FloatRight:not(a[href*="#PayAndContinue"]) {
		/*width:47%;*/
		padding: 5px 24px 5px 24px !important;
		max-width: unset !important;

	}
	
	#ScartOrderButton button {
		width:100%;
	}
	
	#os_scart_form a[href*="&print"] {
		/*float:none;*/
	}
	
	#os_scart_form a[href*="&emptyScart"] {
		/*float:none;*/
	}
	
	
	#os_scart_form input[class*="menge"] {
    	width: 66% !important;
	}
	
	#os_scart_form .CCInput {
    	width: 100%;
	}
	
	/*------------------------------------------------------*/
	/* 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;
	}
	
	
	#RubView form {
		margin-top:0px;
	}
	
	#DirectOrderTable th:first-child {
    	display: block !important;
    	left: 0px !important;
    	/* margin-bottom: 44px !important; */
    	position: relative !important;
	}
	
}
@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 !important;
	}
	/*------------------------------------------------------*/
	/* 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;
	}
	#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: 259px;
	}
	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;
	}
	
	
	/* Warenkorbtabelle Responsive */

	/*#DetailTable tr.active td,*/.ShopTable:not(#CompareTable, #DetailTable) td {
    	display: block;
    	text-align: right;
	}
	
	#DetailTable thead, .ShopTable:not(#CompareTable) tr th, .scartRefreshDummy, #ScartTable td.noRespons {
    	position: absolute;
    	left: -999em;
    	display: none;
	}
	
	#os_scart_form input, #os_scart_form select {

    	width: auto !important;

	}
	
	#os_scart_form input[class*="menge"] {
    	width: 68% !important;
	}
	
	#scartFooter td {
    	text-align: left !important;
	}
	
	.ico-angle-down-solid::before, .fa-angle-down::before {
		font-size:0.8em;
	}
	
	
	.SalesHomeTable td {
    	text-align: left !important;
	}
	
	#Favoliste input.menge {
		float: none !important;
		margin-right: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.menge + .updowncontainer {
		display:inline-table;
	}
	
	.lieferzeit {
		text-align:right !important;
	}
	
	
	.artCMS #RubView .productNameContainer {
		height:120px;
	}
	
	
	.artCMS .addProductsFrame {
		height:410px;
	}
	
	
	.artCMS #RubView .offerItem {
		height:424px;
	}
	
	
	#DetailCross .offerItem {
		height:500px !important;
	}
	
	
	#DetailCross .addProductsFrame {
		height:410px !important;
	}
	
	
 	#RubView #DetailCross form {
		width: auto !important;
	}
	
	
	#RubView input.amountSmall {
    	width: 100px !important;
	}
}

@media only screen and (min-width: 993px) {
	.FFSContent {
		width: calc(100% - 280px);
		padding-left: 10px;
	}
	
	
}
@media only screen and (max-width: 992px) {
	.FFSContent {
		width: 70%;
	}
}
@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;
	}
	
	#ScartSteps .step3 p, #ScartSteps .step4 p {
    	bottom: 12px;
	}
	
	#DetailCross input.amountSmall {
    	width: 100px;
    	float: unset;
	}
	
	button.button_dark.FloatRight {
    	width: 65px;
	}
	
	#RubView input.amountSmall {
    	/*width: 60px !important;*/
    	margin-right: 14px;
	}
	
	#os_scart_form input[class*="menge"] {
    	width: 29% !important;
	}
	
	/*---------------------------------*/
	
	/*------------------------------------------------------*/
	/* 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: left;
	}
	#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 !important;
	}
	#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;
	}
	
	
	#DetailTable td::before, #ScartTable td::before, #DirectOrderTable td::before {
    	content: attr(data-title) " ";
    	float: left;
    	display: block;
	}
	
	
	span.setToggle {
		display:none;
	}
	
	
	#CompareTable td { 
		display: table-cell; 
	} 
	
	
	.info-map-boxes-item h1 {
		width:80%;
	}
	
	
	#DetailZoom .image img {
		width: 65%;
		height: auto;
	}
	
	#FFqueryDO {
    	width: 100%;
	}

	
}
@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;
	}
	
	.ShopContent {
    	width: 100%;
	}
	
	#ShopMenu {
    	width: 100%;
    	margin-top: 3.5em;
	}
	
	
	p#SearchResult {
    	padding-top: 15px;
	}

	#ShopMenu.FFSMenu {
    	margin-top: 1.0em;
	}

}

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

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

	#navLogin {
		padding-left: 0;
	}
	
	.ShopContent.DetailContent {
		float: none;
		width: 100%;
	}
	
	#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 > .activemen li > ul, 
	#Navigationbar .main-navigation > ul > .activemen li:hover > div 
	/*#Navigationbar .main-navigation > ul > li > div*/ {
		display: none;
	}
	
	.main-navigation > ul > li > ul {
		display:none !important;
	}
	
	
	.main-navigation > ul > li:hover > ul.level_2:hover{
		display:block !important;
	
	}
	
	.main-navigation > ul > li.activemen:hover > ul.level_2:hover{
		display:block !important;
	
	}
	
	.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: auto auto auto auto;
		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;
	}
	
	#PrintView body {
    	padding-top: 5px;
	}
	
	
	#demonote {
		margin-top: 20px;
	}
	
	.ico-angle-down-solid::before, .fa-angle-down::before {
		font-size:0.7em;
	}
	
	/*------------------------------------------------------*/
	/* 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: 1.5em;
		-webkit-text-size-adjust: 100%
	}
	h3, h3.InfoHead, div.Toggle > i {
		font-size: 1.4em !important;
		-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: auto;
	}

	#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: left;
	}
	#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;
	}

	/*------------------------------------------------------*/
	/* Tabs to Accordion */
	/*------------------------------------------------------*/
	ul.resp-tabs-list {
		display: none;
	}
	.resp_tabs_cont ul.resp-tabs-list {
		display: block;
	}
	h2.resp-accordion {
		display: block;
	}
	.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;
	}
	/*	#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: 103%;
		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 !important;
	}
	#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;
	}
	#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 !important;
	}
	
	#Navigationbar ul.level_2 {
		/*overflow:hidden;*/
	}
	
	.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: 0.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(35% - 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;
		color: #242424;
	}
	#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: 100%;
		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%;
	}

	/* Responsive - Korrekturen https://trello.com/c/mcxJFQFC/132-fehlende-links-in-der-mobile-navigation 10.03.21 UT */
	#Navigationbar li.activemen > ul.level_2,
	#Navigationbar li.activemen > ul.level2 {
		overflow: visible;
	}


	/*------------------------------------------------------*/
	/* 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: 97%;
		margin: auto;
		float: none;
	}
	#DetailZoomOverlay {
		width: 97%;
		margin-left: 1%;
	}
	#DetailZoom .thumbs a {
		float: left;
	}
	#DetailZoom .image {
		/*width: 100%;*/
	}
	#DetailZoom .image img {
		width: 64%;
		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),
	#UserNavi li.activemen > ul {
		opacity: 1;
		top: 0px;
		max-height: initial !important;
		position: relative;
		float: left;
		border: 0px;
		box-shadow: none;
		display: block !important;
		left: 0;
		background: white;
		float: left;
		position: relative;
		padding: 0px;
	}
	
	#UserNavi>ul>li {
		padding-top:0px;
	}
	
	
	/*.teaserTopicBlack {
    	width: auto;

	}*/
	
	
	.teaser_rechts .teaser_block {
    	float: none !important;
	}
	
	.teaser_block {
		max-width:none;
	}
	
	.teaser_links .teaser_block {
		float:none;
	}
	
	
		/* Buttons im Warenkorb auf gesamte Breit */
	.button.FloatRight.MarginLeft {
		width: 100%;
		margin-bottom: 30px;
	}
	
	
	.button.button_dark.FloatRight {
		width:100%;
	}
	
	
	.fa.fa-user:hover {
		color:#000;
	}
	
	.main-navigation > ul > li:hover, .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > a > i {
		color:#000 !important;
	}
	
	.CMS #UserNavi .sf-menu .level2 {
		left:0px;
	}
	
	#ScartInfo:hover .ScartItemDetails {
		right:-15px;
		top:60px;
	}
	
	
	#RubView form {
    	width:87%;
    	margin-top:5px;
	}	
	
	
	#RubView input.amountSmall {
		width:90px !important;
	}

	.offerItem .btn-container .button {
		width:40px;
	}
	
	.artCMS #RubView .offerItem {
    	height: 458px;
	}
	
	.artCMS .addProductsFrame {
    	height: 444px;
	}
	
	
	#DetailCross #RubView li, #RubView .offerItem {
		z-index:1 !important;
	}
	
	
	.fromTablet {
		visibility:visible;
	}
	
	
	#languageSelection , #languageSelection2 {
	
	position: absolute;
    top: 0;
    right: 120px;
    width: 60px;
    text-align: center;
    border-left: 1px solid #ccc;
    height: 59px;
    font-size: 1.5em;
    padding-top: 17px;
	}
	
	
	
	
	#languageselector, #languageselector2 {
	/*display: block; */
    top: 0px;
    position: absolute;
    /* z-index: -9999999999999999999999999 !important; */
    right: 0px;
    width: 100% !important;
    height: 100% !important;
    padding: 0px;
	}
	
	
	.fromTablet #languageselector, .fromTablet #languageselector2 {
		/*display:none;*/
		color:transparent;	
	}
	
	
	.fromTablet #languageselector2 option , .fromTablet #languageselector option{
		/*display:none;*/
		color:black;	
	}
	
	#languageSelection i.ico-sphere.ico , #languageSelection2 i.ico-sphere.ico {
    /*z-index: 99999999999999999999;*/
    position: relative;
    background-color: white;
}
	
	
	#languageSelection i.ico-sphere.ico , #languageSelection2 i.ico-sphere.ico {
    /*z-index: 99999999999999999999;*/
    position: relative;
    background-color: white;
}
	
	
	#languageSelection , #languageSelection2{
		background-color:white;
		
	}
	
	
	
	

}
@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;
		font-size: 14px;
	}
	#ScartSteps li.step1 p {
		left: 3px;
	}
	.Gift .content {
		margin-left: 0px;
	}
	/*------------------------------------------------------*/
	/* FACT-Finder Suche */
	/*------------------------------------------------------*/

	.FFSContent {
		padding-left: 0
	}
	#FactFinder input {
		padding-left: 5px !important;
	}
	#ShopMenu, .FFSContent, .FFSContent #RubView li, .ShopContent, .ShopContent #RubView li, .StartContent #RubView li, .FFSContent #RubView li:nth-child(2n) {
		width: 100%;
		/*float: none;*/
		margin-left: auto;
		margin-right: auto;
		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;
	}
	#suggestLayer {
		left: 0px;
		width: 98%;
	}
	#suggestLayer div ul.suggestLayerBlockImage, #suggestLayer .suggestLayerBlock {
		width: 100%;
	}
	#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 */
	/*------------------------------------------------------*/
	
	.SiteContainer {
		padding:20px;
	}
	
	#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 1px;
	}
	
	
	.det #DetailScart {
		margin-bottom: 25px;
		margin-right: 0px;
		margin-left: 0em;
		width:100%
	}
	#DetailMoreInfos {
		margin-right: 0px;
		margin-bottom:25px;
		width:100%
	}
	
	#DetailFastpageAllArticles {
		width:100%;
		float:none;
	}
	
	#DetailPrint {
		margin-right: 0px;
		margin-bottom: 25px !important;
		width:100%
	}
	#DetailZoom .image {
		width: 100%;
	}
	#DetailZoom .thumbs img {
		float: left;
	}
	
	#DetailBack {
		width:100%;
		margin-bottom: 25px;
	}
	
	/*------------------------------------------------------*/
	/* Mainpage Slider */
	/*------------------------------------------------------*/
	#MainPageSlideshow h2 {
		font-size: 1.6em;
	}
	#MainPageSlideshow .slick-dots {
		display: none;
	}
	.ShopContent {
		float: left;
		width: 100%;
	}
	
	#DetailButtons {
    	width: 100%;
	}
	
	#DetailButtonBack {
    	width: 100%;
    	
	}
	
	#DetailZoom .image img {
    	width: 75%;
    	height: auto;
	}
	
	.hla a {
		width:49%;
	}
	
	
	#fastpagelayout input[type="radio"] {
    	position: absolute;
    	left: 112%;
    	bottom: 16px;
	}
	
	
	.fastpagedescription {
    	width: 77%;
    	float: left;
    	padding-right: 3%;
    	position: relative;
	}
	
	
	#Sitemap nav, #Sitemap div.ce_text {
    	width: 99%;
    	min-width: initial;
    	min-height: auto;
    	margin-bottom: 4%;
    	float:none;
	}
	
}
@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: 100%;
	}
	.responsive-table Center {
		text-align: right;
	}
	.main-content .ArticleElement {
		width: 100%;
	}
	/*------------------------------------------------------*/
	/* Kundenstartseite */
	/*------------------------------------------------------*/
	#customerMenu a div.TwoColumns {
		height: 180px;
	}
	
	#customerMenu div.textContainer h4 {
		font-size: 1em;
		padding: .1em 0;
		margin: 1px;
	}
	#customerMenu div.textContainer p {
		font-size: .8em;
	}
	/* Artikel im CMS */
	.artCMS .articlelist.buttons input.amountSmall {
		width: 60px;
	}
	
	.teaserButton a {
    	padding: 11px;
    	font-size: 16px;
	}
	
	.teaserTextBlack {
    	font-size: 12px;
	}
	
	
	a#OrderAgain {

    	white-space: normal;
	
	}

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

@media only screen and (max-width: 399px) {
	#RubView li, #RubView .offerItem {
		width: 100%;
	}
	#FactFinder {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#ScartSteps li p {
		font-size:11px;
	}
}
@media only screen and (max-width: 360px) {
	.shop .ce_text h1 {
		font-size: 15px;
	}
	
	.teaserTopicBlack {
    	width:calc(86%);
    	margin: 20px 8%;
    
	}
	
	
	#DetailZoom h1 {
		font-size:2.0em;
	}
	
	
	#DetailZoom .thumbs img {
    	width: 73%;
	}
	
	
	#Sitemap nav, #Sitemap div.ce_text {
    	margin-bottom: 5%;

	}
	
	
}



/* SHOP-CSS KM */
@media only screen and (max-width: 1100px) {
	
	/*Allgemein*/
	* {
		font-size: 13pt;
		/* background: black !important;
		color: black !important;
		border: 1px solid red !important; */
	}

	h1,
	.main-content h1 {
		font-size: 1.9em;
	}

	h2,
	.main-content h2 {
		font-size: 1.4em;
	}

	h3,
	.main-content h3 {
		font-size: 1.25em;
	}

	h4,
	.main-content h4 {
		font-size: 1.05em;
	}

	h5,
	.main-content h5 {
		font-size: 0.95em;
	}

	h6,
	.main-content h6 {
		font-size: 0.75em;
	}

	.emailIcon {
		right: 20px;
		height: 55px;
		width: 55px;
	}

	
	/*Header*/
	header {
		height: 128px;
		padding-right: 0px;
	}

	#ScartInfo {
		right: 30px;
	}

	#ScartInfo .scartcounternumber,
	.scartcounternumber {
		right: -12px;
		top: -12px;
	}

	#FactFinder {
		top: 26px;
		left: 50%;
		right: 0px;
		margin-left: auto;
		margin-right: auto;
		max-width: 510px;
		min-width: auto;
    	width: 100%;
	}

	#LogoDivHeader {
		left: 20px;
	}

	#Logo {
		height: 132px;
	}


	/*Navigation*/
	#Navigationbar ul.level_1 {
		text-align: left;
	}

	#Navi .main-navigation li.ico-home3 a::before {
		font-size: 18px;
		position: relative;
		top: 3px;
	}

	.main-navigation > ul > li > a,
	.main-navigation > ul > li > span.active,
	.main-navigation > ul > li > span.trail,
	.main-navigation > ul > li > span.forward {
		padding: 0 10px;
	}


	/*Startseite*/
	.SiteContainer {
		padding: 20px;
	}
	
	.teaserTextBlack {
		font-size: 2em;
	}

	.teaser_image {
		height: 300px;
	}

	.teaser_flatbox {
		height: 300px;
	}


	/*Footer*/
	#Sitemap nav,
	#Sitemap div.ce_text {
		width: calc(50% - 20px);
		min-height: 300px;
		margin: 1em 10px;
	}

	/* RubView - Korrekturen https://trello.com/c/xSa88k72/130-fehler-beim-responsiven-verhalten  10.03.21 UT */

	#RubView li .itemlogo {
		display: none;
	}

	.FFSContent #RubView li,
	#RubView .offerItem {
		height: auto;
		margin-bottom: 0;
		border-bottom: none;
	}

	.FFSContent #RubView li .innerBox {
		height: auto;
		transition: unset;
	}

	.FFSContent > p > a.button {
		margin: 0 auto;
		display: block;
	}

	#RubView li .item-overlay-shop, #RubView .offerItem .item-overlay-shop {
		position: unset;
		top: unset;
		left: unset;
	}

	#RubView .itemContent {
		display: block;
		position: unset;
		left: unset;
		top: unset;
		height: unset;
	}

	.RubImageContainer {
		height:unset;
		width: unset;
	}	

	#RubView .thumb {
		margin-bottom: 0;
	}

	#RubView .thumb img {
		position: unset;
		left: unset;
		top: unset;
		-ms-transform: unset;
		transform: unset;
		display: block;
	}

	/* / RubView - Korrekturen https://trello.com/c/xSa88k72/130-fehler-beim-responsiven-verhalten */


	/*CMS CSS*/
	#RubView.ArtCMSview .inputButton > .button.button_dark:first-child {
		left: 97px;
		height: 36px;
		top: 40px;
	}

}


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

	/*Shop CSS*/
	
	/*Scartseite*/
	.ShopContent {
		padding: 10px;
	}


	/*CMS CSS*/
	#RubView.ArtCMSview .inputButton > .button.button_dark:first-child {
		left: 106px;
		height: 32px;
		top: 57px;
	}

}


@media only screen and (max-width: 768px) {
	
	/*Allgemein*/
	html {
		margin: 0px;
		padding: 0px;
	}
	
	body {
		margin: 0px;
		padding: 57px 0 0 0;
	}

	h1,
	.main-content h1 {
		font-size: 1.8em;
	}

	h2,
	.main-content h2 {
		font-size: 1.4em;
	}

	h3,
	.main-content h3 {
		font-size: 1.2em;
	}

	h4,
	.main-content h4 {
		font-size: 1em;
	}

	h5,
	.main-content h5 {
		font-size: 0.9em;
	}

	h6,
	.main-content h6 {
		font-size: 0.7em;
	}


	/*Header*/
	header,
	.CMS header {
		height: 60px;
		background-color: #58616b;
	}

	#LogoDivHeader {
		left: 80px;
	}

	#Logo {
		background: url(/tradepro/shop/layout/PCE_Logo_web.png) top left no-repeat;
		background-size: contain;
		width: 53px;
		height: 59px;
		top: -4px;
		position: relative;
	}

	#FactFinder {
		max-width: 100%;
		top: 60px;
		background: #58616b;
	}

	#ScartInfo {
		right: 20px;
	}

	#ScartInfo .scartcounternumber, .scartcounternumber {
		top: 6px;
		right: 6px;
	}

	#SearchButton.fromTablet {
		right: 80px;
	}

	#languageSelection.fromTablet,
	#languageSelection2 {
		right: 140px;
		background: #58616b;
	}

	#languageSelection i.ico-sphere.ico,
	#languageSelection2 i.ico-sphere.ico {
		background-color: #58616b;
		color: #fff;
	}

	#ResponsiveButton i.fa.ico-menu,
	#ResponsiveButton .ico-menu:before,
	#SearchButton a .ico-search,
	#SearchButton a .ico-search:before {
		color: #fff;
	}

	#ResponsiveButton {
		background: #58616b;
	}

	#ResponsiveButton .wrapper {
		background-color: #58616b;
	}


	/*Navigation*/
	#Navigationbar li.download {
		position: relative;
		clear: both;
	}

	#Navigationbar nav ul li {
		clear: both;
	}


	/*Startseite*/
	#MainPageSlideshow {
		top: 0px;
	}

	#MainPageSlideshow .slider-linktext a {
		font-size: 1.8em;
	}

	.teaser_image {
		height: 200px;
	}

	.teaser_flatbox {
		height: 200px;
	}

	.teaserTextBlack {
		font-size: 1.5em;
	}

	.teaserTopicBlack {
		width: auto;
		margin: 0px auto;
		font-size: 14px;
		float: none;
		font-size: 1em;
		max-width: 150px;
	}


	/*CMS CSS*/
	#RubView.ArtCMSview .inputButton > .button.button_dark:first-child {
		top: 42px;
	}

}


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

	/*Startseite*/
	/*Rocksolid Slider*/
	#MainPageSlideshow .slider-linktext a {
		font-size: 1.4em;
	}


	/*Teaser Boxen*/
	.teaser_rechts .teaser_image,
	.teaser_links .teaser_image {
		margin: 0px;
		width: 100%;
	}

	.teaser_rechts .teaser_flatbox,
	.teaser_links .teaser_flatbox {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		position: relative;
	}


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

}


@media only screen and (max-width: 480px) {
	
	/*Startseite*/
	/*Rocksolid Slider*/
	#MainPageSlideshow .slider-linktext a {
		font-size: 1em;
	}
	
	.slider-subheadline {
		font-size: 1em;
	}
	
}