/* Baiseinstellungen */


body {
	background-color: rgba(204,171,145,1.00);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.floating {
	float: left;
}
.float-right {
	float: right;
}
.clearing-both {
	clear: both;
}
.responsive {
  max-width: 100% !important;
  height: auto;
}
.bewide {
  width: 100vw !important;
  height: auto;
}
.befs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw !important;
	height: 100vh !important;
	overflow-x: hidden;
	object-fit: cover !important;
}


/* font style und color */

.f-pt-t {
font-family: "futura-pt", sans-serif;
font-weight: 300;
font-style: normal;
}
.f-pt-l {
font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;
}
.f-pt-r {
font-family: "futura-pt", sans-serif;
font-weight: 500;
font-style: normal;
}

.f-pt-c-m {
font-family: "futura-pt-condensed", sans-serif;
font-weight: 500;
font-style: normal;
}

.t-s-l {
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;
}
.t-s-r {
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;
}
.t-s-b {
font-family: montserrat, sans-serif;
font-weight: 700;
font-style: normal;
}




/* Layout DIV´s */


.header {
	position: fixed !important;
	width: 100%;
	z-index: 3;
	height: 75px;
	background-color: rgba(204,171,145,0.90);
}

.header ul {
  margin-top: 0px;
  margin-right: 30px;
  list-style: none;
  overflow: hidden;
  float: left;
}
.header li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
	color: #000000;
	text-decoration: none;
}

.header .logo {
	display: block;
	float: right;
	margin-right: 55px;
	margin-top: 11px;
	max-height: 50px !important;
	max-width: 50% !important;
}


/* menu */


.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 35px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 3000px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

.link_underline {
	 place-self: center;
	 text-decoration: none;
	 color: #eee;
	 position: relative;
}
 .link_underline:after {
	 position: absolute;
	 content: "";
	 bottom: -3px;
	 left: 0;
	 width: 100%;
	 height: 1px;
	 border-bottom: 1px solid;
	 transform: scaleX(0);
	 transform-origin: 100% 100%;
	 transition: transform 0.6s;
	 transition-timing-function: cubic-bezier(0.39, 0.575, 0.28, 0.995);
}
 .link_underline:hover:after {
	 transform: scaleX(1);
	 transform-origin: 0 0;
}

/* prallax ML Test*/

html {
  scroll-behavior: smooth;
}

.parallax-restaurant {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw;
	margin: 0vh 0vw;
	background-color: rgba(204,171,145,1.00);
	background-attachment: fixed;
	-webkit-background-attachment: fixed;
  	-moz-background-attachment: fixed;
  	-o-background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-image: url("../img/restaurant-max.jpg");
	background-repeat: no-repeat;
	min-height: 600px;
	align-items: center;
	justify-content: center;
	text-align: center !important;
	line-height: 1.5 !important;
	letter-spacing: 10px !important;
	-webkit-text-shadow: 3px 3px 5px #000000;
	-ms-text-shadow: 3px 3px 5px #000000;
	text-shadow: 3px 3px 5px #000000;
}
.parallax-events {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw;
	margin: 0vh 0vw;
	background-color: rgba(204,171,145,1.00);
	background-attachment: fixed;
	-webkit-background-attachment: fixed;
  	-moz-background-attachment: fixed;
  	-o-background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-image: url("../img/events-max.jpg");
	background-repeat: no-repeat;
	min-height: 600px;
	align-items: center;
	justify-content: center;
	text-align: center !important;
	line-height: 1.5 !important;
	letter-spacing: 10px !important;
	-webkit-text-shadow: 3px 3px 5px #000000;
	-ms-text-shadow: 3px 3px 5px #000000;
	text-shadow: 3px 3px 5px #000000;
}
.parallax-speisekarte {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw;
	margin: 0vh 0vw;
	background-color: rgba(204,171,145,1.00);
	background-attachment: fixed;
	-webkit-background-attachment: fixed;
  	-moz-background-attachment: fixed;
  	-o-background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-image: url("../img/speisekarte-max.jpg");
	background-repeat: no-repeat;
	min-height: 600px;
	align-items: center;
	justify-content: center;
	text-align: center !important;
	line-height: 1.5 !important;
	letter-spacing: 10px !important;
	-webkit-text-shadow: 3px 3px 5px #000000;
	-ms-text-shadow: 3px 3px 5px #000000;
	text-shadow: 3px 3px 5px #000000;
}
.parallax-reservierung {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw;
	margin: 0vh 0vw;
	background-color: rgba(204,171,145,1.00);
	background-attachment: fixed;
	-webkit-background-attachment: fixed;
  	-moz-background-attachment: fixed;
  	-o-background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-image: url("../img/reservierung-max.jpg");
	background-repeat: no-repeat;
	min-height: 600px;
	align-items: center;
	justify-content: center;
	text-align: center !important;
	line-height: 1.5 !important;
	letter-spacing: 10px !important;
	-webkit-text-shadow: 3px 3px 5px #000000;
	-ms-text-shadow: 3px 3px 5px #000000;
	text-shadow: 3px 3px 5px #000000;
}
.parallax-jobs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw;
	margin: 0vh 0vw;
	background-color: rgba(204,171,145,1.00);
	background-attachment: fixed;
	-webkit-background-attachment: fixed;
  	-moz-background-attachment: fixed;
  	-o-background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-image: url("../img/das-leo-scharbeutz-jobs-parallax.jpg");
	background-repeat: no-repeat;
	min-height: 600px;
	align-items: center;
	justify-content: center;
	text-align: center !important;
	line-height: 1.5 !important;
	letter-spacing: 10px !important;
	-webkit-text-shadow: 3px 3px 5px #000000;
	-ms-text-shadow: 3px 3px 5px #000000;
	text-shadow: 3px 3px 5px #000000;
}

