@charset "utf-8";
/* CSS Document */

.article-detail {
	margin: 0 0 20px 0;	
}


.article-detail .description,
.article-detail .features,
.article-detail .columns-2 {
	margin: 0 0 20px 0;	
}

.article-detail .feature-select.title {
	font-weight: 500;
	margin-bottom: 5px;	
	display: block;
}


.article-detail .image {
	border: 1px solid #CCC;	
	text-align: center;
	padding: 20px 0;

}

.article-detail figure {
	position: relative;	
}

.zoom {
	width: 32px;
	height: 32px;	
	position: absolute;
	left: 20px;
	bottom: 20px;
	background: url(../images/icons/zoom.png) no-repeat;
	cursor: pointer;
}

.article-detail .feature-list li  {
	float: left;
	width: 45px;
	margin: 0 10px 0 0;
	padding: 0;
	background: none;
	font-size: 10px;
	text-align: center;
}

.article-detail .feature-list li:hover {
	opacity: .6;	
}

.article-detail .feature-list li.last {
	clear: right;	
}

.article-detail .feature-list li span {
	display: block;
	line-height: 1em;
}


.article-detail .article-size {
	padding: 0 0 0 10px;
	color: #E10019;
	border: 1px solid #ccc;
	font-weight: bold;
	font-size: 14px;
	height: 23px;
	line-height: 25px;
}

.article-detail .feature-list .feature img  {
	border: 1px solid #CCC;
}



.article-detail .image-select  {
	
	float: left;
	margin: 0 8px 8px 0;
	cursor: pointer;
	width: 78px;
	height: 100px;
	border: 1px solid #CCC;
	text-align: center;
	vertical-align:middle;
	padding: 0;
	font-size: 11px;
	background-position: center center;
	background-repeat: no-repeat;
}

.article-detail .image-select.last-in-row {
	margin: 0 0 0 0;	
}


.article-detail .image-select span {
	background: white;
	min-width: 78px;
	display: inline-block;	
	opacity: .7;
}

.article-detail .image-select label {
	cursor: pointer;
	display: table-cell;	
	width: 78px;
	padding: 0 0;
	height: 100px;
	vertical-align: middle;
	text-align: center;
}

.article-detail .image-select label img {
	display: block;	
	margin: auto;
	float: none;
}

.article-detail .image-select input  {
	
	display: none;
	border: 1px solid #FFF;
}

.article-detail .image-select.checked {
		border: 1px solid #e1011a;	
}

.article-detail .image-select.default label {
	vertical-align: middle;
}

.article-detail .article-nr {
	color: #E00019;	
	margin: 0 0 20px 0;
	font-weight: 500;
}

.article-detail .article-nr span{
	color: #000;
}



.article-detail .downloads {
	position: absolute;
	bottom: 1px;
	top: auto;
	right: 0px;
	margin: 0;		
}

.article-detail .downloads li {
	background: none;
	background: #EBEBEB;
	margin-left: 0px;	
	padding: 0 0px 0 0;
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
}

.article-detail .downloads li a{
	display: block;
	height: inherit;
	line-height: inherit;
	color: #333;
	padding: 0 10px 0 5px;
	font-size: 12px;
}

.article-detail .downloads li.datasheet a {
	background: url(../images/bg/button-grey-delimiter.png) right no-repeat;		
	padding: 0 22px 0 10px;
}

.article-detail .downloads.count1 li a {
	background: #EBEBEB;
	padding: 0 10px;	
}

.button {
	display: inline-block;
	width: 165px;
	background: url(../images/icons/button-red-medium.png) no-repeat;
	cursor: pointer;
}

.button.medium {
	display: block;
	width: 165px;
	height: 36px;
	background: url(../images/icons/button-red-medium.png) no-repeat;
	cursor: pointer;
	text-align: left;
}

.button.small {
	display: block;
	width: 125px;
	height: 36px;
	background: url(../images/icons/button-red-small.png) no-repeat;
	cursor: pointer;
	text-align: left;
}

.button.outline-left {
	display: block;
	width: 155px;
	height: 25px;
	background: url(../images/icons/button-white-outline-left.png) no-repeat;
	cursor: pointer;		
	float: left;
	text-align: left;
}

.button.outline-right {
	display: block;
	width: 150px;
	padding-left: 5px;
	height: 25px;
	background: url(../images/icons/button-white-outline-right.png) no-repeat;
	cursor: pointer;		
	float: right;
}

.button input,
.button a {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	display: block;
	width: inherit;
	height: 28px;
	padding-left: 20px;
	border: none;
	background: none;
	color: #FFF;
	cursor: pointer;
	text-align: left;
}

.button.small a {
	line-height: 30px;
	padding-left: 15px;	
}


