.invisible, .realinvisible {
	display: none;
}

.block {
	display: block;
	overflow: visible;
}

.fromTablet, .back-to-top, #LogoBW, #ScartInfo .SmartphoneAmount, #MainNavi .navi-logo, #UserNavi #ScartScroll {
	display: none;
}

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/Ubuntu-R.ttf");
}
@font-face {
    font-family: 'Ubuntu-Light';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/Ubuntu-L.ttf");
}

body, .main-content {
	font: 16px/20px Ubuntu;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?814wz2');
	src: url('fonts/icomoon.eot?814wz2#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?814wz2') format('truetype'), url('fonts/icomoon.woff?814wz2') format('woff'), url('fonts/icomoon.svg?814wz2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ico-"], [class*=" ico-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#ERPTable td {
	padding: 0.375em 0.625em;
}

.ico-home3:before {
	font-size: 1.55em;
	height: 15px;
	text-align: center;
	padding: 0 1.2em;
}

/* same as font-awesome */
.icom {
	display: inline-block;
	font: normal normal normal 1em/1 icomoon;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#Navi .main-navigation li.ico-home3 a {
	font-size: 0px;
	content: "";
	line-height: 24px;
	padding: 0px;
	margin: auto;
}

#Navi .main-navigation li.ico-home3 a::before {
	width: 40px;
	content: "\e901";
	font-family: icomoon;
	font-size: 24px;
	padding: 0px;
}

#Navi .main-navigation li.ico-home3 a:hover {
	color: #fff;
}

.fa {
	font: normal normal normal 1em/1 icomoon;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.icon-history-solid:before, .fa-history:before {
	content: "\e928";
}

.ico-config:before {
	content: "\e924";
}

.ico-refresh:before, .fa-refresh:before {
	content: "\e929";
}

.ico-file:before, .fa-file-o:before {
	content: "\e92b";
}
.ico-caret-square-up:before {
	content: "\e925";
}

.ico-caret-square-down:before {
	content: "\e927";
}

.ico-wrench-solid:before, .fa-wrench:before {
	content: "\e923";
}

.ico-info-circle-solid:before, .fa-info-circle:before {
	content: "\e91a";
}

.ico-check-circle-regular:before, .fa-check-circle:before {
	content: "\e91b";
}

.ico-times-circle-regular:before, .fa-times-circle:before {
	content: "\e91c";
}

.ico-tag-solid:before, .fa-tag:before {
	content: "\e91d";
}

.ico-chart-line-solid:before, .fa-line-chart:before {
	content: "\e91e";
}

.ico-star-solid:before, .fa-star:before {
	content: "\e90e";
}

.ico-chart-bar-regular:before, .fa-bar-chart-o:before {
	content: "\e90f";
}

.ico-sliders-h-solid:before, .fa-sliders:before {
	content: "\e910";
}

.ico-info-solid:before, .fa-info:before {
	content: "\e913";
}

.ico-users-solid:before, .fa-users:before {
	content: "\e914";
}

.ico-euro-sign-solid:before, .fa-euro:before {
	content: "\e915";
}

.ico-truck-solid:before, .fa-truck:before {
	content: "\e916";
}

.ico-cart-plus-solid:before, .fa-cart-plus:before {
	content: "\e917";
}

.ico-facebook-f-brands:before {
	content: "\e90c";
}

.fa-facebook:before {
	content: "\e90c";
	font-size: 19px;
	line-height: 30px;
}

.ico-xing-brands:before {
	content: "\e90d";
}

.fa-xing:before {
	content: "\e90d";
	font-size: 19px;
	line-height: 30px;
}

.ico-shopping-cart:before {
	content: "\e904";
}

.fa-shopping-cart:before {
	content: "\e904";
	font-size: 32px;
	font-family: icomoon;
}

.customerShoppingcart:before {
	content: "\e904";
	font-size: 140px;
	height: 150px;
}

.ico-comments-regular:before {
	content: "\e90a";
}

.fa-comments-o:before {
	content: "\e90a";
	font-size: 32px;
}

.ico-clock-regular:before, .fa-clock-o:before {
	content: "\e911";
	font-size: 16px;
}

.ico-copy-regular:before, .fa-files-o:before {
	content: "\e90b";
}

.ico-angle-doubleright:before {
	content: "\e909";
}

.ico-home3:before {
	/*  content: "\e901";*/
}

.ico-key:before {
	content: "\e902";
}

.ico-cart:before {
	content: "\e904";
	font-size: 32px;
}

.ico-pencil:before, .fa-pencil-square-o:before, .fa-pencil:before {
	content: "\e905";
}

.ico-angle-down-solid:before, .fa-angle-down:before {
	content: "\e900";
}
.fa-angle-up:before {
	content: "\e92a";
}

.ico-angle-left-solid:before {
	content: "\e903";
}

.ico-angle-up-solid:before {
	content: "\e906";
}

.ico-angle-right-solid:before, .fa-angle-right:before {
	content: "\e907";
}
.ico-angle-left-solid:before, .fa-angle-left:before {
	content: "\e907";
	transform: rotate(180deg);
}

.ico-book-solid:before, .fa-fastpage:before {
	content: "\e91f";
}

.ico-envelop:before {
	content: "\e945";
}

.ico-eye-slash-regular:before, .fa-eye-slash:before {
	content: "\e921";
}

.ico-eye-regular:before, .fa-eye:before {
	content: "\e922";
}

.ico-calendar:before {
	content: "\e953";
}

.ico-file-text2:before {
	content: "\e926";
}

.ico-menu:before {
	content: "\e9bd";
}

.ico-printer:before, .fa-print:before {
	content: "\e954";
}

.ico-search:before {
	content: "\e908";
}

.ico-bin:before, .fa-trash:before, .fa-trash-o:before {
	content: "\e9ac";
}

.ico-switch:before {
	content: "\e9b6";
}

.ico-list:before, .fa-list:before {
	content: "\e9ba";
}

.ico-list2:before, .fa-list-ul:before {
	content: "\e9bb";
}

.ico-link-solid:before, .fa-link:before {
	content: "\e920";
}

.ico-download3:before, .fa-file-image-o:before {
	content: "\e9c7";
}

.ico-upload3:before {
	content: "\e9c8";
}

.ico-sphere:before {
	content: "\e9c9";
}

.ico-plus:before, .fa-plus-square:before {
	content: "\ea0a";
}

.ico-minus:before, .fa-minus-square:before {
	content: "\ea0b";
}

.icon-cancel-circle:before {
	content: "\ea0d";
}

.ico-cross:before, .fa-times:before {
	content: "\ea0f";
}

.ico-check:before, .fa-check:before {
	content: "\ea10";
}

.ico-enter:before, .fa-sign-in:before {
	content: "\ea13";
}

.ico-exit:before {
	content: "\ea14";
}

.ico-arrow-up2:before {
	content: "\ea3a";
}

.ico-arrow-right2:before {
	content: "\ea3c";
}

.ico-arrow-down2:before {
	content: "\ea3e";
}

.ico-arrow-left2:before {
	content: "\ea40";
}

.ico-circle-up:before {
	content: "\ea41";
}

.ico-circle-right:before {
	content: "\ea42";
}

.ico-circle-down:before {
	content: "\ea43";
}

.ico-circle-left:before {
	content: "\ea44";
}

.ico-table2:before {
	content: "\ea71";
}

.ico {
	width: 16px;
	height: 16px;
}


html, body {
	/*background: #e00;   */
	-webkit-font-smoothing: antialiased;
}

img, a img {
	border: none;
}

ol, ul {
	list-style: none outside none;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	cursor: pointer;
	color: #006bbb;
	text-decoration: none;
}

img {
	border: none;
}

.ClearLeft {
	clear: left;
}

.ClearRight {
	clear: right;
}

.ClearBoth {
	clear: both;
}

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}

.MarginBottom {
	margin-bottom: 20px;
}

.MarginBottom5 {
	margin-bottom: 5px;
}

.MarginRight {
	margin-right: 2%;
}

.MarginLeft {
	margin-left: 2%;
}

.MarginTop5 {
	margin-top: 5px;
}

.MarginTop10 {
	margin-top: 10px;
}

.MarginBottom10 {
	margin-bottom: 10px;
}

.Padding5 {
	padding: 5px;
}

.PaddingBottom10 {
	padding-bottom: 10px;
}

.Padding0 {
	padding: 0;
}

.BorderBottom {
	border-bottom: 6px solid #d8d8d8;
}

.Block {
	display: block;
}

.inline-block {
	display: inline-block;
}

a:focus {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

.Top {
	vertical-align: top;
}

.Bottom {
	vertical-align: bottom;
}

.BottomRight {
	position: absolute;
	bottom: 10px;/*right:10px;*/
}

.Nowrap {
	white-space: nowrap;
}

header, nav, section, article, aside, footer {
	display: block;
}

h2 {
	position: relative;
	/*font-size: 3em;*/
	margin: 0 0 20px 0;
}

h3 {
	position: relative;
	/*font-size: 1.8em;*/
	margin: 0 0 20px 0;
}

p {
	margin-bottom: 1em;
}

aside h1 {
	text-transform: uppercase;
}

/*-------------------------------------*/
/* Standardklassen Forms */
/*-------------------------------------*/
html select, html input, html textarea {
	border: 1px solid #ccc;
	padding: 3px;
	color: #000;
	padding: 0.5em;
	border-radius: 0;
}

.FloatingButtonRight {
	right: 0px;
	top: 220px;
	position: fixed;
	width: 30px;
	height: 90px;
	z-index: 4000;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.floatingMenuContact {
	top: 280px;
	right: -305px;
}

.floatingMenuContactActive {
	top: 280px;
	right: 0px;
}

.floatingMenuContact:hover {
	right: -292px;
}

.floatingEffect {
	-webkit-transition: right 0.5s; /* Safari prior 6.1 */
	transition: right 0.5s;
}

body.safari .floatingMenuContact {
	top: 320px;
	right: -303px;
}

body.safari .floatingMenuAktionen {
	right: -15px;
}

#DemoShopNote {
	clear: left;
	background: white;
	border: 1px solid #333;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
	margin: 0 0 10px 0;
	line-height: 1.5em;
}

.error404 {
	height: 180px;
	background: url(/tradepro/shop/layout/404-grafik.jpg) bottom right no-repeat #f3f3f3;
}

.error, .errorNoScroll {
	/*line-height: 2em;*/
}

.errorSerps {
	background: url(/tradepro/shop/layout/suchfehler-grafik-resp.jpg) center right no-repeat #fff;
}

.error404-resp {
	background: url(/tradepro/shop/layout/404-grafik-resp.jpg) bottom right no-repeat #fff;
	min-height: 390px;
}

.error p {
	width: 50%;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 7000;
	height: 51px;
}

.floatingMenuAktionen {
	top: 180px;
	right: -16px;
	background-color: #c41522;
	width: 40px;
}

.floatingMenuAktionen > a {
	text-decoration: none;
	text-indent: 24px;
}

.floatingMenuAktionen:hover {
	right: 2px;
}

.floatingPlaceholder {
	width: 129px;
	height: 70px;
}

.floatingMenu {
	pointer-events: none;
	position: fixed;
	z-index: 4000;
	cursor: pointer;
	display: block;
}

.floatingMenu > table {
	border-spacing: 0;
	border: 0px;
	padding: 0px;
	z-index: 100;
	position: relative;
}

.floatingMenu table {
	background: transparent;
}

.floatingMenu .trigger {
	/* background-color: #e31d3c; */
	vertical-align: top;
}

.floatingMenu table td {
	padding: 0;
}

.floatingTriggerBasic {
	background-color: #1782c5;
	color: #fff;
	pointer-events: all;
	overflow: hidden;
}

.floatingTextRotated {
	transform: rotate(-90deg);
	color: #fff;
	z-index: 9999;
	width: 90px;
	height: 88px;
	display: block;
	font-size: 1em;
	text-align: center;
	padding: 1px;
	white-space: nowrap;
}

.floatingTextSalesContact {
	width: 52px;
	text-indent: -10px;
	height: 140px;
	padding-top: 88px;
	margin-left: -70px;
	margin-top: 0px;
	padding-right: 107px;
}

/* definiert die maxBreite der Box */
.floatingPlaceholder {
	width: 250px;
	height: 10px;
	display: block;
}

.floatingMenu .content {
	background-color: #fff;
	pointer-events: all;
}

.floatingMenu .floatingMenuContent {
	padding: 5px 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	min-height: 155px;
	width: 292px;
}

#floatingMenuContent {
	z-index: 4001;
}

.floatingMenu .content ul li {
	padding: 10px 0;
}

.floatingMenu h4 {
	font-size: 1.3em;
}

.floatingMenu h5, .floatingMenu h4 {
	margin: 0;
}

.floatingMenu h5, .floatingMenu p {
	margin-top: 0;
	font-size: 1em;
}

#floatingMenuTele {
	z-index: 10;
	position: relative;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	margin: 0px 37px;
	text-align: center;
	top: -45px;
	width: 240px;
}

.floatingMenu table td {
	padding: 0;
}

.FloatingButtonRight:hover {
	right: 0px;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.wrapper {
	position: relative;
	margin: 0 auto;
}

.FFSContent {
	float: right;
	width: 75%;
	position: relative;
}

/* Shop-Buttons */
button, html .button, html input.submit, .feature-box-link {
	padding: 10px 30px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border: 1px solid #000;
	white-space: nowrap;
	color: #000;
	font-size: 1em;
	cursor: pointer;
	border-radius: 0px;
	box-shadow: none;
	text-shadow: none;
	/*text-transform: initial;*/
	box-shadow: none;
}

html .button-icon {
	padding: 10px 15px;
}

html .button-icon:hover i {
	color: #fff;
}

html .button:hover, html input.submit:hover, html .button:focus, html .button:active, html .button.active, .feature-box-link:hover {
	background: #0075BC;
	border: 1px solid #0075BC;
	color: #fff;
}

html .button_blue {
	color: #fff;
	background-color: #0075bc;
	border: 1px solid #0075bc;
}

html .button_small {
	font-size: 1.2em;
	padding: 0.4em;
	line-height: 1em;
	margin: 0.1em;
}

.buttonRubView {
	font-size: 1.2em;
	padding: 0.4em;
	margin-right: 0.2em;
}

html .button_x-small {
	font-size: 0.8em;
	padding: 0.4em;
	line-height: 1em;
}

html .button:hover {
	color: white;
	text-decoration: none;
	cursor: pointer;
}

button.-small, .button.-small, input[type="submit"].-small {
	padding: 0.16em 0.57em;
	font-size: 1em;
}

.buttoninactive {
	background-color: #e3e3e3;
	background-image: none;
	color: #333;
	cursor: default;
}

.back-to-top {
	display: none;
}

.back-to-top a:after {
	z-index: 9999;
	font-family: 'icomoon';
	font-size: 3em;
	content: "\e906";
	color: #363636;
	padding: 2px 10px;
	line-height: 100%;
	background: rgba(250, 250, 250, 0.7);
	border: 1px solid #ccc;
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.ShopTable {
	position: relative;
	clear: both;
	width: 100%;
	margin: 20px 0;
	border-collapse: separate;
	border-bottom: 1px solid #ccc;
	border-radius: 0px;
}

.ShopTable td {
	/*padding: 0.375em 0;*/
}

#InfoDemoShop {
	position: relative;
	top: 2.5em;
}

/* Umschaltung kleine oder große Ansicht */
.mega-dropdown {
	max-width: 1920px;
}

.fixedscreen .mega-dropdown {
	max-width: 1920px;
}

.fixedscreen #Navi, .fixedscreen .StartContent, .fixedscreen .wrapper, .fixedscreen .page-header, .fixedscreen .SiteContainer, .fixedscreen #eprocMainNav {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.fixedscreen .SiteContainer {
	max-width: 1215px;
}

.widescreen #eprocMainNav {
	max-width: 1800px;
	padding-left: 10px;
	padding-right: 10px;
}

.widescreen #Navi, .widescreen .StartContent, .widescreen .wrapper, .widescreen .page-header, .widescreen .SiteContainer, .artCMS {
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	position: relative;
}

.widescreen .SiteContainer {
	max-width: 1815px;
}

.widescreen #Navi {
	padding-left: 3px;
	padding-right: 3px;
}

#UserNavi .sf-menu {
	position: relative;
	height: 40px;
	display: block;
}

#UserNavi .sf-menu .level2 {
	left: -60px;
}

#UserNavi .sf-menu .loginCMS {
	background-color: #fff;
	left: -130px;
	border: 1px solid #f1f1f1;
}

.small_size {
	height: 375px;
	width: 1200px;
}

.big_size {
	width: 1800px;
	height: 600px;
}

.widescreen .block_rechts, .widescreen .block_links {
	display: none;
}

.fixedscreen .block_rechts_flex, .fixedscreen .block_links_flex {
	display: none;
}

.image_container video {
	display: block;
	width: 100%;
	height: auto;
}

html table, html table th, html table td {
	border: none;
}

html table {
	/* border-bottom: 1px solid #ccc; */
	/* border-top: 1px solid #ccc; */
}

/*-------------------------------------*/
/* Shop-Layout */
/*-------------------------------------*/
html {
	margin-bottom: 20px;
}

body {
	border-top: 5px solid #0075bc;
	margin: 0px;
	background-attachment: fixed;
}

html, body {
	font-size: 1em;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

.SiteContainer {
	position: relative;
	margin: auto;
	background: rgba(255,255,255,0.9);
	border: none;
	padding: 15px;
}

.shop a[target="_blank"]::after {
	display: none;
}

/* Highlight Attribute über Suchergebnis */
.hla {
	background: #fff;
	padding: 1em;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	margin-bottom: 2.25em;
}

.hla strong {
	background: #0274bc;
	display: block;
	padding: .333em .333em .333em 1em;
	color: #fff;
	font-weight: normal;
	margin: -1em -1em .5em -1em;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.hla a {
	min-width: 10%;
	margin: 1% 1% 0 0;
	color: #666;
}

.hla a.active:after {
	display: inline-block;
	float: right;
	font-family: "icomoon";
	content: "\e91c";
	color: #fff;
	margin-left: .5em;
}

.hla a img {
	display: block;
	max-height: 120px;
	margin-bottom: .5em;
	margin-left: auto;
	margin-right: auto;
}

html .hla .button {
	transition: background 0.3s ease-in-out;
}

/* ------------------------------------------------------------------------------ */
/* Meta Menu*/
.meta-menu-container {
	padding: 2px 0;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

.meta-menu-container ul.meta-menu {
	margin-top: 2px;
	margin-bottom: 2px;
	width: 100%;
	text-align: right;
}

.meta-menu-container ul.meta-menu li {
	list-style: none;
	display: inline;
}

.meta-menu-container ul.meta-menu li a {
	color: #333;
	font-size: 14px;
}

.meta-menu-container ul.meta-menu li:after {
	content: "|";
	margin: 0 5px 0 10px;
}

.meta-menu-container ul.meta-menu li:last-child:after {
	content: " ";
	margin: 0 0 0 10px;
}

/* ------------------------------------------------------------------------------ */
/* Header */
header {
	height: 117px;
	z-index: 7000;
	background-color: #fff;
}

/* Header Logo */
#LogoDivHeader {
	position: absolute;
	top: 10px;
	left: 12px;
	margin-top: 0;
}

#Logo {
	width: 79px;
	height: 64px;
	background: url('/tradepro/shop/layout/Logo_change.png') top left no-repeat;
}

/* Header FactFinder */
#FactFinder {
	position: absolute;
	top: 26px;
	left: 50%;
	margin-left: -341px;
	width: 550px;
	border-bottom: 1px solid white;
}

