/*
Primary color: #fbe12c
Default color: #cccccc;
Text color: #434343;
*/

/*!
* Font Awesome Free 5.10.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons:CC BY 4.0, Fonts:SIL OFL 1.1, Code:MIT License)
*/

/*
.devHazardBackground {
	height: 30px;
	color: white;
	padding: 5px;
	background-image: repeating-linear-gradient(
	  -45deg,
	  #000,
	  #000 20px,
	  #FADD00 20px,
	  #FADD00 40px
	);
}
*/

.TopBorder {
	border-top: 10px solid #FADD00;
}

.stgTopBorder {
	border-top: 10px solid white;
	border-image: repeating-linear-gradient(
	  -45deg,
	  #000,
	  #000 20px,
	  #FADD00 20px,
	  #FADD00 40px
	) 10;
}

.devTopBorder {
	border-top: 10px solid white;
	border-image: repeating-linear-gradient(
	  -45deg,
	  #000,
	  #000 20px,
	  #FFCC00 20px,
	  #FFCC00 40px,
	  #ff0000 40px,
	  #ff0000 60px
	) 10;
}

@font-face {
	font-family:'Font Awesome 5 Free';
	font-style:normal;
	font-weight:900;
	font-display:auto;
	src:url("../webfonts/fa-solid-900.eot");
	src:url("../webfonts/fa-solid-900.eot?#iefix")
		format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2")
		format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"),
		url("../webfonts/fa-solid-900.ttf") format("truetype"),
		url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fas {
	font-family:'Font Awesome 5 Free';
	font-weight:900;
}

@font-face {
	font-family:'Font Awesome 5 brand';
	font-style:normal;
	font-weight:400;
	font-display:auto;
	src:url("../webfonts/fa-brands-400.eot");
	src:url("../webfonts/fa-brands-400.eot?#iefix")
		format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2")
		format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"),
		url("../webfonts/fa-brands-400.ttf") format("truetype"),
		url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
	font-family:'Font Awesome 5 brand';
	font-weight:400;
}


html {
	overflow-y:scroll;	
}

.disabledDiv {
	pointer-events: none;
    opacity: 0.5;
}

.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

/* Tooltip container */
.infoTitle {
	border-bottom-width: 1px;
	border-bottom-color: #bbb;
	border-bottom-style: dashed;
}

.info {
	flex-shrink: 1;
}

info {
	/*font-size: small;*/
	z-index: 1000;
	border: #DBDBD7 1px solid;
	border-top: #FADD00 5px solid;
	border-radius: 5px;
	color: #333;
	background-color: #fff;
	box-shadow: 0px 0px 10px 2px #33333366;
	padding: 20px;
	margin: 10px;
	width: auto;
	min-width: 20vw;
	max-width: 40vw;
	position: absolute;
	top: 35px;
	left: -10px;

	text-decoration: none;
	/*white-space: nowrap;*/
}

.onRight {
	left: unset;
	right: -10px;
}

.infoArticleRightBottom {
	text-align: justify;
	font-size: revert;
	position: fixed;
	max-width: auto;
	max-height: 95vh;
	left: auto;
	top: auto;
	right: 10px;
	bottom: 10px;
	z-index: 9999;
	transition: 1s;
}

.info:hover {
	/*cursor: help;*/
	position: relative;
}

.info info {
	display: none;
}

.info:hover info {
	display: block;
}

.highlighted,
.treeStruct:hover {
	/*box-shadow: 10px 10px 10px -5px #33333366;
	background: linear-gradient(320deg, rgba(255,255,255,0) 0%, rgb(153 153 153 / 10%) 100%);*/
	background-color: rgba(0, 0, 0, 0.075);
}

.pointer:hover {
	cursor: pointer;
}

@media screen and (max-width:768px) {
	.info:hover info {
		min-width: 80vw;
		max-width: 90vw;
	}
}
										
#warning,
.warning {
      color:#ff0000;
      display:inline-block;
}

.container {
	min-width:360px;	
}

a,
a:hover,
a:focus {
	color:#000066;
	text-decoration:none;	
}
	
.btn:focus,
.btn:active,
a:focus,
a.active {
  outline:none !important;
}

.btn {
	color:#434343;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	text-align:left;
	margin-bottom:15px;
}

.btn-lg {
	font-size:1.15rem;
}

.btn-primary {
	background:#e0f0fa;
	border-color:#e0f0fa;
}

.btn-secondary {
	background:#fadd00;
	border-color:#fadd00;
}

.btn-image {
	background-position:10px center;
	background-repeat:no-repeat;
	background-size:30px;
	padding-left:60px;
	width:100%;
}

.wysiwyg ul {
	list-style:none;
}

ul {
	padding:0px;
}

h1 {
	font-size:1.4rem;
	margin-bottom:20px;
}

h2 {
	font-size:1.25rem;
}

h3 {
	font-size:1.1rem;
}

.textile {
	margin-bottom:30px;
}

img.icon {
	width:27px;
}

.table > :not(:first-child) {
	border-top:1px solid #dee2e6;
}

/* Header / Meta / Navigation ---------------- */

#header {
	padding:40px 0px;
	min-height:280px;
}

