/* titillium-web-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../css/fonts/titillium-web-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* titillium-web-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../css/fonts/titillium-web-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



}
/********************************************************************************************/
/*****************************------ALLGEMEIN------******************************************/
/********************************************************************************************/
:root {
    --main-font-size: 16px;
    --secondary-font-size: 14px;
    --primary-font: 'Titillium Web';
    --primary-font-weight: 400;
    --primary-line-height: 22px;

    --clr-corporate-color: #C60B22;
    --clr-main-gray-color: #B3B3B3;
    --clr-light-gray: #F5F5F5;
    --clr-middle-gray: #777777;
    --clr-dark-gray: #333333;
    --black: #000;
    --white: #ffffff;
    --primary-text-color: #525252;


    --red: #D22619;
    --blue-dark: #c60b22;
    --blue-darker: #c60b22;
    --blue-darkest: #c60b22;
    --blue: #c60b22;
    --blue-light: #ffffff;
}



*{
    font-family: 'Titillium Web', sans-serif;
    padding: 0;
    margin: 0;
    outline: none;
}

title{
	font-family: Versalien, sans-serif;
}

.no-padding
{
padding:0!important;
}
.no-margin
{
margin:0!important;
}
.margin-top-15
{
	margin-top:15px!important;
}
.margin-bot-15
{
	margin-bottom:15px!important;
}
.margin-left-15
{
	margin-left:15px!important;
}
.ml-auto {
	margin-left:auto
}
.mt-0 {
	margin-top:0;
}
.width-80pc
{
	width:80%
}
@media(min-width:768px)
{
	.padding-right-0
	{
	padding-right:0px;
	}
	.padding-left-0
	{
		padding-left:0
	}
}
.mar-right-10pc
{
	margin-right: 10%
}


.margin-right-15
{
	margin-right:15px;
}
.inline
{
	display: inline
}

.float-right
{float:right}
.float-left
{float:left}

h1,h2,h3,h4,h5,h6
{
	color:#013356;
	text-transform:uppercase;
}
h1
{
	font-size:2em;
	margin-bottom: 30px;
}
h3
{
	font-size:16px;
}
h5
{
	font-style:initial;
}
.h4, .h5, .h6, h4, h5, h6
{
	margin-bottom:15px;
	margin-top:15px;
}
h1#homeheading
{
	font-size: 4em
}
a
{
color:#272727;

}
a:hover,a:focus,a:active
{
	color:#808080;
	text-decoration:none;
}
.align-right
{
text-align:right;
}
.inline-block {
	display:inline-block;
}
@media(min-width: 768px)
{
	.align-right-md
	{
		text-align: right
	}
}
.align-center
{
text-align:center;
}
img.align-center,.mc
{
	margin-left: auto;
	margin-right: auto;
}
.flex-center
{
	height:100%;
	display: flex;
	align-items: center; 
}
.white
{color:#fff}
.green
{
color:#8CC253;
}

.yellow
{
color:#F4B846
}

.red
{
color:#C1392B
}

/** footer immer unten **/
html, body
{
	height:100%
}
#wrapper
{
	min-height:100%;
	margin-bottom: -200px; 
}
#wrapper:after {
  content: "";
  display: block;
}
footer,#wrapper:after 
{
	margin-top:30px;
	height:200px;
}

.wrapper>div.container>.row>div[class*="col-"]:not([class*="col-md-offset"]):first-child
{
	margin-left:0;
}
address
{
font-size:12px;
}
@media(min-width:992px)
{
	.stretch
	{
		display: flex;
		align-items: stretch;

	}
}

/********************************************************************************************/
/*****************************------HEADER------*********************************************/
/********************************************************************************************/
header #topheader
{
	background:#F2f2f2;
	height:40px;
	display: flex;
	align-items: center; 
	text-transform: uppercase;
	color:#808080;
	font-weight:bold;
}
.regular
{font-weight: normal}
header #topheader .row
{
display:flex;
align-items:center;
}
header #topheader #account-language
{
	text-align:right;
	white-space: nowrap;
}

#account-language .dropdown
{
	display:inline-block;
	height:30px;
	white-space: normal;
}
#account-language .dropdown .dropdown-toggle .fa-angle-up,#account-language .dropdown.open .dropdown-toggle .fa-angle-down
{
	display: none;
}
#account-language .dropdown.open .dropdown-toggle .fa-angle-up
{
	display: inline-block;
}
#account-language .dropdown:first-child .dropdown-menu
{
	padding:0 15px 15px 20px;
	background: #f2f2f2;
	height: 200px;
   border-bottom: none;
}
#account-language .dropdown .dropdown-toggle:hover,#account-language .dropdown .dropdown-toggle:focus, #account-language .dropdown .dropdown-toggle:active
{
cursor:pointer;
}

