:root {
	--textcolor:#555;
	--third-color: color-mix(in srgb, var(--primary-color), white 94%);
	--tabellen-color: color-mix(in srgb, var(--primary-color), white 97.25%);
	--tabellenkopf-color: color-mix(in srgb, var(--tabellen-color), var(--secondary-color) 6%);
}
		
html body {font-size:15px!important;}	
		
header {background-color: var(--secondary-color) !important;}		
		
.text-primary-dark {
    color: var(--secondary-color) !important;
}		
		
label:not(.form-check-label) {
    margin-bottom: 7px;
}	

p {line-height:1.6;
	color:var(--textcolor);
	font-weight:300;}
		
input::placeholder {
		color:#BBBBBB!important;
}
 
#app table thead th{
	background:var(--tabellenkopf-color)!important;
}	
.dashboard .row.m-0.p-0.mt-4 {
    margin-right: calc(-.5 * var(--bs-gutter-x)) !important;
    margin-left: calc(-.5 * var(--bs-gutter-x)) !important;
	margin-top:0px!important;
}

.dashboard a:hover > div {color:var(--primary-color)!important;}
		
table th, table td {
	padding:15px 10px!important;
}
		
table tr td:first-child,
table tr th:first-child{
    padding-left: 10px !important;
}		
		
table td .alert,
table td .text-danger,
table td .text-success,
table td .bg-danger,
table td .bg-success{
    padding: 5px 10px !important;
	width: calc(100% - 10px)!important;
    text-align: center!important;
	max-width:200px!important;
	display:block!important;
	border-radius:5px!important;
	font-size: 12px !important;
	line-height:unset!important;
	font-weight:400!important;
}
		
table td .alert-success,
table td .text-success,
table td .bg-success{
    background: #C6E5E2!important;
    color: #009D86!important;
	border: 1px solid var(--bs-success-border-subtle)!important;
}
		
table td .alert-warning{
    background: #FFF5DB!important;
    color: #866300!important;
	border: 1px solid var(--bs-warning-border-subtle)!important;
}
		
table td .alert-danger,
table td .text-danger,
table td .bg-danger{
    background: var(--bs-danger-bg-subtle)!important;
    color: var(--bs-danger-text-emphasis)!important;
	border: 1px solid var(--bs-danger-border-subtle)!important;
}		
		
table td button.btn svg {
    width: 22px;
    height: 22px;
}
				
table td button.btn:not(#rating-button) {
    background: none !important;
    color: var(--secondary-color) !important;
    border: none !important;
    padding: 0 !important;
}	
		
table td button.btn:not(#rating-button):hover {
	background:none!important;
    color: var(--primary-color) !important;
}		
		
table.table-striped>tbody>tr:nth-of-type(odd)>* {
	/*--bs-table-bg-type: #F8FAFC;
	background-color: #F8FAFC!important;*/
	background: var(--third-color) !important;
	--bs-table-bg-type:var(--tabellen-color) !important;
}	
	
table.table-hover>tbody>tr:hover >* {
	--bs-table-bg-state: #e7eef5;
	background-color: #e7eef5!important;
}	

.col-12.p-0:has(#download-table_wrapper) {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
}	

div:has(> #download-table) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
	
	
.form-control,
.form-select {
    padding: 15px!important;
	position:relative;
}
		
.vs__dropdown-toggle {
    display: block;
    width: 100%;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color)!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg)!important;
    background-clip: padding-box!important;
    border: var(--bs-border-width) solid var(--bs-border-color)!important;
    border-radius: var(--bs-border-radius)!important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out!important;
}	
	
.vs__dropdown-toggle input {
    padding: 10px!important;
	position:relative;
}
		
.dp__input {padding-top:15px!important;
		padding-bottom:15px!important;}		
		
		
.main-body {height:unset!important;}
		
.main-body > .row > .col-lg-9,
.main-body > div > .row > .col-lg-9 {
    padding-right: 30px;
}
		
.main-body > .row > .col-lg-9 .row.w-100 {
    width: calc(100% + var(--bs-gutter-x)) !important;
}			

div#topnews {
    margin: 0;
    padding: 0;
}
	
#topnews .btn {color:#fff!important;}	
	
#topnews .btn:hover {background:var(--primary-color)!important;}	
	