#logo {
	background:url(/media/logo_2x.png);
	background-size:100%;
	height:120px;
	width:175px;
	display:block;
	float:left;
	margin:0px 0px 50px 20px;
}

#claim {
	padding-bottom:20px;
	font-size:2.0em;
}

#header #languages li,
#header #metanavigation li,
#header #customer-menu li {
	float:left;
	list-style:none;
	padding-right:55px;	
	line-height:30px;
	padding-top: 4px;
}

#header #metanavigation li.carreer {
	padding-right:0px;	
}

#header #languages a,
#header #metanavigation a,
#header #customer-menu a {
	color:#434343;		
	display:block;
	height:30px;
}

#header #languages {
	float:left;	
	border:1px solid #cccccc;
	margin-right:20px;
	background:url(/media/pfeil-unten.png) 160px center no-repeat;
	background-size:20px auto;
	width:195px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#header #languages li {
	padding:0px;	
	padding:0px 0px 0px 10px;
	width:100%;
}

#header #languages li a {
	padding-left:60px;
	background-size:30px auto !important;
}

#header #languages li a.clang-1 {
	background:url(/media/de.png) left center no-repeat;	
}

#header #languages li a.clang-2 {
	background:url(/media/en.png) left center no-repeat;	
}

#header #languages li a.clang-3 {
	background:url(/media/it.png) left center no-repeat;	
}

#header #languages li a.clang-4 {
	background:url(/media/si.png) left center no-repeat;	
}

#header #languages li ul {
	background:#ffffff;
	position:absolute;
	left:-1px;
	right:-1px;
	z-index:9999;
	display:none;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

#header #languages li:hover ul {
	display:block;
}

#header #languages ul ul li {
	float:none;	
}

#header #metanavigation {
	float:left;
}

#header #customer-menu {
	float:right;
}

#header #customer-menu li {
	padding-right:10px;	
	margin-left:25px;	
}

#header #customer-menu a {
	padding-left:40px;		
}

#kunden-info {
	clear:both;
	padding:10px 0px;
	color:#0088ff; 
}

#home {
	display:none;
}

#search {
	display:none;
}

#myaccount a {
	background:url(/media/mein-konto.png) left center no-repeat;
	background-size:25px;
}

#login a {
	padding-left:60px;
    background:url(/media/anmelden.png) left center no-repeat;
    background-size:25px;
}

#logout a {
	padding-left:60px;	
    background:url(/media/abmelden.png) left center no-repeat;
    background-size:25px;
}

#mybasket a {
	padding-left:60px;	
    background:url(/media/warenkorb.png) left center no-repeat;
    background-size:25px;
}

.menu-wrapper-relative {
	position:relative;
}

