@charset "utf-8";
/* CSS Document */

@import url(http://reset5.googlecode.com/hg/reset.min.css);

@import url('https://fonts.googleapis.com/css?family=Quicksand|Love+Ya+Like+A+Sister|Just+Me+Again+Down+Here');
/*.container img:hover { cursor:pointer;}*/

#button-div {
	position:absolute;
	right:10px;
	top:13px;
	visibility:hidden;
}

#menu-button {
	position:relative;
	width:22px;
	height:22px;
	background:url(../img/menu_button.png) no-repeat;
	border:0;	
}

#exit-button {
	position:absolute;
	width:21px;
	height:22px;
	right:30px;
	top:25px;
	background:url(../img/exit_button.png) no-repeat;
	border:0;
	z-index:9999;
}


#mobile-menu {
	position:fixed;
	top:0;
	width:100vw;
	height:100%;
	display:none;
	background:#000;
	color:#fff;
	z-index:9000;
}

header {
	position:relative;
	width:auto;
	background:white;
	z-index:111;
	color:#000;
	min-height:80px;
	}

header img {
	padding:10px 0 0 30px;
}
	
header p {
	position:relative;
	top:30px;
	padding:0;
	margin:0;
	text-align:right;
	font-weight:600;
	letter-spacing:0.2em;
}

header p a{
	color:#000;
	text-decoration:none;
	padding:0 20px;
}

header p a:hover{
	color:#0B2F8C;
}

#mobile-logo {
	position:absolute;
	top:20px;
	width:100%;
	text-align:center;
}

#mobile-logo img {
	padding-right:30px;
}

body {
      margin: 0;
	  color:#F2F2FF;
	  font-family: 'Quicksand';
}

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

hr {
	color:#000;	
}

#top img {
	padding:10px;
}


article {
	position:relative;
	z-index:102;
	background-color:rgba(255,255,255,1);
	color:#000;
	line-height:1.6em;
	text-align:left;
	font-size:2em;
	min-height:100%;

}

article h2 {
	text-align:center;
	letter-spacing: 5px;
}

#top-image-home {
	width:100%;
	height:auto;
	min-height: 82vh;
	background:url(../img/BG_home.jpg) center no-repeat;
	background-size:cover;
	padding:50px 0;
	}
	
#top-image-smoothies {
	width:100%;
	height:auto;
	min-height: 82vh;
	background:url(../img/BG_smoothies.jpg) center no-repeat;
	background-size:cover;
	padding:50px 0;
	}
	
.container {
  margin:0 auto;
  width:100%;
  text-align:center;
  padding-top:30vh;
}

.container img {
  width:40vw;
}

section.module.parallax {
  min-height: 100vh;
  background-position: 0 0;
}

section.module.parallax-1 {
  background-image: url(../img/mid.jpg);
  background-size: cover;
}
	
.flyingwindow-home {
	position:relative;
	top:100px;
	left:70px;
	width:40vw;
}

.flyingwindow-home p {
	background:white;
	padding:10px 20px;
	font-size:0.65em;
	text-align:center;
}

.flyingwindow-smoothies {
	background:white;
	padding:15px 40px 30px 40px;
	top:8vh;
	margin:0 auto;
	width:80vw;
	height:auto;
	font-size:0.50em;
	text-align:left;
	line-height:1.5em;
}

#home-gallery {
	text-align:center;
	padding: 30px 0 30px 0;
	width:100%;
	min-height: 100vh;
	background:#538ce8;
	background-color:#fff;
	
}

#gallery_frame {
	margin:0 auto;
	width:70vw;
}

#home-gallery img{
	padding:30px 10px 10px 10px;
	width:300px;
}

#smoothies-gallery {
	text-align:center;
	padding: 30px 0 30px 0;
	width:100%;
	height:auto;
	background:url(../img/BG_smoothies2.jpg) center repeat;
	background-size: 100vw;
}

.gallery-block {
	display:block;
}

.polaroid {
	background:#FFF;
	text-align:center;
	width:17vw;
	height:auto;
	box-shadow: 0px 0px 10px 5px #000;
	display:inline-block;
	margin:0 20px;
	padding:3vh 0 0 0;
}

.polaroid img{
	margin:auto;
	border:medium #F66;
	width:14vw;
	text-align:center;
}

.polaroid p {
	font-size:0.5em;
	line-height:1em;
	padding:0 12px 20px 12px;
	margin:0;
}

#plrd1 {
	-ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari */
    transform: rotate(20deg);
}

#plrd2 {
	-ms-transform: rotate(-35deg); /* IE 9 */
    -webkit-transform: rotate(-35deg); /* Safari */
    transform: rotate(-35deg);
}

#plrd3 {
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);
}

#plrd4 {
	-ms-transform: rotate(11deg); /* IE 9 */
    -webkit-transform: rotate(11deg); /* Safari */
    transform: rotate(11deg);
}

