/* Allgemeine Angaben */
html {
	font-size: 16px;
	font-size: 100%;
}
body {
	font-family: Arial, Verdana, sans-serif;
	color:#000;
	background-color: #f3e2d2;
	line-height:1.3;
	transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;	
}
img {
	border: 0;
}
embed, object, video, iframe {
	max-width:100%
}

h1 {
	font-size: 16px;
	font-size: 1em;
	color:#000;
	padding: 0;
	margin: 0px 0px 5px 0px;
	font-weight:bold;
	font-style: normal;
	letter-spacing:1px;
}
h2 {
	width:100%;
	font-size: 16px;
	font-size: 1em;
	color:#000;
	font-weight:bold;
	font-style: normal;
	letter-spacing:1px;
}
h3 {
	font-size: 18px;
	font-size: 1.3125em;
	color:#000;
	font-weight:normal;
	font-style: normal;
}
h4 {
	font-size: 16px;
	font-size: 1em;
	color:#000;
	padding: 0;
	margin: 0px 0px 15px 0px;
	font-weight:bold;
	font-style: normal;
	letter-spacing:1px;
}
p {
	padding: 0;
	margin: 0px 0px 15px 0px;
	text-align:justify;
}
.klein {
	font-size: 14px;
	font-size: 0.875em;
}
.kleiner {
	font-size: 12px;
	font-size: 0.75em;
}
.klein-grau {
	font-size: 14px;
	font-size: 0.875em;
	color: #666;
}
.kleiner-grau {
	font-size: 12px;
	font-size: 0.75em;
	color: #666;
}
.klein-kursiv {
	font-size: 14px;
	font-size: 0.875em;
	font-style:italic;
}
.kleiner-kursiv {
	font-size: 12px;
	font-size: 0.75em;
	font-style:italic;
}
.klein-grau-kursiv {
	font-size: 14px;
	font-size: 0.875em;
	color: #666;
	font-style:italic;
}
.kleiner-grau-kursiv {
	font-size: 12px;
	font-size: 0.75em;
	color: #666;
	font-style:italic;
}
#content a {
	color: #000;	
}
#content a:hover {
	color: #006400;	
}
#button a {
	float:left;
	display:block;
	height: auto;
	width: 100%;
	padding: 1.5% 0% 1.5% 0%;
	margin: 0%  0% 0% 0%;
	background-color: #eee;
	color: #000;
	text-align:center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 1px 1px 0px #fff;
	text-decoration:none;
	letter-spacing:1px;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
}
#button a:hover {
	color: #fff;
	background-color: #666;
	text-shadow: 1px 1px 0px #333;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
}
#bildlink  {
	text-align:center;
	line-height:0;
	font-size: 16px;
	font-size: 1em;
}
#bildlink a {
	color: #000;
	text-decoration:none;
	text-align:center;
	line-height:0;
	font-size: 16px;
	font-size: 1em;
}
#bildlink a:hover {
	color: #999;
	text-decoration:none;
}
.bild-breit {
	width: 100%;
	height:auto;
}
.bild-rechts {
	float:right;
	height:auto;
	width: 10%;
	margin:0% 0% 1% 5%;
}
.bild-links {
	float:left;
	height:auto;
	width: 25%;
	margin:0% 5% 1% 0%;
}
input,textarea,select,option {
	width: 100%;
	background-color: transparent;
	border: 1px solid #aaa;
	font-family: Arial, Verdana, sans-serif;
	color:#000;
	font-size: 16px;
	font-size: 90%;
	margin: 0px 0px 10px 0px;
	padding:1%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
}
input:hover, input:focus, 
select:hover, select:focus,
textarea:hover, textarea:focus,
option:hover, option:focus {
	color: #000;
	background-color: #ececec;
	border: 1px solid #666;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
}
#link a {
	
}
#spaltentrennung {
	float: left;
	width:100%;
	height:1px;
	line-height:0;
	font-size:0px;
	background-color: #000;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 2% 0px;
	padding: 0px 0px 0px 0px;
}