.metasuche input {
	width:100%;
	height:30px;
	border:1px solid #cccccc;	
	text-align:center;
	font-family:'PT Sans', sans-serif;
	font-size:1em;
	line-height:30px;	
	color:#434343;
	margin-bottom:0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

@media screen and (min-width:768px) {
	
body {
	font-family:sans-serif;
	font-size:16px;
	color:#434343;
	/*border-top:10px solid #fbe12c;*/
}

	#navi-top {
		height:30px;
		line-height:30px;
	}
	
	#navi-top li.level-1 {
		list-style:none;	
	}
	
	#navi-top a.level-1 {
		display:block;
		text-align:center;
		color:#ffffff;
		background:#999999;	
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
		
	#navi-top a.level-1:hover,
	#navi-top a.level-1.active {
		color:#434343;
		background:#dbdbd7;	
	}
	
	#navi-top li.level-1 ul.wrapper {
		display:block;
		visibility:hidden;
		opacity:0;
		position:absolute;
		z-index:999;
		background:#f1f1ef;	
		border-top:3px solid #ffffff;
		width:1200px;
		left:0px;
		width:100%;
		min-height:300px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		-webkit-transition:all 0.1s linear;
	    -ms-transition:all 0.1s linear;
		transition:all 0.1s linear;
	}
	
	#navi-top li.level-1.open ul.wrapper.columns-4 {
		visibility:visible;
		opacity:1;
	}
	
	#navi-top li.level-1 li.wrapper {
		float:left;
		width:25%;
		list-style:none;	
		padding-top:30px;
	}
	
	#navi-top li.level-1 li.level-2 {
		padding:0px 15px 30px 40px;
		list-style:none;
	}
	
	#navi-top li.level-1 a.level-2 {
		font-size:1.1em;
		color:#000000;
		text-decoration:none;
		font-weight:700;
	}
	
	#navi-top li.level-1 li.level-3 {
		list-style:none;
		line-height:25px;
	}
	
	#navi-top li.level-1 a.level-3 {
		font-size:1em;
		color:#000000;
		text-decoration:none;
	}
	
	.navbar {
		padding:0px 0px;	
	}
	
	.navbar li {
		list-style:none;
		padding-bottom:15px;
	}
	
	.navbar a {
		font-size:1em;
		color:#434343;
		padding-left:25px;
		background:url(/media/pfeil-rechts.png) left center no-repeat;
		background-size:16px;
	}
	
	
	.navbar a.level-2 {
		font-weight:bold;
	}
	
	.navbar a.active_main,
	.navbar a.active_sub {
		background:url(/media/pfeil-unten.png) left center no-repeat;
		background-size:16px;
	
	}
	
	.navbar li ul {
		padding-top:10px;
	}
	
	.navbar li li {
		padding-left:25px;
	}
	
	.navbar li li a {
		font-size:1rem;
	}

	.scrollTop {
		scroll-margin-top: 30px;
	}

}

/* Slideshow -------------------------------- */

#cycle-1 {
	position:relative;
}

#cycle-1.padding {
	padding-bottom:50px;	
}
	
#cycle-1 .cycle-slide {
	width:100%;
	height:350px;	
	background:#ffffff;
}

#cycle-1 .cycle-slide a {
	display:block;
	height:100%;
	width:100%;
	color:#434343;
}

#cycle-1 .cycle-slide img {
	float:left;	
	display:block;
	width:100%;
}

#cycle-1 .cycle-slide .text {
	float:right;	
	padding:75px 30px 0px 18px;
	width:212px;
	display:block;
}

#cycle-1 .cycle-slide .text .title {
	font-weight:bold;
	padding-bottom:15px;
	display:block;	
}

.cycle-pager {
	height:30px;
	line-height:50px;
	padding:3px 0px 50px 0px;
	font-size:4.4em;
	color:#cccccc;
	margin-bottom:10px;
}

.cycle-pager.no_padding {
	padding-bottom:0px;	
}

.cycle-pager span {
	display:block;
	float:left;
	cursor:pointer;
}

.cycle-pager .cycle-pager-active {
	color:#fbe12c;
}

/* News -------------------------------------- */

.wrapper.news {
	margin-bottom:50px;	
}

.wrapper.news .headline {
	height:30px;
	line-height:30px;
	color:#ffffff;
	background:#fbe12c;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:15px;
}

.wrapper.news a {
	display:block;
	padding:14px 15px;
	line-height:17px; 
	background:#f1f1ef;
	margin-bottom:10px;
}

/* Catalogs ---------------------------------- */

.wrapper-catalogs a {
	display:block;
	padding-bottom:30px;
}

/* Teaser ------------------------------------ */

.wrapper-teaser {
	padding-bottom:20px;
}

.wrapper-teaser.image {
	padding-bottom:60px;
}

.teaser-box-image {
	display:block;
	border:1px solid #cbcbcb;
	text-align:center;
	padding:5px;
}

.wrapper-teaser a {
	display:block;
	color:#434343;	
}

.wrapper-teaser-box a {
	display:block;
	padding:10px;
	font-size:0.9em;
}

.wrapper-teaser-box .portrait a img {
	width:auto;
	height:100%;
}

.no_border .teaser-box-image {
	border:none;
	padding:0px;	
}

.teaser-box {
	padding-bottom:20px;
}

.teaser-aktionspreis {
	display:block;
	width:90px;
	height:90px;
	position:absolute;
	right:1px;
	top:1px;
	background:url(/media/teaser_aktionspreis.png);
}

.teaser-sonderpreis {
	display:block;
	width:90px;
	height:90px;
	position:absolute;
	right:1px;
	top:1px;
	background:url(/media/teaser_sonderpreis.png);
}

/* Article ----------------------------------- */

#gallery {
	border:1px solid #cccccc;
	padding:35px;
	margin-bottom:30px;
}

#gallery img {
	height:auto !Important;	
}

#gallery .btn-download-einzelbild {
	background-color:rgba(60,60,67,0.5);
	border-color:rgba(60,60,67,0.5);
	background-image:url(/media/datei-download-weiss.png);
	color:#ffffff;
	width:auto;
	position:absolute;
	left:0;
	bottom:0;
}

