/*
	$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

	osCommerce, Open Source E-Commerce Solutions
	http://www.oscommerce.com

	Copyright (c) 2003 osCommerce

	Released under the GNU General Public License
*/

/*
	REDESIGN 2015, Import Font
*/
@font-face {
  font-family: 'icomoon';
  src:  url('css/fonts/icomoon.eot?lhyajl');
  src:  url('css/fonts/icomoon.eot?lhyajl#iefix') format('embedded-opentype'),
    url('css/fonts/icomoon.ttf?lhyajl') format('truetype'),
    url('css/fonts/icomoon.woff?lhyajl') format('woff'),
    url('css/fonts/icomoon.svg?lhyajl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrowLeft:before {
    content: "\e600";
}
.icon-arrowRight:before {
    content: "\e601";
}
.icon-arrowUp:before {
    content: "\e602";
}
.icon-arrowDown:before {
    content: "\e603";
}
.icon-reset:before {
    content: "\e604";
}
.icon-home:before {
    content: "\e605";
}
.icon-search:before {
    content: "\e606";
}
.icon-help:before {
    content: "\e607";
}
.icon-shoppingCart:before {
    content: "\e608";
}
.icon-repair:before {
    content: "\e609";
}
.icon-contact:before {
    content: "\e60a";
}
.icon-facebook:before {
    content: "\e60b";
}
.icon-youtube:before {
    content: "\e60c";
}
.icon-lieferung:before {
    content: "\e60d";
}
.icon-risiko:before {
    content: "\e60e";
}
.icon-team:before {
    content: "\e60f";
}
.icon-auswahl:before {
    content: "\e610";
}
.icon-nachhaltigkeit:before {
    content: "\e611";
}
.icon-print:before {
    content: "\e612";
}
.icon-warning:before {
    content: "\e613";
}
.icon-facebook-mobile:before {
    content: "\e614";
}
.icon-twitter:before {
    content: "\e615";
}
.icon-youtube-mobile:before {
    content: "\e616";
}
.icon-menu:before {
    content: "\e617";
}
.icon-close:before {
    content: "\e618";
}
.icon-trash-can:before {
    content: "\e619";
}
.icon-locked:before {
    content: "\e61a";
}
.icon-unlocked:before {
    content: "\e61b";
}
.icon-addressbook:before {
    content: "\e61c";
}
.icon-clipboard:before {
    content: "\e61d";
}
.icon-user:before {
    content: "\e61e";
}
.icon-menu2:before {
    content: "\e61f";
}
.icon-info:before {
	content: "\e620";
}

/* applies to GIF and PNG images; avoids blurry edges */
.brandSliderItem img[src$=".gif"], .brandSliderItem img[src$=".png"],
.category-listing-categories .device-type img[src$=".gif"], .category-listing-categories .device-type img[src$=".png"] {
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}


.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

.none       {display:none;}
.cl_both      {clear:both;}
.fl_right     {float:right;}
.fl_left      {float:left;}
.ofh        {overflow:hidden;}

.grid {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}

BODY {
	background: #FFFFFF;
	background-color:#FFFFFF;
	color: #000000;
	margin: 0px;
	height: 100%;
}

A {
	color: #000000;
	text-decoration: none;
}

A:hover {
	color: #AABBDD;
	text-decoration: underline;
}

A.thehoover {
	color: #FFFFFF;
}

A.thehoover:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

FORM {
	display: inline;
}

h1{
	font-size: 24px;
	font-weight: normal;
	color: #006397;
}
	
h2{
	font-size: 20px;
	font-weight: normal;
	color: #006397;
	margin-top: 0;
}
	
h3{
	font-size: 14px;
	font-weight: normal;
}

.topernavigation{float:left; font-size:14px; margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; font-weight: normal;}
.topernavigation li{list-style-type:none; display:inline; margin: 0; padding: 0;}

TR.header {
	background: #ffffff;
}

TR.headerNavigation {
	background: #003366;
}

TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #FFFFFF;
	color: #CCCCCC;
	font-weight : bold;
}

TD.headerNavigationBreadcrumb {
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	color: #CCCCCC;
}

.headerNavigationBreadcrumb {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	color: #CCCCCC;
}

A.headerNavigation { 
	color: #333333; 
}

A.headerNavigation:hover {
	color: #333333;
}

TR.headerError {
	background: #ff0000;
}

TD.headerError {
	font-size: 12px;
	background: #ff0000;
	color: #ffffff;
	font-weight : bold;
	text-align : center;
}

TR.headerInfo {
	background: #00ff00;
}

TD.headerInfo {
	background: #00ff00;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.infoBox {
	background: #ccc;
}

.infoBoxContents {
	background: #f6f6f6;
}

.infoBoxNotice {
	background: #FF8E90;
}

.infoBoxNoticeContents {
	background: #FFE6E6;
}

TD.infoBoxHeading {
	font-weight: normal;
	height:22px;
	padding-left: 4px;
	background-color:transparent;
	background-repeat:repeat-x;
	background-image:url(images/bluebg.png);
	color: #ffffff;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
	/*background: #ebebeb;*/
	background: #fff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
	/*background: #f8f8f8;*/
	background: #fff;
}

TR.productListing-odd:not(:only-child) > td,
TR.productListing-even:not(:only-child) > td {
	border-top: 1px solid #dadada;
}

TR.productListing_catTitle + .productListing_row > td {
	border-top: none;
}

TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

TR.subBar {
	background: #f4f7fd;
}

TD.subBar {
	font-size: 10px;
	color: #000000;
}

TD.main11, P.main11 {
	font-size: 11px;
	line-height: 1.0;
}

TD.smallText, SPAN.smallText, P.smallText {
	font-size: 10px;
}

TD.accountCategory {
	font-size: 13px;
	color: #aabbdd;
}

TD.fieldKey {
	font-size: 12px;
	font-weight: bold;
}

TD.fieldValue {
	font-size: 12px;
}

TD.tableHeading {
	font-size: 12px;
	font-weight: bold;
}

SPAN.newItemInCart {
	font-size: 10px;
	color: #ff0000;
}

SPAN.greetUser {
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}

TABLE.formArea {
	background: #f1f9fe;
	border-color: #7b9ebd;
	border-style: solid;
	border-width: 1px;
}

TD.formAreaTitle {
	font-size: 12px;
	font-weight: bold;
}

SPAN.markProductOutOfStock {
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}

SPAN.productSpecialPrice {
	color: #ff0000;
}

SPAN.errorText {
	color: #ff0000;
}

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.tax_info {
	font-size: 9px;
	color: #758389;
	font-weight: normal;
	display:inline;
}


.price_gStyle {
	font-size: 24px;
	color: #222;
	font-weight:bold;
}

img { border-width:0pt; }

.TabbedPanelsContent0 {padding: 4px;}
.TabbedPanelsContent1 {padding: 4px;}
.TabbedPanelsContent2 {padding: 4px;}
.TabbedPanelsContent3 {padding: 4px;}
.TabbedPanelsContent4 {padding: 4px;}

.pic1 {height:150px; width:157px; left:0px; background:url(images/navi_akkus.jpg);}
.pic2 {height:150px; width:157px; left:0px; background:url(images/navi_festplatten.jpg);}
.pic3 {height:150px; width:157px; left:0px; background:url(images/navi_tastaturen.jpg);}
.pic4 {height:150px; width:157px; left:0px; background:url(images/navi_arbeitspeicher.jpg);}
.pic5 {height:150px; width:157px; left:0px; background:url(images/navi_netzteile.jpg);}
.pic6 {height:150px; width:157px; left:0px; background:url(images/navi_diverses.jpg);}
.thetext {position:absolute; left:10px; top:129px; z-index:100; color:white; font-size:14px; font-weight:bold; font-family: Verdana, Arial, sans-serif;}

.js           {padding-top:0px;margin-top:0px; padding-bottom:25px; height:150px;}
.js ul          {list-style:none; width:100%;padding:0; margin:0}
.js li       {display:inline-block; float:left; width:157px;}

.div_pic            {position:relative;z-index:1;}
.div_hint           {position:absolute;z-index:2;}
/* *************************** */
/* *************************** */
.js .div_hint           {height:137px; bottom:-137px;width:157px; left:0px;background:url(images/navi_textbox.gif) 0px 0px no-repeat;}
.js .wrapper_div          {height:150px;overflow:hidden;position:relative;}
.js .div_hint .div          {padding:7px 0px 22px 0px; text-align:left;}

.js .div_hint .txt          {padding:20px 10px 1px 10px; text-align:left;text-transform:uppercase; display:block;color:#fff; font-family: Verdana, Arial, sans-serif; font-size:13px; line-height:18px; font-weight:bold; text-decoration:none;}
.js .div_hint .txt2         {padding:0px 9px 0px 10px;text-align:left; display:inline-block;background:url(images/marker.gif) 100% 5px no-repeat;color:#fff; font-family: Verdana, Arial, sans-serif; font-size:11px; line-height:14px; font-weight:normal;text-decoration:none;}

.js .div_hint .txt:hover,
.js .div_hint .txt2:hover     {text-decoration:underline;}
/* *************************** */
.js li.last_list img,
.js li.last_list         {width:157px;}
.js .last_list .div_hint      {width:157px;}
.div        {padding-left:15px;}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
	padding-top: 5px;
	background: #ffffff;
	width: 98%;
	height: 53px;
	margin: 0 auto 1em auto;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 53px;
}
	
/* Explicitly set height/width of each list item */ 
.simply-scroll .simply-scroll-list li {
	padding-left:5px;
	float: left; /* Horizontal scroll only */
	width: 105px;
	height: 53px;
}

#simpleoverlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
		z-index: 10000;
}
#thissimplepicture {
		position: fixed;
		width: 100%;
		height: 100%;
		background:url("/images/waitfororder.png") no-repeat center center;
		z-index: 11000;
}