@media only screen and (min-width: 900px) { /* Desktop */	
html {
	font-size: 87.5%;
	
}
body {
	margin: 0% 15% 0% 15%;
	padding: 0% 0% 0% 0%;
	background-image:url(grafiken/hg-body.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: cover;
	
}
#header-top {
	display: none; /* wenn hier statt "block" "none" steht, dann wird der Header ausgeblendet */	
	opacity: 0.8; /* regelt die Transparenz */
	position: fixed; /* "absolute" wenn der Header mitscrollen soll, sonst "fixed" */
	left:0px;
	top: 0px;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 3px 15% 3px 15%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:right;
	background-color: #ffffff;
	color: #000000;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	line-height:1;
	font-size: 11px;
}
#header-top a {
	color: #000000;
}
#header-top a:hover {
	color: #ff0000;
}
#header-top-spalte50a, #header-top-spalte50b {
	float:left;
	width: 50%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	line-height:1.3;
}
#header-top-spalte50a {
	text-align:left;
}
#header-top-spalte50b {
	text-align:right;
}
#header-bottom {
	display: block; /* wenn hier statt "block" "none" steht, dann wird der Header ausgeblendet */	
	opacity: 0.8; /* regelt die Transparenz */
	position: fixed; /* "absolute" wenn der Header mitscrollen soll, sonst "fixed" */
	left:0px;
	bottom: 0px;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 5px 15% 5px 15%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	background-color: #ffffff;
	color: #000000;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	line-height:1;
	font-size: 11px;
}
#header-bottom a {
	color: #000;
	text-decoration: none;
}
#header-bottom a:hover {
	color: #006400;
}
#content-index a {
	display:block;
	width: 100%;
	height: 90px;
	margin: 0px 0px 0px 0px;
	padding: 200px 0px 600px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image:url(grafiken/gator4-index.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: auto 380px;
}
#ankerpunkt {
	float: left;
	width: 100%;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#site {
	max-width: 1000px;
	margin: 0px auto 0;
	padding: 0% 0% 0% 0%;
}
#header {
	float:left;
	width: 100%;
	height: 0px;
	margin: 0% 0% 0% 0%;
	padding: 25px 0% 20px 5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:right;
}

#navi-mobil, #navi-0 a {
	display: none;	
		
}
#content {
	float:left;
	width:  100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 3% 0% 0px 0%;
	border: 1px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image:url(grafiken/hg-content.png);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
#logo {
	display:block;
	float:left;
	height: 75px;
	width: 200px;
	margin: 5px 0px 5px 0px;
	padding: 0% 0% 0% 25px;
}
#social-media {
	float:right;
	height: auto;
	width: 220px;
	margin: 14px 40px 0px 0%;
	padding: 0% 0% 0% 0%;
}
.social-media-button {
	float:right;
	height: 11.5%;
	width: 11.5%;
	margin: 1%;
	padding: 0% 0% 0% 0%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#content-text {
	float:left;
	width: 100%;
	height:auto;
	margin: 1.5% 0px 0% 0px;
	padding: 0% 40px 3% 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#spalte25a, #spalte25b, #spalte25c, #spalte25d {
	float:left;
	width: 21.25%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte25d {
	margin: 0% 0% 0% 0%;
}
#spalte33 {
	float:left;
	width: 30%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte33a, #spalte33b, #spalte33c {
	float:left;
	width: 30%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte33c  {
	margin: 0% 0% 0% 0%;
}
#spalte50a, #spalte50b {
	float:left;
	width: 47.5%;
	height:auto;
	margin: 0% 3% 0% 0%;
	padding: 0% 0% 0% 0%;	
}
#spalte50b {
	margin: 0% 0% 0% 0%;	
}
#spalte66 {
	float:left;
	width: 65%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte75 {
	float:left;
	width: 73.75%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 3% 0%;
}
#spalte100 {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}	
#footer {
	clear: both;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 15px 50px 20px 50px;
	border-top: 1px solid #e7e7e7;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	font-size:12px;
	color: #000;
}
#navi-desktop {
	float: left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#footer a {
	width: auto;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 3px 0% 3px;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:normal;
		
}
#footer a:hover {
	color: #ff0000;
}
}