.button a {
	height: 26px;
	line-height: 26px;
}

.button.medium a {
	line-height: 30px;	
}


#form-article-finder .button input,
#form-article-finder .button a {
	padding:0 0 0 10px;
	text-align: left;
	height: 25px;	
	line-height: 25px;
}



/* Formular etc */

.field-row {
	margin: 0 0 10px 0;	
}
.field-row.save {
	margin: 20px 0 0px 0;		
}


.field-row.intent,
.field-row .field-info {
	padding-left: 120px;	
}
.field-row .field-info {
	color: #E00019;
	font-size: 10px;
}

.field-row label {
	width: 120px;
	float: left;
	color: #666;
}

.field-row input,
.field-row textarea {
	width: 394px;
}

.field-row textarea {
	height: 80px;	
}

.field-row .button input {
	width: inherit;	
}

.field-row input.checkbox {
	width: auto;
	margin: 0;	
}

.field-row label.check {
	width: auto; 
	float: none;
	display: inline-block;
	margin: 0 0 0 6px;
}

.field-row .col {
	display: inline-block;
	margin: 0 10px 0 0;	
}

.form-title h3 {
	background: #E00019;
	color: white;
	padding: 0 2px;
	font-size: 15px;
	margin-bottom: 20px;
	text-align: center;
	
}

/* basket */

.basket-widget {
	float: right;
	
	margin-right: 20px;
	font-size: 13px;
}

.basket-widget {
	background: url(../images/icons/inquiry.png) no-repeat left center; 
	padding-left: 20px;	
}


.table.basket {
	border: 1px solid #CCC;
	margin-bottom: 20px;	
	border-spacing: 0;
	
}

.table.basket td {
	padding: 5px;	
}

.table.basket td.image {
	text-align: center;	
}

.table.basket .header td {
	font-weight: bold;
	border-bottom: 1px solid #CCC;	
}

.basket-bottom {
	margin-top: 20px;	
}

.color-list.select input {
	display: none;	
}

.color-list.select li {	
	position: relative;
	background: #FFF;
	padding: 0;
	margin: 0 15px 15px 0;
	float: left;	
}

.color-list.select li .selected {
	display: none;
	position: absolute;
	right:-10px;
	bottom: -8px;
	width: 28px;
	height: 28px;
	background: url(../images/icons/selected.png)  center center no-repeat;	
}


.color-list.select li.last-in-row {
	clear: right;	
	margin-right: 0;
}


.color-list.select .image{
	width: 30px;
	height: 30px;	
	cursor: pointer;
}




input[type="checkbox"]:checked + label .image {
	/*border: 1px solid #E00019;*/
}

.color-list.select li input[type="checkbox"]:checked + label .selected {
	display: block !important;	
}


/* Artikelsuche  */

#form-article-search .group {
	position: relative;
	border-bottom: 1px solid #CCC;	
	margin-bottom: 12px;
	padding-bottom: 12px;
}

#form-article-search .group.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;	
}

#form-article-search input {
	margin: 0 8px 0 0;	
}

#form-article-search .group span.update {
	position: absolute;
	bottom: 3px;
	right: 0;
	width: 16px;
	height: 16px;
	background: url(../images/icons/update.png) no-repeat;
	cursor: pointer;	
}


.navigation-sub {
	padding-bottom: 0;	
}

.navigation-sub li {
	background: none;
	padding: 0;	
	margin: 0 0 15px 0;
}

.navigation-sub li a {
	font-size: 17px;
	color: #000;	
}

.navigation-sub li.active a,
.navigation-sub li:hover a,
.teaser-box.serie-entry .content li a:hover {
	color: #D80000;
}
#form-article-search .title {
	font-size: 17px;	
	margin: 0 0 5px 0;
}

#form-article-search label {
	font-size: 14px;	
	cursor: pointer;
	
}
#form-article-search label:hover {
	color: #D80000;
}

.filter-remove {
	margin: 20px 0;	
	cursor: pointer;
}


/* Slider */

.article-slider-wrap {
	width: 1100px;	
	height: 135px;
	position: relative;
	overflow:hidden;
}

.article-slider-wrap .controls {
	position: absolute;
	display: block;
	top: 45px;
	left: 0;
	background: #E10019 url(../images/icons/arrow-white-left.png) no-repeat center;
	width: 19px;
	height: 19px;
	cursor: pointer;
}

.article-slider-wrap .controls.next {
	left: auto;
	right: 0;	
	background: #E10019 url(../images/icons/arrow-white-right.png) no-repeat center;
}

.article-slider {
	overflow: hidden;	
}

.article-slider li {
	background: none;
	border: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 300;
	margin: 0  0 0;
	width: 110px;
	text-align: center;
	float: left;
}