.headRSF {
			border:0px;
				padding-left:8px; 
				padding-top:2px;
			color: #FFFFFF;
			font-family: strong Verdana, Arial, sans-serif; 
			font-size:12px;
}

.subheadRSF {
			border:0px;
				padding-left:8px; 
				padding-top:2px;
			color: #000000;
			font-family: strong Verdana, Arial, sans-serif; 
			font-size:12px;
}

.infoRSF {
			border: 0px; 
			border-style: solid; 
			border-color: #b6b7cb;
			height:20px;
			margin-bottom: 5px;
			background-repeat:repeat-x; 
			background-image:url(/images/bluebg.png);
}

.subinfoRSF {
			border: 0px; 
			border-style: solid; 
			border-color: #b6b7cb;
			height:20px;
			margin-bottom: 5px;
			background-repeat:repeat-x; 
			background-image:url(/images/dunkel_hell.gif);
}

.formRSF {
			padding-top:20px;
			padding-left:50px;
}

.subformRSF {
			clear:both;
			padding-bottom:5px;
			padding-left:50px;
}

.formRSFtext {
			width:200px;
			padding-top:4px;
			font-family: Verdana, Arial, sans-serif;
			font-weight:bold;
			font-size:12px;
			float:left;
}

.infoRSFtext {
			border: 1px;
			border-style: dashed; 
			border-color: #006397;
			width: 530px;
			padding:5px;
			margin-top:2px;
			font-family: italic Verdana, Arial, sans-serif;
			font-size:10px;
			
}

.textRSF {
			border:0px;
				padding-left:40px;
			padding-right:40px;     
				padding-top:10px;
			color: #000000;
			font-family: Verdana, Arial, sans-serif; 
			font-size:12px;
}

.type_checkbox {
	margin-left: 2px;
	height: 50px;
	width: 150px;
	color: #000000;
	padding-top: 2px;
	padding-left: 10px;
	font-size: 10px;
	background-color: #ebebeb;
}

.type_checkbox a {
	color: #000000;
	font-size: 10px;
}

.repair {
	font-family: Verdana, Arial, sans-serif; 
	font-size:10px;
	padding-bottom: 5px;
}

#hersteller_sonstige {
	display: none;
}

#hersteller_oder {
	display: none;
}

#vatreg {
	display: none;
}

#hersteller_list {
	display: none;
}

#hersteller_list_2 {
	display: none;
}

#winpass {
	display: none;
}

#biospass {
	display: none;
}

.reparaturanmeldung_lieferung {
	display: none;
}

.featured {
	position: relative;
}

.featured .t {
	/*letter-spacing: 0.1em;*/
	padding: 5px 10px 3px;
	margin-top:30px;
	position: relative;
	text-align: left;
	font-size:16px;
	/*text-transform: uppercase;*/
	background:#006397;
	color:#fff;
}

.featured .c,
.featured .c2 {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #006397;
	padding: 10px;
}

.featured .a {
	/*color: #006397;*/
	text-decoration: underlined;
	font-weight: bold;
}


/* Main toggle */
.toggle {
	font-size: 14px;
	/*font-family: Verdana;*/
	background: #ffffff; /* Main background */
	margin-bottom: 2px;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	/*line-height:60px;*/
}

/* Toggle Link text */
.toggle a.toggle-trigger {
	display:block;
	padding: 8px 4px 8px 10px;
	position:relative;
	text-decoration: none;
	font-size:14px;
}

/* Toggle Link hover state */
.toggle a.toggle-trigger:hover {
	opacity: 1;
	text-decoration: none;
}

/* Toggle link when clicked */
.toggle a.active {
	text-decoration: none;
	border-bottom: 1px solid #d2d2d2;
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	box-shadow: 0 8px 6px -6px #ccc;
}

/* Lets add a "-" before the toggle link */
.toggle a.toggle-trigger:after {
	content: url(/pfeil-r.gif);     /* You can add any symbol, font icon, or graphic icon */
	font-size: 1.2em;
	position:absolute;
	right:5px;
}

/* When the toggle is active, change the "-" to a "+" */
.toggle a.active.toggle-trigger:after {
	content: url(/pfeil-u.gif);
}

/* The content of the toggle */
.toggle .toggle-content {
	padding: 1px 10px 1px 10px;
	color:#222;
	/*line-height: 15px;*/
	text-align:justify;
}


/* START: SQ Anpassungen */

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* WICHTIG! Notwendig für Desktop Layout table (Sidebar + Content)*/
table {
    border-collapse: separate;
}


.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/* GRID */

.container {
	width: 1170px;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
}

.container_print {
	width: 825px;
	padding: 0;
	margin: 10px auto;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left
}

.col-12 {
	width: 100%;
}
.col-11 {
	width: 91.66666667%;
}
.col-10 {
	width: 83.33333333%;
}
.col-9 {
	width: 75%;
}
.col-8 {
	width: 66.66666667%;
}
.col-7 {
	width: 58.33333333%;
}
.col-6 {
	width: 50%;
}
.col-5 {
	width: 41.66666667%;
}
.col-4 {
	width: 33.33333333%;
}
.col-3 {
	width: 25%;
}
.col-2 {
	width: 16.66666667%;
}
.col-1 {
	width: 8.33333333%;
}

.col-offset-12 {
	margin-left: 100%;
}
.col-offset-11 {
	margin-left: 91.66666667%;
}
.col-offset-10 {
	margin-left: 83.33333333%;
}
.col-offset-9 {
	margin-left: 75%;
}
.col-offset-8 {
	margin-left: 66.66666667%;
}
.col-offset-7 {
	margin-left: 58.33333333%;
}
.col-offset-6 {
	margin-left: 50%;
}
.col-offset-5 {
	margin-left: 41.66666667%;
}
.col-offset-4 {
	margin-left: 33.33333333%;
}
.col-offset-3 {
	margin-left: 25%;
}
.col-offset-2 {
	margin-left: 16.66666667%;
}
.col-offset-1 {
	margin-left: 8.33333333%;
}



/* STOCK INFO */

.circle {
	border-radius: 50%;
}

.qty-icon {
	width: 1.2em;
	height: 1.2em;
	display: inline-block;
}

.qty-green {
	background: #66b20f;
}

.qty-yellow {
	background: #ffd300;
}

.qty-red {
	background: #df403c;
}

.qty-orange {
	background: #f58d41;
}

.availability-info i {
	font-size: 1.25em;
	margin-right: 10px;
	vertical-align: top;
}


.infoBoxContents font,
.infoBoxContents p,
.infoBoxContents span {
	/*font-size: 11px !important;*/
}

/* AutoSuggest */

.twitter-typeahead {
	display: block !important;
}

.tt-query,
.tt-hint {
	font-size: 16px;
}

.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	color: #999
}

.tt-dropdown-menu {
	width: 740px;
	margin-top: 0;
	padding: 8px 0;
	background-color: #fff;
	border-top: 1px solid #ebebeb;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
					box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-dropdown-menu .left-column {
	float: left;
	width: 50%;
}

.tt-dropdown-menu .right-column {
	float: right;
	width: 50%;
}

.tt-dropdown-menu .dataset-header {
	margin: 0 20px 5px 20px;
	padding: 3px 0;
	border-bottom: 1px solid #ebebeb;
}

.tt-dropdown-menu .empty-message {
	padding: 3px 20px;
	color: #999;
}

.tt-suggestion {
	color: #222;
	padding: 3px 20px;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #25c1dd;
	cursor: pointer;
}

.tt-suggestion p {
	margin: 0;
}

.tt-suggestion .tt-highlight {
	color: #1ca3bc;
	font-weight: normal;
}

.tt-suggestion.tt-cursor .tt-highlight {
	color: #fff;
}

.tt-suggestion .suggestImage {
	float: left;
	width: 50px;
	height: 40px;
	margin-right: 20px;
}

.tt-suggestion .suggestText {
	display: block;
	padding: 3px 3px 3px 75px;
	min-height: 40px;
}

/* TabSelect Navcat */

#navcat .tabSelectCategories {
	float: left;
}

#navcat .tabSelectCategories.selected {
	background: #fff;
	color: #006397;
}

#navcat .tabSelectCategories:hover {
	cursor: pointer;
}

/* Paginator */

.sq_paginator {
	margin-top: 10px;
	position: relative;
}

.sq_paginator ul {
	list-style: none;
	font-size: 0;
	padding: 0;
	margin: 0;
	background: #ebebeb;
	text-align: center;
}

.sq_paginator .prevLinks {
	position: absolute;
	left: 0;
	bottom: 0;
}

.sq_paginator .nextLinks {
	position: absolute;
	right: 0;
	bottom: 0;
}

.sq_paginator li {
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	border-right: 1px solid #fff;
}

.sq_paginator li:first-child {
	border-left: 1px solid #fff;
}

