/* variables */

:root {
	
	--spol-1: #274868;
	--spol-2: #c68620;
	--spol-3: #efc46a;
	
	--spol-4: #447db5;
	--spol-5: #e6e9f1;
	
	--spol-6: #596e82;
	--spol-7: #7a97b4;
	--spol-8: #b2bed1;
	
	--spol-9: #c2dbf1;
	--spol-10: #5c6269;
	
	--spol-11: #753526;
	--spol-12: #9b7269;
	
	--spol-13: #b54632;
	--spol-14: #9b8d68;
	--spol-15: #eaeaed;
	
}

/* topbar */

#topbar {
	
	background-color: var(--spol-1);
	
}

#topbar .nav-link {
	
	color: var(--spol-5);
	font-size: 12px;
	
}

#topbar .nav-link.active {
	
	color: gold;
	
}

/* CI overwrite */

.btn-primary {
	
	background-color: var(--spol-1);
	border-color: var(--spol-1);
	
}

.btn-primary:hover {
	
	background-color: var(--spol-4);
	border-color: var(--spol-4);
	
}

.btn-secondary {
	
	background-color: var(--spol-5);
	border-color: var(--spol-1);
	color: var(--spol-1);
	
}

.btn-secondary.active {
	
	background-color: var(--spol-1);
	border-color: var(--spol-1);
	color: gold;
	
}

.btn-secondary.active:hover {
	
	background-color: var(--spol-4);
	border-color: var(--spol-4);
	color: white;
	
}

a {
	
	color: var(--spol-1);
	
}

a:hover {
	
	color: var(--spol-4);
	
}

.card-header {
	
	background-color: var(--spol-4);
	color: var(--spol-5);
	
}

.nav-tabs .nav-link {
	
	color: var(--spol-4);
	
}

.form-floating textarea {
	
	min-height: 100px !important;
	
}