@media only screen and (min-width: 1920px) {
	.teaserTextBlack {
		font-size: 3.5em;
		line-height: 1em;
		font-family: "Helvetica Neue LT W02_75 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: 2090px) {
    .fixedscreen .block_links, .fixedscreen .block_rechts {
        position: relative;
        right: initial;
        left: initial;
        display: block;
        height: auto;
        padding-bottom: 5px;
    }
}

@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%;
		
	}
	
	#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;
	}
		
	/*------------------------------------------------------*/
	/* 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 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;
	}
	.small_screen {
		display: none;
	}
	.small_screen > aside {
		float: left;
		width: 100%;
	}
	
	header {
		/*width:98%;*/
		/* padding-right: 15px; */
	}
	#customerMenu > a > div > i {
		padding-bottom: 0;
	}
	#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%;
	}
	/*------------------------------------------------------*/
	/* 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 */
	/*------------------------------------------------------*/
	#MainNavi, #UserNavi {
		width: auto;
	}
	/*------------------------------------------------------*/
	/* Detail Tabelle in Accrdions umwandelt */
	/*------------------------------------------------------*/
	#DetailTableWrapper {
		display: block;
		width: 100%;
	}
	.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 */
	/*------------------------------------------------------*/
	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;
	}
	#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):not(#DetailTable):not(#ScartTable):not(.fastoverview-table) td {
    	display: block;
    	text-align: right;
	}
	
	#DetailTable thead, .ShopTable:not(#CompareTable):not(.SLC):not(.addresslist):not(.fastorder) tr th, .scartRefreshDummy, #ScartTable td.noRespons {
    	position: absolute;
    	left: -999em;
    	display: none;
	}
	
	#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;
	}
	
	
	#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;
	}
	
	#RubView input.amountSmall {
    	/*width: 60px !important;*/
    	margin-right: 14px;
	}
	
	/*---------------------------------*/
	
	/*------------------------------------------------------*/
	/* 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;
	}
	.main-navigation#MainNavi ul.level_1 > li.activemen {
		overflow: scroll;
	}

	#DetailTable tr {
		background: none;
	}
	#DetailTable tr.active .Width40 {
		width: 100%;
	}
	#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;
	}
	#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:first-child:before {
		content: "";
	}
	#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 {
    	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) {
	.FFSContent #RubView li, #RubView #TopProducts li, .ShopContent #RubView li {
		width:49%;
	}
	.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;
	}

	.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;
	}
	
	#ShopMenu.FFSMenu {
    	margin-top: 1.0em;
	}

}

@media only screen and (max-width: 767px) {
    
	/*
	 *  Kein Kontaktkasten auf Mobil-Seiten
	 */
	
	#floatingMenu {
		display: none;
	}	
    
    #MainNavi .showmobile {
    	display: block;
    }
    
    header {
        padding-top: 0;
    }
	
	.shariff li .fa {
		width:35px;
		line-height:27px;
	}

	.ShopTable:not(#ScartTable) 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;
	}
	.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";
	}
	/* */
	#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;
	}
	#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;
	}
	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 */
	/*------------------------------------------------------*/
	.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: 0px
	}
	#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;
	}
	#DetailTable td:before,#ERPTable tr.Article td:before {
		content: attr(data-title)" ";
		float: left;
	}
	.ERPFilter tbody {
    border-top: 1px solid #6f6f6c;
}
	.ERPFilter td:last-child button:last-child{
    	/*clear:both;*/
    	margin-bottom:5px;
	}
	.ERPFilter td {
	    border-bottom: 1px solid #ccc;
	}
	.ERPFilter td:last-child{
		border-bottom:none;
	}
	.ERPFilter td.NoBorder{
	border:none;}
	#ERPTable tr.Article > td{
	min-height:25px;}
	#DetailTable td:first-child:before{
		content:"";
	}
    #ERPTable.Bestellhistorie tr th {
        display: block;
        position: relative;
        left: 0;
        float: left;
    }
    #ERPTable.Bestellhistorie tr th:last-child {
        float: right;
    }
    #ERPTable.Bestellhistorie tr .Toggle {
        font-size:1.5em;
    }
    #ERPTable.Bestellhistorie tr td {
        min-height: 0;
        padding: 0;
    }
    #ERPTable.Bestellhistorie tr td table td.Right {
        float: right;
        margin-left: 20px;
    }
    #ERPTable.Bestellhistorie tr td table td {
    	    display: inline-block;
    	        width: auto !important;
    }
    #ERPTable.Bestellhistorie tr td table td.title{
    	width:100% !important;
    	text-align:left !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:not(.SLC):not(.addresslist):not(.fastorder) tr th, .scartRefreshDummy, #ScartTable td.noRespons {
		position: absolute;
		left: -999em;
		display: none;
	}
	.main-navigation#MainNavi ul.level_1 > li.activemen {
		overflow: auto;
	}

	#DetailTable tr {
		background: none;
	}
	#DetailTable tr.active .Width40 {
		width: 100%;
	}
	#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;
	}
	#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 {
		content: attr(data-title) " ";
		float: left;
		display: block;
	}
	#DetailTable td:first-child:before {
		content: "";
	}
	#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;
	}
	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%;
	}
	.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;
	}
	/*------------------------------------------------------*/
	/* Navigation */
	/*------------------------------------------------------*/
	#Navigationbar ul.level_1 {
		height: 100%;
	}
	.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;
	}
	
	#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 .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;
		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: 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: normal;
	}
	#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: 97%;
		margin: auto;
		float: none;
	}
	#DetailZoomOverlay {
		width: 97%;
		margin-left: 1%;
	}
	#DetailZoom .thumbs a {
		float: left;
	}
	#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: unset;
		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;
	}
	
	.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;
	}
	
	
	#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%;
		margin-bottom: 60px;
	}
	.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
	}
	#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 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%;
	}
	/*------------------------------------------------------*/
	/* 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;
	}
	
	.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;
	}
	
	
}
@media only screen and (max-width: 480px) {
	.posPSA {
		top: 4vw;
		left: 4vw;
		position: absolute;
	}
	.sliderTopicBlack {
		margin-bottom: 0;
		font-size: 1.4 vw;
	}

	.categoryselector {
		height: 36px;
		padding-top: 7px;
	}
	#scart-popup-container {
		left: 10px;
		width: auto;
	}
	#LogoDivHeader {
		top: 4px;
	}
	.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;
	}

	/*------------------------------------------------------*/
	/* Detailseite Anpassungen */
	/*------------------------------------------------------*/
	#DetailText {
		margin: 0;
	}
	#DetailBack {
		display: none;
	}
	/*------------------------------------------------------*/
	/* Footer */
	/*------------------------------------------------------*/
	/*------------------------------------------------------*/
	/* 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) {
	
	.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%;

	}
	
	
}



/* Anpassungen Kim Mayr */
@media screen and (min-width: 2650px) {
	#footer,
	.page-footer {
		background-size: contain;
	}
}

@media screen and (min-width: 1307px) and (max-width: 1800px) {
	/* Rocksolid Slider */
	.content-box-background {
		background: rgba(255,255,255,0.8);
		height: 115%;
		width: 90%;
		position: absolute;
		transform: rotate(-45deg) translateX(-15%);
		left: -40%;
		top: 0;
	}
}

@media screen and (min-width: 1801px) and (max-width: 2560px) {
	/* Rocksolid Slider */
	.content-box-background {
		background: rgba(255,255,255,0.8);
		height: 130%;
		width: 90%;
		position: absolute;
		transform: rotate(-45deg) translateX(-15%);
		left: -40%;
		top: 0;
	}
}

@media screen and (max-width: 1436px) {
	.infokachel .slick-list,
	.mod_newslist .slick-list {
		right: 0px;
		margin: 0px 0px 0px 65px;
		left: unset;
	}
}


@media screen and (max-width: 1306px) {
	/* Allgemein */
	.widescreen #Navi,
	.widescreen .StartContent,
	.widescreen .wrapper,
	.widescreen .page-header,
	.widescreen .SiteContainer,
	.mod_breadcrumb,
	.main-content .mod_article,
	#scart-navigation-container {
		margin-left: 80px;
		margin-right: 80px;
	}

	.mod_article .slider-wrapper-blur-right,
	.mod_article .slider-wrapper-blur-both {
		margin: 0px;
	}

	.mod_article .slider-wrapper-blur-both.no-slider,
	.mod_article .slider-wrapper-blur-right.no-slider,
	.mod_newslist .slider-wrapper-blur-right.no-slider {
		margin: 0px 80px;
	}


	/* Rocksolid Slider */
	.content-box-background {
		background: rgba(255,255,255,0.8);
		height: 115%;
		width: 110%;
		position: absolute;
		transform: rotate(
		-45deg
		) translateX(-20%);
		left: -50%;
		top: 0;
	}


	/* Infokachel / Infobox */
	.main-content .mod_article.infokachel,
	.main-content .mod_article.themenbutton,
	.main-content .mod_article.branchen,
	.main-content .mod_newslist {
		margin-left: 0px;
		margin-right: 0px;
	}

	.mod_article.slick-slide {
		margin: 15px;
	}

	.slider-wrapper-blur-right .artCMS {
		margin: 0px;
	}


	/* Services */
	.mod_article.services .slider-wrapper-blur-right.no-slider {
		margin: 0px auto
	}
}


@media screen and (max-width: 1305px) {
	/* Navigation */
	#Navi .level1 > li > a, #Navigationbar .level_1 > li > a {
		padding: 0px 20px;
	}

	/* Suggest */
	#Logindiv #NaviLogin {
		margin: 0px 80px;
	}

	#Searchdiv > .mod_article {
		margin: 0px 80px;
	}


	/* Unternehmen Menü */
	#Navi .mega-dropdown.menu-company .mega-dropdown-inner {
		background: linear-gradient(90deg, #fff 72.5%, #F6F6F6 50%);
	}

	/* Dashboard Menü / Loggedin Menü */
	.mega-dropdown.menu-dashboard .mega-dropdown-inner-container .mega-dropdown-wrapper {
		left: 0px;
		max-width: 1146px;
		margin: 0px 80px;
	}

	#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner.left .mega-dropdown-content {
		justify-content: space-between;
	}

	#Navi #contact-loggedin .contactbutton-container .contactbutton-contact {
		max-width: 168px;
	}

	.content-row.first {
		margin-right: 0px;
	}

	
	/* Kontaktbutton-Spickel / gusset */
	


	/* Submenu Company */
	.ce_submenu-nav {
		margin: 0px 80px;
	}


	/* Footer */
	#footer #Sitemap,
	.page-footer #Sitemap {
		margin: 0px 80px;
	}
}


@media only screen and (max-height: 700px) {
	.slider-contentbox-top .slider-subheadline {
		font-size: 12px;
	}

	.slider-contentbox-top .main-message p {
		font-size: 1rem;
	}

	.slider-contentbox-top .sub-message p {
		font-size: 12px;
	}
}


@media only screen and (max-height: 700px) and (max-width: 1500px) {
	.content-box-background {
		background: rgba(255,255,255,0.8);
		height: 130%;
		width: 110%;
		position: absolute;
		transform: rotate(-45deg) translateX(-20%);
		left: -50%;
		top: 0;
	}
}


@media only screen and (max-height: 700px) and (min-width: 1501px) and (max-width: 1800px) {
	.content-box-background {
		background: rgba(255,255,255,0.8);
		height: 130%;
		width: 110%;
		position: absolute;
		transform: rotate(-45deg) translateX(-25%);
		left: -50%;
		top: 0;
	}
}


