::-moz-selection {
	background: #010101;
	color: #f7f7f7;
}

::selection {
	background: #010101;
	color: #f7f7f7;
}

body, html {
	font: normal 100% 'Raleway', sans-serif;
	font-weight: 700;
	background-color: #f7f7f7;
	color: #f7f7f7;
	width: 100%;
	height: 100%;
	min-height: 100%;
	
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

body, header, nav, ul, section, article, center, div, p, a, footer, video, table, img, label, input, textarea, select, select option {
	box-sizing: border-box;
}

ul, ul li {
	display: inline-block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

a, strong {
	text-decoration: none;
	font-weight: 800;
	color: #f7f7f7;
	outline: none;
}

p a:hover {
	color: #666;
}

p {
	color: #c4c4c4;
	line-height: 175%;
	font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 800;
	margin: 15px 0;
	text-transform: uppercase;
}

.col-1 {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.col-2 {
	width: 45%;
	padding: 0 25px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.col-4 {
	width: 23%;
/* 	padding: 40px 25px 25px; */
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.button-primary, .button-secondary, input#submit, input[type=submit] {
	display: inline-block;
	background: transparent;
	color: #010101;
	cursor: pointer;
	margin-top: 25px;
	padding: 10px 15px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	height: auto;
	
	-webkit-box-shadow: inset 0px 0px 0px 2px #010101;
	-moz-box-shadow: inset 0px 0px 0px 2px #010101;
	-ms-box-shadow: inset 0px 0px 0px 2px #010101;
	-o-box-shadow: inset 0px 0px 0px 2px #010101;
	box-shadow: inset 0px 0px 0px 2px #010101;
}

input[type=submit] {
	text-align: center;
	margin-bottom: 25px;
}

.button-primary:hover, input#submit:hover, input[type=submit]:hover {
	background: #010101;
	color: #f7f7f7;
}

.button-secondary {
	background: #f7f7f7;
	color: #010101;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

#kontakt center.text.light .button-secondary {
	background: #010101;
	color: #f7f7f7;
}

.post .button-secondary, .post .button-secondary {
	visibility: hidden;
}

.post:hover .button-secondary, .post:hover .button-secondary {
	visibility: visible;
}

#wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

header {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 90px;
	z-index: 10005;
	font-size: 14px;
}

header ul li, footer ul li a {
	padding: 10px 15px;
	cursor: pointer;
	text-transform: uppercase;
}

header ul li.trigger:hover, header ul li.trigger.active, footer ul li.trigger:hover a {
	background: #f7f7f7;
	color: #010101;
}

header nav, header nav table {
	position: relative;
	width: 100%;
	height: 90px;
}

header .left, header .right {
	width: 40%;
}

header .left {
	text-align: right;
}

header .center, header .center img {
	max-width: 200px;
	width: 100%;
	text-align: center;
	padding-top: 5px;
}

header .center {
	width: 15%;
}

header.fixed {
	position: fixed;
	top: 0;
	background-color: #010101;
}

#mobile-nav {
	display: none;
}

#landing {
	position: relative;
	height: 100%;
	width: 100%;
	background-color: #000;
	overflow: hidden;
}

#landing center {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	z-index: 1;
	
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	-o-transform: translateY(-50%); 
	transform: translateY(-50%); 
}

center h1, article h1, .headline.dark {
	color: #010101;
	text-transform: uppercase;
	text-align: center;
	font-size: 36px;
	font-weight: 800;
}

.headline.light {
	color: #f7f7f7;
}

center hr:first-child {
	width: 35%;
}

center hr {
	width: 65%;
	border: none;
	border-bottom: 2px solid #afafaf;
}

#landing center h1 { 
	color: #f7f7f7;
}

video { 
	display: block;
	opacity: .35;
}

video#bgvid { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; 
    
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#content {
	width: 100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.pullup {
	margin-bottom: -85px;
}

.pushup {
	margin-top: 135px;
}

#galerien {
/* 	height: 650px; */
/* 	padding: 85px; */
	padding: 0 0 135px;
	margin-top: -135px;
}

#reservierung {
	padding: 85px;
}

.parallax {
	height: 375px;
	width: 100%;
	overflow: hidden;
	background: #010101;
}

.parallax-bg {
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;

	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 

	position: relative;
	min-height: 100%;
	height: 150%;
}

.placeholder {
	padding: 20px;
}

.placeholder p, .placeholder strong {
/*
	height: 135px;
	padding: 0;
*/
	color: #010101 !important;
}