@media only screen and (max-width: 900px) { /* Tablet */
html {
	font-size: 100%;
	
}
body {
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	background-image:url(grafiken/hg-body.jpg);
	background-repeat:no-repeat;
	background-size:cover;	
}
#header-top {
	display: none; /* wenn hier statt "block" "none" steht, dann wird der Header ausgeblendet */	
	opacity: 0.8; /* regelt die Transparenz */
	position: fixed; /* "absolute" wenn der Header mitscrollen soll, sonst "fixed" */
	left:0px;
	top: 0px;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 3px 2% 3px 2%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:right;
	background-color: #ffffff;
	color: #000000;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	line-height:1;
	font-size: 11px;
}
#header-top a {
	color: #000000;
}
#header-top a:hover {
	color: #ff0000;
}
#header-top-spalte50a, #header-top-spalte50b {
	float:left;
	width: 48%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 1% 0% 1%;
	line-height:1.3;
}
#header-top-spalte50a {
	text-align:left;
}
#header-top-spalte50b {
	text-align:right;
}
#header-bottom {
	display: block; /* wenn hier statt "block" "none" steht, dann wird der Header ausgeblendet */	
	opacity: 0.8; /* regelt die Transparenz */
	position: fixed; /* "absolute" wenn der Header mitscrollen soll, sonst "fixed" */
	left:0px;
	bottom: 0px;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 5px 15% 5px 15%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	background-color: #ffffff;
	color: #000000;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	line-height:1;
	font-size: 11px;
}
#header-bottom a {
	color: #000;
	text-decoration: none;
}
#header-bottom a:hover {
	color: #ff0000;
}
#header-index {
	width: 100%;
	height:0;
	margin: 0% 0% 0% 0%;
	padding: 21% 0% 0% 0%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#content-index {
	width: 70%;
	height: auto;
	margin: 0 auto;
	padding:  0% 0px 0px 0px;
	background-color: #ccc;
}
#logo-index a {
	display:block;
	float:left;
	width: 100%;
	height: 250px;
	margin: 0% 0px 0% 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(grafiken/gator3-index.png);
	background-repeat:no-repeat;
	background-size: contain;
}
#site {
	max-width: 1000px;
	margin: 0px auto 0;
	padding: 0% 0% 0% 0%;
}
#header {
	float:left;
	width: 94%;
	height:0px;
	margin: 0% 3% 0% 3%;
	padding: 25px 0% 20px 5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:right;
}
#logo {
	display:block;
	float:left;
	height: 75px;
	width: 200px;
	margin: 5px 0px 5px 0px;
	padding: 0% 0% 0% 25px;
}
#social-media {
	float:right;
	height: auto;
	width: 270px;
	margin: 16px 0px 0px 0%;
	padding: 0% 0% 0% 0%;
}
.social-media-button {
	float:right;
	height: 11.5%;
	width: 11.5%;
	margin: 1%;
	padding: 0% 0% 0% 0%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#navi-desktop {
	display: block;		
}
#navi-0 a {
	display:none;
	float:left;
	width: 94%;
	height:auto;
	margin: 0px 3% 10px 3%;
	padding: 2.3% 3% 2.3% 3%;
	font-size: 16px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	font-style:normal;
	text-align:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height:1;
	background-image:url(grafiken/hg-content.png);
	border: solid 1px #fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
.navi-symbol {
	float: right;
	width:20px;
	height:15px;
	border:0px;
	margin-top: 2px;
	margin-right: 0%;
}
#navi-mobil {
	display:none;
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0px 3% 20px 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#button-mobil a {
	display: none;
	float:left;
	width: 49.75%;
	text-align:center;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;
	margin:0.125% 0.125% 0.125% 0.125%;
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	background-image:url(grafiken/hg-content.png);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #fff;
}
#button-mobil a:hover {
	background-color: #fff;
}
#content {
	float:left;
	width:  94%;
	height:auto;
	margin: 0% 3% 0% 3%;
	padding: 1% 3% 2% 3%;
	border: 1px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image:url(grafiken/hg-content.png);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
#content-text {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 1.5% 0% 0px 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#spalte25a, #spalte25b, #spalte25c, #spalte25d {
	float:left;
	width: 47.5%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte25b, #spalte25d {
	margin: 0% 0% 0% 0%;
}
#spalte33 {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 5% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte33a, #spalte33b, #spalte33c {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte50a, #spalte50b {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;	
}
#spalte50b {
	margin: 0% 0% 0% 0%;	
}
#spalte66 {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte75 {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spaltentrennung {
	float: left;
	width:100%;
	height:1px;
	line-height:0;
	font-size:0px;
	background-color: #000;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 3% 0px;
	padding: 0px 0px 0px 0px;
}
#footer {
	clear: both;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 15px 70px 20px 70px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	font-size:12px;
	color: #000;
}
#footer a {
	width: auto;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 3px 0% 3px;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:normal;
		
}
#footer a:hover {
	color: #ff0000;
}
}