@media only screen and (max-width: 1206px) and (min-width: 1193px) {
	.ffsearch .services-container .ce_services .services-headline {
		font-size: 21px;
	}
}


@media screen and (max-width: 1193px) {
	/* Allgemein */
	body {
		padding-bottom: 80px;
	}

	h1.abstand-klein,
	h2.abstand-klein,
	h3.abstand-klein,
	h4.abstand-klein,
	h5.abstand-klein,
	h6.abstand-klein,
	.abstand-klein {
		margin-bottom: 48px !important;
	}

	h1.abstand-mittel,
	h2.abstand-mittel,
	h3.abstand-mittel,
	h4.abstand-mittel,
	h5.abstand-mittel,
	h6.abstand-mittel,
	.abstand-mittel {
		margin-bottom: 82px !important;
	}

	h1.abstand-gross,
	h2.abstand-gross,
	h3.abstand-gross,
	h4.abstand-gross,
	h5.abstand-gross,
	h6.abstand-gross,
	.abstand-gross {
		margin-bottom: 140px !important;
	}

	.main-content .mod_article.first {
		margin-top: 80px;
	}

	.main-content .mod_article.grau,
	.artCMS .mod_article.grau {
		padding: 60px 40px 0px 40px;
	}

	.widescreen #Navi,
	.widescreen .StartContent,
	.widescreen .wrapper,
	.widescreen .page-header,
	.widescreen .SiteContainer,
	.mod_breadcrumb,
	.main-content .mod_article,
	#scart-navigation-container {
		margin-left: 40px;
		margin-right: 40px;
	}

	.mod_article .slider-wrapper-blur-both.no-slider,
	.mod_article .slider-wrapper-blur-right.no-slider,
	.mod_newslist .slider-wrapper-blur-right.no-slider,
	.mod_article.services .slider-wrapper-blur-right.no-slider {
		margin: 0px 40px;
	}

	.ffsearch .services .slider-wrapper-blur-right.no-slider {
		margin: 0px;
	}
	
	h1,
	.content-h1,
	.content-h1 a,
	.main-content h1,
	.main-content .content-h1,
	.main-content .ce_downloads h1 {
		margin-top: 0px;
		margin-bottom: 28px;
		font-size: 46px;
		line-height: 55px;
		letter-spacing: 0.46px;
	}

	.main-content p {
		margin-bottom: 24px;
	}
	
	.main-content p > a {
		text-decoration: underline;
	}
	
	.main-content p.lead-text {
		margin-bottom: 48px;
	}


	/* Table / Tabelle */
	.CMS .ce_table {
		margin-bottom: 100px;
	}	


	/* Navigation Mobile Menü */
	#mobile-nav-menu {
		display: block;
	}

	/* Navigation */
	.bestellen .navigation-mobile {
		display: none;
	}

	.navigation-mobile {
		display: block;
	}

	#Navigationbar {
		height: 80px;
	}

	#Navigationbar .main-navigation ul.level_1 {
		height: 80px;
	}

	#Navigationbar .main-navigation ul.level_1 li {
		height: 80px;
	}

	#Navigationbar .main-navigation li.ico-home3 a {
		padding-right: 0px;
	}

	#Navigationbar .main-navigation ul.level_1 li.ico-home3 a::before {
		width: 155px;
		height: 80px;
		margin: 0px;
		padding: 0px;
	}

	#Navigationbar .main-navigation ul.level_1 li:not(.ico-home3) {
		display: none;
	}

	#Navigationbar #UserNavi.main-navigation ul.level_1 li#nav-search {
		display: block;
	}

	#Navi .mega-dropdown .mega-dropdown-inner {
		min-height: 0px;
	}

	/* Suggest */
	#Searchdiv #FactFinder #FFquery {
		top: 54px;
	}

	#Searchdiv,
	#Logindiv {
		display: none;
		width: 100vw;
		height: calc(100vh - 80px);
		background: #f2f2f2;
		position: fixed;
		top: 0px;
		left: 0px;
		text-align: left;
		z-index: 9999;
	}

	#Logindiv #NaviLogin {
		margin: 0px 40px;
	}

	#Searchdiv > .mod_article {
		margin: 0px 40px;
	}

	#Logindiv #NaviLogin {
		height: calc(100vh - 80px);
		margin: 0px 40px;
		top: 0px;
	}

	#Searchdiv #FactFinder #FFquery {
		width: calc(100% - 86px);
	}

	#SearchClosebutton {
		top: 56px;
	}

	#ffbackground {
		top: 70px;
	}

	#icon-close {
		right: 115px;
		top: 69px;
	}

	div.suggestLayer {
		top: 105px;
		position: absolute;
		width: 100%;
		height: calc(100% - 300px);
	}

	.suggestLayer .suggestLayerBlock {
		width: 100%;
	}

	.suggestLayerBlockImage {
		padding-right: 16px;
	}

	.suggestLayerBlockText {
		padding-left: 16px;
		max-height: 230px;
	}

	.suggestLayer .cms-container {
		left: calc(50% + 16px);
	}

	#ansprechpartner {
		bottom: 86px;
		left: 50%;
		padding-left: 16px;
	}

	#ansprechpartner .contactbutton-contact {
		max-width: calc(100% - 108px);
	}

	#ansprechpartner figure img,
	#ansprechpartner picture img {
		height: 84px;
		width: 84px;
	}

	#Logindiv #ansprechpartner .content-h3 {
		margin-bottom: 0px;
		font-size: 14px;
		text-align: center;
		font-family: 'Helvetica Neue LT W05 45 Light';
		line-height: 21px;
		letter-spacing: 0.42px;
	}
	
	#Logindiv #ansprechpartner .Searchbutton {
		width: 100%;
		text-align: center;
		border: 0px;
		max-width: 100%;
		background: none;
		padding: 0px;
		margin: 0px;
		text-transform: none;
		font-family: 'Helvetica Neue LT W05 45 Light';
		text-decoration: underline;
	}


	/* Navigation Login */
	#Logindiv #Searchbuttons,
	#Logindiv .login-container,
	#Logindiv #ansprechpartner {
		max-width: 100%;
		width: 100%;
		position: relative;
	}

	#Logindiv #NaviLogin {
		height: calc(100vh - 177px);
		/* margin: 97px 40px 0px 40px;*/
		margin: 47px 40px 0px 40px;
		top: 0px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-bottom: 40px;
	}

	#Logindiv #Searchbuttons {
		top: unset;
	}

	#Logindiv .headlogin {
		margin-bottom: 42px;
	}

	#Logindiv #SearchClosebutton {
		top: -50px;
		right: 3px;
	}
	
	#Logindiv .login-container {
		text-align: center;
		bottom: unset;
		/*margin-bottom: 64px;*/
		margin-bottom: 24px;

	}

	#Logindiv .login-container input {
		width: 100%;
	}

	#Logindiv #ansprechpartner {
		bottom: unset;
		left: 0px;
		padding: 0px;
		max-width: 145px;
		margin: 0px auto;
	}

	#Logindiv #NaviLogin .btn-container {
		text-align: center;
		/* margin-top: 69px; */
		margin-top: 5px;
		margin-right: auto;
	}

	#Logindiv #ansprechpartner h3 {
		margin-bottom: 24px;
	}

	#Logindiv #NaviLogin .lostpw {
		text-align: center;
	}


	/* Startseite */
	.start .start-slider-container {
		height: calc(100vh - 160px);
	}

	.themestartpage {
		left: 40px;
		top: 276px;
	}	

	.themestartpage span {
		font-size: 54px;
		letter-spacing: 0.54px;
		line-height: 64px;
	}

	.themestartpage p {
		font-size: 24px;
		letter-spacing: 0.36px;
		line-height: 32px;
	}


	/* Startseite Business Boxen */
	.bounce-container {
		width: calc(100% - 80px);
	}

	.bouncestart {
		bottom: 0px;
		width: calc(100% / 4 - 30px);
		height: 325px;
	}

	.bouncestart h2 {
		font-size: 27px;
		letter-spacing: 0.27px;
		line-height: 30px;
	}

	/* Startseite News Boxen */
	#homeTab .mod_newslist {
		background: #f6f6f6;
		width: 100vw;
		transform: translateX(-50%);
		left: 50%;
		position: relative;
		max-width: none;
		overflow: hidden;
		/* padding: 191px 0px 160px 0px;
    	margin: -191px 0px -160px 0px; */
	}

	#homeTab .mod_newslist .slider-wrapper-blur-right {
		display: block;
		position: relative;
		max-width: 1291px;
		margin: 0px;
		padding: 0px;
		width: 100%;
		overflow: visible;
		border: 0px;
	}

	#homeTab .mod_newslist .slick-list {
		left: unset;
		margin-left: 28px;
	}

	#homeTab .mod_newslist .slick-prev,
	#homeTab .mod_newslist .slick-next {
		top: unset;
	}

	#homeTab article.news-box  {
		display: inline-block;
		margin-right: 12px;
	}

	a.news-button.ghost-button.black {
		margin-top: 48px;
	}


	/* CMS */
	/* Submenu Nav */
	.submenu-nav-container {
		display: none;
	}


	/* Rocksolid Slider CMS */
	.mod_article #MainPageSlideshow {
		margin-bottom: 60px;
		height: calc(100vw * (9/16));
	}

	.content-box-background {
		background: rgba(255,255,255,0.8);
		height: 130%;
		width: 105%;
		position: absolute;
		transform: rotate(-45deg) translateX(0%);
		left: -50%;
		top: 0;
	}

	#MainPageSlideshow.page-slide-content-width .content-box-background {
		background: rgba(255,255,255,0.8);
		height: 115%;
		width: 95%;
		position: absolute;
		transform: rotate(-45deg) translateX(0%);
		left: -40%;
		top: 0;
	}


	/* Slick-Slider styling with Boxes / Kachelstyling */
	.infokachel .slick-prev,
	.branchen .slick-prev,
	.services .slick-prev,
	.mod_newslist .slick-prev {
		left: 40px;
	}

	.slick-list .white-blur,
	.slick-list .white-blur-pre {
		width: 100px;
		display: none;
	}

	.slider-wrapper-blur-both .slick-list {
		margin-left: 28px;
		padding: 0 20% 0 0 !important;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	
	.slider-wrapper-blur-both .slick-list.slick-list-blur-both {
		margin-left: -20%;
		padding: 0 20% 0 20% !important;
	}


	/* Artikel im CMS */
	article .artCMS {
		margin-bottom: 64px;
	}

	article .artCMS ul.flexcontainer {
		margin: 0px -12px;
	}

	article .artCMS #RubView .offerItem {
		width: calc(100% / 3 - 24px);
		margin: 0px 12px;
		margin-bottom: 24px;
	}

	article .artCMS #RubView .offerItem .innerBox .product-subtitle {
		font-size: 12px;
		line-height: 16px;
		height: 68px;
	}

	.artCMS #RubView .offerItem .btn-container {
		display: none;
	}

	
	/* Infokachel / Infobox */
	.main-content .mod_article.infokachel,
	.main-content .mod_newslist {
		padding: 191px 0px 100px 0px;
	}

	.main-content .mod_article.infokachel {
		padding-top: 0px;
	}

	.infokachel .slick-list,
	.services .slick-list,
	.mod_newslist .slick-list {
		margin: 0px 0px 0px 28px;
	}

	.mod_article .slider-wrapper-blur-right.no-slider .ce_infokachel,
	.mod_article .slider-wrapper-blur-right.no-slider .article-in-cms,
	.mod_article .slider-wrapper-blur-right.no-slider .mod_article {
		width: calc(50% - 20px);
		margin: 12px;
		max-width: 353px;
	}

	.mod_article .slider-wrapper-blur-right.no-slider .mod_article .ce_infokachel {
		width: 100%;
		margin: 0px;
	}

	.slider-wrapper-blur-right .ce_infokachel,
	article.slick-slide.article-in-cms,
	.slider-wrapper-blur-right.no-slider .article-in-cms,
	.mod_newslist .news-box,
	.mod_article.slick-slide {
    	height: 368px;
		margin: 12px;
	}

	.mod_article.slick-slide > article {
		margin: 0px;
	}

	.ce_infokachel.slick-slide,
	article.slick-slide {
		margin: 12px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-image .image_container img,
	.news-box-image .image_container img,
	.slider-wrapper-blur-right .ce_infokachel .infobox-image picture img,
	.news-box-image picture img  {
		height: 136px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-headline,
	.news-box-headline {
		letter-spacing: 0.6px;
		font-size: 12px;
		line-height: 15px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-text,
	.news-box-teaser p {
		letter-spacing: 0.3px;
		font-size: 20px;
		line-height: 25px;
		height: 101px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-person-image .image_container img,
	.slider-wrapper-blur-right .ce_infokachel .infobox-person-image picture img {
		height: 26px;
		width: 26px;
	}

	.ce_infokachel.no-optional .infobox-person-image .image_container img,
	.ce_infokachel.no-optional .infobox-person-image picture img {
		width: auto;
		height: 26px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-optional {
		letter-spacing: 0.3px;
		font-size: 10px;
		line-height: 14px;
	}


	/* Themenbutton / Themebutton */
	.slider-wrapper-blur-both .ce_themebutton {
		height: 390px;
	}

	.ce_themebutton.slick-slide {
		margin: 12px;
	}

	.slider-wrapper-blur-both.no-slider .ce_themebutton {
		margin: 12px;
		width: calc(50% - 20px);
		max-width: 348px;
	}

	.themenbutton .slick-prev,
	.branchen .slick-prev {
		left: 40px;
	}

	.themenbutton .slick-next,
	.branchen .slick-next {
		right: 40px;
	}

	.main-content .mod_article.themenbutton {
		padding: 0px 0px 160px 0px;
	}

	.slider-wrapper-blur-both .ce_themebutton article.slick-slide {
		width: 302px;
    	height: 390px;
	}
	
	.slider-wrapper-blur-both .ce_themebutton .themebutton-headline {
		font-size: 30px;
		letter-spacing: 0.36px;
		line-height: 36px;
		margin: 16px 24px 12px 24px;
	}

	.slider-wrapper-blur-both .ce_themebutton .themebutton-list-container {
		margin: 0px 24px;
	}

	.slider-wrapper-blur-both .ce_themebutton .themebutton-list .themebutton-list-item {
		letter-spacing: 0.42px;
		font-size: 14px;
		line-height: 21px;
	}


	/* Branchen / Industry */
	.main-content .mod_article.branchen {
		padding-bottom: 160px;
	}

	.ce_industry.slick-slide {
		margin: 12px;
	}

	.slider-wrapper-blur-both.no-slider .ce_industry {
		width: calc(33% - 17px);
		margin: 12px;
	}


	/* Services */
	.main-content .mod_article.services,
	.artCMS .mod_article.services {
		padding: 0px 0px 120px 0px;
		margin: 0px;
		width: 100vw;
		position: relative;
		max-width: none;
	}

	.mod_article.services .slider-wrapper-blur-right {
		max-width: 1291px;
	}

	.services-container .services-flag {
		font-size: 12px;
		letter-spacing: 0.6px;
		line-height: 15px;
		margin-bottom: 13px;
	}

	.services .slick-list {
		right: 0px;
		left: unset;
	}

	.no-slider .services-container,
	.no-slider .services-container:nth-child(3n),
	.no-slider .services-container:nth-child(3n + 1) {
		width: calc(50% - 12px);
		max-width: 358px;
	}

	.ffsearch .no-slider .services-container,
	.ffsearch .no-slider .services-container:nth-child(3n),
	.ffsearch .no-slider .services-container:nth-child(3n + 1) {
		width: calc(50% - 15px);
		max-width: 358px;
	}

	.services-container,
	.services-container:nth-child(3n),
	.services-container:nth-child(3n + 1) {
		margin: 12px;
		width: calc(33.333% - 20px);
	}

	.mod_article.services .slider-wrapper-blur-right.no-slider .services-container:first-child {
		margin-left: 0px;
	}

	.mod_article.services .slider-wrapper-blur-right.no-slider .services-container:last-child {
		margin-right: 0px;
	}

	.ce_services {
		height: 352px;
	}

	.ce_services .services-image img {
		height: 204px;
	}


	/* Produktgruppen / Product-Groups */
	.ce_product-groups {
		width: calc(33% - 21px);
		height: 271px;
	}

	.ce_product-groups:nth-child(4n) {
		margin-right: 15px;
	}

	.ce_product-groups:nth-child(4n + 1) {
		margin-left: 15px;
	}

	.ce_product-groups:nth-child(3n) {
		margin-right: 0px;
	}

	.ce_product-groups:nth-child(3n + 1) {
		margin-left: 0px;
	}

	.ce_product-groups .product-groups-image img {
		height: 160px;
	}


	/* Newskachel / Aktuelles / Newsbox */
	.mod_newslist .slider-wrapper-blur-right.no-slider .news-box {
		width: 37.5%;
		margin: 12px;
	}

	.news-box-headline {
		letter-spacing: 0.36px;
	}

	.news-box-teaser {
		height: 101px;
	}

	.news-box-date {
		margin-bottom: 28px;
	}


	/* Kontaktbutton-Inline */
	.ce_custom-contactbutton {
		margin-bottom: 64px;
	}

	.ce_custom-contactbutton .contactbutton-container > picture img {
		width: 138px;
		height: 138px;
		margin-right: 32px;
	}	

	.ce_custom-contactbutton .contact-info {
		position: relative;
		margin-top: 16px;
		height: 46px;
		flex-direction: row;
	}

	.ce_custom-contactbutton .contactbutton-container > .contactbutton-contact {
		max-width: calc(100% - 170px);
	}

	.contactbutton-phone {
		font-size: 0;
		width: 62px;
		height: 46px;
		display: inline-block;
		border: 1px solid #000;
		border-radius: 24px;
		position: relative;
		margin-right: 8px;
	}

	.contactbutton-phone::before {
		content: "";
		background: url('/files/Permapack/Icons/phone-icon-black.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 24px;
		width: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
	}

	.contactbutton-phone:hover {
		background-color: #0000000D;
		background-repeat: no-repeat;
		background-position: center center;
		border: 1px solid #000;
	}

	.contactbutton-phone:active {
		background-color: #00000026;
		border: 1px solid #000;
	}

	.contactbutton-email {
		font-size: 0;
		width: 62px;
		height: 46px;
		display: inline-block;
		border: 1px solid #000;
		border-radius: 24px;
		position: relative;
		margin-right: 8px;
	}

	.contactbutton-email::before {
		content: "";
		background: url('/files/Permapack/Icons/email-icon-black.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 24px;
		width: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
	}

	.contactbutton-email:hover {
		background-color: #0000000D;
		background-repeat: no-repeat;
		background-position: center center;
		border: 1px solid #000;
	}

	.contactbutton-email:active {
		background-color: #00000026;
		border: 1px solid #000;
	}


	/* Kontaktbutton-Banner */
	.contactbutton-image-balloon-banner-container {
		display: none;
	}

	.custom-contactbutton-banner .contactbutton-container {
		margin: 32px auto 32px auto;
	}


	/* Kontaktbutton-Spickel / gusset */
	.ce_gusset-custom-contactbutton {
		right: -32vw;
	}

	.gusset-box .contactbutton-email,
	.gusset-box .contactbutton-phone {
		position: relative;
	}

	.gusset-info p {
		font-family: 'Helvetica Neue LT W05 45 Light';
		margin-bottom: 0px;
	}


	/* Zeitstrahl / Timeline */
	.mod_article.zeitstrahl {
		margin-bottom: 180px;
	}

	.ce_timeline-element .timeline-element-content {
		width: calc(100% - 118px);
	}


	/* Inhaltsthemen / content-topics */
	.ce_content-topics {
		margin-bottom: 64px;
	}

	.ce_content-topics:nth-child(3n - 1) {
		margin: 0px 30px 64px 30px;
	}

	.ce_content-topics .content-topics-image {
		margin-bottom: 20px;
	}
	
	.ce_content-topics .content-topics-headline {
		font-size: 28px;
		letter-spacing: 0.28px;
		line-height: 33.6px;
		margin-bottom: 20px;
	}

	/* .ce_content-topics .content-topics-text {
		max-height: 162px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		box-orient: vertical;
		-webkit-line-clamp: 7;
		-moz-line-clamp: 7;
		-ms-line-clamp: 7;
		line-clamp: 7;
		overflow: hidden;
	} */


	/* Inhaltselement Bild und Text / content element image and text */
	.ce_content-element-image-text {
		margin-bottom: 80px;
	}

	.content-element-image-text-image {
		width: calc(40% - 12px);
		text-align: left;
		margin-bottom: 48px;
	}

	.content-element-image-text-container {
		width: calc(60% - 12px);
	}


	/* Team Portrait */
	.mod_article.team-portrait .rs-columns .rs-column.-large-col-2-1 {
		width: 100%;
		margin: 0px;
	}

	.ce_team-portrait,
	.rs-column.-large-col-2-1 .ce_team-portrait {
		width: calc(100% / 3 - 23px);
		margin: 0px 15px 64px 15px;
	}

	.ce_team-portrait:nth-of-type(4n + 1),
	.rs-column.-large-col-2-1 .ce_team-portrait:first-of-type {
		margin-left: unset;
	}
	
	.ce_team-portrait:nth-of-type(4n + 4),
	.rs-column.-large-col-2-1 .ce_team-portrait:last-of-type {
		margin-right: unset;
	}
	
	.ce_team-portrait:nth-of-type(3n + 1) {
		margin-left: 0px;
		margin-right: 15px;
	}
	
	.ce_team-portrait:nth-of-type(3n + 3) {
		margin-right: 0px;
		margin-left: 15px;
	}

	.ce_team-portrait .team-portrait-position {
		margin-bottom: 16px;
	}
	
	.ce_team-portrait .team-portrait-email {
		font-size: 0;
		width: 62px;
		height: 46px;
		position: relative;
		display: inline-block;
		border: 1px solid #000;
		border-radius: 24px;
		margin-right: 8px;
	}

	.ce_team-portrait .team-portrait-email::before {
		content: "";
		background: url(/files/Permapack/Icons/email-icon-black.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: absolute;
		height: 24px;
		width: 24px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	.ce_team-portrait .team-portrait-email:hover {
		background-color: #0000000D;
		border: 1px solid #000;
	}
	
	.ce_team-portrait .team-portrait-email:active {
		background-color: #00000026;
		border: 1px solid #000;
	}

	.ce_team-portrait .team-portrait-phone {
		font-size: 0;
		width: 62px;
		height: 46px;
		position: relative;
		display: inline-block;
		border: 1px solid #000;
		border-radius: 24px;
		margin-right: 8px;
	}

	.ce_team-portrait .team-portrait-phone::before {
		content: "";
		background: url(/files/Permapack/Icons/phone-icon-black.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: absolute;
		height: 24px;
		width: 24px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	.ce_team-portrait .team-portrait-phone:hover {
		background-color: #0000000D;
		border: 1px solid #000;
	}
	
	.ce_team-portrait .team-portrait-phone:active {
		background-color: #00000026;
		border: 1px solid #000;
	}

	.ce_team-portrait .team-portrait-email a,
	.ce_team-portrait .team-portrait-phone a {
		display: block;
		height: 100%;
		width: 100%;
		line-height: 0;
    	font-size: 0;
	}


	/* Zusammenfassung */
	.ce_summary {
		max-width: 100%;
	}


	/* Zitat */
	.main-content .mod_article .ce_quotation {
		margin-bottom: 130px;
		align-items: end;
	}

	.ce_quotation .quotation-image {
		width: calc(40% - 15px);
	}

	.ce_quotation .quotation-image .image_container img,
	.ce_quotation .quotation-image picture img {
		height: 237px;
		width: 237px;
	}

	.ce_quotation .quotation-container {
		width: calc(60% - 15px);
		margin-left: 24px;
	}

	.ce_quotation .quotation-headline {
		margin-bottom: 24px;
	}

	.ce_quotation .quotation-name,
	.ce_quotation .quotation-position {
		font-size: 16px;
		line-height: 24px;
	}


	/* Zähler */
	.counter-boxes {
		margin-bottom: 64px;
	}

	.counter-boxes .counter-boxes-item {
		margin: 0px 24px;
	}

	.counter-boxes-item .-counter {
		font-size: 60px;
		line-height: 70px;
		letter-spacing: 0.5px;
	}


	/* Rocksolid Slider Content */
	.slider-contentbox-left {
		left: 40px;
	}
	
	.slider-contentbox-top {
		top: 40px;
	}

	.slider-contentbox-top .slider-subheadline {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 0.6px;
	}

	.slider-contentbox-top .main-message {
		margin: 12px 0px;
	}

	.slider-contentbox-top .main-message p {
		font-size: 1.2rem;
    	line-height: 24px;
	}

	.slider-contentbox-top .sub-message {
		margin: 0px 0px 28px 0px;
	}

	.slider-contentbox-top .sub-message p {
		font-size: 12px;
		line-height: 17px;
		letter-spacing: 0.36px;
	}

	.slider-contentbox-top a.slider-linktext {
		padding: 10px 20px;
		letter-spacing: 0.6px;
		line-height: 15px;
		font-size: 12px;
	}


	/* Footer */
	#footer,
	.page-footer {
		background: url(/files/Permapack/Icons/footer-desktop-small.svg);
    	background-repeat: no-repeat;
    	background-size: cover;
		background-position: calc(50% - 100px) top;
		padding-top: 443px;
		margin: 140px auto 0px auto;
	}

	#footer #Sitemap,
	.page-footer #Sitemap {
		margin: 0px 40px;
	}

	#footer #Sitemap .footer-container,
	.page-footer #Sitemap .footer-container {
		margin: 0px auto;
	}

	#footer #Sitemap .footer-languages .ghost-button,
	.page-footer #Sitemap .footer-languages .ghost-button {
		display: inline-block;
	}

	#footer #Sitemap .footer-container > .ghost-button.white,
	.page-footer #Sitemap .footer-container > .ghost-button.white {
		margin-bottom: 60px;
	}

	#footer #Sitemap .footer-container .ce_text,
	.page-footer #Sitemap .footer-container .ce_text {
		display: none;
	}

	#footer #Sitemap .footer-container .ce_text:last-child,
	.page-footer #Sitemap .footer-container .ce_text:last-child {
		display: block;
	}

	#footer #Sitemap .wrapper,
	.page-footer #Sitemap .wrapper {
		margin: 0px;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	#footer #Sitemap .wrapper > div,
	.page-footer #Sitemap .wrapper > div {
		margin-right: 0px;
		margin-bottom: 60px;
	}

	#footer #Sitemap .footer-container .ce_text:last-child .content-h3,
	#footer #Sitemap .footer-container .ce_text:last-child ul,
	.page-footer #Sitemap .footer-container .ce_text:last-child .content-h3,
	.page-footer #Sitemap .footer-container .ce_text:last-child  ul {
		display: none;
	}

	#footer #Sitemap p,
	.page-footer #Sitemap p,
	#footer #Sitemap p a,
	.page-footer #Sitemap p a {
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0.8px;
	}

	#footer #Sitemap .footer-links a,
	.page-footer #Sitemap .footer-links a {
		font-size: 16px;
		line-height: 30px;
		letter-spacing: 0.48px;
	}


	/* Shop CSS */
	/* Infobox CSS */
	.ffsearch .infokachel .slick-list {
		left: 0px;
		margin: -12px;
	}

	/* Services Shop */
	.ffsearch .services .slick-list {
		margin: 0px 0px 0px -12px;
	}

	.ffsearch .services,
	.ffsearch .artCMS .services {
		margin-bottom: 72px;
		padding-bottom: 0px;
	}

	.ffsearch .FFSContent > .clearfix > .mod_article {
		margin: 20px 0px 72px 0px;
	}

	.ffsearch .services .slider-wrapper-blur-right,
	.ffsearch .artCMS .services .slider-wrapper-blur-right {
		display: block;
	}

	.ffsearch .ce_services .services-image img {
		height: 178px;
	}

	.ffsearch .services .slick-next {
		bottom: -66px;
	}

	.ffsearch .cms-between .services {
		width: 100%;
	}

	.cms-between .services-container {
		width: calc(33.333% - 24px);
	}

	.cms-between .services .slick-prev {
		z-index: 1;
	}

	.cms-between .services .slick-next {
		bottom: -66px;
		z-index: 1;
	}


	/* Warenkorb */
	.wk-title {
		margin-top: 69px;
	}

	.wk-button.print,
	.direct-order,
	#DirectOrderTable {
		display: none;
	}

	.ShopContentScart {
		float: none;
		width: 100%;
		margin-bottom: 69px;
	}

	.no_small_screen {
		float: none;
		width: 100vw;
		margin: 0px auto;
		max-width: none;
		position: relative;
		left: -40px;
		margin-bottom: 0px;
		overflow: hidden;
	}

	.no_small_screen div.Info {
		margin-left: 40px;
		margin-right: 40px;
	}

	#Gesamtpreis {
		padding: 26px 40px;
	}

	#ScartTable:not(.fastorder):not(.SLC):not(.addresslist) tbody {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: space-between;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	#ScartTable:not(.fastorder):not(.SLC):not(.addresslist) .Article {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-evenly;
		align-items: flex-start;
		width: 100%;
		border-bottom: 1px solid #d2d2d2;
		padding: 24px 0px;
	}

	#ScartTable:not(.fastorder):not(.SLC):not(.addresslist) tr.Article > td {
		width: 100%;
		border: 0px;
	}

	.article-information {
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: center;
		align-items: stretch;
	}

	#ScartTable .Article .article-information > td:first-child {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: flex-start;
	}

	#ScartTable .product-infos {
		margin-bottom: 24px;
	}

	#ScartTable tr.Article > td {
		padding: 0px;
	}

	#ScartTable tr.Article > td:nth-child(2) {
		padding: 0px;
	}

	#ScartTable .zoomThumb {
		margin-right: 24px;
		margin-top: 35px;
		width: 79px;
		height: 71px;
	}

	.wk-button-delete {
		height: 28px;
		width: 28px;
		background-size: 28px 28px;
	}

	#ScartTable .wk-button-delete-text {
		display: none;
	}

	#ScartTable .CCinArticle {
		width: 100%;
		min-width: 264px;
		margin-bottom: 24px;
		margin-top: 24px;
	}

	#ScartTable .updowncontainer {
		justify-content: center;
		margin: 0px 0px 24px 0px;
    	max-width: 166px;
	}

	#ScartTable .total-price,
	#ScartTable .piece-price {
		text-align: left;
	}

	#ScartTable .lieferzeit .wk-availability,
	#ScartTable .lieferzeit > span,
	.wk-stock-available::before,
	.wk-stock-unavailable::before {
		display: none;
	}

	#ScartTable .article-information td.article,
	#ScartTable .article-information tr {
		width: 100%;
	}

	#ScartTable .quantity {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
		align-content: center;
	}

	#ScartTable .quantity .wk-availability,
	#ScartTable .article-information td > span {
		display: block;
	}

	#ScartTable .article-information td > span {
		position: absolute;
		right: 0px;
		top: 0px;
	}


	/* Warenkorb Schritt 2, 3 und thx */
	.bestellen #Navigationbar,
	.thx #Navigationbar {
		margin-bottom: 70px;
	}

	#scart-navigation-scart-link {
		display: none;
	}

	#scart-navigation-scart-link-mobile {
		display: block;
		margin: 0px auto 40px auto;
	}

	.ShopFormNB {
		width: 100%;
		margin: 0px;
	}

	.ShopFormNB h2.invoice-address {
		margin: 107px 0px 44px 0px;
	}

	.ShopFormNB.checkout-2 {
		width: 100%;
		margin: 0px;
	}

	.ShopFormNB.checkout-2:last-of-type {
		width: 100%;
	}

	.ShopFormNB.checkout-2 .invoice-address {
		margin: 24px 0px;
	}
	
	#ScartTable .step-2 .zoomThumb {
		margin: 0px 0px 20px 0px;
	}

	#ScartTable .unit-amount.step-2 {
		text-align: left;
	}


	/* Kundenstartseite / Customer */
	h1.InfoHead.MyAccount {
		max-width: calc(100% - 210px);
	}

	.InfoText.MyAccount {
		font-size: 18px;
		line-height: 26px;
		max-width: 360px;
		margin-bottom: 180px;
	}

	.customer .top-products .Article {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-start;
		align-items: flex-start;
		justify-content: flex-start;
	}

	#ERPTable .top-products .image-container {
		margin: 0px 0px 24px 0px;
	}

	#ERPTable .top-products .title-and-description {
		width: 100%;
		margin: 0px 0px 48px 0px;
	}

	#ERPTable .top-products .date-and-price-container {
		width: 100%;
		margin: 0px 0px 48px 0px;
	}

	#ERPTable .top-products .amount-and-order-container {
		margin: 0px;
	}

	#ERPTable .top-products .date-and-price-container .date-and-price > div {
		margin: 0px;
	}


	/* Fastoverview Schritt 2 */
	.shop .ShopContent.fastoverview .fastoverview-table thead {
		display: none;
	}

	.shop .ShopContent.fastoverview .fastoverview-table .Article {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		align-items: flex-start;
		justify-content: center;
		border-top: 1px solid #d2d2d2;
		padding: 24px 0px;
	}


	/* Favoritenliste */
	#Favoliste thead {
		display: none;
	}

	form#Favoliste #ScartTable th,
	form#Favoliste #ScartTable td {
		padding: 0px;
		border: 0px;
	}

	form#Favoliste input[type="checkbox"] {
		position: relative;
	}

	#Favoliste .favo-actions,
	#Favoliste .favo-link,
	#Favoliste .favo-artnr {
		display: none;
	}

	#Favoliste .favo-checkbox-container {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}

	form#Favoliste #ScartTable td:nth-child(2) {
		min-height: 0px;
    	margin: 20px 0px 0px 0px;
	}
	
	#Favoliste .favo-actions-mobile,
	#Favoliste .favo-link-mobile,
	#Favoliste .favo-artnr-mobile {
		display: block;
	}

	#Favoliste .favo-artnr-mobile {
		margin-bottom: 20px;
	}

	#Favoliste .favo-article-container {
		margin-bottom: 20px;
	}

	
	/* Fastorder / Schnellbestellung */
	#ScartTable.fastorder,
	#ScartTable.fastorder tr.Article > td,
	.ShopContent.fastorder #ScartTable:first-child {
		border: 0px;
		margin: 0px;
	}

	.fastorder .Input {
		margin: 5px 0px;
	}


	/* SLC / Mein Produkt-Katalog */
	#ScartTable.SLC.list thead {
		display: none;
	}

	#ScartTable.SLC.list tr {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		align-content: space-between;
		justify-content: flex-end;
	}

	#ScartTable.SLC.list .button {
		margin: 20px 0px;
	}


	/* Kundenbackend Daten ändern */
	#editform .ShopForm,
	#editform label,
	#editform input:not(.city):not(.plz),
	#editform select,
	#editform .styled-select,
	#editform .optional,
	#datachange_request .ShopForm,	
	#datachange_request label,
	#datachange_request input:not(.Ort):not(.PLZ),
	#datachange_request select,
	#datachange_request .styled-select,
	#datachange_request .optional {
		width: 100% !important; /* Wir haben generell in unserem CSS !important für die Forms, was das responsive Design erschwert. */
		float: none;
		margin-right: 0px;
	}

	#editform input.plz,
	#datachange_request input.PLZ {
		float: none;
	}

	#editform input.city,
	#datachange_request input.Ort {
		float: none;
	}
}


