:root {
	--brand-color: #e30613;
	--brand-color-2: #91877a;
	
	--primary-color: var(--brand-color);
	--text-color: #000000;
	
	/* --quick-nav-background: var(--brand-color); */
	--offcanvas-btn-color: var(--brand-color);
	--quick-nav-hamburger-color: var(--brand-color);
	
	--button-primary-color: #e30613;
	--button-primary-color-hover: #91877A;
}
body {
	background: #fff;
	color: var(--text-color);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
/* Header */
/* Logo left */
.logo-wrap {
	padding-top: 0px;
	padding-bottom: 0px;
	width: 140px;
	height: 32px;
}
.logo-wrap span {
	background-image: url("../../images/j3l/j3l_tsmart_logo_1.png");
	background-size: cover;
	background-repeat: no-repat;
	background-position: center center;
	width: 100%;
	height: 100%;
	margin: 0;
}
#top-row .decor-element-01 {
	display: none;
}

/* Titel Anmeldebox */
.customer-title::after {
	content: 'Jura & Drei-Seen-Land';
}
/* Login Screen */
/* Grafik / Hintergrundbild */
#tSmart-login-outer-wrap {
	background-image: url("../../images/j3l/j3L_tsmart_background_2.jpg"); 
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	overflow: auto;
	height: 100%;
	width: 100%;
	position: relative;
}
#tSmart-login-outer-wrap #top-row {
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
}
#tSmart-login-outer-wrap .col-logo {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	min-height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#tSmart-login-wrap {
	z-index: 10;
	position: relative;
}
#tSmart-login-outer-wrap .btn {
	line-height: 28px;
}
#tSmart-login-outer-wrap .logo-wrap {
	width: 218px;
	height: 50px;
}
#tSmart-login-outer-wrap .card {
	border-color: #f0f0f0;
}
#tSmart-login-outer-wrap .card-header {
	font-size: 1rem;
	color: var(--text-color);
	background: #fff;
	border-bottom-color: #f0f0f0;
}
/* Copyright Hinweis */
.copyright-hint p {
	color: #fff;
}
.copyright-hint p::before {
	content: 'Jura & Drei-Seen-Land';
	color: #fff;
}

/* Custom Styling */
#left-col .btn-close,
#right-col .btn-close,
#left-col .btn-close:hover,
#right-col .btn-close:hover {
	background-color: var(--brand-color-2);
}

#top-row .col-cart-button .btn-toggle-cart::after,
#top-row .col-filter-functions .btn-toggle-left::after {
	background-color: var(--primary-color);
}
#top-row .col-filter-functions .btn-toggle-left:hover,
#top-row .col-filter-functions .btn-toggle-left.active,
.btn-toggle-left:not(:disabled):not(.disabled).active,
.btn-toggle-left:not(:disabled):not(.disabled):active,
#top-row .col-cart-button .btn-toggle-cart:hover,
#top-row .col-cart-button .btn-toggle-cart.active,
.btn-toggle-cart:not(:disabled):not(.disabled).active,
.btn-toggle-cart:not(:disabled):not(.disabled):active {
	color: var(--brand-color-2);
}
#left-col .nav-list li > .open-lt-products,
#left-col .nav-list li.active > .open-lt-products,
#left-col .nav-list li:hover > a.open-lt-products {
	background-color: var(--brand-color);
}
#left-col .nav-list li > .open-lt-products {
	color: #fff;
}
#left-col .tab-content .search-criteria label {
	font-size: 12px;
}


#top-row .btn-toggle-left > span > .badge {
	background-color: var(--brand-color);
}
.calendar-elements .btn-today {
	border-radius: 0;
}
/* Angebote & Buchungen */
#vorgangsverwaltung .accordion .card-header .btn-link,
#vorgangsverwaltung .accordion .card-header .btn-link:hover,
#vorgangsverwaltung .card-header .btn-light {
	color: var(--text-color);
}
/* Shop */
#shop .offer-item-link {
	/* background: var(--brand-color); */
}
/* Bootstrap */
.btn {
	font-size: 0.9rem;
}
.btn,
.btn-lg {
	border-radius: 4;
}
.btn-rounded {
	border-radius: 4px;
}
.btn-primary {
	background: var(--button-primary-color);
	border-color: var(--button-primary-color);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active:focus {
	border-color: var(--button-primary-color-hover);
	background-color: var(--button-primary-color-hover);
	box-shadow: inset 0 0 0 2px var(--button-primary-color-hover);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--brand-color);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	background: var(--brand-color);
}
.custom-ui-checkbox:checked + .custom-ui-button {
	background-color: var(--brand-color);
	border-color: var(--brand-color);
}
.dropdown-item.active, .dropdown-item:active,
.dropdown-menu.inner .selected .dropdown-item,
.dropdown-menu.inner .selected .dropdown-item:active {
	background: var(--brand-color);
}
.card-header:first-child {
	border-radius: 0;
}

/* Brand Colors after Login */
/*
#quick-nav,
#quick-nav ul li .dropdown-menu {
	background-color: var(--brand-color-2);
}
#top-row .col-grey-Info {
	background: var(--brand-color-2);
	color: #fff;
}
.card {
	border-radius: 0;
	border-color: var(--brand-color-2);
}
.card-header {
	font-weight: 700;
	background: var(--brand-color-2);
	border-bottom-color: var(--brand-color-2);
	color: #fff;
}
.accordion .card:first-of-type {
	border-radius: 0;
	border-bottom-color: var(--brand-color-2);
}
.accordion .card-header h2,
.accordion .card-header .btn-link,
.accordion .card-header .btn-link:hover,
.card-header .btn-light,
.accordion .card-header .btn-link .icon-large,
.accordion .card-header .btn-link .icon-large {
	color: #fff;
}
.card-header .btn-light.fullsize-expand {
	color: var(--text-color);
}
*/


@media (min-width: 768px) {
	#tSmart-login-outer-wrap .logo-wrap {
		width: 218px;
		height: 50px;
	}
}
@media (min-width: 992px) {
	.form-control {
		font-size: 14px;
	}
	.logo-wrap {
		width: 150px;
		min-width: 150px;
		height: 34px;
	}
}
@media (min-width: 1200px) {
	#tSmart-login-outer-wrap .col-logo {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.logo-wrap {
		width: 200px;
		height: 45px;
	}
}