:root {
	--passepartout: #7b644a;
	--gold: #cfb53b;
	--gold-licht: color-mix(in srgb, var(--gold) 60%, white);
	--gold-halblicht: color-mix(in srgb, var(--gold) 80%, white);
	--gold-halbschatten: color-mix(in srgb, var(--gold) 80%, black);
	--gold-schatten: color-mix(in srgb, var(--gold) 60%, black);
}
.rahmen {
	max-width: 768px;
	border-top: 6px solid var(--gold-schatten);
	border-left: 6px solid var(--gold-licht);
	border-bottom: 6px solid var(--gold-halbschatten);
	border-right: 6px solid var(--gold-halblicht);
	outline: 18px solid #4b382b;
	background-color: var(--passepartout);
	color: #3a4d53;
	text-align: center;
	padding: 64px;
	padding-right: 70px;
	margin: 48px auto;
	box-shadow: -4px 4px 10px 18px #777777;
	position: relative;
}
.bild {
	width: 100%;
	border-top: 4px solid color-mix(in srgb, var(--passepartout) 60%, black);
	border-left: 4px solid color-mix(in srgb, var(--passepartout) 60%, white);
	border-right: 4px solid color-mix(in srgb, var(--passepartout) 80%, black);
	border-bottom: 4px solid color-mix(in srgb, var(--passepartout) 80%, white);
}
.credit {
	max-width: 256px;
	margin: auto;
	margin-bottom: 36px;
	padding: 12px;
	text-shadow: 1px -1px var(--gold-halbschatten), -1px 1px var(--gold-halblicht);
	text-align: center;
	box-shadow: -4px 4px 10px #777777;
	background-image: linear-gradient(to top right, var(--gold-halbschatten), var(--gold), var(--gold-licht));
	border-bottom: 4px solid var(--gold-schatten);
	border-right: 4px solid var(--gold-licht);
	border-left: 4px solid var(--gold-halbschatten);
	border-top: 4px solid var(--gold-halblicht);
	position: relative;
}
.credit p {
	font-size: 16pt;
	margin: 8px;
}
.links {
	display: flex;
	justify-content: space-evenly;
}
.links a {

	text-decoration: none;
}
.links a:link, .links a:visited {
	color: var(--gold-schatten);
}
.links a:hover, .links a:active {
	color: var(--gold-licht);
}