* {
	margin: 0;
	padding: 0;
}

:root {
	--c0: #000000 ;
	--c1: #001144 ;
	--c2: #ffffff ;
	--c3: #666666 ;
	--c4: #444444 ;
	--c5: #888888 ;
	--c6: #ea0006 ;
	--c7: #ffaa00 ;
	--bg0100: #000000ff;
	--bg0075: #000000aa;
}

body {
	top: 0;
	left: 0;
	background : var(--bg0100);
	font-family : sans-serif;
	background-image: url(/weltenbilder.png);
	color : var(--c7);
}

P { 
	font-size : 1.0rem;
	text-align : justify;
	line-height : 150%;
}
h1 { font-size : 2.5rem; text-align : justify; line-height : 100%; color : var(--c6);}
h2 { font-size : 2.0rem; text-align : justify; line-height : 100%; color : var(--c7);}
h3 { font-size : 1.5rem; text-align : justify; line-height : 100%; color : var(--c7);}
h4 { font-size : 1.0rem; text-align : justify; line-height : 100%; color : var(--c7);}

.c0 { color : var(--c0);}
.c1 { color : var(--c1);}
.c2 { color : var(--c2);}
.c3 { color : var(--c3);}
.c4 { color : var(--c4);}
.c5 { color : var(--c5);}
.c6 { color : var(--c6);}
.c7 { color : var(--c7);}


.n { font-weight: bold;}
.c { text-align : center;}
.l { text-align : left;}
.r { text-align : right;}

div {
	max-width: 800px;
	width: calc(100vw-2.0rem);
	background: var(--bg0075);
	margin: o;
	padding: 1.0rem;
}

A:link { color : var(--c6); text-decoration: none;}
A:visited {color : var(--c6); text-decoration: none;}
A:hover {color: var(--c1); text-decoration: none;}
A:active  {color: var(--c4); text-decoration: none;}

.actuell {font-size : 0.75rem;}