/* edit S.Menges - menges group*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

body {	/* 29.12.2016 modifiziert template.scss*/
	/* font-family: 'Roboto'; */
	font-weight: 300;
	color: #5a5a5a;
}

header {	/* 29.12.2016 modifiziert template.scss*/
	height: auto;
}

#sectionCats { /* 04.01.2017 modifiziert template.scss*/
	position: static;
}

section.front { /* 08.01.2017 modifiziert template.scss*/
	margin: 0;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

.dropDownResult {
	position: relative;
}

.overlay > div {	/* 28.01.2017 modifiziert template.scss*/
	position: relative;
	top: 50%;
	max-height: 100%;
	overflow: auto;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.overlay .inner .r2 input {
	width: calc(100%/2.08);
}

@media (max-width:1200px){
	.overlay .inner .r2 input {
		width: 100%;
	}
}

.overlay .inner .r2 input:last-child {
	margin: 0;
	float: right;
}

.overlay .inner > a {
	color: #fff;
	font-weight: 100;
	font-size: 2rem;
}

.overlay .btnx {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-weight: 100;
	font-size: 2rem;
}

.eyebreak {  /* 08.12.2016 modifiziert template.scss*/
	background: url('../images/products.png') center top no-repeat fixed;
	background-size: cover;
	position: relative;
}

.smallAppTeaser .inner { /* 08.12.2016 modifiziert template.scss*/
	background: url('../images/mobileAvailable.png') center top no-repeat;
	height: 240px;
	background-size: 100%;
}

.semiLargeShopTeaser .inner { /* 28.06.2017 modifiziert template.scss*/
	overflow: hidden;
	background: url('../images/onlineShopping.png') center 47% no-repeat;
	height: 240px;
	background-size: 100%;
}

#firmGroups .firmGroupBox.left .inner .top { /* 08.12.2016 modifiziert template.scss*/
	background: url('http://image.shutterstock.com/z/stock-photo-high-technology-chip-33405994.jpg') center top no-repeat;
	background-size: 100%;
}

#firmGroups .firmGroupBox.right .inner .top { /* 08.12.2016 modifiziert template.scss*/
	background: url('http://image.shutterstock.com/z/stock-photo-aa-batteries-closeup-on-a-white-background-batteries-technology-power-industry-215450377.jpg') center 20% no-repeat;
	background-size: 100%;
}

#firmGroups .firmGroupBox .inner .top img { /* 08.12.2016 modifiziert template.scss*/
	width: auto;
	padding: 20px;
	background: rgba(255, 255, 255, 0.9);
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.smallAppTeaser .inner .imgWrap.smartphone:before { /* 10.12.2016 modifiziert template.scss*/
	content: none;
}

.semiLargeShopTeaser .inner .imgWrap.shop:before { /* 10.12.2016 modifiziert template.scss*/
	content: none;
}

.inner .imgWrap > span { /* 10.12.2016 hinzugefügt anstelle von Pseudo-Klasse .semiLargeShopTeaser .inner .imgWrap.shop:before in template.scss*/
	display: block;
	position: absolute;
	right: -10px;
	top: -10px;
	background: #b01618;
	color: #fff;
	font-weight: 400;
	font-size: 1.4rem;
	padding: 0 12px;
	height: 26px;
	line-height: 26px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	transform: rotate(3deg);
	backface-visibility: hidden;
	-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.29);
	box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.29);
}

.vertical-middle:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	position: relative
}

.vertical-bottom:before {
	content: ' ';
	display: inline-block;
	vertical-align: bottom;
	height: 100%;
	position: relative
}

.vertical-middle > *, .vertical-bottom > * {
	max-width: 99.99%;
}

.center-align {
	display: table;
	margin: auto;
}

.fheight {
	height: 100%;
}



/* new header V1 */

#headerTop_v1 {
	height: 100px;
	width: 100%;
	top: 0;
	position: fixed;
	background: rgba(255, 255, 255, 0.95);
	border-bottom: solid 0.1rem #f0f0f0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#headerTop_v1.sticky {
	height: 70px;
}

#headerTop_v1 .logo {
	height: 100%;
}

@media (max-width:992px){
	#headerTop_v1 {
		height: 70px;
	}
}

#headerTop_v1 a {
	color: #5a5a5a;
}