#cycle-thumbnails {
    margin-bottom:30px;
}

#cycle-thumbnails .thumbnail .box {
    border:1px solid #cbcbcb;
    padding:8px;
    cursor:pointer;
    margin-bottom:30px;
}

.view360 {
	background-image:url(/images/view360/view360.png);
}

.suppliersforconsumers {
	background-image:url(/media/markt.png);
}

.downloadprintphotos {
	background-image:url(/media/foto.png);
}

.downloadprintphotoszip {
	background-image:url(/media/foto.png);
}


.downloadpdfszip {
	background-image:url(/media/pdf-icon.png);
}

.downloadcsv {
	background-image:url(/media/csv-dateien.png);
}

.downloadxlsx {
	background-image:url(/media/xlsx-dateien.png);
}

.notesnonnmasterndata {
	background-image:url(/media/hinweise-stammdaten.png);
}

#content-artikeltabelle th {
	border:none;
}

#content-artikeltabelle .top td {
	border-top:1px solid #999999;
	background:#f6f6f0;
	border-bottom:none;
}

#content-artikeltabelle tr td:first-child {
	width:150px;
}

#content-artikeltabelle td.yellow {
	background:#fbe12c;
}

#content-artikeltabelle td.cart.yellow {
	padding:5px 15px 5px 5px;
	width:160px;
}

#content-artikeltabelle td.gray {
	background:#999999;
}

#content-artikeltabelle td.cart.gray {
	padding:5px;
}

#content-artikeltabelle table .price {
	text-align:right;
	width:100px;
	white-space:nowrap;
}

#content-artikeltabelle.artikel table .price {
	text-align:center;	
}

#content-artikeltabelle .delete {
	width:35px;
}

#content-artikeltabelle .bestellfreigabe .delete {
	width:90px;
}

#content-artikeltabelle .bestellfreigabe .delete .icon {
	margin:0px 0px 10px 10px;
}

#content-artikeltabelle input.amount {
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #d0d0d0;
	margin-right:45px;
	text-align:center;
}

#content-artikeltabelle .image {
	height:25px;
	position:relative;
	top:3px;
}

#content-artikeltabelle .downloads td {
	padding-bottom:10px;
}

#content-artikeltabelle .download {
	width:22px;
	margin-left:5px;
	display:inline-block;
}

#content-artikeltabelle .zusatzangaben {
	padding-bottom:5px;
}

.show-shipping-hints {
	cursor:pointer;	
}

#content-artikeltabelle .info-box {
	line-height:1.8rem;
	padding-bottom:30px;
}

#content-artikeltabelle .info-box .title {
	cursor:pointer;
}

#content-artikeltabelle .info-box .title .arrow {
	float:right;
	width:30px;
	height:30px;
	background:url(/media/pfeil-rechts.png) right center no-repeat;
	background-size:100%;
	transition:0.1s all;
	-moz-transition:0.1s all;
   	-webkit-transition:0.1s all;
}

#content-artikeltabelle .info-box .title.open .arrow {
   	-webkit-transform:rotate(90deg);
   	-moz-transform:rotate(90deg);
   	-ms-transform:rotate(90deg);
   	-o-transform:rotate(90deg);
   	transform:rotate(90deg);
}

#content-artikeltabelle .info-box .more {
	display:none;
}

#content-artikeltabelle .info-box .artikelnummer {
	font-weight:bold;
}

#content-artikeltabelle .info-box form {
	padding-top:10px;
}

#content-artikeltabelle .info-box input.amount {
    float:left;
    width:60px;
    margin-right:15px;
}

#content-artikeltabelle .add-to-cart {
    background-image:url(/media/artikel-in-den-warenkorb.png);
    background-position:180px center;
    background-repeat:no-repeat;
    background-size:auto 80%;
    width:260px;
}

#content-artikeltabelle .add-to-cart-disabled {
    background-image:url(/media/artikel-in-den-warenkorb.png);
    background-position:180px center;
    background-repeat:no-repeat;
    background-size:auto 80%;
    width:260px;
    background-color:#999999;
    border-color:#999999;
}

.shipping-hints {
	display:none;
}

/* Cart -------------------------------------- */

#scandit-barcode-link {
	background-image:url(/media/barcode-scanner.png);
}

#scandit-barcode-wrapper {
	position:fixed;
	z-index:99;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background:#ffffff;
	display:none;
}