#topnews .link-dark:hover {background:none!important;
	color:var(--primary-color);}
	
#topnews div.w-100.d-flex.justify-content-between {
    flex-wrap: wrap;
    gap: 20px;
}
	
.mt-4 i.bi-trash {
    padding: 15px 0;
    display: block;
}

.btn-primary {padding:10px 20px!important;
	border-radius:5px!important;}
	
a.btn-primary:hover,
button.btn-primary:hover{background:var(--secondary-color)!important;}

.text-primary {font-weight:600;}

a.text-primary:hover {background:none!important;
	color:var(--secondary-color)!important;}
	
.text-sm {
    font-size: 14px!important;
}

.fs-3.text-primary.mt-5.mt-lg-0 {
    font-weight: 400;
}	

#loslegen {margin-bottom:30px;}

#loslegen a:hover * {color:var(--primary-color)!important;}

#loslegen a svg {
	height:30px;
	width:30px;
}

#loslegen a:hover svg {
	fill:var(--primary-color);
}

#.text-secondary {margin-bottom:15px;}

#topnews h1:not(.text-secondary),
#topnews h2:not(.text-secondary),
#topnews h3:not(.text-secondary),
#topnews h4:not(.text-secondary),
#topnews h5:not(.text-secondary),
#topnews h6:not(.text-secondary),
#news-list h4{font-size:20px;
		margin-bottom:20px;}
		
.lady-bg + div {padding:20px 0;	
    justify-content: center !important;}

.lady-bg {height:300px!important;}
		
		
#kva .bg-white .row.border-bottom,
#auftrag .bg-white .row.border-bottom{border-bottom:none!important;
	padding-bottom:0!important;}
	
#kva .RV, #kva .B,
#auftrag .RV, #auftrag .B{
    display: none;
}
		
#kva .bg-white .row.border-bottom:after,
#auftrag .bg-white .row.border-bottom:after,
#zahnkreuz:after,
#produkt-ausfuehrung:after{
	content:"";
	display:block;
	width:calc(100% - 30px);
	margin:auto;
	height:1px;
	background:#efefef;
	margin-top:40px;
}
		
#zahnkreuz:after{width:100%;}
		
#kva .bg-white .row.border-bottom + div{margin-top:20px;}

		
#zahnkreuz .input-group-text.rounded-0.text-secondary.text-medium {
    background: #efefef;
    width: 60px;
    display: flex;
    justify-content: center;
    height: 52px;
}
		
#zahnkreuz span.input-group-text.rounded-0.text-secondary.text-medium:first-child {
    -webkit-border-top-left-radius: 5px!important;
    -webkit-border-bottom-left-radius: 5px!important;
    -moz-border-radius-topleft: 5px!important;
    -moz-border-radius-bottomleft: 5px!important;
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
}		
		
#zahnkreuz span.input-group-text.rounded-0.text-secondary.text-medium:last-child {
	-webkit-border-top-right-radius: 5px!important;
	-webkit-border-bottom-right-radius: 5px!important;
	-moz-border-radius-topright: 5px!important;
	-moz-border-radius-bottomright: 5px!important;
	border-top-right-radius: 5px!important;
	border-bottom-right-radius: 5px!important;
}	
		
#zahnkreuz .number {
    width: 100%;
	text-align:center;
}
		
#zahnkreuz .number:first-child,
#zahnkreuz .number:last-child{width:60px;
	min-width:60px;}
		
#zahnkreuz .number:nth-child(10){width:20px;
	min-width:20px;}

div#zahnkreuz > div > label:first-child {var(--secondary-color) !important;
	margin-top: 0;
	font-size: 1rem;
	font-weight: 500;
    line-height: 1.2;
	margin-bottom: 1rem !important;}	
		
#berechnungen,
#auftrag #lieferzeit {padding:0;
		margin:0;
		width:100%!important;
	position:relative;
	z-index:3;
	background:#fff!important;
	border-radius:5px;
	box-shadow:none!important;}
	
#berechnungen:before,
#auftrag #lieferzeit:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:var(--primary-color);
	z-index:-1;
	opacity:0.06;
		border-radius:5px;
}

#berechnungen > div {padding: 10px 20px 20px;}
	