.sq_paginator li.nolink {
	padding: 0 10px;
	border: none;
}

.sq_paginator li.nolink:first-child {
	border-right: 1px solid #fff;
}

.sq_paginator li.active {
	background: #fff;
}

.sq_paginator li a {
	padding: 0 10px;
}

.sq_paginator li.active a {
	color: #006397;
}

.sq_paginator li i {
	font-size: 16px;
	vertical-align: middle;
}

/* Dropdown Menu */

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 10px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.dropdown {
	position: relative;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	/*margin: 2px 0 0;*/
	margin: 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
					background-clip: padding-box;
	border: 1px solid #ebebeb;
	border: 1px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
					box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
}

.dropdown-open > .dropdown-menu,
.dropdown:hover > .dropdown-menu {
	display: block;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #ebebeb;
}

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #222;
	white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #25c1dd;
}

/* FORMULARE */

label {
	display: inline-block;
	max-width: 100%; /* Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) */
	margin-bottom: 5px;
	font-weight: bold;
}

/* Override content-box in Normalize (* isn't specific enough) */
input[type="search"] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-appearance: none;
}

/* Position radios and checkboxes better */
input[type="radio"],
input[type="checkbox"] {
	margin: 3px 0 0;
	margin-top: 1px \9; /* IE8-9 */
	line-height: normal;
}

/* Common form controls */

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 10px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s;
			transition: border-color ease-in-out .15s;
}

.form-control.highlight {
	background-color: #d9f5fa;
	border: 1px solid #25c1dd;
	color: #1ca3bc;
}

.form-control-upload {
	float: left;
	color: #555;
	display: block;
	font-size: 14px;
	line-height: 1.42857;
	padding: 6px 0;
	width: 80%;
}

/* Customize the `:focus` state to imitate native WebKit styles. */
.form-control:focus {
	border-color: #25c1dd;
	outline: 0;
}

/* Placeholder */
.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder {
	color: #999;
	opacity: 1;
}

/* Unstyle the caret on `<select>`s in IE10+. */
.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}

/* Disabled and read-only inputs */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #dadada;
	opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
	cursor: not-allowed;
}

/* Reset height for `textarea`s */
textarea.form-control {
	height: auto;
}

/* Checkboxes and radios */

.radio,
.checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.radio label,
.checkbox label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	position: absolute;
	margin-top: 3px \9;
	margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
	margin-top: -5px; /* Move up sibling radios or checkboxes for tighter spacing */
}

/* Radios and checkboxes on same line */
.radio-inline,
.checkbox-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
	padding-right: 10px;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
	margin-top: 0;
	/*margin-left: 10px;*/
}

/* Radio label mit Tabellen, speziell für Payment & Shipping */

.radio-table {
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}

.radio-table:hover,
.radio-table:focus {
	background: #ebebeb;
}

.radio-table label {
	display: block;
}

.radio-table span {
    display: inline-block;
}

.radio-table .radio-title {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.radio-table.box .radio-image img {
    margin-bottom: 10px;
}

/* Apply same disabled cursor tweak as for inputs */
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline,
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
	cursor: not-allowed;
}

/* Google reCaptcha */

.g-recaptcha {
	margin-bottom: 20px;
}

.grecaptcha-badge {
    /*width: 70px !important;*/
    /*transition: all 0.3s ease !important;*/
    position: absolute !important;
    bottom: auto !important;
    right: auto !important;
}

.grecaptcha-badge:hover {
    /*width: 256px !important;*/
}

/* Form groups */

.form-group {
	margin-bottom: 15px;
}

.form-group-highlight {
	padding-top: 5px;
	background: #dadada;
}

/* Help text */

.help-block {
	display: block;
	margin-top: 1em;
	margin-bottom: 5px;
}

.radio .help-block,
.checkbox .help-block {
	padding-left: 20px;
}


/* Horizontal forms */

/* Consistent vertical alignment of radios and checkboxes */
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
	padding-top: 7px;
	margin-top: 0;
	margin-bottom: 0;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
	min-height: 27px;
}

/* Make form groups behave like rows */
.form-horizontal .form-group {
	margin-right: -15px;
	margin-left: -15px;
}

/* Verhindert Scrollbars in Fancybox */
.iframe-form.form-horizontal .form-group {
	max-width: 100%;
}

/* Reset spacing and right align labels, but scope to media queries so that labels on narrow viewports stack the same as a default form example. */
.form-horizontal .control-label {
	padding-top: 7px;
	margin-bottom: 0;
}

/* Form with Sections */

.form-sections fieldset {
	border-bottom: 1px solid #dadada;
	padding: 10px 0;
	margin: 10px 0;
}

.form-boxes fieldset {
	background: #ebebeb;
	border: 1px solid #dadada;
	margin: 10px 0;
	padding: 10px;
}

.form-sections legend,
.form-boxes legend,
.form-sections .legend,
.form-boxes .legend {
	font-size: 1.2em;
	width: 100%;
	margin-bottom: 1em;
}

.form-sections legend,
.form-boxes legend {
    float: left;
}

.form-sections legend + *,
.form-boxes legend + * {
    clear: left;
}

.form-sections .legend {
    border-top: 1px solid #dadada;
    padding-top: 10px;
}

.form-boxes legend {
	font-weight: 500;
}

.form-sections legend .icon-help {
	vertical-align: middle;
}

.form-sections legend a:hover {
	text-decoration: none;
}

/* Validation */

.form-group.parsley-error > .col-12, .form-group.parsley-error > .col-11, .form-group.parsley-error > .col-10, .form-group.parsley-error > .col-9, .form-group.parsley-error > .col-8, .form-group.parsley-error > .col-7, .form-group.parsley-error > .col-6, .form-group.parsley-error > .col-5, .form-group.parsley-error > .col-4, .form-group.parsley-error > .col-3, .form-group.parsley-error > .col-2, .form-group.parsley-error > .col-1 {
	background-color: #f6b7b5;
	padding-bottom: 7px;
}

.alert.parsley-error {
	background-color: #f6b7b5;
	border-color: #e5322d;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
	border-color: #84bb1d;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	border-color: #e5322d;
}

.parsley-errors-list {
	float: left;
	padding-left: 0;
	margin: 0;
	color: #e5322d;
	list-style-type: none;
	font-size: 0.9em;
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	   -moz-transition: all .3s ease-in;
		 -o-transition: all .3s ease-in;
			transition: all .3s ease-in;
}

.parsley-errors-list.filled {
	opacity: 1;
	margin-top: 0.5em;
}


/* Inline forms */

.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

.form-inline .input-group {
	display: inline-table;
	vertical-align: middle;
}

.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
	width: auto;
}

.form-inline .input-group > .form-control {
	width: 100%;
}

.form-inline .control-label {
	margin-bottom: 0;
	vertical-align: middle;
}

/* Remove default margin on radios/checkboxes that were used for stacking, and then undo the floating of radios and checkboxes to match. */
.form-inline .radio,
.form-inline .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
}

.form-inline .radio label,
.form-inline .checkbox label {
	padding-left: 0;
}

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
	position: relative;
	margin-left: 0;
}


/* BUTTONS */

.btn {
	display: inline-block;
	padding: 6px 10px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	/* TODO verbessern */
	height: 34px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	background-image: none;
	background-color: #ebebeb;
	color: #333;
	border: 1px solid transparent;
	border-radius: 0;
}

.btn i {
	font-size: 20px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: 0;
}

.btn:hover,
.btn:focus,
.btn.focus {
	background: #dadada;
	color: #333;
	text-decoration: none;
}

.btn:active,
.btn.active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

/* Block button */

.btn-block {
	display: block;
	width: 100%;
    max-width: 200px;
}

.btn-block + .btn-block {
	margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
	width: 100%;
}

/* Small button */

.btn-small {
	padding: 2px 4px;
	height: 26px;
}

/* Transparent Buttons */

.btn-transparent {
	background-color: transparent;
}


.btn-transparent:focus,
.btn-transparent.focus,
.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent.active,
.btn-transparent:active:hover,
.btn-transparent.active:hover,
.btn-transparent:active:focus,
.btn-transparent.active:focus,
.btn-transparent:active.focus,
.btn-transparent.active.focus {
	outline: 0;
	background-color: transparent;
}

/* Dark Buttons */

.btn-dark {
	background-color: #c9c9c9;
	border-color: #c9c9c9;
}

.btn-dark:focus,
.btn-dark.focus,
.btn-dark:hover,
.btn-dark:active,
.btn-dark.active,
.btn-dark:active:hover,
.btn-dark.active:hover,
.btn-dark:active:focus,
.btn-dark.active:focus,
.btn-dark:active.focus,
.btn-dark.active.focus {
	background-color: #b8b8b8;
	border-color: #b8b8b8;
}

/* Submit Buttons */

.btn-submit {
	color: #fff;
	background-color: #1fa8c1;
	border-color: #1fa8c1;
}

.btn-submit:focus,
.btn-submit.focus,
.btn-submit:hover,
.btn-submit:active,
.btn-submit.active,
.btn-submit:active:hover,
.btn-submit.active:hover,
.btn-submit:active:focus,
.btn-submit.active:focus,
.btn-submit:active.focus,
.btn-submit.active.focus {
	color: #fff;
	background-color: #068fa8;
	border-color: #068fa8;
}

