body {
	--color-bg-h:208;
	--color-bg-s:37%;
	--color-bg-l:92%;
	--color-text:black;

	--color-link:darkblue;
	
	
	
	
	--color-shadow-perc:50%;
	--color-white-perc:25%;
	
	/*gedacht ist, dass man nur bis hierhin eingibt, der Rest rechnet sich selbst*/
	
	--color-bg: hsl(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l));
	--color-bg-tl:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),0.5);
	--color-shadow-l: calc(var(--color-bg-l) - var(--color-shadow-perc));
	--color-shadow: hsl(var(--color-bg-h),var(--color-bg-s),var(--color-shadow-l));
	
	--color-white-l: calc(var(--color-bg-l) + var(--color-white-perc));
	--color-white: hsl(var(--color-bg-h),var(--color-bg-s),var(--color-white-l));
    
	--color-important:hsl(0,100%,calc(50% + calc(var(--dark-dir) * 20%)));
	
	/* Berechnung der Text-Farbe (weiß bei dunklem Hintergrund, schwarz...*/
    --contrastThreshold: 60%;
	--switch: calc((var(--color-bg-l) - var(--contrastThreshold)) * -100);
	--color-text: hsl(0, 0%, var(--switch));
	
	--color-button-bg: var(--color-bg);
	
	--color-kopf-bg: var(--color-bg);
	
	--color-menu-bg: var(--color-bg);
	/*--color-menu-hover: #BABECC;*/
	--text-l:				calc(50% + calc(var(--dark-dir) * 25%));
	--color-eingabe: 		hsl(calc(var(--color-bg-h) + 150), 100%, var(--text-l));/*#39ac39;*/
	--color-eingabe-hover:	hsl(calc(var(--color-bg-h) + 150), 100%, calc(var(--text-l) + 20%));/*#206020;*/
	--color-ausgabe: 		hsl(calc(var(--color-bg-h) + 210), 100%, var(--text-l));/*#4da6ff;*/
	--color-ausgabe-hover: 	hsl(calc(var(--color-bg-h) + 210), 100%, calc(var(--text-l) + 20%));/*#0073e6;*/
	
	--color-h1:var(--color-eingabe);
	--color-h2:var(--color-ausgabe);
	--color-h3:var(--color-text);
	
	--color-ueberschrift:var(--color-eingabe);
	--color-summe:var(--color-eingabe);
	
	--color-link:var(--color-ausgabe);
	
	--color-haus:  #d9d9d9;
	--color-top: #a6a6a6;
	
	--color-error: #ff4d4d;
	--color-ok: #00b300;
	
	--color-checkbox: #a9a9a9;
	--color-checkbox-checked: var(--color-shadow);/* dunkelgrau #4d4d4d*/
    --color-bg-checkbox: var(--color-white);
    --color-input:var(--color-text);
	--color-input-bg: var(--color-bg);
	--color-input-bg-hover: lightblue;
	--color-input-active: linear-gradient(15deg,transparent,var(--color-white),var(--color-important));
	

	
	font-family:"Open Sans";
	margin:0;
	text-align : left;
	font-size:100%;
	background-color:var(--color-bg);
	color:var(--color-text);
	
	th:not(page *):not(.pivot *){color:var(--color-ueberschrift)}
	.pivot th,.pivot td{color:var(--color-ueberschrift)}
	.pivot td:not([hidden])~td:not([hidden]),.pivot th:not([hidden])~th:not([hidden]){color:var(--color-text)}
	
	.Summenzeile:not(page *){color:var(--color-summe)}
}