#berechnungen p.text-success {display:none;}
	

.navbar .nav-icon > a svg, .navbar .nav-icon > div > a svg {
    width: auto;
    height: 24px;
    fill: #fff;
	padding: 0 10px;
}
	
aside#navbarNavDropdown > div:first-child .fs-6 {
    text-transform: uppercase;
}	
	
div#auftrag #berechnungen {
    padding: 20px !important;
    margin: 0 15px;
    width: calc(100% - 50px) !important;
}	
		
#auftrag .col-md-12.col-lg-9:has(#lieferzeit) {
	flex: 0 0 auto;
    width: 100%;	
}
		
#notizen + div {margin:0!important;}
		
#download-table + div,
#myRechnung .d-flex.justify-content-between.align-items-center,
div.table-nav {
	flex-wrap:wrap;
	align-items:center!important;
	margin-top: 20px !important;	
    font-size: 12px !important;
	width:100%;
}
		
		
#download-table + div > div:first-child,
#myRechnung .d-flex.justify-content-between.align-items-center > div:first-child,
div.table-nav > div:first-child
	{width:40%;
	margin-bottom:10px;}		
		
#download-table + div > nav,
div.table-nav nav{
	height:auto;
    width: 60%!important;
    padding: 0 !important;
    display: flex!important;
    justify-content: flex-end;
	margin-bottom:10px;
}
		
#download-table + div > nav ul,
div.table-nav nav ul {padding:0;
			margin:0;}	
		
#download-table + div > nav ul li a,
div.table-nav nav ul li a,
nav:has(.pagination) ul li a{padding:10px;}	
	
nav:has(.pagination) ul li span {
    display: flex;
    height: 100%;
}
	
.pagination .page-item.disabled a {opacity:0.25;}	
		
#download-table + div > div:last-child,
div.table-nav > div:last-child,
div.table-nav > select:last-child {
    display: flex!important;
    align-items: center!important;
	gap:15px!important;
	width:200px!important;
}		
		
#download-table + div > div:last-child select,
div.table-nav > div:last-child select {
    width:calc(100% - 100px)!important;
    padding: 5px 10px !important;
}
	
	
.profile-container img + svg {display:none;}		
		
div#meine-kvas input[type="date"] {
    max-width: 130px;
}	
	
div#meine-kvas .col-lg-3:has(input[type="date"]),
div#meine-auftraege .col-lg-3:has(input[type="date"]),
div#meine-abholungen .col-lg-3:has(input[type="date"]),
div#myRechnung .col-lg-3:has(input[type="date"]),
div#downloads .col-lg-3:has(input[type="date"]) {width:max-content;
		flex:0 0 auto;
	padding:0 15px 0 15px;}
	
div#meine-kvas .col-lg-3:first-child:has(input[type="date"]),
div#meine-auftraege .col-lg-3:first-child:has(input[type="date"]),
div#meine-abholungen .col-lg-3:first-child:has(input[type="date"]),
div#myRechnung .col-lg-3:first-child:has(input[type="date"]),
div#downloads .col-lg-3:first-child:has(input[type="date"]) {
	padding-left:0;}
	
#downloads > div > div > .col-12.p-0 {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
}
	
#navbarNavDropdown > div {
    margin-top: 0 !important;
}	
	
header {left:0;
		padding:0 30px;}	
	
a.navbar-brand {
		max-width: 270px;
		width: 100%;
		height:100%;
	}
	
.logo {
	padding: 10px 0 10px 0 !important;
	object-fit: contain;
	width: 100% !important;
	height: 100% !important;
	object-position: left;	
    filter: brightness(100);
}
	
.navbar > div, .navbar > div > div {
	height: 100%;
	display: flex;
	align-items: center;
}	
	
.dropdown-menu {
    width: 450px!important;
    border-radius: 5px!important;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1)!important;
    margin-top: 15px !important;
}
	
button.navbar-toggler {
    font-size: 2rem;
}
	
aside#navbarNavDropdown > div > a {
    font-weight: 400;
}
	
aside#navbarNavDropdown > div > a:hover {
    background:none;
}	

button.swal2-cancel {
    background: var(--primary-color) !important;
}

button.swal2-confirm {
    background: #009D86 !important;
}