@media screen and (max-width: 1023px) {
	/* Startseite */
	.bounce-container {
		display: none;
	}

	/* Infokachel / Infobox */
	.slider-wrapper-blur-right article .artCMS #RubView .offerItem .innerBox {
		height: 100%;
	}

	#RubView .itemContentNoAnimation {
		height: 105px;
	}

	.slider-wrapper-blur-right .artCMS #RubView .productNameContainer {
		height: 70px;
	}
}


@media only screen and (max-height: 1000px) and (max-width: 1193px)  {
	/* Suggest */
	#Searchdiv #ansprechpartner {
		display: none;
	}

	
	/* Startseite */
	.themestartpage {
		left: 40px;
		top: 123px;
		max-width: 590px;
	}
	
	/* Startseite Business Boxen */
	.bouncestart {
		bottom: -200px;
	}

	.bouncestart h2 {
		font-size: 26px;
		letter-spacing: 0.26px;
		line-height: 29px;
	}
}


@media screen and (max-width: 900px) {
	/* Allgemein */
	.CMS .content-wrapper {
		padding: 0px;
	}

	.main-content {
		margin: 0px;
	}

	.page {
		margin: 0px;
	}


	/* Navigation */
	.main-navigation {
		height: auto;
		margin-right: 0;
		padding-right: 0;
		padding-left: 0;
	}

	
	/* Kontaktbutton-Spickel / gusset */
	.ce_gusset-custom-contactbutton {
		right: -36vw;
	}


	/* Inhaltselement Bild Text */	
	.content-element-image-text-container .content-element-image-text-buttons > a {
		display: block;
		margin-bottom: 0px;
		margin-left: 0px;
	}

	.content-element-image-text-container a.content-element-image-text-link-more {
		margin-right: 0px;
	}

	/* .content-element-image-text-container a.content-element-image-text-link-product {
		margin: 24px 0px 0px 0px;
	} */


	/* Breadcrumb */
	.mod_breadcrumb {
		padding: 0px;
	}
}