#FactFinder input {
	top: 0;
	left: 0;
	margin: 0;
	height: 42px;
	/*padding:5px 1%;*/
	font-size: 1em;
	border: 1px #CCCCCC;
	border-style: solid;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

header #FFquery {
	width: 97%;
}

#FactFinder button {
	position: absolute;
	top: 0px;
	right: -20px;
	width: 7%;
	margin: 0;
	font-size: 1em;
	color: white;
	height: 42px;
	background: #0075bc;
	border-radius: 0px 3px 3px 0px;
	padding: 0px;
	border: 0px;
}

#ScartInfo .scartcounternumber, 
.scartcounternumber {
	width: 26px;
	height: 26px;
	display: block;
	border-radius: 100%;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	text-align: center;
	background: #0075BC;
	position: relative;
	top: -15px;
	left: -13px;
}

#FactFinder button i {
	font-size: 1.4em;
	padding: 0.5em 10px;
	color: #fff;
}

#suggestLayer {
	max-width: 650px;
	top: 70px;
	left: 50%;
	margin-left: -341px;
}

.isSlc {
	color: #01a000;
	line-height: inherit;
	vertical-align: text-top;
	margin-right: 5px;
}

/* Header Warenkorb */
#ScartInfo {
	position: absolute;
	right: 30px;
	top: 26px;
	width: 45px;
	height: 42px;
}

#ScartInfo i {
	color: #000;
	float: left;
	font-size: 2em;
	padding: 4px 6px;
	margin-left: 5px;
}

#ScartInfo:hover, #ScartInfo a:hover {
	text-decoration: none;
	color: #000;
}

#ScartInfo p {
	margin: 0;
	font-weight: normal;
	color: #000;
}

#ScartInfo a p span {
	font-size: 1em;
}

#ScartInfo a p > span {
	font-size: 1.35em;
	display: block;
	padding: 6px 20px 8px 50px;
	text-align: right
}

#ScartInfo .SmartphoneAmount {
	display: none;
}

#ScartItemDetails {
	position: absolute;
	width: 130%;
	top: 40px;
	z-index: 2000;
	box-sizing: border-box;
	border-radius: 0 0 3px 3px;
	display: none;
	right: 0;
}

#Navigationbar {
	width: 100%;
	margin-bottom: 10px;
	overflow: visible;
	background: linear-gradient(to bottom, rgba(255,255,255,1)90%, rgba(255,255,255,0.25)7% ,rgba(0,0,0,0.15)2%);
	padding-bottom: 5px;
}

#Navigationbar div {
	color: #333;
}

#Navigationbar .block {
	overflow: visible;
}

#Navigationbar .main-navigation {
	height: auto;
	padding: 0;
	position: relative;
	z-index: 1550;
	text-transform: uppercase;
}

.main-navigation .login-open {
	opacity: 1;
	max-height: 9999px;
	pointer-events: auto;
	padding: 14px 16px;
}

.main-navigation .login-button-open {
	background-color: #0075BC;
}

.main-navigation .login-button-open > a, .main-navigation .login-button-open > i {
	color: #fff;
}

.dynamicsearch-campaign {
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	margin-bottom: 15px;
	padding: 15px;
	position: relative;
}

.dynamicsearch-campaign-icon {
	font-size: 50px;
	width: 50px;
	left: 15px;
	top: -10px;
	position: absolute;
	color: #737373;
}

.dynamicsearch-campaign-question {
	font-size: 20px;
	font-weight: bold;
	margin-left: 60px;
	min-height: 45px;
	color: #737373;
}

.dynamicsearch-campaign-answers {
	margin-left: 60px;
}

.dynamicsearch-campaign-answer {
	display: inline-block;
}

.dynamicsearch-campaign-answer a, .dynamicsearch-campaign-answer a:visited {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-right: 5px;
	padding: 10px 15px;
	text-decoration: none;
}

.dynamicsearch-campaign-answer a:hover, .dynamicsearch-campaign-answer a:focus {
	background-color: #0075bc;
	color: #fff;
}

.dynamic_score {
	text-align: center;
	width: 100px;
	height: 22px;
	padding: 2px;
	margin: 0;
	background-color: #f00;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}

.shop .ce_text h1 {
	/*font-size: 30px;*/
	color: #666;
}

.block_links {
	width: 300px;
	height: 50px;
	position: absolute;
	left: -305px;
}

/* in den Flex-box Bereich */
.block_rechts {
	width: 300px;
	height: 50px;
	position: absolute;
	right: -305px;
}

.main-navigation > ul > li.-mega {
	position: static;
}

.main-navigation > ul > li > ul li {
	border-bottom: none;
}

#ResponsiveButton {
	display: none;
	color: #fff;
	cursor: pointer;
}

#Navi {
	margin: auto;
	display: block;
	height: 40px;
}

#Navi i {
	font-size: 1.0em;
	color: #333;
}

.ico-key {
	margin-left: -10px;
	color: #333;
}

#MainNavi {
	display: block;
	float: left;
	width: 69%;
}

/* ICONS IM NAVI */
#Navi .main-navigation li.fa::before {
	display: none;
}

#Navi .main-navigation li a.fa::before {
	color: #333;
	font-family: FontAwesome;
	font-size: 20px;
	margin-top: 10px;
	text-indent: 0;
}

#Navi .main-navigation li.fa a {
	font-size: 0;
	text-indent: -1000px;
}

#Navi .main-navigation li a.fa {
	width: 40px;
}

#UserNavi {
	display: block;
	float: right;
	width: 29%;
}

#UserNavi .level_2 {
	left: -56px;
}

#navLogin .level_2 {
	left: -129px;
	background-color: #fff;
}

#navLogin {
	padding-left: 7px;
}

#Navi .level1 > li > a, #Navigationbar .level_1 > li > a {
	display: block;
	color: #333;
	text-align: center;
	content: "\e901";
}

#Navi .level1 > li > a:hover, #Navigationbar .level_1 > li > a:hover {
}

#Navi a {
	color: #fff;
}

#Navi .lostpw a {
	background-color: #fff;
	color: #000;
}

.level_2.split {
	width: auto;
}

.main-navigation a:before, .main-navigation span.active:before, .main-navigation span.trail:before, .main-navigation span.forward:before {
	content: none;
	display: none;
}

.main-navigation ul {
	display: inline;
	margin: 0;
	padding: 0;
}

.main-navigation > ul > li {
	position: relative;
	height: 100%;
}

#MainNavi > ul > li {
	float: left;
	padding-top: 6px;
}

#UserNavi > ul > li {
	float: right;
	padding-top: 6px;
}

.no_small_screen {
	display: block;
}

.small_screen {
	display: none;
}

.main-navigation > ul > li.-mega {
	position: static;
}

.main-navigation > ul > li:hover, .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > a > i {
	background: #0075BC;
	color: #fff !important; /* ein Beispiel für ein sinnvolles !important */
}

.main-navigation > ul > li:before {
	position: absolute;
	top: 50%;
	left: -1.1em;
	margin-top: -0.55em;
}

.main-navigation > ul > li > a, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward {
	position: relative;
	float: left;
	height: 100%;
	padding: 0 8px;
	font-size: 17px;
}

.main-navigation > ul > li > ul {
	position: absolute;
	top: 100%;
	left: 0px;
	display: block;
	overflow: hidden;
	max-height: 0;
	min-width: 11.25em;
	padding: 0;
	background: #0075BC 0% 0% no-repeat padding-box;
	opacity: 0;
	pointer-events: none;
}

.main-navigation > ul > li > ul li {
	position: relative;
	display: block;
	border-bottom: none;
	white-space: nowrap;
}

.main-navigation > ul > li > ul a, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward, #UserNavi #NaviLogin {
	position: relative;
	display: block;
	padding: 0.21429em 0.42857em;
	margin: 0;
	font-size: 0.875em;
}

.main-navigation > ul > li > ul a {
	border-radius: 3px;
	color: #fff;
	text-transform: none;
	background: none;
}

.main-navigation > ul > li > ul a:hover {
	background: none;
}

.main-navigation > ul > li.last > ul {
	left: auto;
	right: 0;
}

.widescreen .mega-dropdown {
	padding-left: 60px;
	padding-right: 60px;
}

.mega-dropdown {
	position: absolute;
	width: 100vw;
	left: 0px;
	top: 100%;
	display: block;
	overflow: hidden;
	border-top: 0px solid #6d6d6d;
	font-size: 0.875em;
	background: #363636;
	opacity: 0;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
}

.main-navigation > ul > li > a:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after {
	border-top: none;
	top: 0;
}

.mega-dropdown .rs-column.-large-col-1-1 {
	width: auto;
	background: #fff;
}

.mega-dropdown-column {
	list-style: none;
	flex-wrap: wrap;
	margin: 20px 0 0 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	width: 100%;
}

.mega-dropdown-column ul a {
	padding: unset;
	padding-left: 5px;
	padding-right: 5px;
	height: 1.12 vw;
}

.mega-dropdown-column ul a:hover {
	color: #f1f1f1;
}

#Navi .mega-dropdown {
	background: #0075BC 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
}

.fixedscreen #Navi .mega-dropdown {
	max-width: 1200pX;
	margin-left: auto;
	margin-right: auto;
}

#Navigationbar ul.level_1 {
	display: block;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#Navigationbar ul.productsnav {
	list-style: none;
	flex-wrap: wrap;
	margin: 20px 0 0 0;
	padding: 0;
	display: grid;
	grid-template-rows: auto auto auto auto;
	grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
	width: 100%;
}

.main_category a:hover {
	text-decoration: underline;
}

.main_category {
	white-space: nowrap;
	flex: 1;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	max-width: 260px;
	text-transform: none;
}

#Navigationbar ul.productsnav.level_2 ul.level_3 ul.level_4 {
	display: none;
}

#Navi > nav > ul > li > ul > li > a:before {
	position: absolute;
	font-family: "icomoon";
	content: "\e907";
	display: block;
	margin-right: 24px;
	text-indent: -14px;
}

/* Navigation über mehrere Kategorieebenen */
/* Header: 2 Ebenen anzeigen*/
#Navigationbar ul.productsnav.level_2 ul {
	list-style: none;
	flex-wrap: wrap;
	padding: 0;
	display: flex;
	flex-direction: row;
	width: 100%;
	font-size: 13px;
	font-weight: normal;
}

.main_category a::before {
	display: inline-block;
}

#Navigationbar ul.level_2 {
	overflow: visible;
}

#Navigationbar ul.productsnav li > ul.level_3 {
	display: block;
}

#Navigationbar ul.productsnav li > ul.level_3  a::before {
	display: inline-block;
	content: "»";
}

#Sitemap ul.split {
	float: left;
}

div#languages {
	float: right;
	position: absolute;
	width: 100%;
	display: none;
}

.UserBoxStartseite {
	float: right;
	width: 23%;
}

.UserBoxStartseite > * {
	padding: 10px;
}

.UserBoxStartseite .LoginBoxStartseiteContent {
	background-color: #f1f1f1;
	border: 1px solid #d3d3d3;
	border-top: 0;
	border-bottom: 0;
}

.UserBoxStartseite h3 {
	color: #fff;
	background-color: #0075bc;
	border-radius: 3px 3px 0 0;
	margin-bottom: 0;
	/*font-size: 1.2em;*/
}

.UserBoxStartseite h3 span {
	display: block;
	font-size: 0.75em;
	color: #fff;
}

.UserBoxStartseite .LoginBoxButtons {
	border: 1px solid #d3d3d3;
	background-color: #f1f1f1;
	padding: 0;
	border-radius: 0 0 3px 3px;
}

.UserBoxStartseite button {
	width: 100%;
	border-radius: 0;
}

.UserBoxStartseite .button i {
	color: #006bbb;
}

.UserBoxStartseite .button_two {
	width: 49%;
	float: left;
	border-radius: 0px;
	padding: 10px 0px;
	margin: 0px;
	border: 0;
	display: block;
	overflow: hidden;
}

.UserBoxStartseite a.button_two {
	font-size: 0.8em;
}

.UserBoxStartseite .button_first {
	float: left;
	border-radius: 0 0 0 3px;
}

.UserBoxStartseite .button_second {
	float: right;
	border-radius: 0 0 3px 0;
}

.UserBoxStartseite .LoginBoxButtons:after {
	content: " ";
	clear: both;
	display: block;
}

.UserBoxStartseite input {
	box-sizing: border-box;
	width: 100%;
}

.UserBoxStartseite form > div {
	margin: 10px 0;
}

#LoginToggle {
	border-radius: 3px;
	cursor: pointer;
}

#LoginToggle.active {
	border-radius: 3px 3px 0 0;
}

.login-toggle {
	background: url("/tradepro/shop/layout/login-toggle.gif") no-repeat scroll left top transparent;
	height: 18px;
	position: absolute;
	right: 15px;
	top: 13px;
	width: 18px;
	cursor: pointer;
}

#LoginToggle.active .login-toggle {
	background-position: left bottom;
}

#MainPageSlideshow {
	position: relative;
	overflow: hidden;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	top: -10px;
}

.fixedscreen #MainPageSlideshow {
	max-width: 1200px;
}

.slider-content {
	position: absolute;
	width: 95%;
	left: 0px;
}

.slider-content.sc-top {
	top: 0px;
}

.slider-content.sc-left {
	left: 0px;
}

.slider-content.sc-right {
	right: 0px;
	text-align: right;
	left: auto;
}

.slider-content h1 {
	/*font-size: 26px;*/
	font-weight: normal;
}

.slider-content.sc-w30 {
	width: 30%;
}

.slider-content.sc-w70 {
	width: 70%;
}

#MainPageSlideshow .ce_text.slider-content {
	/*	background-color: rgba(255,255,255,0.5);
	 padding: 10px;  */
	margin: 1em;
}

.ShopContent {
	float: left;
	/* width: calc(100% - 287px); */
}

.FFBlock {
	background-color: #fff;
	display: block;
}

#SearchResult a {
	margin-left: 0;
	margin-right: 0;
}

#SearchResult {
	padding-left: 5px;
	margin-top: 0;
}

#RubView li {
	background-color: #fff;
}

.StartContent #RubView li {
	width: 18.4%;
}

#RubView li ins {
	font-size: 1.2em;
	display: block;
	text-align: center;
	color: #333;
}

.artCMS #RubView li ins {
	height: 28px;
}

#RubView li .item-overlay-shop, #RubView .offerItem .item-overlay-shop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#RubView .banner, #DetailImageContainer .banner, #ListView .banner {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 0 0 5px 0;
}

.banner_new, .banner_neuheit {
	background-color: #07C1A1;
	color: #fff;
}

.banner_aktion {
	background-color: #E4225D;
	color: #fff;
}

.main-content .ArticleElement, .galerie .ArticleElement {
	width: 220px;
	display: flex;
	position: relative;
	border: 1px solid #f1f1f1;
	overflow: hidden;
	-moz-hyphens: auto;
	float: left;
	overflow: hidden;
	padding-top: 10px;
	word-wrap: break-word;
	margin-bottom: 20px;
	margin-right: 10px;
}

.articlelist .btn-container {
	bottom: 31px;
	padding-bottom: 0;
}

.offerItem .btn-container .button {
	min-width: 32px;
	height: 32px;
}

#RubView {
	margin-bottom: 20px;
}

.alignCMSprice {
	height: unset;
}

.block_links_flex {
	flex-shrink: 1;
	padding-right: 5px;
}

.block_rechts_flex {
	flex-shrink: 1;
	padding-left: 5px;
}

.flexblock {
	min-width: 260px;
	max-width: 300px;
	margin-top: 20px;
}

.flexcontainerMultilist {
	list-style: none;
	flex-wrap: wrap;
	margin: 20px 0 0 0;
	padding: 0;
	grid-template-rows: auto auto auto auto;
	grid-template-columns: 25% 25% 25% 25%;
	width: 100%;
}

.flexcontainer, .articlelist {
	list-style: none;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
}

.FFS-Flex {
	display: flex;
	background-color: transparent;
}

.innerBox {
	background-color: #fff;
	height: 260px;
	overflow: hidden;
	/* border: 1px solid #f1f1f1; */
	background-color: #fff;
}

.addProductsFrame {
	height: 320px;
}

.artCMS .addProductsFrame {
	height: 340px;
}

.FFSContent #RubView li  {
	transition: border 0.3s ease-in-out 0.1s;
}

.FFSContent #RubView li .innerBox {
	transition: height 0.3s ease-in-out;
}

.FFSContent #RubView li:hover .innerBox {
	border: 1px solid #fff;
	height: 375px;
	overflow: hidden;
}

#RubView li:hover .itemContent {
	z-index: 1700;
}

.ias-noneleft {
	width: 100%;
}

.FFSContent #RubView li, #RubView #TopProducts li, .ShopContent #RubView li, .StartContent #RubView li, #RubView .offerItem {
	margin: 0px;
	flex: 1 1 0px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	min-width: 196px;
	position: relative;
	overflow: hidden;
	margin-bottom: -80px;
}

#RubView > div .offerItem, #RubView > div  .offerItem:hover, .artCMS #RubView .offerItem {
	margin-bottom: 0px;
}

.artCMS #RubView .offerItem {
	height: 354px;
}

.RubViewForm {
	margin-top: unset;
	margin-bottom: unset;
}

.offerItem {
	min-width: unset;
}