div:where(.swal2-icon).swal2-question {
    border-color: var(--primary-color)!important;
    color: var(--primary-color)!important;
}
	
.active>.page-link, .page-link.active {background:var(--primary-color)!important;
		border-color:var(--primary-color)!important;}	
	
.col-md-4 > .bg-white {height:100%;}
	
	
.pagination a.page-link {
    font-size: 12px;
}
	
.pagination li:not(:first-child):not(l:last-child) a.page-link {
   border-radius:0!important;
}
	
nav:has(.pagination) {
    width: unset!important;
}	
	
#myRechnung .d-flex.justify-content-between.align-items-center.mt-3 {
    width: 100%;
}	
	
.searcher input.form-control {
    padding: 10px !important;
}
	
	
a.menu-active {
    background: var(--third-color)!important; 
    color: var(--primary-color)!important;
}	
	
	div.drop {background:var(--third-color)!important;}
	
	div#admin-dashboard-view {
    margin-top: 0 !important;
}
	
.modal.rated textarea {
    font-size: 12px;
    padding: 0 !important;
    border: none;
    resize: none;
    height: auto;
}	
	
div#rating-modal svg {
    fill: #666;
    transform: scale(0.85);
}
	
div#rating-modal svg:hover {
    fill: var(--primary-color);
}
	
div#rating-modal .modal-content {
    padding: 25px;
    border-radius: 5px !important;
}

div#rating-modal .modal-header {
    border: none;
    padding: 20px 20px 0 20px;
    color: var(--primary-color);
}
	
.rating-number.me-1.active.active-high {
    background: #009D86 !important;
}
	

.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus {
    z-index: 1!important;
}
	
.btn-primary:disabled {opacity:0.1!important;
	filter:grayscale(1);}	
	
#formSend {margin:0!important;}	
	
.alert.alert-info {
    display: block;
    width: 100%;
    background: var(--tabellenkopf-color);
    border: none;
    padding: 20px;
}	
	
.main-body > div > .col-md-12.col-lg-9 + .col-lg-3 {
    padding: 0 !important;
}	
	
.rating-number.active-highlight {
    background-color: var(--primary-color)!important;
    color: #fff!important;
}
	
.modal-footer {
    border: none!important;
	padding-top: 0 !important;
}
	
span.red-star:after {
    content: "";
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
}	
	
.ck.ck-editor__main * {
    font-size: 16px;
}	
	
.drop {
    min-height: 250px;
}
	
.ck.ck-editor__main {
    min-height: 220px;
}
	
/* Dashboard Neuordnung =======================================================*/	

@media all and (min-width:1600px) {
	.main-body > div > div:has(#ungelesene-nachrichten):has(#voucher-card) {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}

	.row.mb-4:has(#ungelesene-nachrichten) {
		width: 67.4%;
		margin-top: 33px;
	}

	.row.mb-4:has(.grid.gap-3) {
		width: 33.33333333%;
	}

	div#ungelesene-nachrichten, div#ungelesene-nachrichten > div {
		height: 100%;
	}

	.grid.gap-3 {
		grid-template-columns: repeat(1, 1fr);
	}

	div#voucher-card {
		justify-content: flex-start !important;
	}	
	
	div#admin-dashboard-view > div:first-child {
		margin: 0;
	}
}	
	
	#admin-dashboard-view #ungelesene-nachrichten {width:100%;}
	
	
/* Amazon Gutschein =======================================================*/		
#voucher-card > div.w-100.mt-3 {
    width: calc(100% - 80px - 1rem) !important;
    margin: 0 0 0 auto;
}	
	
#voucher-card .bg-success {background:#009D86!important;}	
	
div#voucher-card > div:first-child > div:after {
    content: "Sammeln, sparen, freuen! Für je 10 getätigte Onlineabholungen erhalten Sie einen Amazon-Gutschein. Ihren aktuellen Fortschritt können Sie jederzeit hier einsehen.";
    display: block;
    margin: 20px 0;
	font-weight:300;
	font-size:15px;
	line-height:24px;
	color:rgb(108, 117, 125);
}
	
/* Statistiken ======================================================*/	
	
.dashboard-statistics {margin-top:40px;}
	
.col-md-12.sales-development-chart {
    margin-top: 20px!important;
    padding: 0 calc(var(--bs-gutter-x) * .40)!important;
}
	
