body
{
	font-family: sans-serif;
	font-size-adjust: 0.5;
	color: #333333;
}

code
{
	font-family: Hack, monospace;
	font-size-adjust: 0.542;
	font-size: 14px;
}

.appicon
{
	position: relative;
	left: 80%;
	box-shadow: 0px 0px 20px #888;
	width: 64px;
	height:	64px;
}

.chapter
{
	page-break-inside: avoid;
}

.code
{
	border: 1px solid #ddd;
	border-left: 3px solid #0091dc;
	border-right: 3px solid #0091dc;
	color: #222;
	page-break-inside: avoid;
	font-family: Hack, monospace;
	font-size: 14px;
	font-size-adjust: 0.542;
	max-width: 100%;
	overflow: auto;
	padding-left: 28px;
	padding-right: 28px;
	display: block;
	white-space: pre-wrap;
	word-wrap: break-word;
	background: url("punchhole.svg") left repeat-y,url("punchhole.svg") right repeat-y, linear-gradient(to bottom, #ecf4fb 50%, #dcebf6 50%);
	background-size: 1.5em 3em, 1.5em 3em, 100px 3em;
	background-position: left, right, top left;
	line-height: 1.5em;
}

.warning
{
	/*border: 1px solid #ddd;
	border-left: 3px solid #f22;
	border-right: 3px solid #f22;*/
	page-break-inside: avoid;
	max-width: 100%;
	overflow: auto;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	word-wrap: break-word;
	background: #ffd600;
	background-image: url(warnung.svg);
	background-repeat: no-repeat;
	background-size: 1em 1em;
    background-position: -1.5em;
	background-origin: content-box, content-box;
}

h3
{
	/* border-top: 1px solid #bbb; */
	padding-top: 1em;
}