.parallax-headline-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	align-content: center !important;
	position: absolute;
}
.parallax-offen {
	width: 100vw;
	max-height: 600px;
}

footer {
	z-index: +1;
}

/* prallax scrolling*/

html {
  scroll-behavior: smooth;
}

h1 {
	font-family: montserrat, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 2.2em;
	padding-bottom: 20px;
	text-transform: uppercase;
	line-height: 1.0;
	color: #ffffff;
}
h2 {
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 2.0em;
	padding-bottom: 35px;
	line-height: 1.0;
	color: #ffffff;
}
h3 {
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5em;
	line-height: 1.75;
	color: #2c9189;
}
h4 {
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2em;
	line-height: 1.75;
	color: #ffffff;
}
p {
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25em;
	padding-bottom: 35px;
	line-height: 1.5;
	color: #ffffff;
}
section a {
	font-family: montserrat, sans-serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
	font-size: 1.5em !important;
	text-decoration: none !important;
	color: #ffffff !important;
	width: max-content !important;
}
a:hover {
	color: #000000;
}

.abstand {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}


.main {
	width: 100vw;
	height: 100%;
	overflow: hidden;
}

.teaser-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.teaser-box img {
	-webkit-filter: drop-shadow(3px 3px 5px #000000);
	-ms-filter: drop-shadow(3px 3px 5px #000000);
    filter: drop-shadow(3px 3px 5px #000000);
}

.content-insta {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100vw;
	padding: 100px 0px;
}
.txt-insta-content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(100vw - 200px);
	padding: 0px 100px;
}
.content-restaurant {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	width: calc(100vw - 200px);
	min-height: 100vh;
	padding: 50px 100px;
}
.content-events {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(100vw - 200px);
	height: auto !important;
	padding: 150px 100px 25px 100px;
}
.content-speisekarte {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	width: calc(100vw - 200px);
	min-height: 100vh;
	padding: 50px 100px;
}
.content-reservieren {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	width: calc(100vw - 200px);
	min-height: 100vh;
	padding: 50px 100px;
}
.content-shop {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(100vw - 200px);
	padding: 50px 100px;
}
.content-impressionen {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100vw;
	box-sizing: border-box !important;
}
.content-jobs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(100vw - 200px);
	padding: 50px 100px;
}

.das-leo-events {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: flex-start!important;
}
.das-leo-events img {
	width: 50vw;
	height: 50vw;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	object-fit: cover !important;
}
.das-leo-events-img-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	align-items: center !important;
	justify-content: flex-start!important;
}
.events-vorstellen {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: flex-start !important;
	padding: 25px 50px;
	width: calc(50vw - 100px);
	height: auto;
}
.events-vorstellen a {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	margin-top: 7.5px;
	justify-content: flex-start !important;
	font-size: 1.0em !important;
}
.main-eventboxes {
	width: calc(100vw - 200px) !important;
	height: auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch!important;
}
.eventboxes {
	width: calc(50vw - 100px) !important;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	align-items: stretch!important;
	align-content: center !important;
}
.eventboxes .content-eventboxes {
	background-color: rgba(204,171,145,1.0);
	-webkit-transition: background 0.5s ease 0s;
	-moz-transition: background 0.5s ease 0s;
	-ms-transition: background 0.5s ease 0s;
	-o-transition: background 0.5s ease 0s;
	transition: background 0.5s ease 0s;
}
.eventboxes:hover .content-eventboxes {
	background-color: rgba(0,0,0,0.60);
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.img-eventboxes {
	background-color: rgba(44,145,137,1.0);
	width: 15vw !important;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center !important;
}
.img-eventboxes img {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100% !important;
	height: 100% !important;
	overflow-x: hidden;
	object-fit: cover !important;
}
.eventboxes .img-eventboxes img {
	opacity: 1.0;
	-webkit-transition: color 0.75s ease 0s;
	-moz-transition: color 0.5s ease 0s;
	-ms-transition: color 0.5s ease 0s;
	-o-transition: color 0.5s ease 0s;
	transition: color 0.5s ease 0s;
}
.eventboxes:hover .img-eventboxes img {
	opacity: 0.25;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.content-eventboxes {
	width: calc(35vw - 150px) !important;
	height: 15vw;
	padding: 0px 25px;
	margin: 0px 0px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	align-content: center !important;
	justify-content: center !important;
}
.content-eventboxes p {
	font-size: 0.95em !important;
	line-height: 1.5;
}
.event-space {
	padding-top: 50px !important;
}
.revers {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	text-align: right;	
}
.mob-norm {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	text-align: right;	
}
.mob-revers {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	text-align: right;	
}

.shop-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	align-items: center !important;
	justify-content: flex-start;
	padding-top: 25px;
	padding-bottom: 75px;
}
.shop-karte-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 15vw;
	height: 15vw;
	border: 1px solid #CCAB91;
	margin-left: 1vw;
	margin-right: 1vw;
	overflow: hidden;
}

