/* Tags */
body { color:#666; background-color: #fff;
	font-size: 12pt; font-family:Arial,sans-serif; -webkit-text-size-adjust:none;
	width: 960px; margin: 2ex auto; overflow-y: scroll; }
a { text-decoration: none; }
a:link { color: #999; }
a:visited { color: inherit; }
a:focus, a:hover, a:active { text-decoration: underline; }
a img:hover { opacity: 0.85; }

h1, h2, h3 { font-size: 120%; }
ul { max-width: 66.67%; text-align: left; text-align-last: left; padding-left: 1.5em; }
li { list-style-type: circle; }
img { border: none; }

/* Menü */
li.aktiv, li.aktiv a { color: #000; }
/* Blättern */
div.pager { position: absolute; width: 100%; text-align-last: justify; }
a.knopf { display: inline-block; padding: 0 0.5em 0.5ex;
	background-color: #888; opacity: 0.5; color: #fff; font-size: 200%; }
/* Formular */
input, textarea { margin: 4px; }
input[type=text], textarea { border: 1px dashed #888; width: 96%; }
input, textarea { font-size: inherit; }
/* Diverses */
p.pre { white-space: pre; }
dl.bio dt { float: left; clear: both; font-weight: bold; }
dl.bio dd { margin-left: 3em; }
div.legende { margin: 2ex 0; max-width: 48em; padding: 0; text-align: left; text-align-last: left; }
div.legende hr { border: none; color: transparent; margin: 1px; padding: 2px; }
/* inline Video */
div.legende iframe { max-width: 100% !important; margin: 3ex 0 -1ex; }

/* Klassen, IDs */
.fehler { color: #800; }
.erfolg { color: #080; }
.contactform { float: right; margin-left: 6em; }
#Text { resize: vertical; }
#Captcha { display: none; }

/* Körper */
.kopf { height: 18ex; }
.rumpf { min-height: 632px; padding-top: 2ex; position: relative;
	font-size: 80%; text-align: justify; }
.rumpf.WORKS, .rumpf.METABOLICA { text-align-last: justify; }
.invalid .rumpf { background: #fff url('404.png') no-repeat center top;
	background-size: contain; }
.fuss { color: #888; font-size: 80%; visibility: hidden; }

/* Stämme */
.stamm { padding: 0; margin: 0; display: inline-block; width: 25%;
	vertical-align: top; text-align: left; }
.stamm li { display: inline-block; width: 80%; white-space: nowrap; }
.stamm a { display: inline-block; height: 2.5ex; width: 100%; }

/* Äste */
.ast { padding: 0; margin: 0; display: inline-block; width: 20%;
	vertical-align: top; text-align: left; }
.ast li { display: inline-block; width: 80%; white-space: nowrap; }
.ast a { display: inline-block; height: 2.5ex; width: 100%; }

/* Bilder */
.bild img { display: block; max-width: 960px; /* width: 100%; */
	height: auto; object-fit: cover; }

/* Blätter */
.blatt { padding: 0 6em 6ex 0; display: inline-block;
	text-align: center; text-align-last: center; }

/* Drucken */
@media print {
	div.pager { display: none; }
	.contactform { display: none; }
}

/* mobile Geräte */
@media only screen and (max-width: 800px) {
	body { width: initial; padding: 1ex 1em; }
	ul { max-width: initial; }
	li.aktiv a { text-decoration: underline; }
	.kopf { height: initial; margin-bottom: 3ex; }
	.stamm { width: initial; display: block; line-height: 200%; margin-bottom: 3ex; }
	.stamm li { width: initial; padding-right: 1em; }
	.ast { width: initial; display: inline; line-height: 200%; }
	.ast li { width: initial; padding-right: 1em; }
	.rumpf { min-height: initial; }
	.blatt { padding: 0 1em 4ex 0; width: 40%; }
	.blatt img, .bild img { width: 100%; }
	.contactform { float: none; margin-left: initial; margin-bottom: 6ex; }
}
@media only screen and (max-width: 400px) {
	body { font-size: 14pt; }
}

/* Ende */