html {
	position: relative;
	min-height: 100%;
}
body {
	/*  min-height: 2000px; */
	/*nicht notwendig: margin-bottom: 50px; /* footer height */
}
.content {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 70px;
	background-color: #eee;
	border-radius: 6px;
	color: inherit;
}

.content a {
	text-decoration: none;
}

.table-hover > tbody > tr:hover {
	background-color: #cacaca;
}

.table > tbody > tr > td {
	vertical-align: middle;
}
.table > tfoot > tr > td {
	border-top: 0px;
}

.ui-tooltip {
    white-space: pre-line; /* Zeilenwechsel in Tooltips (mit 
) */
}

/* ------------------ header ------------------ */
.navbar-right {
	padding-right: 15px;
}
.logo-brand {
	height: 50px;
}


/* ------------------ footer ------------------ */
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px; /* Set the fixed height of the footer here */
	background-color: #f5f5f5;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #e7e7e7;
; 	color: #CCC;
}
.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}
.footer .container .flags {
	padding-right: 10px;
}

/* ------------------        ------------------ */
.select_brand { 
	text-align: center; 
	width: 740px;
}
	

/* ------------------ login.php ------------------ */
.login {
	height: 500px;
	background-position-x: right 30px;
	background-position-y: bottom 30px;
	background:
		url(../images/bg_login_logo.png) bottom right no-repeat,
		url(../images/bg_login_01.png) 50% 10% no-repeat, 
		url(../images/bg_login_02.png) 10% 100% no-repeat, 
		url(../images/bg_login_03.png) 70% 85% no-repeat,
		linear-gradient(#f2f2f2, #b6b6b6);
	color: white;
}
.login .card{
	margin-top: 40px;
	margin-left: 40px;
	width: 250px;
	background-color: rgba(0,0,0,0.5) !important;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 6px;
}
.login .card-header {
	padding-top: 20px;
}
.login .card-footer {
	text-align: right;
}
.login .input-group {
	display: flex;
}
.login .forgot{
	color: white;
	text-decoration:none;
}
.login .btn-login{
	width: 100px;
	margin-bottom: 20px;
	color: black;
	background-color: #1d70b8;
}
.login .btn-login:hover{
	color: black;
	background-color: white;
}
.login .input-group-addon {
	padding-right: 26px;
}


/* ------------------ Warenkorb in Navigation ------------------ */
#nav-warenkorb {
	padding: 0;
}
.shopping-cart {
	padding-right: 20px;
	margin-right: 20px;
	margin-top: 12px;
	height: 32px;
	width: 32px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position-y: -32px;
	background-image: url("../images/shopping-cart.png");
}
.shopping-cart .badge {
	margin-left: 25px;
	margin-top: -20px;
}
.shopping-cart-hover { background-position:0px 0px;}
.shopping-cart-badge-hover { background-color: #ff0000; }

/* passt noch nicht richtig*/
.navbar .popover {
	width: 500px !important;
	max-width:500px !important;
}

#nav-warenkorb-inhalt { display: none; float: right;}

.ShoppingCartContentRow { margin-top:10px; }

/* ------------------ fahrzeugauswahl.php ------------------ */
.select-car {
	margin-top: 20px;
	margin-bottom: 10px;
}
.select-car .car-button {
	border: 1px solid #333;
	border-radius: 4px;
	padding: 0;
}
.car-button-hover {
	border: 1px solid #71a3ff !important;
	
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.select-car a {
	color: #555;
	text-align: center;
	text-decoration: none;
}
.select-car img {
	width: 150px;
}
.search-articlenumber {
	margin-top: 20px;
}





.buy {
	padding-right: 20px;
	margin-right: 20px;
	margin-top: 12px;
	height: 32px;
	width: 32px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position-y: -32px;
	background-image: url("../images/into-shopping-cart.png");
}
.buy-hover { background-position:0px 0px;}

.delivery {
	padding-right: 20px;
	margin-right: 20px;
	margin-top: 12px;
	height: 32px;
	width: 32px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position-y: -32px;
	background-image: url("../images/delivery-van.png");
}
.delivery-hover { background-position:0px 0px;}


.lieferbar3 {
	height: 32px;
	width: 32px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position-y: -96px;
	background-image: url("../images/lieferbarkeit.png");
}
.lieferbar2 {
	height: 32px;
	width: 32px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position-y: -64px;
	background-image: url("../images/lieferbarkeit.png");
}
.lieferbar1 {
	height: 32px;
	width: 32px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position-y: -32px;
	background-image: url("../images/lieferbarkeit.png");
}
.lieferbar0 {
	height: 32px;
	width: 32px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url("../images/lieferbarkeit.png");
}