#headerTop_v1 ul a:hover {
	text-decoration: underline;
}

#headerTop_v1.sticky .logo a img {
	height: 35px;
}

#headerTop_v1 .logo a img {
	height: 50px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

@media (max-width:992px){

	#headerTop_v1 .logo a img {
		height: 35px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
}

#headerTop_v1 #main_nav {
	height: 100%;
	text-align: center;
}

#headerTop_v1 #main_nav_right {
	height: 100%;
	font-size: 1.3rem;
}

#headerTop_v1 #main_nav_center {
	height: 100%;
	font-size: 1.8rem;
}

#headerTop_v1 #main_nav_right > li, #headerTop_v1 #main_nav_center > li {
	display: inline-block;
	margin-bottom: -0.1rem;
	white-space: nowrap;
}

#headerTop_v1 #main_nav_right > li > a, #headerTop_v1 #main_nav_center > li > a {
	display: inline-block;
	padding: 20px 10px;
	padding-bottom: 23px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

#headerTop_v1 #main_nav_right > li:hover > a, #headerTop_v1 #main_nav_center > li:hover > a {
	border-bottom: 3px solid #b01618;
	padding-bottom: 20px;
}

#headerTop_v1 #main_nav_right > li > ul, #headerTop_v1 #main_nav_center > li > ul {
	border: solid 0.1em #dddddd;
	border-top: none;
	background: rgba(245, 245, 245, 0.95);
	padding: 0.6em;
	position: absolute;
	display: none;
	right: 0;
}

#headerTop_v1 #main_nav_right > .langSwitcher:hover > ul {
	left:  0;
}

#headerTop_v1 #main_nav_right > .account:hover > ul, #headerTop_v1 #main_nav_right > .langSwitcher:hover > ul, #headerTop_v1 #main_nav_center > .articleOpener:hover > ul {
	display: block;
}

#headerTop_v1 #main_nav_right > .account > ul > .row {
	margin: 10px 120px 20px 0;
	text-align: left
}

.offerList { /* 08.01.2017 modifiziert template.scss*/
	top: inherit;
}

.offerList:before { /* 08.01.2017 modifiziert template.scss*/
	content: none;
}

/* new carosel v1 */

header .carousel {		/* 26.12.2016 modifiziert template.scss*/
	margin-top: 100px;
	height: auto;
}

@media (max-width:992px){
	header .carousel {		/* 26.12.2016 modifiziert template.scss*/
		margin-top: 70px;
	}
}

header:before {	/* 26.12.2016 modifiziert template.scss*/
	content:none;
}

header .carousel-inner {
	background-image: url(../images/gradientGreyWhite_14x560.png);
	background-repeat: repeat-x;
	width: 100%;
	font-size: 1.6rem;
}

header .carousel-inner .carousel-item .container .row > div {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 2%;
}

header .carousel-inner .carousel-item .container .row > div:first-child {
	height: 400px;
	text-align: right;
}

@media (max-width:992px){
	header .carousel-inner .carousel-item .container .row > div {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		height: 250px;
	}

	header .carousel-inner .carousel-item .container .row > div:first-child {
		height: 250px;
		margin-top: 2%;
	}
}

@media (max-width:767px){
	header .carousel-inner .carousel-item .container .row > div {
		height: 280px;
	}

	header .carousel-inner .carousel-item .container .row > div:first-child {
		height: 180px;
	}
}

header .carousel-inner > .carousel-item img { /* 26.12.2016 modifiziert template.scss*/
	width: auto;
	height: 80%;
}

header .carousel-inner h1 {
	margin:0;
	font-size: 5rem;
}

header .carousel-inner h2 {
	margin: 0 0 15px 0;
	font-size: 2rem;
}

@media (max-width:440px){
	header .carousel-inner h1 {
		font-size: 4rem;
	}
}

@media (max-width:992px) { /* 28.01.2017 modifiziert template.scss*/
	header .carousel-indicators {
		display: block;
	}
}

header .carousel-indicators { /* 07.01.2017 modifiziert template.scss*/
	bottom: 20px;
}

.carousel-indicators .active { /* 07.01.2017 modifiziert template.scss*/
	margin: 2px;
	width: 50px;
	height: 2px;
	background-color: #afafaf;
}