@media only screen and (max-width: 520px) { /* Smartphone */
html {
	font-size: 100%;
	
}
body {
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	background-image:url(grafiken/hg-body-mobil.jpg);
	background-repeat:no-repeat;
	background-size: cover;	
}
#header-top {
	display: none; /* wenn hier statt "block" "none" steht, dann wird der Header ausgeblendet */	
	opacity: 0.8; /* regelt die Transparenz */
	position: fixed; /* "absolute" wenn der Header mitscrollen soll, sonst "fixed" */
	left:0px;
	top: 0px;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 2px 3% 2px 3.5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:right;
	background-color: #ffffff;
	color: #000000;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	line-height:1;
	font-size: 11px;
}
#header-top a {
	color: #000000;
}
#header-top a:hover {
	color: #ff0000;
}
#header-top-spalte50a, #header-top-spalte50b {
	float:left;
	width: 50%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	line-height:1.3;
}
#header-top-spalte50a {
	text-align:left;
}
#header-top-spalte50b {
	text-align:right;
}
#header-bottom {
	display: block; /* wenn hier statt "block" "none" steht, dann wird der Header ausgeblendet */	
	opacity: 0.8; /* regelt die Transparenz */
	position: fixed; /* "absolute" wenn der Header mitscrollen soll, sonst "fixed" */
	left:0px;
	bottom: 0px;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 5px 15% 5px 15%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	background-color: #ffffff;
	color: #000000;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.85);
	line-height:1;
	font-size: 11px;
}
#header-bottom a {
	color: #000;
	text-decoration: none;
}
#header-bottom a:hover {
	color: #ff0000;
}
#header-index {
	width: 100%;
	height:0;
	margin: 0% 0% 0% 0%;
	padding: 40% 0% 0% 0%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#content-index {
	width: 80%;
	height: auto;
	margin: 0 auto;
	padding:  0% 0px 0px 0px;
	background-color: #ccc;
}
#logo-index a {
	display:block;
	float:left;
	width: 100%;
	height: 250px;
	margin: 0% 0px 0% 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(grafiken/gator3-index.png);
	background-repeat:no-repeat;
	background-size: contain;
}
#site {
	max-width: 1000px;
	margin: 0px auto 0;
	padding: 0% 0% 0% 0%;
}
#header {
	float:left;
	width: 94%;
	height:auto;
	margin: 0% 3% 0% 3%;
	padding: 25px 0% 15px 0%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:right;
}
#logo {
	display:block;
	float:left;
	height: auto;
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0% 0% 0% 0%;
}
#social-media {
	float:right;
	height: auto;
	width: 100%;
	margin: 0px 0px 15px 0%;
	padding: 0% 0% 0% 0%;
}
.social-media-button {
	float:right;
	height: 11.5%;
	width: 11.5%;
	margin: 1%;
	padding: 0% 0% 0% 0%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#navi-desktop {
	display: block;		
}
#navi-0 a {
	display:none;
	float:left;
	width: 94%;
	height:auto;
	margin: 0px 3% 10px 3%;
	padding: 2.3% 3% 2.3% 3%;
	font-size: 16px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	font-style:normal;
	text-align:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height:1;
	background-image:url(grafiken/hg-content.png);
	border: solid 1px #fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
.navi-symbol {
	float: right;
	width:20px;
	height:15px;
	border:0px;
	margin-top: 2px;
	margin-right: 0%;
}
#navi-mobil {
	display:none;
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0px 3% 20px 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#button-mobil a {
	display: none;
	float:left;
	width: 49.75%;
	text-align:center;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;
	margin:0.125% 0.125% 0.125% 0.125%;
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	background-image:url(grafiken/hg-content.png);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #fff;
}
#button-mobil a:hover {
	background-color: #fff;
}
#content {
	float:left;
	width:  94%;
	height:auto;
	margin: 0% 3% 0% 3%;
	padding: 1% 3% 2% 3%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image:url(grafiken/hg-content.png);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
#content-text {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 3% 3% 0px 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#spalte25a, #spalte25b, #spalte25c, #spalte25d {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte33 {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte33a, #spalte33b, #spalte33c {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte50a, #spalte50b {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;	
}
#spalte66 {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spalte75 {
	float:left;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
#spaltentrennung {
	float: left;
	width:100%;
	height:1px;
	line-height:0;
	font-size:0px;
	background-color: #000;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 5% 0px;
	padding: 0px 0px 0px 0px;
}
#footer {
	clear: both;
	width: 100%;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 15px 50px 20px 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
	font-size:12px;
	color: #000;
}
#footer a {
	width: auto;
	height:auto;
	margin: 0% 0% 0% 0%;
	padding: 0% 3px 0% 3px;
	color: #000;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:normal;
		
}
#footer a:hover {
	color: #ff0000;
}
}
@media only screen and (min-width: 1600px) { /* Dektop gross */	
html {
	font-size: 110%;	
}
}

@media only screen and (min-width: 1900px) { /* Dektop gross 2 */	
html {
	font-size: 150%;	
}
}