article, center {
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
	padding: 100px 0;
	position: relative;
	z-index: 10;
}

#social-media, #reservierung, #kontakt, #business-events {
	max-width: 100%;
	padding: 0;
}

#social-media center, #reservierung center, #kontakt center, #business-events center {
	max-width: 850px;
	width: 100%;
}

#kontakt center.text.light p {
	color: #616161;
}

#social-media a, #reservierung a, #kontakt a, #business-events a {
	width: auto;
	margin: 25px 10px;
	text-align: center;
	line-height: 30px;
}

#social-media span, #reservierung span {
	margin-right: 10px;
	vertical-align: middle;
}

#events .post, #galerien .post {
	position: relative;
	display: none;
	width: 30vw;
	max-width: 375px;
	height: 30vw;
	max-height: 375px;
	overflow: hidden;
	margin: 5px;
	cursor: pointer;
	background-color: #010101;
}

#galerien .post {
	width: 24vw;
	height: 24vw;
}

#events .post.visible, #galerien .post.visible {
	display: inline-block;
}

#events .post .teaser, #galerien .post .teaser {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: 1;
/* 	margin-top: 25px; */

	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	-o-transform: translateY(-50%); 
	transform: translateY(-50%); 
}

#events .post .txt, #galerien .post .txt {
	width: 75%;
	padding: 25px;
	margin: 0 auto;
	border: 2px solid #f7f7f7;
	
	-webkit-transition: .2s all;
	-moz-transition: .2s all;
	-ms-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
}

.date, .date p {
	font-weight: 700;
	color: #f7f7f7;
	margin-top: -15px;
}

#events .post:hover .date p, #galerien .post:hover .date p {
	color: #010101;
}

#events .post:hover .txt, #galerien .post:hover .txt {
	color: #010101;
	padding: 15% 25px;
	background: #f7f7f7;
}

#events .post .txt h2.long {
	font-size: 18px;
}

#events .post img, #galerien .post img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .5;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
	-webkit-transition: .2s all;
	-moz-transition: .2s all;
	-ms-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
}

#events .post:hover img, #galerien .post:hover img {
	opacity: 1;
	
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#ueber, #getraenke, #social-media, #reservierung, #lounge, #business-events {
	background: #010101;
	color: #f7f7f7;
	font-weight: 600;
}

#ueber .logo, #lounge .logo {
	max-width: 450px;
	width: 100%;
	margin-left: 15px;
	margin-bottom: 40px;
}

#plan {
	max-height: 800px;
	width: 100%;
}

#ueber center, #lounge center {
	padding: 0;
}

#getraenke .button-secondary {
	width: 100%;
	text-transform: capitalize;
}

#getraenke .button-secondary span {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}

.open {
	font-size: 150%;
	line-height: 100%;
	font-weight: 600;
	float: right;
}

.open:after {
	clear: both;
}

#getraenke ul, #getraenke ul li {
	color: #c4c4c4;
	display: block;
	line-height: 200%;
}

#getraenke ul li span.price {
	float: right;
}

#getraenke ul li span.price:after {
	clear: both;
	float: none;
}

#getraenke ul li span.marginal, .marginal {
	font-size: 12px;
	display: block;
}

#getraenke ul {
	display: none;
	width: 100%;
	margin-top: 20px;
}

footer {
	background: #010101;
	text-align: center;
}

footer .kontakt {
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
	padding: 40px;
}

footer ul {
	font-size: 12px;
	display: block;
	padding: 15px;
	border-top: 1px solid #666;
	position: relative;
}

footer ul li {
	margin: 15px 5px;
}

.copyright {
	position: absolute;
	right: 35px;
}

#overlay {
	position: fixed;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10010;
	display: none;
}

#overlay article, #overlay article p, article .event, article .event .date {
	background: #f7f7f7;
	color: #010101;
	font-weight: 600;
}

article .event strong {
	color: #010101;
}

#overlay article {
	width: 65%;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	right: -150%;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	-ms-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
}

#overlay article.single {
	z-index: 10020;
}

#overlay article.visible {
	right: 0;
}

#overlay article#contact-form, #overlay article#reservation-form {
	padding: 35px 0;
}

#overlay article#imprint {
	max-width: 100%;
	width: 100%;
	padding: 35px 0;
}
#overlay.imprint #close:before, #overlay.imprint #close:after {
	background: #010101;
} 

#overlay article#imprint p, #overlay article#imprint strong {
	color: #010101;
}

