:root {
	--akzentfarbe: rgb(197, 156, 105);
	--akzentfarbe_bold: rgb(225, 206, 168);
	--akzentfarbe_dark: #a08458;
    --akzentfarbe_light: rgba(147, 120, 0, 0.3);
    --akzentfarbe_semilight: rgba(147, 81, 0, 0.8);

	--akzentfarbe-important: rgb(112, 54, 54);
	--akzentfarbe-important_semilight: rgb(172, 90, 90, 0.8);
	
	--theme-color-dark: rgb(24, 24, 32);
	--theme-color-light: rgb(65, 65, 66);
	--theme-color-lighter: rgb(106, 106, 106);

	--toolbar-background: linear-gradient(90deg, var(--theme-color-dark) 0%, var(--theme-color-light) 100%);
	--toolbar-background-revert: linear-gradient(135deg, var(--theme-color-light) 0%, var(--theme-color-dark) 100%);
	--menu-background: linear-gradient(180deg, var(--theme-color-dark) 0%, var(--theme-color-light) 100%);
	--main-background: linear-gradient(135deg, var(--theme-color-dark) 0%, var(--theme-color-light) 100%);
    
	--akzentfarbe-text: white;
	--akzent-radient: linear-gradient(90deg, var(--theme-color-light) 0%, var(--theme-color-lighter) 100%);
	--akzent-radient-important: linear-gradient(270deg, var(--akzentfarbe-important) 0%, var(--akzentfarbe-important_semilight) 100%);
	
	--akzent-radient-revert: linear-gradient(90deg, var(--theme-color-lighter) 0%, var(--theme-color-light) 100%);
	--akzent-radient-hover: linear-gradient(90deg, var(--akzentfarbe_dark) 0%, var(--akzentfarbe_bold) 100%);

	--invers: #fff;
	--contextmenu: #9fb772;
	--folderbackground: #f0f0f0;
	--filesbackground: #f8f8f8;
	--logindialogcolor: #f7efe8; /* #e9e0da; */
	--buttoncolor: #eee;
	--buttoncolorhover: white;
	--buttonback: linear-gradient(var(--akzentfarbe_light), var(--akzentfarbe_semilight));
	--buttonhover: linear-gradient(var(--akzentfarbe_semilight), var(--akzentfarbe));
	--buttondisabled: linear-gradient(#666,#555);
	--bordercolor: #ccc;
	--bordercolordark: #999;
	--bordercolorlight: #ddd;
	--disabledcolor:  rgb(115, 103, 89);
	--dropcolor: #cf6e20;
	--nodropcolor: #9e343e;
	--dropcolortext: white;
	--dropzonebackground: #f0f0f0;
	--dropzoneborder: #aaa;
	--rowcolor_odd: #ffffff;
	--rowcolor_even: #f0f0f0;
	--rowcolor-hover: #333e4bea;
	--rowcolor_sum: #fefefe;
	--headercolor: rgb(0, 84, 147);
	--recorddisabled: #999;
	--labelcolor: #888;
	--labelbackcolor: rgb(225 212 191 / 30%); /*rgba(255,255,255,0.3);*/
	--formbackcolor: #dfe1e4;

	--button-color: white;
	--button-text: black;
	--button-border: #005493;
	--button-hover: #transparent;

	--blue: #005493;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;

	--hitcolor: #dc354530;

	--cal-col-date: 65px;
	--cal-col-desc: 300px;
	--cal-col-days: 35px;
	--cal-col-const: 110px;

	--db-last-year: rgb(140, 145, 155);
	--db-current-year: rgb(97, 188, 116);
	--db-commissional: rgb(206, 142, 149);
	--db-commercial: rgb(116, 139, 187);
	--db-summary: rgb(201, 174, 105);
}

::placeholder {
	color: #ccc;
}

body, form, input, textarea, a, select, div, img, button, table, td, th {
	outline: 0 none;	/* Schaltet den Markierungsrahmen um fokusierte Eingabefeld aus */
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size: 14px;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

body {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
    overflow: auto;
}
body > div {
    display: block;
    max-width: 900px;
    margin: 50px 25%;
    padding: 30px;
    max-height: calc(100% - 50px);
    overflow: auto;
}
div.scrollable {
    display: block;
    height: auto;
    width: 100%;
    overflow: auto;
	padding: 5px;
}
h1 {
    font-size: 1.8em !important;
    font-weight: 300;
    color:#1668a7;
}
h2 {
    font-size: 1.6em !important;
    font-weight: 300;
    color:#005493;
}
h4 {
    font-size: 1.2em !important;
    font-weight: 300;
    color:#005493;
}
form {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    flex-direction: column;
}
form > div {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
    display: block;
    width: 100%;
}
p {
    font-size: 1.1em;
    font-weight: 300;
}
a {
    font-size: 1.0em;
    text-decoration: none;
    font-weight: 300;
}
p.question {
    font-size: 1.2em;
    padding-right: 20px;
}
div.group:not([condition=""]) {
    display: none;
    border-top: none;
    margin-top: 0px;
}