#pause-button {
	position:fixed;
	bottom:25%;
	left:50%;
	margin-left:-46px;
	width:92px;
	height:92px;
	-webkit-border-radius:46px;
	-moz-border-radius:46px;
	border-radius:46px;	
	border:3px solid #fbe12c;
	padding:3px;
	background:none;
}

#pause-button span {
	display:block;
	width:80px;
	height:80px;
	background:#fbe12c;
	line-height:80px;
	text-align:center;	
	font-weight:bold;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;	
}

#cart-position {
	position:relative;
	top:-20px;
}

#cart-upload {
	padding-bottom:20px;
}

#cart-upload label.upload {
	padding-bottom:15px;
}

#cart-upload .edit {
	cursor:pointer;
}

#cart-upload input.cart-upload.submit {
	background-image:url(/media/datei-upload.png);
}

#updatebasket {
	display:none;
}

#add-article {
	background-image:url(/media/artikel-in-den-warenkorb.png);
}

#to-shipping-address {
	background-image:url(/media/lieferadresse.png);
}

#deletebasket {
	background-image:url(/media/warenkorb-loeschen.png);
	margin-bottom:30px;
}

#delivery-address {
	margin-bottom:40px;
}

#delivery-address-position {
	position:relative;
	top:-50px;
}

#other-delivery-address {
	display:none;
	padding-bottom:25px;
}
 
#order-details-position {
	position:relative;
	top:-20px;
}

#showbasket {
	background-image:url(/media/bestelluebersicht.png);
}

#back {
	background-image:url(/media/edit.png);}

#submitbasket {
	background-image:url(/media/complete_order.png);
}

#submitbasket2 {
	background-image:url(/media/zur_freigabe.png);
}

#new-order {
	background-image:url(/media/warenkorb.png);
}

/* Fastsearch --------------------------------- */

#artikelnummer {
	max-width:350px;
	margin-bottom:30px;
}

.ui-menu {
	background:#ffffff;
	font-size:16px;
	border:1px dotted #000000;
	max-height:220px;
	overflow-y:auto;
}

.ui-menu .ui-menu-item {
	padding:0px;
	margin:0px;
}

.ui-menu .ui-menu-item a {
	padding:2px 5px;
	margin:0px;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	padding:2px 5px;
	margin:0px;
	background:#cccccc;
}

#fastsearch_result {
	padding-bottom:20px;
}


#fastsearch_result .artikelnummer {
	font-size:1.4rem;
	margin-bottom:10px;
}

#fastsearch_result .first,
#fastsearch_result .second {
	line-height:1.8rem;
}

#fastsearch_result .second {
	margin-bottom:10px
}

#fastsearch_result .name {
	font-weight:bold;
}

#fastsearch_result #price {
	font-weight:bold;
}

#fastsearch_result .amount {
	width:60px;
	float:left;
	margin:1px 10px 5px 0px;
	text-align:center;
}

#fastsearch_result .add-to-cart {
	background-image:url(/media/artikel-in-den-warenkorb.png);
	background-position:180px center;
	background-repeat:no-repeat;
	background-size:auto 80%;
	width:220px;
}

#fastsearch_result .add-to-cart-disabled {
    background-image:url(/media/artikel-in-den-warenkorb.png);
    background-position:180px center;
    background-repeat:no-repeat;
    background-size:auto 80%;
    width:220px;
    background-color:#999999;
    border-color:#999999;
}

#form3-submit {
	display:none;
}

/* Forms / Login ----------------------------- */

#xform-formular-triuso_psw {
	margin-bottom:60px;	
}

#xform-formular-login {
	background-image:url(/media/anmelden.png);
	background-position:10px center;
	background-repeat:no-repeat;
	background-size:25px;
	padding-left:60px;
}

.form-control {
	margin-bottom:20px;
}

select.form-control {
	background:url(/media/pfeil-auswahl.png) right center no-repeat;
	background-size:25px;
	cursor:pointer;
}

iframe {
	width:100%;
	height:300px;
}

p.formcheckbox.depth-3 {
    padding-left:30px;
}

p.formcheckbox.depth-5 {
    padding-left:60px;
}

p.formcheckbox label {
	margin-left:10px;
}

#yform-formular-newsletter_status {
	margin-bottom:40px;
}

#yform-formular-bestellfreigabe {
	margin-bottom:20px;
}

.has-error input,
.has-error select,
.has-error radio {
	background:#f8d7da;
	border:1px solid #842029;
}

/* Belegarchiv ------------------------------- */

#belegarchiv .tablesorter th {
	border-color:#dee2e6;
	cursor:pointer;		
}

#belegarchiv .tablesorter th span.arrows {
	display:inline-block;
	background:url(/media/pfeil-unten-oben.png) left bottom no-repeat;
	background-size:15px auto;
	width:15px;
	height:20px;
	margin-left:12px;
	cursor:pointer;
}