#overlay article#imprint a {
	color: #666;
}

#overlay article#imprint a:hover {
	color: #333;
}


.event h1 {
	margin: 25px 0;
}

.event p, #contact-form p, #contact-form form, #reservation-form p, #reservation-form form {
	padding: 0 100px;
	text-align: left;
}

.event img {
	width: 100%;
	height: auto;
}

#overlay article.visible.slideRight {
	right: -150%;
	
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-ms-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}

#overlay article.visible.slideLeft {
	left: -150%;
	
	-webkit-transition: .2s all;
	-moz-transition: .2s all;
	-ms-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
}

#overlay article.archive, #overlay article .gallery, #overlay article .gallery p {
	background: #010101;
	color: #f7f7f7;
}

#overlay article.archive ul, #overlay article.archive ul li, #overlay article.archive ul li span, #overlay article.archive ul li span.date p  {
	display: block;
	color: #f7f7f7;
	background-color: transparent;
	margin: 0;
}

#overlay article.archive ul.archive-wrapper {
	width: 85%;
	margin: 0px auto;
}

#overlay article.archive h2 {
	margin: 0px;
	padding: 25px 0;
	border-bottom: 1px solid #666;
	cursor: pointer;
}

#overlay article.archive .archive-wrapper h2:hover {
	color: #666;
	cursor: pointer;
}

#overlay article.archive .archive-wrapper li:first-of-type h2 {
	border-top: 1px solid #666;
}

#overlay article.archive h4 {
	margin: 0 0 15px 0;
}

#overlay article.archive .events-wrapper, #overlay article.archive .gallery-wrapper {
	width: 100%;
}

#overlay article.archive .events-wrapper, #overlay article.archive .gallery-wrapper {
	display: none;
}

#overlay article.archive .events-wrapper.visible {
	display: block;
}

#overlay article.archive .event-post, #overlay article.archive .gallery-post {
	background: #101010;
	position: relative;
	padding: 25px;
	border-top: 1px solid #666;
	overflow: hidden;
}

#overlay article.archive .event-post:first-of-type, #overlay article.archive .gallery-post:first-of-type {
	border-top: none;
}

#overlay article.archive .event-post:last-of-type, #overlay article.archive .gallery-post:last-of-type {
	border-bottom: 1px solid #666;
}

#overlay article.archive .post .teaser {
	position: relative;
	z-index: 10005;
}

#overlay article.archive .post img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	
	-webkit-transition: .2s all;
	-moz-transition: .2s all;
	-ms-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
}

#overlay article.archive .gallery-post .post img {
	top: -65%;
}

#overlay article.archive .post:hover img {
	opacity: .25;
}

#overlay .gallery #image-wrapper{
	position: relative;
}

#overlay .loader {
	position: absolute;
	top: 50%;
	margin: -20px 0 0 0;
	
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	-o-transform: translateY(-50%); 
	transform: translateY(-50%); 
}

#main-img {
	max-width: 100%;
	
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-ms-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}

#main-img.visible {
	opacity: 1;
}

#main-img.hidden {
	opacity: 0;
}

#overlay .gallery #arrows .prev, #overlay .gallery #arrows .next {
	position: absolute;
	top: 47%;
	cursor: pointer;
	z-index: 10020;
}

#overlay .gallery #arrows .prev:before, #overlay .gallery #arrows .next:before {
	position: relative;
	top: 50%;
	content: " ";
	display: inline-block;
	width: 20px;
	height: 20px;
	border-right: 3px solid #f7f7f7;
	border-top: 3px solid #f7f7f7;
}

#overlay .gallery #arrows .prev {
	left: 30px;
}

#overlay .gallery #arrows .prev:before {
	transform: rotate(-135deg);
}

#overlay .gallery #arrows .next {
	right: 30px;
}

#overlay .gallery #arrows .next:before {
	transform: rotate(45deg);
}

#overlay #gallery-info {
	margin: 35px 0;
	position: relative;
}

#overlay #gallery-info .count {
	position: absolute;
	top: 17px;
	right: 30px;
}

#overlay #thumbs-wrapper li {
	opacity: .5;
	
	-webkit-transition: .2s all;
	-moz-transition: .2s all;
	-ms-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
}

#overlay #thumbs-wrapper li:hover {
	opacity: 1;
}

#overlay #thumbs-wrapper li .img-wrapper {
	position: relative;
	float: left;
	width: 100px;
	height: 65px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
/* 	background-size: auto 100%; */
	background-size: 100% auto;
}

