/* WEBFONTS */

@font-face {font-family:'lora-regular'; src:url('fonts/lora-regular.woff2') format('woff2'), url('fonts/lora-regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'lora-regular-italic'; src:url('fonts/lora-regular-italic.woff2') format('woff2'), url('fonts/lora-regular-italic.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'lora-bold'; src:url('fonts/lora-bold.woff2') format('woff2'), url('fonts/lora-bold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'lora-bold-italic'; src:url('fonts/lora-bold-italic.woff2') format('woff2'), url('fonts/lora-bold-italic.woff') format('woff'); font-weight:normal; font-style:normal;}

/* MANDATORY */

* {margin: 0px; padding: 0px; box-sizing: border-box; background-repeat: no-repeat; background-position: 0px 0px;}
html, body {top: 0; left: 0; right: 0; height: 100%;}
table {border: none; border-collapse: collapse;}
table td, table th {padding: 0;}
ul, ol {list-style-type: none;}
img, iframe {border: none;}
input, textarea, select {-webkit-appearance: none; border-radius: 0px;}

/* GLOBAL */

body {
	font-family: 'lora-regular', serif;
	font-size: 24px;
	line-height: 160%;
	text-align: center;
	color: #000000;
	background-color: #000000;
}

a, a:link, a:visited, a:focus, a:active, a:hover {
	color: #000000;
	text-decoration: none;
	transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
}

p {
	margin-top: 20px;
}

p a {
	color: #000000 !important;
	text-decoration: underline !important;
}

p a:hover {
	color: #b28047 !important;
}

p b,
p strong {
	color: #b28047;
}

b,
strong {
	font-family: 'lora-bold', serif;
	font-weight: normal;
}

i,
em {
	font-family: 'lora-regular-italic', serif;
	font-style: normal;
}

b i,
b em,
strong i,
strong em,
i b,
i strong,
em b,
em strong {
	font-family: 'lora-bold-italic', serif;
	font-weight: normal;
	font-style: normal;
}

a.button {
	font-family: 'lora-bold', serif;
	padding: 12px 24px;
	color: #ffffff !important;
	border-bottom: 0px !important;
	text-decoration: none !important;
	display: inline-block;
	background-color: #b28047;
	margin: 5px;
}

a.button:hover {
	color: #ffffff !important;
	background-color: #000000;
}

h1, h2, h3, h4, h5 {
	width: 100%;
	font-family: 'lora-bold', serif;
	display: block;
	font-weight: normal;
	line-height: 120%;
	margin-bottom: 10px;
	color: #b28047;
}

h1 {
	font-size: 60px;
}

h2 {
	font-size: 38px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 28px;
}

h5 {
	font-size: 24px;
}

.ce-headline-center {
	text-align: center;
}

.ce-headline-left {
	text-align: left;
}

.ce-headline-right {
	text-align: right;
}

hr {
	width: 100%;
	height: 60px;
	float: left;
	clear: both;
	background-color: transparent;
	border: none;
}

/* EU COOKIE CONSENT */

div.eu-cookie {
	width: 100%;
	float: left;
	clear: both;
	position: fixed;
	z-index: 999;
	bottom: 0px;
	left: 0px;
	background-color: #b28047;
	display: none;
}

div.eu-cookie div.center {
	width: 100%;
	max-width: 1260px;
	margin: 0px auto;
}

div.eu-cookie-content {
	width: 100%;
	float: left;
	clear: both;
	color: #ffffff;
	text-align: left;
	padding: 15px 0px;
	position: relative;
}

div.eu-cookie-content h1,
div.eu-cookie-content h2,
div.eu-cookie-content h3,
div.eu-cookie-content h4,
div.eu-cookie-content h5,
div.eu-cookie-content p,
div.eu-cookie-content p b,
div.eu-cookie-content p strong,
div.eu-cookie-content p a {
	color: #ffffff !important;
}

div.eu-cookie-content p {
	width: 100%;
	font-size: 16px;
	line-height: 130%;
	margin: 0px;
	float: left;
	clear: both;
	padding-right: 80px;
	box-sizing: border-box;
}

div.eu-cookie-content p span.disclaimer-trigger {
	text-decoration: underline;
	cursor: pointer;
}

div.eu-cookie-content span.button {
	font-family: 'lora-bold', serif;
	font-size: 18px;
	line-height: 100%;
	cursor: pointer;
	display: block;
	padding: 12px 16px;
	color: #ffffff;
	border: 2px solid #ffffff;
	position: absolute;
	top: 15px;
	right: 0px;
}

div.eu-cookie-content span.button:hover {
	color: #b28047 !important;
	background-color: #ffffff;
}

@media screen and (max-width:1040px) {
	div.eu-cookie-content {padding:10px;}
	div.eu-cookie-content p {padding-right:100px;}
	div.eu-cookie-content span.button {right:30px;}
}

@media screen and (max-width:640px) {
	div.eu-cookie-content {padding:15px 0px;}
	div.eu-cookie-content p {font-size:14px; line-height:130%; padding-right:0px;}
	div.eu-cookie-content span.button {width:100%; float:left; clear:both; position:relative; top:auto; right:auto; box-sizing:border-box; text-align:center; margin-top:10px;}
}

/* ELEMENTS */

div.bg-top,
div.bg-header,
div.bg-main,
div.bg-bottom,
div.bg-disclaimer,
div.google-maps {
	width: 100%;
	float: left;
	clear: both;
}

div.bg-top {
	top: 0px;
	left: 0px;
	position: fixed;
	background-color: #000000;
	z-index: 999;
}

div.bg-header {
	background-image: url(img/header.jpg);
	background-size: cover;
	background-position: center center;
}

div.bg-main-white {
	background-color: #ffffff;
}

div.bg-main-menu {
	background-image: url(img/menu.jpg);
	background-size: cover;
	background-position: center center;
}

div.bg-bottom {
	background-color: #000000;
}

div.bg-disclaimer {
	background-color: #191919;
	display: none;
}

div.center {
	width: 1200px;
	margin: 0px auto;
}

div.top,
div.header,
div.main,
div.bottom,
div.disclaimer {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.top {
	height: 100px;
} 

div.top-left {
	float: left;
	clear: left;
}

div.top-left a {
	width: 238px;
	height: 40px;
	display: block;
	float: left;
	clear: left;
	margin: 30px 0px;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
}

div.top-right {
	float: right;
	clear: right;
}

ul.top-menu {
	font-family: 'lora-bold', serif;
	font-size: 24px;
	line-height: 100%;
	text-transform: uppercase;
	float: left;
	clear: left;
	margin-top: 38px;
}

ul.top-menu > li {
	float: left;
	clear: none;
	display: block;
	margin-right: 50px;
}

ul.top-menu > li:last-of-type {
	margin-right: 0px;
}

ul.top-menu > li > a {
	color: #ffffff;
}

ul.top-menu > li.current > a,
ul.top-menu > li > a:hover {
	color: #b28047;
}

span.scroll-section {
	width: 100%;
	height: 0px;
	float: left;
	clear: both;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: -100px;
}

div.header-content {
	width: 100%;
	float: left;
	clear: both;
	padding-top: 100px;
}

div.header-content h1 {
	color: #ffffff;
	text-transform: uppercase;
	margin: 300px 0px;
}

div.main {
	padding: 80px 0px;
	text-align: left;
}

div.bg-main-menu div.main {
	color: #ffffff;
	padding: 200px 0px;
	text-align: center;
}

div.bg-main-menu h1,
div.bg-main-menu h2,
div.bg-main-menu h3,
div.bg-main-menu h4,
div.bg-main-menu h5 {
	color: #ffffff;
}

div.bottom {
	font-family: 'lora-bold', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 10px 0px;
}

div.bottom-left {
	float: left;
	clear: left;
}

span.pre-bottom-social {
	float: left;
	clear: left;
	line-height: 100%;
	padding-top: 12px;
	display: block;
}

ul.bottom-social {
	float: left;
	clear: right;
	margin-left: 10px;
}

ul.bottom-social > li {
	display: block;
	float: left;
	clear: none;
	margin-left: 10px;
}

ul.bottom-social > li > a {
	width: 40px;
	height: 40px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	float: left;
	clear: none;
	background-color: #ffffff;
	background-image: url(img/bottom-social.svg);
	background-size: 80px 40px;
	border-radius: 20px;
}

ul.bottom-social > li > a:hover {
	background-color: #b28047;
}

ul.bottom-social > li.facebook > a {
	background-position: 0px 0px;
}

ul.bottom-social > li.instagram > a {
	background-position: -40px 0px;
}

div.bottom-right {
	float: right;
	clear: right;
}

div.bottom p {
	margin: 0px;
}

ul.bottom-menu li {
	cursor: pointer;
	float: left;
	clear: none;
	margin-left: 20px;
}

ul.bottom-menu li:first-of-type {
	margin-left: 0px;
}

ul.bottom-menu li a {
	color: #ffffff;
}

ul.bottom-menu li:hover,
ul.bottom-menu li a:hover {
	color: #b28047;
}

div.disclaimer {
	font-size: 14px;
	line-height: 150%;
	text-align: left;
	color: #cccccc;
	padding: 60px 0px;
}

div.disclaimer p a {
	color: #cccccc !important;
}

div.disclaimer p a:hover {
	color: #d60b2c !important;
}

div.main div.frame {
	width: 100%;
	float: left;
	clear: both;
	padding: 0px 20px;
}

div.main div.frame-ce-col-75 {
	width: 75%;
	clear: none;
}

div.main div.frame-ce-col-70 {
	width: 66.6666666667%;
	clear: none;
}

div.main div.frame-ce-col-60 {
	width: 60%;
	clear: none;
}

div.main div.frame-ce-col-50 {
	width: 50%;
	clear: none;
}

div.main div.frame-ce-col-40 {
	width: 40%;
	clear: none;
}

div.main div.frame-ce-col-30 {
	width: 33.3333333333%;
	clear: none;
}

div.main div.frame-ce-col-25 {
	width: 25%;
	clear: none;
}

div.frame-type-image {
	margin-top: 20px;
}

div.ce-image,
div.ce-gallery,
div.ce-column,
figure.image {
	width: 100%;
	float: left;
	clear: both;
	display: block !important;
	margin: 0px !important;
}

div.ce-row {
	width: 25%;
	float: left;
	clear: none;
	padding: 2px;
}

div.ce-image img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

blockquote {
	text-align: center;
}

div.google-maps iframe {
	width: 100% !important;
	height: 600px !important;
	float: left;
	clear: both;
}

/* MEDIA-QUERIES */

@media screen and (max-width:1240px) {
	div.center {width:100%; float:left; clear:both; padding-left:20px; padding-right:20px;}
}

@media screen and (max-width:1140px) {
	ul.top-menu {letter-spacing:0px;}
}

@media screen and (max-width:1040px) {
	div.top {height:80px;}
	span.scroll-section {margin-top:-80px;}
	div.top-left a {width:232px; height:40px; margin:20px 0px;}
	ul.top-menu {font-size:20px; margin-top:30px;}
	div.bg-main-menu div.main {padding:150px 0px;}
	div.header-content {padding-top:80px;}
}

@media screen and (max-width:940px) {
	ul.top-menu > li {margin-right:30px;}
	div.main {padding:60px 0px;}
	div.bg-main-menu div.main {padding:100px 0px;}
	div.header-content h1 {margin:200px 0px;}
	h1 {font-size:50px;}
}

@media screen and (max-width:740px) {
	ul.top-menu {font-size:18px; margin-top:31px;}
	h1, h2 {font-size:28px;}
	h3 {font-size:24px;}
	h4 {font-size:22px;}
	h5 {font-size:18px;}
	body {font-size:18px; line-height:160%;}
	a.button {padding:8px 16px;}
	div.main {padding:40px 0px;}
	ul.bottom-menu {line-height:100%; margin-top:10px;}
	span.pre-bottom-social {display:none;}
	ul.bottom-social {margin-left:0px;}
	ul.bottom-social > li:first-of-type {margin-left:0px;}
	div.bg-main-menu div.main {padding:100px 50px;}
	div.main div.frame {width:100%; clear:both; padding:5px 0px;}
	div.header-content h1 {margin:150px 0px;}
	hr {height:30px;}
	div.frame-type-image {margin-top:0px;}
	div.google-maps iframe {height:500px !important;}
}

@media screen and (max-width:680px) {
	div.top {height:60px;}
	span.scroll-section {margin-top:-60px;}
	div.top-left a {width:174px; height:30px; margin:15px 0px;}
	ul.top-menu > li:first-of-type {display:none;}
	ul.top-menu {margin-top:21px;}
	div.header-content {padding-top:60px;}
}

@media screen and (max-width:540px) {
	ul.top-menu {margin-top:10px;}
	ul.top-menu > li > a {width:40px; height:40px; display:block; text-indent:-999px; overflow:hidden; background-image:url(img/top-menu-icons.svg); background-size:160px 80px;}
	ul.top-menu > li.restaurant > a {background-position:0px 0px;}
	ul.top-menu > li.menu > a {background-position:-40px 0px;}
	ul.top-menu > li.kontakt > a {background-position:-80px 0px;}
	ul.top-menu > li.restaurant.current > a {background-position:0px -40px;}
	ul.top-menu > li.menu.current > a {background-position:-40px -40px;}
	ul.top-menu > li.kontakt.current > a {background-position:-80px -40px;}
	ul.bottom-menu {font-size:16px; letter-spacing:0px; text-transform:none; margin-top:12px;}
	div.bg-main-menu div.main {padding:80px 50px;}
	div.csc-textpic-imagerow {width:33.3333333333%; padding:1px;}
	div.header-content h1 {margin:100px 0px;}
	hr {height:20px;}
	div.ce-row {width:33.3333333333%; padding:1px;}
	div.google-maps iframe {height:400px !important;}
}

@media screen and (max-width:440px) {
	div.center {padding-left:15px; padding-right:15px;}
	ul.top-menu > li, ul.top-menu > li.kontakt {margin-right:5px;}
	div.top-left a {width:128px; height:22px; margin:19px 0px;}
	ul.top-menu {margin-top:15px;}
	ul.top-menu > li > a {width:30px; height:30px; display:block; text-indent:-999px; overflow:hidden; background-image:url(img/top-menu-icons.svg); background-size:120px 60px;}
	ul.top-menu > li.restaurant > a {background-position:0px 0px;}
	ul.top-menu > li.menu > a {background-position:-30px 0px;}
	ul.top-menu > li.kontakt > a {background-position:-60px 0px;}
	ul.top-menu > li.booking > a {background-position:-90px 0px;}
	ul.top-menu > li.restaurant.current > a {background-position:0px -30px;}
	ul.top-menu > li.menu.current > a {background-position:-30px -30px;}
	ul.top-menu > li.kontakt.current > a {background-position:-60px -30px;}
	div.header-content {height:300px; /*padding:80px 15px;*/}
	div.bg-main-menu div.main {padding:80px 0px;}
}

@media screen and (max-width:380px) {
	ul.bottom-social > li > a {width:30px; height:30px; background-size:60px 30px; border-radius:15px;}
	ul.bottom-social > li.instagram > a {background-position:-30px 0px;}
	ul.bottom-menu {font-size:14px; margin-top:8px;}
}