/* color and font scheme */
/*aqua*/
:root {
	--farbe_weiss: #FFFFFF;
	--farbe_schwarz: #000000;
	--farbe_ganzdunkel: rgb(0,0,128); /*ganz dunkles blau*/
	--farbe_dunkel: rgb(0,0,255); /*dunkles blau*/
	--farbe_mittel: rgb(0,128,255);
	--farbe_hell: rgb(102,204,255);
	--farbe_kontrast1: rgb(147,231,12);
	--textfarbe_H: var(--farbe_kontrast1);
	--textfarbe_p: #FFFFFF;
	--farbe_hintergrund: var(--farbe_dunkel);
	--farbe_navtext: #FFFFFF;
	--farbe_navbackground: var(--farbe_ganzdunkel);
	--farbe_links: rgb(128,0,255);
	--farbe_initiale: rgb(204,204,204);
}
rgb(0,128,128)
html, body {
	font-size: 1em;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	line-height: 1.3em;
	/*font-family: 'Source Sans Pro',Calibri, Arial, Geneva, sans-serif;*/
	background: var(--farbe_hintergrund);
    color: var(--textfarbe_p);
}

.light {
	padding:1rem;
	background: var(--textfarbe_p);
	color: var(--farbe_hintergrund);

}
.light a {
 color: var(--farbe_dunkel);
}

.medium {
	padding:1rem;
	background: var(--farbe_hintergrund);
    color: var(--textfarbe_p);
}
.dark {
	padding:1rem;
	background: var(--farbe_ganzdunkel);
    color: var(--textfarbe_p);
}

H1, H2, H3 {
	 color: var(--textfarbe_H);
	 /* other defintions see main_layout.css */
}

/*Farbe der links von blau zu Designfarben wechseln. Besuchte links "verlieren" ihre Farbe*/
a {
	color: var(--farbe_links);
}

a:visited {
	 color: var(--textfarbe_p);
}

.caution{
font-weight: bold;
color: red;
}

.cautionbox{
text-align: center;
font-weight: bold;
color: red;
border: 2px solid red;
padding: 0.4em;
margin: 2em;
}

#heading {
background: var(--farbe_ganzdunkel);
}

::-webkit-scrollbar {
    width: 1em;
}
.gallery::-webkit-scrollbar {
	height: 0.5em;
	margin-top: 4px;
}
	
.nix::-webkit-scrollbar-track {
    margin-top: 2px;
	-webkit-box-shadow: inset 0 0 6px var(--farbe_ganzdunkel);
}
 
::-webkit-scrollbar-thumb {
  background-color: var(--farbe_links);
  outline: 1px solid slategrey;
  border-radius: 3px;
}