.job-bt {
	margin: 75px 0px 50px 0px;
	width: max-content;
}


/* bt reservieren*/

.style-1 {
	display: inline-block;
	text-decoration: none;
	height: 2rem;
	line-height: 2rem;
	color: #ffffff;
	font-family: montserrat, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.5em;
}
 .style-1 .arrow-icon {
	 position: relative;
	 top: -1px;
	 -webkit-transition: -webkit-transform 0.3s ease;
	 transition: -webkit-transform 0.3s ease;
	 transition: transform 0.3s ease;
	 transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	 vertical-align: middle;
}
 .style-1 .arrow-icon--circle {
	 transition: stroke-dashoffset 0.3s ease;
	 stroke-dasharray: 95;
	 stroke-dashoffset: 95;
}
 .style-1:hover .arrow-icon {
	 transform: translate3d(5px, 0, 0);
}
 .style-1:hover .arrow-icon--circle {
	 stroke-dashoffset: 0;
}


/* bt Jobinfos*/

.cta {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
	 margin: auto;
	 padding: 20px 24px;
	 color: #000;
	 font-family: Avenir, sans-serif;
	 text-decoration: none;
	 transition: all 0.2s ease;
}
 .cta:before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 display: block;
	 border-radius: 28px;
	 background: rgba(0,0,0,1.00);
	 width: 56px;
	 height: 56px;
	 transition: all 0.3s ease;
}
 .cta span {
	 position: relative;
	 font-size: 16px;
	 line-height: 18px;
	 font-weight: 900;
	 letter-spacing: 0.25em;
	 text-transform: uppercase;
	 vertical-align: middle;
}
 .cta svg {
	 position: relative;
	 top: 0;
	 margin-left: 10px;
	 fill: none;
	 stroke-linecap: round;
	 stroke-linejoin: round;
	 stroke: #111;
	 stroke-width: 2;
	 transform: translateX(-5px);
	 transition: all 0.3s ease;
}
 .cta:hover:before {
	 width: 100%;
	 background: rgba(0,0,0,0.5);
}
 .cta:hover svg {
	 transform: translateX(0);
}
 .cta:hover .active {
	 transform: scale(0.96);
}