header #topheader #callus
{
	text-align:center
}
#callus a
{
   white-space: nowrap;
}
#bottomheader
{
	margin-top:15px;
	margin-bottom:30px;
}
@media(min-width:992px)
{

	header #bottomheader
	{
		height:200px;
		margin-top:0px;
		margin-bottom:0px;
	}

}
@media(min-width:992px)
{
	
	header #bottomheader>.container>.row>div[class*="col-"]
	{
		padding-right:0;
	}
	header #bottomheader>.container>.row>div[class*="col-"]:first-child
	{
		padding-left:30px;
	}
}


header #bottomheader>.container,header #bottomheader>.container>.row
{
	height:100%;
}
/** links und rechts dreiecke **/
.triangle
{
    position: absolute;
    
}
#triangle-right
{
	margin-top: -80px;
    right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 80px 20px;
	border-color: transparent transparent #013356 transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #013356 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#triangle-left {
    top: 40px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 20px 0 0;
    border-color: #013356 transparent transparent transparent;
    line-height: 0px;
    _border-color: #013356 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
@media(min-width:992px)
{
	#triangle-left
	{
		top: 40px;
		border-width: 200px 40px 0 0;
	}
	#triangle-right
	{
		margin-top: -195px;
		border-width: 0 0 200px 40px;
	}
}
footer .visible-xs,footer .hidden-xs
{
	text-align:right
}
footer .visible-xs img,footer .hidden-xs img
{
	margin-left: auto;
	margin-top: -15px;
	margin-bottom: 15px;
}

.navbar-nav form , .navbar-nav form .input-group
{
width: 100%;

}
.visible-xs .collapse, .visible-xs .collapsing
{
	border-left:1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:0;
	padding-top:15px;
	margin-top:-1px;
}
.visible-xs #searchbox-collapse
{
	border:none;
}
.visible-xs #loginbox-collapse li
{
	list-style: none
}
.visible-xs #loginbox-collapse li a
{
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 15px;
}
.visible-xs #carselection-collapse
{
	padding:15px!important
}
/*.visible-xs .productgroups-dropdown::before{
	content: "";
    position: absolute;
    top: -1px;
    height: 16px;
    width: 50%;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    right: 16px;
    bottom: 0;
}*/
.visible-xs .dropdown
{
	display: inline-block;
	width:45%;
}
.visible-xs #pg-collapse>li > a
{
	width: 100%;
	display: inline-block;
	border-bottom:1px solid #d9d9d9;
	padding-left:5px;
	padding-right:5px;
	font-weight: bold;
}
.visible-xs #pg-collapse>li:last-child > a
{
	border-bottom:none;
}
.visible-xs #pg-collapse>li > a:after {
	content:"\f054";
	    font: normal normal normal 14px/1 FontAwesome;
    float: right;
    margin-right: 10px;
}
.visible-xs .btn-default.border[aria-expanded="true"]
{
	border-bottom:none;
}

/********************************************************************************************/
/*****************************------FOOTER------*********************************************/
/********************************************************************************************/
footer
{
	border-top:1px solid #d9d9d9;
}
footer .container .row
{
	padding-top:30px;
	margin-left:0;
}
footer 
{
	color:#013356
}
footer .list-unstyled li
{
	margin-bottom:8px;
    word-wrap: break-word;
}
footer .list-unstyled li:before
{
content: "\f061";
font: normal normal normal 14px/1 FontAwesome;
margin-right:8px;
}
footer .social a
{
font-size:20px;
}
footer .container>.row>div[class*="col-"]
{
}
footer .container>.row>div[class*="col-"]>hr
{
margin-left:-15px;
margin-right:15px;
}
footer .bootstrap-select, footer .bootstrap-select .dropdown-menu
{
    padding-right: 30px;
}
footer .container>.row>div[class*="col-"]:first-child
{
	padding-left:15px;
}
footer .container>.row>div[class*="col-"]:last-child>img
{
float:right;
margin-top:24px;
}
footer .container>.row>div[class*="col-"]:nth-child(2)
{
	padding-left:5px;
}
#bottomline, #bottomline a
{
	color:#e2e2e2;
	font-weight:bold;
	text-transform:uppercase;
}


/********************************************************************************************/
/*****************************------NAVBAR------*********************************************/
/********************************************************************************************/

