html {
	background: transparent!important;
}

body {
	margin: 1em auto;
	max-width: 60em;
	font-family: sans-serif;
	color: #333333;
}

h1, main, main svg {
	border-radius: 0 .5rem .5rem;
	border: 1px solid;
	padding: 1rem;
	margin: 1rem;
}

h1 {
	background: #F1F3F4 url("") 10px 5px no-repeat;
	border-color: #d5d5d5;
	font-size: 100%;
	padding-top: 60px;
}

main {
	display: block;     /* für IE */
	background: #F1F3F4;
	border-color: #d5d5d5;
	min-height: 25em;
}

#hinweis {                    /* für Container */
	padding: 1em;
	margin: 2em auto;
	min-width: 20em;
	height: auto;
	background-color: #f1f3f4;
	border-left: 5px solid #c32e04;
}

.hinweis {                    /* für Textzeile */
	color: #c32e04;
	font-style: italic;
	border-bottom: 1px dotted;
	display:inline-block;
}

@media(min-width: 320px) {
	h1 {
		font-size: 120%;
	}
}

@media(min-width: 400px) {
	h1 {
		font-size: 100%;
		padding-left: 200px;
		padding-top: 1rem;
	}
}

@media(min-width: 480px) {
	h1 {
		font-size: 110%;
		padding-left: 200px;
		padding-top: 1rem;
	}
}

@media(min-width: 560px) {
	h1 {
		font-size: 120%;
	}
}

@media(min-width: 640px) {
	h1 {
		font-size: 140%;
	}
}

@media(min-width: 720px) {
	h1 {
		font-size: 200%;
	}
}
footer {
	border-radius: 0 .5rem .5rem;
	border: 1px solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	padding: 1rem;
	margin: 1rem;
	background:#F1F3F4;
	border-color:#d5d5d5;
}