/*blank*/

* {
margin:0;
padding:0;
box-sizing:border-box;
}

body, html {
width:100%;
height:100%;
-webkit-text-size-adjust: 100%;
}

body {
font-family: "futura-pt-condensed",sans-serif;
font-style: normal;
font-weight: 500;
font-size:15px;
}

#wrapper {
width:100%;
height:100%;
background-color:black;
}

#navigation {
width:100%;
position:fixed;
top:0;
left:0;
height:80px;
background-color:black;
z-index:3;
overflow:hidden;
}

#navigation ul {
list-style-type: none;
margin:34px 0 8px 48px;
font-size:0;
max-height:80px;
overflow:hidden;
}

#navigation ul li {
display:inline-block;
}

#navigation ul li+li {
margin-left:30px;
}

#navigation ul li a {
font-size:20px;
color:white;
text-transform:uppercase;
padding:5px;
line-height:20px;
letter-spacing:2px;
	-moz-transition: color 0.3s ease-in;
	-webkit-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
}

a {
text-decoration:none;
color:white;
}

#navigation ul li.active a {
color:#7c7c7b;
}

.bgimg {
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}

.homebg {
background-image:url("/g/homebg.jpg");
}


#footer {
width:100%;
background-color:black;
height:80px;
position:fixed;
bottom:0;
left:0;
}

#footer a {
float:right;
margin-top:38px;
display:inline-block;
color:white;
text-transform:uppercase;
margin-right:23px;
letter-spacing:2px;
font-size:20px;
line-height:20px;
margin-top:35px;
}

#footer a.active {
color:#7c7c7b;
}



#ghosthome {
position:absolute;
top:50%;
left:50%;
display:block;
width:530px;
height:326px;
-webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
/* 
background-image:url("g/ghost.png");
background-size:cover;
background-repeat:no-repeat;
 */
}

.wrapper {
width:100%;
height:100%;
min-height:600px;
}

.content {
width:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
min-height:100%;
/* padding-bottom:150px; */
background-attachment: fixed;
background-color:black;
}

.contentpos {
	display:inline-block;
	padding-top:150px;
	/* width:46.25%; */
	max-width:600px;
	padding-bottom:150px;
}


.content_about {
	background-image:url("/g/ghosts_1.jpg");
}


.content_about .contentpos {
	margin-left:24%;
	margin-right:9%;
	max-width:684px;
}

.content_about2 {
	background-image:url("/g/ghosts_2.jpg");
}

.content_about2 .contentpos {
	margin-left:9%;
	margin-right:9%;
	max-width:730px;
}

.ghost_1 {
	background-image:url("/g/ghosts_3.jpg");
	text-align:right;
}

.ghost_1 .contentpos {
	
	margin-right:5%;
	margin-left:5%;
	text-align:left;
}

.ghost_2 {
	background-image:url("/g/ghosts_4.jpg");
}

.ghost_2 .contentpos {
	margin-left:7.8%;
	margin-right:7.8%;
}

.ghost_3 {
	background-image:url("/g/ghosts_5.jpg");
	text-align:right;
}

.ghost_3 .contentpos {
	text-align:left;
	margin-right:5.8%;
	margin-left:5.8%;
}

.contact {
	background-image:url("/g/kontakt.jpg");

}

.contact .contentpos {
	padding-right:4.7%;
	padding-left:4.7%;
	width:100%;
	max-width:inherit;
}

.impressum {
	background-image:url("/g/impressum.jpg");

}

.impressum .contentpos {
	padding-right:7.8%;
	padding-left:7.8%;
	width:100%;
	max-width:inherit;
}

.ghostheadline {
margin-left:-40px;
display:inline-block;
}

.content ul {
list-style-type: none;
margin:20px 0 40px 0;
}

.content ul li {
display:block;
color:white;
font-size:17px;
line-height:30px;
letter-spacing:2px;
}

.content ul li::before {
content: "•";
display:block;
float:left;
font-size:17px;
line-height:30px;
color:white;
margin-right:25px;
margin-left:-6px;
}

img + p {
margin-top:20px;
}

p {
color:white;
font-size:17px;
line-height:30px;
letter-spacing:2px;
}

p + p {
margin-top:16px;
}


.contentpos h1 {
font-size:17px;
line-height:30px;
letter-spacing:2px;
color:white;
margin-top:20px;
margin-bottom: 40px;
font-weight:normal;
text-transform:uppercase;
}

.contentpos h1.black {
color:black;
}

h2.ghostname {
font-size:21px;
color:white;
letter-spacing:2px;
text-transform: uppercase;
display:inline-block;
font-weight:normal;
position:relative;
top: -65px;
left: -75px;
}

.black, h2.ghostname.black {
color:black;
}

.contactcontent {
width:95%;
max-width:740px;
margin-left:auto;
margin-right:auto;
text-align:left;
font-size:0;
}

#cntclnk {
font-size:72px;
text-transform: uppercase;
color:black;
letter-spacing:7px;
display:inline-block;
margin-bottom:22px;
}

h4 {
font-size:44px;
color:white;
text-align:left;
font-weight:normal;
margin:0 0 33px 0;
letter-spacing:5px;
}

.col {
width:33.333%;
display:inline-block;
font-size:17px;
line-height:30px;
letter-spacing:2px;
vertical-align:top;
text-align:left;
}

.col h1 {
margin:0 0 26px 0;
}

.col a {
color:black;
display:block;
text-align:left;
}

.imprintcontent {
width:95%;
max-width:760px;
font-size:0;
}

.col2 {
width:50%;
display:inline-block;
font-size:17px;
line-height:30px;
letter-spacing:2px;
vertical-align:top;
text-align:left;
padding-right:14px;
}

.col2 p {
color:black !important;
font-size:11px;
line-height:12px;
text-transform:uppercase;
}

br.clear {
clear:both;
}

@media (max-height: 800px) {

.contentpos {
	padding-top:100px;
	padding-bottom:100px;
}

}

@media (max-height: 900px) {

.contentpos {
	padding-top:120px;
	padding-bottom:120px;
}

}


@media (max-width: 768px) {

.contentpos br {
display:none;
}

.col {
width:100%;
margin-top:40px;
}

.col h1 {
margin-bottom:0;
}

.col2 {
width:100%;
margin-top:40px;
}

#ghosthome, #ghosthome img {
width:265px;
height:163px;
}



}

@media (max-width: 650px) {

#wrapper {
height:-webkit-calc(100% + 65px);
}

#ghosthome {
top:-webkit-calc(50% + 32px);
}


#navigation ul {
margin:34px 0 8px 23px;
}

#footer {
position:static;
}

.contentpos {
width: 100% !important;
margin-left: 0% !important;
margin-right: 0% !important;
padding-left: 25px;
padding-right: 25px;
}

.wrapper {
width:100%;
height:initial;
min-height:initial;
overflow-x:hidden;
}

.ghostheadline {
margin-left:-15px;
display:inline-block;
width:143px;
}

h2.ghostname {
top: -30px;
left: -12px;
}

#cntclnk {
font-size:35px;
letter-spacing:4px;
margin-bottom:40px;
}

h4 {
font-size:22px;
margin:0 0 0 0;
letter-spacing:3px;
}


.contentpos h1 {
margin-bottom: 16px;
}

.col h1 {
margin-bottom:0;
}

.content {
padding-bottom:100px;
background-attachment: scroll;
}

.contentpos {
	padding-top:100px;
}


}