@media screen and (max-width: 800px) {
	/* Kontaktbutton-Spickel / gusset */
	.ce_gusset-custom-contactbutton {
		right: -39vw;
	}
}


@media only screen and (max-height: 899px) {
	.ScartItemDetails {
		max-height: 600px;
		overflow-y: scroll;
	}
}


@media only screen and (max-height: 816px) {
	#Navi .mega-dropdown .mega-dropdown-inner {
		height: calc(100vh - 147px);
	}
}


@media screen and (max-width: 767px) {
	/* Allgemein */
	body {
		padding: 0px 0px 80px 0px;
	}

	h1.abstand-klein,
	h2.abstand-klein,
	h3.abstand-klein,
	h4.abstand-klein,
	h5.abstand-klein,
	h6.abstand-klein,
	.abstand-klein {
		margin-bottom: 32px !important;
	}

	h1.abstand-mittel,
	h2.abstand-mittel,
	h3.abstand-mittel,
	h4.abstand-mittel,
	h5.abstand-mittel,
	h6.abstand-mittel,
	.abstand-mittel {
		margin-bottom: 64px !important;
	}

	h1.abstand-gross,
	h2.abstand-gross,
	h3.abstand-gross,
	h4.abstand-gross,
	h5.abstand-gross,
	h6.abstand-gross,
	.abstand-gross {
		margin-bottom: 100px !important;
	}

	h1.abstand-max,
	h2.abstand-max,
	h3.abstand-max,
	h4.abstand-max,
	h5.abstand-max,
	h6.abstand-max,
	.abstand-max {
		margin-bottom: 72px !important;
	}

	.main-content .mod_article.first {
		margin-top: 60px;
	}

	.main-content .mod_article.grau,
	.artCMS .mod_article.grau {
		padding: 48px 26px 0px 26px;
	}

	.widescreen #Navi,
	.widescreen .StartContent,
	.widescreen .wrapper,
	.widescreen .page-header,
	.widescreen .SiteContainer,
	.mod_breadcrumb,
	.main-content .mod_article,
	#scart-navigation-container {
		margin-left: 26px;
		margin-right: 26px;
	}

	.mod_article .slider-wrapper-blur-both.no-slider,
	.mod_article .slider-wrapper-blur-right.no-slider,
	.mod_newslist .slider-wrapper-blur-right.no-slider,
	.mod_article.services .slider-wrapper-blur-right.no-slider {
		margin: 0px 26px;
	}

	h1,
	.content-h1,
	.content-h1 a,
	.main-content h1,
	.main-content .content-h1,
	.main-content .ce_downloads h1 {
		margin-top: 0px;
		margin-bottom: 24px;
		font-size: 36px;
		line-height: 43px;
		letter-spacing: 0.36px;
	}

	h2,
	.main-content h2,
	.main-content .content-h2,
	.main-content .ce_downloads h2,
	.ShopFormNB .invoice-address,
	.ShopFormNB .delivery-address,
	.ShopFormNB .payment {
		margin-bottom: 24px;
		font-size: 26px;
		line-height: 31px;
		letter-spacing: 0.39px;
	}

	h3,
	.main-content h3,
	.main-content .content-h3,
	.main-content .ce_downloads h3 {
		margin-bottom: 12px;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0.30px;
	}

	h4,
	.main-content h4 {
		margin-bottom: 12px;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0.30px;
	}

	h5,
	.main-content h5 {
		margin-bottom: 12px;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0.30px;
	}

	h6,
	.main-content h6 {
		margin-bottom: 12px;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0.30px;
	}

	.main-content p.lead-text {
		font-size: 20px;
		letter-spacing: 0.4px;
		line-height: 30px;
	}

	.main-content p.info-text {
		margin-top: 8px;
	}

	a#anker {
		padding-top: 90px;
		display: block;
		margin-top: -90px;
	}

	.mod_breadcrumb.main-navigation {
		display: none;
	}


	/* Detailseite Buttons */
	.det .ghost-button.black {
		margin-top: 20px;
	}


	/* Table / Tabelle */
	.CMS .ce_table {
		margin-bottom: 80px;
	}


	/* Navigation */
	#Navigationbar {
		display: block;
		top: 0px;
		left: 0px;
		position: sticky;
		bottom: unset;
		margin: 0px;
		background: #fff;
	}

	#Navigationbar #UserNavi.main-navigation {
		float: right;
	}

	#Navigationbar #Navi .level_1 .ico-home3 {
		display: block;
	}

	#Navigationbar .main-navigation ul li {
		border: 0px;
		height: 80px;
	}

	/* Suggest */
	#Searchdiv,
	#Logindiv {
		overflow-y: scroll;
	}

	#Logindiv #NaviLogin {
		margin: 0px 26px;
	}

	#Searchdiv > .mod_article {
		margin: 0px 26px;
	}

	#ffbackground {
		top: 45px;
	}

	#icon-close {
		right: 50px;
		top: 45px;
	}

	#SearchClosebutton {
		top: 33px;
	}

	#Logindiv #NaviLogin {
		margin: 0px 32px;
		padding: 0px;
	}

	#Searchdiv #FactFinder #FFquery {
		width: calc(100% - 38px);
		top: 30px;
	}

	#suggestLayer.suggestLayer {
		left: 0px;
		top: 105px;
		height: calc(100% - 152px);
	}

	#suggestLayer>div>ul:first-child:nth-last-child(1) {
		width: 100%;
	}

	#suggestLayer>div>ul:first-child:nth-last-child(2),
	#suggestLayer>div>ul:first-child:nth-last-child(2) ~ ul {
		width: 100%;
		padding: 0px;
	}

	#suggestLayer>div>ul:first-child:nth-last-child(2) {
		margin-bottom: 37px;
		max-height: 269px;
    	overflow: hidden;
	}

	.suggestLayer li.suggestRowWithImage {
		max-width: 100%;
	}

	.suggestLayer .cms-container {
		left: 0px;
		width: 100%;
		bottom: 0px;
		position: absolute;
	}

	#ansprechpartner {
		display: none;
	}


	/* Navigation Login */
	#Logindiv #NaviLogin {
		height: calc(100vh - 177px);
		margin: 47px 26px 0px 26px;
		top: 0px;
	}

	#Logindiv #ansprechpartner {
		display: block;
		padding-bottom: 20px;
	}


	/* Mobile-Navigation */
	.navigation-mobile .navigation-mobile-container {
		margin: 0px 26px;
	}

	.navigation-mobile .navigation-mobile-content:first-child {
		margin-left: 0px;
	}

	.navigation-mobile .navigation-mobile-content:last-child {
		margin-right: 0px;
	}

	.close-container {
		padding: 44px 26px 50px 26px;
	}

	#mobile-nav-menu #MainNavi ul.level_1 li,
	#mobile-nav-menu #main-navigation ul.level_1 li {
		padding: 0px 26px;
	}

	#mobile-nav-menu #MainNavi ul.level_1 li::after,
	#mobile-nav-menu #main-navigation ul.level_1 li::after,
	#mobile-nav-menu .mega-dropdown .rs-column .content-h3 .mobile-navigation-icon.active {
		right: 26px;
	}

	#mobile-nav-menu #MainNavi ul.level_1 li.submenu.-mega.active:hover::after,
	#mobile-nav-menu #main-navigation ul.level_1 li.submenu.-mega.active:hover::after {
		left: 26px;
	}

	#mobile-nav-menu #MainNavi ul.level_1 > li.submenu.-mega.active > a.submenu,
	#mobile-nav-menu #main-navigation ul.level_1 > li.submenu.-mega.active > a.submenu {
		margin-left: 26px;
		width: calc(100% - 52px);
	}

	#mobile-nav-menu .mega-dropdown .rs-column .content-h3 {
		margin-left: 26px;
		width: calc(100% - 52px);
	}

	#mobile-nav-menu .mega-dropdown .rs-column .content-h3.active {
		padding: 24px 26px;
	}

	#mobile-nav-menu .mega-dropdown .rs-column .content-h3.active::after {
		right: 26px;
	}

	#mobile-nav-menu #MainNavi .mega-dropdown .rs-column ul.active li,
	#mobile-nav-menu #main-navigation .mega-dropdown .rs-column ul.active li {
		padding: 0px 26px;
	}

	#mobile-nav-menu #MainNavi .mega-dropdown .rs-column ul.active li::after,
	#mobile-nav-menu #main-navigation .mega-dropdown .rs-column ul.active li::after {
		right: 26px;
	}

	#mobile-nav-menu .mobile-nav-container .navigation-mobile-language-container {
		margin: 81px 20px 0px 20px;
	}

	#mobile-nav-menu .mega-dropdown.menu-dashboard .ghost-button.black {
		margin: 40px 26px;
		display: block;
	}


	/* Startseite */
	.start #MainPageSlideshow {
		top: 0px;
	}
	
	.themestartpage {
		max-width: calc(100% - 52px);
		left: 26px;
		top: 100px;
	}

	.themestartpage span {
		font-size: 48px;
		letter-spacing: 0.46px;
		line-height: 52px;
	}

	.themestartpage p {
		font-size: 20px;
		letter-spacing: 0.4px;
		line-height: 24px;
	}

	/* Startseite Business Boxen */



	/* Startseite News Boxen */
	#homeTab .mod_newslist {
		background: #f6f6f6;
		width: 100vw;
		transform: translateX(-50%);
		left: 50%;
		position: relative;
		max-width: none;
		overflow: hidden;
		/* padding: 127px 0px 100px 0px;
    	margin: -127px 0px -100px 0px; */
	}

	#homeTab .mod_newslist .slider-wrapper-blur-right {
		display: block;
		position: relative;
		max-width: 1291px;
		margin: 0px;
		padding: 0px;
		width: 100%;
		overflow: visible;
		border: 0px;
	}

	#homeTab .mod_newslist .slick-list {
		left: unset;
		margin-left: 20px;
	}

	#homeTab .mod_newslist .slick-prev,
	#homeTab .mod_newslist .slick-next {
		top: unset;
		transform: none;
	}

	#homeTab article.news-box  {
		display: inline-block;
		height: 322px;
		margin-right: 8px;
	}


	/* CMS */

	/* Downloads */
	.ce_downloads {
		margin-bottom: 48px;
	}

	.ce_downloads ul {
		margin-top: 25px;
	}

	.ce_downloads ul li.download-element a {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0px;
	}

	.ce_downloads button.show-more-button {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 0.36px;
	}


	/* Buttongenerator / Buttons */
	div.ce_custom-button a {
		margin-bottom: 16px;
	}


	/* Slick-Slider styling with Boxes / Kachelstyling */
	.infokachel .slick-prev,
	.themenbutton .slick-prev,
	.branchen .slick-prev,
	.services .slick-prev,
	.mod_newslist .slick-prev {
		left: 26px;
	}

	.infokachel .slick-next,
	.themenbutton .slick-next,
	.branchen .slick-next,
	.services .slick-next,
	.mod_newslist .slick-next {
		right: 26px;
	}


	/* Artikel im CMS */
	article .artCMS {
		margin-bottom: 64px;
	}

	article .artCMS ul.flexcontainer {
		margin: 0px -8px;
	}

	article .artCMS #RubView .offerItem {
		width: calc(100% / 2 - 16px);
		margin: 0px 8px;
		margin-bottom: 16px;
	}

	article .artCMS #RubView .offerItem .innerBox {
		max-height: 218px;
		min-height: unset;
	}

	article .artCMS #RubView .offerItem .innerBox .product-subtitle {
		display: none;
	}
	
	article .artCMS #RubView .offerItem .innerBox .title-container {
		justify-content: flex-end;
		height: 15px;
	}

	article .artCMS #RubView .offerItem .innerBox .product-banner {
		top: -40px;
		right: -6px;
	}

	article .artCMS #RubView .offerItem .innerBox .product-banner .banner_new {
		height: 49px;
		width: 49px;
	}

	article .artCMS #RubView .offerItem .innerBox .product-banner .banner_new span {
		font-size: 8px;
		line-height: 10px;
		letter-spacing: 0.4px;
	}

	article .artCMS #RubView .addProductsFrame .product-image {
		margin-bottom: 8px;
	}

	article .artCMS #RubView .addProductsFrame img {
		max-height: 79px;
	}

	article .artCMS #RubView .offerItem .itemContentNoAnimation {
		margin-top: 8px;
	}

	article .artCMS #RubView .productNameContainer {
		margin-bottom: 8px;
	}

	article .artCMS #RubView .productNameContainer span {
		margin-bottom: 6px;
	}

	article .artCMS #RubView .productNameContainer p {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
	}


	/* Artikel im CMS Infokachel */
	.slider-wrapper-blur-right article .artCMS #RubView .offerItem .innerBox {
		max-height: unset;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .offerItem:nth-child(odd) .innerBox {
		margin-right: 0px;
		margin-left: 0px;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .offerItem:nth-child(even) .innerBox {
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.slider-wrapper-blur-right article .artCMS #RubView .offerItem .innerBox .title-container {
		justify-content: space-between;
		height: 49px;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .offerItem .innerBox .product-banner {
		top: -45px;
		right: 10px;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .offerItem .innerBox .product-banner .banner_new {
		height: 59px;
		width: 59px;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .offerItem .innerBox .product-banner .banner_new span {
		font-size: 10px;
		line-height: 12px;
		letter-spacing: 0.5px;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .addProductsFrame .product-image {
		margin-bottom: 8px;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .addProductsFrame img {
		max-height: 139px;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .offerItem .itemContentNoAnimation {
		margin-top: 8px;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .productNameContainer {
		margin-bottom: 8px;
		height: 100px;
		overflow: hidden;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .productNameContainer span {
		margin-bottom: 6px;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .productNameContainer p {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0px;
	}


	/* Infokachel / Infobox */
	.main-content .mod_article.infokachel,
	.main-content .mod_newslist {
		padding: 127px 0px 64px 0px;
	}

	.main-content .mod_article.infokachel {
		padding-top: 0px;
	}

	.infokachel .slick-list,
	.services .slick-list,
	.mod_newslist .slick-list {
		margin: 0px 0px 0px 18px;
		padding: 0 40% 0 0;
	}

	.mod_article .slider-wrapper-blur-right.no-slider .ce_infokachel,
	.mod_article .slider-wrapper-blur-right.no-slider .article-in-cms,
	.mod_article .slider-wrapper-blur-right.no-slider .mod_article {
		width: 66.6%;
		margin: 8px;
	}

	.mod_article .slider-wrapper-blur-right.no-slider .mod_article .ce_infokachel {
		width: 100%;
		margin: 0px;
	}

	.slider-wrapper-blur-right .ce_infokachel,
	article.slick-slide.article-in-cms,
	.mod_newslist .news-box,
	.mod_article.slick-slide {
    	height: 319px;
		margin: 8px;
	}

	.mod_article.slick-slide > article {
		margin: 0px;
	}

	.ce_infokachel .infobox-image,
	.ce_infokachel .infobox-person-image,
	.news-box .news-box-image {
		margin-bottom: 24px;
		width: 100%;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-image .image_container img,
	.news-box-image .image_container img,
	.slider-wrapper-blur-right .ce_infokachel .infobox-image picture img,
	.news-box-image picture img {
		height: 132px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-headline,
	.news-box-headline {
		letter-spacing: 0.5px;
		font-size: 10px;
		line-height: 12px;
		margin: 0px 16px 8px 16px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-text {
		letter-spacing: 0.27px;
		font-size: 18px;
		line-height: 22px;
		height: 87px;
		margin: 0px 16px 16px 16px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-person-image {
		margin: 0px 0px 24px 16px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-person-image .image_container img,
	.slider-wrapper-blur-right .ce_infokachel .infobox-person-image picture img {
		height: 25px;
		width: 25px;
	}

	.ce_infokachel.no-optional .infobox-person-image .image_container img,
	.ce_infokachel.no-optional .infobox-person-image picture img {
		width: auto;
		height: 25px;
	}

	.slider-wrapper-blur-right .ce_infokachel .infobox-optional {
		letter-spacing: 0.27px;
		font-size: 9px;
		line-height: 13px;
		margin: 0px 16px 16px 8px;
		width: 60%;
	}

	.slider-wrapper-blur-right article .artCMS #RubView .offerItem .innerBox {
		height: 100%;
	}

	#RubView .itemContentNoAnimation {
		height: 105px;
	}


	/* Themenbutton / Themebutton */
	.main-content .mod_article.themenbutton { 
		padding: 0px 0px 120px 0px;
	}

	.slider-wrapper-blur-both .slick-list {
		margin-left: 18px;
	}

	.slider-wrapper-blur-both.no-slider .ce_themebutton {
		margin: 8px;
	}

	.slider-wrapper-blur-both .ce_themebutton,
	article.slick-slide:not(.ce_industry) {
    	height: 322px;
		margin: 8px;
	}

	article.slick-slide.ce_industry {
		margin: 8px;
	}

	.slider-wrapper-blur-both .ce_themebutton .themebutton-headline {
		font-size: 24px;
		letter-spacing: 0.36px;
		line-height: 30px;
		margin: 16px 24px 10px 24px;
	}

	.slider-wrapper-blur-both .ce_themebutton .themebutton-list-item {
		letter-spacing: 0.42px;
		font-size: 14px;
		line-height: 21px;
	}

	.slider-wrapper-blur-both .ce_themebutton .themebutton-list-item:nth-child(n+5) {
		display: none;
	}

	.slider-wrapper-blur-both .ce_themebutton .themebutton-list .themebutton-list-mobile-etc {
		display: block;
	}


	/* Branchen / Industry */
	.main-content .mod_article.branchen {
		padding-bottom: 120px;
	}

	.ce_industry.slick-slide {
		margin: 8px;
	}

	.slider-wrapper-blur-both.no-slider .ce_industry {
		width: calc(50% - 10px);
		margin: 8px;
	}

	.slider-wrapper-blur-both.no-slider .ce_industry:nth-child(2n) {
		margin-right: 0px;
	}

	.slider-wrapper-blur-both.no-slider .ce_industry:nth-child(3) {
		margin-left: 0px;
	}

	.slider-wrapper-blur-both .ce_industry .industry-headline {
		font-size: 18px;
		letter-spacing: 0.27px;
		line-height: 20px;
		bottom: 16px;
	}


	/* Services */
	.main-content .mod_article.services,
	.artCMS .mod_article.services {
		margin: 0px 0px 48px 0px;
		padding: 0px;
	}

	.services-container .services-flag {
		font-size: 10px;
		letter-spacing: 0.5px;
		line-height: 12px;
		margin-bottom: 12px;
	}

	.ce_services {
		height: 307px;
		border-top: 4px solid #e3010b;
	}

	.CMS .ce_services {
		height: 266px;
	}

	.ce_services .services-headline {
		height: 65px;
		margin: 16px 20px 24px 16px;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 0.27px;
	}


	.ce_services .services-image img {
		height: 157px;
	}

<<<<<<< .mine



||||||| .r1313
=======

>>>>>>> .r1320
	.services-container,
	.services-container:nth-child(3n),
	.services-container:nth-child(3n + 1) {
		margin: 8px;
		width: calc(33.333% - 14px);
	}


	/* Produktgruppen / Product-Groups */
	.main-content .mod_article.produktgruppen {
		padding: 60px 0px 16px 0px;
	}

	.ce_product-groups {
		width: calc(50% - 18px);
		height: 237px;
	}

	.ce_product-groups:nth-child(4n) {
		margin-right: 15px;
	}

	.ce_product-groups:nth-child(4n + 1) {
		margin-left: 15px;
	}

	.ce_product-groups:nth-child(3n) {
		margin-right: 15px;
	}

	.ce_product-groups:nth-child(3n + 1) {
		margin-left: 15px;
	}

	.ce_product-groups:nth-child(2n + 1) {
		margin-left: 0px;
	}

	.ce_product-groups:nth-child(2n) {
		margin-right: 0px;
	}

	.ce_product-groups .product-groups-image {
		width: auto;
		margin: 16px 8px;
		font-size: 0px;
		line-height: 0px;
	}

	.ce_product-groups .product-groups-image img {
		height: 124px;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	.ce_product-groups .product-groups-headline {
		font-family: 'Helvetica Neue LT W05_77 Bd Cn';
		height: 65px;
		margin: 0px 8px 16px 8px;
		font-size: 18px;
		letter-spacing: 0.27px;
		line-height: 22px;
	}


	/* Newskachel / Aktuelles / Newsbox */
	.mod_newslist .slider-wrapper-blur-right.no-slider .news-box {
		width: 66.6%;
		margin: 8px;
	}

	.news-box-headline {
		letter-spacing: 0.3px;
	}

	.news-box-teaser {
		margin: 0px 16px 16px 16px;
		height: 87px;
	}

	.news-box-teaser p {
		letter-spacing: 0.27px;
		font-size: 18px;
		line-height: 22px;
	}

	.news-box-date {
		margin-bottom: 19px;
	}


	/* Kontaktbutton-Inline */
	.ce_custom-contactbutton {
		margin-bottom: 48px;
	}

	.ce_custom-contactbutton .contactbutton-container > picture img {
		width: 102px;
		height: 102px;
		margin-right: 24px;
	}

	.ce_custom-contactbutton .contactbutton-container > .contactbutton-contact {
		min-width: 200px;
		max-width: calc(100% - 126px);
	}


	/* Kontaktbutton-Spickel / gusset */
	.ce_gusset-custom-contactbutton.block {
		position: static;
		transform: none;
		width: auto;
	}

	.gusset-contact-container {
		background: none;
		width: auto;
		height: auto;
		display: block;
	}

	.gusset-box:first-child {
		width: auto;
		height: auto;
		min-width: initial;
		max-width: initial;
		min-height: initial;
		max-height: initial;
		background: none;
		text-align: initial;
	}

	.gusset-box-space {
		display: none;
	}

	.gusset-box:last-child {
		display: none;
	}

	.gusset-box-content {
		transform: none;
		top: 0px;
		left: 0px;
		position: static;
		background: none;
		display: block;
		margin: 0px 0px 100px 0px;
		padding: 0px;
	}

	.gusset-box-content img {
		border-radius: 50%;
		object-fit: cover;
		height: 102px;
		width: 102px;
		display: inline-block;
		vertical-align: top;
		margin-right: 24px;
	}

	.gusset-info {
		display: inline-block;
		vertical-align: top;
		width: auto;
		max-height: initial;
		margin: 0px;
		min-width: 200px;
	}

	.gusset-info p {
		color: #000;
		display: block;
	}

	.gusset-info  .gusset-buttons {
		display: block;
		margin-top: 16px;
	}

	.gusset-box .contactbutton-phone {
		font-size: 0;
		width: 62px;
		height: 46px;
		display: inline-block;
		border: 1px solid #000;
		border-radius: 24px;
		margin-right: 8px;
	}

	.gusset-box .contactbutton-phone::before {
		content: "";
		background: url('/files/Permapack/Icons/phone-icon-black.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 24px;
		width: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
	}
	
	.gusset-box .contactbutton-phone:hover {
		background-color: #0000000D;		
		border: 1px solid #000;
	}
	
	.gusset-box .contactbutton-phone:active {		
		background-color: #00000026;
		border: 1px solid #000;
	}
	
	.gusset-box .contactbutton-email {
		font-size: 0;
		width: 62px;
		height: 46px;
		display: inline-block;
		border: 1px solid #000;
		border-radius: 24px;
		margin-right: 8px;
	}

	.gusset-box .contactbutton-email::before {
		content: "";
		background: url('/files/Permapack/Icons/email-icon-black.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		height: 24px;
		width: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
	}
	
	.gusset-box .contactbutton-email:hover {
		background-color: #0000000D;
		border: 1px solid #000;
	}
	
	.gusset-box .contactbutton-email:active {
		background-color: #00000026;
		border: 1px solid #000;
	}


	/* Zeitstrahl / Timeline */
	.mod_article.zeitstrahl {
		margin-bottom: 120px;
	}

	.ce_timeline-element {
		margin-left: 20px;
		margin-right: 6px;
	}

	.mod_article.zeitstrahl .show-more-button {
		text-align: left;
	}

	.ce_timeline-element {
		width: auto;
		padding: 0px 0px 60px 0px;
		border-left: 2px solid #f1f1f1;
		text-align: left;
	}

	.ce_timeline-element.right {
		transform: none;
	}

	.ce_timeline-element.left {
		border-right: 0px;
		text-align: left;
	}

	.ce_timeline-element::before,
	.ce_timeline-element.left::before {
		right: unset;
		left: -6px;
	}

	.ce_timeline-element:last-of-type {
		border-left: 2px solid transparent;
	}

	.ce_timeline-element .timeline-element-content {
		width: calc(100% - 112px);
	}

	.ce_timeline-element.left .timeline-element-content {
		text-align: left;
	}

	.ce_timeline-element.right .timeline-element-content.no-headline,
	.ce_timeline-element.left .timeline-element-content.no-headline {
		margin-left: 48px;
		width: calc(100% - 48px);
	}

	.ce_timeline-element .timeline-element-image {
		height: 168px;
	}

	.ce_timeline-element .timeline-element-counter {
		margin-left: 47px;
		margin-right: 41px;
		font-size: 36px;
		letter-spacing: 0.36px;
		line-height: 40px;
	}

	.ce_timeline-element.left .timeline-element-counter {
		margin-left: 47px;
		margin-right: 41px;
	}

	.ce_timeline-element.subhead {
		text-align: left;
	}

	.ce_timeline-element.subhead .timeline-subhead-title {
		padding: 0px 0px 70px 47px;		
		font-size: 36px;
		letter-spacing: 0.36px;
		line-height: 40px;
	}

	.ce_timeline-element.subhead::before {
		content: none;
	}


	/* Inhaltsthemen / content-topics */
	.ce_content-topics {
		width: calc(50% - 15px);
	}	

	.ce_content-topics:nth-child(3n - 1) {
		margin: 0px 0px 64px 0px;
	}

	.ce_content-topics:nth-child(even) {
		margin-left: 15px;
	}

	.ce_content-topics:nth-child(odd) {
		margin-right: 15px;
	}

	.ce_content-topics .content-topics-image {
		margin-bottom: 16px;
	}
	
	.ce_content-topics .image_container img,
	.ce_content-topics picture img {
		height: calc(100% * (2/3));
	}
	
	.ce_content-topics .content-topics-headline {
		font-size: 24px;
		letter-spacing: 0.24px;
		line-height: 33.6px;
		margin-bottom: 12px;
	}

	/* .ce_content-topics .content-topics-text {
		max-height: 115px;
		-webkit-line-clamp: 5;
		-moz-line-clamp: 5;
		-ms-line-clamp: 5;
		line-clamp: 5;
	} */


	/* Inhaltselement Bild und Text / content element image and text */
	.ce_content-element-image-text {
		margin-bottom: 65px;
		justify-content: flex-start;
	}

	.content-element-image-text-image {
		width: 60%;
		display: block;
		margin-bottom: 32px;
	}

	.content-element-image-text-image .image_container img,
	.content-element-image-text-image picture img {
		height: 100%;
		width: auto;
	}

	.content-element-image-text-container {
		width: 100%;
		display: block;
		margin: 0px;
	}

	.content-element-image-text-container .content-element-image-text-headline {
		font-family: 'Helvetica Neue LT W05_77 Bd Cn';
		font-size: 18px;
		letter-spacing: 0.27px;
		line-height: 22px;
		margin-bottom: 16px;
	}


	/* Team Portrait */
	.ce_team-portrait,
	.rs-column.-large-col-2-1 .ce_team-portrait {
		width: calc(100% / 2 - 17px);
		margin: 0px 15px 48px 15px;
	}

	.ce_team-portrait:nth-of-type(odd) {
		margin-left: 0px;
		margin-right: 15px;
	}

	.ce_team-portrait:nth-of-type(even) {
		margin-right: 0px;
		margin-left: 15px;
	}


	/* Zusammenfassung */
	.ce_summary {
		margin-bottom: 48px;
		margin-top: 40px;
		padding: 24px 0px 32px 0px;
	}

	.ce_summary .summary-headline {
		font-size: 26px;
		line-height: 31px;
		letter-spacing: 0.39px;
	}

	.ce_summary .summary-list ul {
		padding-left: 20px;
	}

	.ce_summary .summary-list li {
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 0.4px;
	}


	/* Zitat */
	.main-content .mod_article .ce_quotation {
		margin-bottom: 110px;
	}

	.ce_quotation .quotation-image {
		width: 100%;
		font-size: 0;
		line-height: 0;
	}

	.ce_quotation .quotation-image .image_container img,
	.ce_quotation .quotation-image picture img {
		height: 175px;
		width: 175px;
	}

	.ce_quotation .quotation-container {
		width: 100%;
		margin-left: 0px;
		margin-top: 32px;
		text-align: center;
	}

	.ce_quotation .quotation-headline {
		font-size: 26px;
		line-height: 31px;
		letter-spacing: 0.39px;
		margin-bottom: 24px;
	}


	/* Zähler */
	.counter-boxes {
		margin-bottom: 48px;
		max-width: 333px;
	}

	.counter-boxes-item .-counter {
		font-size: 45px;
		line-height: 55px;
		letter-spacing: 0.3px;
	}
	
	.counter-boxes-item .counter-boxes-name {
		font-size: 20px;
		letter-spacing: 0.4px;
		line-height: 30px;
	}


	/* Rocksolid Slider Content */
	.mod_article #MainPageSlideshow {
		height: calc(100vw * (2/3));
		max-height: none;
		margin-bottom: 40px;
	}

	.content-box-background {
		background: rgba(255,255,255,0.8);
		height: 145%;
		width: 135%;
		position: absolute;
		transform: rotate(-45deg) translateX(0%);
		left: -55%;
		top: 0;
	}

	#MainPageSlideshow.page-slide-content-width .content-box-background {
		background: rgba(255,255,255,0.8);
		height: 135%;
		width: 95%;
		position: absolute;
		transform: rotate(-45deg) translateX(20%);
		left: -30%;
		top: 0;
	}

	.slider-contentbox-top {
		max-width: 220px;
	}

	.slider-contentbox-left {
		left: 26px;
		top: 24px;
	}

	.slider-contentbox-top .slider-subheadline {
		font-size: 10px;
		line-height: 12px;
		letter-spacing: 0.36px;
	}

	.slider-contentbox-top .main-message {
		margin: 10px 0px;
	}

	.slider-contentbox-top .main-message p {
		font-size: 1rem;
    	line-height: 20px;
	}

	.slider-contentbox-top .sub-message {
		display: none;
	}

	.slider-contentbox-top .sub-message p {
		font-size: 10px;
		line-height: 15px;
		letter-spacing: 0px;
	}

	.slider-contentbox-top a.slider-linktext {
		padding: 14px 8px;
		letter-spacing: 0px;
		line-height: 0px;
		font-size: 0px;
	}
	
	.slider-contentbox-top a.slider-linktext::after {
		content: "→";
		color: #fff;
		font-size: 21px;
		vertical-align: middle;
		position: relative;
    	top: 50%;
    	transform: translateY(-50%);
	}


	/* Footer */
	#footer,
	.page-footer {
		background: url(/files/Permapack/Icons/footer-tablet.svg);
    	background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center top;
		margin: 100px auto 0px auto;
	}

	#footer #Sitemap,
	.page-footer #Sitemap {
		margin: 0px 26px;
	}

	#cookiewookie_easy .cookiewookie_button {
		margin: 0px auto 30px auto;
		display: block;
	}


	/* Shop CSS */
	/* Infobox Shop */
	.ffsearch .FFSContent .clearfix .mod_article.infokachel {
		margin-bottom: 10px;
	}

	.ffsearch .artCMS .infokachel,
	.ffsearch .infokachel {
		margin-bottom: 0px;
		padding-bottom: 20px;
	}

	.ffsearch .infokachel .slick-list {
		left: 0px;
		margin: -8px;
	}

	
	/* Services Shop */
	.ffsearch .services .slick-list {
		margin: 0px 0px 0px -8px;
	}

	.ffsearch .services,
	.ffsearch .artCMS .services {
		padding-bottom: 0px;
		margin-bottom: 30px;
	}

	.ffsearch .services .slick-slide {
		margin-top: 0px;
	}

	.cms-between .services .slick-list {
		margin: -8px;
	}


	/* Warenkorb */
	.no_small_screen {
		left: -26px;
	}

	.no_small_screen div.Info {
		margin-left: 26px;
		margin-right: 26px;
	}

	#Gesamtpreis {
		padding: 26px;
	}

	/* Warenkorb Mobile */
	.scart-mobile .CCinArticle {
		width: 100%;
	}


	/* Warenkorbschritt 2,3 and thx */
	.ShopFormNB h2.invoice-address,
	.ShopFormNB h2.delivery-address {
		margin: 40px 0px 28px 0px;
	}


	/* Kundenstartseite / Customer */
	h1.InfoHead.MyAccount {
		margin-top: 80px;
		max-width: 100%;
	}

	.customer .content-wrapper > .mod_article .ce_gusset-custom-contactbutton {
		display: none !important;
	}

	#ERPTable .top-products .date-and-price-container .date-and-price > div:nth-child(n+3) {
		display: none;
	}


	/* Fastorder / Schnellbestellung */
	#ScartTable.fastorder:nth-child(2) thead th {
		display: none;
	}

	#ScartTable.fastorder:nth-child(2) tbody tr td:first-child {
		padding: 24px 36.5px 24px 24px;
	}

	.ShopContent.fastorder #ScartTable th, .ShopContent.fastorder #ScartTable td {
		padding: 24px 12px;
	}


	/* Fastoverview Schritt 2 */
	.shop .ShopContent.fastoverview .fastoverview-table:not(#ScartTable) .Article td:before {
		content: none;
	}


	/* Favoritenliste */
	.ShopContent .favo-title,
	.content-h1.InfoHead.MyAccount {
		margin-top: 64px;
	}

	.ShopContent .favo-button-container {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap;
	    align-content: flex-start;
	}

	.ShopContent .favo-button-container .favo-items-marked {
		margin-bottom: 20px;
	}

	.ShopContent input#favolist,
	.ShopContent input#fastorder {
		margin-bottom: 20px;
		margin-right: 0px;
	}


	/* Saved Scart / Gespeicherte Warenkörbe */
	.ShopContent .favo-text {
		margin-bottom: 48px;
	}
	
	.ShopContent .favo-list-options {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
		flex-wrap: nowrap;
		flex-direction: column;
	}

	.ShopContent .favo-list-options > .button {
		margin-bottom: 20px;
	}


	/* Kundenbackend Daten ändern */
	#editform > div:last-child {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	

	/* Kundenbackend Zusätzliche Adressen */
	#ScartTable.addresslist {
		border-left: 0px;
		border-right: 0px;
	}


	/* Newsseite */
	.main-content .mod_article.mod_article.aktuelles .mod_newsarchive article {
		width: 50%;
	}
}


@media screen and (max-width: 690px) {
	.main-content .mod_article.mod_article.aktuelles .mod_newsarchive article {
		width: calc(50% - 32px);
	}
}


@media screen and (max-height: 650px) {
	.bounce-container {
		display: none;
	}
}


@media screen and (max-width: 500px) {
	.main-content .mod_article.mod_article.aktuelles .mod_newsarchive article {
		width: calc(100% - 30px);
		max-width: none;
	}
}


@media screen and (max-width: 420px) {
	/* Kontaktbutton */
	.custom-contactbutton-banner .contactbutton-container {
		margin: 32px 20px 32px 20px;
	}


	/* Footer */
	#footer,
	.page-footer {
		background: url(/files/Permapack/Icons/footer-mobile.svg);
    	background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center top;
		padding-top: 241px;
	}


	/* Rocksolid Slider Content */
	#MainPageSlideshow.page-slide-content-width .content-box-background {
		background: rgba(255,255,255,0.8);
		height: 165%;
		width: 100%;
		position: absolute;
		transform: rotate(-50deg) translateX(25%);
		left: -40%;
		top: 0;
	}


	/* Shop-CSS */
	/* Warenkorb */
	#ScartTable .CCinArticle {
		min-width: 180px;
	}


	/* Favoritenliste */
	form#Favoliste #ScartTable:not(.saved-scart) td:nth-child(2) {
		min-height: 0px;
    	margin: 0px;
	}
}

/* Interaktive Karte */

@media screen and (max-width: 366px) {
    .interactive-map .ce_team-portrait .team-portrait-email {
        margin-bottom: 8px !important;
    }
}
/* Abweichende Adressen */

@media screen and (max-width: 767px) {
    a.contained-button.red.FloatRight.active.addresslist-button {
		float: none;
		text-align: center;
		margin-top: 20px;
		display: block;
		margin: 0 auto;
		margin-top: 20px;
	}

	.info-shipping-list {
		text-align: center;
		float: none;
	}
}

/* 4.21 Anzeige Lieferstatuts */
@media screen and (max-width: 1193px) {
	.det #DetailTable .lieferzeit-symbol {
		display: none;
	}

	.det #DetailTable .lieferzeit-text {
		display: inline-block;
		margin-top: 3px;
		white-space: pre-line;
	}
}