@keyframes rotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

#preload {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10015;
	display: block;
	background: #010101;
	width: 100%;
	height: 100%;
}

#preload center {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;

	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	-o-transform: translateY(-50%); 
	transform: translateY(-50%); 
}

 #preload center img {
	 max-width: 250px;
	 width: 100%;
 }
 
 .loader {
	 display: block;
	 width: 100%;
	 text-align: center;
 }
 
.loader div {
	 border-color: #282828 #282828 #c4c4c4 #c4c4c4;
	 border-radius: 100%;
	 border-width: 2px;
	 border-style: solid;
	 display: inline-block;
	 margin: 50px 0 25px 0;
	 width: 30px;
	 height: 30px;
	 
	 -webkit-animation: 1s linear 0s normal none infinite running rotate;
	 -moz-animation: 1s linear 0s normal none infinite running rotate;
	 -ms-animation: 1s linear 0s normal none infinite running rotate;
	 -o-animation: 1s linear 0s normal none infinite running rotate;
	 animation: 1s linear 0s normal none infinite running rotate;
 }

.event .switch {
	background: #efefef;
	width: 100%;
	margin-top: 65px;
	cursor: pointer;
	text-align: center;
 }
 
 .event .switch a {
	color: #666;
	font-size: 15px;
	font-weight: 600;
	padding: 40px;
	display: block;
 }
 
 .event .switch:hover {
	 background: #e4e4e4;
 }

#close {
	width: 30px;
	height: 30px;
	position: fixed;
	top: 30px;
	right: 30px;
	cursor: pointer;
	z-index: 10020;
}

#close:before, #close:after {
	content: '';
	position: absolute;
	height: 3px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #f7f7f7;
}

#close:before {	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#arrow-back-wrapper { 
	visibility: hidden;
}

#overlay.is-archive #arrow-back-wrapper, .second-layer #arrow-back-wrapper { 
	visibility: visible;
	z-index: 10020;
}

#arrow-back-wrapper {
	height: 30px;
	width: 30px;
	position: absolute;
	top: 20px;
	left: 30px;
	cursor: pointer;
}

#arrow-back {
	background: #f7f7f7;
    display: inline-block;
    height: 2px;
    transition: width 0.2s linear 0s;
    width: 30px;
}

#arrow-back:after {
	background-color: transparent;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #000 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    border-right-color: #f7f7f7;
    content: '';
    height: 0;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0;
}

.second-layer #arrow-back-wrapper #arrow-back {
	background: #010101;
}

.second-layer #arrow-back-wrapper #arrow-back:after {
	 border-color: transparent #f7f7f7 transparent transparent;
	 border-right-color: #010101;
}

#close:hover, .open:hover, #arrows span:hover, .button-secondary:hover {
	opacity: .75;
}

.darken {
	background: rgba(0, 0, 0, .65);
	width: 100%;
	height: 100%;
	position: fixed;
}

.darken.above {
	z-index: 10010;
}
/* CONTACT FORM */

#contact-form div.col-1 p, #reservation-form div.col-1 p {
	text-align: center;
}

select::-ms-expand { /* for IE 11 */
    display: none;
}

input[type=text], input[type=email], textarea, select {
	background-color: transparent;
	color: #1a181a;
	font-size: 14px;
	font-weight: 700;
	border-image: none;
	border-style: solid;
	border-width: 2px;
	border-color: #010101;
	border-top: none;
	border-left: none;
	border-right: none;
	outline: 0 none;
	border-radius: 0;
	height: 55px;
	width: 100%;
	margin: 10px 0;
	
	-webkit-appearance: none !important; 
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
}

label {
	font-size: 14px;
}

textarea {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	min-height: 150px;
	float: none;
	clear: both;
	line-height: 175%;
	margin: 25px 0px 10px 0;
}

.input-field {
	width: 45%;
	display: inline-block;
}

.input-field.left {
	float: left;
}

.input-field.right {
	float: right;
}

select {
	color: #666;
}

#mail-fail, #mail-success {
	display: none;
}

#mail-fail.error {
	display: block;
	font-size: 15px;
	color: #d95255;
}

#mail-success {
	color: #22a951 !important;
}

input[type=text].error, input[type=email].error, textarea.error, select.error {
	border-color: #d95255;
}

/* END CONTACT FORM */