#belegarchiv .form-control {
	margin-bottom:0px;
}

#belegarchiv input {
	float:left;
	width:75px;	
}

#belegarchiv input.datepicker {
	width:110px;
}

#belegarchiv #reset {
	display:block;
	cursor:pointer;
	width:27px;
	height:27px;
	background:url(/media/delete-gray.png) left bottom;
	background-size:100% auto;	
}

#belegarchiv .datepickr-wrapper {
	float:left;	
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	background:url(/media/pfeil-datepicker.png);
	background-size:100%;
	cursor:pointer;
}

.ui-datepicker .ui-datepicker-prev span {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

#belegarchiv .belegdatum span.belegdatum {
	display:block;
	float:left;
	height:36px;
	line-height:36px;
	padding:0px 5px;
}

#belegarchiv .bestellnummerkunde  input {
	width:200px;	
}

#belegarchiv td.belegnummer {
	text-align:left;
}

#belegarchiv th.bestellnummerkunde,
#belegarchiv td.bestellnummerkunde {
	text-align:left;
}

#belegarchiv .dateiname input {
	display:none;
}

#belegarchiv a.download {
	display:block;
	height:27px;
	width:27px;
	background:url(/media/pdf-icon.png);
	background-size:27px 27px;
}

/* Overlay ----------------------------------- */

#overlay_background,
#overlay_background_2,
#dialog-background {
    background:#000000;
    height:100%;
    left:0px;
    position:fixed;
    top:0px;
    width:100%;
    z-index:9000;
    opacity: 0.5; /* Standards Compliant Browsers */
    filter: alpha(opacity=50); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);    
}

#overlay_background_2 {
	display:none;
}

#dialog-background {
	display:none;
}

#overlay_content,
#dialog {
	position:fixed;
	top:240px;
	left:50%;
	margin-left:-270px;
	background:#ffffff;
	width:500px;
	z-index:9999;
	padding:20px 20px 5px 20px;	
}

#dialog {
	display:none;
}

.close_overlay,
#close_overlay,
#close_overlay_2 {
	position:absolute;
	left:20px;
	bottom:20px;	
	cursor:pointer;
}

#close_overlay.right {
	left:auto;
	right:20px;
	width:auto;
}

#kein_hinweis {
	position:absolute;
	left:20px;
	bottom:20px;	
	cursor:pointer;
}

#overlay_content p {
	margin:0px;
	padding-bottom:15px;	
}

#overlay_content textarea {
	width:480px;
	height:40px;
	margin-bottom:40px;
	max-width:100%;	
}

#overlay_content input {
	position:absolute;
	right:20px;
	bottom:20px;	
	border:none;
	background:none;
	color:#000066;
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	cursor:pointer;
}

#confirm_deletebasket,
#accept_ignore_quantity,
#accept_ignore_quantity_add,
#accept_ignore_quantity_showbasket,
#accept_bestand,
#accept_bestand_add,
#accept_sgg_add,
#accept_upload_error,
#ekf_hinweis_voreinstellungen_fehlen_zum_formular {
	float:right;	
	cursor:pointer;
	padding-bottom:15px;
}

/* Endkunden --------------------------------- */

.endkunden-bestellungen .col-sm-4 {
	padding-bottom:15px;
}

.endkunden-bestellungen .delivery_address {
	padding-bottom:50px;
}

#confirm-order {
	background-image:url(/media/confirm_order.png);
}

#reject-order {
	background-image:url(/media/reject_order.png);
}

#bestelluebersicht {
	background-image:url(/media/bestelluebersicht.png);
}

#ek-form-modul {
	padding-bottom:60px;
}

#ek-form-modul #overlay_background,
#ek-form-modul #overlay_content {
	display:none;
}

#ekf_anpassung_ausfuehren {
	float:right;
	cursor: pointer;
	padding:0px 0px 15px 30px;
	background:url(/media/ekf-aenderungen-speichern.png) no-repeat;
	background-size:25px;	
}

#ekf_anpassung_sonderpreis_ausfuehren {
	float:right;
	cursor: pointer;
	padding:0px 0px 15px 30px;
	background:url(/media/ekf-aenderungen-speichern.png) no-repeat;
	background-size:25px;	
}

#ekf_anpassung_frachtkosten_ausfuehren {
	float:right;
	cursor: pointer;
	padding:0px 0px 15px 30px;
	background:url(/media/ekf-aenderungen-speichern.png) no-repeat;
	background-size:25px;	
}