.StartContent #RubView li, .artCMS #RubView li, .DetailCrossList .offerItem {
	flex: 1;
	min-width: 240px;
}

.artCMS #RubView li {
	width: 220px;
}

.StartContent {
	padding-left: 10px;
	padding-right: 10px;
}

.FFSContent #RubView li, #RubView .offerItem {
	border: 7px solid transparent;
	margin-bottom: -80px;
	background-color: transparent;
	max-width: 300px;
}

.isFavo {
	color: #e7bb02;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.StartSlider {
	border: 7px;
}

.FFSContent #RubView li:hover, #RubView .offerItem:hover {
	border: 7px solid #f1f1f1;
	z-index: 1700;
	margin-bottom: -80px;
}

#RubView li, #RubView .offerItem {
	height: 350px;
}

#RubView li .itemButtonMoreText {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1650;
}

#RubView li .itemButtonMoreText i {
	font-size: 1.3em;
	color: #666;
}

#RubView li:hover .itemButtonMoreText {
	display: none;
}

#RubView .first {
	clear: left;
}

#RubView .last {
	margin-right: 0;
}

#RubView .thumb {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 100px;
	min-height: 186px;
	border: 0;
}

#RubView .thumb img {
	max-width: 186px;
	margin-top: 0;
	max-height: 186px;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translate(-50%,-50%);
}

.thumbNoAnimation {
	height: 200px;
}

#RubView .thumbNoAnimation img {
	margin-top: 0;
	max-height: 200px;
	height: 200px;
	position: relative;
	left: 50%;
	top: 100px;
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translate(-50%,-50%);
}

#RubView .productNameContainer {
	height: 80px;
}

.artCMS #RubView .productNameContainer {
	height: 42px;
}

#RubView .productNameContainer h3 {
	/*font-size: 16px;*/
	padding-left: 10p;
	padding-right: 10p;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	margin-top: 11px;
}

#RubView .itemContent h3 {
	/*font-size: 14px;*/
	height: 40px;
	width: 100%;
	display: block;
	overflow: hidden;
	line-height: 20px;
	padding: 0px 10px 0px 10px;
	margin: 0;
}

#RubView h3 a {
	color: #333;
	font-weight: normal;
	font-size: 0.9em;
	display: block;
}

#RubView a {
	color: #000;
	text-decoration: none;
}

.RubImageContainer {
	height: 196px;
	width: 196px;
	display: block;
}

#RubView p {
	margin: 10px 10px 10px 10px;
	padding: 0;
	bottom: 0px;
	position: relative;
}

#RubView li .btn-container ins {
	color: #333;
	padding-top: 2px;
	padding-bottom: 10px;
}

#RubView ins {
	text-decoration: none;
	font-weight: bold;
	color: #006bbb;
}

#RubView .btn-container, .Info .btn-container {
	width: 100%;
	position: relative;
	padding: 0;
	text-align: center;
	display: block;
	margin-bottom: 0.8em;
}

.FFSContent #RubView .btn-container {
	margin-bottom: 0;
}

.ArtCMSview .itemContent {
	width: 220px;
	position: inherit;
}

#RubView .itemContent {
	position: absolute;
	left: 0px;
	top: 218px;
	background-color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	height: 176px;
	width: 100%;
	border-top: 1px solid #e3e3e3;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#RubView .itemContentNoAnimation {
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	height: 140px;
	border-top: 1px solid #e3e3e3;
}

#RubView li:hover .itemContent, #RubView #TopProducts li:hover .itemContent, #RubView .offerItem:hover .itemContent {
}

#RubView .button {
	bottom: 1em;
	position: static;
	padding: 5px;
}

#RubView .offerItem.noprice {
	height: auto;
}

#RubView li .itemlogo {
	position: absolute;
	right: -100px;
	width: 100px;
	top: 10px;
	z-index: 1500;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
}

#RubView input.amountSmall {
	width: 60px;
	height: 32px;
	line-height: 40px;
	margin-right: 4px;
}

#RubView form {
	height: 37px;
	margin-right: 7px;
}

/***
 * Thumbs in Rubrikenansicht
 */
.rvThumbs {
	position: absolute;
	top: 42%;
	left: -100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #fff;
	padding: 5px;
	z-index: 1001;
	width: 100%;
}

.rvThumbs .moreColours {
	float: right;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	color: #0075bc;
	font-size: 30px;
}

.rvThumbs img {
	padding-left: 2px;
	max-width: 44px;
	max-height: 44px;
}

#RubView li:hover .rvThumbs {
	left: 0;
}

/***
 * Thumbs in Listenansicht
 */
.lvThumbs {
	float: left;
	position: relative;
}

.lvThumbs img {
	margin-left: 5px;
	display: inline-block;
}

.lvThumbs img:hover {
	border: 1px solid #0075BC;
}

.slick-slider {
	padding-left: 60px;
	padding-right: 60px;
	width: calc( 100% - 15px);
}

.slick-arrow {
	color: #f1f1f1;
	font-size: 3em;
	position: relative;
	z-index: 1000;
}

.prev-arrow {
	top: 132px;
	left: -55px;
}

.next-arrow {
	float: right;
	top: -148px;
	left: 28px;
}

#RubView li:hover .itemlogo {
	position: absolute;
	right: 0px;
	top: 10px;
}

#RubView li .itemlogo img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	background-color: #ffffff;
	padding: 2px;
}

/* ------------------------------------------------------------------------------ */
/* Listenansicht */
.lvThumbs {
	float: left;
	position: relative;
}

.lvThumbs img {
	margin-left: 5px;
	display: inline-block;
}

.lvThumbs img:hover {
	border: 1px solid #0075BC;
}

#ListView ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ListView li {
	border-bottom: 1px dashed #ccc;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}

#ListView .thumb {
	float: left;
	position: relative;
	display: block;
	width: 90px;
	margin-bottom: 10px;
}

#ListView .thumb img {
	display: block;
	max-width: 90px;
}

#ListView .thumb .banner {
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
}

#ListView .hersteller {
	float: right;
	max-height: 20px;
}

#ListView h3 {
	margin: 0 110px 10px 110px;
	padding: 0;
}

#ListView p {
	margin: 0 110px 10px 110px;
}

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

#Pages {
	clear: left;
	float: right;
	padding-bottom: 30px;
	display: inline-block;
	z-index: 1000;
	position: relative;
}

#Pages strong {
	display: block;
	float: left;
	height: 2em;
	text-align: center;
	line-height: 19px;
	margin: 5px 5px 0 10px;
}

#Pages ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#Pages a, #Pages li {
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
}

#Pages li {
	float: left;
	color: #000;
	background: #e4e4e4;
	font-weight: 700;
	margin: 0 0 4px 4px;
}

#Pages li.active {
	background: #d4d4d4;
}

#Pages li:after {
	content: none;
	margin: 0 0 0 4px;
}

/* Detailseite */
#ZoomContainer {
	position: relative;
	float: left;
	width: 30%;
}

#Zoomlinks {
	position: relative;
	float: left;
	margin: 0 0 20px 0;
}

#zoomzcontainer {
	position: absolute;
	right: 0px;
	top: 0.5em;
	width: 100%;
	height: 450px;
	z-index: 5;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}

.zoomz {
	visibility: hidden;
}

.zoomz.hover {
	visibility: visible;
}

#zoomField {
	position: absolute;
	cursor: zoom-in;
	background: url('/tradepro/shop/layout/zoomsprite.png') repeat;
	pointer-events: none;
	visibility: hidden;
}

#DetailImageContainer:hover #zoomField {
	visibility: visible;
}

#DetailImageContainer {
	position: relative;
	display: block;
	overflow: hidden;
}

#DetailImage {
	display: block;
	width: 100%;
	height: auto;
}

#DetailThumbs {
	padding: 8px 0;
	overflow: hidden;
}

#DetailThumbs a {
	float: left;
}

#DetailThumbs img {
	display: block;
	width: 43px;
	border: 1px solid #ccc;
	margin: 1px;
}

#ZoomlinkInfo {
	clear: left;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}

#DetailInfo {
	float: right;
	margin: 0 3.1% 20px 2%;
	width: 64%;
	position: relative;
	padding: 0 5px;
}

#DetailInfo h3, #DetailInfo h1 {
	margin: 0 0 20px 0;
	line-height: 1.5;
	font-weight: normal;
	position: relative;
	/*font-size: 1.8em;*/
}

#DetailInfo ul {
	padding-left: 0;
}

#DetailInfo ul li,
.Info ul li {
	list-style-type: disclosure-closed;
	list-style-position: inside; 
}

#DetailText {
	margin: 0 110px 20px 0;
}


#DetailHersteller {
	float: none;
	max-width: 100px;
}

#DetailAttributes {
	margin: 0;
}

#readmorecontainer {
	margin: 0 0 2em 0;
	overflow: hidden;
}

#DetailAttributes dt {
	float: left;
	clear: left;
	width: 40%;
	margin: 0 0 10px 0;
	font-weight: bold;
	word-break: break-all;
}

#DetailAttributes dd {
	float: left;
	margin: 0 0 10px 0;
	width: 60%;
}

.hToggle {
	display: block;
	position: relative;
	margin: 0 0 30px 0;
	overflow: hidden;
	padding-bottom: 0;
}

#DetailMoreInfos {
	clear: right;
	float: right;
	margin: 10px 10px 0 0;
}

#DetailTableLoading {
	clear: left;
	margin: 10px 0;
	text-align: center;
}

#DetailTableShow {
	clear: both;
}

#DetailTable .fastpageicon {
	width: auto;
	height: 12px;
}

#DetailFastpageAllArticles {
	/* clear: right; */
	float: right;
	margin: 10px 10px 0 0;
}

#submitform {
	clear: both
}

#DetailTable, #DetailCross {
	border-collapse: separate;
}

#DetailCross {
	flex: 2;
}

#DetailTable tbody tr:nth-child(2n) {
	background: #eee;
}

.InnerContainer {
	/*	max-width: 1200px;  */
	margin: auto;
}

.RubMaxWidth {
	max-width: 350px;
	height: 334px;
}

.RubMaxWidthButtons {
	max-width: 350px;
	height: 350px;
}

#DetailCross td, #DetailTable th, #DetailTable td {
	padding: 5px 10px;
	position: static;
	font-size: 1em;
}

.DetailCross .thumb {
	width: 100px;
	text-align: center;
}

.DetailCrossList li {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.artCMS .DetailCrossList .inactive {
	height: 0px;
}

#PrintView #PrintHead img {
	margin: 10px 5px;
}

.DetailCrossHeadline {
	line-height: 2.5em;
	font: Bold 25px/50px Ubuntu;
	text-transform: uppercase;
}

.DetailCrossHeadline .toggle_position {
	padding: 10px;
	position: relative;
	top: 3px;
}

.InfoHead .Toggle, .Info .Toggle, .DetailHeadline .Toggle {
	Display: inline;
	margin: 10px;
}

#DetailTable th, #DetailTable th i {
	background: #f1f1f1;
	color: #000;
}

.Toggle i {
	font-size: 1em;
	margin-top: 5px;
}

#detTab {
	clear: both;
	padding-bottom: 2em;
	/*	max-width:1200px; */
	margin: auto;
}

#detTab .resp-tab-content {
	padding: 2em 0 0;
}


/* Detailtabs Artikeltabelle */
#detTab .ShopTable {
	margin-top: 0;
}

.ShopTable th.DetailLiefer i {
	font-size: 1.5em;
}

.technische_daten_container {
	position: relative;
}

.technischer_container {
	width: calc(50% - 5px);
	position: relative;
}

.technische_daten_container > div:nth-of-type(2n+1) {
	float: left;
}

.technische_daten_container > div:nth-of-type(2n) {
	float: right;
}

.technischer_container > div:nth-of-type(2n+1) {
	background-color: #f1f1f1;
}

.technischer_container > .technische_line.technischer_header {
	padding: 2px 10px;
	background-color: #f1f1f1;
	color: #000;
}

.technische_line > div {
	width: 50%;
	display: inline-block;
	padding: 2px 10px;
}

.sav_variation_banner {
	background-color: #0075bc;
	color: #fff;
	font-size: 25px;
	padding: 10px;
	position: relative;
}

.sav_variation_banner.sav_ico:before {
	font-family: "icomoon";
	margin-right: 10px;
	top: 2px;
	position: relative;
}

.sav_variation_banner.info:before {
	content: "\e91a";
}

.sav_variation_banner.wrench:before {
	content: "\e923";
}

.einzelansicht {
	padding: 5px 10px;
}

/* Detailtabs Downloads */
#downloadList {
	width: 50%;
}

#downloadList li {
	height: 2em;
	line-height: 2em;
	margin-bottom: .5em;
}

#downloadList li i {
	font-size: 1.33em;
	margin-right: .5em;
	color: #ccc;
}

#downloadList li:hover i:before {
	content: "\e92b";
	color: #0075BC;
}

#downloadList a.button {
	float: right;
	padding: 0 1em;
	height: 1.8em;
	margin-top: .1em;
}

.resp_tabs_cont {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	height: auto;
	border-bottom: 1px solid #ccc;
}

/* Detailtabs Videos */
.videoContainer {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 2em;
}

.videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------------------------------------------------------------------------------ */
/* Detailbuttons */
#DetailBack {
	
}

#DetailScart {
	margin-top: 0;
}

#DetailPrint {
	margin: 0 10px 0 0;
}

/* Detailtabelle */
#DetailTable a.nolink {
	cursor: default;
	color: #333;
}

#DetailTable a:hover {
	text-decoration: none;
}

#DetailTable .showmobile {
	display: none;
}

#DetailTableClone {
	position: relative;
	overflow: hidden;
	max-width: 100%;
}

#ScartSteps {
	position: relative;
	list-style: none;
	width: 100%;
	height: 60px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
}

#ScartSteps after {
	border-left: 15px solid rgb(243,243,243);
}

#ScartSteps li:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 15px solid rgb(255,255,255);
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 100%;
	z-index: 2;
}

#ScartSteps li.active:after {
	border-left: 15px solid rgb(243,243,243);
}

#ScartSteps li:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 15px solid #e2e2e2;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

#ScartSteps li {
	position: relative;
	width: 25%;
	height: 60px;
	float: left;
}

#ScartSteps li div {
	width: 100%;
	height: 60px;
}

#ScartSteps li strong {
	position: absolute;
	bottom: 5px;
	left: 40px;
	font-size: 2.8em;
	font-weight: normal;
	color: #bbb;
}

#ScartSteps li p {
	/*font-size: 12px;*/
	display: inline;
	bottom: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 70px;
	color: #999;
}

#DetailCross th, #ScartTable th, #ERPTable th, #DirectOrderTable th, .ShopTable th {
	/*font-size:1.6em;*/
	border-bottom: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	text-align: left;
	vertical-align: top;
}

#ScartTable th,
#ScartTable td {
	padding: 0.375em 5px;
}

#CCTable .headLeft, #ScartTable .headLeft {
	text-align: left;
}

#CCTable .headRight, #ScartTable .headRight {
	text-align: right;
}

#CompareTable td {
	border-bottom: 1px solid #ccc;
}

#CompareTable .Order th,
#CompareTable .Order td {
	border-bottom: 0px;
}

.ShopTable td {
	position: relative;
}

.ShopTable .Article .previewthumb {
	width: 90px;
	height: auto;
	vertical-align: top;
}

#CCTable {
	margin-top: 20px;
}

#CCTable th {
	/*font-size:1.2em;*/
	border-bottom: 1px solid #ccc;
}

#ScartSteps li.active {
	background-color: #f3f3f3;
}

#ScartSteps li.active strong {
	color: #999;
}

#ScartSteps li.active p {
	color: black;
}

#DirectOrderTable {
	/*margin-bottom: 40px;*/
	margin-top: 0;
	border-bottom: 1px solid #ccc;
	max-width: 100%;
}

#DirectOrderTable th {
	padding: 12px 10px;
}

#DirectOrderTable #MengeWert {
	width: 45px;
}

.ShopTable thead > tr {
	border: none;
}

.tableBreak {
	border-top: 1px solid #ccc;
}

.ShopTable strong, .ShopTable strong b {
	font-weight: normal;
}

.ShopTable p {
	margin-top: 0;
}

.CCinArticle > span {
	display: block;
}

.CCinArticle > .CCLabel {
	float: left;
	text-align: left;
}

.CCinArticle > .CCInput {
	float: right;
}

.CCinArticle > .CCInput > input, .CCinArticle > .CCInput > select {
	box-sizing: border-box;
	width: 75%;
}

.ShopTable hr {
	border: 1px #ccc;
	border-style: none none dashed none;
}

#ScartOrderButton {
	text-align: right;
	width: 40%;
	overflow: hidden;
	border-left: 1px solid #ccc;
}

#WaitSubmit {
	display: none;
}

#ScarStepsExplain {
	width: 56%;
}

#ScartOrderButton select {
	width: 95%;
}

#ScartOrderButton .os_scart_payment_txt {
	margin: 1em 0 0 0;
}

#scartFooter table td, #scartSummary table td {
	border: none;
}

/* Sitemap */
#Sitemap {
	position: relative;
	background: #0075BC;
	clear: both;
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 20px 0;
	text-align: left;
}

#Sitemap nav, #Sitemap div.ce_text {
	float: left;
	/*width:23%;*/
	/*width: auto;*/
	min-width: 20%;
	padding: 0 1%;
}

#Sitemap nav h6, #Sitemap div h6 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin: 0 0 10px 0;
	color: #fff;
	font-weight: normal;
	padding-bottom: 0.3em;
	font-size: 1.3em;
}

#Sitemap nav ul, #Sitemap div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#Sitemap nav ul li, #Sitemap div ul li {
	padding: 3px 0px;
}

#Sitemap nav ul li, #Sitemap div ul li {
	color: #fff;
}

#Sitemap nav ul li a, #Sitemap div ul li a {
	color: #fff;
}

#Sitemap div ul li a {
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
}

#Sitemap .productsnav ul.level_3 {
	display: none;
}

#Sitemap .productsnav li.main_category {
	margin: 0;
}

#CreditInfoWrapper {
	padding-top: 10px;
	text-align: center;
	clear: both;
}

/* ------------------------------------------------------------------------------ */
/* Breadcrum */
#Breadcrum {
	padding-bottom: 30px;
}

#Breadcrum strong {
	margin-right: 6px;
}

#Breadcrum a {
	margin-right: 6px;
	color: #333;
}

#Breadcrum a:hover {
	color: #006bbb;
	text-decoration: none;
}

