@charset "utf-8";

/*
   (C) Christian Gottschall 2005, 2017, 2018
*/


#einleitung a:link {
	text-decoration:underline; color:black; font-weight:normal; }
#einleitung a:visited {
	text-decoration:underline; color:black; }


/* allgemeine Attribute */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12pt;
	color:black;
	text-align:justify;
	background-color:white;
	max-width:40em;
	min-width:10em;
}

nav header {
	margin-left: 0;
	padding-top: 0;
	vertical-align: top;
	width: 14em;
	margin-top: 0;
}

nav {
	margin-left:0;
	width: 14em;
        background-color:#dadada;
	height: 100%;
}

body {
	position: absolute;
	top: 0;
	margin-top: 0;
	margin-left: 18em;
	margin-right: 2em;
}

address { font-family: Helvetica, Arial, sans-serif; font-size:10pt; }
pre { font-family: monospace,fixed,Courier; }

p { text-indent:0em; }

/* Texteingabebereich soll im Standardfall äquidistant */
textarea { font-family: monospace,fixed,Courier;font-size:12pt;width:100%; }

/* Definiendum soll fett gedruckt werden */
dt {
	font-weight:bold;
	text-align:left;
}


/* Überschriften */

h1,h2,h3,h4,h5,h6 { text-align:left;text-decoration:none;font-weight:normal;
	font-family: Helvetica, Arial, sans-serif; }

h1 { font-size:220%; }
h2 { font-size:175%; }
h3 { font-size:150%; }
h4 { font-size:140%;font-weight:bold;text-decoration:underline; }
h5 { font-size:125%;font-weight:bold;text-decoration:none; }
h6 { font-size:115%;font-weight:normal;text-decoration:underline; }


header {
    list-style-type: none;
    overflow: auto; /* Enable scrolling if the sidenav has too much content */
    color:black;
    text-align:left;
    z-index:-1;
}

nav {
    list-style-type: none;
    position: fixed; /* Make it stick, even on scroll */
    left: 0;
    overflow: auto; /* Enable scrolling if the sidenav has too much content */
    color:black;
    text-align:left;
    padding-left:1em;
    padding-right:1em;
    z-index:-1;
}

nav ol { font-size:85%; }
nav p { font-size:85%; }
nav h2 { font-size:110%; }
nav li { margin-top:0.5ex; }
main li { margin-top:0.5ex; }
main li ul { margin-top:0.5ex; margin-bottom:0.5em; }
main li ol { margin-top:0.5ex; margin-bottom:0.5em; }

dt { margin-top:0.8em; margin-bottom:0.5em; }


footer {
    position: fixed;
    bottom: 0;
    left: 0;
    text-align:left;
    padding-left:1em;
    padding-right:1em;
    font-size:90%;
    z-index:-1;
	margin-left:0;
	padding-bottom: 1em;
	width: 14em;
        background-color:#dadada;
	text-align:left;
}


.beruhigend {
	text-indent: 1cm;
	color: green;
	font-size: 110%;
}

a.beruhigend:link {color:#00c000;}
a.beruhigend:visited {color:#00c000;}
a.beruhigend:hover {font-size:120%;}

a:link { text-decoration:underline; color:#ff0000; }
a:visited { text-decoration:underline; color:#c00000; }
a:hover { text-decoration:underline; font-size:120%; }

nav ul a:link, nav ol a:link, nav p a:link { text-decoration:none; color:blue; }
nav ul a:visited, nav ol a:visited, nav p o:visited { text-decoration:none; color:blue; }
nav ul a:hover, nav ol a:hover, nav p a:hover { text-decoration:underline; color:blue; font-size:100%; }


@keyframes animiert {
	from {
		box-shadow: 0 2px 2px 0;
	}
	to {
		box-shadow: 0 8px 16px 0;
	}
}

.spendenknopf {
	padding: 5px 5px 5px 5px;
	font-size: large;
	animation-name: animiert;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.spendenknopf:hover {
	background-color: pink;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.htmlfehler {
	color: red;
	font-size: 120%;
	font-weight: normal;
	text-align: left;
}