@media screen and (max-width: 370px) {
	.det.priceplugin .pricedelivery {
		width: calc(100% - 240px) !important;
	}
}


/* 4.19 Darstellung Telefonhörer Artikel */
@media only screen and (max-width: 1193px) {
	.det #DetailTable .mobileAdditional.request-item {
		display: block;
	}
	.det #DetailTable td.request-item::before,
	#DetailTable td.request-item span[id^=preis]:after {
		content: none;
	}	

	.det #DetailTable td.request-item::after {
		content: none;
	}

	#DetailTable .contactbutton-phone {
		width: 55px;
		height: 40px;
		margin-top: 5px;
	}
	
	.det #detTab {
		margin-bottom: 84px;
		display: inline-block;
		width: 100%;
	}

	.det .artVideo .artVideoContainer-item-title {
		margin-top: 0;
	}

	.det #DetailTableClone {
		padding-bottom: 10px;
		border-bottom: 1px solid #D2D2D2;
	}

	.det .content-wrapper .artCMS {
		padding-top: 0;
	}

	.det .InnerContainer .flexcontainerMultilist {
		margin: 0 0 84px 0;
	}

	.det #detail-custom-button{
		margin-bottom: 84px;
	}
}



/* 4.13 Breadcrum */
@media screen and (max-width: 767px) {

	#Breadcrum.customer {
		display: none !important;
	}

	.content-h1.InfoHead.MyAccount, .shop .InfoHead.MyAccount.content-h1 {
		margin-top: 60px;
	}
}



