body
	{
	font-family: sans-serif;
	background-color: #BEBEBE; /*Grau*/
	}

a
	{
	color: #000; /*Schwarz*/
	}

a:visited
	{
	color: #F00; /*Rot*/
	}

a:hover,
a:active,
a:focus
	{
	color: #FF6A00; /*Orange*/
	}

.inhalt /* Flex-Container*/
	{
	max-width: 60rem;
	background-color: #DCDCDC; /*Mittelgrau*/
	margin: 2rem auto;
	border-radius: 0.7rem;
	box-shadow: #FF6A00 0 0 0.7rem; /*Orange*/
	display: flex;
	flex-wrap: wrap;
	}

header
	{
	width: 100%;
	}

.uebertitel
	{
	font-size: 2rem;
	font-weight: bold;
	font-variant: small-caps;
	color: #FF6A00; /*Orange*/
	text-align: center;
	line-height: 0rem; 
	}
	
.untertitel
	{
	font-size: 1.5rem;
	font-weight: bold;
	font-variant: small-caps;
	color: #FF6A00; /*Orange*/
	text-align: center;
	line-height: 0rem;
	}

main
	{
	width: 100%;
	}

details
	{
	border: solid 0.1rem #FF6A00; /*Orange*/
	border-radius: 1rem;
	padding: 0.5rem;
	margin: 1rem;
	background-color: #F5F5F5; /*Hellgrau*/
	}

summary
	{
	text-align: center;
	display: block;
	text-decoration: underline;
	}

img
	{
	float: left;
	margin-right: 0.5rem;
	max-width: 100%;
	height: auto;
	}

.zitat
	{
	font-style: italic;
	}

.zitatquelle
	{
	font-variant: small-caps;
	}

footer
	{
	width: 100%;
	text-align: center;
	}

.webdesign
	{
	font-variant: small-caps;
	}