.btn-submit:active,
.btn-submit.active {
	background-image: none;
}

.btn-submit.disabled:hover,
.btn-submit[disabled]:hover,
fieldset[disabled] .btn-submit:hover,
.btn-submit.disabled:focus,
.btn-submit[disabled]:focus,
fieldset[disabled] .btn-submit:focus,
.btn-submit.disabled.focus,
.btn-submit[disabled].focus,
fieldset[disabled] .btn-submit.focus {
	background-color: #1fa8c1;
	border-color: #1fa8c1;
}


/* ICONS */

/* Buttons with icon */

.btn.has-icon {
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
}

.btn.has-icon i {
	position: relative;
	top: 1px;
	display: inline-block;
	font-size: 26px;
}

.btn.has-icon span {
	width: 80%;
	width: calc(100% - 50px);
	position: absolute;
	top: 0.5em;
	text-align: center;
}

.btn.has-icon-left {
	text-align: left;
}

.btn.has-icon-left span {
	left: 50px;
	border-left: 1px solid #fff;
}

.btn.has-icon-right {
	text-align: right;
}

.btn.has-icon-right span {
	right: 50px;
	border-right: 1px solid #fff;
}


/* INPUT GROUPS */

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

/* Undo padding and float of grid classes */
.input-group[class*="col-"] {
	float: none;
	padding-right: 0;
	padding-left: 0;
}

/* Ensure that the input is always above the *appended* addon button for proper border colors. */
.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.input-group .form-control:focus {
	z-index: 3;
}

/* Display as table-cell */
.input-group-btn,
.input-group .form-control {
	display: table-cell;
}

.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
	border-radius: 0;
}

/* Button input groups */

.input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
	font-size: 0;
}

/* Negative margin for spacing, position for bringing hovered/focused/actived element above the siblings. */
.input-group-btn > .btn {
	position: relative;
}

.input-group-btn > .btn + .btn {
	margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
	z-index: 2;
}

/* Negative margin to only have a 1px border between the two */
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
	margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
	z-index: 2;
	margin-left: -1px;
}


/* MEDIA */

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}
.media-body {
    width: 10000px;
}

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}


/* ALERTS */

.alert {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid transparent;
}

/* Improve alignment and spacing of inner content */

.alert h3 {
	margin-top: 0;
}

.alert > p,
.alert > ul {
	margin-bottom: 0;
}

.alert > p + p {
	margin-top: 5px;
}

.alert .checkbox,
.alert .radio {
	padding-top: 4px;
}

/* Alternate styles */

.alert-success {
	background-color: #c8ec85;
	border-color: #84bb1d;
}

.alert-success i {
	color: #557913;
}

.alert-info {
	background-color: #ecf9fc;
	border-color: #a9e7f2;
}

.alert-info i {
	color: #25c1dd;
}

.alert-warning {
	background-color: #ffd35b;
	border-color: #c18d00;
}

.alert-warning i {
	color: #c18d00;
}

.alert-error {
	background-color: #f6b7b5;
	border-color: #e5322d;
}

.alert-error i {
	color: #e5322d;
}


/* BOX */

.box {
    background: #ebebeb;
    border: 1px solid #dadada;
    margin: 10px 0;
    padding: 10px;
}

.box-success {
	background-color: #c8ec85;
	border-color: #84bb1d;
}

.box-white {
    background: #fff;
}

.box h3 {
    margin-top: 0;
    font-weight: bold;
}

.box dl {
    margin-left: 10px;
    font-size: 0.9em;
}

.box dt {
    font-weight: bold;
}

.box dd {
    margin-left: 10px;
    margin-bottom: 5px;
}


/* CHECKOUT */

.cart-item-actions-quantity input {
	text-align: center;
}

.crossSelling {
	margin-top: 30px;
	border-top: 1px solid #dadada;
	padding-top: 20px;
}


/* REDESIGN 2015 */

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.affix {
	position: fixed;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.42;
	color: #222;
}

a {
	color: #1ca3bc;
}

a:hover,
a:focus {
	color: #006397;
}

.noHighlight a,
a.noHighlight {
	color: inherit;
}

.noHighlight a:hover,
.noHighlight a:focus,
a.noHighlight:hover,
a.noHighlight:focus {
	color: #006397;
}

a.highlight {
	color: #1ca3bc;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

hr {
	background: #ebebeb;
	border: 0;
	height: 5px;
	margin: 2em 0;
}


.img-responsive {
	/*max-width: 100%;*/
	width: 100%;
	height: auto;
}

/* RESPONSIVE EMBED */

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

/* Modifier class for 16:9 aspect ratio*/
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

/* Modifier class for 4:3 aspect ratio */
.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.youtube-lazy-load {
    background-color: #000;
}

.youtube-lazy-load img {
    width: 100%;
    position: absolute;
    top: -16.84%;
    left: 0;
    cursor: pointer;
}

.youtube-lazy-load .youtube-play-button,
.youtube-lazy-load .youtube-play-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}

.youtube-lazy-load .youtube-play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
    cursor: pointer;
}

.youtube-lazy-load .youtube-play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}


#header,
.footer {
	min-width: 1170px;
}

.header-meta {
	font-size: 12px;
	line-height: 40px;
}

.metanavigation li {
	display: inline-block;
	margin-left: 3px;
}

.metanavigation a {
	color: #006397;
	padding-left: 7px;
	border-left: 1px solid #006397;
}

.metanavigation li:first-child a {
	border: none;
}

.language-switch {
	margin-left: 10px;
}

.language-switch a {
	margin-left: 5px;
}

.language-switch a:hover,
.language-switch a:focus {
	text-decoration: none;
}

.header-contact .logo {
	margin: 25px 0;
	display: inline-block;
}

.header-contact .hotline {
	margin: 12px 30px 12px 0;
	font-size: 16px;
	font-weight: 500;
}

.header-contact .hotline > span {
	/*margin: -2px 0 0 10px;*/
	margin: 16px 0 0 10px;
}

#trustedshops_trustbadge {
	height: 80px;
	width: 160px;
	margin: 10px 0;
	background: #fff url(images/trustedbadge.jpg) 0 0 no-repeat;
	overflow: hidden;
}

.search-bar {
	background: #25c1dd;
	padding: 10px;
}

.search-bar .form-control {
    height: 36px;
    padding: 6px 11px;
	font-size: 16px;
    border: none;
    background-color: #fff;
    box-shadow: none;
}

.search-bar .btn {
    height: 36px;
}

.search-bar .btn i {
	font-size: 28px;
	line-height: 22px;
}

.search-bar .scoped-search .btn {
	padding-top: 8px;
	padding-right: 25px;
}

.search-bar .scoped-search .search-choice-close {
	position: absolute;
	top: 13px;
	right: 6px;
	display: block;
	width: 12px;
	height: 12px;
	background: url(/plugins/chosen/chosen-sprite.png) -42px 1px no-repeat;
	font-size: 1px;
}

.search-bar .account {
	padding-left: 50px;
}

.search-bar .account,
.search-bar .shoppingCart {
	font-size: 12px;
}

.search-bar .account a,
.search-bar .shoppingCart a {
	display: block;
	color: #fff;
}

.search-bar .dropdown-menu a {
	color: #222;
}

.search-bar .account a:hover,
.search-bar .account a:focus,
.search-bar .shoppingCart a:hover,
.search-bar .shoppingCart a:focus {
	text-decoration: none;
}

.search-bar .shoppingCart a {
	margin-left: 20px;
}

.search-bar .shoppingCart a:first-child {
	margin-left: 0;
}

.search-bar .shoppingCart i {
	font-size: 34px;
}

.search-bar .account-menu {
	font-size: 16px;
	line-height: 19px;
}

