@font-face {
    font-family: 'KingthingsTrypewriter2Regular';
    src: url('/fonts/Kingthings-Trypewriter-fontfacekit/Kingthings_Trypewriter_2-webfont.eot');
    src: url('/fonts/Kingthings-Trypewriter-fontfacekit/Kingthings_Trypewriter_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Kingthings-Trypewriter-fontfacekit/Kingthings_Trypewriter_2-webfont.woff') format('woff'),
         url('/fonts/Kingthings-Trypewriter-fontfacekit/Kingthings_Trypewriter_2-webfont.ttf') format('truetype'),
         url('/fonts/Kingthings-Trypewriter-fontfacekit/Kingthings_Trypewriter_2-webfont.svg#KingthingsTrypewriter2Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ImpactLabelRegular';
    src: url('/fonts/Impact-Label-fontfacekit/Impact_Label-webfont.eot');
    src: url('/fonts/Impact-Label-fontfacekit/Impact_Label-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Impact-Label-fontfacekit/Impact_Label-webfont.woff') format('woff'),
         url('/fonts/Impact-Label-fontfacekit/Impact_Label-webfont.ttf') format('truetype'),
         url('/fonts/Impact-Label-fontfacekit/Impact_Label-webfont.svg#ImpactLabelRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ImpactLabelReversedRegular';
    src: url('/fonts/Impact-Label-fontfacekit/Impact_Label_Reversed-webfont.eot');
    src: url('/fonts/Impact-Label-fontfacekit/Impact_Label_Reversed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Impact-Label-fontfacekit/Impact_Label_Reversed-webfont.woff') format('woff'),
         url('/fonts/Impact-Label-fontfacekit/Impact_Label_Reversed-webfont.ttf') format('truetype'),
         url('/fonts/Impact-Label-fontfacekit/Impact_Label_Reversed-webfont.svg#ImpactLabelReversedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	background: url(../img/IMG_0157_snap_min.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;

font-family: "KingthingsTrypewriter2Regular", Arial, sans-serif;
font-size: 28px;
line-height: 50px;
color: #000000;
font-weight: normal;
font-style: normal;
text-decoration: none;


}

#hintergrund {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}

#content {
position: relative;
top: 150px;
left: 0;
z-index: 2;
overflow: auto;
padding: 50px;
max-width: 400px;
font-size: 20px;
line-height: 1.5;
background-color: rgba(202, 149, 105, 0.5);
}

#headline {
position: fixed;
margin: 0px;
width: 100%;
z-index: 3;
overflow: auto;
font-size: 68px;
line-height: 75px;
font-family: "ImpactLabelRegular", Arial, sans-serif;
padding: 50px 0 0 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: "ImpactLabelRegular", Arial, sans-serif;
margin: 20px 0 auto;
}

a {
    color: #000;
}

a:hover {
    color: #fff;
}