select#year {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
	
canvas#barChart {
    height: 450px !important;
}	
	
/* Chatsystem =======================================================*/	
div#ungelesene-nachrichten ul.list-unstyled {
    margin-top: 10px !important;
}

div#ungelesene-nachrichten ul.list-unstyled li:nth-child(odd) {
    background: var(--tabellen-color);
}

div#ungelesene-nachrichten ul.list-unstyled li {
    padding: 10px;
    border-bottom: 1px solid #efefef;
    margin: 0 !important;
}
	
#chat-container h2 {
    font-size: 1.75rem !important;
    margin-bottom: 20px;
    color: var(--primary-color);
}

/*div#ungelesene-nachrichten {
    margin-top: 33px;
}*/	

#ungelesene-nachrichten span.badge.bg-danger {
    border-radius: 100%;
	   width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}	
	
div#ungelesene-nachrichten .list-unstyled li a svg {
    width: 23px;
    height: 23px;
    margin-right: 10px;
}
	
.col-lg-6.col-12:has(#ungelesene-nachrichten) {
    order: 1;
}	

div#ungelesene-nachrichten ul.list-unstyled li a {
    flex-wrap: wrap;
}	
	
.order-info {
    background: #fff!important;
    padding: 20px!important;
    border-radius: 5px!important;
	position:relative;
}
	
.order-info > button {
    position: absolute;
    right: 20px;
    top: 20px;
	background:var(--primary-color);
	color:#fff;
	display: flex;
    align-items: center;
    padding: 10px 20px;
}
	
.order-info > button:hover {
	background:var(--secondary-color);
}	
	
.order-info > button svg {width:25px;
	height:auto;}	

.order-info > button:after {
    content: "Auftrag downloaden";
    margin-left: 10px;
}
	
	
.order-info p {margin:0;
	    padding-right: 250px;}
	
.chat-messages {padding:20px!important;}
	
.chat-container {
	width:100%!important;
    max-width: 1400px!important;
    padding: 0!important;
	margin:0!important;
}
	
.message-content {
    width: 60%;
	display: flex!important;
    flex-wrap: wrap;
	justify-content:space-between;
	margin: 0 0 0 auto;
}	
	
.own-message .message-content {
    background: var(--third-color)!important;
		text-align: left !important;
}
	
.message:not(.own-message) .message-content * {color:#fff!important;}
	
.message-content .chat-content {width:100%;
	margin-top:10px;}
	
.message-form {padding:20px;
		background:#fff;
	border-radius:5px;}	
	
form.message-form .input-group > * {
    width: 100%;
}
form.message-form .input-group {
    flex-direction: column;
}
	
.message:not(.own-message) .message-content {
    background: var(--secondary-color)!important;
	margin: 0 auto 0 0;
}	
	
	
.chat-datetime, .message-content strong {font-size:12px;
	color:#333;}
	
.message.own-message .message-content strong {
    color:var(--primary-color);
}
	
.fs-3.text-primary.mt-5.mt-lg-0:empty,
.bottom:empty {
    display: none;
}
	
	#dashboard-latest-invoices > div {min-height: calc(100% - 35px);}
	
	div#dashboard-latest-invoices tr td:first-child {
    display: none;
}
	
div#dashboard-latest-invoices tr td:nth-child(2) {
    padding-left:10px!important;
}
	
	#admin-dashboard-view #ungelesene-nachrichten {margin-top:30px;}
	
/* Tabellen =======================================================*/	
	
table:has(.table-id) {
  table-layout: auto;
  width: 100%;
}	
	
.table-empty {
    width: 50px;
	min-width:50px;
}

.table-id {
    width: 140px;
	min-width:140px;
}

.table-datum,
.table-abholdatum,
.table-date{
    width: 150px;
	min-width:150px;
}

.table-preis {
    width: 190px;
	min-width:190px;
}

.table-aktion {
    width: 170px;
	min-width:170px;
}	
	
a.me-2 {
    padding: 0!important;
}
	
.table-time {
    width: 150px;
    min-width: 150px;
}
	
.table-status {
    width: 180px;
    min-width: 180px;
}
	
