:root {
	--background: 240, 240, 240;
	--main: 255, 255, 255;
	--primary: 9, 26, 57;
	--secondary: 70, 195, 189;
	--tertiary: 104, 15, 38;

	--background-100: rgba(var(--background), 1);
	--main-100: rgba(var(--main), 1);
	--primary-100: rgba(var(--primary), 1);
	--secondary-100: rgba(var(--secondary), 1);
	--tertiary-100: rgba(var(--tertiary), 1);

	--main-100-js: rgba(var(--main), 1);
	--primary-100-js: rgba(var(--primary), 1);
	--secondary-100-js: rgba(var(--secondary), 1);
	--tertiary-100-js: rgba(var(--tertiary), 1);
}

body
{
	background-color: var(--background-100);
	color: var(--primary-100) !important;
	overflow-x: hidden;
}

a
{
	color: rgba(var(--secondary), .7) !important;
	text-decoration: none;
}

a:hover
{
	color: var(--secondary-100) !important;
}

.breadcrumb li
{
	color: rgba(var(--primary), .5) !important;
}

.card-content .card
{
	/* border: 1px solid rgba(var(--primary), .2); */
	border: 1px solid rgba(var(--primary), .2);
}

.col-content-header
{
	/*
	background-color: var(--main-100);
	border-bottom: 1px solid rgba(var(--primary), .1);*/
}

.col-header a
{
	color: rgba(var(--primary), .7) !important;
}

.col-header a:hover
{
	color: var(--primary-100) !important;
}

.col-navigation
{
	background-color: rgba(var(--primary), 1);
	color: var(--main-100) !important;
}

.col-navigation a
{
	color: rgba(var(--main), .5) !important;
	text-decoration: none;
}

.col-navigation .project
{
	text-transform: uppercase;
	/* border-bottom: 1px solid rgba(var(--main), 0.35); */
}

.col-navigation .nav-menu a:hover
{
	color: var(--main-100) !important;
	background-color: rgba(var(--main), .3);
	border-radius: 10px;
	transition: color .5s linear, background-color .5s linear;
}

.col-navigation .nav-icon
{
	color: rgba(var(--main), .3) !important;
}

.col-navigation .nav-menu a:hover .nav-icon
{
	color: var(--secondary-100) !important;
	transition: color .6s linear;
}

.col-navigation .nav-menu .nav-active
{
	color: var(--main-100) !important;
	background-color: rgba(var(--main), .3);
	border-radius: 10px;
}

.col-navigation .nav-menu .nav-active .nav-icon
{
	color: var(--secondary-100) !important;
}

.col-navigation .nav .nav-title
{
	text-transform: uppercase;
	letter-spacing: 1px;
}

.color-primary 
{
	color: rgba(var(--primary), 1) !important;
}

.color-secondary 
{
	color: rgba(var(--secondary), 1) !important;
}

.color-tertiary 
{
	color: rgba(var(--tertiary), 1) !important;
}

.card-database .row {
	border-bottom: 1px solid rgba(var(--primary), .1); /* Default border for all children */
	padding-bottom: 10px; /* Optional: for visual purposes */
}

.card-database .row:last-child {
	border-bottom: none; /* Remove border for the last child */
	padding-bottom: 0px;
}

.activity-primary
{
	background-color: rgba(var(--primary), 1) !important;
	color: #FFF;
}

.activity-secondary
{
	background-color: rgba(var(--secondary), 1) !important;
	color: #FFF;
}

.activity-tertiary
{
	background-color: rgba(var(--tertiary), 1) !important;
	color: #FFF;
}

.p-datepicker-day-view, .p-datepicker-time-picker span
{
	font-family: inherit !important;
	font-size: 10pt !important;
}

.data-table-no-header thead
{
	display: none;
}

.calendar-reserved .p-datepicker-day
{
	background-color: rgba(var(--secondary), .3);
}

.calendar-reserved .p-datepicker-day-selected
{
	background-color: rgba(var(--secondary), 1);
}

.hideArrowDatatable button, .hideArrowDatatable button:hover
{
	background-color: transparent !important;
	color: transparent !important;
	cursor: auto;
}

.task-sub-datatable th
{
	background-color: rgba(var(--primary), .1) !important;
}

.task-sub-datatable td
{
	background-color: rgba(var(--primary), .03) !important;
}

.button-font button 
{
	font-size: 12px !important;
	font-weight: bold;
}

.cursor-normal 
{
	cursor: auto;
}

.task-accordion .task-panel:nth-child(2n) button:not(.show-contrast) {
	background-color: transparent !important;
}

.task-accordion .task-panel:nth-child(2n) {
	background-color: rgba(var(--primary), 0.05) !important;
}
.task-accordion .task-panel:nth-child(2n+1) {
	background-color: rgba(var(--primary), 0) !important;
}

/* Standardzustand des Buttons */
.p-togglebutton.p-togglebutton-checked
{
	background-color: rgba(var(--primary), 1) !important;
	color: #fff !important;
}

.p-togglebutton.p-togglebutton-checked::before
{
	background-color: rgba(var(--primary), 1) !important;
}

.p-togglebutton.p-togglebutton-checked .p-togglebutton-icon
{
	color: #fff !important;
}

.preview-place
{
	font-size: 10pt !important;
	background-color: rgba(var(--primary), .95) !important;
	color: #fff;
}