#Breadcrum ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#Breadcrum li {
	display: inline;
}

#Breadcrum li a {
	padding-left: 12px;
	background: url(/tradepro/shop/layout/breadcrum_arrow.gif) left 0.5em no-repeat transparent;
}

footer {
	position: relative;
	bottom: -30px;
	left: 0;
	text-align: center;
	clear: both;
}

footer > ul, footer > div > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer > ul > li, footer.page-footer > div > ul > li, footer > div > ul > li {
	display: inline;
	font-style: normal;
	text-shadow: 1px 1px 0 white;
	font-size: 10px;
}

footer > ul > li:after, footer.page-footer > div > ul > li:after, footer > div.ce_text > ul > li:after {
	content: '|';
	margin: 0 10px;
}

footer > ul > li:last-child:after, footer.page-footer > div > ul > li:last-child:after, footer > div.ce_text > ul > li:last-child:after {
	content: none;
}

footer > ul > li a, footer.page-footer > div > ul > li a, footer > div.ce_text > ul > li a {
	color: #333;
	font-size: 10px;
}

/* Meine Startseite */
#customerMenu a div.TwoColumns {
	background-color: #eee;
	margin-bottom: 1%;
	overflow: hidden;
	position: relative;
}

.TwoColumns {
	width: 49%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

#customerMenu a:hover div.TwoColumns {
	background-color: #0075bc;
}

#customerMenu a:hover * {
	color: #fff;
}

#customerMenu > a > div > i {
	font-size: 10em;
	color: #ccc;
	margin-left: -5%;
}

#customerMenu div.textContainer {
	position: absolute;
	top: 0.4em;
	left: 10em;
	margin-right: 2%;
}

#customerMenu div.textContainer h4 {
	font-size: 1.4em;
}

#myIndex .textbox {
	float: left;
	width: 500px;
	position: relative;
}

#myIndex .card {
	position: relative;
	float: right;
	width: 319px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

#myIndex .card p {
	float: left;
	line-height: 14px;
	margin-bottom: 0px;
	font-size: 10px;
	margin-left: 11px;
	position: relative;
	top: 0px;
}

/* Rubrikenansicht */
#SearchFilter {
	position: relative;
	clear: left;
	border-bottom: 1px solid #e6e6e6;
	border-width: 1px 0;
	margin-bottom: 20px;
	padding: 10px 5px;
	height: 50px;
}

#SearchFilter select {
	float: right;
	padding: 0.3em;
	border-radius: 3px;
	margin-right: 7px;
}

#SearchFilter .layoutSwitch {
	background: #f1f1f1;
	border: 1px solid #ccc;
	padding: 3px 6px;
	font-size: 16px;
	float: left;
	margin-left: 7px;
}

#SearchFilter .layoutSwitch i {
	font-size: 14px;
	color: #999
}

#SearchFilter .layoutSwitch.active {
	background: #0075bc;
	border: 1px solid #0075bc;
	cursor: pointer;
}

#SearchFilter .layoutSwitch.active i {
	color: #fff;
}

#SearchFilter #ffsRub.inactive {
	border-left: none;
}

#SearchFilter a.layoutSwitch.inactive:hover i {
	color: #333;
}

.image_container.float_right, .image_container.float_left {
	max-width: 330px;
}

#myIndex .RubView {
	margin-bottom: 20px;
}

#myIndex .RubView ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#myIndex .RubView li {
	position: relative;
	float: left;
	margin: 0px 15px 20px 0;
	width: 135px;
	height: 200px;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}

#myIndex .RubView .thumb {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

#myIndex .RubView .thumb img {
	width: 100%;
	height: auto;
	margin-top: 0;
}

#myIndex .RubView h3 {
	position: relative;
	margin: 0 10px 10px 10px;
	padding: 10px 0 0 0;
}

#myIndex .RubView p {
	margin: 0 5px;
	padding: 0;
	line-height: initial;
}

/* ------------------------------------------------------------------------------ */
/* Payment */
#PaymentInfo {
	display: none;
}

#tabnav {
}

#tabnav .menu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 44px;
}

#tabnav .menu li {
	float: left;
	padding: 8px 10px;
}

#tabnav .menu li.active {
	border: 1px solid #ccc;
	padding: 4px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #f3f3f3;
}

#tabnav .menu li a {
	display: block;
	width: 50px;
	height: 32px;
	background: url(/tradepro/shop/layout/payment_light.gif) no-repeat;
}

#tabnav .menu li a.tab1 {
	background-position: -100px 0;
}

#tabnav .menu li a.tab2 {
	background-position: -150px 0;
}

#tabnav .menu li a.tab3 {
	background-position: -50px 0;
}

#tabnav .menu li a.tab4 {
	background-position: 0 0;
}

#tabnav .menu li a.tab5 {
	background-position: -200px 0;
}

#tabnav .menu li a.tab6 {
	background-position: -250px 0;
}

#tabnav .menu li a.tab7 {
	background-position: -300px 0;
}

#tabnav .menu li a.tab8 {
	background-position: -350px 0;
}

#tabnav .menu li a.tab9 {
	background-position: -400px 0;
}

#tabnav .content {
	clear: left;
	height: 600px;
	overflow: auto;
	background: white;
	margin: 20px 0 0 0;
	padding: 10px;
}

.TableTwoColumns {
	width: 50%;
	clear: none;
}

/* Warenkorb aktualisieren */
.scartRefresh {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	display: none;
	position: relative;
	top: 3px;
	box-shadow: none;
	text-shadow: none;
}

.scartRefresh, .scartRefreshDummy {
	width: 22px;
	height: 20px;
}

/* Geschenkartikel */
.Gift {
	min-height: 120px;
	overflow: hidden;
}

.Gift .thumb {
	float: left;
}

.Gift .thumb img {
	width: 90px;
}

.Gift .content {
	margin-left: 100px;
}

.Gift .content h3 {
	margin: 0 0 1em 0;
	clear: none;
}

.Gift .content a strong {
	color: #0066bb;
}

.Gift .content p {
	margin: 0 0 1em 0;
}

.Gift .content button {
	padding: 0 10px;
	width: 100%;
	white-space: normal;
}

html .rotating-boxes-item-content, html .rotating-boxes-item-cover, html .ce_accordion .toggler, html .ce_accordion .accordion, html .ce_accordion + .ce_accordion .toggler {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #e5e5e5;
}

.CMS.twocolumnleft section.main-content {
	width: 72%;
	margin: 2.5em 0 0 2%;
	float: right;
}

.CMS .content-wrapper {
	max-width: 1180px;
}

.CMS.twocolumnleft aside.sidebar {
	width: 22.22222%;
	margin: 2.5em 0 0 0;
}

.CMS .sidebar li .active {
	font-weight: bold;
}

.CMS sup, .CMS sub {
	font-size: .83em;
	line-height: 0.5em;
	vertical-align: baseline;
	position: relative;
}

.CMS sup {
	top: -0.4em
}

.CMS sub {
	bottom: -0.4em
}

/******* ANPASSUNG KONTAKTFORMULAR *******/
.button-kontakt {
	padding: 10px 30px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	background: #f1f1f1;
	border: 1px solid #ccc;
	white-space: nowrap;
	color: #000;
	font-size: 1em;
	cursor: pointer;
	border-radius: 3px;
	box-shadow: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: none;
}

.button-kontakt:hover, .button-kontakt:hover, .button-kontakt:focus, .button-kontakt:active {
	background: #0075bc;
	border: 1px solid #0075bc;
	color: #fff;
}

.h3bottom {
	border-bottom: 1px solid #ccc;
}

.kontakt-25 {
	width: 25%;
	float: left;
}

.kontakt-75 {
	width: 73%;
	float: left;
	margin-left: 2%;
}

/* jQuery Zoomz */
.zoomz {
	overflow: hidden;
	position: relative;
	display: inline-block;
	font-size: 0
}

.zoomz img {
	display: block
}

.zoomz .target {
	position: absolute;
	opacity: 0;
	transition: opacity .5s
}

.zoomz.hover .target {
	opacity: 1
}

.zoomz-ready {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.hidden {
	display: none;
}

#scart-popup-container {
	top: 110px;
	right: 10px;
	height: 800px;
	width: 400px;
	z-index: 7001;
	pointer-events: none;
	position: fixed;
}

#scart-popup-container .scart-add-popup .title {
	color: #797979;
}

.scart-add-popup {
	padding: 5px 5px 5px 90px;
	background-color: rgba(255,255,255,1);
	border: 1px solid #0075bc;
	margin-bottom: 5px;
	box-shadow: 3px 3px 10px rgba(0,0,0,.35);
	display: none;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.scart-add-popup .background {
	position: absolute;
	top: -70px;
	left: 80px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	text-align: center;
	z-index: 1;
}

.scart-add-popup .background i {
	top: -128px;
	text-align: center;
}

#scart-popup-container .scart-add-popup .background i {
	color: rgba(0,117,188,.2);
	font-size: 280px;
}

.scart-add-popup .amount {
	font-weight: bold;
}

.scart-add-popup .image {
	width: 80px;
	min-height: 80px;
	float: left;
	margin-left: -85px;
	position: relative;
	z-index: 2;
}

.scart-add-popup .title {
	position: relative;
	z-index: 2;
}

.scart-add-popup .image img {
	max-width: 80px;
	max-height: 80px;
}

tr.alternating:nth-of-type(2n+1) td {
	/* odd = ungerade = 1, 3, 5,... */
	background-color: #FFF;
}

tr.alternating:nth-of-type(2n) td {
	/* even = gerade = 2, 4, 6,... */
	background-color: #F1F1F1;
}

/*
 * Login-Seite für geschlossenen Shop
 */
body.closed-shop-login {
	background-color: #0075BC;
}

body.closed-shop-login .login-box {
	position: relative;
	width: 430px;
	max-width: 90%;
	margin: 10% auto;
}

body.closed-shop-login .login-box > div {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.5);
	padding: 15px;
	box-shadow: 0 0 5px rgba(213,166,26,.5);
	border-radius: 6.66px;
}

body.closed-shop-login .login-box p {
	color: #ccc;
	margin-top: 20px;
	font-size: 10px;
	text-align: center;
	line-height: 1.4em;
}

body.closed-shop-login label {
	display: block;
	font-weight: bold;
}

body.closed-shop-login input {
	margin-bottom: 15px;
	width: 100%;
}

.updowncontainer i {
	display: block;
}

.menge + .updowncontainer {
	/* nur anzeigen wenn Mengenfeld vorhanden */
	width: 1.1em;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.increase, .decrease {
	cursor: pointer;
	display: block;
	color: #fff;
	background-color: #000;
	font-size: 10px;
	padding: 2px;
	text-align: justify;
	margin: 2px;
	margin-top: 4px;
}

/***
 * 	 STRIPE CSS
 */
/* MODAL BEI PAYMENT PROZESS */
#stripe-modal-wrapper {
	display: none;
	position: fixed;
	z-index: 20000201;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.3);
	width: 100%;
	height: 100%;
}

#stripe-modal {
	width: 300px;
	height: auto;
	background: none;
	text-align: center;
	color: #202020;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* STATUS IN BESTELLÜBERSICHT */
span.stripestatus {
	display: inline-block;
	color: #fff;
	width: 100px;
	height: 26px;
	border-radius: 3px;
	font-size: .85em;
	line-height: 26px;
	display: inline-block;
	text-align: center;
	text-shadow: 0 0 1px #000;
}

.stripestatus-green, .stripestatus-green i {
	color: #fff;
	background-color: #3e8600
}

.stripestatus-red, .stripestatus-red i {
	color: #fff;
	background-color: #7f0000
}

.stripestatus-orange, .stripestatus-orange i {
	color: #fff;
	background-color: orange
}

.stripestatus-grey, .stripestatus-grey i {
	color: #fff;
	background-color: #ccc
}

.stripestatus-blue, .stripestatus-blue i {
	color: #fff;
	background-color: rgba(43,134,186,1)
}

/* STRIPE ENDE */
.flags {
	position: relative;
	bottom: -4px;
}

.erpbutton {
	min-width: 70px;
	background-color: #fff;
	display: inline-block;
	border: 1px solid #000;
	text-align: center;
	font-size: 12px;
	color: #000;
}

a.erpbutton:hover {
	color: #fff;
	background-color: #177ebb;
}

#languageselector {
	padding: 0;
	font-size: 14px;
	box-shadow: none;
	border: none;
	background-color: transparent;
	color: #333;
	width: 45px;
}

/* PassMeter (kundendaten ändern) */
/* Passmeter */
.pwtest {
	width: 80%;
	font-weight: bold;
	text-align: center;
}

.pwtest.passMeter-bad {
	background: red;
	color: #fff;
	box-shadow: inset 0px 0px 9px #920000;
}

.pwtest.passMeter-low {
	background: yellow;
	color: #000;
	box-shadow: inset 0px 0px 9px #909200;
}

.pwtest.passMeter-good, .pwtest.passMeter-strong {
	background: lightgreen;
	color: #000;
	box-shadow: inset 0px 0px 9px #00ad00;
}

#footer > div.ce_text, #footer #CreditInfoWrapper {
	background-color: #f1f1f1;
}

.categoryselector {
	position: absolute;
	font-size: 15px;
	left: 0;
	top: 0;
	height: 42px;
	background-color: #f1f1f1;
	color: #000;
	border: 1px solid #ccc;
	padding: 9px 8px 0 8px;
	overflow: hidden;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#categorydropdown {
	left: 0;
	right: 0;
	top: 0;
	bottom: 4px;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.block_links {
	width: 300px;
	height: 50px;
	position: absolute;
	left: -305px;
}

.block_rechts {
	width: 300px;
	height: 50px;
	position: absolute;
	right: -305px;
}

.innerScrollDetailTable {
	overflow: auto;
	/*width: 100%;
	 height: 200px;*/
}

#DetailTable th.fixedColumn {
	position: sticky;
	left: 0;
	z-index: 1;
}

#DetailTable th.lastFix {
	position: sticky;
	right: 0;
	z-index: 1;
}

#DetailTable td.fixedColumn {
	position: sticky;
	left: 0;
	z-index: 1;
}

#DetailTable td.lastFix {
	position: sticky;
	right: 0;
	z-index: 1;
}

.asn_colorbox {
	display: block;
	height: 40px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.colorbox {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #ccc;
}

.rainbow {
	background: -moz-linear-gradient(top, rgba(253,0,23,1) 0%, rgba(253,0,23,1) 16%, rgba(253,151,42,1) 17%, rgba(253,151,42,1) 33%, rgba(254,253,66,1) 34%, rgba(254,253,66,1) 50%, rgba(59,254,60,1) 51%, rgba(59,254,60,1) 67%, rgba(28,156,251,1) 68%, rgba(28,156,251,1) 84%, rgba(104,61,249,1) 85%, rgba(104,61,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,0,23,1)), color-stop(16%,rgba(253,0,23,1)), color-stop(17%,rgba(253,151,42,1)), color-stop(33%,rgba(253,151,42,1)), color-stop(34%,rgba(254,253,66,1)), color-stop(50%,rgba(254,253,66,1)), color-stop(51%,rgba(59,254,60,1)), color-stop(67%,rgba(59,254,60,1)), color-stop(68%,rgba(28,156,251,1)), color-stop(84%,rgba(28,156,251,1)), color-stop(85%,rgba(104,61,249,1)), color-stop(100%,rgba(104,61,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(253,0,23,1) 0%,rgba(253,0,23,1) 16%,rgba(253,151,42,1) 17%,rgba(253,151,42,1) 33%,rgba(254,253,66,1) 34%,rgba(254,253,66,1) 50%,rgba(59,254,60,1) 51%,rgba(59,254,60,1) 67%,rgba(28,156,251,1) 68%,rgba(28,156,251,1) 84%,rgba(104,61,249,1) 85%,rgba(104,61,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(253,0,23,1) 0%,rgba(253,0,23,1) 16%,rgba(253,151,42,1) 17%,rgba(253,151,42,1) 33%,rgba(254,253,66,1) 34%,rgba(254,253,66,1) 50%,rgba(59,254,60,1) 51%,rgba(59,254,60,1) 67%,rgba(28,156,251,1) 68%,rgba(28,156,251,1) 84%,rgba(104,61,249,1) 85%,rgba(104,61,249,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(253,0,23,1) 0%,rgba(253,0,23,1) 16%,rgba(253,151,42,1) 17%,rgba(253,151,42,1) 33%,rgba(254,253,66,1) 34%,rgba(254,253,66,1) 50%,rgba(59,254,60,1) 51%,rgba(59,254,60,1) 67%,rgba(28,156,251,1) 68%,rgba(28,156,251,1) 84%,rgba(104,61,249,1) 85%,rgba(104,61,249,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0017', endColorstr='#683df9',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(253,0,23,1) 0%,rgba(253,0,23,1) 16%,rgba(253,151,42,1) 17%,rgba(253,151,42,1) 33%,rgba(254,253,66,1) 34%,rgba(254,253,66,1) 50%,rgba(59,254,60,1) 51%,rgba(59,254,60,1) 67%,rgba(28,156,251,1) 68%,rgba(28,156,251,1) 84%,rgba(104,61,249,1) 85%,rgba(104,61,249,1) 100%); /* W3C */
}

#ShopMenu .asn_colorbox li:before,
.colorbox:before {
	content: "";
}

.colorbox a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(135deg, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
	z-index: 100;
}

#ShopMenu {
	position: relative;
	background: none;
	float: right;
	width: 270px;
	margin-bottom: 20px;
}

#ShopMenu .Filter {
	display: none
}

#ShopMenu section, #ShopMenu > div {
	background-color: #fff;
}

#ShopMenu > div#Filter {
	background: none;
}

#ShopMenu .angebote li {
	margin-bottom: 10px;
}

#ShopMenu .angebote li:before {
	content: "";
}

#ShopMenu > section, #ShopMenu > #Filter > section, #ShopMenu > .ce_text {
	border-bottom: 1px solid #ccc;
	padding: 10px 10px 10px 10px;
	/*margin-bottom:15px;*/
	position: relative;
}

#ShopMenu > *, #ShopMenu > #Filter > * {
	border: 1px solid #f1f1f1;
	margin: 0 0 1.5em 0;
}

#ShopMenu.FFSMenu {
	float: left;
}

er {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: none;
}

#ShopMenu h1 {
	/*font-size: 1.3em;*/
	text-shadow: 1px 1px 0 white;
	margin: 0;
	position: relative;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	color: #242424;
}