.full-width.dropdown > .dropdown-menu {
    left: 0;
    right: 0;
    position: absolute;
}
ul.productgroups-dropdown,.autocomplete-list
{
	list-style:none;	
	padding:5px;
}
.autocomplete-list li {
	display: inline-block;
	width:33%
}
.autocomplete-list li.list-title { 
	display: block;
}
#productgroupsthumbs h2
{
	margin-top: 0;
}
ul.productgroups-dropdown li a
{
	display:block;
	width:100%;
	height:100%;
	padding:5px;
}
.full-width.dropdown > .dropdown-menu > li > a {
   white-space: nowrap; 
}
.fill-width.dropdown {
    position: static;
}
.fill-width.dropdown > .dropdown-menu {
    left: 0;
    position: absolute;
}
.fill-width.dropdown > .dropdown-menu > li > a {
   white-space: nowrap; 
}
.full-width.search-result > .dropdown-menu > li > a {
   white-space: nowrap; 
}
.fill-width.search-result {
    position: static;
}
.fill-width.search-result > .dropdown-menu {
    left: 0;
    position: absolute;
}
.fill-width.search-result > .dropdown-menu > li > a {
   white-space: nowrap; 
}
.navbar{
	border-radius:0px;
	background-color:#fff;
	border-color:#d9d9d9;	
	border-left:none;
	border-right:none;
	margin-bottom:0;
}
.navbar-collapse
{
	margin-left:0;
	margin-right:0;	
}

.navbar .navbar-nav
{
	height:49px;
	display: flex;		/** Elemente vertikal zentrieren **/
	align-items: center; 
	width:100%;
}
.navbar div[class*="col-"]
{
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}
.navbar div[class*="col-"]:first-child
{
	border-right:none;
}
.navbar div[class*="col-"]:last-child
{
	border-left:none;
}
.navbar .navbar-nav>.dropdown
 {
	width:100%;
    height: 100%;
    display: table;		/** Elemente vertikal zentrieren **/
	
}
.navbar .navbar-nav>.dropdown>.dropdown-toggle,.navbar .navbar-nav>.dropdown.open>.dropdown-toggle,
.navbar-nav>.dropdown>.dropdown-toggle:hover,.navbar-nav>.dropdown>.dropdown-toggle:focus,.navbar-nav>.dropdown>.dropdown-toggle:active
{
	width:100%;
	line-height:initial;		/** Text und FontAwesome auf gleicher Linie **/
	height: 100%;
    display: table-cell;		/** Elemente vertikal zentrieren **/
    vertical-align: middle;
	font-style:italic;
	font-weight:bold;
	text-transform:uppercase;
	color:#013356;
	background:none;
}
.navbar-nav>.dropdown.open>.dropdown-toggle
{
	background:#fff!important;
}
.navbar .navbar-nav>.dropdown,.navbar .navbar-nav>.dropdown>.dropdown-toggle>.fa-lg
{
	line-height:initial;			/** Text und FontAwesome auf gleicher Linie **/
}

 .dropdown-menu
{
	width:100%;					/** so breit wie der Button **/
	border:none;				/** nur der Link bekommt den Rahmen **/
	padding:0;				/** nur der Link bekommt das Padding **/
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	
	border:1px solid #d9d9d9;
	border-top:none;
}
.navbar .dropdown-menu
{
padding:24px;
}
.dropdown-menu li 
{
	display:inline-block;
	width:100%;
	
}
.navbar .dropdown-menu li 
{
	width:270px;
}
.navbar .dropdown-menu li.topic
{
	width:100%;
}
.bordered-navbar {
	border:3px solid #013356;
}
.dropdown-menu li a
{
	border-top:none;
	padding:10px 15px;
	display:inline-block;
	color:#272727;
	width:100%;
}

