@charset "UTF-8";

@font-face{
	font-family: 'OpenSans-Light';
	src: url('fonts/OpenSans-Light.ttf') format('truetype');	
}

body{
	background-color:white;
	font-family:OpenSans-Light, Arial, Sans-Serif;
	font-weight: 400;
	font-size:18px;
	margin:0px;
}

a{
    color:white;
    font-style:italic;
}

h1{
    font-size:30px;
    font-weight: bold;
}

h2{
    font-size:22px;
    font-weight: bold;
}

div#headline{
	padding:10px;
	color:black;
    padding-bottom:0px;
}

div#headline a{
	color:black;
	text-decoration:none;
	font-size:28px;
	margin-right:30px;
    font-style:normal;
}

div#headline img{
    height:70px;
}

div#menu{
    float:right;    
}

div#smallheadline{
	padding:5px;
	width:100%;
	position:fixed;
	top:0;
	background-color:white;
	box-shadow: 0px 5px 10px black;
	z-index:10;
	margin-bottom:25px;
}

div#smallheadline a{
	color:black;
	text-decoration:none;
	font-size:22px;
	margin-right:20px;
    font-style:normal;
}

div#smallheadline img{
    height:30px;
}

div#main img{
    box-shadow: 5px 5px 5px black;
    width:800px;
    
}

div#footer{
	height:100px;
	padding:20px;
	color:black;
}

.parallax{
	background-image: url(images/hafen1.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	padding: 20px;
	margin-top:50px;
	padding-top:100px;
}

.p1{
	background-image: url(images/p1.jpg);
	color:white;
	margin-top:0px;
}

.p2{
	background-image: url(images/p2.jpg);
	color:white;
}

.p3{
	background-image: url(images/hp3.jpg);
	color:white;
}

.p4{
	background-image: url(images/p4.jpg);
	color:white;
}
.p5{
	background-image: url(images/p5.jpg);
	color:white;
}


@media only screen and (max-width: 600px){
    div#main img{
        box-shadow: 5px 5px 5px black;
        width:100%;

    }	
			
}