#ShopMenu h1 .ASN_Toggle, .toggle {
	background: url("/tradepro/shop/layout/ASN_toggle.png") no-repeat scroll left top transparent;
	height: 18px;
	position: absolute;
	right: 5px;
	top: 2px;
	width: 18px;
	cursor: pointer;
}

#ShopMenu h1 .ASN_Toggle.close, .toggle.close {
	background-position: left bottom;
}

#ShopMenu > #Filter {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: none;
}

#ShopMenu h6 {
	color: #ff00ff;
}

#ShopMenu h1 {
	/*font-size: 16px;*/
	text-shadow: 1px 1px 0 white;
	margin: 0;
	position: relative;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	padding-right: 25px;
}

#ShopMenu h1 .ASN_Toggle, .toggle {
	background: url("/tradepro/shop/layout/ASN_toggle.png") no-repeat scroll left top transparent;
	height: 16px;
	position: absolute;
	right: 5px;
	top: 2px;
	width: 18px;
	cursor: pointer;
}

#ShopMenu h1 .ASN_Toggle.close, .toggle.close {
	background-position: left bottom;
}

#ShopMenu ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

#ShopMenu.NoMargin ul, #DirectOrderTable button {
	margin-top: 0px;
}

#ShopMenu li:before {
	position: absolute;
	font-family: "icomoon";
	content: "\e907";
	margin-top: 0.7em;
	font-size: 0.6em;
	text-indent: 1px;
}

#ShopMenu li {
	position: relative;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

#ShopMenu li.active {
	background-color: #0075bc;
	color: #fff;
	margin-bottom: 3px;
}

#ShopMenu li.active a:after {
	position: absolute;
	font-family: "icomoon";
	content: "\ea0f";
	top: 0.7em;
	right: 6px;
	color: #fff;
	font-size: 9px;
}

#CMS #ShopMenu li.active a:after {
	content: "";
}

#ShopMenu li.open {
	background-image: url(/tradepro/shop/layout/arrow_down.png);
	background-position: 0 3px;
}

#ShopMenu section a {
	display: block;
	margin: 0 0 0 15px;
	padding: 0.4em 0 0.4em 0;
	color: #333;
}

#ShopMenu section a:hover {
	color: #0075BC;
	text-decoration: none;
}

#ShopMenu li.active a {
	color: #fff;
}

#ShopMenu section a.button:hover {
	color: #fff;
}

#ShopMenu a.active:after {
	font-family: 'FontAwesome';
	font-size: 1em;
	float: right;
	content: '\f00d';
	padding-top: 0.2em;
	padding-right: 5px;
	line-height: 100%;
}

#ShopMenu section span {
	color: #999;
}

#ShopMenu select {
	width: 100%;
	margin-bottom: 10px;
}

#ShopMenu .level2 {
	margin-left: 12px;
}

#topseller span {
	font-weight: bold
}

#topseller span::after {
	content: ")"
}

#topseller span::before {
	content: "("
}

/* Kundenkonto */
#CustAccount a#os_link_customer {
	margin: 0;
	padding: 0;
	display: block;
	/*position: relative;*/
}

#CustAccount img {
	position: absolute;
	top: 10px;
	right: 10px;
	max-width: 50px;
}

#CustAccount form {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

#CustAccount form > div {
	position: relative;
	margin-top: 5px;
	clear: both;
}

#CustAccount form > div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#CustAccount form label {
	float: left;
	width: 33%;
	margin: 6px 0 6px 0;
	padding: 0;
	line-height: 20px;
}

#CustAccount form input.Input {
	float: right;
	width: 66%;
	box-sizing: border-box;
}

#CustAccount form button.Submit {
	padding: 5px 15px;
	float: right;
}

/* Zuletzt gesehen */
#CustLastEmpty {
	background: none;
}

#ShopMenu #CustLastEmpty:before {
	content: "";
}

.elasticsearchbackground {
	background-image: url('/tradepro/shop/elastic.png');
	background-repeat: no-repeat;
	background-position: center;
	background-position: 90%;
}

.factfinderbackground {
	background-image: url('/tradepro/shop/fact-finder.png');
	background-repeat: no-repeat;
	background-position: center;
	background-position: 90%;
}

/* Contao Geraffel für Slider Inhalte neues Design */
.image_container {
	margin: 0;
}

.slider-content h1 {
	line-height: 0;
}

.mWidth500 {
	margin-top: 0.5 vw;
	max-width: 25vw;
	display: block;
	font-size: 1vw;
	background-color: #f1f1f1;
	opacity: 0.8;
	padding: 1vw;
	display: flex;
	margin: 0;
	margin-bottom: 0.5 vw;
}

.teaser_center {
	display: table-cell;
	vertical-align: middle;
}

.teaser_block {
	max-width: 50%;
	display: block;
}

.teaser_container {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 60px;
}

.teaser_image {
	display: block;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.teaser_flatbox {
	margin-top: 0%;
	width: 50%;
	bottom: 0px;
	position: relative;
	display: table;
	text-align: center;
	height: 400px;
}

.teaser_rechts .teaser_flatbox {
	margin-left: 50%;
}

.teaser_rechts .teaser_image {
	background-position: left;
}

.teaser_rechts .teaser_block {
	float: left;
}

.teaser_links .teaser_block {
	float: right;
}

.teaser_links .teaser_flatbox {
	margin-left: 0%;
}

.teaser_links .teaser_image {
	background-position: right;
}

.teaserTopicBlack {
	background: #000;
	opacity: 1;
	font-size: 1.2 vw;
	color: #fff;
	padding: 15px;
	display: inline-block;
	margin-top: 20px;
}

.teaserTextBlack {
	opacity: 1;
	font-size: 2vw;
	color: #000;
	padding: 5px;
	display: inline-block;
	margin-top: 15px;
	line-height: 2.1 vw;
	font-weight: bold;
	text-transform: uppercase;
}

.teaserButton .button {
	margin-top: 15px;
	border-radius: 25px;
	text-transform: uppercase;
}

.teaser_weiss {
	background-color: #FFFFFF;
}

.teaser_gelb {
	background-color: #FFD13D;
}

.teaser_gruen {
	background-color: #07C1A1;
}

.teaser_rot {
	background-color: #E4225D;
}

.teaser_blau {
	background-color: #0075BC;
}

.teaser_hellgrau {
	background-color: #f1f1f1;
}

.teaser_dunkelgrau {
	background-color: #333333;
}

.teaser_schwarz {
	background-color: #000000;
}

.sliderTopicBlack {
	background: #000;
	opacity: 1;
	font-size: 1.2 vw;
	color: #fff;
	margin-bottom: 0.5 vw;
	display: flex;
	justify-content: center;
	align-content: center;
}

.rsts-nav {
	display: flex;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.innerTopicBlack {
	padding: 0.5vw;
}

.topicResponsive {
	left: 2vw;
}

.slider-contentbox-top {
	position: absolute;
	top: 2vw;
}

.slider-contentbox-middle {
	position: absolute;
	left: 3vw;
}

.slider-contentbox-bottom {
	position: absolute;
	bottom: 2vw;
}

.slider-contentbox-left {
	left: 3vw;
}

.slider-contentbox-center {
	left: 3vw;
}

.slider-contentbox-right {
	right: 3vw;
	text-align: right;
}

.slider-subheadline {
	background: #000;
	opacity: 1;
	color: #fff;
	margin: 1em 0 0.1em;
	/*text-align: center;*/
	padding: 0.375rem 0.5rem;
	width: 350px;
	font-size: 1.4em;
	display: inline-block;
    font-family: "Ubuntu-Light";
}

.slider-linktext {
	background-color: #0075BCcc;
	color: #fff;
	font-weight: normal;
	font-size: 2.4vw;
	padding: 1rem 0.5rem;
	line-height: unset;
	text-decoration: none;
	margin-top: 0.5vw;	
}

.slider-linktext a {
	color: #fff;
	text-decoration: none;
    font-family: "Ubuntu-Light";
}

.slider-linktext a:hover {
	opacity: 0.9;
}

.slider-contentbox-wrapper{
	width:450px;
}

.break {
	flex-basis: 100%;
	height: 0;
}

.sliderBlueTransparent {
	background-color: #0075BC;
	color: #fff;
	font-weight: normal;
	font-size: 2.4vw;
	padding: 1.3vw 1.2vw 1.3vw 1.2vw;
	display: flex;
	opacity: 0.8;
	line-height: unset;
	text-decoration: none;
	margin-top: 0.5vw;
}

.containerFlex {
	display: flex;
	justify-content: center;
	align-content: center;
}

.sliderBlueTransparent:hover {
	text-decoration: none;
	opacity: 0.9;
	color: #fff;
}

.sliderBlueTransparent .ico {
	font-size: 2vw;
	margin-left: 1vw;
	margin-top: -0.2 vw;
}

.pos-tradepro {
	position: absolute;
	left: 3vw;
	top: 2vw;
}

.TopicBlackTradepro {
	max-width: 17vw;
}

.pos-responsive {
	position: absolute;
	left: 4vw;
	top: 0vw;
}

.TopicBlackResponsive {
	max-width: 15vw;
}

.pos-hautpflege {
	position: absolute;
	left: 20vw;
	bottom: 3.2 vw;
}

.TopicBlackHautpflege {
	max-width: 15vw;
}

.pos-visualLinks {
	position: absolute;
	left: 35vw;
	bottom: 5vw;
}

.TopicBlackvisualLinks {
	max-width: 15vw;
}

.slidervisualLinks {
	max-width: 17vw;
}

.TopicBlackKuechenpflege {
	top: 17vw;
	left: 18vw;
}

.pos-Karriere {
	position: absolute;
	bottom: 5vw;
	left: 18vw;
}

.TopicBlackKarriere {
	max-width: 10vw;
}

.sliderKarriere {
	max-width: 20vw;
}

.posPSA {
	bottom: 6vw;
	left: 8vw;
	position: absolute;
}

.TopicBlackPSA {
	max-width: 10vw;
}

.sliderPSA {
	max-width: 45vw;
}

.rsts-skin-default .rsts-nav {
	position: absolute;
	bottom: 30px;
	text-align: right;
	display: flex;
	justify-content: center;
	align-content: center;
	right: unset;
}

.rsts-skin-default .rsts-nav-bullets a {
	width: 20px;
	height: 20px;
	border: 0;
}

.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active {
	background-color: #0075BC;
	border: 0;
}

.rsts-prev, .rsts-next {
	display: none;
}

/* Allgemein */
.Width45 {
	width: 45px;
}

.ZweiSpalten {
	width: 49%;
}

.widescreen.CMS .content-wrapper {
	max-width: 1800px;
}

.teaser_container {
	/* float: left; */
	display: block;
}

.FormTwoColumns {
	width: 49%;
}

.FormTwoColumns:first-of-type {
	margin-right: 2%;
}

html table {
	border-radius: 0px;
}

.InfoText ul {
	list-style: disc;
	margin-left: 20px;
	padding: 0px;
}

h3.Info, .InfoHead {
	position: relative;
	font-size: 2em;
	clear: left;
	margin: 0 0 5px 0;
	padding: 10px 0 5px 0;
	color: 000;
	border-bottom: 1px solid #ccc;
}

#ListView li {
	border-bottom-style: solid;
}

/* CMS */
.CMS table th.col_first {
	border-left: 0px;
}

.CMS table th.col_last {
	border-right: 0px;
}

.CMS table {
	border-radius: 0px;
}

.CMS table thead th {
	border-bottom: 1px solid #ccc;
}

.CMS table th {
	background-color: #f1f1f1;
}

.CMS table tbody th {
	border-right: 1px solid #ccc;
}

.ce_downloads, .ce_downloads hr {
	border-color: #f1f1f1;
}

.ce_downloads h3 {
	background: #f1f1f1;
	color: #222;
}

/* NEWS */
.naiTextContainer {
	float: left;
	width: 73%;
}

.naiImageContainer {
	display: block;
	float: left;
	width: 25%;
	margin-right: 2%;
	border: 10px solid #fff;
}

.naiImageContainer img {
	display: block;
	float: none;
	vertical-align: middle;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.mod_newslist > div {
	border-bottom: 1px solid #e3e3e3;
	position: relative;
}

.newsArchiveItem {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}

.newsArchiveItem .more a {
	display: block;
	margin-top: .75em;
	font-weight: 700;
	color: #0075BC;
}

.mod_newslist h2 a, .mod_newslist h2 {
	/*font-size: 1em;*/
	font-weight: bold;
	color: #0075BC;
}

/* WARENKORB */
select#directorder {
	width: 100%;
	max-width: 100%;
}

#ScartSteps li strong {
	bottom: 20px;
}

/* NAVIGATION */
#ScartScroll .scartcounternumber {
	top: 0px;
	right: -5px;
	position: absolute;
	left: auto;
}

#ScartScroll {
	margin-right: 10px;
	padding-bottom: 10px;
}

/* Artikel im CMS */
.articleTable thead {
	background: #f1f1f1;
}

/* Artikel im CMS - Slider */
.articleSlider.artCMS .slick-arrow {
	position: absolute;
	display: block;
	height: 100%;
	top: 0px;
	width: 45px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: #eee;
	padding: 0;
	border: none;
	outline: none;
}

.articleSlider.artCMS .slick-arrow:before {
	font: normal normal normal 1em/1 icomoon;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\e907";
	font-size: 50px;
}

.articleSlider.artCMS .slick-prev.slick-arrow:before {
	transform: rotate(180deg);
}

.articleSlider.artCMS .slick-next.slick-arrow {
	right: 0px;
}

.articleSlider.artCMS .slick-prev.slick-arrow {
	left: 0px;
}

/* SAV Box Ansicht */
#ShopMenu .savorderbox2 {
	border: 0;
	box-shadow: none;
}

.DetailMenu {
	width: 287px;
	border: 1px solid #f1f1f1;
}

.savorderbox2 table, .savorderbox2 tr, .savorderbox2 td {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

.savorderbox2 {
	position: relative;
}

.savorderbox2 .preisbox {
	background-color: #f1f1f1;
	height: 35px;
	padding: 5px 10px;
	color: #000;
}

.savorderbox2 .preisbox .amountcontainer {
	position: absolute;
	right: 10px;
	top: 1px;
}

.savorderbox2 .lineelement {
	position: relative;
	padding: 3px 10px;
	border-bottom: 1px solid #ededed;
	font-weight: 700;
	font-size: 14px;
}

.savorderbox2 .lineelement .right {
	position: absolute;
	right: 10px;
	text-align: right;
	top: 3px;
}

.savorderbox2 .buttonline {
	text-align: right;
	padding: 10px 0;
}

.savorderbox2 .buttonline a {
	background-color: #ededed;
	padding: 4px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
}

#savorderbox2 {
	margin-bottom: 5px;
}

#PrintView #Zoomlinks, #PrintView #DetailImageContainer, #PrintView #DetailImage {
	width: 180px;
}

.OlistWrapper {
	display: block;
	overflow: auto;
}

table.scroll {
	width: 100%;
	background-color: #fff;
}

table.scroll thead {
	width: 100%;
	background: #f1f1f1;
	color: #000;
}

table.scroll thead tr:after {
	content: '';
	overflow-y: scroll;
	visibility: hidden;
}

table.scroll thead th {
	flex: 1 auto;
	display: block;
}

table.scroll tbody {
	display: block;
	width: 100%;
	overflow-y: auto;
	height: auto;
	max-height: 200px;
}

table.scroll thead tr, table.scroll tbody tr {
	display: flex;
}

table.scroll tbody tr td {
	flex: 1 auto;
	word-wrap: break;
	border: 1px solid #ccc;
}

table.scroll thead tr th, table.scroll tbody tr td {
	min-width: 120px;
	padding: 5px;
	text-align: left;
}

table.scroll input {
	max-width: 45px;
}

#debug {
	padding: 0.3em;
	background: #0075BC;
	opacity: 0.7;
	color: #fff;
	font-family: OpenSansBold;
	font-size: 12px;
	position: fixed;
	left: 1.5em;
	top: 0;
	z-index: 10000;
	transform-origin: top left;
	transform: rotate(90deg);
	line-height: 1em;
	white-space: nowrap;
}

.cselected a {
	padding: 0;
	position: relative;
	margin: 0;
}

.cselected a:after, .colorbox:hover a:after {
	font-family: 'icomoon';
	font-size: 22px;
	font-weight: bold;
	content: '\ea10';
	line-height: 100%;
	position: absolute;
	top: 4px;
	left: 6px;
	color: #fff;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	z-index: 200;
}

.cselected a:hover:after {
	content: '\ea0f';
}

#Navi .mega-dropdown.level_3 {
	overflow-y: auto;
	left: -3px;
}

.main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward {
	font-weight: normal
}

.page > .content-wrapper {
	padding-left: 12px;
	padding-right: 12px;
}

#RubView li.no-article {
	height: 0;
}

#RubView li.no-article:hover {
	border: none;
	margin-left: 14px;
}

#scartsummator > td:nth-of-type(2n) {
	padding-left: 10px; 	 	
}

#scartsummator > td:nth-of-type(2n+1) {
	padding-right: 10px; 	
}

.minorder {
	font-size: 1.5em;
	color: #f00;
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
}

.main-navigation > ul > li > a.active,
.main-navigation > ul > li > a.trail,
.main-navigation > ul > li > a.forward,
.main-navigation > ul > li span.active,
.main-navigation > ul > li span.trail,
.main-navigation > ul > li span.forward,
.main-navigation > ul > li > ul > li span.active,
.main-navigation > ul > li > ul > li span.trail,
.main-navigation > ul > li > ul > li span.forward {
    font-weight: normal;
}

.required,
input[type="checkbox"].required,
input[type="radio"].required,
input[type="image"].required,
input.mandatory,
input[type="checkbox"].mandatory,
input[type="radio"].mandatory,
input[type="image"].mandatory {
	box-shadow: 0 0 2px rgba(255,0,0,.8);
}

label {
    display: block;
    margin-bottom: 0.35714em;
    font-size: 0.875em;
    color: #717c8e;
}

form.fullwidthform input[type="text"],
form.fullwidthform input[type="password"],
form.fullwidthform select,
form.fullwidthform textarea {
	width: 100%;
}

form.fullwidthform input.plz {
	width: 30%;
}

form.fullwidthform input.city {
	margin-left: 10px;
	width: calc(70% - 10px);
}

form.fullwidthform input.hasDatepicker {
	width: calc(100% - 26px);
	margin-right: 10px;
}

table tr td:first-of-type {
	/*padding-left: 0;*/
}