.table-work-type,
.table-arbeitsart{
	width:400px;
	min-width:250px
    /*width: clamp(300px, 100%, 500px);*/}
	
	.table-patient {min-width:250px}

	
/* Login-Bereich ==================================================*/
		
.auth-main p {max-width:900px;
		line-height:1.6;
	font-size:25px;
	font-weight:300;
	color:#fff;}
	
.auth-main h2 {font-size:45px;
	color:#fff;
	margin-bottom:20px;
		font-weight:600;}
	
.auth-main h2 strong {color:#feb800;
	font-weight:600;}
	
.auth-main h3 {font-size:30px;
	color:#fff;
	margin-bottom:20px;	
	line-height:1.4;
	font-weight:300;}
	
.auth-main h3 strong {margin-top:30px;
	display:block;
	font-weight:600;}
	
.auth-main p + div {display:none!important;}

	
.auth-main .btn.bg-white {font-size:18px;
	padding:15px 40px!important;
	margin-top:20px;
	color:#333;
	}
	
.auth-main .btn.bg-white:hover {box-shadow:0 0 10px rgba(255,255,255,0.8);
	color:#333;}
	
.auth-main .btn-primary:hover {background:color-mix(in srgb, var(--primary-color), #000 30%)!important;}
	
.auth-main img {
    width: 100% !important;
    height: 100% !important;
    max-height: 50px;
    margin-bottom: 10px;
    object-fit: contain;
}
	
.auth-main form + div > div {
    display: flex;
    align-items: center;
    margin-top: 5px !important;
}
.auth-main form + div > div > a {
    color: #333 !important;
}

/* Nachrichtenbereich =======================================================*/
	
div#news-list {
    max-width: 1300px;
}	
	
div#news-list a:not(.btn):hover {
    background: none;
    color: var(--primary-color)!important;
}
	
.news-image-container {
    padding: 0!important;
}
	
.news-image-container img {
    object-fit: cover;
    width: 100%;
    height: 300px;
}
	
.news-image-container + div {
    padding: 20px 20px 20px 40px !important;
}
	
/* Adminbereich Sonderausführungen =======================================================*/	
	
.sonderkategorie-box {
    border: 1px solid var(--third-color);
    border-radius: 5px;
    margin-bottom: 10px !important;
}

.sonderkategorie-box:first-child {
    margin-top: 20px;
}

.sonderkategorie-box > .d-flex {
    margin: 0 !important;
    padding: 10px 20px;
    background: var(--third-color);
}

.sonderkategorie-box button.btn-link {
    text-decoration: none;
    font-size: 0.9rem;
}

.sonderkategorie-box > .row {
    margin-top: 20px;
}

.sonderkategorie-box > .row > div > div {
    border-radius: 5px !important;
    background: #f9f9f9;
    border: 1px solid var(--tabellenkopf-color) !important;
}

.sonderkategorie-box i.bi.bi-pencil {
    color: var(--primary-color) !important;
}

.sonderkategorie-box i.bi.bi-trash {
    color: #666 !important;
}

.sonderkategorie-box > .row > div > div strong {
    color: var(--primary-color);
}
	
	
	
/* Media Queries =======================================================*/
	
@media all and (min-width:992px) {	
	div.main-body {
		padding: 25px 40px 40px 40px !important;
		margin: 0 0 0 300px !important;
	}

	div.bg-white {
		padding: 20px !important;
	}

	a.bg-white {
		padding: 10px 20px !important;
	}


	.dashboard .fs-6 {
		font-size: 10px !important;
	}

	aside#navbarNavDropdown {
		padding: 30px !important;
		min-width: 300px;
	}

	div.service-hotline {
		gap: 30px;
		width: 100%;
	}

	.service-hotline > div {
		width: 100%;
	}

	.service-hotline-content.right-border div.service-hoteline-number a {
		color: var(--primary-color);
		filter: brightness(1.5);
	}

	.dashboard .menu-active, 
	.dashboard a:hover,
	.lady-bg {
		border-radius: 5px!important;
	}
}	
	
@media all and (max-width:1400px) {
	.col-lg-8,
	.col-lg-8 + .col-lg-4,
	.col-lg-9,
	.col-lg-9 + .col-lg-3{
		flex:0 0 100%!important;
		width:100%!important;
	}
	
	#ungelesene-nachrichten {
        width: 100%!important;
		margin-top:0!important;
	}
	
	#admin-dashboard-view #ungelesene-nachrichten {
		margin-top:20px!important;
	}
	
	.main-body > .row > .col-lg-9, .main-body > div > .row > .col-lg-9 {padding-right:calc(var(--bs-gutter-x) * .5);}
	
	div#topnews:has(.lady-bg-vert) {
		margin-top: 30px;
	}
}	
	