#plrd5 {
	-ms-transform: rotate(11deg); /* IE 9 */
    -webkit-transform: rotate(11deg); /* Safari */
    transform: rotate(11deg);
}

#plrd6 {
	-ms-transform: rotate(-25deg); /* IE 9 */
    -webkit-transform: rotate(-25deg); /* Safari */
    transform: rotate(-25deg);
}

#plrd7 {
	-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);
}

#plrd8 {
	-ms-transform: rotate(-6deg); /* IE 9 */
    -webkit-transform: rotate(-6deg); /* Safari */
    transform: rotate(-6deg);
}

#plrd9 {
	-ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Safari */
    transform: rotate(-1deg);
}

#plrd10 {
	-ms-transform: rotate(25deg); /* IE 9 */
    -webkit-transform: rotate(25deg); /* Safari */
    transform: rotate(25deg);
}

#plrd11 {
	-ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Safari */
    transform: rotate(15deg);
}

#plrd12 {
	-ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg);
}

#plrd13 {
	margin-top:8vh;
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);
}

#cage {
	position:relative;
	width:100% !important;
	overflow:hidden;
}

#instructions {
	position:absolute;
	top:200px;
	right:10px;
}

#instructions img{
	width:20vw;
}

footer {
	z-index:104;
	bottom:0;
	background-color:black;
	color:#fff;
	width:100%;
	text-align:center;
	font-size:0.85em;
}

footer h3 {
	padding-top:30px;
	text-transform:uppercase;
	letter-spacing:0.2em;
	margin:0;
}

footer p {
	padding-top:10px;
	font-style:italic;
}

footer div{
	display:inline-block;
	padding:0 15px 30px 15px;
	vertical-align: top;
	width:330px;
}

footer div img{
	padding:0 10px;
}

#barkarte-footer {
	display:none;
}

footer iframe {
	width:300px;
}

.back-to-top {
			position: fixed;
			bottom: 4.5em;
			right: 2em;
			border-radius:50%;
			overflow:hidden;
			text-decoration: none;
			color:#FFF;
			background-color:#5883F2;
			font-size: 12px;
			padding: 1em;
			display:none;
			z-index:999;
}

.back-to-top i {
			color:#fff;
}

.back-to-top:hover {	
			background-color:#0B2F8C;
}

/*---A BARKARTE MIATT IDEIGLENESEN-----*/
.ve-menu ul {
  font-family: 'Quicksand';
  margin: 0;
  padding: 0;
  list-style: none;
}
/*-----------------------------------------*/


/*=================================================================================================================================*/
/*======================================================= RESPONSIVE STYLE=========================================================*/
/*=================================================================================================================================*/

@media (max-width:1120px)
{
  footer div {
	  display:block;
	  margin:0 auto;
  }
}

@media (max-width:959px)
{
  header p a{
	  font-size:1.5vw;
	  padding:0 10px;
  }
  /*body {
	  min-width:755px;
  }*/
  #top-image-smoothies {
	padding-bottom:15vh;
  }
/*  #smoothies-gallery .polaroid {
	visibility:hidden;
  }*/
  .back-to-top {
	  visibility:hidden;
  }
}

@media (max-width:815px)
{
	.gallery-block {
		display:inline;
	}
	
	.polaroid {
		background:#FFF;
		text-align:center;
		width:50vw;
		height:auto;
		box-shadow: 0px 0px 10px 5px #000;
		display:block;
		margin:0 20px;
		padding:3vh 0 0 0;
		margin:30px auto;
	}
	
	.polaroid img{
		margin:auto;
		border:medium #F66;
		width:40vw;
		text-align:center;
	}
	
	.polaroid p {
		font-size:0.5em;
		line-height:1em;
		padding:0 12px 20px 12px;
		margin:0;
	}
  
	  #plrd1 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd2 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd3 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd4 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd5 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd6 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd7 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd8 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd9 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd10 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd11 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd12 {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
	
	#plrd13 {
		margin-top:0vh;
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg);
	}
}

@media (max-width:785px)
{
  header {
	position:relative;
	width:auto;
	background:white;
	z-index:111;
	color:#000;
	min-height:40px;
	}
	
   header p a{
	   display:block;
	   font-size:30px;
	   color:#fff;
	   text-align:center;
	}
	
	#pc-menu {
		visibility:hidden;
		display:none;
	}
	
	#button-div {
		visibility:visible;
	}

	#logo {
		visibility:hidden;
	}
	
	.home {
		padding-top:70px;
	}
	
	.container img {
 	 width:70vw;
	}
	
	.zoom-icon {
		visibility:hidden;
		display:none;
	}
	
	#instructions {
		visibility:hidden;
	}
	
	#home-gallery img{
	padding:30px 0 10px 0;
	width:250px;
	}
	
	#gallery_frame {
	margin:0 auto;
	width:100%;
	}
	
	.flyingwindow-smoothies {
		padding:15px 15px 30px 15px;
	}
	footer div{
		width:100%;
		padding:0 0 30px 0;
	}
	footer iframe {
		width:70vw;
	}
}