table tr td:last-of-type {
	padding-right: 0;
}


/* Allgemein */
#SearchFilter #ArticlesPerPage li:not(:last-child):after {
	content: '|';
	color: #333;
	margin: 0 0 0 5px;
}
#SearchFilter {
	position: relative;
	clear: left;
	border: 1px solid #bbb;
	border-width: 1px 0;
	margin-bottom: 20px;
	padding: 10px 0;
	height: 50px;
}
#SearchFilter #ArticlesPerPage {
	float: right;
	padding: 4px 10px 3px 3px;
}
#SearchFilter #ArticlesPerPage ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#SearchFilter #ArticlesPerPage li {
	display: inline;
}
/* Favoritenliste */
#Favoliste .updowncontainer {
	float: right;
	position: absolute;
	right: 10px;
	top: calc(50% - 21px);
}
#Favoliste .updowncontainer i {
	font-size: 12px;
}
/* Detailseite */
#DetailVarianten a.button {
	margin-top: -12px;
	float: right;
	display: inline-block;
}
#DetailVarianten {
	margin-bottom: 1em;
}
.DetailCrossHeadline {
	margin-right: 20px;
}
/* Bestelllisten */

#RubView.olist li {
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px;
	height: auto;
	width: 250px;
}
#RubView.olist li h3 {
	border-top: 1px solid #ccc;
	/*font-size: 1em;*/
	height: 75px;
}
#RubView.olist li h3 a {
	/*font-size: 1em;*/
}
#RubView.olist li:hover {
	background: #f1f1f1;
}
#RubView.olist .thumb {
	padding: 10px;
	margin-bottom: 10px;
	height: 200px;
	overflow: hidden;
	background: #fff;
}
#RubView.olist .thumb img {
	width: 100%;
	height: auto;
	max-width: unset;
	max-height: unset;
	position: inherit;
	display: block;
	transform: none;
	left: unset;
	top: 0px;
}

#scart-popup-container .scart-add-popup .background i.fa-star {
	font-size: 200px;
	margin-top: 20px;
}

.scart-add-popup .amount {
	font-weight: bold;
}

.scart-add-popup .image {
	width: 80px;
	min-height: 80px;
	float: left;
	margin-left: -85px;
	position: relative;
	z-index: 2;
}

.scart-add-popup .title {
	position: relative;
	z-index: 2;
}

.scart-add-popup .image img {
	max-width: 80px;
	max-height: 80px;
}

#scart-popup-container .scart-add-popup .background i.red {
	color: rgba(200,0,0,.1);
}
#scart-popup-container .scart-add-popup .background i.yellow {
	color: rgba(200,200,0,.2);
}

/* Header Warenkorb */
#ScartInfo:hover #ScartItemDetails {
	display: block;
	width: 350px;
	background: #fff;
	right: -30px;
}
#ScartItemDetails > h4 {
	font-size: 1.5em;
	line-height: 1;
}
#ScartItemDetails > h4, #ScartItemDetails > a {
	margin: 0;
	background: #0075bc;
	padding: 10px;
	color: #fff;
}
#ScartItemDetails > a > span {
	float: right;
}
#ScartItemDetails > ul {
	padding: 0px;
	margin: 0px;
	border-left: 3px solid #f1f1f1;
	border-right: 3px solid #f1f1f1;
}
#ScartItemDetails > ul > li {
	position: relative;
	width: 100%;
	height: auto;
	/*display: inline-block;*/
	display: flex;
	padding: 5px;
}

#ScartItemDetails li > a {
	float: left;
	width: calc( 100% - 60px );
	padding-left: 5px;
}

#ScartItemDetails .imgCon {
	float: left;
	width: 60px;
	min-height: 60px;
	height: 100%;
	padding-top: 5px;
	text-align: center;
	background: #fff;
}
#ScartItemDetails > ul > li:nth-child(2n) {
	background: #f1f1f1;
}
#ScartItemDetails > ul > li:hover {
	background: #ccc;
	border-color: #ccc;
}
#ScartItemDetails > a:hover {
	color: #fff;
}
/* Navigation */
#navLogin .level_2 {
	left: -129px;
}
#Navigationbar .level_2 li > a:hover {
	text-decoration: underline;
}
.productsnav .catimg {
	height: 80px;
}
.catimgcontainercontainer {
	width: 183px;
	text-align: center;
	background: #fff;
	height: 100%;
	padding-top: 10px;
	display: inline-block;
}
.catimgcontainer {
	height: 100px;
	text-align: center;
	margin-bottom: 10px;
}

/* Footer */
#Sitemap a[target="_blank"]:after {
	font: 0.8125em/1 "RockSolid Icons";
	content: "\e151";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-left: 0.25em;
}
#footer .catimgcontainer, #Sitemap .catimgcontainer {
	display: none;
}
/* ****************************** */

/*-------------------------------------*/
/* Responsive Table to Tabs */
/*-------------------------------------*/
ul.resp-tabs-list {
	margin: 0;
	padding: 0px;
}
.resp-tabs-list li {
	display: inline-block;
	padding: 10px 30px;
	margin: 0 .5em 0 0;
	list-style: none;
	cursor: pointer;
	float: left;
	font-size: 1.2em;
	border: 1px solid #f4f4f4;
	border-bottom: none;
	background: #fafafa;
}
.resp-tabs-list li:hover {
	background: #f6f6f6;
}
.resp_tabs_cont .resp-tabs-list li {
	padding: 10px 0;
}
.resp_tabs_cont .resp-tabs-list li a {
	padding: 10px 30px;
}
.resp-tabs-container {
	padding: 0px;
	background-color: fff;
	/*clear: left;*/
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-tabs-list li.resp-tab-active {
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
	background-color: #fff;
	color: #000;
}
.resp-content-active, .resp-accordion-active {
	display: block;
}
.resp-tab-content {
	/* border-top: 1px solid #ccc; */
}
h2.resp-accordion {
	/*font-size: 1em;*/
	border-bottom: #ccc 1px solid;
	margin: 0px;
	padding: 10px 15px;
}
h2.resp-tab-active {
	border-bottom: 0px solid #ccc;
	margin-bottom: 0px;
	padding: 10px 15px;
}
h2.resp-tab-title:last-child {
	border-bottom: 12px solid #ccc;
	background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}
.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px;
	margin: 0;
	cursor: pointer;
	float: none;
}
.resp-vtabs .resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	width: 68%;
	min-height: 250px;
	border-radius: 4px;
	clear: none;
}
.resp-vtabs .resp-tab-content {
	border: none;
}
.resp-vtabs li.resp-tab-active {
	border: 1px solid #ccc;
	border-right: none;
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin-right: -1px;
}
.resp-arrow:before {
	float: right;
	font-family: 'FontAwesome';
	content: '\f107';
	margin-left: 0.8em;
}
h2.resp-tab-active span.resp-arrow:before {
	float: right;
	font-family: 'FontAwesome';
	content: '\f106';
	margin-left: 0.8em;
}
/*-----------Accordion styles-----------*/
h2.resp-tab-active {
	background: #F1F1F1;
}
.resp-easy-accordion  h2.resp-accordion {
	display: block;
}
.resp-easy-accordion .resp-tab-content {
	border: 1px solid #ccc;
}
.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #ccc;
}
.resp-jfit {
	width: 100%;
	margin: 0px;
}
.resp-tab-content-active {
	display: block;
}
h2.resp-accordion:first-child {
	border-top: 1px solid #ccc;
}
/* FIXME: eprocure responsive verstecken */
.m a[href*=multi_home] {
	display: none;
}

#os_scart_form input,
#os_scart_form select {
	width: 100%;
}

#os_scart_form .CCLabel {
	width: 28%;
}

#os_scart_form .CCInput {
	width: 70%;
}

#os_scart_form #couponcode {
	width: calc(100% - 20px);
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #0075bc;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #0075bc transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#RubView .button_dark,
html .button_dark {
	color: #fff;
	background-color: #0075BC;
	border: 1px solid #0075BC;
}

#RubView form {
	margin-top: 0;
}
                                        
.lieferzeit img:hover {
    cursor: pointer
}

dl.lagerdemo {
    width: 200px;
    background: #fcfcfc;
    margin: -8px -8px -8px;
}

dl.lagerdemo dt,
dl.lagerdemo dd {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

dl.lagerdemo dt:nth-of-type(even),
dl.lagerdemo dd:nth-of-type(even) {
    background: #FFF;
}

dl.lagerdemo dd {
    width: 30px;
    text-align: center;
    display: inline-block;
    margin: 0;
}

dl.lagerdemo dd img {
    vertical-align: middle;
}

dl.lagerdemo dt {
    width: 170px;
    padding-left: 5px;
    display: inline-block;
}

#FFqueryDO {
	margin-right: 5px;
}

.page-header {
	z-index: auto;
}

.ShopTable th.Center,
.Center {
	text-align: center;
}

.ShopTable th.Left,
.Left {
	text-align: left;
}

.ShopTable th.Right,
.Right {
	text-align: right;
}

th.noborderline {
	border-bottom: none;
}

#SOrder td input {
	width: 80%;
}


/* Hawa Shop-CSS Kim Mayr */

/* Allgemein */
* {
	font-family: Arial, sans-serif;
	line-height: 1.5;
	-webkit-tap-highlight-color: #003C78;
}

body {
	border-top: none;
}

table {
	background: inherit;
}

table td {
	padding: 5px;
}

h1 {
	font-size: 40pt;
}

h2 {
	font-size: 30pt;
}

#DetailInfo h2,
#DetailZoom h2 {
	font-size: 22pt;
	color: #003C78;
}

h3 {
	font-size: 20pt;
	color: #003C78;
}

h4,
h4 > a {
	font-size: 18pt;
	margin: 0px;
	color: #003C78;
}

h4 > a:hover {
	color: #e6000a;
}

h5,
h5 > a {
	font-size: 14pt;
	margin: 0px;
	color: #003C78;
}

h5 > a:hover {
	color: #e6000a;
}

td a,
a {
	color: #003C78;
}

a:hover {
	color: #e6000a;
}

a[target="_blank"]:after {
	content: none;
}

::selection {
	color: #003C78;
}

.widescreen .content-wrapper,
.widescreen .SiteContainer,
.widescreen .StartContent {
	margin: 0px 80px;
}

.widescreen #Navi,
.widescreen .StartContent,
.widescreen .wrapper,
.widescreen .page-header,
.widescreen .SiteContainer,
.artCMS {
	max-width: 1920px;
}


/* Cookie */
body #cookiewookie {
	background: #003C78;
}

body #cookiewookie > h1 {
	color: #fff;
	font-size: 20pt;
}

body #cookiewookie p {
	color: #fff;
	font-size: 14pt;
}

body #cookiewookie .cookiewookie_button.cookiewookie_green {
	background: #e6000a;
	border: none;
}

body #cookiewookie #cookiewookie_individual {
	background: #e9eaeb;
	color: #003C78;
	border: none;
}

body #cookiewookie #cookiewookie_legal a {
	color: #fff;
}

body #cookiewookie #cookiewookie_explanation_container {
	height: 95px;
}

body #cookiewookie label {
	color: #fff;
}

body #cookiewookie #cookiewookie_save,
body #cookiewookie #cookiewookie_save:link, 
body #cookiewookie #cookiewookie_save:visited {
	background: #e6000a;
}

body #cookiewookie #cookiewookie_save:hover {
	background: #e6000a;
}


/* Classes */
.fixed {
	max-width: 1920px;
	left: inherit;
}

.marginBody {
	margin-top: 130px;
}

#PrintView .marginBody {
	margin-top: 0px;
}


/* Header */
header#header,
header.page-header {
	height: auto;
	border-bottom: 1px solid #e9eaeb;
	
	z-index: 7000;
}

.widescreen .page-header {
	max-width: 1920px;
}

.widescreen .page-header.fixed {
	position: fixed;
}

.searchWrapper {
	background: #e9eaeb;
	height: 63px;
}

#FactFinder {
	top: 29px;
	right: auto;
	left: 0px;
	border-radius: 0px;
	margin-left: 310px;
	z-index: 1;
}

#FactFinder input,
#FactFinder button {
	border-radius: 0px;
}

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

li.suggestHeader,
span.suggestTextQueryTyped {
	color: #003C78;
}

.categoryselector {
	display: none;
}


/*Meta-Menu*/
.meta-menu-container {
	background-color: #e9eaeb;
}

#languageselector {
	background-image: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
	background-repeat: no-repeat;
	background-position: 25px;
	background-size: 25px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.meta-menu-container ul.meta-menu {
	padding-left: 0px;
}

.meta-menu-container ul.meta-menu li::after {
	margin: 0px 5px 0px 5px;
}

.meta-menu-container ul.meta-menu li:last-child::after {
	margin: 0px 5px 0px 15px;
}


/* Logo */
#LogoDivHeader {
	top: 0px;
	left: 50px;
	z-index: 9999;
}

#LogoDivHeader a {
	font-size: 0px;
}

#Logo {
	width: 138px;
	height: auto;
	background: url('/tradepro/shop/layout/hawa_Logo_RGB.svg') top left no-repeat;
	background-position: center center;
	background-size: cover;
}


/* Navigation */
#Navigationbar {
	border: none;
	background: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#Navi {
	padding: 100px 0 40px 0;
}

#Navigationbar #Navi .main-navigation {
	top: -20px;
	text-transform: none;
	margin-left: 288px;
}

.icom.ico-home3.first {
	display: none;
}

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

#MainNavi {
	float: none;
	width: auto;
}

.main-navigation > ul > li.submenu a {
	padding-right: 20px;
}

.main-navigation > ul > li.submenu > a::after {
	right: 0px;
	height: 20px;
	width: 20px;
	top: 8px;
	left: auto;
	background: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
}

.main-navigation > ul > li:hover,
.main-navigation > ul > li:hover > a,
.main-navigation > ul > li:hover > a > i {
	color: #e6000a !important; /*Ich verstehe nicht weshalb das ein sinnvolles Important sein soll*/
	background: none;
}

#Navi .level1 > li > a,
#Navigationbar .level_1 > li > a {
	color: #003C78;
	font-size: 15px;
}

#Navi .mega-dropdown {
	padding: 0px;
}

#Navi .mega-dropdown.level_3 {
	left: -291px;
	background: #e9eaeb;
}

#Navi .mega-dropdown.level_3 .mega-dropdown-column {
	margin: 0px;
}

#Navi .mega-dropdown.level_3 .mega-dropdown-column > ul.level_2 > li {
	font-size: 18px;
	margin-bottom: 10px;
}

#Navi .mega-dropdown.level_3 .mega-dropdown-column > ul.level_2 > li a {
	color: #003C78;
}

#Navigationbar ul.productsnav li > ul.level_3 a::before {
	content: none;
}

#Navigationbar #Navi .mega-dropdown.level_3 .mega-dropdown-column .level_2 li a:hover {
	color: #e6000a;
	text-decoration: none;	
}

#Navi .mega-dropdown.level_3 .mega-dropdown-column > ul.level_2 > li > ul.level_3 > li {
	font-size: 14px;
	font-weight: normal;
}

#Navigationbar ul.productsnav {
	grid-template-columns: 16% 16% 16% 16% 16% 16%;
}

#Navi ul.level_2 {
	padding: 20px;
	background: #e9eaeb;
}

#Navi ul.level_2 li a {
	color: #003C78;
}

#Navi ul.level_2 li a:hover {
	text-decoration: none;
	color: #e6000a;
}

#Navi > nav > ul > li > ul > li > a:before {
	content: none;
}

.catimgcontainer {
	text-align: left;
}

.catimgcontainercontainer {
	width: 100%;
}

nav#Breadcrum > strong > button {
	padding: 0px;
	margin: 0px;
	border: 0px;
	color: #000;
	background: none;
	font-weight: bold;
}

nav#Breadcrum > strong > button:hover {
	color: #e6000a;
}

nav#Breadcrum > strong > button::after {
	content: "|";
	margin-left: 10px;
	position: relative;
	top: -1px;
	color: #000;
}

nav#Breadcrum > strong > button:hover::after {
	color: #000;
}

nav#Breadcrum > strong > button::before {
	content: "";
    background: url(/tradepro/shop/layout/hawa_icon_arrow_more_black.svg) no-repeat transparent;
    font-size: 15px;
    transform: rotate(180deg);
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

nav#Breadcrum > strong > button:hover::before {
	background: url(/tradepro/shop/layout/hawa_icon_arrow_more_red.svg) no-repeat transparent;
	color: #e6000a;
}


/* Startseite */

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

.MainPageSlideshow #MainPageSlideshow {
	visibility: hidden;
}

.rsts-skin-default .rsts-nav-bullets {
	left: 0px;
}

.rsts-skin-default .rsts-nav-bullets a {
	background-color: #fff;
	width: 12px;
	height: 12px;
}

.rsts-skin-default .rsts-nav-bullets a:hover,
.rsts-skin-default .rsts-nav-bullets a.active {
	background-color: #e6000a;
	border: none;
	box-shadow: none;
}

.rsts-prev,
.rsts-next {
	display: block;
}

.rsts-skin-default .rsts-prev,
.rsts-skin-default .rsts-thumbs-prev {
	background-image: url(/tradepro/shop/layout/hawa_button_slider_arrow_back.svg);
	background-size: 70px;
	border: none;
	left: 20px;
	background-color: inherit;
	height: 50px;
	width: 50px;
	box-shadow: none;
	top: 50%;
	bottom: inherit;
}

.rsts-skin-default .rsts-prev:hover,
.rsts-skin-default .rsts-thumbs-prev:hover {
	background-image: url(/tradepro/shop/layout/hawa_button_slider_arrow_back_aktiv.svg);
	border: none;
	left: 20px;
	background-color: inherit;
}

.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-thumbs-next {
	background-image: url(/tradepro/shop/layout/hawa_button_slider_arrow_forward.svg);
	background-size: 70px;
	border: none;
	background-color: inherit;
	height: 50px;
	width: 50px;
	box-shadow: none;
	top: 50%;
	bottom: inherit;
}

.rsts-skin-default .rsts-next:hover,
.rsts-skin-default .rsts-thumbs-next:hover {
	background-image: url(/tradepro/shop/layout/hawa_button_slider_arrow_forward_aktiv.svg);
	border: none;
	background-color: inherit;
}

.rsts-skin-default .image_container.no-border,
.rsts-skin-default .no-border .image_container {
	width: 100%;
}

.rsts-skin-default .image_container img {
	object-fit: cover;
	height: 600px;
}