.carousel-indicators li { /* 07.01.2017 modifiziert template.scss*/
	display: inline-block;
	width: 50px;
	height: 2px;
	margin: 2px;
	text-indent: -999px;
	border: none;
	border-radius: 0;
	cursor: pointer;
	background-color: #e9e9e9
}

#footer .ftrBox h5 { /* 24.01.2017 modifiziert template.scss*/
	width: initial;
	height: initial;
	line-height: initial;
	background: none;
	color: inherit;
	font-size: 1.6rem;
	font-weight: 600;
	margin: 20px auto 25px;
	text-transform: inherit;
}

#partnerSlide { /* 24.01.2017 modifiziert template.scss*/
	background: #f5f5f5;
	height: auto;
	overflow: hidden;
	padding: 0;
}

#partnerSlide .controls { /* 24.01.2017 modifiziert template.scss*/
	position: relative;
	top: auto;
	right: auto;
	float: right;
}

#partnerSlide .carousel-inner { /* 28.01.2017 modifiziert template.scss*/
	height: auto;
	margin-top: 20px;
}

.img-responsive { /* 24.01.2017 modifiziert template.scss*/
	display: block;
	max-width: 98%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#mobileNav {
	position: relative;
	float: right;
	top: 15px;
	font-size: 2.4rem;
}

#mobileNav > * {
	height: 42px;
	width: 42px;
	line-height: 40px;
}

#openMobileNav { /* 07.02.2017 modifiziert template.scss*/
	position: relative;
	right: auto;
	top: 0;
	font-size: inherit;
	color: inherit;
	height: 42px;
	width: 42px;
	line-height: 40px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	border-left: 1px solid;
}

.homeFeed-1 {
	margin: 20px 0;
}

@media (max-width:768px){
	#socket, #socket .row > div {	/* 28.01.2017 modifiziert template.scss*/
		height: auto;
		text-align:inherit
	}

	#socket ul { /* 28.01.2017 modifiziert template.scss*/
		width: auto;
		text-align: inherit;
	}

	#socket ul li, #socket ul li a { /* 28.01.2017 modifiziert template.scss*/
		height: auto;
		line-height: inherit;
		width: auto;
		text-align: inherit;
		float: inherit;
		clear: inherit;
	}
}

@media (max-width:767px){
	#socket, #socket .row > div {
		height: auto;
		text-align: center
	}

	#socket ul {
		width: 100%;
		text-align: center;
	}

	#socket ul li, #socket ul li a {
		height: 44px;
		line-height: 44px;
		width: 100%;
		text-align: center;
		float: none;
		clear: both;
	}
}

header .pageTitle {
	margin-top: 100px;
	background-color: #f0f0f0;
}

@media (max-width:992px){
	header .pageTitle {
		margin-top: 70px;
	}
}

header .pageTitle p {
	font-size: 1.3rem;
}

header .pageTitle .container > div {
	margin: 15px 0
}

header.site {	/* 31.01.2017 modifiziert template.scss*/
	height: auto
}

section.site {
	margin-top: 40px;
}

section article h1, section article h2, section article h3, section article h4, section article h5, section article h6 {	/* 31.01.2017 modifiziert template.scss*/
	color: inherit;
	font-weight: 400;
	margin: 0 0 20px 0;
}

section article p, section article cite {	/* 31.01.2017 modifiziert template.scss*/
	line-height: 2.6rem;
	font-size: 1.4rem;
	color: inherit;
	margin: 0 0 16px;
}

.bgGreyLight {
	background-color: #f0f0f0;
}

.bgGrey {
	background-color: #dfdfdf;
}

.vAlignMiddle {
	display: table;
}

.vAlignMiddle > * {
	display: table-cell;
	vertical-align: middle
}

h1, .h1, h2, .h2, h3, .h3 { /* 31.01.2017 modifiziert template.scss*/
	margin-top: 0;
}

.togglebox.produkte label, .togglebox.produkte label:hover, .togglebox.produkte label img { /* 19.02.2017 modifiziert template.scss*/
	box-shadow: none !important;
	max-width: 100%;
}

.togglebox.produkte #toggle1:checked ~ #content1, .togglebox.produkte #toggle2:checked ~ #content2 { /* 19.02.2017 modifiziert template.scss*/
	height: 300px;
}