.navbar {
	background: #ebebeb;
	font-size: 16px;
	line-height: 36px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.navbar .nav li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.navbar .nav a {
	display: block;
	color: #222;
	padding: 0 15px;
}

.navbar .nav a:hover,
.navbar .nav a:focus {
	text-decoration: none;
	background: #aaa;
}

.navbar .nav i {
	font-size: 24px;
	line-height: 36px;
}

.navbar .subnavigation {
	display: none;
	position: absolute;
	background: #ebebeb;
	min-width: 200px;
	z-index: 999;
	text-transform: none;
}

.navbar .subnavigation li {
	display: block;
}

.navbar .nav > li:hover .subnavigation,
.navbar .nav > li:focus .subnavigation {
	display: block;
}

.sidebox {
	width: 255px;
	padding: 5px;
	background: #dadada;
	margin-bottom: 30px;
}

.sidebox-large {
	width: 100%;
}

.sidebox h4 {
	margin: 0 0 0.5em 0;
}

.sidebox .infoBoxHeading {
	padding: 6px 6px 7px 15px;
	margin: 0;
	color: #222;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sidebox .infoBox {
	background: #fff;
	padding: 13px 15px;
}

.sidebox .infoBox > ul {
	margin: 0;
}

.sidebox .infoBoxContents {
	background: #fff;
}

.create_id_options input,
.create_id_options button {
	margin-top: 10px;
}

.navcat .infoBox {
	padding: 13px 0;
}

.navcat .infoBoxHeading {
	font-size: 16px;
}

.footer {
	color: #3a3a3a;
	background: #ebebeb;
	padding: 30px 0;
	margin-top: 30px;
}

.footerbox {
	background: #fff;
	padding: 15px 20px;
	margin-bottom: 5px;
}

.footerbox .infoBoxHeading {
	font-size: 18px;
	font-weight: normal;
	margin: 0 30px 0.4em 0;
	display: inline-block;
}

.footer-information {
	margin-left: -100px;
	color: #c7c7c7;
}

.footer-information a {
	display: inline-block;
	padding-left: 100px;
}

.footer-information a:hover,
.footer-information a:focus {
	text-decoration: none;
}

.footer-information i {
	font-size: 60px;
}

.footer-information span {
	float: right;
	padding: 12px 0 0 10px;
}

.footer-payment a {
	margin-right: 20px;
	display: inline-block;
}

.footer-payment-method {
	color: #006397;
	text-transform: uppercase;
	border: 1px solid #bababa;
	padding: 3px 5px;
	font-size: 16px;
}

.footer-payment img {
	vertical-align: middle;
}

.footer-forms .form-control {
	width: 270px;
}

.sidescroller {
	display: none;
	top: 50%;
	right: 0;
	margin-top: -165px;
}

@media only screen and (min-width: 80em) {
	.sidescroller {
		display: block;
	}
}

.sidescroller a {
	width: 45px;
	height: 45px;
	display: block;
	margin-bottom: 10px;
	background: #006397;
	color: #fff;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
}

.sidescroller a:hover,
.sidescroller a:focus {
	text-decoration: none;
}

.sidescroller i {
	font-size: 35px;
	line-height: 45px;
}

/* Breadcrumb */

.breadcrumb {
	margin-bottom: 15px;
}

.breadcrumb_item {
	display: inline-block;
}

/* Rating */

.stars {
	width: 102px;
	height: 20px;
	background: #dadada;
	position: relative;
	top: 2px;
	z-index: 0;
	display: inline-block;
}

.stars .fill {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: #ffd300;
}

.stars span {
	background: url(images/stars.png) no-repeat;
	background-size: 102px 20px;
	display: block;
	width: 100%;
	height: 100%;
}

/*body:last-child .stars span {
	display: block;
	position: relative;
	top: -1%;
	background: none;
}

.stars svg {
	max-width: 100%;
	max-height: 100%;
	height: 20px;
}

.stars path {
	fill: #fff;
}*/

/* Content */

h1.pageHeading {
	margin-top: 0;
	line-height: 1;
}

h1.pageHeading .smallText {
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.img-caption {
	color: #888;
	text-transform: uppercase;
	margin: 1em 0;
}

.top-teaser figure {
	margin: 0;
}

.top-teaser img {
	width: 255px;
	height: 150px;
}

.top-teaser h2 {
	margin: 0 0 0.5em 0;
	font-size: 24px;
}

.top-teaser p {
	margin: 0.5em 0;
}

.col-4 .slick-slider .top-teaser h2 {
	font-size: 16px;
	margin-top: 0.5em;
}

.col-4 .slick-slider .top-teaser p {
	display: none;
}

.mediaItem h4,
.mediaItem p {
	margin-top: 0;
}

.mediaImage {
	width: 160px;
	height: 130px;
	border: 1px solid #ebebeb;
	float: left;
	margin-right: 18px;
	overflow: hidden;
}

.mediaImage img {
	width: auto;
	max-height: 100%;
}

.mediaImage + .mediaContent {
	padding-left: 178px;
}

.col-4 .mediaImage {
	width: auto;
	height: 150px;
	border: none;
	float: none;
	margin: 0;
}

.col-4 .mediaImage + .mediaContent {
	padding-left: 0;
}

.col-4 .mediaImage + .mediaContent p {
	font-size: 16px;
	margin: 0.5em 0;
}

.guestbookUser {
	font-style: italic;
}

.guestbookDate {
	color: #999;
}

.ipc-list {
	list-style: none !important;
	padding-left: 30px;
	margin-top: 0;
}

.ipc-list li {
	text-indent: -1.3em;
}

.ipc-list li:before {
	content: "\25A0";
	color: #006397;
	margin-right: 5px;
	font-size: 1.5em;
}

.result-count {
	font-size: 0.75em;
	line-height: 1;
}

.notebook-specs {
	margin-bottom: 10px;
}

/* Produkt Detail */

.ratingsSummary {
	font-size: 14px;
}

.productDetailRatingsCount {
	margin-left: 10px;
}

.productDetailPrice {
	margin-top: 10px;
}

.productDetailPrice .price_gStyle {
	font-size: 38px;
	line-height: 38px;
	display: inline-block;
}

.productDetailPrice .tax_info {
	font-size: 14px;
	display: inline-block;
	margin-left: 20px;
}

.productDetailVariants {
	margin-top: 20px;
}

.productDetailVariants .btn {
	background: transparent;
	border-color: #c9c9c9;
	height: auto;
	margin-bottom: 7px;
}

.productDetailVariants .btn:hover,
.productDetailVariants .btn:focus,
.productDetailVariants .btn.focus {
	background: #f6f6f6;
	color: #333;
}

.productDetailVariants .btn.variant-selected {
	background-color: #d9f5fa;
	border-color: #25c1dd;
	font-weight: bold;
}

.productDetailVariants .btn .variant-price {
	display: block;
	font-size: 0.8em;
	color: #758389;
}

.productDetailVariants .variant-label {
	display: block;
	margin-bottom: 10px;
}

.productDetailQuantity {
	margin-top: 25px;
}

.productDetailQuantity span {
	float: left;
	width: 90%;
}

.productDetailQuantity .qty-icon {
	margin-right: 10px;
	width: 18px;
}

.productDetailAction {
	margin-top: 25px;
}

.productDetailAction .form-control {
	margin: 0 10px;
}

.productDetailAction .btn {
	width: 267px;
}

.productDetailQualitymarks {
	margin-top: 25px;
}

.productDetailQualitymarks img {
	margin: 0 5px 5px 0;
}

.productDetailSlidingScalePrices {
	margin-top: 25px;
}

.productDetailSlidingScalePrices table {
	width: 100%;
	text-align: left;
}

.productDetailSlidingScalePrices th,
.productDetailSlidingScalePrices td {
	padding: 5px 10px;
}

.productDetailSlidingScalePrices .toggle-btn {
	float: right;
	font-weight: normal;
}

.productDetailSlidingScalePrices tr:nth-child(odd) {
	background: #fff;
}

.productDetailSlidingScalePrices tr:nth-child(even) {
	background: #ebebeb;
}

.productDetailSlidingScalePrices:not(.open) tr:not(:nth-child(-n+3)) {
	display: none;
}

.productDetailSlidingScalePrices .toggle-btn .icon-arrowDown {
	display: inline-block;
}

.productDetailSlidingScalePrices .toggle-btn::before {
	content: attr(data-show-more);
	margin-right: 10px;
}

.productDetailSlidingScalePrices.open .toggle-btn .icon-arrowDown {
	transform: rotate(180deg);
}

.productDetailSlidingScalePrices.open .toggle-btn::before {
	content: attr(data-show-less);
}

.printLink {
	float: right;
	color: #758389;
}

.printLink i {
	font-size: 24px;
	vertical-align: bottom;
	margin-right: 10px;
}

.printLink a:hover,
.printLink a:focus {
	text-decoration: none;
}

.printLink a:hover span,
.printLink a:focus span {
	text-decoration: underline;
}

.productDetailWarning {
	border-top: 5px solid #ebebeb;
	margin-top: 20px;
	padding-top: 20px;
}

.productDetailWarning .icon-warning {
	color: #e12d1e;
	font-size: 40px;
}

.productDetailVideo {
	text-align: center;
	margin: 30px 0;
}

.productDetailFooter {
	color: #758389;
}

.productDetailScrollspy {
	background: #dadada;
	padding: 5px;
	margin-top: 20px;
	/*border-bottom: 20px solid #fff;*/
}

.productDetailScrollspy .nav-link.active {
	background: #ffffff;
	color: #006397;
}
.productDetailTabs .tab-content > div {
	display: block;
	border: 5px solid #dadada;
	margin-bottom: 20px;
}

.productDetailTabs .tab-content > div:first-child {
	border-top: 0;
}

.productDetailTabs h2 {
	color: #222;
	padding-top: 0.25em;
}

.productDetailTabs h3 {
	font-weight: bold;
}

.productDetailTabs h4 {
	margin: 0;
	font-weight: normal;
}

.productDetailTabs td {
	padding: 2px 20px 3px 20px;
	width: 48%;
	vertical-align: top;
}

.productDetailTabs .noIndent {
	padding-left: 0;
	padding-right: 0;
}

.productDetailTabs .tbs-block {
	padding: 0;
}

.productDetailTabs .tbs-block p {
	margin-top: 0;
}

.productDetailTabs .tbs-block td {
	padding: 2px 20px 3px 20px;
}

.productDetailTabs .tbs-check {
	vertical-align: middle;
	margin-right: 5px;
}

.productDetailTabs .spacer {
	padding: 0;
	width: 4%;
}

.productDetailTabs .odd {
	background: #ebebeb;
}

.productDetailTabs hr {
	background: #dadada;
}

.productDetailTabs hr:first-child {
	display: none;
}

.productDetailTabs .collapse {
	position: relative;
	overflow: hidden;
    padding-bottom: 50px;
}

.productDetailTabs .collapse .divider {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,1);
	padding: 10px;
	text-align: center;
}

.productDetailTabs .collapse .divider td {
	margin: 0 auto;
	display: block;
}

.productDetailTabs .collapse .divider-btn {
	border-top: 1px solid #ccc;
	padding: 5px 50px;
}

.productDetailTabs .collapse .divider-btn .icon-arrowDown {
	display: inline-block;
}

.productDetailTabs .collapse .divider-btn::before {
	content: attr(data-show-more);
	margin-right: 10px;
}

.productDetailTabs .collapse.open {
	max-height: none !important;
}

.productDetailTabs .collapse.open .divider-btn .icon-arrowDown {
	transform: rotate(180deg);
}

.productDetailTabs .collapse.open .divider-btn::before {
	content: attr(data-show-less);
}

.productDetailTabs .videoSlider {
	max-width: 785px;
}

.productDetailTabs .videoSlider.slider-full-width .slick-list {
	width: 815px;
}

.productDetailTabs .ratingsHeadline {
	border-bottom: 1px solid #ebebeb;
}

.productDetailTabs .ratingsHeadline h2 {
	border: none;
	padding: 0;
	margin: 0;
	display: inline;
}
.productDetailTabs .ratingsHeadline p {
	margin-top: 0;
}

.productDetailTabs .ratingsSummary {
	display: none;
}

.productDetailTabs .ratingItem {
	border-bottom: 1px solid #ebebeb;
}

.productDetailTabs .ratingItemName {
	font-weight: bold;
}

.productDetailTabs .ratingItemDate {
	float: right;
	font-weight: normal;
	color: #758389;
}

.productDetailTabs .infoOriginal {
	border: 3px #000 solid;
	margin-bottom: 10px;
	padding: 15px;
}

.productDetailTabs .infoOriginal.acerColor {
	border-color: #88ba24;
}

.productDetailTabs .infoOriginal.asusColor {
	border-color: #004998;
}

.productDetailTabs .infoOriginal.fujitsuColor {
	border-color: #e41b14;
}

.productDetailTabs .infoOriginal.msiColor {
	border-color: #e60014;
}

.productDetailTabs .infoOriginal.lenovoColor {
	border-color: #e21f1d;
}

.productDetailTabs .infoOriginalImage {
	vertical-align: middle;
	margin-right: 30px;
}

.productDetailTabs .infoOriginalText {
	font-weight: bold;
}

.productDetailTabs ul + ul {
	margin-top: -1em;
}

.productDetailTabs .videoSlider .mediaImage {
	height: auto;
}

.productDetailTabs .videoSlider .youtube-lazy-load img {
	top: 0;
}

.productDetailTabs .videoSlider .youtube-lazy-load .youtube-play-button {
	box-shadow: none;
}

/* Typo3 Content */

.frame-space-before-extra-small {
	margin-top: 10px;
}
.frame-space-before-small {
	margin-top: 20px;
}
.frame-space-before-medium {
	margin-top: 30px;
}
.frame-space-before-large {
	margin-top: 50px;
}
.frame-space-before-extra-large {
	margin-top: 100px;
}

.frame-space-after-extra-small {
	margin-bottom: 10px;
}
.frame-space-after-small {
	margin-bottom: 20px;
}
.frame-space-after-medium {
	margin-bottom: 30px;
}
.frame-space-after-large {
	margin-bottom: 50px;
}
.frame-space-after-extra-large {
	margin-bottom: 100px;
}


.ce-textpic figure.image {
	margin: 0;
}

.ce-textpic figure.image:not(.image-left):not(.image-right) + figure.image:not(.image-left):not(.image-right) {
	margin-top: 15px;
}

.ce-textpic figure.image-left {
    float: left;
    margin-right: 30px;
}

.ce-textpic figure.image-right {
    float: right;
    margin-left: 30px;
}

.ce-textpic figure.image-border img {
	border: 1px solid #ebebeb;
}

.ce-bodytext .text-right {
	float: right;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 6em;
    line-height: 0.1em;
    margin-right: 0.1em;
    vertical-align: -0.4em;
    font-family: Georgia, Times, Times New Roman, serif;
}

blockquote *:first-child{
	display: inline;
}

blockquote *:last-child{
	margin-bottom: 0;
}

.btn-ipc-submit,
.btn-ipc-replace-domain {
	display: inline-block;
	padding: 6px 10px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	/* TODO verbessern */
	height: 34px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	background-image: none;
	background-color: #1fa8c1;
	color: #fff;
	border: 1px solid #1fa8c1;
	border-radius: 0;
}

.btn-ipc-submit:focus,
.btn-ipc-submit:active:focus,
.btn-ipc-submit.active:focus,
.btn-ipc-submit.focus,
.btn-ipc-submit:active.focus,
.btn-ipc-submit.active.focus,
.btn-ipc-replace-domain:focus,
.btn-ipc-replace-domain:active:focus,
.btn-ipc-replace-domain.active:focus,
.btn-ipc-replace-domain.focus,
.btn-ipc-replace-domain:active.focus,
.btn-ipc-replace-domain.active.focus {
	outline: 0;
}

.btn-ipc-submit:hover,
.btn-ipc-submit:focus,
.btn-ipc-submit.focus,
.btn-ipc-replace-domain:hover,
.btn-ipc-replace-domain:focus,
.btn-ipc-replace-domain.focus {
	background: #068fa8;
	color: #fff;
	text-decoration: none;
	border-color: #068fa8;
}

.btn-ipc-submit:active,
.btn-ipc-submit.active,
.btn-ipc-replace-domain:active,
.btn-ipc-replace-domain.active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
}