#ekf_konto_loeschen_ausfuehren {
	float:right;
	cursor: pointer;
	padding:0px 0px 15px 30px;
	background:url(/media/ekf-aenderungen-speichern.png) no-repeat;
	background-size:25px;	
}

#ekf_anpassung_entfernen_ausfuehren {
	float:right;
	cursor: pointer;
	padding:0px 0px 15px 30px;
}

#yform-formular-start,
#yform-formular-save {
	background-image:url(/media/ekf-aenderungen-speichern.png);
}

#ekf_konditionen_individuell_link {
	background-image:url(/media/ekf-produktbereiche.png);
}

#yform-formular-ek-delete {
	background-image:url(/media/delete.png);
}

#ekf_anpassung_sonderpreis_entfernen_ausfuehren {
	float:right;
	cursor: pointer;
	padding:0px 0px 15px 30px;
}

#ek-form-modul .schloss {
	display:block;
	width:35px;
	height:35px;
	cursor:pointer;
	background:url(/media/ekf-anpassung-0.png);
	background-size:cover;
}

#ek-form-modul .schloss.offen {
	background-image:url(/media/ekf-anpassung-1.png);
}

#ek-form-modul h2,
#ek-form-modul h3 {
	padding-top:20px;
}

#yform-formular-ek-alle-konten-anzeigen {
	background-image:url(/media/alle-konten.png);
}

#ekf-einstellungen {
	background-image:url(/media/edit.png);
}

#ekf_konto_loeschen {
	color:red;
}

/* Footer ------------------------------------ */

#footer {
	margin:50px 0px;
	line-height:32px;	
}

#footer .col-md-12 {
	border-top:1px solid #cccccc;	
}

#footer a {
	color:#141314;	
}

#scroll-to {
	display:none;
}

#tracking {
	position:fixed;
	z-index:9999;
	background:#ffffff;
	border-top:3px solid #fbe12c;
	padding:30px;
	bottom:0px;
	left:0px;
	right:0px;
}

#tracking-text {
	padding-bottom:10px;	
}

#tracking .btn-primary {
	margin-right:30px;	
}

@media screen and (max-width:1399px) {
	
	#header #languages {
		width:175px;
		background-position:150px center;
	}
	
	#header #customer-menu a {
		padding-left:35px;
	}
		
}

@media screen and (max-width:1199px) {
	
	#logo {
		margin-bottom:20px;
	}
	
	#header #customer-menu a span {
		display:none;
	}
	
	.metasuche input {
		margin-bottom:20px;
	}	
	
	#navi-top li.level-1 li.wrapper {
		width:33.33%
	}	

}

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

	#logo {
		width:95px;
		height:65px;
		background-size:100% auto;
		margin:0px;
	}
	
	#claim {
		font-size:1.4em;
	}
	
	#header #languages {
		width:150px;
		background-position:125px center;
	}
	
	#header #languages a,
	#header #metanavigation a,
	#header #customer-menu a {
		height:25px;
		line-height:25px;
	}
	
	#header #languages li a {
		padding-left:50px;
		background-size:25px auto !important;
	}
	
	#header #languages li,
	#header #metanavigation li,
	#header #customer-menu li {
		padding-right:20px;
	}
	
	.metasuche {
		padding-top:20px;
	}

}