.prdView .prdViewContent .right .asideContentBox img {
	max-width: 100%;
	margin: 15px 2px;
	opacity: 0.7;
}

@media (max-width:992px){	/* 19.02.2017 modifiziert template.scss*/
	.prdView .prdViewContent .left, .prdView .prdViewContent .right {
		width: 100%;
	}

	.prdView .prdViewContent .right .asideContentBox {
		text-align: center;
	}
}

.togglebox .openArco a { /* 26.02.2017 modifiziert template.scss*/
	display: inherit;
	background: inherit;
	color: inherit;
	font-size: inherit;
	padding: 0;
	height: inherit;
	line-height: inherit;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	font-weight: inherit;
}

.prdView .prdViewContent .left ul li:nth-child(odd) { /* 28.02.2017 modifiziert template.scss*/
	float: left;
}

#partnerSlide .carousel-inner .col-item { /* 01.03.2017 modifiziert template.scss*/
	padding: 45px 15px;
	opacity: 0.7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 20px 0 40px 0;
	height: 140px;
	border: 1px solid #ededed;
	-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.03);
	box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.03);
}

article.companyContact span {
	display: block;
	line-height: 2.5rem;
}

article.companyContact > div {
	margin-top: 25px
}

.headBG img { /* 02.03.2017 modifiziert template.scss*/
	margin: -15% 0 0 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	opacity: 1;
}

.error {
	border: 1px solid #F00 !important;
}

input[name=validator] {
	display: none;
}

.btnx.icon i { /* 02.03.2017 modifiziert template.scss*/
	width: 30px;
	display: inherit;
	float: none;
}

.headBG.unternehmen img {} /* 02.03.2017 Klasse kann vollständig gelöscht werden. Wird nicht mehr benötigt template.scss*/

.wait:after {
	background: url('../images/wait_animation_50x50.gif') center no-repeat;
	min-height: 80px;
	display: block;
	padding-top: 80px;
	text-align: center;
	content: attr(label);
}

.result {
	display: none;
	overflow: auto;
}
.resultMultiple{
	display: block;
	overflow: auto;
}

table {
	min-width: 100%;
}

tr {
}

tr:nth-child(even) {
	background-color: #dfdfdf;
}

td {
	padding: 5px;
}

label {							/* 22.04.2017 modifiziert template.scss*/
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	margin-left: 5px;
	font-weight: inherit;
	cursor: pointer
}

.produktDetail .detailDesc .middle { /* 24.04.2017 modifiziert template.scss*/
	min-height: 170px;
}

m-livesearch .result {
	position: absolute;
	min-width: max-content;
	width: 100%;
	border: solid 0.1em #dddddd;
	border-top: none;
	background: rgba(245, 245, 245, 0.95);
	padding: 0.6em;
	display:none
}

m-livesearch > input {
	margin: 0 !important;
}

.safeOffer .itemCounter {
	padding-left: 5px;
}

.safeOffer .itemCounter:after {
	content: attr(m-itemCounter);
	background: #b01618;
	color: #fff;
	border-radius: 50%;
	min-width: 20px;
	line-height: 20px;
	display: inline-block
}

.offerList > li:last-child {
	border: none;
	margin: 0;
	padding: 0;
}

#inquiryCartItemsHeader {
	overflow:auto;
}

tooltip span:after {
	content: '';
	top: 6px;
	left: 50%;
	margin-left: -6px;
	border-width: 6px 6px 0;
	position: relative;
	display: block;
	width: 0;
	height: 0;
	border-color: #b01618 transparent;
	border-style: solid
	}

tooltip span:before {
	content:attr(content);
}

tooltip span {
	background-color: #b01618;
	padding: 2px 8px;
	color: #fff;
	position: absolute;
	border-radius: 2px;
	bottom: 5px;
	right:0;
	font-size: 1.3rem;
	font-weight: 400;
	margin-left: 5px;
	-webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.20) !important;
	-moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.20) !important;
	box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.20) !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#ui-datepicker-div {
	background-color: #fff;
	opacity: 0.95;
	-webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.20) !important;
	-moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.20) !important;
	box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.20) !important;
	padding: 15px;
	display: none;
}