.article-slider li.cycle-slide {
	float: none;
}



.article-slider li .title {
	width: 100%;
	height: 45px;
}

.article-slider li .image {
	display: table-cell;
	border: 0;
	width: 110px;
	height: 90px;	
	padding: 0;
	vertical-align: middle;
}

.article-slider li a {
	color: #333;	
	line-height: 15px;
}

/* Artikel-liste */

.serie-list header {
	margin-bottom: 20px;
}

.teaser-box.serie-entry {
	width: 260px;
	margin: 0 20px 20px 0;	
	position: relative;
}

.teaser-box.serie-entry .new {
	font-size: 12px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 65px;
	height: 36px;
	line-height: 28px;
	background: url(../images/icons/button-red-mini.png) no-repeat;	
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
}


.teaser-box.serie-entry .image {
	text-align: center;	
	width: 260px;
	height: 135px;
	display: table-cell;
	vertical-align: middle;
}


.teaser-box.serie-entry.last-in-row {
	margin-right: 0;
}
.teaser-box.serie-entry .content {
	background: #EEE;
	text-align: center;
	height: 105px;
	padding: 5px 5px;
}

.teaser-box.serie-entry .content li,
.teaser-box.serie-entry .content .article-list {
	padding: 0;
	margin: 0;
	background: 0;
	display: inline-block;	
	font-size: 14px;
}

.teaser-box.serie-entry .content h3,
.teaser-box.serie-entry .content h3 a{
	color: #333;
	font-weight: 500;
}

.teaser-box.serie-entry .content li {
	margin: 0 3px 0 0;
}

.teaser-box.serie-entry .content li a {
	display: block;
	color: #333333;
	font-size: 14px;
}

.teaser-box.serie-entry .content .article-list li{
	padding-right: 11px;
	background: url(../images/icons/li-bullet-grey.png) no-repeat right center;	
	margin-right: 1px;
}
.teaser-box.serie-entry .content .article-list li.last {
	padding-right. 0;
	margin-right: 0;
	background: none;
}

/* Finder */

.red-bg h3 {
	color: #FFF;
	margin: 0 0 12px 0;	
}

.red-bg .sbHolder{ 
	background: #DF5B6A;
	border: none;
}

.red-bg .sbSelector:link, 
.red-bg .sbSelector:visited, 
.red-bg .sbSelector:hover {
	font-size: 13px;
	font-weight: 300;
	line-height: 25px;
	color: white;
}

.red-bg .sbToggle{
	background-image: url(../images/bg/arrow-down-white.png);
	right: 0;
	width: 23px;
}

.red-bg .sbToggleOpen{
	background-image: url(../images/bg/arrow-up-white.png);
}

.red-bg .sbOptions {
	border: none;
	left: 0;	
}


#form-article-finder .group {
	margin: 0 0 6px 0;	
}
#form-article-finder .buttons {
	margin: 10px 0 0px 0;	
}




.footerbar {
	margin: 20px 0 20px 0;
	height: 30px;
	line-height: 30px;
	background: #EEE;	
}

.footerbar a {
	color: #444;	
}

.footerbar .col-1 a {
	padding-left: 15px;
	background: url(../images/bg/arrow-left-grey.png) no-repeat left center;
	margin-left: 15px;	
}


/* Social Media */

.social {
	text-align: right;	
	padding: 7px 20px 0 0;
}

.social .share {
	
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	cursor: pointer;
	text-indent: 16px;
	overflow: hidden;	
	float: right;
}
.social .facebook {
	background: url(../images/icons/facebook.png) no-repeat;
}
.social .google {
	background: url(../images/icons/googleplus.png) no-repeat;
}
.social .twitter {
	background: url(../images/icons/twitter.png) no-repeat;
}

.headline-centered {
	margin: 0 0 10px 0;	
	text-align: center;
	background: url(../images/bg/line-dot.png) center center repeat-x;
}

.headline-centered span {
	display: inline-block;
	padding: 0 8px;
	background: white;		
}


.teaser-box  {
	position: relative;
}

.teaser-box .button {
	position: absolute;
	bottom: 20px;
	right: 20px;
}


.article-group-slider {
	width: 820px;
	overflow: hidden;
}

.article-group {
	width: 820px;
}

.article-group-pager {
	text-align: right;		
}

.article-group-pager span a{
	font-weight: 500;
	font-size: 16px;
	color: #333;	
}

.article-group-pager span {
	margin-left: 5px;	
}
.article-group-pager span.cycle-pager-active a{
	color: #E00019;	
}
/* Quintillion :) */
.fancybox-overlay {
	z-index: 999;
}

.usercentrics-button .uc-privacy-button-wrapper {
	z-index: 1000 !important;
}