/* impressionen Gallerie*/


.description .img-headline {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	color: rgba(44,145,137,1.0) !important;
	font-family: montserrat, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.75em;
	margin-top: 30px !important;
	justify-content: center !important;
	align-items: center !important;
}
.description p {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	color: rgba(0,0,0,1.0) !important;
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25em;
	line-height: 1.5;
	justify-content: center !important;
	align-items: center;
}

 .container {
	 max-width: 100%;
	 margin: 0% auto;
}
 .layout {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
 .layout .image {
	 flex: 1 0 100px;
	 margin: 0 0% 0% 0;
}
 .layout img {
	 display: block;
	 width: 100%;
}
 .layout .image--2, .layout .image--3, .layout .image--3-of-5, .layout .image--2-of-5 {
	 flex-basis: 100%;
}
 .layout .description {
	 margin-bottom: 0px;
}
 .layout .description h1 {
	 text-align: center;
}
 .layout .description p {
	 max-width: 100%;
	 margin: 0 auto;
	 text-align: center;
	 color: #fff;
	 padding-bottom: 10px;
}

.abstand {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

/* Colorbox Overlay CSS Design*/

/* impressum overlay */

.impressum {
	width: 80vw !important;
	min-width: 300px !important;
	height: 90vh !important;
	padding: 25px;
}
.impressum a {
	color: rgba(51,51,51,1.00);
}
.impressum a:hover {
	color: rgba(217,217,217,1.0);
}
.impressum h1 {
	color: rgba(51,51,51,1.00);
	font-size: 33px;
	font-family: montserrat, serif;
	font-weight: 400;
	font-style: normal;
	margin-top: 15px;
}
.impressum h2 {
	color: rgba(0,0,0,1.0);
	font-size: 25px;
	font-family: montserrat, serif;
	font-weight: 200;
	font-style: normal;
	margin-top: 20px;
}
.impressum h3 {
	color: rgba(0,0,0,1.0);
	font-size: 20px;
	font-family: montserrat, serif;
	font-weight: 400;
	font-style: normal;
	margin-top: 20px;
}
.impressum h4 {
	color: rgba(51,51,51,1.00);
	font-size: 17px;
	font-family: montserrat, serif;
	font-weight: 400;
	font-style: normal;
}
.impressum p {
	color: rgba(0,0,0,1.0);
	font-size: 14px;
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.5;
	margin-top: 30px;
}
.impressum address {
	color: rgba(0,0,0,1.0);
	font-size: 14px;
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.5;
	margin-top: 30px;
}

.g-map {
	width: 100vw;
	height: auto;
	background-color: rgba(204,171,145,1.00);
}
.g-map iframe {
	height: 450px !important;
	width: 100vw !important;
}


footer .f-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(204,171,145,1.00);
	padding: 50px;
	width: calc(100vw - 100px);
}
footer .f-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 50px;
}
footer .f-box h2 {
	font-family: montserrat, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: rgba(217,217,217,100);
	font-size: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	line-height: 1.1;
}
footer .f-box p {
	color: rgba(217,217,217,100);
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 1.5;
}
footer .f-box ul {
	margin-bottom: 25px;
}
footer .f-box li {
	list-style-type: none;
	list-style-position: inside;
	color: rgba(217,217,217,100);
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
}
footer .f-box a {
	color: rgba(217,217,217,100);
	text-decoration: none;
}
footer .f-box a:hover {
	color: #000000;
	text-decoration: underline;
}
footer .copyright {
	background-color: rgba(204,171,145,1.00);
	padding: 15px 30px;
}
footer .copyright p {
	color: rgba(217,217,217,100);
	font-family: address-sans-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 11px;
}

