html, body {
	font-family: Helvetica, Arial, sans-serif;
	background: white;
	color: black;
	margin: 20px;
	padding: 0;
}

h1 {
	font-size: 40px;
	font-weight: normal;
	margin: 0;
}

p {
	font-family: "Times New Roman", Times, serif;
	font-size: 50px;
	margin: 20px 0 0 0;
}

a {
	color: black;
	text-decoration: underline;
}

img {
	width: 100%;
	height: auto;
	max-width: 820px;
	margin-top: 50px;
}

cite {
	font-style: italic;
}

.wrapper {
	width: 90%;
}

.hero {
	max-width: 1000px;
}

.namen,
.exhibitions {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* 1lh = Zeilenhöhe des Elternelements (16px-Grundschrift). Hält die
   Namenszeilen auf dem Raster, das die frühere <br />-Struktur hatte,
   auch wenn .namen selbst kleiner gesetzt ist (Querformat: 15px). */
.namen {
	line-height: 1lh;
}

.exhibitions {
	font-size: 14pt;
}

/* Ersetzt die frühere Leerzeile (<br /><br />) zwischen den Einträgen:
   1lh = exakt eine Zeilenhöhe; der em-Wert ist Fallback für alte Browser. */
.exhibitions li + li {
	margin-top: 1.15em;
	margin-top: 1lh;
}

.link {
	font-size: 30px;
}

.link a {
	text-decoration: none;
}

@media (orientation: landscape) {
	.wrapper {
		width: 50%;
	}

	p {
		font-size: 30px;
	}

	.link {
		font-size: 18px;
	}

	.namen {
		font-size: 15px;
	}
}