.rsts-skin-default .rsts-slide .slider-contentbox-left {
	left: 20vw;
}

.rsts-skin-default .rsts-slide .slider-contentbox-top {
	top: 4vw;
}

.rsts-skin-default .rsts-slide .slider-contentbox-wrapper {
	position: absolute;
	left: -3rem;
	right: -3rem;
	top: 0;
	bottom: 0;
	display: block;
	background-color: #003C78;
	z-index: 1;
	transform: skewY(-5deg);
	mix-blend-mode: multiply;
	opacity: .9;
	transition: all .4s ease-in-out;
	max-height: 450px;
}

.rsts-skin-default .rsts-slide .slider-subheadline {
	background: none;
	color: #fff;
	z-index: 2;
	position: relative;
	font-size: 30pt;
	font-weight: bold;
	margin-top: 2em;
	font-family: Arial, sans-serif;
}

.rsts-skin-default .rsts-slide .slider-kurzbeschreibung {
	background: none;
	color: #fff;
	z-index: 2;
	position: relative;
	font-size: 12pt;
	max-width: 300px;
	padding: 0.375rem 0.5rem;
	font-family: Arial, sans-serif;
}

.rsts-skin-default .rsts-slide .slider-linktext {
	background: none;
	z-index: 2;
	position: relative;
	margin-bottom: 10em;
	font-size: inherit;
}

.rsts-skin-default .rsts-slide .slider-linktext a {
	color: #089cc8;
	font-size: 14pt;
	position: relative;
	font-family: Arial, sans-serif;
}

.rsts-skin-default .rsts-slide .slider-linktext a::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more.svg);
	display: block;
	height: auto;
	width: 50px;
	position: absolute;
	right: -50px;
	top: -14px;
}


/* Tabs */
.ico-circle-left::before {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_news_slider_back.svg);
}

.ico-circle-right::before {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_news_slider_forward.svg);
}

.ico.slick-arrow.next-arrow {
	left: 55px;
}

.ico.slick-arrow {
	width: 30px;
}

.start .resp-tabs-list li {
	padding-left: 30px;
}

.resp-arrow::before {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
	width: 45px;
	text-decoration: none;
	border: none;
	padding: 0px;
	margin: 0px;
	transform: rotate(270deg);
	position: relative;
	top: -3px;
}

/*@keyframes dropdown {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(270deg);
	}
}*/

h2.resp-tab-active span.resp-arrow::before {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
	width: 45px;
	text-decoration: none;
	border: none;
	padding: 0px;
	margin: 0px;
	transform: rotate(0deg);
	top: -4px;
}

section#sortiment {
	display: inline-block;
	width: 75%;
}

section#sortiment.teaser-boxes section.teaser-boxes-item {
	margin-right: 0px;
	width: 33%;
	border: 7px solid transparent;
	position: relative;
	min-height: 350px;
}

section#sortiment .teaser-boxes-item p,
section#sortiment .team-boxes-item p  {
	font-size: 16px;
	max-width: 400px;
}

section#sortiment .teaser-boxes-item a.image-wrapper,
section#sortiment .team-boxes-item a.image-wrapper {
	margin-top: 0px;
	position: relative;
	bottom: inherit;
}

section#sortiment .teaser-boxes-item a.image-wrapper img,
section#sortiment .team-boxes-item a.image-wrapper img {
	height: auto;
}

section#sortiment .teaser-boxes-item a.image-wrapper::after,
section#sortiment .team-boxes-item a.image-wrapper::after {
	content: none;
}

section#sortiment .teaser-boxes-item a.moreLink,
section#sortiment .team-boxes-item a.moreLink {
	border: 2px solid #e6000a;
    color: #e6000a;
    background-color: transparent;
	transition: all .2s;
	padding: 10px 75px 10px 15px;
	display: inline-block;
	position: absolute;
	font-size: 1em;
}

section#sortiment .teaser-boxes-item a.moreLink:hover,
section#sortiment .team-boxes-item a.moreLink:hover {
	border: 2px solid #e6000a;
    color: #fff;
    background-color: #e6000a;
}

section#sortiment .teaser-boxes-item a.moreLink::after,
section#sortiment .team-boxes-item a.moreLink::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more_red.svg);
	width: 45px;
	display: inline-block;
	text-decoration: none;
	border: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: -3px;
	right: 0px;
}

section#sortiment .teaser-boxes-item a.moreLink:hover::after,
section#sortiment .team-boxes-item a.moreLink:hover::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more_white.svg);
}

div.buttonLink {
	display: inline-block;
	vertical-align: top;
	margin: 2.5em 0;
	margin-right: 0px;
	width: calc(25% - 5px);
	border: 7px solid transparent;
}

div.buttonLink ul {
	margin: 0px;
	padding: 0px;
}

div.buttonLink a.linkBox {
	border: 2px solid #e9eaeb;
	color: #003C78;
	background-color: #e9eaeb;
	transition: all .2s;
	display: block;
	margin: 30px 0px;
}

div.buttonLink a.linkBox:first-child {
	margin-top: 0px;
}

div.buttonLink a.linkBox:last-child {
	margin-bottom: 0px;
}


/* Arrow to Top */
.back-to-top a::after {
	content: "";
	background: url(/tradepro/shop/layout/hawa_button_go_to_top.svg);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	background-size: 85px;
	background-position: center center;
	border: none;
	padding: 0px;
	margin: 0px;
}


/* Footer */
footer #Sitemap {
	background: #e9eaeb;
}

footer #Sitemap .image_container.float_above {
	background: none;
	box-shadow: none;
	border: none;
	border-radius: 0px;
	padding: 0px;
	margin: 0px;
	left: -20px;
}

footer #Sitemap div.ce_text {
	width: 25%;
	margin-top: 66px;
	padding: 0px 20px;
}

footer #Sitemap div.ce_text:first-child {
	margin-top: 0%;
}

footer #Sitemap div.ce_text h6 {
	color: #003C78;
}

footer #Sitemap div.ce_text a {
	color: #003C78;
	padding-bottom: 10px;
}

footer #Sitemap div.ce_text a:hover {
	color: #e6000a;
}

footer #Sitemap div.ce_text a::after {
	content: "";
	display: block;
	border-bottom: 1px solid #003C78;
	padding-top: 10px;
	margin-bottom: -6px;
}

footer #Sitemap div#footerContent table td {
	padding: 0px;
}

footer #Sitemap div#footerContent a {
	border: 2px solid #e6000a;
    color: #e6000a;
    background-color: transparent;
	transition: all .2s;
	padding: 10px 75px 10px 15px;
	margin-top: 10px;
	display: inline-block;
	position: relative;
}

footer #Sitemap div#footerContent a:hover {
	border: 2px solid #e6000a;
    color: #fff;
    background-color: #e6000a;
}

footer #Sitemap div#footerContent a.mailto::after {
	content: none;
}

footer #Sitemap div#footerContent a::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more_red.svg);
	width: 50px;
	display: inline-block;
	text-decoration: none;
	border: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: -3px;
	right: 0px;
}

footer #Sitemap div#footerContent a:hover::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more_white.svg);
}

footer #Sitemap div#footerContent a.mailto {
	color: inherit;
	background-color: inherit;
	transition: none;
	border: 0px;
	margin-top: 0px;
	padding: 0px;
	position: inherit;
	display: inherit;
}

footer #Sitemap div#footerContent a.mailto:hover {
	color: inherit;
	background-color: inherit;
	transition: none;
	border: 0px;
	margin-top: 0px;
	padding: 0px;
	position: inherit;
	display: inherit;
}

footer #Sitemap div.ce_text a::after {
	content: none;
	border: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}

footer #Sitemap div#footerContent a.mailto:hover::after {
	content: none;
}

footer #Sitemap div#youtubeLinks a {
	display: inline-block;
}

footer #Sitemap div#youtubeLinks a::after {
	content: none;
}

footer #Sitemap div#youtubeLinks img {
	margin-right: 10px;
}


/* Livezilla */
#lz_overlay_wm {
	margin: 0px 70px 17px 0px !important;
}


/* Footer-Meta */
div.footer {
	background-color: #003C78;
	color: #fff;
	height: auto;
}

div.footer div.footernav {
	max-width: 1800px;
	margin: 0px auto;
	text-align: left;
}

div.footer div.footernav > div {
	display: inline-block;
	padding: 50px 20px;
}

div.footer div.footernavContent {
	float: right;
}

div.footer div.footernavContent nav#nav.nav ul.nav-list {
	padding: 0px;
	margin: 0px;
}

div.footer div.footernavContent nav#nav.nav ul.nav-list li {
	display: inline-block;
	margin-right: 10px;
}

div.footer div.footernavContent nav#nav.nav ul.nav-list li:last-child {
	margin-right: 0px;
}

div.footer div.footernavContent nav#nav.nav ul.nav-list li a {
	color: #fff;
}


/* Footer Spezial Hawa */
#Sitemap .wrapper .footer-navigation-container .footer-navigation {
	float: none;
	margin: 0px 20px;
	padding: 0px;
}

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

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

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

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

#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li a,
#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li span {
	text-transform: none;
	font-size: 12px;
}

#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li ul.language-menu li {
	margin: 0px;
}

#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li ul.language-menu li::before {
	content: "|";
	color: #003C78;
	padding-right: 5px;
}

#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li ul.language-menu li:first-child::before {
	content: "";
    background: url(/tradepro/shop/layout/world-grid.svg);
    height: 15px;
    width: 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    top: 2px;
}

#Sitemap .wrapper .footer-navigation-container nav#footer-meta-navigation .navigation-list li ul.language-menu li a.active {
	font-weight: normal;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation .navigation-list li {
	display: inline-block;
	margin: 0px 20px;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation .navigation-list li a {
	color: #003C78;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation .navigation-list li span {
	color: #003C78;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation .navigation-list li a::after {
	content: none;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content {
	margin: 60px 20px 0px 20px;
	position: relative;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content > div {
	margin: 0px 20px;
	padding: 0px;
	float: none;
	display: inline-block;
	width: auto;
	position: relative;
	left: 0px;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content > div:nth-child(2) {
	position: absolute;
	right: 0px;
	top: -15px;
	left: inherit;
}



#Sitemap .wrapper .footer-navigation-container .footer-navigation-content > div:nth-child(2) table tr td:first-child img {
	position: relative;
	top: -4px;
	height: 25px;
	width: 25px;
	max-width: none;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content > div:nth-child(2) table tr td {
	vertical-align: top;
	color: #003C78;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content > div:nth-child(2) table tr td p {
	margin: 0px;
}

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

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

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content a:first-child {
	margin-left: 0px;
	padding: 0px;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content a:last-child {
	margin-right: 0px;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content a.newsletter-button {
	border: 2px solid #e6000a;
    color: #e6000a;
    background-color: transparent;
	transition: all .2s;
	padding: 8px 65px 8px 10px;
	margin-top: 10px;
	display: inline-block;
	position: relative;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content a.newsletter-button:hover {
	border: 2px solid #e6000a;
    color: #fff;
	background-color: #e6000a;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content a.newsletter-button::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more_red.svg);
	width: 50px;
	display: inline-block;
	text-decoration: none;
	border: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: -6px;
	right: 0px;
}

#Sitemap .wrapper .footer-navigation-container .footer-navigation-content a.newsletter-button:hover::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more_white.svg);
}



/* Shop */

/* Breadcrumb */
#Breadcrum li a {
	background: url(/tradepro/shop/layout/hawa_icon_arrow_more_black.svg) no-repeat transparent;
	background-position: -5px;
	font-size: 15px;
}

#Breadcrum li a:hover,
#Breadcrum a:hover {
	color: #e6000a;
}

#Breadcrum li a:hover {
	background: url(/tradepro/shop/layout/hawa_icon_arrow_more_red.svg) no-repeat transparent;
	background-position: -5px;
}

#Breadcrum strong,
#Breadcrum a {
	font-size: 15px;
}


/* Kategorie-Navigation */
/* #RubView.categoryNavigation .thumb {
	min-height: 220px;
} */

#RubView.categoryNavigation .thumb .RubImageContainer {
	height: auto;
	width: auto;
}

#RubView.categoryNavigation .thumb .RubImageContainer img {
	max-height: 220px;
	min-height: 220px;
}


/* RubView */
.shop .FFSContent .clearfix .ce_text h1,
.FFSContent h1 {
	margin-left: 7px;
	color: #003C78;
	font-size: 22pt;
}

.FFSContent > p {
	margin-left: 7px;
}

.shop .FFSContent .clearfix .ce_text p,
.shop .FFSContent .clearfix .ce_text strong {
	color: #003C78;
	font-size: 15px;
}

.shop .FFSContent .clearfix .ce_text {
	margin-left: 7px;
	max-width: 1080px;
}

.shop div.ce_text figure.image_container {
	border: 0px;
	border-radius: 0px;
	background: none;
	box-shadow: none;
	padding: 0px;
}

#RubView h5 {
	margin: 10px;
    font-size: 15px;
    text-align: left;
}

.dynamic_score {
	display: none;
}

#SearchFilter .layoutSwitch.active {
	background: #003C78;
}

.FFSContent #RubView li:hover,
#RubView .offerItem:hover {
	border-color: #e9eaeb;
}

#ShopMenu section h3 {
	font-size: 15px;
	margin-bottom: 0px;
	padding-right: 25px;
}

#ShopMenu section ul a {
	font-size: 15px;
}

#ShopMenu section h3.roundcorners::after {
	transform: rotate(270deg);
	top: -1px;
}

#ShopMenu section h3::after {
	content: "";
	background: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down_blue.svg);
	background-size: auto;
	background-size: 35px 35px;
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	top: -7px;
	right: 0px;
}

#ShopMenu section ul li {
	padding-left: 10px;
}

#ShopMenu section ul li::before {
	content: " ";
}

#ShopMenu section ul li a::before {
	margin-top: 1px;
    content: " ";
    height: 13px;
    width: 13px;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 3px;
    left: 0px;
	box-shadow: 0 0 0 1px #003C78;
	position: absolute;
}

#ShopMenu section ul li.active a::before {
	background: #003C78;
    border: 2px solid #fff;
	box-shadow: 0 0 0 1px #003C78;
}

#ShopMenu section ul li.active {
	background: transparent;
}

#ShopMenu li.active a {
	color: #003C78;
	font-weight: bold;
}

#ShopMenu section ul li a {
	padding: 0.3em 0 0.3em 0;
	color: #003C78	;
}

#ShopMenu section ul li.active a::after {
	top: 1.1em;
	color: #003C78;
}

#ShopMenu section ul li.active a:hover {
	color: #e6000a;
}

div.FFSContent div.FFS-Flex section#RubView {
	width: 100%;
}

#RubView .btn-container,
.Info .btn-container {
	display: none;
}

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

.FFSContent #RubView li,
#RubView #TopProducts li,
.ShopContent #RubView li,
.StartContent #RubView li,
#RubView .offerItem {
	height: auto !important;
	margin-bottom: 0px;
}

.FFSContent #RubView li .innerBox {
	height: 300px;
	border: 1px solid #e9eaeb;
}

.FFSContent #RubView li:hover,
#RubView .offerItem:hover {
	margin-bottom: 0px;
}

.FFSContent #RubView li:hover .innerBox {
	height: 300px;
}

#RubView .thumb {
	min-height: auto;
}

#RubView .thumb .RubImageContainer {
	height: auto;
	width: auto;
}

#RubView.categoryselector .thumb img {
    max-width: none;
    margin-top: 0;
    max-height: none;
    position: absolute;
    width: 100%;
    object-fit: cover;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#RubView .thumb img {
    max-width: none;
    margin-top: 0;
    max-height: none;
    position: absolute;
	width: 100%;
	max-height: 220px;
    object-fit: contain;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#RubView .itemContent {
	background: #e9eaeb;
	height: 80px;
}


/* ListView */
#ListView h5 {
    margin: 0 110px 10px 110px;
    padding: 0;
}

#ListView h5 a {
	font-size: 15px;
}

#ListView p {
	font-size: 15px;
}

#SearchResult {
	font-size: 15px;
	color: #003C78;
	margin-top: 1em;
}

#SearchFilter select {
	border-radius: 0px;
}

#Pages a,
#Pages li {
	border-radius: 0px;
}


/* Buttons */
button,
html .button,
html input.submit,
.feature-box-link {
	border: 1px solid #e6000a;
	color: #e6000a;
	font-size: 15px;
}

html .button:hover,
html input.submit:hover,
html .button:focus,
html .button:active,
html .button.active,
.feature-box-link:hover {
	background: #e6000a;
	border: 1px solid #e6000a;
	color: #fff;
}

#RubView .button_dark,
html .button_dark,
.button-kontakt {
	background: none;
	border: 1px solid #003C78;
	color: #003C78;
	border-radius: 0px;
}

#RubView .button_dark:hover,
html .button_dark:hover,
#FactFinder button,
.button-kontakt:hover {
	background: #003C78;
	border: 1px solid #003C78;
	color: #fff;
	border-radius: 0px;
}

#FactFinder button i {
	padding: 0.4em 7px;
}


/* Aside Navigations */
#ShopMenu #Filter .reset-filters {
	border: 2px solid #003C78;
	text-align: center;
}

#ShopMenu #Filter .reset-filters:hover {
	background: #003C78;
}

#ShopMenu #Filter .reset-filters a {
	display: block;
	padding: 5px;
}

#ShopMenu #Filter .reset-filters:hover a {
	color: #fff;
}

#ShopMenu > div,
#ShopMenu > section {
	background: #f1f1f1;
}

#ShopMenu > div#Filter > section {
	background: #fff;
	border: 2px solid #e9eaeb;
}

#ShopMenu ul li a:hover {
	color: #e6000a;
}


/* Detailansicht / Detailseite */
.ShopContent {
	width: calc(100% - 300px);
}

#DetailInfo {
	margin: 0px 0px 20px 20px;
	padding: 0px;
}

#DetailHersteller {
	max-width: none;
	max-height: 25px;
}

#ZoomContainer {
	width: 25%;
}

#ZoomContainer .shariff {
	display: none;
}

#DetailInfo {
	float: left;
}

#DetailText {
	margin: 0 10px 20px 0;
}

aside#ShopMenu.DetailMenu {
	width: auto;
	right: 0px;
	margin: 0px;
	padding: 10px 20px;
	max-width: 500px;
	border: 0px;
	height: auto;
	top: 0px;
	min-width: 300px;
}

div#DetailInfo .productHighlight {
	background: #f1f1f1;
	padding: 10px 20px;
}