@media screen and (min-width: 1281px) {
  .header {
		height: 75px;
	}
	.header ul {
		position: absolute;
		left: 55px;
	}
  .header li {
	float: left;
	font-size: 19px;
	font-family: "futura-pt-condensed", sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;	  	
  }
  .header li a {
	margin: 22px 5px;
	color: rgba(255,255,255,1.00);
  }
  .header .menu {
		clear: none;
		float: right;
		max-height: none;
  }
  .header .menu-icon {
		display: none;
  }
}

/* Startseite Layout mobile nav */

@media screen and (max-width: 1280px) {
	.header ul {
	  width: 100%;
	  background-color: rgba(204,171,145,0.90);
	  margin-top: 0px;
	}
	.header li {
		font-size: 17px;
		font-family: "futura-pt-condensed", sans-serif;
		font-weight: 300;
		font-style: normal;
		text-transform: uppercase;	  	
  	}
	.header li a {
		margin: 0px 0px;
		padding: 2.5px 25px;
		color: rgba(255,255,255,1.0);
		border: 1px solid rgba(0,0,0,0.0);
	}
	.st {
		padding-top: 10px;
	}
	.sb {
		padding-bottom: 10px;
	}
	.header .logo {
		display: block;
		float: left;
		margin-right: 30px;
		margin-left: 30px;
		margin-top: 11px;
		max-height: 50px !important;
	}
}

