/* 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;
}
/* hind-300 - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/hind-v16-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/hind-v16-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* hind-regular - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/hind-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/hind-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* hind-600 - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/hind-v16-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/hind-v16-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* hind-700 - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/hind-v16-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/hind-v16-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* 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;
	line-height: 1.1;
}
h3 {
	padding: 0.75em 0em 0em 0em;
	line-height: 1.1;
}
h4 {
	padding: 0.75em 0em 0.15em 0em;
}
/* Cookie Banner */
#cookiedingsbums a {color:#fff; }
#cookiedingsbums a:hover {color: #fff;}
#cookiedingsbums div {padding:10px; padding-right:40px;}
#cookiedingsbums { 
   text-align:right; 
   background: #41adee; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;
   color: #fff;
}
#cookiedingsbumsCloser {
   color: #41adee;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   top: 5px;
   cursor:pointer;
   padding:4px;
   background: #fff;
}
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;
}
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-100-polaroid {
	width: 100%;
	height: auto;
	line-height: 1;
	padding: 0.5em;
	border: 1px solid #dfdfdf;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 1em;
}
.bild-links {
	float: left;
	margin: 0em 2em 0.5em 0em;
	width: 33%;
	height: auto;
}
.bild-rechts {
	float: right;
	margin: 0em 0em 0.5em 2em;
	width: 33%;
	height: auto;
}
.bild-center {
	width: 50%;
	padding-left: 25%;
	padding-right: 25%;
	height:auto;
}
.abstand1 {
	float: left;
	width: 4em;
}
.abstand2 {
	float: left;
	width: 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: 3em 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(0,0,0,0.7);
	background-color: rgba(0,0,0,0.5);
	-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: #fff;
	font-size: 100%;
}
th {
	color: #fff;
	font-weight: 400;
	text-align: left;
	background-color: #333;
	padding: 5px 8px 5px 8px;
}
td {
	color: #000;
	font-weight: 400;
	text-align: left;
	padding: 3px 8px 3px 8px;
}
tr:nth-child(odd) {
	background-color: #f3f3f3;
}
/* 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[target*="blank"]:before {
	content: '\f08e';
	font-family: "FontAwesome";
	vertical-align: baseline;
	font-size: 0.75em;
	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, .button2 a {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0.75em 0.66em 0.6em 0.66em;
	margin: 0em 0.5em 0em 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, .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;
}
::-webkit-input-placeholder { color: rgba(0,0,0,0.25); font-style: italic; }
::-moz-placeholder { color: rgba(0,0,0,0.25); font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { color: rgba(0,0,0,0.25); font-style: italic; } /* ie */
input:-moz-placeholder { color: rgba(0,0,0,0.25); font-style: italic; }
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%;
}
/* SPALTEN DESKTOP WEIT */
.spalte-w16a, .spalte-w16b, .spalte-w16c, .spalte-w16d, .spalte-w16e, .spalte-w16f,
.spalte-w25a, .spalte-w25b, .spalte-w25c, .spalte-w25d,
.spalte-w33a, .spalte-w33b, .spalte-w33c,
.spalte-w50a, .spalte-w50b, 
.spalte-w66a, .spalte-w66b,
.spalte-w75a, .spalte-w75b,
.spalte-w100 {
	float:left;
	height:auto;
}
.spalte-w16a, .spalte-w16b, .spalte-w16c, .spalte-w16d, .spalte-w16e, .spalte-w16f {
	width: 11.66666666666667%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w16f {
	margin: 0% 0% 0% 0%;
}
.spalte-w25a, .spalte-w25b, .spalte-w25c, .spalte-w25d {
	width: 20.5%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w25d {
	margin: 0% 0% 0% 0%;
}
.spalte-w33a, .spalte-w33b, .spalte-w33c {
	width: 29.33333333333333%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w33c  {
	margin: 0% 0% 0% 0%;
}
.spalte-w50a, .spalte-w50b {
	width: 47%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w50b {
	margin: 0% 0% 0% 0%;	
}
.spalte-w66a, .spalte-w66b {
	width: 64.6666666666666%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w66b {
	margin: 0% 0% 0% 0%;	
}
.spalte-w75a, .spalte-w75b {
	width: 73.5%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w75b {
	margin: 0% 0% 0% 0%;	
}
.spalte-w100 {
	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%;	
}
.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%;	
}

.spalte-w16a, .spalte-w16b, .spalte-w16c, .spalte-w16d, .spalte-w16e, .spalte-w16f {
	width: 29.33333333333333%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w16c, .spalte-w16f {
	margin: 0% 0% 0% 0%;
}
.spalte-w25a, .spalte-w25b, .spalte-w25c, .spalte-w25d {
	width: 47%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w25b, .spalte-w25d {
	margin: 0% 0% 0% 0%;	
}
.spalte-w75a, .spalte-w75b {
	width: 47%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w75b {
	margin: 0% 0% 0% 0%;	
}
}

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

html {
	font-size: 100%;
}
.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%;
}.spalte-w16a, .spalte-w16b, .spalte-w16c, .spalte-w16d, .spalte-w16e, .spalte-w16f {
	width: 47%;
	margin: 0% 6% 0% 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-w16b, .spalte-w16d, .spalte-w16f {
	margin: 0% 0% 0% 0%;
}
.spalte25a, .spalte25b, .spalte25c, .spalte25d,
.spalte33a, .spalte33b, .spalte33c,
.spalte50a, .spalte50b, 
.spalte66a, .spalte66b,
.spalte75a, .spalte75b,

.spalte-w25a, .spalte-w25b, .spalte-w25c, .spalte-w25d,
.spalte-w33a, .spalte-w33b, .spalte-w33c,
.spalte-w50a, .spalte-w50b, 
.spalte-w66a, .spalte-w66b,
.spalte-w75a, .spalte-w75b,
.spalte-w100 {
	width: 100%;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
}



/* Allgemeine Angaben */
body {
	font-family: 'Hind', sans-serif;
	font-weight: 400; 
	color:#000;
	background-color: #fff;	
}
input,textarea,select,option {
	font-family: 'Hind', sans-serif;
	font-weight: 400;
}
/* Textformatierung */
h1 {
	font-size: 2em;
	color: #999;
	font-weight: 300;
	text-transform: uppercase;
}
h2 {
	font-size: 1.125em;
	color: #41aeef;
	font-weight: 600;
}
h3 {
	font-size: 1em;
	color: #41aeef;
	font-weight: 700;
}
article li:before, article li li:before,
.haken li:before, .haken li li:before {
	color: #41aeef;
}
.symbole-bvg {
	display: inline;
	width: 1em;
	height: 1em;
	margin: 0em 0em -2px 0em;
	padding: 0em 0em 0em 0em;
}
/* Buttons und Links */
main a {
	color: #000;
}
main a:hover {
	color: #41aeef;
}
.button a {
	color: #fff !important;
	border: 2px solid #41aeef;
	background-color: #41aeef;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.button a:hover {
	color: #41aeef !important;
	border: 2px solid #41aeef;
	background: #fff;
}
.button2 a {
	float: left;
	display: block;
	color: #fff !important;
	border: 2px solid #41aeef;
	background-color: #41aeef;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.button2 a:hover {
	color: #41aeef;
	border: 2px solid #41aeef;
	background: #fff;
}
/* Formulare */
input,textarea,select,option {
	color:#000;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
	font-weight: 400;
	background-color: #f2f2f2;
	border: 2px solid #f2f2f2;
}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus, option:hover, option:focus {
	color: #41aeef;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
	background-color: #fff;
	border: 2px solid #41aeef;
}
input[type="submit"] {
	color: #fff !important;
	text-shadow: 1px 1px 0px #41aeef;
	border: 2px solid #41aeef;
	background-color: #41aeef;
	font-weight: 600;
	text-transform: uppercase;
}
input[type="submit"]:focus , input[type="submit"]:hover {
	color: #41aeef !important;
	text-shadow: 1px 1px 0px #fff;
	border: 2px solid #41aeef;
	background: #fff;
}
.hinweis2 {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding: 20px;
	color: #fff;
	margin: 0px 0px 30px 0px;
	background-color: #c03142;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #fff;
}
.hinweis2 h2 {
	color: #fff;
}
.hinweis2 a {
	color: #fff;
}
.hinweis2 a:hover {
	color: #000;
}

@media only screen and (min-width: 900px) { /* Dektop */	
html {
	font-size: 100%;
}
.hinweis {
	position: absolute;
	z-index: 9998;
	width: 30%;
	height: auto;
	padding: 1% 1.5% 1% 1.5%;
	color: #fff;
	margin: 17% 35% 0% 35%;
	background-color: #41aeef;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 80px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 80px rgba(0,0,0,0.4);
}
.hinweis h2 {
	color: #fff;
}
.error {
	float: right;
	width: auto;
	height: auto;
	padding: 1% 1.5% 1% 1.5%;
	color: #fff;
	margin: 0.5em 0% 0em 0.25em;
	background-color: #41aeef;
	font-size: 3.5em;
}
body {
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	background-color: #f0f0f0;
}
#seite {
	width: 100%;
	height: auto;
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
	background-color: #fff;
	position: absolute;
}
header {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
}
#logo a {
	position: relative;
	z-index: 8883;
	left: 0px;
	top: 0px;
	display: block;
	width: 37.66666666666667%;
	height: 0px;
	margin: 0em 0% 0em 0%;
	padding: 33% 0% 0em 0%;
	background-image: url(grafiken/logo-desktop.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.mobil-schnellwahl {
	position: absolute;
	z-index: 8883;
	left: 0%;
	top: 0%;
	display: block;
	width: 37.66666666666667%;
	height: 3em;
	margin: 33% 0% 0em 0%;
	padding: 0em 0% 0em 0%;
	text-align:center;
}
.mobil-schnellwahl a:nth-child(2) {
	display: none;
}
.mobil-schnellwahl a {
	display: inline-block;
	width:auto;
	height:auto;
	margin: 0px 1.5% 0px 1.5%;
	padding: 0px 0% 0px 0%;
	color: #41adee;
	border: 1px solid #41adee;	
	-webkit-border-radius: 100px; 
	-moz-border-radius: 100px; 
	-o-border-radius: 100px;
	border-radius: 100px;
	-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;
}
.mobil-schnellwahl a:hover {
	color: #fff;
	border: 1px solid #41adee;
	background-color: #41adee;	
	-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;
}
.mobil-schnellwahl .fa {
	width: 28px;
	height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0.25em 0.25em 0.25em 0.25em;
	font-size: 24px;	 
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	
}
.mobil-schnellwahl .fa-home {
	padding: 0.27em 0.25em 0.23em 0.25em;
}
.mobil-schnellwahl .fa-phone {
	padding: 0.35em 0.25em 0.15em 0.25em;
}
.mobil-schnellwahl .fa-mobile {
	padding: 0.30em 0.25em 0.20em 0.25em;
}
.mobil-schnellwahl .fa-envelope {
	font-size: 18px;
	padding: 0.54em 0.33em 0.12em 0.33em;
}
.mobil-schnellwahl .fa-map-marker {
	padding: 0.32em 0.25em 0.18em 0.25em;
}
.mobil-schnellwahl .fa-facebook {
	padding: 0.35em 0.25em 0.15em 0.25em;
}
#slider {
	position: relative;
	z-index: 8880;
	left: 33.33333333333333%;
	top: 0px;
	width: 66.66666666666667%;
	height: 44.5%;
	margin: -33% 0% 0em 0%;
	padding: 4.5em 0% 0em 0%;
}
#slider-mobil {
	display: none;
}
.nav-0-oeffnen a, .nav-0-schliessen a {
	display: none;			
}
nav {
	position: absolute;
	z-index: 8882;
	left: 37.66666666666667%;
	top: 0px;
	width: 62.33333333333334%;
	height:auto;
	margin: 0px 0% 0px 0%;
	padding: 0em 0% 0em 0%;
}
nav a {
	display:block;
	float:left;
	height:auto;
	width: 20%;
	margin: 0px 0em 0px 0%;
	padding: 1.70em 0em 1.5em 0em;
	color: #000;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	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;
}
nav a:hover {
	color: #000;
	background-color: #f7f7f7;
	-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;
}
main {
	position: relative;
	z-index: 8885;
	left: 0px;
	top: 4em;
	width: 100%;
	height:auto;
	margin: 0% 0% 0px 0%;
	padding: 2em 5% 2em 5%;
}
.spalte-content {
	float:left;
	height:auto;
	width: 58%;
	margin: 0% 5% 4em 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-kontakt {
	float:left;
	height:auto;
	width: 37%;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	padding: 0;
	border: 1px solid #dfdfdf;
	padding-bottom: 1em;
}
.spalte-kontakt h3, .spalte-kontakt p, .spalte-kontakt .button {
	padding-left: 1em;
	padding-right: 1em;
}
footer {
	position: relative;
	float: left;
	z-index: 8884;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	margin: 4em 0% 0px 0%;
	padding: 4em 15% 8em 15%;
	background-color: #41aeef;
	background-image: url(grafiken/hg-footer.gif);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.footer-copyright {
	float:left;
	width: 100%;
	height:auto;
	margin: 2em 0% 2em 0%;
	padding: 1em 0% 0px 0%;
	font-size: 14px; font-size: 0.875em;
	text-align: center;
	color: rgba(255,255,255,1);
	border-top: 1px solid rgba(255,255,255,0.33);
}
.footer-nav {
	float:left;
	width: 100%;
	height:auto;
	margin: 0px 0% 0px 0%;
	padding: 2em 0% 0px 0%;
	text-align: center;
}
.footer-nav a {
	display: inline-block;
	height:auto;
	width: auto;
	margin: 0px 0.5em 0px 0%;
	padding: 0.5em 1em 0.5em 1em;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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;
}
.footer-nav a:hover {
	color: #fff;
	text-shadow: 1px 1px 0px #41aeef;
	background-color: rgba(255,255,255,0.25);
	-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;
}
}

@media only screen and (max-width: 900px) and (min-width: 520px) { /* Tablet */
.hinweis {
	position: absolute;
	z-index: 9998;
	width: 50%;
	height: auto;
	padding: 1% 1.5% 1% 1.5%;
	color: #fff;
	margin: 17% 25% 0% 25%;
	background-color: #41aeef;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 80px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 80px rgba(0,0,0,0.4);
}
.hinweis h2 {
	color: #fff;
}
.error {
	float: right;
	width: auto;
	height: auto;
	padding: 1% 1.5% 1% 1.5%;
	color: #fff;
	margin: 0.5em 0% 0em 0.25em;
	background-color: #41aeef;
	font-size: 3.5em;
}

.nav-0-oeffnen a {
	display:block;
	position: absolute;
	z-index: 9998;
	right: 5%;
	top: 10px;
	width: auto;
	height:auto;
	margin: 0px 0% 0px 0%;
	padding: 0em 0.2em;
	font-size: 2em;
	color: #000;
	text-decoration: none;
	transform: scaleX(1.33);
	background-color: #fff;
}
.nav-0-schliessen a {
	display:block;
	float:right;
	width: 100%;
	height:auto;
	margin: 10px 0% 2em 0%;
	padding: 0px 0% 0px 0%;
	font-size: 20px;
	color: #000;
	text-decoration: none;
	text-align: right;
}
.nav-0-schliessen a:hover {
	color: #41adee;
	background-color: #fff;
}
nav {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 0px;
	right: 5%;
	width: 200px;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 2% 5% 5% 5%;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
nav a {
	display:block;
	float:left;
	height:auto;
	width: 100%;
	margin: 0px 0em 0px 0%;
	padding: 0.75em 0em 0.75em 0em;
	color: #000;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
	font-weight: 600;
	text-align: center;
	border-bottom: 1px dashed #ccc;
	text-transform: uppercase;
	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;
}
nav a:hover {
	color: #000;
	background-color: #f7f7f7;
	-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;
}
nav a:nth-child(1), nav a:nth-child(6) {
	border-bottom: 0;
}
body {
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	background-color: #f0f0f0;
}
#seite {
	width: 100%;
	height: auto;
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
	background-color: #fff;
	position: absolute;
}
header {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
}
#logo a {
	position: relative;
	z-index: 8883;
	left: 0px;
	top: 0px;
	display: block;
	width: 37.66666666666667%;
	height: 0px;
	margin: 0em 0% 0em 0%;
	padding: 33% 0% 0em 0%;
	background-image: url(grafiken/logo-desktop.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.mobil-schnellwahl {
	position: absolute;
	z-index: 8883;
	left: 37.66666666666667%;
	top: 0%;
	display: block;
	width: 13em;
	height: 3em;
	margin: 0.5em 0% 0em 0%;
	padding: 0em 0% 0em 0%;
	text-align:center;
}
.mobil-schnellwahl a {
	display: inline-block;
	width:auto;
	height:auto;
	margin: 0px 1.5% 0px 1.5%;
	padding: 0px 0% 0px 0%;
	color: #41adee;
	border: 1px solid #41adee;	
	-webkit-border-radius: 100px; 
	-moz-border-radius: 100px; 
	-o-border-radius: 100px;
	border-radius: 100px;
	-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;
}
.mobil-schnellwahl a:hover {
	color: #fff;
	border: 1px solid #41adee;
	background-color: #41adee;	
	-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;
}
.mobil-schnellwahl .fa {
	width: 28px;
	height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0.25em 0.25em 0.25em 0.25em;
	font-size: 24px;	 
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	
}
.mobil-schnellwahl .fa-home {
	padding: 0.27em 0.25em 0.23em 0.25em;
}
.mobil-schnellwahl .fa-phone {
	padding: 0.35em 0.25em 0.15em 0.25em;
}
.mobil-schnellwahl .fa-mobile {
	padding: 0.30em 0.25em 0.20em 0.25em;
}
.mobil-schnellwahl .fa-envelope {
	font-size: 18px;
	padding: 0.54em 0.33em 0.12em 0.33em;
}
.mobil-schnellwahl .fa-map-marker {
	padding: 0.32em 0.25em 0.18em 0.25em;
}
.mobil-schnellwahl .fa-facebook {
	padding: 0.35em 0.25em 0.15em 0.25em;
}
#slider {
	position: relative;
	z-index: 8880;
	left: 33.33333333333333%;
	top: 0px;
	width: 66.66666666666667%;
	height: 44.5%;
	margin: -33% 0% 0em 0%;
	padding: 3.5em 0% 0em 0%;
}
#slider-mobil {
	display: none;
}
main {
	position: relative;
	z-index: 8885;
	left: 0px;
	top: 2em;
	width: 100%;
	height:auto;
	margin: 0% 0% 0px 0%;
	padding: 2em 5% 2em 5%;
}
.spalte-content {
	float:left;
	height:auto;
	width: 100%;
	margin: 0% 0% 2em 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-kontakt {
	float:left;
	height:auto;
	width: 100%;
	margin: 0% 0% 2em 0%;
	padding: 0% 0% 0% 0%;
	border: 1px solid #dfdfdf;
	padding-bottom: 1em;
}
.spalte-kontakt h3, .spalte-kontakt p, .spalte-kontakt .button {
	padding-left: 1em;
	padding-right: 1em;
}
footer {
	position: relative;
	float: left;
	z-index: 8884;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	margin: 4em 0% 0px 0%;
	padding: 4em 5% 8em 5%;
	background-color: #41aeef;
	background-image: url(grafiken/hg-footer.gif);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.footer-copyright {
	float:left;
	width: 100%;
	height:auto;
	margin: 2em 0% 2em 0%;
	padding: 1em 0% 0px 0%;
	font-size: 14px; font-size: 0.875em;
	text-align: center;
	color: rgba(255,255,255,1);
	border-top: 1px solid rgba(255,255,255,0.33);
}
.footer-nav {
	float:left;
	width: 100%;
	height:auto;
	margin: 0px 0% 0px 0%;
	padding: 2em 0% 0px 0%;
	text-align: center;
}
.footer-nav a {
	display: inline-block;
	height:auto;
	width: auto;
	margin: 0px 0em 0px 0%;
	padding: 0.5em 1em 0.5em 1em;
	color: #fff;
	font-size: 0.875em;
	text-transform: uppercase;
	text-decoration: none;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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;
}
.footer-nav a:hover {
	color: #fff;
	text-shadow: 1px 1px 0px #41aeef;
	background-color: rgba(255,255,255,0.25);
	-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;
}
}

@media only screen and (max-width: 520px) { /* Smartphone */
h1 {
	font-size: 1.5em;
	text-align: center;
}

.hinweis {
	position: absolute;
	z-index: 9998;
	width: 80%;
	height: auto;
	padding: 1% 3% 1% 3%;
	color: #fff;
	margin: 55% 10% 0% 10%;
	background-color: #41aeef;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 80px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 80px rgba(0,0,0,0.4);
}
.hinweis h2 {
	color: #fff;
}
.error {
	float: right;
	width: auto;
	height: auto;
	padding: 1% 1.5% 1% 1.5%;
	color: #fff;
	margin: 0.5em 0% 0em 0.25em;
	background-color: #41aeef;
	font-size: 3.5em;
}


.nav-0-oeffnen a {
	display:block;
	position: fixed;
	z-index: 9998;
	right: 5%;
	top: 10px;
	width: auto;
	height:auto;
	margin: 0px 0% 0px 0%;
	padding: 0em 0.2em;
	font-size: 2em;
	color: #fff;
	text-decoration: none;
	transform: scaleX(1.33);
}
.nav-0-schliessen a {
	display:block;
	float:right;
	width: 100%;
	height:auto;
	margin: 10px 0% 2em 0%;
	padding: 0px 0% 0px 0%;
	font-size: 20px;
	color: #000;
	text-decoration: none;
	text-align: right;
}
.nav-0-schliessen a:hover {
	color: #41adee;
	background-color: #fff;
}
nav {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0px;
	right: 5%;
	width: 200px;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 2% 5% 5% 5%;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
nav a {
	display:block;
	float:left;
	height:auto;
	width: 100%;
	margin: 0px 0em 0px 0%;
	padding: 0.75em 0em 0.75em 0em;
	color: #000;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
	font-weight: 600;
	text-align: center;
	border-bottom: 1px dashed #ccc;
	text-transform: uppercase;
	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;
}
nav a:hover {
	color: #000;
	background-color: #f7f7f7;
	-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;
}
nav a:nth-child(1), nav a:nth-child(6) {
	border-bottom: 0;
}
body {
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	background-color: #41adee;
}
#seite {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
}
header {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
}
#logo a {
	float: left;
	left: 0px;
	top: 0px;
	display: block;
	width: 100%;
	height: 0px;
	margin: 3.5em 0% 0em 0%;
	padding: 42.88888888888889% 0% 0em 0%;
	background-image: url(grafiken/logo-smartphone.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.mobil-schnellwahl {
	position: fixed;
	z-index: 9997;
	left: 0%;
	top: 0%;
	display: block;
	width: 100%;
	height: 3.5em;
	margin: 0em 0% 0em 0%;
	padding: 0.5em 5% 0.5em 5%;
	text-align: left;
	background-color: #41adee;
}
.mobil-schnellwahl a {
	display: inline-block;
	width:auto;
	height:auto;
	margin: 0px 1.5% 0px 1.5%;
	padding: 0px 0% 0px 0%;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	-webkit-border-radius: 100px; 
	-moz-border-radius: 100px; 
	-o-border-radius: 100px;
	border-radius: 100px;
	-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;
}
.mobil-schnellwahl .fa {
	width: 28px;
	height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0.25em 0.25em 0.25em 0.25em;
	font-size: 24px;	 
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	
}
.mobil-schnellwahl .fa-home {
	padding: 0.27em 0.25em 0.23em 0.25em;
}
.mobil-schnellwahl .fa-phone {
	padding: 0.35em 0.25em 0.15em 0.25em;
}
.mobil-schnellwahl .fa-mobile {
	padding: 0.30em 0.25em 0.20em 0.25em;
}
.mobil-schnellwahl .fa-envelope {
	font-size: 18px;
	padding: 0.54em 0.33em 0.12em 0.33em;
}
.mobil-schnellwahl .fa-map-marker {
	padding: 0.32em 0.25em 0.18em 0.25em;
}
.mobil-schnellwahl .fa-facebook {
	padding: 0.35em 0.25em 0.15em 0.25em;
}
#slider {
	display: none;
}
#slider-mobil {
	display: block;
	float: left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0px 0%;
	padding: 0% 0% 0px 0%;
}
main {
	float: left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0px 0%;
	padding: 1em 5% 2em 5%;
	background-color: #fff;
}
.spalte-content {
	float:left;
	height:auto;
	width: 100%;
	margin: 0% 0% 2em 0%;
	padding: 0% 0% 0% 0%;
}
.spalte-kontakt {
	float:left;
	height:auto;
	width: 100%;
	margin: 0% 0% 0em 0%;
	padding: 0% 0% 0% 0%;
	border: 1px solid #dfdfdf;
	padding-bottom: 1em;
}
.spalte-kontakt h3, .spalte-kontakt p, .spalte-kontakt .button {
	padding-left: 1em;
	padding-right: 1em;
}
footer {
	position: relative;
	float: left;
	z-index: 8884;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	margin: 0em 0% 0px 0%;
	padding: 2em 5% 4em 5%;
	background-color: #41aeef;
	background-image: url(grafiken/hg-footer.gif);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.footer-copyright {
	float:left;
	width: 100%;
	height:auto;
	margin: 2em 0% 2em 0%;
	padding: 1em 0% 0px 0%;
	font-size: 14px; font-size: 0.875em;
	text-align: center;
	color: rgba(255,255,255,1);
	border-top: 1px solid rgba(255,255,255,0.33);
}
.footer-nav {
	float:left;
	width: 100%;
	height:auto;
	margin: 0px 0% 0px 0%;
	padding: 2em 0% 0px 0%;
	text-align: center;
}
.footer-nav a {
	display: inline-block;
	height:auto;
	width: auto;
	margin: 0px 0em 0.5em 0%;
	padding: 0.5em 1em 0.5em 1em;
	color: #fff;
	font-size: 0.875em;
	text-transform: uppercase;
	text-decoration: none;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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;
}
.footer-nav a:hover {
	color: #fff;
	text-shadow: 1px 1px 0px #41aeef;
	background-color: rgba(255,255,255,0.25);
	-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;
}
}

@media only screen and (min-width: 1050px) { /* Dektop gross */	
#seite {
	width: 90%;
	margin: 0px 5% 0px 5%;
}
}

@media only screen and (min-width: 1200px) { /* Dektop gross 2 */	
#seite {
	width: 75%;
	margin: 0px 12.5% 0px 12.5%;
}
}

@media only screen and (min-width: 1400px) { /* Dektop gross 3 */	
#seite {
	width: 70%;
	margin: 0px 15% 0px 15%;
}
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/
.slider {
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
}
.bx-wrapper {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	*zoom: 1;
	background-color: #fff;
}

.bx-wrapper img {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
		
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 40px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(bxmehrfachslider/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* Punkte */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	color: #fff;
	padding: 0em 0em 1em 1em;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: rgba(255,255,255,0.50);
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: rgba(255,255,255,0.75);
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(bxmehrfachslider/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(bxmehrfachslider/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 8888;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
	margin-right: 1em;
	margin-bottom: 1em;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(bxmehrfachslider/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(bxmehrfachslider/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #41aeef;
	display: block;
	font-size: 1em;
	padding: 0em 2em 0em 2em;
	text-align: right;
}
@media only screen and (max-width: 900px) and (min-width: 520px) { /* Tablet */
.bx-wrapper .bx-caption span {
	color: #41aeef;
	display: block;
	font-size: 0.75em;
	padding: 0em 1em 0em 1em;
	text-align: right;
}
}
@media only screen and (max-width: 520px) { /* Smartphone */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #41aeef;
	text-shadow: 1px 1px 0px #fff;
	font-weight: 600;
	display: block;
	font-size: 1em;
	padding: 0.33em 1em 0.33em 1em;
	text-align: center;
}
}