@media all and (max-width:1200px) {
	
	div#zahnkreuz > div {
		width:100%;
		min-width: 650px;
	}

	div#zahnkreuz {
		max-width: 100%;
		overflow-x: scroll;
	}
	}	
	
@media all and (max-width:991px) {
	div.main-body {
		padding: 0 30px 30px !important;
	}
	
	nav.navbar.navbar-expand-lg.navbar-light > div:last-child {
		display: none !important;
	}
	
	.col-md-12 {
		padding: 0!important;
	}
	
	#app aside {
        height: calc(100% - 80px)!important;
		top:80px;
    }
	
	tr {display:flex;
		flex-direction:column;	
	}
	
	table td {padding:20px!important;}
	
	table th, table td {width:100%!important;
		min-width:100%!important;
		display:flex;
		gap:20px;}
	
	table tr td:first-child,
	table tr th:first-child{
		padding-left: 20px !important;
		padding-bottom:0!important;
	}
	
	td:not(:last-child) {
		border: none;
	}
	
	td:not(:first-child):not(:last-child) {
		padding: 5px 20px !important;
	}
	
	.table-empty,
	.table-id,
	.table-datum,
	.table-abholdatum,
	.table-preis, 
	.table-aktion,	
	.table-time,	
	.table-status {
		width: 100%;
		min-width: 100%;
	}	
	
	td[data-menue]:not([data-menue=""]):not([data-menue="Aktion"])::before {
		content: attr(data-menue);
        display: inline-block;
        font-weight: 600;
        width: 150px;
		min-width:150px;
	}	
	
	
	div.dt-container.dt-empty-footer tbody > tr:last-child > * {
		border-bottom: none!important;
	}
	
	table td.table-aktion > div {
		background: rgba(0, 0, 0, 0.05);
		padding: 10px !important;
		border-radius: 5px;
		margin-top: 20px;
	}
	
	#dashboard-latest-invoices td:before {display:none;}
	
	#dashboard-latest-invoices > div {
		padding:20px!important;
		min-height:unset!important;
	}
	
	td > div {
		width:calc(100% - 160px);
		display:inline-block;
	}
	
	
	colgroup {
		display: none;
	}
	
	thead,
	.table-empty{display:none;}
	
	#zahnkreuz .row {margin:0;}
	
	#ungelesene-nachrichten .notification-card {
		padding: 20px;
	}
	
	.message-content {
		width: 90%;
	}
	
	
	.order-info > button {
		position: static;
	}
	
	.order-info p {
	    padding-right: 0;}
	
	.order-info > button {
		margin-top: 20px;
		width: 100%;
	}
	
	#ungelesene-nachrichten {margin-top:20px!important;}
	
	 .dashboard a {
        padding: 10px;
    }
	
	#zahnkreuz > div > div > div:nth-child(2) .number:nth-child(n+10) {
		display: none;
	}

	#zahnkreuz > div > div > div:nth-child(4) .number:nth-child(-n+9) {
		display: none;
	}

	#zahnkreuz > div > div > div:nth-child(4) .number:nth-child(n+10) {
		display: block !important;
	}
	
	#zahnkreuz > div > div > div:nth-child(2) .number:first-child {
		display: block !important;
	}

	#zahnkreuz > div > div > div:nth-child(4) .number:last-child {
		display: none !important;
	}
	
	#zahnkreuz > div > div > div:nth-child(2),
	#zahnkreuz > div > div > div:nth-child(4){
		padding: 0;
		margin-bottom: 10px;
	}
	
	#zahnkreuz > div > div > div:nth-child(4) .number:nth-child(10) {
		width: 60px !important;
		min-width: 60px !important;
	}
}	
	
@media all and (max-width:768px) {
	.news-image-container + div {
		padding: 0 !important;
	}
}