#ui-datepicker-div .ui-datepicker-header {
	font-size: 1.3rem;
	margin-bottom: 5px;
	line-height: 30px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
	float: left;
	cursor: pointer;
	color: inherit;
	font-weight: 400;
	font-size: 2rem;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
	float: right;
	cursor: pointer;
	color: inherit;
	font-weight: 400;
	font-size: 2rem;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
	text-align: center;
}

#ui-datepicker-div .ui-datepicker-calendar td {
	text-align: center;
}

#ui-datepicker-div .ui-datepicker-today {
}

#ui-datepicker-div .ui-datepicker-today a {
}

#ui-datepicker-div .ui-datepicker-current-day {
	background-color: #b01618
}

#ui-datepicker-div .ui-datepicker-current-day a {
	color: #fff;
	font-weight: 400
}

.itemList > li .bottomLine ul li {} /* 09.05.2017 modifiziert template.scss kann gelöscht werden*/

.linkList {
	list-style:none
}

.linkList ul {
	margin:0
}

.linkList a {
	text-align: left;
	position: relative;
	display: block;
	font-weight: 400;
	cursor: pointer;
	background: #515151;
	color: #fff;
	padding: 0 16px;
	height: 44px;
	line-height: 44px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 0 0 12px 0;
}

.linkArrow {
	color: inherit !important;
	font-weight: bold;
	display: inline-block ;
	margin-left: 0.6rem;
	cursor: pointer;
}

.linkArrow:after {
	content: "\f105";
	font-family: 'fontawesome';
	margin-left: 5px;
}

.prdView .top img {		/* 06.06.2017 modifiziert template.scss */
	width: auto;
	height: 100%;
	padding: 20px;
	position: absolute;
	top: 0;
	right: 0;
}

.eyebreak.footer {} /* 12.06.2017 modifiziert template.scss kann gelöscht werden*/

.eyebreak.customisedSolutions {
	background: url('../images/customisedSolutions.png') center top no-repeat fixed;
	background-size: cover;
}

#firmGroups {} /* 28.06.2017 modifiziert template.scss kann inkl. aller Unterklassen gelöscht werden*/

@media (max-width:640px){	/* 25.04.2017 modifiziert template.scss kann gelöscht werden*/
	.pagination.top, .getOffer {
		display:inherit;
	}
}

@media (min-width:641px) and (max-width:768px) { /* 25.04.2017 modifiziert template.scss kann gelöscht werden*/
	.pagination.top, .getOffer {
		display:inherit;
	}
}

@media (min-width:769px) and (max-width:990px){	/* 25.04.2017 modifiziert template.scss kann gelöscht werden*/
	.pagination.top, .getOffer {
		display:inherit;
	}
}

.togglebox #toggle1:checked ~ #content1, .togglebox #toggle2:checked ~ #content2, /* 09.12.2018 modifiziert template.scss */
.togglebox #toggle3:checked ~ #content3, .togglebox #toggle4:checked ~ #content4,
.togglebox #toggle5:checked ~ #content5, .togglebox #toggle6:checked ~ #content6,
.togglebox #toggle7:checked ~ #content7, .togglebox #toggle8:checked ~ #content8,
.togglebox #toggle9:checked ~ #content9, .togglebox #toggle10:checked ~ #content10,
.togglebox #toggle11:checked ~ #content11, .togglebox #toggle12:checked ~ #content12,
.togglebox #toggle13:checked ~ #content13, .togglebox #toggle14:checked ~ #content14,
.togglebox #toggle15:checked ~ #content15, .togglebox #toggle16:checked ~ #content16,
.togglebox #toggle17:checked ~ #content17, .togglebox #toggle18:checked ~ #content18,
.togglebox #toggle19:checked ~ #content19, .togglebox #toggle20:checked ~ #content20 {
    max-height: 1500px;
	height: auto;
}

.togglebox .openArco {	/* 09.12.2018 modifiziert template.scss */
	max-height: 0;
	height: auto;
}

.produktDetail .detailDesc .middle h2 /* 03.03.2019 modifiziert template.scss */
{
	font-size: 2.6rem;
	color: inherit;
	margin: 12px 0 14px 0;
}

.produktDetail .detailDesc .middle h3 /* 03.03.2019 modifiziert template.scss */
{
	font-size: 1.8rem;
	color: #808080;
	margin: 0 0 20px 0;
}