/* 4.13 Anzeige Kundenbackendlinks  */

@media screen and (max-width: 1305px){
	.content-wrapper-myaccount .content-row.first {
		margin-right: 128px;
	}
}

@media only screen and (max-width: 1193px) {
	.content-wrapper-myaccount .content-row.first {
		margin-right: 128px;
	}

	.InfoText.MyAccount {
		margin-bottom: 95px;
	}
}


@media only screen and (max-width: 693px) {
	.content-wrapper-myaccount .content-row.first {
		margin-right: 0px;
	}

	.content-wrapper-myaccount {
		justify-content: space-between;
	}
}

@media only screen and (max-width: 595px) {
	.content-wrapper-myaccount {
		flex-direction: column;
	}

	.content-row.second {
		margin-top: 50px;
	}
}



/* 4.13 Anzeige VI-Mitarbeiter */

@media screen and (max-width: 767px) {
    .content-wrapper-contact {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .content-wrapper-contact {
        display: block;
    }
    .ce_custom-contactbutton .contactbutton-container > .contactbutton-contact {
        min-width: 100%;
    }
}

/* Print View */
@media screen and (max-width: 1024px) {
    #PrintView table#DetailTablePrint.ShopTable td {
        display: table-cell !important;
    }
}




/* Login Page */
@media only screen and (max-width: 767px)  {
    #CustAccount #NaviLogin #ansprechpartner {
        display: block;
    }
}

