/* CSS Document */

#sfeer-topwrapper {
width:100%;
height: auto;
background-color:#468DB9;
}

#sfeer-top {
width: 100%;
height:auto;
}

#sfeer-top #inner {
width:100%;
max-width:1200px;
padding: 0 30px 0 30px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#sfeer-top h1 {
color:#FFFFFF;
font-size:50px;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
}

#sfeer-top p {
color:#FFFFFF;
font-size:22px;
font-family: 'Lato', sans-serif;
background-color: rgba(0,0,0,0.7);
padding:10px 10px 10px 15px;
font-weight:300;
display:inline-block;
max-width:50%;

}


/*#sfeer-top p:last-of-type {

clear:both;

 display:block;
 margin-top:40px;
 background-color: transparent;
padding:0;
 margin-left:0;
 width:auto;
 max-width:100%;
} */

#sfeer-top a.button:first-of-type {
background-color:transparent;
border:solid 2px #FFFFFF;
margin-right:20px;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);

}

#sfeer-top a.button:first-of-type:hover {
background-color:#EFCB12;
border: solid 2px #EFCB12;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

#home-content {
float:left;
width:66%;
}

#calendar {
float:left;
width:34%;
padding-left:35px;
}

#news {
float:none;
width:100%;
}

#calendar h2, #sfeer-bottom h2, #locatortekst h2, #column-side h2:first-of-type {
color:#BE106E;
}

#reviewswrapper {
width:100%;
height:auto;
}

#reviews {
width:100%;
max-width:1100px;
margin:0 auto;
padding:40px 20px;
text-align:center;
}

#reviews span {
font-family: 'Coustard', serif;
font-size:90px;
line-height:90px;
display:inline-block;
color: #BE106E;
}

#reviews p {
font-style:italic;
font-size:24px;
}

.review{
width:100%;
background-color:#FFFFFF;
}

.review { display: none }
.review.first { display: block }

@media screen and (max-width: 1023px) {

#sfeer-top p {
max-width:70%;
}

#home-content {
width:60%;
}

#calendar {
width:40%;
}

}

@media screen and (max-width: 850px) {

#home-content {
width:100%;
}

#news {
width:100%;
padding-right:0;
}

#calendar {
width:100%;
padding-left:0;
padding-top:30px;
}


} /* end mediaquery */

@media screen and (max-width: 650px) {

#sfeer-top #inner{
padding:0 15px;
}

#sfeer-top p br {
display:none;
}

#special-left {
width:100%;
height:50vw;
}

#special-right {
width:100%;
}

#youtubeleft {
width:50%;
}

#youtuberight {
width:50%;
}

}

@media screen and (max-width: 550px) {

#sfeer-top h1 {
font-size:36px;
}

#sfeer-top p {
font-size:20px;
max-width:100%;
}


a.button {
width:100%;
text-align:center;
}

a.button:first-of-type {
margin-bottom:20px;
}

} /* end mediaquery */

@media screen and (max-width: 450px) {

#youtubeleft {
width:100%;
}

#youtuberight {
width:100%;
}

}