.team-member {
	width: calc(20% - 12px);
	margin-right: 15px;
	float: left;
}

.col-3 > .team-member {
	width: auto;
}

.team-member + *:not(.team-member) {
	clear: left;
}

.team-member-large-no--4 {
	margin-right: 0;
}

.team-member img {
	max-width: 100%;
	height: auto;
}

.team-member-name {
    margin: 0.5em 0 0 0;
}

.team-member-position {
    color: #1ca3bc;
    font-style: italic;
    margin-top: 0;
}

.comparison-table table {
    width: 100%;
    border-collapse: collapse;
}

.comparison-table td,
.comparison-table th {
    text-align: center;
    border: solid 1px #ebebeb;
    padding: 6px;
    word-wrap: break-word;
}

.comparison-table td {
    color: #df403c;
    font-weight: bold;
}

.comparison-table td:first-child,
.comparison-table th:first-child {
    color: #222;
}

.comparison-table .check {
    color: #66b20f;
    font-size: 1.5em;
}

.image-slider .image {
	margin: 0 30px;
}

.image-slider.effect-colorize img {
	-webkit-filter: grayscale(1) brightness(0.75) contrast(3);
	filter: grayscale(1) brightness(0.75) contrast(3);
	opacity: 0.4;
}

.image-slider.effect-colorize img:hover {
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}

.frame-type-mask_ipc_pathlist {
	background: #ebebeb;
	padding: 15px 20px 5px 20px;
}

.frame-type-mask_ipc_pathlist .category-listing-categories a {
	text-decoration: underline;
}

.frame-type-mask_ipc_pathlist .category-listing-categories .device-type img {
	filter: brightness(75%);
}

/* Landingpage */

.lp-top-teaser-img {
	/*height: 100px;*/
	height: 150px;
	overflow: hidden;
	display: block;
}

.lp-top-teaser-img img {
	position: relative;
	/*top: -35%;*/
	width: auto;
	height: auto;
	margin: 0 auto;
}

.lp-productFinder {
	margin-bottom: 20px;
}

.landingpage hr {
	margin: 1em 0;
}

.arrow_box {
	position: relative;
	background: #ebebeb;
	border: 2px solid #dadada;
	padding: 20px 30px 20px 15px;
	text-align: center;
	float: left;
	width: 79%;
	margin-left: 30px;
}

.arrow_box:after,
.arrow_box:before {
	position: absolute;
	right: 100%;
	top: 50%;
	border: 1px solid transparent;
	height: 0;
	width: 0;
	pointer-events: none;
	content: " ";
}

.arrow_box:after {
	border-color: rgba(218, 218, 218, 0);
	border-right-color: #ebebeb;
	border-width: 30px;
	margin-top: -30px;
}

.arrow_box:before {
	border-color: rgba(0, 99, 151, 0);
	border-right-color: #dadada;
	border-width: 33px;
	margin-top: -33px;
}

/* 404 Seite */

.warning-404-icon {
	background: #ffbb00;
	color: #fff;
	font-size: 70px;
	text-align: center;
	padding: 10px 0 22px;
}

.warning-404-text {
	background: #fdebbb;
	border: 1px solid #ffbb00;
}

.products_list_404 {
	margin-top: 20px;
}

/* Slick Slider */

.slick-prev,
.slick-next {
	position: absolute;
	top: -52px;
	right: 0;
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: #ebebeb;
}