@media only screen and (max-width: 1306px)  {
    #CustAccount #NaviLogin div#article-393 {
        margin-left: 0px;
        margin-right: 0px;
    }
}

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

    #CustAccount form div.login-container {
        width: 100% !important;
    }

    #CustAccount #NaviLogin input.Input.MarginBottom {
        width: 100% !important;
    }

    #CustAccount #NaviLogin input.Input {
        width: 100% !important;
    }

    #CustAccount #NaviLogin div#ansprechpartner {
        width: 100% !important;
        position: relative !important;
        clear: both;
        max-width: unset;
        left: 0px;
        top: 0px;
        margin: auto;
        padding-left: 0px;
        max-width: 145px;
    }

    #CustAccount #NaviLogin .btn-container {
        max-width: 220px;
        text-align: center;
        float: none;
        margin: auto;
        margin-bottom: 50px;
        margin-top: 69px;
    }

    #CustAccount #NaviLogin input.Input {
        margin-bottom: 20px;
    }

    #CustAccount form div.login-container .password-container .login-fail-message {
        text-align: center;
		max-width: unset;
    }

  
    #CustAccount #NaviLogin #ansprechpartner .content-h3 {
        margin-bottom: 0px;
        font-size: 14px;
        text-align: center;
        font-family: 'Helvetica Neue LT W05 45 Light';
        line-height: 21px;
        letter-spacing: 0.42px;
    }

    #CustAccount #NaviLogin .lostpw {
        margin-top: 24px;
        margin-bottom: 64px;
    }

    #CustAccount #NaviLogin #ansprechpartner .Searchbutton {
        width: 100%;
        text-align: center;
        border: 0px;
        max-width: 100%;
        background: none;
        padding: 0px;
        margin: 0px;
        text-transform: none;
        font-family: 'Helvetica Neue LT W05 45 Light';
        text-decoration: underline;
    }
}