BODY {
font-family: 'Source Sans Pro', sans-serif;
margin: 0;
padding: 0;
font-size: 16px;
background-image: url(../images/hg.jpg);
background-color: #FFFFFF;
background-repeat: no-repeat;
background-attachment:fixed;
}

H1 {
  margin: 0;
  padding: 0;
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* luckiest-guy-regular - latin */
@font-face {
  font-family: 'Luckiest Guy';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/luckiest-guy-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Luckiest Guy Regular'), local('LuckiestGuy-Regular'),
       url('../fonts/luckiest-guy-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/luckiest-guy-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/luckiest-guy-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/luckiest-guy-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/luckiest-guy-v10-latin-regular.svg#LuckiestGuy') format('svg'); /* Legacy iOS */
}


.eck {
position:Absolute;
top: 0;
left: 0;
}

.eck IMG {
width: 200px;
}

INPUT, TEXTAREA {
padding: 10px;
border: 1px solid #000000;
margin: 0 0 5px 0;
}

TD {
padding: 0 10px 0 0;
}

HR {
margin: 20px 0 20px 0;
}

.logo {
font-family: 'Luckiest Guy', cursive;
font-size: 65px;
color: #b4de5b;
text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
float: left;
margin: 20px 0 0 0;
}

.claim {
font-family: 'Luckiest Guy', cursive;
font-size: 20px;
color: #000000;
float: left;
margin: 65px 0 0 10px;
}

.clear {
clear: left;
}

.global {
width: 990px;
position: relative;
}

.content {
background:#FFFFFF;
background:rgba(255, 255, 255, 0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffFFff,endColorstr=#70FFffff);
width: 990px;
margin: 20px 0 0 0;
padding: 0;
text-align: left;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
}

.content_2 {
background:#FFFFFF;
background:rgba(255, 255, 255, 0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffFFff,endColorstr=#70FFffff);
width: 990px;
margin: 0;
padding: 0;
text-align: left;
border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;

}

.content_inhalt {
padding: 15px;
}

.content_2_inhalt {
padding: 15px 15px 15px 25px;
}

.content_tab_1 {
font-family: 'Luckiest Guy', cursive;
font-size: 45px;
float: left;
width: 200px;
padding: 0 0 0 10px;
}

.content_tab_2 {
float: left;
width: 550px;
padding: 10px 0 0 0;
}

.content_tab_3 {
font-family: 'Luckiest Guy', cursive;
font-size: 25px;
float: left;
width: 200px;
}

a {
}
a:link,
a:visited {
	color:				#000000;
	text-decoration:	none;
}

a:hover,
a:focus,
a:active {
	color:				#000000;
	text-decoration:	underline;
}

@media (max-width: 500px)
{
.global {
width: 320px;
}
.content {
width: 320px;
}
.content_2 {
width: 320px;
}
.content_tab_2 {
width: 300px;
padding: 10px 0 0 10px;
}
.content_tab_3 {
padding: 20px 0 0 10px;
}
}