@media (max-width: 960px) { 
	
	header {
		position: fixed;
		top: 0;
		bottom: auto;
		background: #010101;
	}
	
	header, header nav, header nav table {
		height: 65px;
	}
	
	header .left, header .right {
		display: none;
	}
	
	header .center, header .center img {
		max-width: 150px;
		padding-top: 2px;
	}
	
	/* mobile navigation */
	#nav-trigger {
		position: absolute;
		top: 50%;
		right: 20px;
		height: 30px;
		width: 30px;
		cursor: pointer;
		display: none;
		
		-webkit-transform: translateY(-50%); 
		-moz-transform: translateY(-50%); 
		-ms-transform: translateY(-50%); 
		-o-transform: translateY(-50%); 
		transform: translateY(-50%); 
	}
	
	#nav-trigger span {
		top: 25px;
	}
	
	#nav-trigger span, #nav-trigger span:before, #nav-trigger span:after {
		backface-visibility: hidden;
		background-color: #fff;
		content: '';
		display: block;
		height: 2px;
		margin-top: 10px;
		position: absolute;
		width: 30px;
		
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-ms-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	
	#nav-trigger span:after {
		margin-bottom: 2px;
	}
	
	#nav-trigger span, #nav-trigger span:before {
		margin-top: -10px;
	}
	
	#nav-trigger.active span, #nav-trigger.active span::before, #nav-trigger.active span::after {
		height: 3px;
	}
	
	#nav-trigger.active span {
		background-color: transparent;
	}
	
	#nav-trigger.active span:before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: 0;
	}
	
	#nav-trigger.active span:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: -10px;
	}
	
	#mobile-nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #010101;
		z-index: -1;
		text-align: center;
		display: none;
	}
	
	#mobile-nav.active {
		display: block !important;
	}
	
	#mobile-nav nav {
		display: table;
		width: 100%;
		height: 100%;
	}
	
	#mobile-nav ul {
		display: table-cell;
		position: relative;
		vertical-align: middle;
	}
	
	#mobile-nav ul li {
		display: block;
		width: 40%;
		margin: 0px auto;
	}	
	/* mobile navigation */
	
	article, center {
		padding: 65px 0;
	}
	
	.headline { 
		display: block;
	}
	
	#nav-trigger { 
		display: inline-block;
	}
	
	#landing center {
		margin-top: 32px;
	}
	
	#events .post, #galerien .post {
		width: 40vw;
		height: 40vw;
	}
	
	#overlay article, #overlay article.visible {
		width: 100%;
		height: 100%;
		top: 0;
		transform: none;
	}
	
	.event p, #contact-form p, #contact-form form, #reservation-form p, #reservation-form form { 
		padding: 0 65px;
	}
	
	#close {
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	#ueber #logo {
		margin-left: 0;
		max-width: 275px;
	}
	
	.parallax { 
		height: 275px;
	}
	
}

@media (max-width: 768px) { 
	
	#landing {
		display: none;
	}
	
	.pullup {
		margin-bottom: 0;
	}
	
	.col-1, .col-2, .col-4 {
		display: block !important;
		width: 100%;
		height: auto;
	}
	
	#events .post, #galerien .post {
		max-width: 300px;
		max-height: 300px;
		width: 100%;
		height: 300px;
		margin: 10px auto;
	}
	
	#events .post.visible, #galerien .post.visible {
		display: block;
	}
	
	.event .switch {
		position: relative;
		margin-top: 65px;
	}
	.event p, #contact-form p, #contact-form form, #reservation-form p, #reservation-form form { 
		padding: 0 25px;
	}
	
	#social-media center {
		padding: 65px 25px;
	}
	
	#social-media a {
		margin: 25px 0;
	}
	
	#overlay #gallery-info .count { 
		position: relative;
		top: auto;
		right: auto;
	}
	
	.input-field {
		display: block;
		width: 100%;
	}
	
	.copyright {
		position: relative;
		display: block;
		right: auto;
	}
	
	#ueber .logo, #lounge .logo {
		max-width: 265px;
		margin-left: 0;
	}
	
	.parallax {
		height: 125px;
	}
	
	.parallax-bg { 
		background-attachment: scroll;
	}
}
/*
     FILE ARCHIVED ON 02:36:24 Jun 08, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:56:38 Aug 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.421
  exclusion.robots: 0.041
  exclusion.robots.policy: 0.033
  esindex: 0.006
  cdx.remote: 11.499
  LoadShardBlock: 526.338 (3)
  PetaboxLoader3.datanode: 616.253 (5)
  PetaboxLoader3.resolve: 403.891 (3)
  load_resource: 542.354 (2)
*/