.slick-prev {
	right: 32px;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	padding-left: 4px;
	color: #222;
	font-size: 18px;
	line-height: 30px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev:before {
	content: "\e600";
}

.slick-next:before {
	content: "\e601";
}

.slider-arrows-aside .slick-slide {
	text-align: center;
}

.slider-arrows-aside .slick-slide img {
	display: inline-block;
}

.slider-arrows-aside .slick-prev,
.slider-arrows-aside .slick-next {
	top: 0;
	height: 100%;
	background: none;
}

.slider-arrows-aside .slick-prev {
	left: 0;
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	/*font-family: 'slick';*/
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '\25CF';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}

.col-4 .slider-full-width {
	max-width: 255px;
}

.slider-half-width {
	max-width: 397px;
}

.slider-full-width {
	max-width: 825px;
}

.productSlider.slider-full-width .slick-list,
.blogSlider.slider-full-width .slick-list,
.videoSlider.slider-full-width .slick-list {
	width: 855px;
}

.col-4 .productSlider.slider-full-width .slick-list,
.col-4 .blogSlider.slider-full-width .slick-list,
.col-4 .videoSlider.slider-full-width .slick-list {
	width: auto;
}

.productSlider .slick-track {
	display: flex;
}

.productSlider .slick-slide {
	height: auto;
	display: flex;
	flex-flow: column nowrap;
}

.productSlider h4 {
	font-weight: normal;
	margin-bottom: auto;
}

.productSlider form {
	margin-top: 10px;
}

.productSlider.slider-full-width .productSliderItem,
.blogSlider.slider-full-width .blogSliderItem,
.videoSlider.slider-full-width .videoSliderItem {
	padding-right: 30px;
}

.col-4 .productSlider.slider-full-width .productSliderItem,
.col-4 .blogSlider.slider-full-width .blogSliderItem,
.col-4 .videoSlider.slider-full-width .videoSliderItem {
	padding-right: 0;
}

.productSliderImage {
	width: 183px;
	height: 105px;
	border: 1px solid #ebebeb;
	overflow: hidden;
}

.productSliderImage img {
	/*width: 70%;*/
	/*height: auto;*/
	margin: 10px auto 0 auto;
}

.brandSliderItem:hover,
.brandSliderItem:focus {
	cursor: pointer;
}

.brandSliderItem img {
	margin: 0 30px;
}

.productImageSlider {
	margin-top: 5px;
}

.productImageSliderSmall {
	margin-top: 15px;
	max-width: 397px;
}

.productImageSliderSmall .productImageSliderItem {
	max-height: 60px;
	font: 0/0 a;
}

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

.productImageSliderSmall .productImageSliderItem:hover {
	cursor: pointer;
}

.productImageSliderSmall .productImageSliderItem img {
	vertical-align: middle;
}

.productImageSliderSmall .youtube-lazy-load {
	background-color: transparent;
}

.productImageSliderSmall .youtube-lazy-load img {
	width: 90%;
	top: 5%;
	left: 5%;
}

.productImageSliderSmall .youtube-lazy-load .youtube-play-button {
	width: 90%;
	height: 90%;
	box-shadow: none;
}

.ratingSlider {
	max-width: 785px;
}

.ratingSliderItem img {
	display: inline-block;
}

.notebookImageSlider img {
	max-width: 80%;
	margin: 0 10%;
}

.notebookImageSlider .slick-prev:before{
	padding-left: 0;
}

.notebookImageSlider .slick-next:before {
	padding-left: 12px;
}

/* Schnellauswahlbox */

.sidebox.productFinder {
	background: #006397;
	padding: 10px;
	position: relative;
}

.sidebox.productFinder .infoBoxHeading {
	font-size: 20px;
	text-align: center;
	color: #fff;
	padding: 6px 18px 2px 18px;
	width: 100%;
}

.sidebox.productFinder .help {
	display: block;
	margin: 1em 0 0;
	text-align: center;
	color: #fff;
}

.sidebox.productFinder .help:hover,
.sidebox.productFinder .help:focus {
	text-decoration: none;
}

.sidebox.productFinder .artikelFilter {
	margin-top: 10px;
	background: #8a8a8a;
	max-width: 235px;
}

.productFinder h4 {
	margin-top: 0;
	line-height: 36px;
}

/* SN-Suche */

.sidebox.snSearch {
	padding: 10px;
}

.sidebox.snSearch .infoBoxHeading {
	text-align: center;
	padding: 6px 0 12px 0;
	width: 100%;
}

.sidebox.snSearch .help {
	display: block;
	margin: 1em 0 0;
	text-align: center;
}

/* Suchfilter */

.sidebox.product-listing-filter .searchfilter .col-1,
.sidebox.product-listing-filter .searchfilter .col-2,
.sidebox.product-listing-filter .searchfilter .col-3,
.sidebox.product-listing-filter .searchfilter .col-4,
.sidebox.product-listing-filter .searchfilter .col-5,
.sidebox.product-listing-filter .searchfilter .col-6,
.sidebox.product-listing-filter .searchfilter .col-7,
.sidebox.product-listing-filter .searchfilter .col-8,
.sidebox.product-listing-filter .searchfilter .col-9,
.sidebox.product-listing-filter .searchfilter .col-10,
.sidebox.product-listing-filter .searchfilter .col-11,
.sidebox.product-listing-filter .searchfilter .col-12 {
	width: 100%;
}

/* Hersteller/Kategoriebox */

.sidebox.categories li {
	padding-left: 15px;
}

.sidebox.categories li.selectedCategory {
	font-weight: bold;
}

.sidebox.categories .manufacturers {
	margin-bottom: -13px;
}

.sidebox.categories .manufacturers li {
	border-bottom: 1px solid #ebebeb;
}

.sidebox.categories .manufacturers li.selectedCategory,
.sidebox.categories .manufacturers li:hover,
.sidebox.categories .manufacturers li:focus {
	background-color: #ebebeb;
}

.sidebox.categories .manufacturers li a {
	display: block;
	height: 40px;
	line-height: 40px;
}


.sidebox.categories .manufacturers li img {
	float: right;
	width: 33.333333%;
	margin-right: 15px;
	margin-top: 8px;
}

/* Kategorie Liste */

.list-column-count-1 {
	-webkit-columns: 1;
	-moz-columns: 1;
	columns: 1;
}

.list-column-count-2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

.list-column-count-3 {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
}

.list-column-count-4 {
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
}

.list-flexbox {
	display: flex;
	flex-wrap: wrap;
}

.list-flexbox li {
	flex: 0 1 auto;
}

.list-flexbox.list-column-count-1 li {
	flex-basis: 100%;
}

.list-flexbox.list-column-count-2 li {
	flex-basis: 50%;
}

.list-flexbox.list-column-count-3 li {
	flex-basis: 33.33333333%;
}

.list-flexbox.list-column-count-4 li {
	flex-basis: 25%;
}

.category-listing-subcategories,
.notebook-listing-subcategories {
	list-style: none;
	padding: 0;
	margin: 1em 0;
}

.category-listing-subcategories.abc-menu li,
.notebook-listing-subcategories.abc-menu li {
	float: left;
	margin-right: 10px;
	font-weight: bold;
}

.category-listing-subcategories li:hover,
.category-listing-subcategories li:focus,
.notebook-listing-subcategories li:hover,
.notebook-listing-subcategories li:focus {
	color: #aabbdd;
	text-decoration: underline;
	cursor: pointer;
}

.category-listing-categories,
.notebook-listing-categories {
	list-style: none;
	padding: 0;
	margin: 1em 0;
}

.category-listing-categories li,
.notebook-listing-categories li {
	display: inline-block;
	width: 100%;
}

.category-listing-categories .subcat,
.notebook-listing-categories .subcat {
	display: none;
}

.category-listing-categories .device-type {
	display: block;
	text-align: center;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.category-listing-categories .device-type img {
	display: block;
	margin: 0 auto;
}

.category-grid-item img {
	border: 1px solid #ebebeb;
	vertical-align: top;
}

.category-grid-item h3 {
	margin-top: 0;
	padding: 5px 10px;
	height: 50px;
	background: #ebebeb;
}

.contentlisting li:not(:last-child) {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #dadada;
}

.contentlisting li > .contenttitle {
	display: block;
	font-size: 1.2em;
}

.contentlisting li > .contentlink {
	display: block;
	margin-bottom: 5px;
	font-size: 0.9em;
	/*font-style: italic;*/
	font-weight: 500;
}

.subseries-list {
	max-height: none;
	overflow: hidden;
	margin-left: -5px;
	margin-right: -5px;
}

.collapsed .subseries-list {
	max-height: 90px;
}

.subseries-list li {
	border: 1px solid #a9e7f2;
	background-color: #ecf9fc;
	padding: 2px 5px;
	margin: 0 5px 5px 5px;
}

/* Merkmalfilter */

.filterTabs {
	margin: 20px 0;
	overflow: visible;
}

.filterTabs h3 {
	font-weight: bold;
}

.filterGroup .checkbox {
	width: 145px;
}

.filterGroup select {
	width: 95%;
}

.filterGroup.col-6:nth-child(2n+1) {
	clear: left;
}

.filterResultCounter {
	position: absolute;
	top: 5px;
	right: 20px;
	line-height: 38px;
}

.extendedFilterFunctions {
	margin-top: 20px;
	min-height: 15px;
	text-align: center;
}

.extendedFilterToggle {
	border-top: 1px solid #ccc;
	padding: 5px 50px 0;
}

.resetFilter {
	position: absolute;
	right: 20px;
}

.filterOverlay {
	background: #fff url(css/ajax-loading.gif) center 300px no-repeat;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.form-slider-wrapper {
	/*padding: 20px 0 50px;*/
	padding: 0 0 50px;
	margin-right: 20px;
}

.form-slider .tooltip {
	display: block;
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	top: -25px;
	left: -38px;
	text-align: center;
	width: 100px;
}

.slider-val {
	font-size: 12px;
	margin: -5px 0 5px;
}

.form-slider.noUi-horizontal.noUi-extended {
	padding-right: 18px;
}

.form-slider.noUi-horizontal.noUi-extended .noUi-handle {
	left: -1px;
}

.form-slider.noUi-horizontal.noUi-extended .noUi-origin  {
	right: -18px;
}

.form-slider .noUi-handle {
	width: 20px;
	height: 16px;
	top: 0;
	box-shadow: none;
}

.form-slider .noUi-handle:before,
.form-slider .noUi-handle:after {
	background: #aaa;
	height: 8px;
	top: 3px;
	left: 8px;
}

.form-slider .noUi-handle:after {
	left: 11px;
}

.form-slider .noUi-connect {
	background: #25c1dd;
}

.form-slider .noUi-pips {
	font-family: inherit;
}

.form-slider .noUi-value {
	width: 100px;
	text-align: right;
}

.form-slider .noUi-marker:first-child + .noUi-value {
	text-align: left;
}

.form-slider .noUi-value-horizontal {
	margin-left: -100px;
}

.form-slider .noUi-marker:first-child + .noUi-value-horizontal {
	margin-left: 0;
}

/* Alphabet Filter */

.alphabet-filter .btn {
	padding: 6px 7px;
}

/* Produkt Liste */

.products_filter_list {
	position: relative;
}

.products_filter_list .filterCategory {
	margin-bottom: 20px;
}

.productListing_catTitle td {
	border: 10px solid #fff;
	border-width: 20px 0 10px 0;
	background: #dadada;
	color: #222;
	padding: 5px 10px;
	font-size: 16px;
}

.productListing_catTitle:first-child td {
	border-top-width: 0;
}

.productListing {
	position: relative;
	margin-bottom: 20px;
}

.productListing-image {
	width: 120px;
}

.productListing-name {
	width: auto;
	word-break: break-word;
	padding: 10px 0;
}

.productListing-price {
	width: 160px;
	padding: 6px 0;
}

.productListing .tax_info a {
	text-decoration: underline;
}

.productListing .productListing-name .icon-repair {
    font-weight: bold;
    font-size: 1.3em;
    color: #006397;
}

.productListing_pl_articles {
	/*background: #25c1dd;*/
	/*background: #fff;*/
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 20%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 20%,rgba(255,255,255,1) 100%); /* W3C */
	transform: translateY(-70px);
}

.productListing_pl_articles > td {
	padding-top: 70px;
	transform: translateY(70px);
}

.productListing_pl_articles_info {
	/*color: #fff;*/
	color: #69b022;
	padding: 0 0 0 10px;
	line-height: 30px;
}

.productListing_pl_articles_toggle {
	/*float: right;*/
	background: #69b022;
	color: #fff;
	padding: 0 5px;
	line-height: 30px;
	width: 350px;
	display: block;
	margin: -30px auto 0 auto;
	text-align: center;
}

.productListing_pl_articles_toggle:hover,
.productListing_pl_articles_toggle:focus {
	cursor: pointer;
}

.productListing_pl_articles_toggle i {
	margin-right: 5px;
	font-size: 18px;
	position: relative;
	top: 3px;
}

.productListing_pl_articles.open {
	transform: translateY(0);
}

.productListing_pl_articles.open > td {
	padding-top: 0;
	transform: translateY(0);
}

.productListing_pl_articles.open .productListing_pl_articles_toggle {
	margin-top: 0;
}

.productListing_row .variants {
	padding-top: 10px;
}

.productListing_row .variants .btn {
	background: transparent;
	border-color: #c9c9c9;
	height: auto;
}

.productListing_row .variants .btn:hover,
.productListing_row .variants .btn:focus,
.productListing_row .variants .btn.focus {
	background: #f6f6f6;
	color: #333;
}

.productListing_row .variants .variant-price {
	display: block;
	font-size: 0.8em;
	color: #758389;
}

.productListing_row .variants .variant-label {
	width: 150px;
	display: inline-block;
}

/* Cookie Hinweis */

.cc_container {
	font-family: 'Roboto', sans-serif !important;
	font-size: 14px !important;
	padding: 5px 30px !important;
}

.cc_container .cc_btn {
	color: #fff !important;
	background-color: #1fa8c1 !important;
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
	color: #fff !important;
	background-color: #006397 !important;
}

.cc_container a,
.cc_container a:visited {
	color: #1ca3bc !important;
}

.cc_container a:hover,
.cc_container a:active {
	color: #006397 !important;
}

.cc_container .cc_more_info {
	margin-left: 30px;
}

/* Tooltip Tlite */

.tooltip-tlite {
	position: relative;
}

.tooltip-tlite[class^="icon-"], .tooltip-tlite[class*=" icon-"] {
	font-size: 1.2em;
	top: 2px;
}

/* Checkout */

.product-summary .subtotal,
.product-summary .total {
    border-top: 1px solid #dadada;
    padding-top: 10px;
}

.product-summary .total {
    border-top: 3px double #dadada;
}

.product-summary .subtotal .product-summary-text,
.product-summary .total .product-summary-text {
    font-weight: bold;
}

.product-summary li {
    margin-bottom: 10px;
}

.product-summary-title {
    float: left;
    width: 66.66666667%;
}

.product-summary-text {
    float: left;
    width: 33.33333333%;
    text-align: right;
}

.product-summary-text .tax-info {
    font-size: 0.9em;
}

.summary-table {
	border-spacing: 0;
	border: 5px solid #ebebeb;
	margin-bottom: 10px;
}

.summary-table th {
	text-align: left;
	padding: 10px 15px;
}

.summary-table td {
	padding: 10px 15px;
}

.summary-table .odd {
	background: #fff;
}

.summary-table .even {
	background: #ebebeb;
}

.box .summary-table,
.sidebox .summary-table {
	border: none;
}

.sidebox .summary-table th {
	padding-top: 0;
}

/* Adressbuch */

.address-item .media-body {
	height: 115px;
}

/* Gästebuch */

.guestbook-entry {
	margin-bottom: 10px;
}

.guestbook-entry-title {
	background: #ebebeb;
	padding: 5px 10px;
	font-weight: bold;
}

.guestbook-entry-title .stars {
	background: #fff;
}

.guestbook-entry-title .stars .fill {
	background: #ffe566;
}

.guestbook-entry-title .stars span {
	background-image: url(images/stars_grey.png);
}

.guestbook-entry-date {
	font-weight: normal;
	font-size: 0.8em;
	float: right;
	line-height: 2.5;
}

.guestbook-entry-text {
	padding: 0 10px;
}

.guestbook-timeline {
	padding: 10px 0;
}

.guestbook-timeline li {
	display: inline;
	padding-right: 10px;
}


/* OIL Cookie Consent */

div.as-oil {
	font-family: inherit;
}
div.as-oil-content-overlay {
	padding: 1rem 5rem;
}
div.as-oil-l-row {
	vertical-align: top;
}
button.as-oil__btn-cpc {
	min-width: 160px;
	min-height: 42px;
	padding: .5rem 1rem;
	border: 1px solid;
}
div.as-oil-cpc-wrapper .as-oil__heading, div.as-oil-cpc-wrapper .as-oil__intro-txt {
	margin-left: 0;
}
div.as-oil-cpc__row-btn-all {
	display: none;
}
.as-oil__btn-grey, .as-oil__btn-blue, .as-oil__btn-optin {
	border-radius: 0 !important;
	font-weight: normal !important;
	font-size: 14px !important;
}
.as-oil__btn-blue, .as-oil__btn-optin {
	background-color: #1fa8c1 !important;
}
.as-oil__btn-blue:hover, .as-oil__btn-optin:hover {
	background-color: #068fa8 !important;
	color: #fff !important;
}
span.as-oil-cpc__status {
	color: #1fa8c1;
	left: -35px;
}
label.as-oil-cpc__switch input+.as-oil-cpc__status:after {
	content: "Aus";
}
label.as-oil-cpc__switch input:checked~.as-oil-cpc__slider {
	background-color: #1fa8c1;
}
label.as-oil-cpc__switch input:checked~.as-oil-cpc__status:after {
	content: "An";
}
div.as-oil-cpc__row-title {
	display: none;
}
div.as-oil-cpc__purpose {
	border-radius: 0;
	margin: 0;
	background-color: transparent !important;
}
div.as-oil-cpc__purpose-text {
	color: #fff !important;
}
div.as-oil-cpc__left, #as-oil-cpc-third-parties {
	display: none;
}
div.as-oil-cpc__middle {
	height: auto;
	padding: 0;
}
div.as-oil-cpc-wrapper .as-oil-cpc__middle {
	overflow: auto;
}
@media only screen and (min-width: 80em) {
	div.as-oil-cpc-wrapper .as-oil-cpc__middle {
		overflow: hidden;
	}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Hide visually and from screen readers
 */

.hidden {
	display: none !important;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.twitter-typeahead:before,
.twitter-typeahead:after,
.product-summary li:before,
.product-summary li:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after,
.container:after,
.row:after,
.form-horizontal .form-group:after,
.twitter-typeahead:after,
.product-summary li:after {
	clear: both;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

/* END: SQ Anpassungen