/* custom-bulma-colors.css */
:root {
	--color-link-doku: hsl(233, 100%, 20%);
	--link-30: hsl(233, 100%, 30%); /* Bulma "has-text-link-30" */
}

/* Beispielanwendung der benutzerdefinierten Farbe für Links */
a.link-doku {
	color: var(--color-link-doku);
}

/* custom-bulma-colors.css */
:root {
	/* Definieren Sie die benutzerdefinierte Farbe */
	--color-background-doku: hsl(210, 100%, 45%);
	--color-background-doku2: hsl(210, 100%, 98%);
}

/* Erstellen Sie eine Klasse, die die benutzerdefinierte Farbe als Hintergrundfarbe anwendet */
.has-background-doku {
	background-color: var(--color-background-doku) !important;
}

/* Erstellen Sie eine Klasse, die die benutzerdefinierte Farbe als Hintergrundfarbe anwendet */
.has-background-link-98 {
	background-color: var(--color-background-doku2) !important;
}

.title {
	font-weight: var(--bulma-weight-semibold);
}

.is-link {
	background-color: hsl(217, 71%, 53%);
}

textarea, input {
	color: var(--link-30) !important; /* root def */
	font-size: 1.25rem !important; /* Bulma "is-size-5" */
}

input[type="date"] {
	color: var(--link-30) !important;
}

select.input {
	color: var(--link-30);
}

body .select select:not([multiple]) {
	font-size: 1.25em;
	padding-top: 0em;
	padding-bottom: 0;
	height: 2.15em;
}