:root {
	--primary-color: #97bf0d;
	--primary-color-rgb: 0,140,200;
	--text-color: #3f3e3e;
	
	--grey-light: #f6f6f6;
	
	--border-radius-xs: 2px;
	--border-radius-sm: 4px;
	--border-radius-md: 8px;
	--border-radius-lg: 10px;
}

body {
	background: #fff;
	color: var(--text-color);
}
/* Header */
/* Logo left */
.logo-wrap {
	padding-top: 0px;
	padding-bottom: 0px;
}
.logo-wrap span {
	background-image: url("../../images/mtz/Muensterland_DASGUTELEBEN_Logo_RGB.png");
	background-size: cover;
	background-repeat: none;
	background-position: center center;
	width: 93px;
	height: 50px;
	margin: 0;
}
#top-row .decor-element-01 {
	display: none;
}
#top-row .col-grey-Info {
	background: var(--primary-color);
	color: #fff;
}

/* Titel Anmeldebox */
.customer-title::after {
	content: 'Münsterland e.V.';
}
/* Login Screen */
/* Grafik / Hintergrundbild */
#tSmart-login-outer-wrap {
	background-image: url("../../images/mtz/Hintergrund_MeV2.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 {
	justify-content: center;
}
#tSmart-login-outer-wrap .logo-wrap span {
	width: 150px;
	height: 80px;
	margin: 0 auto;
}
#tSmart-login-outer-wrap .card {
	border-color: var(--grey-light);
}
#tSmart-login-outer-wrap .card-header {
	background: var(--grey-light);
	border-bottom-color: var(--grey-light);
}
/* Copyright Hinweis */
.copyright-hint p {
	color: #fff;
}
.copyright-hint p::before {
	content: 'Muensterland e.V. / Christoph Steinweg';
	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(--primary-color);
}
#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(--primary-color);
}
#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(--primary-color);
}
#left-col .nav-list li > .open-lt-products {
	color: #fff;
}

#left-col .search-tab-wrap .nav-link:hover,
#left-col .search-tab-wrap .nav-link.active {
	color: var(--primary-color);
	border-bottom-color: var(--primary-color);
}

.col-subtabs a:hover,
.col-subtabs a:active,
.col-subtabs a:focus,
.col-subtabs .nav-item a.active {
	color: var(--primary-color);
}
.col-subtabs .nav-item .active::after {
	background: var(--primary-color);
}
/*
.badge-danger {
	background: var(--primary-color);
}
*/

#top-row .btn-toggle-left > span > .badge {
	background-color: var(--primary-color);
}
.calendar-elements .btn-today {
	border-radius: var(--border-radius-md);
}
/* 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,
#offersCol .offer-multiple .offer-image-inner-wrap,
#shop .offer-item-time-link {
	background: var(--primary-color);
}
.offer-item-badge {
	background: #fff;
	color: var(--primary-color);
}
.offer-item .badge-low-contingent {
	background: #fff;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}
/* Bootstrap */
.btn,
.btn-lg {
	/* border-radius: var(--border-radius-sm); */
	border-radius: 0;
	font-weight: 700;
}
.btn-rounded {
	/* border-radius: var(--border-radius-sm); */
	border-radius: 0;
}
.btn-primary {
	background: var(--primary-color);
	border-color: var(--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(--primary-color);
	background-color: var(--primary-color);
	box-shadow: inset 0 0 0 2px rgba(var(--primary-color-rgb),0.5);
}
.form-control {
	border-radius: var(--border-radius-sm);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--primary-color);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	background: var(--primary-color);
}
.custom-ui-checkbox:checked + .custom-ui-button {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.row-toggle-switch .custom-ui-checkbox:checked + .custom-ui-button,
.row-toggle-switch .col-ui-switch-handle + .col-ui-switch .custom-ui-switch .custom-ui-checkbox + .custom-ui-button {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.dropdown-item.active, .dropdown-item:active,
.dropdown-menu.inner .selected .dropdown-item,
.dropdown-menu.inner .selected .dropdown-item:active {
	background: var(--primary-color);
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
	border-radius: 0;
}

.card {
	background: rgba(255,255,255,0.9);
	border-radius: var(--border-radius-sm);
	border-color: var(--grey-light);
}
.card-header {
	font-weight: 700;
	background: var(--grey-light);
	border-bottom-color: var(--grey-light);
	color: var(--text-color);
}
.card-header:first-child {
	border-radius: var(--border-radius-sm);
}
.accordion .card:first-of-type {
	border-radius: var(--border-radius-sm);
	border-bottom-color: var(--grey-light);
}
.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: var(--text-color);
}
.card-header .btn-light.fullsize-expand {
	color: var(--text-color);
}

@media (min-width: 992px) {
	.logo-wrap span {
		width: 116px;
		height: 62px;
	}
}