div#DetailInfo .productHighlight * {
	font-size: 15px;
	color: #000;
}

div#DetailInfo .productHighlight .highlightTitle,
div#DetailInfo .productHighlight .technicalTitle {
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0px 5px 0px;
}

div#DetailInfo .productHighlight .highlight .highlightContainer,
div#DetailInfo .productHighlight .technical .technicalContainer {
	margin: 5px 0px 0px 0px;
}

div#DetailInfo .productHighlight .highlight .highlightContainer .highlightIcon {
	font-weight: bold;
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

div#DetailInfo .productHighlight .highlight .highlightContainer .highlightIcon .highlightContent {
	display: inline-block;
	position: relative;
	bottom: 10px;
}

div#DetailInfo .productHighlight .highlight .highlightContainer .highlightText {
	display: inline-block;
	width: calc(70% - 5px);
}

div#DetailInfo .productHighlight .technical .technicalContainer .technicalIcon {
	display: inline-block;
	width: 30%;
}
div#DetailInfo .productHighlight .technical .technicalContainer .technicalIcon .technicalLimit {
	display: inline-block;
	position: relative;
	bottom: 10px;
	left: 5px;
}

div#DetailInfo .productHighlight .technical .technicalContainer .technicalIcon img {
	height: 30px;
}

div#DetailInfo .productHighlight .technical .technicalContainer .technicalContent {
	display: inline-block;
	width: calc(70% - 5px);
	bottom: 10px;
	position: relative;
}


aside#ShopMenu.DetailMenu {
	min-width: 250px;
	max-width: 250px;
	padding: 0px;
	margin: 0px;
}

aside#ShopMenu .link-container {
	background: none;
	border: 0px;
}

aside#ShopMenu .link-container .link-box {
	margin-bottom: 30px;
}

aside#ShopMenu .link-container .link-box p {
	margin-bottom: 10px;
}

aside#ShopMenu .buttonContainer {
	background: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

aside#ShopMenu .buttonContainer .familyContainer {
	text-align: left;
	padding: 10px;
	z-index: 99;
	position: relative;
	background: #f1f1f1;
	margin-bottom: 15px;
}

aside#ShopMenu .buttonContainer .familyContainer h3 {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
}

aside#ShopMenu .buttonContainer .familyContainer h3 a {
	margin: 0px;
	padding: 0px;
}

aside#ShopMenu .buttonContainer .familyContainer h3 a::after {
	content: "\f019";
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

aside#ShopMenu .buttonContainer section#history,
aside#ShopMenu .buttonContainer section#funktionen {
	z-index: 99;
	background: #f1f1f1;
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
	position: relative;
	display: none;
}

aside#ShopMenu .buttonContainer section#history h3,
aside#ShopMenu .buttonContainer section#funktionen h3 {
	display: block !important;
}

aside#ShopMenu .buttonContainer section#history h3::after,
aside#ShopMenu .buttonContainer section#funktionen h3::after {
	content: none;
}

aside#ShopMenu h3 .ASN_Toggle,
.toggle {
	background-position: left bottom;
	top: 9px;
}

#ShopMenu .buttonContainer h3 .ASN_Toggle.close,
.toggle.close {
    background: url("/tradepro/shop/layout/ASN_toggle.png") no-repeat scroll left top transparent;
        background-position-x: left;
        background-position-y: top;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 3px;
    width: 18px;
    cursor: pointer;
}

.resp-tabs-list li {
	position: relative;
}

.resp-tabs-list li {
	padding-left: 55px;
}

.resp-tabs-list li::before {
	height: 30px;
	width: 30px;
	display: inline-block;
	position: absolute;
	left: 10px;
    top: 6px;
}

.resp-tabs-list li.system::before {
	content: url(/tradepro/shop/layout/hawa_system.svg);
}

.resp-tabs-list li.planning::before {
	content: url(/tradepro/shop/layout/hawa_planning.svg);
}

.resp-tabs-list li.specification::before {
	content: url(/tradepro/shop/layout/hawa_specifications.svg);
}

#RubView .catalogBackground {
	width: 100%;
	max-width: 1277px;
    display: inline-block;
	height: auto;
	min-width: 0px;
	transition: all 0.3s ease-in-out;
	border: 7px solid #f1f1f1;
}

#RubView .catalogBackground:nth-child(odd) {
	border: 7px solid #fafafa;
}

#RubView .catalogBackground:nth-child(odd) .catalogDataContainer {
	background: #fafafa;
}

#RubView .catalogBackground:hover {
	border: 7px solid #e9eaeb;
}

#RubView .catalogBackground .catalogDataContainer {
	padding: 15px;
	padding-left: 0px;
	background: #f1f1f1;
}

#RubView .catalogBackground .catalogDataContainer h3 {
	font-size: 15pt;
	color: #003C78;
	margin: 0px;
}

#RubView .catalogBackground .catalogDataContainer .catalogData {
	color: #003C78;
	font-weight: normal;
	font-size: 15px;
}

div.fileContainer {
	font-size: 10px;
	display: block;
	min-height: 25px;
}

div.fileContainer span.fileDate {
	font-size: 10px;
	display: inline-block;
}

div.fileContainer span.fileType {
	font-size: 10px;
	display: inline-block;
	text-transform: uppercase;
}

.resp-tabs-list li {
	font-size: 15px;
}

#DetailAttributes .listElement ul {
	position: relative;
	margin-left: 15px;
}

#DetailAttributes .listElement ul::before {
	content: "\2022";
	font-size: 22px;	
	display: inline-block;	
	list-style-position: inherit;	
	position: absolute;	
	left: -15px;	
	top: -5px;
}

#DetailInfo #DetailText {
	font-size: 15px;
	color: #003C78;
}

#DetailInfo ul {
	margin-right: 10px;
}

#DetailAttributes .listElement ul li {
	list-style-position: inherit;
}	

#DetailInfo ul li,
.Info ul li {
	list-style-type: disc;
	list-style-position: inherit;
}

.DetailCrossHeadline {
	font-family: Arial, sans-serif;
	text-transform: none;
	font-size: 15px;
	margin: 20px 0px 10px 0px;
	line-height: 17px;
}

#DetailMoreInfos {
	float: none;
	margin: 0px;
	font-size: 15px;
}

#ZoomlinkInfo {
	display: none;
}

.ico-caret-square-up.ico-caret-square-down::before {
	content: "";
	background: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
	height: 30px;
	width: 30px;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	display: inline-block;
	top: 2px;
	position: relative;
	transform: none;
	right: 6px;
}

.ico-caret-square-up::before {
	content: "";
	background: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
	height: 30px;
	width: 30px;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	display: inline-block;
	top: 8px;
	position: relative;
	transform: rotate(180deg);
	right: 3px;
}

#RubView .productNameContainer h3 {
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #003C78;
}

#RubView .productNameContainer h3 a {
	font-family: Arial, sans-serif;
	color: #003C78;
	font-size: 15px;
}

#DetailPrint {
	margin: 0px;
}

#readmorecontainer {
	margin-bottom: 1em;
}

/* Detailansicht Zoom */
.fancybox-skin {
	background: #e9eaeb;
}

#DetailZoom {
	text-align: center;
}

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

#DetailZoom .thumbs > img {
	margin: 10px;
	max-height: 90px;
}


/* Detailansicht Crossartikel */
.artCMS #RubView.InnerContainer {
	margin-top: 30px;
}

.artCMS #RubView #DetailCross.DetailCross {
	display: inline-block;
    width: 100%;
	max-width: 1277px;
}

.artCMS #RubView #DetailCross.DetailCross .flexcontainerMultilist {
	margin-top: 0px;
}

.artCMS #RubView #DetailCross.DetailCross .flexcontainerMultilist .DetailCrossHeadline .toggle_position {
	padding: 0px;
	top: 5px;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons {
	width: 100%;
	max-width: 100%;
	height: auto;
	flex: 100%;
	min-width: 0px;
	border-color: #f1f1f1;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons:hover {
	border-color: #e9eaeb;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons .addProductsFrame.innerBox {
	background: #f1f1f1;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons:nth-child(even) {
	border-color: #fafafa;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons:nth-child(even):hover {
	border-color: #e9eaeb;
}

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

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons .addProductsFrame.innerBox {
	height: auto;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons .addProductsFrame.innerBox .thumbNoAnimation {
	display: inline-block;
	width: 100px;
	vertical-align: middle;
	height: auto;
	min-width: 100px;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons .addProductsFrame.innerBox .thumbNoAnimation img {
	margin-top: 0;
	max-height: 90px;
	height: 90px;
	position: relative;
	left: 5px;
	top: 0px;
	transform: none;
	width: auto;
	object-fit: contain;
	padding: 5px;
	vertical-align: middle;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons .addProductsFrame.innerBox .itemContentNoAnimation {
	display: inline-block;
	vertical-align: middle;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: none;
	width: calc(100% - 110px);
	word-wrap: break-word;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons .addProductsFrame.innerBox .itemContentNoAnimation .productNameContainer {
	height: auto;
}

.artCMS #RubView #DetailCross.DetailCross .offerItem.RubMaxWidthButtons .addProductsFrame.innerBox .itemContentNoAnimation .productNameContainer h3 {
	margin: 0px;
	padding: 0px;
	text-align: left;
}


/* Zusätzliche Infos */
.newLine {
	width: 100%;
	display: block;
}

.tp-detail-container {
	max-width: 1277px;
	margin-top: 30px;
    font-weight: bold;
}

.tp-detail-container > .tp-detail-toggle.ico-caret-square-up::before {
	top: 14px
}

.tp-detail-container > .tp-detail-toggle.ico-caret-square-down::before {
	top: 7px
}

.tabStylingContainer {
	margin-top: 10px;
	width: 100%;
	max-width: 1277px;
    display: inline-block;
	vertical-align: top;
}

.tabStylingOuter {
	margin: 0px;
	padding: 0px;
	border: 7px solid #f1f1f1;
}

.tabStylingOuter:hover {
	border: 7px solid #e9eaeb;
}

.tabStylingContainer .tabStylingTitle {
	font-family: Arial, sans-serif;
	text-transform: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 17px;
	margin: 0px 0px 10px 0px;
}

.tabStylingContainer .tabStylingTitle .toggle_position {
	padding: 0px;
	top: 5px;
	position: relative;
}

.tabStylingContainer .tabStylingInner {
	padding: 15px;
	padding-left: 0px;
	background: #f1f1f1;
}

.tabStylingContainer .tabStylingOuter:nth-child(odd) {
	border-color: #fafafa;
}

.tabStylingContainer .tabStylingOuter:nth-child(odd):hover {
	border-color: #f1f1f1;
}

.tabStylingContainer .tabStylingOuter:nth-child(odd) .tabStylingInner {
	background: #fafafa;
}

.tabStylingContainer .tabStylingInner .tabStylingImage {
	display: inline-block;
	vertical-align: middle;
}

.tabStylingContainer a {
	background: transparent url(/tradepro/layout/Icon_FILE_90x90px.png) center left no-repeat;
    background-size: 60px 60px;
    padding: 12px 0px 12px 60px;
}

.tabStylingContainer a[href^="https:"] {
	background: transparent url(/tradepro/layout/Icon_outlink-90x90px.png) center left no-repeat;
	background-size: 60px 60px;
}

.tabStylingContainer a[href$=".doc"] {
	background: transparent url(/tradepro/layout/Icon_DOC_90x90px.png) center left no-repeat;
	background-size: 60px 60px;
}

.tabStylingContainer a[href$=".dxf"] {
	background: transparent url(/tradepro/layout/Icon_DXF_90x90px.png) center left no-repeat;
	background-size: 60px 60px;
}

.tabStylingContainer a[href$=".eps"] {
	background: transparent url(/tradepro/layout/Icon_EPS_90x90px.png) center left no-repeat;
	background-size: 60px 60px;
}

.tabStylingContainer a[href$=".gif"] {
	background: transparent url(/tradepro/layout/Icon_GIF_90x90px.png) center left no-repeat;
	background-size: 60px 60px;
}

.tabStylingContainer a[href$=".jpg"] {
	background: transparent url(/tradepro/layout/Icon_JPG_90x90px.png) center left no-repeat;
	background-size: 60px 60px;
}

.tabStylingContainer a[href$=".pdf"],
.catalogDataContainer a[href$=".pdf"] {
	background: transparent url(/tradepro/layout/Icon_PDF_90x90px.png) center left no-repeat;
	background-size: 60px 60px;
	padding: 12px 0px 12px 60px;
}

.tabStylingContainer a[href$=".xls"] {
	background: transparent url(/tradepro/layout/Icon_XLS_90x90px.png) center left no-repeat;
	background-size: 60px 60px;
}

.tabStylingContainer a[href$=".xml"] {
	background: transparent url(/tradepro/layout/Icon_XML_90x90px.png) center left no-repeat;
	background-size: 60px 60px;
}

.tabStylingContainer a[href$=".zip"] {
	background: transparent url(/tradepro/layout/Icon_ZIP_90x90px.png) center left no-repeat;
	background-size: 60px 60px;
}

#RubView .tabStylingContainer .tabStylingInner .tabStylingImage h3,
#RubView .tabStylingContainer .tabStylingInner .tabStylingText h3 {
	font-size: 15px;
	margin: 0px;
}

#RubView .tabStylingContainer .tabStylingInner .tabStylingImage h3 a,
#RubView .tabStylingContainer .tabStylingInner .tabStylingText h3 a {
	color: #003C78;
	font-size: 15px;
}

.tabStylingContainer .tabStylingInner .tabStylingContent {
	display: block;
	vertical-align: middle;
}

.tabStylingContainer .tabStylingInner .tabStylingContent .tabStylingText {
	color: #000;
	font-size: 15px;
	margin-left: 60px;
	margin-top: 10px;
	font-weight: normal;
}

.tabStylingContainer .tabStylingContent .tabStylingImage iframe,
.tabStylingContainer .tabStylingContent .tabStylingImage video{
	width: 100%;
	height: 400px;
	vertical-align: middle;
}

.tabStylingContainer .tabStylingInner .tabStylingContent .tabStylingLegend {
	color: #003C78;
	margin-top: 5px;
	font-size: 15px;
	margin-left: 60px;
}

img.fileImage {
    height: 100%;
    width: auto;
    object-fit: contain;
    vertical-align: middle;
}


/* CMS */
.FFSContent section.teaser-boxes section.teaser-boxes-item {
	margin-right: 0px;
	width: 20%;
	border: 7px solid transparent;
}

.rs-column {
	margin-top: 20px;
}

.teaser-boxes-item img,
.team-boxes-item img {
	height: 250px;
	object-fit: cover;
}

.ce_headline-linkbox {
	margin: 40px 0px 20px 0px;
}

.ce_headline-linkbox .text,
.ce_headline-linkbox .hyperlink {
	display: inline-block;
}

.ce_headline-linkbox .text {
	font-size: 22pt;
    font-weight: bold;
	color: #003C78;
	vertical-align: middle;
}

.ce_download-box,
.ce_link-box {
	width: calc(25% - 14px);
    background: #e9eaeb;
	min-height: 550px;
	margin: 10px 10px 10px 0px;
	display: inline-table;
	position: relative;
}

.ce_download-box .headline,
.ce_link-box .headline {
	color: #003C78;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
	padding: 0px 20px;
}

.ce_download-box .description,
.ce_link-box .description {
	color: #003C78;
	font-size: 0.9em;
	margin-bottom: 10px;
	padding: 0px 20px;
	min-height: 60px;
}

.ce_download-box .image .image_container,
.ce_link-box .image .image_container {
	border: 0px;
	padding: 0px;
	margin: 0 0 10px 0;
	width: 100%;
}

.ce_download-box .image .image_container img,
.ce_link-box .image .image_container img {
	object-fit: cover;
	height: 350px;
}

.image_container a:hover:after,
.image_container a:focus:after {
	content: "";
}

.ce_download-box .download-button a,
.ce_link-box .link-button a {
	border: 2px solid #e6000a;
    color: #e6000a;
    background-color: transparent;
    transition: all .2s;
	padding: 10px 80px 10px 15px;
    display: inline-block;
    position: absolute;
	font-size: 15px;
	bottom: 20px;
	left: 20px;
}

.ce_headline-linkbox .hyperlink .ce_hyperlink a {
	border: 2px solid #e6000a;
    color: #e6000a;
    background-color: transparent;
    transition: all .2s;
	padding: 7px 80px 7px 15px;
	display: inline-block;
	position: relative;
	font-size: 15px;
	margin: 0px 20px;
}

.ce_download-box .download-button a::after {
	content: url(/tradepro/layout/pfeil_rot.svg);
    width: 20px;
    display: inline-block;
    text-decoration: none;
    border: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 10px;
    right: 15px;
}

.ce_download-box .download-button:hover a::after {
	content: url(/tradepro/layout/pfeil_weiss.svg);
}

.ce_download-box .download-button a:hover,
.ce_link-box .link-button a:hover,
.ce_headline-linkbox .hyperlink .ce_hyperlink a:hover {
	border: 2px solid #e6000a;
    color: #fff;
    background-color: #e6000a;
}

.ce_link-box .link-button a::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more_red.svg);
    width: 45px;
    display: inline-block;
    text-decoration: none;
    border: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: -2px;
    right: 0px;
}

.ce_headline-linkbox .hyperlink .ce_hyperlink a::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more_red.svg);
    width: 45px;
    display: inline-block;
    text-decoration: none;
    border: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: -4px;
    right: 0px;
}

.ce_link-box .link-button:hover a::after,
.ce_headline-linkbox .hyperlink .ce_hyperlink a:hover::after {
	content: url(/tradepro/shop/layout/hawa_icon_arrow_more_white.svg);
}

/* Hawa 6*/
.productHighlightTitle {
    font-size: 15px;
    color: #003C78;
	margin-bottom: 5px;
}

.ico-caret-square-right::before {
    content: "";
    background: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
    height: 24px;
    width: 24px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    display: inline-block;
    top: 11px;
    position: relative;
    transform: rotate(270deg);
    right: 7px;
}

.ico-caret-square-right.ico-caret-square-down::before {
    content: "";
    background: url(/tradepro/shop/layout/hawa_icon_arrow_meta_drop-down.svg);
    height: 24px;
    width: 24px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    display: inline-block;
    top: 0px;
    position: relative;
    transform: rotate(0deg);
    right: 7px;
}

#DetailInfo .productHighlightTitle + .productHighlight {
    display: none;
}