@charset "utf-8";

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12pt;
	text-align:left;
	background-color:white;
}

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; }


nav {
    list-style-type: none;
    text-align:left;
    z-index:-1;
    font-family: Helvetica, Arial, sans-serif;
}

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

nav * { display:none; }
nav header { display:block; }
nav header * { display:block; }

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



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 {
    text-align:left;
    font-size:90%;
    z-index:-1;
}

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

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


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%; }


@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);
}