@media screen and (max-width: 950px) {
	h1 {
		font-family: montserrat, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2em;
		padding-bottom: 20px;
		text-transform: uppercase;
		line-height: 1.0;
		color: #ffffff;
	}
	h2 {
		font-family: "futura-pt", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.8em;
		padding-bottom: 35px;
		line-height: 1.0;
		color: #ffffff;
	}
	h3 {
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1.5em;
		line-height: 1.75;
		color: #2c9189;
	}
	p {
		font-family: "futura-pt", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.2em;
		padding-bottom: 35px;
		line-height: 1.5;
		color: #ffffff;
	}
	section a {
		font-family: montserrat, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.5em;
		text-decoration: none;
		color: #ffffff;
		width: max-content !important;
	}
	.txt-insta-content {
		width: calc(100vw - 50px);
		padding: 0px 25px;
	}
	.content-restaurant {
		width: calc(100vw - 50px);
		padding: 50px 25px;
	}
	.content-events {
		width: calc(100vw - 50px);
		height: auto !important;
		padding: 150px 25px 25px 25px;
	}
	.content-speisekarte {
		width: calc(100vw - 50px);
		padding: 50px 25px;
	}
	.content-reservieren {
		width: calc(100vw - 50px);
		padding: 50px 25px;
	}
	.content-shop {
		width: calc(100vw - 50px);
		padding: 50px 25px;
	}
	.content-jobs {
		width: calc(100vw - 50px);
		padding: 50px 25px;
	}
	.teaser-box {
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	.main-eventboxes {
		width: calc(100vw - 50px) !important;
		height: auto;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch !important;
	}
	.eventboxes {
		width: calc(50vw - 25px) !important;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		align-items: stretch!important;
		align-content: center !important;
	}
	.img-eventboxes {
		background-color: rgba(44,145,137,1.0);
		width: 20vw !important;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center !important;
	}
	.content-eventboxes {
		width: calc(32vw - 50px) !important;
		height: 20vw !important;
		padding: 0px 25px;
		margin: 0px 0px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		align-items: stretch !important;
		align-content: center !important;
		justify-content: center !important;
	}
	.content-eventboxes p {
		font-size: 0.95em !important;
		line-height: 1.5;
	}
	.revers {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		text-align: right;	
	}
	.mob-norm {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		text-align: right;	
	}
	.mob-revers {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		text-align: right;	
	}
	.speisekarte-box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		align-items: center !important;
		justify-content: center!important;
		padding-top: 25px;
		padding-bottom: 75px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.karte-box {
		width: 21vw !important;
		height: 21vw !important;
		margin-top: 1vw !important;
		margin-bottom: 1vw !important;

	}
	.shop-box {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.shop-karte-box {
		width: 21vw !important;
		height: 21vw !important;
		margin-top: 1vw !important;
		margin-bottom: 1vw !important;
	}
}

@media (max-width:800px){
	h1 {
		font-family: montserrat, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.85em;
		padding-bottom: 20px;
		text-transform: uppercase;
		line-height: 1.0;
		color: #ffffff;
	}
	h2 {
		font-family: "futura-pt", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.65em;
		padding-bottom: 35px;
		line-height: 1.0;
		color: #ffffff;
	}
	h3 {
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1.35em;
		line-height: 1.75;
		color: #2c9189;
	}
	p {
		font-family: "futura-pt", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.1em;
		padding-bottom: 35px;
		line-height: 1.5;
		color: #ffffff;
	}
	section a {
		font-family: montserrat, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.3em;
		text-decoration: none;
		color: #ffffff;
		width: max-content !important;
	}
	main a {
		font-family: montserrat, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.3em;
		text-decoration: none;
		color: #ffffff;
		width: max-content !important;
	}
	
	.parallax-restaurant {
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}

	.parallax-events {
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}

	.parallax-speisekarte {
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}

	.parallax-reservierung {
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}
	.parallax-jobs {
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}

	
	.eventboxes {
		width: calc(100vw - 50px) !important;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		align-items: stretch!important;
		align-content: center !important;
	}
	.img-eventboxes {
		background-color: rgba(44,145,137,1.0);
		width: 30vw !important;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center !important;
	}
	.content-eventboxes {
		width: calc(70vw - 50px) !important;
		height: 30vw !important;
		padding: 0px 25px;
		margin: 0px 0px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: stretch !important;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		align-content: center !important;
		justify-content: center !important;
	}
	.content-eventboxes p {
		font-size: 0.9em !important;
		line-height: 1.3;
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}
	.revers {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		text-align: right;	
	}
	.mob-norm {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		text-align: right;	
	}
	.mob-revers {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		text-align: right;	
	}
	
	footer .f-box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 0px !important;
	}
	.impressum h1 {
		color: rgba(51,51,51,1.00);
		font-size: 22px;
		font-family: montserrat, serif;
		font-weight: 400;
		font-style: normal;
		margin-top: 15px;
	}
	.impressum h2 {
		color: rgba(0,0,0,1.0);
		font-size: 17px;
		font-family: montserrat, serif;
		font-weight: 200;
		font-style: normal;
		margin-top: 20px;
	}
	.impressum h3 {
		color: rgba(0,0,0,1.0);
		font-size: 15px;
		font-family: montserrat, serif;
		font-weight: 400;
		font-style: normal;
		margin-top: 20px;
	}
	.impressum h4 {
		color: rgba(51,51,51,1.00);
		font-size: 13px;
		font-family: montserrat, serif;
		font-weight: 400;
		font-style: normal;
	}
	.impressum p {
		color: rgba(0,0,0,1.0);
		font-size: 11px;
		font-family: "futura-pt", sans-serif;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5;
		margin-top: 30px;
	}
	.impressum address {
		color: rgba(0,0,0,1.0);
		font-size: 14px;
		font-family: "futura-pt", sans-serif;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5;
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.karte-box {
		width: 18vw !important;
		height: 18vw !important;
		margin-top: 1vw !important;
		margin-bottom: 1vw !important;

	}
	.shop-karte-box {
		width: 18vw !important;
		height: 18vw !important;
		margin-top: 1vw !important;
		margin-bottom: 1vw !important;
	}
	footer .f-container {
		display: block !important;
		padding: 50px 25px !important;
		width: calc(100vw - 50px) !important;
	}
}

@media screen and (max-width: 650px) {
	h1 {
		font-family: montserrat, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.7em;
		padding-bottom: 20px;
		text-transform: uppercase;
		line-height: 1.0;
		color: #ffffff;
	}
	h2 {
		font-family: "futura-pt", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.5em;
		padding-bottom: 35px;
		line-height: 1.0;
		color: #ffffff;
	}
	h3 {
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1.25em;
		line-height: 1.75;
		color: #2c9189;
	}
	p {
		font-family: "futura-pt", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1em;
		padding-bottom: 35px;
		line-height: 1.5;
		color: #ffffff;
	}
	section a {
		font-family: montserrat, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.2em;
		text-decoration: none;
		color: #ffffff;
		width: max-content !important;
	}
	.description {
		 display: none;
	}
}

@media screen and (min-width: 650px) {
	 .container {
		 max-width: 100%;
	}
	 .toggle-bar {
		 display: inline-block;
	}
	 .layout.layout--collage .image {
		 position: relative;
		 overflow: hidden;
	}
	 .layout.layout--collage .image:hover .description {
		 bottom: 0;
	}
	 .layout.layout--collage .description {
		 transition: bottom 0.6s ease-in-out;
		 padding: 5px 0 20px 0;
		 margin: 0;
		 position: absolute;
		 width: 100%;
		 max-height: 100%;
		 bottom: -100%;
		 left: 0;
		 background-color: #fff;
		 color: #2d2d2d;
		 opacity: 0.8;
	}
	 .layout.layout--collage .description h2 {
		 color: #2c9189;
		 font-size: 20px;
	}
	 .layout.layout--collage .description p {
		 font-size: 13px;
		 max-width: 90%;
		 color: #000;
	}
	 .layout.layout--collage .image--2 {
		 flex-basis: 50%;
	}
	 .layout.layout--collage .image--3 {
		 flex-basis: 33%;
	}
	 .layout.layout--collage .image--3-of-5 {
		 flex-basis: 60%;
	}
	 .layout.layout--collage .image--2-of-5 {
		 flex-basis: 40%;
		 position: relative;
		 overflow: hidden;
	}
	 .layout.layout--collage .image--2-of-5 img {
		 position: absolute;
		 height: 100%;
		 width: auto;
	}
}

@media (max-width:600px){
	.karte-box {
		width: 40vw !important;
		height: 40vw !important;
		margin-top: 1vw !important;
		margin-bottom: 1vw !important;

	}
	.shop-karte-box {
		width: 40vw !important;
		height: 40vw !important;
		margin-top: 1vw !important;
		margin-bottom: 1vw !important;
	}
	.impressum {
		width: 70vw !important;
		min-width: 200px !important;
		padding: 40px 20px !important;
	}
	.cta span {
		 font-size: 0.75em !important;
		 line-height: 18px !important;
		 font-weight: 400 !important;
		 letter-spacing: 0em !important;
	}
}

@media (max-width:450px){
	.img-eventboxes {
		background-color: rgba(44,145,137,1.0);
		width: 25vw !important;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center !important;
	}
	.content-eventboxes {
		width: calc(75vw - 50px) !important;
		height: 25vw !important;
		padding: 0px 25px;
		margin: 0px 0px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: stretch !important;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		align-content: center !important;
		justify-content: center !important;
	}
	.content-eventboxes h4 {
		font-size: 1.1em !important;
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}
	.content-eventboxes p {
		font-size: 0.8em !important;
		line-height: 1.2;
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}
	 .cta span {
		 font-size: 0.75em !important;
		 line-height: 18px !important;
		 font-weight: 400 !important;
		 letter-spacing: 0em !important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
                    only screen and (-moz-min-device-pixel-ratio: 3),
                    only screen and (-o-min-device-pixel-ratio: 3/1),
                    only screen and (min-device-pixel-ratio: 3)
{
	.parallax-restaurant {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		margin: 0vh 0vw;
		background-color: rgba(204,171,145,1.00);
		background-attachment: inherit !important;
		-webkit-background-attachment: inherit !important;
		-moz-background-attachment: inherit !important;
		-o-background-attachment: inherit !important;
		background-position: center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-image: url("../img/restaurant-max.jpg");
		background-repeat: no-repeat !important;
		min-height: 600px;
		align-items: center;
		justify-content: center;
		text-align: center !important;
		line-height: 1.5!important;
		letter-spacing: 00px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}
	.parallax-jobs {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		margin: 0vh 0vw;
		background-color: rgba(204,171,145,1.00);
		background-attachment: inherit !important;
		-webkit-background-attachment: inherit !important;
		-moz-background-attachment: inherit !important;
		-o-background-attachment: inherit !important;
		background-position: center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-image: url("../img/das-leo-scharbeutz-jobs-parallax.jpg");
		background-repeat: no-repeat !important;
		min-height: 600px;
		align-items: center;
		justify-content: center;
		text-align: center !important;
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}
	.parallax-speisekarte {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		margin: 0vh 0vw;
		background-color: rgba(204,171,145,1.00);
		background-attachment: inherit !important;
		-webkit-background-attachment: inherit !important;
		-moz-background-attachment: inherit !important;
		-o-background-attachment: inherit !important;
		background-position: center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-image: url("../img/speisekarte-max.jpg");
		background-repeat: no-repeat !important;
		min-height: 600px;
		align-items: center;
		justify-content: center;
		text-align: center !important;
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}
	.parallax-reservierung {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		margin: 0vh 0vw;
		background-color: rgba(204,171,145,1.00);
		background-attachment: inherit !important;
		-webkit-background-attachment: inherit !important;
		-moz-background-attachment: inherit !important;
		-o-background-attachment: inherit !important;
		background-position: center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-image: url("../img/reservierung-max.jpg");
		background-repeat: no-repeat;
		min-height: 600px;
		align-items: center;
		justify-content: center;
		text-align: center !important;
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (-moz-min-device-pixel-ratio: 2),
                    only screen and (-o-min-device-pixel-ratio: 2/1),
                    only screen and (min-device-pixel-ratio: 2)
{
	.parallax-restaurant {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		margin: 0vh 0vw;
		background-color: rgba(204,171,145,1.00);
		background-attachment: inherit !important;
		-webkit-background-attachment: inherit !important;
		-moz-background-attachment: inherit !important;
		-o-background-attachment: inherit !important;
		background-position: center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-image: url("../img/restaurant-max.jpg");
		background-repeat: no-repeat !important;
		min-height: 600px;
		align-items: center;
		justify-content: center;
		text-align: center !important;
		line-height: 1.5!important;
		letter-spacing: 00px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}
	.parallax-jobs {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		margin: 0vh 0vw;
		background-color: rgba(204,171,145,1.00);
		background-attachment: inherit !important;
		-webkit-background-attachment: inherit !important;
		-moz-background-attachment: inherit !important;
		-o-background-attachment: inherit !important;
		background-position: center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-image: url("../img/das-leo-scharbeutz-jobs-parallax.jpg");
		background-repeat: no-repeat !important;
		min-height: 600px;
		align-items: center;
		justify-content: center;
		text-align: center !important;
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}
	.parallax-speisekarte {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		margin: 0vh 0vw;
		background-color: rgba(204,171,145,1.00);
		background-attachment: inherit !important;
		-webkit-background-attachment: inherit !important;
		-moz-background-attachment: inherit !important;
		-o-background-attachment: inherit !important;
		background-position: center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-image: url("../img/speisekarte-max.jpg");
		background-repeat: no-repeat !important;
		min-height: 600px;
		align-items: center;
		justify-content: center;
		text-align: center !important;
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}
	.parallax-reservierung {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		margin: 0vh 0vw;
		background-color: rgba(204,171,145,1.00);
		background-attachment: inherit !important;
		-webkit-background-attachment: inherit !important;
		-moz-background-attachment: inherit !important;
		-o-background-attachment: inherit !important;
		background-position: center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-image: url("../img/reservierung-max.jpg");
		background-repeat: no-repeat;
		min-height: 600px;
		align-items: center;
		justify-content: center;
		text-align: center !important;
		line-height: 1.5 !important;
		letter-spacing: 0px !important;
		-webkit-text-shadow: 3px 3px 5px #000000;
		-ms-text-shadow: 3px 3px 5px #000000;
		text-shadow: 3px 3px 5px #000000;
	}
}