@media screen and (max-width:767px) {
	
	body {
		font-family:sans-serif;
		font-size:15px;
		color:#434343;
		border-top:0px solid #fbe12c;
	}
	
	#html {
		scroll-padding-top: 60px;
	}
	
	#header {
		padding:10px 0px 0px 0px;
		background:#fbe12c;		
		height:auto;
		margin-bottom:0px;
		position:fixed;
		top:0px;
		right:0px;
		left:0px;
		z-index:999;
		min-height:auto;
	}
	
	#header #customer-menu {
		padding-bottom:15px;
	}

	#kunden-info {
		padding-bottom:0px;
		background:#ffffff;
		position:absolute;
		top:54px;
		left:0px;
		right:0px;
		padding:10px 15px;
	}

	#logo,	
	#header #languages,
	#metanavigation,
	#claim,
	.metasuche,
	#header #login {
		display:none;
	}
	
	#mobile-claim {
		float:left;
		font-size:1.4em;
		margin-bottom:20px;
		width:250px;
		margin:80px 0px 30px 0px;
	}
	
	#mobile-logo {
		background:url(/media/logo_2x.png);
		background-size:100% auto;
		display:block;
		float:right;
		width:123px;
		height:83px;
		position:absolute;
		top:100px;
		right:15px;
		z-index:10;
	}
	
	#header #languages li,
	#header #metanavigation li,
	#header #customer-menu li {
		padding-right:10px;
	}
	
	#menu-toggle {
		width:30px;
		height:30px;
		background:url(/media/smart-menu.png);
		background-size:30px;
		cursor:pointer;
		float:left;
	}
	
	.menu-wrapper-relative {
		position:absolute;
		z-index:998;
		top:50px;
		right:0px;
		left:0px;
	}
	
	#logout {
		display:none;
	}
	
	#home {
		display:block;
	}
	
	#home a {
		display:block;
		background: url(/media/home.png) left center no-repeat;
		background-size: 25px;
		width:30px;		
	}
	
	#search {
		display:block;
	}
	
	#search a {
		display:block;
		background: url(/media/suche.png) left center no-repeat;
		background-size: 25px;
		width:30px;		
	}
	
	#navi-top {
		background:#ffffff;
		display:none;
	}

	#navi-top .wrapper.columns-4 {
		display:none;
	}
	
	#navi-top li.level-1 li.wrapper {
		width:100%;
	}
	
	#navi-top a {
		display:block;
															
															 
								 
	}
	
	#navi-top a.level-1 {
		padding:10px 10px 10px 35px;
		background:#707070;
		color:#ffffff;
		font-size:20px;
		border-bottom:1px solid #ffffff;
	}
	
	#navi-top a.level-1.company {
		color:#141314;
		background:#ffffff;
		border-bottom:1px solid #707070;	
	}
		
	#navi-top .level-1.company .arrow {
		background-image:url(/media/pfeil-menu-dunkel.png);
	}
		
	#navi-top a.level-1.account  {
		color:#141314;
		background:#dbdbdb;	
		border-bottom:1px solid #707070;
	}
	
	#navi-top .level-1.account .arrow {
		background-image:url(/media/pfeil-menu-dunkel.png);
	}
	
	#navi-top .wrapper.columns-3 {
		display:none;
	}
	
	#navi-top li {
		position:relative;
	}
	
	#navi-top .arrow {
    	display:block;
	    width:30px;
	    height:30px;
	    position:absolute;
	    right:30px;
	    top:10px;
	    background:url(/media/pfeil-menu-weiss.png);
	    background-size:30px;
	    cursor:pointer;
	    transition:0.1s all;
	    -moz-transition:0.1s all;
    	-webkit-transition:0.1s all;
	}
	
	#navi-top .level-2 .arrow {
		background-image:url(/media/pfeil-menu-dunkel.png);
	}
		
	#navi-top .level-1.open .arrow.level-1 {
   		-webkit-transform:rotate(90deg);
    	-moz-transform:rotate(90deg);
    	-ms-transform:rotate(90deg);
    	-o-transform:rotate(90deg);
    	transform:rotate(90deg);
	}
	
	#navi-top .level-2.open .arrow.level-2 {
   		-webkit-transform:rotate(90deg);
    	-moz-transform:rotate(90deg);
    	-ms-transform:rotate(90deg);
    	-o-transform:rotate(90deg);
    	transform:rotate(90deg);
	}
	
	#navi-top ul.level-3 {
		display:none;
	}
	#navi-top a.level-2 {
		padding:10px 10px 10px 35px;
		background:#f6f6f4;
		color:#141314;
		font-size:18px;
		border-bottom:1px solid #707070;
	}
	
	#navi-top ul.level-3 {
		border-bottom:1px solid #707070;
	}
	
	#navi-top a.level-3 {
		padding:10px 10px 10px 55px;
		background:#ffffff;
		color:#141314;
	}
	
	#cycle-1 .cycle-slide {
		height:auto;
	}	
			
	#cycle-thumbnails {
    	margin-bottom:15px;
	}
	
	#cycle-thumbnails .thumbnail .box {
    	margin-bottom:15px;
	}

	#gallery .btn-download-einzelbild {
		display:none;
	}
	
	#content-artikeltabelle input.amount {
		width:100%;
		margin:0px;
		max-width:60px;
	}
	
	#content-artikeltabelle .download {
		width:35px;
		margin:15px 20px 15px 0px;
	}
	
	#overlay_content, #dialog {
		margin-left:-160px;
		width:320px;
	}
	
	.table-striped th,
	.table-striped td {
		display:block;
		width:100% !important;
	}
	
	#belegarchiv .tablesorter th {
		min-height:90px;
	}
	
	#belegarchiv .tablesorter th span {
		display:block;
	}
	
	#belegarchiv input,
	#belegarchiv .bestellnummerkunde input {
		width:100%;
		float:none;
	}
	
	#belegarchiv input.datepicker{
		float:left;
	}
	
	#cart-position {
		top:-160px;
	}
	
	.scrollTop {
		scroll-margin-top: 70px;
	}
}