/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Allgemeine Angaben */
html {
	font-size: 16px;
	font-size: 100%;
}
* {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
body {
	line-height:1.3;
	word-wrap:break-word;	
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
	transition: all .5s ease-in;	
}
h1, h2, h3, h4 {
	font-style: normal;
}
h1 {
	padding: 0em 0em 0.5em 0em;
}
h2 {
	padding: 0.75em 0em 0.25em 0em;
}
h3 {
	padding: 0.75em 0em 0.25em 0em;
}
h4 {
	padding: 0.75em 0em 0.15em 0em;
}
p {
	padding: 0.5em 0em 0.5em 0em;
}
em {
	font-style:italic;
}
strong {
	font-weight: 600;
}
.klein11 {
	font-size: 0.6875em;
}
.klein12 {
	font-size: 0.75em;
}
.klein14 {
	font-size: 0.875em;
}
.grossbuchstaben {
	text-transform: uppercase;
}
hr {
	display: inline-block;
	height: 0px;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(255,255,255,0.40);
	border-left: 0px;
	border-right: 0px;
	background-color: rgba(255,255,255,0.00);
	margin: 0.5em 0em 0.25em 0em;
}
img {border: 0;}
figure {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0em 0em 1.33em 0em;
	padding: 0em 0em 0em 0em;
	line-height: 0;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}
figure:before, figure:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 12px;
	left: 10px;
	width: 50%;
	height: 20%;
	-webkit-box-shadow: 0 15px 12px rgba(0,0,0,0.4);
	box-shadow: 0 15px 12px rgba(0,0,0,0.4);
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
figure:after {
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	right: 10px;
	left: auto;
}
figure img {
	position: relative;
	z-index: 2;
}
figcaption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2222;
	width: 100%;
	text-align: center;
	color: #fff;
	line-height: 1;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.75);
	font-size: 12px;
	font-size: 0.75em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: rgba(0,0,0,0.5);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.bild-100 {
	width: 100%;
	height: auto;
	line-height: 1;
}
.bild-links {
	float: left;
	margin: 0em 2em 0.5em 0em;
	width: 25%;
	height: auto;
}
.bild-rechts {
	float: right;
	margin: 0em 0em 0.5em 2em;
	width: 25%;
	height: auto;
}
.bild-center {
	width: 50%;
	padding-left: 25%;
	padding-right: 25%;
	height:auto;
}
.bild-schatten {
	box-shadow: 0px 2px 12px rgba(0,0,0,0.15);
}
.abstand1 {
	float: left;
	width: 4.5em;
}
.abstand2 {
	float: left;
	width: 5.5em;
}
embed, object, video, iframe {
	max-width:100%
}
.bildlink  {
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	margin: 0em 0em 1.33em 0em;
	padding: 0em 0em 0em 0em;
	line-height: 0;
}
.bildlink:before, .bildlink:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 12px;
	left: 10px;
	width: 50%;
	height: 20%;
	-webkit-box-shadow: 0 15px 12px rgba(0,0,0,0.4);
	box-shadow: 0 15px 12px rgba(0,0,0,0.4);
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.bildlink:after {
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	right: 10px;
	left: auto;
}
.bildlink img {
	position: relative;
	z-index: 2;
}
.bildlink-text a {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2222;
	width: 100%;
	height: 100%;
	text-align: left;
	color: rgba(255,255,255,0);
	text-shadow: 1px 1px 0px rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
 	font-size: 2em;
	font-weight: 300;
	text-decoration: none;
	text-align: center;
	padding: 2em 0.5em 0em 0.5em;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
.bildlink-text a:hover {
	color: rgba(255,255,255,1);
	text-shadow: 1px 1px 0px rgba(239,127,1,1);
	background-color: rgba(239,127,1,0.80);
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
/* Tabelle */
table {
	background-color: rgba(255,255,255,0.25);
	font-size: 100%;
	margin: 1em 0em 1em 0em;
}
th {
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.21);
	font-weight: 400;
	text-align: left;
	background-color: #ef7f01;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
tr:last-child {
	border-top: 2px solid #ef7f01;
}
td {
	font-weight: 400;
	text-align: left;
	padding: 0.75em 0.5em 0.75em 0.5em;
}
tr:nth-child(odd) {
	background-color: rgba(0,0,0,0.05);
}
/* Liste */
article ul, article ol {
	margin: 0px 0% 0px 0%;
	padding: 0.5em 0% 0.5em 1em;
	text-align: left;
}
article ul ul {
	margin: 0.5em 0% 0px 0%;
	padding: 0px 0% 0px 1em;
}
article ul li {
	list-style-type: none;
	margin-bottom: 0.5em;
}
article li li {
	font-size: 0.875em;
}
article li li:last-child {
	margin-bottom: 0.5em;
}
article li:before {
	content: '\f111';
	font-family: "FontAwesome";
	font-size: 0.5em;
	font-weight: normal;
	margin: 0.25em 1em 0px -2.33em;
	padding: 0.25em;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	float: left;
}
article li li:before {
	content: '\f192';
	font-family: "FontAwesome";
	font-size: 0.5em;
	font-weight: normal;
	margin: 0.25em 1em 0px -2.33em;
	padding: 0.25em;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	float: left;
}
.haken ul {
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 1.3em;
	text-align: left;
}
.haken ul ul {
	margin: 0.5 0% 0px 0%;
	padding: 0px 0% 0px 1em;
}
.haken li {
	list-style-type: none;
	margin-bottom: 0.5em;
}
.haken li li {
	margin-top: 0.5em;
	font-size: 14px; font-size: 0.875rem;
}
.haken li li:last-child {
	margin-bottom: 0.5em;
}
.haken li:before {
	content: '\f00c';
	font-family: "FontAwesome";
	font-size: 0.875em;
	font-weight: normal;
	margin: 0px 0.7em 0px -1.3em;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
}
.haken li li:before {
	content: '\f058';
	font-family: "FontAwesome";
	font-size: 0.875em;
	font-weight: normal;
	margin: 0px 0.7em 0px -1.3em;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
}
article ol li {
	list-style-type: decimal;
	margin-bottom: 0.5em;
	margin-left: -0.25em;
}
article ol li:before {
	list-style-type: circle;
	content: '';
	margin: 0px 0em 0px 0em;
	padding: 0px 0em 0px 0em;
}
/* Buttons und Links */
nav ul {
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
}
nav li {
	list-style: none;
}
main a {
	display:inline-block;
	width: auto;
	height: auto;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
main a:hover {
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
article a[href^="mailto"]:before { 
	content: '\f003';
	font-family: "FontAwesome";
	vertical-align: baseline;
	font-size: 0.875em;
	text-decoration: none;
	padding-right: 0.3em;
  	display: inline-block;
}

article a[href$=".pdf"]:before, article a[href$=".doc"]:before, article a[href$=".docx"]:before { 
	content: '\f1c1';
	font-family: "FontAwesome";
	vertical-align: baseline;
	font-size: 0.875em;
	text-decoration: none;
	padding-right: 0.3em;
  	display: inline-block;
}
article a[href$=".doc"]:before, article a[href$=".docx"]:before { 
	content: '\f1c2';
}
article a[href$=".xls"]:before, article a[href$=".xlsx"]:before { 
	content: '\f1c3';
}
.mobil-schnellwahl a[target*="blank"]:after {
	content: '';
	display: none;
}
.button a, .button1 a {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0.33em 0.66em 0.33em 0.66em;
	margin: 0em 0.5em 0.5em 0em;
	line-height: 1.1;
	text-decoration: none;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.button a:hover, .button1 a:hover {
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
.button2 a {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0.33em 0.66em 0.33em 0.66em;
	margin: 0em 0.5em 0.5em 0em;
	line-height: 1.1;
	text-decoration: none;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.button2 a:hover {
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
.button-top a {
	position: fixed;
	right: 1%;
	bottom: 4%;
	display:block;
	width: auto;
	height: auto;
	padding: 0.05em 0.43em 0.15em 0.43em;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	background-color: rgba(0,0,0,0.15);
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
	z-index: 9998;
	font-family: "FontAwesome";
	text-align:center;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	-o-border-radius: 50px;
	border-radius: 50px;
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
}
.button-top a:hover {
	background-color: rgba(0,0,0,0.4);
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	transition: all .1s ease-in;	
	-webkit-transition: scale(1.15);
	-moz-transition: scale(1.15);
	-o-transition: scale(1.15);
	transform: scale(1.15);
}
/* Formulare */
form {
	float:left;
	padding: 0.5em 0em 1.5em 0em;
}
input,textarea,select,option {
	width: 100%;
	font-size: 16px;
	font-size: 1em;
	padding: 0.25em 0.25em 0.25em 0.25em;
	margin: 0em 0em 0.5em 0em;	
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
select {
	padding: 0em;
}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus, option:hover, option:focus {
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
input[type="submit"] {
	float: left;
	width:auto;	
	font-size: 100%;
	text-transform:none;
	padding: 0.33em 0.66em 0.33em 0.66em;
	margin: 0em 0.5em 0em 0em;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
input[type="submit"]:focus , input[type="submit"]:hover {
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
/* Spalten */
.spalte16a, .spalte16b, .spalte16c, .spalte16d, .spalte16e, .spalte16f,
.spalte25a, .spalte25b, .spalte25c, .spalte25d,
.spalte33a, .spalte33b, .spalte33c,
.spalte50a, .spalte50b, 
.spalte66a, .spalte66b,
.spalte75a, .spalte75b,
.spalte100 {
	float:left;
	height:auto;
}
.spalte16a, .spalte16b, .spalte16c, .spalte16d, .spalte16e, .spalte16f {
	width: 14.58333333333333%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte16f {
	margin: 0% 0% 0% 0%;
}
.spalte25a, .spalte25b, .spalte25c, .spalte25d {
	width: 23.125%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte25d {
	margin: 0% 0% 0% 0%;
}
.spalte33a, .spalte33b, .spalte33c {
	width: 31.66666666666667%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte33c  {
	margin: 0% 0% 0% 0%;
}
.spalte50a, .spalte50b {
	width: 48.75%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte50b {
	margin: 0% 0% 0% 0%;	
}
.spalte66a, .spalte66b {
	width: 65.8333333333334%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte66b {
	margin: 0% 0% 0% 0%;	
}
.spalte75a, .spalte75b {
	width: 74.375%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte75b {
	margin: 0% 0% 0% 0%;	
}
.spalte100 {
	width: 100%;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
@media only screen and (max-width: 900px) and (min-width: 520px) { /* Tablet */
html {
	font-size: 100%;	
}
table {
	font-size: 75%;
}
.spalte16a, .spalte16b, .spalte16c, .spalte16d, .spalte16e, .spalte16f {
	width: 31.66666666666667%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte16c, .spalte16f {
	margin: 0% 0% 0% 0%;
}
.spalte25a, .spalte25b, .spalte25c, .spalte25d {
	width: 48.75%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte25b, .spalte25d {
	margin: 0% 0% 0% 0%;	
}
.spalte75a, .spalte75b {
	width: 48.75%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte75b {
	margin: 0% 0% 0% 0%;	
}
}

@media only screen and (max-width: 520px) { /* Smartphone */

html {
	font-size: 100%;
}
table {
	font-size: 75%;
}
.spalte16a, .spalte16b, .spalte16c, .spalte16d, .spalte16e, .spalte16f {
	width: 48.75%;
	margin: 0% 2.5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte16b, .spalte16d, .spalte16f {
	margin: 0% 0% 0% 0%;
}
.spalte25a, .spalte25b, .spalte25c, .spalte25d,
.spalte33a, .spalte33b, .spalte33c,
.spalte50a, .spalte50b, 
.spalte66a, .spalte66b,
.spalte75a, .spalte75b,
.spalte100 {
	width: 100%;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
}
.spalte33 {
	float: left;
	width: 33.33333333333333%;
	height: auto;
	margin: 1em 0% 1em 0%;
	padding: 0% 0.2em 0% 0.2em;
}
.spalte33 img {
	border: 1px solid #ef7f01;
}