:root {
	--hintergrund: #fff;
	--text: #000;
	--akzent:  #333;
}
body {
	margin: 0px;
	font-family: 'Lato', 'Open Sans', 'Arial';
}
article {
	margin: 10%;
	border: 1px solid var(--akzent);
}

nav > details > ul {
	list-style: none;
}
nav > details > summary {
	margin: 5px;
	padding: 3px;
	border: 1px solid var(--akzent);
}
nav > details > ul > li > a > span {
	font-size: small;
	padding-left: 20px;
}

div.item {
	padding-top: 10px;
	padding-bottom: 10px;
}
h1 {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
	top: 0px;
	background-color: var(--akzent);
	color: #fff;
}
h1:before {
	content:"Aktualisiert: 7.4.2023";
	display: block;
	color: var(--hintergrund);
	text-transform: uppercase;
	font-size: xx-small;
}
h2 {
	background-color: var(--akzent);
	padding: 5px;
	padding-left: 10px;
	margin: 0px;
	color: var(--hintergrund);
	border: 1px solid var(--akzent);
	clear: both;
}
h2:before {
	content:"Handzeichnung-Symbolsammlung - pur";
	display: block;
	color: var(--hintergrund);
	text-transform: uppercase;
	font-size: xx-small;
}
h2 > span {
	font-size: small;
}
h3 {
	background-color: var(--akzent);
	padding: 5px;
	padding-left: 10px;
	margin: 0px;
	color: var(--hintergrund);
	border: 1px solid var(--akzent);
	clear: both;
}
h3.licence:before {
	content:"Weiternutzen";
	display: block;
	color: var(--hintergrund);
	text-transform: uppercase;
	font-size: xx-small;
}
img {
	margin: 10px;
	padding: 10px;
}
p.tags:before {
	content:"Schlagworte";
	display: block;
	color: var(--akzent);
	text-transform: uppercase;
	font-size: xx-small;
}
p.file:before {
	content:"Datei";
	display: block;
	color: var(--akzent);
	text-transform: uppercase;
	font-size: xx-small;	
}

p.code {
	display: none;	
}

a {
	padding:2px;
}
a:link {
	color: var(--text);
}
a:visited {
	color: var(--text);
}
a:hover {
	color: var(--hintergrund);
	background: var(--akzent);
}
a.noHover{
    background: var(--hintergrund);
}
textarea {
	font-family: monospace;
	resize: none;
	width: 70%;
}
footer {
	text-align: center;
	padding:  50px;
}