.navbar .dropdown-menu li a
{
	width:100%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.navbar .dropdown-menu li.topic a
{
	width:100%;
}
.dropdown-menu li a:focus, .dropdown-menu li a:hover,.dropdown-menu li a:focus, .dropdown-menu li a:hover,
.productgroups-dropdown li a:focus, .productgroups-dropdown li a:hover,.productgroups-dropdown li a:focus, .productgroups-dropdown li a:hover
{
color:#81D0F5;
font-weight:bold;
}
li.brands a:hover,li.brands a:focus,li.brands a:active
{
	color:#272727;
}
li.brands img
{
	max-width: 100px;
	margin:0 auto;
	padding:15px 0px;
}
li.brands:last-child img
{
	padding-bottom: 0;
}
li.topic a,li.brands		/** hervorgehobene Elemente (Obergruppen z.B.) **/
{
	background:#efefef; 
	font-weight:bold;
}
li.brands
{
	text-align: center;
}
.productgroups-dropdown>li:not(.topic)>a
{
	padding-left:20px;
}
.navbar-default .row div[class*="col-"]
{
	padding:0;	
}

.navbar-default .row div[class*="col-"]:last-child
{
	padding-right:15px;	
}
.navbar-default .row div[class*="col-"]:last-child a.btn
{
	width: 100%;
	padding-left:20px;
	
}
.navbar-default .row div[class*="col-"]:last-child a.btn input:hover,.navbar-default .row div[class*="col-"]:last-child a.btn input:focus,.navbar-default .row div[class*="col-"]:last-child a.btn input:active
{
 cursor:pointer;
}
.navbar-default .container
{
position:relative;
}
.navbar-default .container .row div[class*="col-"]
{
position:static
}

/********************************************************************************************/
/********************************------Slider------******************************************/
/********************************************************************************************/

.slider-container
{
	background:#fff;
	text-align:center;
	margin-bottom:15px;
    height: 400px;
	padding:0;
	position: relative;
	width: 100%;
    align-items: center;
	display: flex;
	overflow: hidden;
}
@media(max-width:767px)
{
	.slider-container
	{
		margin-top:5px;
	}
}
.slider {
	width:100%;
	height:100%;
	position: relative;
}

.slide {
	display: inline-block;
	position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
}
.slide img {
	margin:0 auto;
}
.slider-ctrl-left,.slider-ctrl-right{
	position: absolute;
	color:#013356;
	opacity: 0.8;
}
.slider-ctrl-left {
	left: 0;
    top: 50%;
}
.slider-ctrl-right {
	right: 0;
    top: 50%;
}
.slider-ctrl-dots {
	position: absolute;
    bottom: 5%;
	left: 50%;
	
}

.slider-ctrl-dots a {
	margin-right:5px;
	color: #81D0F5;
}
.slider-ctrl-dots a.active {
	color: #013356;
}
.home
{
	position: relative;
	padding-top: 200px;
}

.home img:not(.align-center)
{
	position: absolute
}

.home img:nth-child(1)
{
	top: 150px;
    z-index: 3;
    left: 100px;
}

.home img:nth-child(2)
{
	top: 70px;
    z-index: 2;
    left: 200px;
}
.home img:nth-child(3)
{
	left: 350px;
	z-index: 1;
	top:0;
}
.home img:nth-child(4)
{
	right: 150px;
    z-index: 2;
    top: 70px;
}

.home img:nth-child(5)
{
	z-index: 3;
    right: 0;
    top: 150px;
}

/********************************************************************************************/
/********************************------THUMBNAIL (PG)------**********************************/
/********************************************************************************************/
.thumbnail,.thumbnail .caption
{
	width:100%;
	display:block;
}
@media(min-width:992px)
{
	.thumbnail,.thumbnail .caption
	{
		width:202px;
		display:block;
	}
}

.thumbnail
{
	border:1px solid #d9d9d9;
	border-radius:0;
	margin:0;
	padding:0;
	margin-bottom:25px
}

.thumbnail img
	{	
		margin-top:1px;
		margin-right: 0!important;
		height: 50px;
	}
@media(min-width:992px)
{
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .thumbnail a>img, .thumbnail>img
	{
		height:150px!important;
		width:200px!important;
	}
}

.thumbnail .caption
{
	padding:0;
	position:relative;
}
.thumbnail .btn
{
	position: static;
    bottom: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    transform: initial!important;
    text-overflow: ellipsis;
    width: 100%;
}
.thumbnail .caption h5
{
	margin:0;
	margin-bottom:5px;
	padding:10px;
}
.thumbnail .caption
{
	padding:8px;
	color:#81D0F5;
	font-size:10px;
	font-weight:bold;
}
.thumbnail .caption .label
{
	text-align:left;
	padding:0;
	font-size:20px;
	color:#013356;
	display:block;
}

.thumbnail .promolabel
{
position:absolute;	
top:-16px;
left:-16px;
overflow:hidden;	
width:100%;
height:40px;
z-index:2;
color:#fff;
padding-left:16px;
padding-top:5px;
font-size:12px;
}
.thumbnail .promolabel .triangle
{
	top:24px;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 16px 16px 0; 
	border-color: transparent #A36407 transparent  transparent;
	line-height: 0px;
	_border-color: #000000 #A36407 #000000  #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.thumbnail .promolabel .label
{
position:absolute;
font-size:12px;
text-align:left;
background:#EB920E;
border-radius:0;
border:0;
display:inline-block;
margin-left:-32px;
margin-top:-5px;
-webkit-transform: skew(-30deg); 
-moz-transform: skew(-30deg); 
transform: skew(-30deg);
color:#fff;
width:120px;
height:24px;
z-index: -1;
}

/********************************************************************************************/
/*****************************------BREADCRUMB------**************************************/
/********************************************************************************************/
.breadcrumb
{
background:none;
border-radius:0;
border-bottom:1px solid #e2e2e2;
margin-right: -15px;
    margin-left: -15px;
}
.breadcrumb a
{
color:#242424;
}

/********************************************************************************************/
/*******************************------ALERTS------*******************************************/
/********************************************************************************************/

.errorbox
{
display:none;
}
.alert 
{
    padding: 15px;
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
	margin-left:-15px;
	margin-right:-15px;
	
}
.alert-dismissable .close, .alert-dismissible .close
{
	position: static;
}
.alert-info 
{
    color: #013356;
    background-color: #82D0F6;
}
.exclamation-point 
{
    background: #013356;
    border-radius: 50px;
    width: 50px;
    color: #fff;
    display: grid;
    height: 50px;
    text-align: center;
    align-items: center;
}
.alert h5 
{
	margin-top:0;
}

.alert h3 
{
	margin-top:0;
}
@media(min-width:992px)
{
	.alert .row
	{
		display: flex;
		align-items: center;
	}
}

.alert-danger,label.error
{
	background: #EB920E;
}
.alert-danger,.alert-danger h5
{
color:#ffffff
}
.alert-success,.alert-success h5
{
color:#3c763d
}

.exclamation-point::after
{
content:"!";
text-align:center;
font-size:30pt;
font-weight:bold;
}
/********************************************************************************************/
/*******************************------OVERLAY------*******************************************/
/********************************************************************************************/
.overlay
{
width:100%;
opacity:0.8;
background:#4C4C4C;
position:absolute;
z-index:100;
left:0;
}
.overlay-car-select-1
{
height:40px;
top:0;
}
.overlay-car-select-2
{
	margin: auto; /* Den Container zusätzlich zentrieren */
	height:131vh;/* IE soll wie gewünscht interpretieren */
	overflow: hidden !important; /* Firefox Scrollleiste */
	top: 575px;
}
@media(min-width:768px)
{
	.overlay-car-select-2
	{
		top:240px;
	}
}
/********************************************************************************************/
/*****************************------MODAL------**************************************/
/********************************************************************************************/


.modal-footer {
    border-top: none;
}

.modal-header {
    border-bottom: none;
}

.modal-content {
    border:none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

@media (min-width: 992px) {
.modal-dialog {
    width: 730px;
    margin: 30px auto;
}
}

.modal-body .row
{
   display: flex;
}

/********************************************************************************************/
/*****************************------ARTIKELLISTE------**************************************/
/********************************************************************************************/

.table>thead>tr>th
{
	vertical-align:middle;
}
.table>thead>tr>th
{
	font-style:italic;
}
.table>thead>tr>th a
{
	color:#fff;
}
.table>tbody>tr>td
{
vertical-align:middle;
white-space:wrap;
}
.table>tbody>tr>td>.form-group
{
	margin-bottom: 0;
}
.table-bordered>thead>tr>th {	
	border-top:1px solid #e2e2e2!important;
	border-bottom:1px solid #e2e2e2;
	background:#013356;
	color:#fff;
}
.table-striped>tbody>tr>td
{
background:#fff;
border:none;
color:#808080;
}
.table-striped>tbody>tr:nth-child(even)>td
{
background:#c4c4c4;
border:none;
}
tr.seperator
{
	border-top:1px dashed #013356
}
.table-hover>tbody>tr.active>td, .table-hover>tbody>tr.active>th,.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover
{
	background: #81D0F5;
	color:#ffffff;
}
.fa-chevron-together
{
	
    float: right;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 0;
}
.fa-chevron-together .fa
{
    display: block;
    margin: 0;
    padding: 0;
	line-height: 0.7;
}

.fa-30x
{
	font-size: 30em;
}
.fa-stack-2x {
	width:100%!important;
}
.articlerow:hover
{
	background:#f9f9f9;
}


.table .form-control[type=number]
{
	width:70px;
}

@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables tfoot, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { border: 1px solid #ccc; }
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:right;
		padding:4px 8px!important;
	}
	
	.no-more-tables td .form-control
	{
		margin-top:20px;
		width:auto;
		float:right;
		max-width:100%;
	}
 
	.no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.no-more-tables td:before { content: attr(data-title); }
}

/********************************************************************************************/
/*****************************------STEPWIZARD------**************************************/
/********************************************************************************************/

.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
/********************************************************************************************/
/*****************************------REKLAMATION------**************************************/
/********************************************************************************************/

.bootgrid tbody tr:hover,.bootgrid tbody tr:focus
{
	cursor:pointer;
}


/********************************************************************************************/
/*****************************------ARTIKELDETAIL------**************************************/
/********************************************************************************************/

.box
{
	background:#fff;
	padding:15px;
}
@media(min-width:768px)
{
	.box.border-right
	{
		border-right:1px solid #d9d9d9;
	}
	.box.borderless
	{
		border:none;
	}
}
body>#wrapper>.container>.row
{
margin-left:0;
}
.price-big
{
text-align:right;
display:block;
color:#013356;
}
.price-big > span
{
	display: block;
	font-size:0.5em;
	margin-top:15px;
}

.img-small
{
margin-top:15px;
}
.img-small img
{

width:70px;
height:50px;
border:2px solid #e2e2e2;
background:#fff;
padding:5px;
}


.article-image-box .image-thumb
{
display:inline;
}

.article-image-box .image-thumb .image-big
{
display:none;
}

.article-image-box img
{
cursor:pointer;
}

.table-small>tbody>tr>td,.table-small>thead>tr>th
{
	border:none;
	padding:0;
}
.table-small>thead>tr>th
{
	padding-bottom:5px;
}

.tab-menu
{
margin-top:30px;
margin-left:-15px;
margin-right:-15px;
}

.nav-pills>li>a,.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
    border-radius:0;
	background:#f2f2f2;
	text-transform:uppercase;
	padding: 10px 15px;
	font-size:14px;
	color:#013356;
	font-weight:bold;
	display:block;
}
.nav-pills.nav-stacked>li.active>a:after
{
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	margin-left:0.3em;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #013356;
}
.tab-content.artdtl
{
background:#fff;
border:1px solid #013356;
padding:15px;
}


/********************************************************************************************/
/*****************************------EINGABEFELDER------**************************************/
/********************************************************************************************/

.alert-info .btn-primary, .btn-AT
{
    background: #013356;

}
.btn-AT,.btn-AT:hover,.btn-AT:focus,.btn-AT:active
{
	color:#ffffff;
	cursor:initial
}

.btn
{
	border-radius:0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	font-weight:bold;
	text-transform:uppercase;
	text-overflow: ellipsis;
	 overflow: hidden;
	white-space: nowrap;
}
.btn-default
{
	background:none;
	color:#013356;
	border:none;
}
.btn-default.border
{
	border:1px solid #d9d9d9;
}
.btn-default.background
{
	background:#d9d9d9;
}
.btn-default.background.blue
{
	background:#013356;
	color:#fff;
}


.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover
{
	border:none;
	background:#013356 !important;
	color:#ffffff;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}


.btn-danger
{
	color: #fff;
    background-color: #dc9015;
    border:none;
}
.btn-success,.btn-success:focus,
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:focus,
.wizard > .actions a:active
{
	color: #fff;
    background-color: #013356;
    border:none;
}
.wizard > .actions .disabled a:hover{
	cursor:not-allowed;
}
.btn-without-arrow::after,.btn-without-arrow::before
{
	content:"";
}
.btn-success:hover,.btn-success:active,.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, 
.open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover,.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover,
.wizard > .actions li:last-child a
{
	color:#fff;
	background:#81D0F5;
	border:none;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover,
.wizard > .actions li:last-child a:hover,.wizard > .actions li:last-child a:focus,.wizard > .actions li:last-child a:active
{
background:#013356;
}

.alert .btn-primary:hover,.alert .btn-primary:focus,.alert .btn-primary:active
{
	background:#fff;
	color:#013356;
}

.btn .fa
{
	line-height:1.42857143;
}


.btn-info,.btn-info:hover,.btn-info:focus,.btn-info:active
{
	background:none!important;
	color:#81D0F5!important;
	border-color:#81D0F5!important;
}
.btn-help,.btn-help:hover,.btn-help:focus,.btn-help:active
{
	background:none!important;
	color:#808080;
	border:none;
	font-weight:initial;

}
.input-group-addon
{
	font-style:italic;
	font-weight:bold;
	text-transform:uppercase;
	color:#013356;
}
.input-group-btn
{
	font-size: initial;
}
.input-group.bordered{
	border:1px solid #013356!important;
}
.input-group.bordered .form-control {
	border-right:1px solid #013356!important;
}
.csv-upload .diagonal-border
{
	border:1px solid #d9d9d9;
}
@media(min-width:768px)
{
	.csv-upload .diagonal-border
	{
		transform: skewX(-14deg);
	}
	.csv-upload .diagonal-border .input-group
	{
		transform: skewX(14deg);
	}
}

.csv-upload .input-group .input-group-addon,.csv-upload .input-group .input-group-btn,.csv-upload .input-group .form-control
{
	border:none!important;
}
.csv-upload #uploadBtn
{
	margin-bottom: 5px;
}
.csv-upload .input-group:after {
    background: #d9d9d9;
    width: 1px;
    display: block;
    /* border: 1px solid #d9d9d9; */
    height: 35px;
    margin-left: 1px;
}

@media(min-width:992px)
{
	.csv-upload .input-group:after,.btn-info,.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-success:hover,.btn-success:active,.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, 
.open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover,.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover,
.wizard > .actions li:last-child a,.btn-success,.btn-success:focus,
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:focus,
.wizard > .actions a:active,.btn-danger{
		transform: SKEWX(-14DEG);
	}
}

.thumbnail .btn-primary
{
	transform: SKEWX(-14DEG);
}

.bootstrap-select,.bootstrap-select>.dropdown-toggle.bs-placeholder, .form-control,.form-control::placeholder,.bootstrap-select>button.btn,.bootstrap-select>button.btn:hover,.bootstrap-select>button.btn:focus,.bootstrap-select>button.btn:active ,.bootstrap-select.btn-group .dropdown-menu li a
{
	color:#013356;
	font-weight:normal;
}
.input-group-addon,.form-control,.form-control:focus,.form-control[readonly],.bootstrap-select>button.btn,.bootstrap-select>button.btn:hover,.bootstrap-select>button.btn:focus,.bootstrap-select>button.btn:active
{
	font-size:12px;
	border-radius:0;
	border:1px solid #013356!important;
	background:none!important;
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
	height:35px;
}
.bootstrap-select.b-none>button.btn{
	border:none!important
}
#topheader .bootstrap-select.btn-group:not(.input-group-btn),#topheader .bootstrap-select>button.btn
{
	border:none!important;
}
#topheader .flag-icon
{
	    margin-right: 5px;
}


.bootstrap-select .dropdown-menu
{
	padding:0;
}
.bootstrap-select .dropdown-menu li 
{
border-bottom:1px solid #d9d9d9;
display:block;
width:100%;
font-size:12px;
}
.bootstrap-select .dropdown-menu li:last-child
{
border-bottom:none;
}
.bootstrap-select>button.btn
{
text-transform:initial;
}
.bootstrap-select>button.btn.disabled
{
	color:#013356!important;
	font-weight: normal;
}
.navbar .input-group-addon,.navbar .form-control
{
	border:none!important;
	font-size: 14px;
}


#searchctrl
{
	border-bottom:1px solid #d9d9d9!important;

}
#searchctrl::placeholder
{
	color:#013356!important;
}
#searchctrl:focus::placeholder
{
	content:"";
}
#searchctrl:focus::-webkit-input-placeholder, 
#searchctrl:focus::-moz-placeholder { opacity:0; }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
{
	width:100%
}
#topheader .bootstrap-select
{
	width:auto;
}
.bootstrap-select.btn-group .dropdown-menu 
{
	margin:0;
}
.bootstrap-select .bs-caret .caret
{
	width: auto;
    height: auto;
	border:none;
	display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
	top:0;
	left:0;
	position: relative;
}

.btn.full-width
{
	width:100%
}


.pagination>li:first-child>a, .pagination>li:first-child>span
{
	border-radius:0;

}
.pagination>li:last-child>a, .pagination>li:last-child>span
{
	border-radius:0;
}
.pagination>li>a, .pagination>li>span
{
	color:#013356
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
	border-color:#013356;
	background: #013356;
}

/** SPINNER **/

.multiple1
{
margin-left: auto;
    margin-right: auto;
    width: 100px;
}

  .ball1, .ball2, .ball3 {
      height: 25px;
      width: 25px;
      border-radius: 50%;
      float: left;
      margin: 0 3px;
   }
   
   .ball1 {
      background-color: #81d0f5;
      -webkit-animation: single1ball1anim 2s infinite linear;
      animation: single1ball1anim 2s infinite linear;
   }
   
   @-webkit-keyframes single1ball1anim {
      0% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
      12.5% {
         -webkit-transform: scale(1.2);
         transform: scale(1.5);
      }
      25%, 100% {
         -webkit-transform: scale(1);
         transform: scale(1)
      }
   }
   
   @keyframes single1ball1anim {
      0% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
      12.5% {
         -webkit-transform: scale(1.2);
         transform: scale(1.5);
      }
      25%, 100% {
         -webkit-transform: scale(1);
         transform: scale(1)
      }
   }
   
   .ball2 {
      background-color: #4182a5;
      -webkit-animation: single1ball2anim 2s infinite linear;
      animation: single1ball2anim 2s infinite linear;
   }
   
   @-webkit-keyframes single1ball2anim {
      0%, 25% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
      37.5% {
         -webkit-transform: scale(1.2);
         transform: scale(1.5)
      }
      50%, 100% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
   }
   
   @keyframes single1ball2anim {
      0%, 25% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
      37.5% {
         -webkit-transform: scale(1.2);
         transform: scale(1.5)
      }
      50%, 100% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
   }
   
   .ball3 {
      background-color: #013356;
      -webkit-animation: single1ball3anim 2s infinite linear;
      animation: single1ball3anim 2s infinite linear;
   }
   
   @-webkit-keyframes single1ball3anim {
      0%, 50% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
      62.5% {
         -webkit-transform: scale(1.2);
         transform: scale(1.5)
      }
      75%, 100% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
   }
   
   @keyframes single1ball3anim {
      0%, 50% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
      62.5% {
         -webkit-transform: scale(1.2);
         transform: scale(1.5)
      }
      75%, 100% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
   }

   .uppercase
   {
	   text-transform:uppercase;
   }
   .tempprice
   {
	   font-weight: bold;
   }
   .tempprice td
   {
	   background:#81D0F5!important;
	   color:#fff!important;
	}
	#register.form-horizontal .form-group
	{
		margin-left:0 !important;
		margin-right: 0 !important;
	}

.basket-badge
{
background: none!important;
color: #fff;
vertical-align: top;
position: absolute !important;
/* left: auto; */
/* right: auto; */
padding: 0!important;
padding-top:5px!important;
}
.autocomplete_result
{
position: absolute;
width: 100%;
z-index: 10;
margin-left: -1px;
border-top: 0;
max-height: 150px;
overflow-y: scroll;
list-style: none;
left:0;
top:0;
margin-top:35px;
border-bottom: 1px solid #d9d9d9;
}
.autocomplete_result li
{
list-style: none;
}
.ui-front ul.ui-front {
    top: 0!important;
    left: 0!important;
	 width: 100%!important;
	 overflow-y: scroll;
	 margin-right:15px;
	 max-height:150px;
	 margin-bottom:15px;

}

.ui-helper-hidden-accessible
{
	display:none!important
}

.error
{
	border-color:#EB920E!important;
	
}
label.error
{
	display: inline-block;
	background-color:#EB920E!important;
}




.wizard 
{
	margin: 0px;
	margin-left: 1px;
	min-height:250px;
	display: flex;
}
.wizard>div
{
	min-height:400px;
}
.wizard>div>section
{
	min-height:300px;
}
.wizard>.box:first-child
{
   width: 25%;
}
.wizard>.box:last-child
{
   width: 75%;
}
.wizard .btn.next
{
	float:right;
}
.wizard .nav-stacked>li+li
{
	margin-top:0;
}

.wizard .done a,.wizard tr.selected td
{
	background: #81d0f5!important;
   color: #fff!important;
}
.wizard .form-control
{
	background:#fff!important;
	color:#000!important;
}

.wizard .select-order-item, .wizard .select-order
{
	cursor: pointer;
}

.btn + .collapse, .btn + .collapsing
{
	margin:15px 0;
}

.well .media
.well .media .media-heading
{
	white-space: nowrap;
}



.flex {
	display:flex;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*
		BUGFIX for IE (navbars search bar)
	*/
	.search-form .flex {
        width:67.66%;
   }
}

.flex > * {
	width:auto!important;
}
.w-100 {
	width:100%!important;
}
.b-none {
	border:none!important;	
}



	.single4 {
	   width: 50px;
	   height: 50px;
	   border-radius: 50%;
	   border: 6px solid #EEEEEE;
	   border-top-color: #BFBFBF;
	   border-bottom-color: #BFBFBF;
	   -webkit-animation: single4 2.5s infinite ease-in-out;
	   animation: single4 2.5s infinite ease-in-out;
	}

	@-webkit-keyframes single4 {
	   0% {
	      -webkit-transform: rotate(0deg);
	      transform: rotate(0deg);
	   }
	   100% {
	      -webkit-transform: rotate(540deg);
	      transform: rotate(540deg);
	   }
	}

	@keyframes single4 {
	   0% {
	      -webkit-transform: rotate(0deg);
	      transform: rotate(0deg);
	   }
	   100% {
	      -webkit-transform: rotate(540deg);
	      transform: rotate(540deg);
	   }
	}


	/* Fading animation */
	.slide {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 3s;
	animation-name: fade;
	animation-duration: 3s;
	}

	@-webkit-keyframes fade {
	from {opacity: .0} 
	to {opacity: 1}
	}

	@keyframes fade {
	from {opacity: .0} 
	to {opacity: 1}
	}

.search-result{
	padding: 24px;
	left: 0;
    right: 0;
	position: absolute;
	width: 100%;
	top: 100%;
	z-index:1;
	background: white;
	border:1px solid #d9d9d9;
	border-top:none;
	max-height: 250px;
	overflow: scroll;
}

.solr-facet-wrapper {
	margin-bottom:15px;
}


.facet-values {
	max-height:25px;
	overflow: auto;
	padding:0;
}

.facet-values .list-group-item {
	padding:5px 10px;
}


.attribute-list li{
	display: inline-block;
}

.attribute-list li:not(:last-child):not(.divider)::after {
	content: ',';
    margin-right: 5px;
}
.alternative-articles .media {
	display:inline-block;
}
.alternative-articles .media-body 
{
	width:auto;
}
 .search-df {
	min-width:150px;
 }

 li.divider {
	 display:block;
	 width:100%;
	 border-top:1px solid
 }

.search-form .flex {
	flex: 0 0 auto;
    width: 100%;
}
.search-form .input-group {
	display: flex;
    flex: 1;
}

 .search-form .input-group-btn {
	 width: auto;
 }



 .article_autocomplete {
	 position: relative;
	 z-index: 10;
 }

 .article_autocomplete .list-group {
	position: absolute;
    background: white;
    z-index: 10;
    max-height: 250px;
    overflow: auto;
 }

 .p-r {
	 position: relative;
 }