/* Schriften, Arial Black gibts auf W7 nicht... */
@font-face {
	font-family: 'Arial Black'; font-style: normal; font-weight: normal;
	src: local('Arial Black'),
		url('arial_blackregular.woff') format('woff'),
		url('arial_blackregular.ttf') format('truetype'),
		url('arial_blackregular.svg#arial_blackregular') format('svg');
}



/*RAL 3001 #ba0515 #b01 */



/* Tags */
html { background-color: #fff; }
body { max-width: 960px; margin: 0 auto; padding: 0 5%;
	font-family: 'Arial',sans-serif; font-size: 12pt; font-size: 2vw;
	color: #300; }
h1 { font-size: 175%; clear: both; }
h2 { font-size: 125%; clear: both; letter-spacing: 0.1vw; }
h3 { font-size: 100%; clear: both; margin-top: 6ex; padding: 0.25ex 0; border-bottom: 1px dotted #b01; }
p, li, th, td, dd, blockquote { hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; }
dt { font-weight: bold; }
table { font-size: 100%; }
img { border: none; }
dfn { cursor: help; }
code { white-space: pre; font-family: monospace; font-size: 80%; line-height: 200%; }
sup { font-size: 70%; }
caption { font-size: 70%; caption-side: bottom; margin-top: 0.5ex; }
textarea { max-width: 100%; }
/* Pseudo */
::selection { color: #800; background: #ff8; }
::-moz-selection { color: #800; background: #ff8; }
/* Links */
a:link { color: #00c; }
a:visited { color: #008; }
a:focus, a:hover, a:active { color: #00f; }
a[href^="tel"] { color: inherit; text-decoration: none; }
a img:hover { opacity: 0.85; }

details { padding: 1ex 0; }
details summary { cursor: pointer; color: #b01; text-decoration: underline; }
details summary::marker { color: #300; text-decoration: none; }


/* Titel */
.title { margin-top: 6ex; color: rgba(0, 0, 0, 0); background-image: url("FFE-960.png");
	background-size: 100% auto; background-repeat: no-repeat; }
.title:before { content: ""; float: left; padding-bottom: 56%; }
.title:after { content: ""; display: table; clear: both; }
.title a { text-decoration: none; color: inherit; }
/* Menü und Überschriften */
.menu, .page h2 { color: #b01; font-family: 'Arial Black'; font-weight: normal;
	border-bottom: 1px solid #b01; }
.menu { position: fixed; top: 0; left: 0; width: 100%; height: 5ex; line-height: 5ex;
	text-align: center; font-family: 'Arial Black'; font-weight: normal;
	z-index: 99; margin: 0; padding: 1ex 0; box-shadow: 0 0 2ex 2ex #fff; }
.menu ul { max-width: 960px; margin: 0 auto; padding: 0; height: 100%; }
.menu li { display: inline-block; width: 24%; line-height: normal; vertical-align: bottom; }
.menu li a { text-decoration: none; }
/* Abschnitte */
.page { margin-top: 12ex; clear: both; min-height: 40ex; }
.page ul { padding: 0 2em; }
.page li { padding: 1ex 0; }
.page dt { padding: 1ex 1em 0 0; float: left; }
.page dd { padding: 1ex 1em 0; margin: 0; }
.page dd + dd { padding: 0 1em 0; }

.foot { font-size: 70%; }

.floatright { float: right; text-align: center; margin: 0 0 1ex 2em; max-width: 25%; }
.grad { background-image: linear-gradient(to top, #fff 0%, #eef 100%); }
.grad2 { background-image: linear-gradient(to bottom, #fff 0%, #eef 100%); }
.pdf { list-style-image: url(pdf.png); }
.achtung { font-size: 80%; color: #b01; }
#Captcha { display: none; }














/* Druck */
@media print {
	body { margin: 0; color: #000; }
	h3, .page { page-break-before: always; padding-top: 8ex; }
	.menu { display: none; }
}
/* Desktop Breitbild */
@media only screen and (min-width: 960px) {
	body { font-size: 14pt; }
}
/* mobile Geräte */
@media only screen and (max-width: 960px) {
	a[href^="tel"] { color: #00c; }
}
@media only screen and (max-width: 640px) {
	body { font-size: 2.5vw; }
	.page { font-size: 3vw; }
	.form { clear: both; }
}
@media only screen and (max-width: 480px) {
	body { font-size: 3vw; }
	.page { font-size: 4vw; }


}