PageSourceSearch

https://www.ristorantesostaga.it/ru/

html ristorantesostaga.it collected 2026-09-27 03:08:26 UTC 96,136 bytes, 2,499 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru" class="no-js">
3<head>
4
5<meta charset="utf-8">
6<!-- 
7	web by www.tt-consulting.com
8
9	This website is powered by TYPO3 - inspiring people to share!
10	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
11	TYPO3 is copyright 1998-2019 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
12	Information and contribution at https://typo3.org/
13-->
14
15
16<link rel="shortcut icon" href="/fileadmin/template/images/favicon/favicon.ico" type="image/vnd.microsoft.icon">
17
18<meta name="generator" content="TYPO3 CMS">
19<meta name="copyright" content="TT-Consulting">
20<meta name="revisit" content="20">
21<meta name="language" content="ru">
22<meta name="author" content="TT-Consulting">
23
24
25<link rel="stylesheet" type="text/css" href="/fileadmin/template/js/jquery/jquery.fancybox.min.css?1528981605" media="all">
26<link rel="stylesheet" type="text/css" href="/typo3temp/assets/compressed/merged-b22a5282cb217597d461a74841df7588-a5c0338ca3575f7bc92803c1271df1d4.css.gzip?1779202090" media="all">
27
28
29
30
31
32
33<meta name="format-detection" content="telephone=no">
34<meta name="viewport" content="width=device-width, initial-scale=1.0">
35<link rel="apple-touch-icon" sizes="180x180" href="/fileadmin/template/images/favicon/apple-touch-icon.png">
36<link rel="icon" type="image/png" sizes="32x32" href="/fileadmin/template/images/favicon/favicon-32x32.png">
37<link rel="icon" type="image/png" sizes="194x194" href="/fileadmin/template/images/favicon/favicon-194x194.png">
38<link rel="icon" type="image/png" sizes="192x192" href="/fileadmin/template/images/favicon/android-chrome-192x192.png">
39<link rel="icon" type="image/png" sizes="16x16" href="/fileadmin/template/images/favicon/favicon-16x16.png">
40<link rel="manifest" href="/fileadmin/template/images/favicon/site.webmanifest">
41<link rel="mask-icon" href="/fileadmin/template/images/favicon/safari-pinned-tab.svg" color="#585554">
42<link rel="shortcut icon" href="/fileadmin/template/images/favicon/favicon.ico">
43<meta name="apple-mobile-web-app-title" content="Sostaga">
44<meta name="application-name" content="Sostaga">
45<meta name="msapplication-TileColor" content="#ffffff">
46<meta name="msapplication-config" content="/fileadmin/template/images/favicon/browserconfig.xml">
47<meta name="theme-color" content="#585554">
48<link rel="preconnect" href="/fileadmin/template/images/trees.svg">
49<meta name="facebook-domain-verification" content="n1cj3flz7j7i759u6bc4g0hr9vww3k" />
50   <!-- Google tag (gtag.js) --> 
50<script async src=https://www.googletagmanager.com/gtag/js?id=G-Y5EE5RB9XY></script>
50 
50<script> 
vendor: 127 bytes, line 50
50window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
50G-Y5EE5RB9XY
vendor: 4 bytes, line 50
50'); 
50</script>
50
51    
52<!-- Meta Pixel Code -->
53<script>
vendor: 399 bytes, lines 53-62
53
54!function(f,b,e,v,n,t,s)
55{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
56n.callMethod.apply(n,arguments):n.queue.push(arguments)};
57if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
58n.queue=[];t=b.createElement(e);t.async=!0;
59t.src=v;s=b.getElementsByTagName(e)[0];
60s.parentNode.insertBefore(t,s)}(window, document,'script',
61'https://connect.facebook.net/en_US/fbevents.js');
62fbq('init', '
621001119207552813
vendor: 30 bytes, lines 62-63
62');
63fbq('track', 'PageView');
64</script>
64
65<noscript><img height="1" width="1" style="display:none"
66src=https://www.facebook.com/tr?id=1001119207552813&ev=PageView&noscript=1
67/></noscript>
68<!-- End Meta Pixel Code --> 
69
70<!-- Meta Pixel Code -->
71<script>
vendor: 399 bytes, lines 71-80
71
72!function(f,b,e,v,n,t,s)
73{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
74n.callMethod.apply(n,arguments):n.queue.push(arguments)};
75if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
76n.queue=[];t=b.createElement(e);t.async=!0;
77t.src=v;s=b.getElementsByTagName(e)[0];
78s.parentNode.insertBefore(t,s)}(window, document,'script',
79'https://connect.facebook.net/en_US/fbevents.js');
80fbq('init', '
80245334261451055
vendor: 30 bytes, lines 80-81
80');
81fbq('track', 'PageView');
82</script>
82
83<noscript><img height="1" width="1" style="display:none"
84src=https://www.facebook.com/tr?id=245334261451055&ev=PageView&noscript=1
85/></noscript>
86<!-- End Meta Pixel Code -->
87<meta name="robots" content="index,follow" /><!-- Google Tag Manager -->
88<script>
vendor: 327 bytes, lines 88-92
88(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
89new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
90j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
91'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
92})(window,document,'script','dataLayer','
92GTM-55DTQS9
vendor: 3 bytes, line 92
92');
92</script>
92
93<!-- End Google Tag Manager --><style type="text/css">/* ----------------------------- BEGINN SCHRIFTEN LOKAL EINBINDEN BEGINN ----------------------------- */
94
95/* lato-300 - latin */
96@font-face {
97	font-family: 'Lato';
98	font-style: normal;
99	font-weight: 300;
100	font-display: block;
101	src: url('/fileadmin/template/fonts/lato/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
102	src: local('Lato Light'), local('Lato-Light'),
103		url('/fileadmin/template/fonts/lato/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
104		url('/fileadmin/template/fonts/lato/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
105		url('/fileadmin/template/fonts/lato/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
106		url('/fileadmin/template/fonts/lato/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
107		url('/fileadmin/template/fonts/lato/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
108}
109
110/* lato-regular - latin */
111@font-face {
112	font-family: 'Lato';
113	font-style: normal;
114	font-weight: 400;
115	font-display: block;
116	src: url('/fileadmin/template/fonts/lato/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
117	src: local('Lato Regular'), local('Lato-Regular'),
118		url('/fileadmin/template/fonts/lato/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
119		url('/fileadmin/template/fonts/lato/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
120		url('/fileadmin/template/fonts/lato/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
121		url('/fileadmin/template/fonts/lato/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
122		url('/fileadmin/template/fonts/lato/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
123}
124
125/* lato-700 - latin */
126@font-face {
127	font-family: 'Lato';
128	font-style: normal;
129	font-weight: 700;
130	font-display: block;
131	src: url('/fileadmin/template/fonts/lato/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
132	src: local('Lato Bold'), local('Lato-Bold'),
133		url('/fileadmin/template/fonts/lato/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
134		url('/fileadmin/template/fonts/lato/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
135		url('/fileadmin/template/fonts/lato/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
136		url('/fileadmin/template/fonts/lato/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
137		url('/fileadmin/template/fonts/lato/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
138}
139
140/* lora-regular - latin */
141@font-face {
142	font-family: 'Lora';
143	font-style: normal;
144	font-weight: 400;
145	font-display: block;
146	src: url('/fileadmin/template/fonts/lora/lora-v12-latin-regular.eot'); /* IE9 Compat Modes */
147	src: local('Lora Regular'), local('Lora-Regular'),
148		url('/fileadmin/template/fonts/lora/lora-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
149		url('/fileadmin/template/fonts/lora/lora-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
150		url('/fileadmin/template/fonts/lora/lora-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
151		url('/fileadmin/template/fonts/lora/lora-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
152		url('/fileadmin/template/fonts/lora/lora-v12-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
153}
154
155/* lora-700 - latin */
156@font-face {
157	font-family: 'Lora';
158	font-style: normal;
159	font-weight: 700;
160	font-display: block;
161	src: url('/fileadmin/template/fonts/lora/lora-v12-latin-700.eot'); /* IE9 Compat Modes */
162	src: local('Lora Bold'), local('Lora-Bold'),
163		url('/fileadmin/template/fonts/lora/lora-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
164		url('/fileadmin/template/fonts/lora/lora-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
165		url('/fileadmin/template/fonts/lora/lora-v12-latin-700.woff') format('woff'), /* Modern Browsers */
166		url('/fileadmin/template/fonts/lora/lora-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
167		url('/fileadmin/template/fonts/lora/lora-v12-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
168}
169
170/* great-vibes-regular - latin */
171@font-face {
172font-family: 'Great Vibes';
173	font-style: normal;
174	font-weight: 400;
175	font-display: block;
176	src: url('/fileadmin/template/fonts/vibes/great-vibes-v6-latin-regular.eot'); /* IE9 Compat Modes */
177	src: local('Great Vibes'), local('GreatVibes-Regular'),
178		url('/fileadmin/template/fonts/vibes/great-vibes-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
179		url('/fileadmin/template/fonts/vibes/great-vibes-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
180		url('/fileadmin/template/fonts/vibes/great-vibes-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
181		url('/fileadmin/template/fonts/vibes/great-vibes-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
182		url('/fileadmin/template/fonts/vibes/great-vibes-v6-latin-regular.svg#GreatVibes') format('svg'); /* Legacy iOS */
183}
184/* ------------------------------- ENDE SCHRIFTEN LOKAL EINBINDEN ENDE ------------------------------- */
185
186
187
188/* -------------------------------------------------------------------- LOADER -------------------------------------------------------------------- */
189div#loader {
190	position: absolute;
191	text-align: center;
192	width: 100vw;
193	height: 100vh;
194	background-color: rgba(87, 84, 83, 1);
195	z-index: 999;
196}
197div#loader div.container {
198	position: relative;
199	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
200	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
201	display:-ms-flexbox;      /* TWEENER - IE 10 */
202	display:-webkit-flex;     /* NEW - Chrome */
203	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
204	width: 100%;
205	height: 100%;
206}
207div#loader div.circle {
208	position: absolute;
209	left: 50%;
210	top: 50%;
211	width: 200px;
212	height: 200px;
213	border-radius: 50%;
214	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
215	margin-left: -100px;
216	margin-top: -100px;
217}
218div#loader div.line {
219	position: absolute;
220	left: 50%;
221	top: 50%;
222	width: 100px;
223	height: 200px;
224	margin-left: -100px;
225	margin-top: -100px;
226	overflow: hidden;
227	-webkit-transform-origin: 100px 100px;
228	-moz-transform-origin: 100px 100px;
229	-ms-transform-origin: 100px 100px;
230	-o-transform-origin: 100px 100px;
231	transform-origin: 100px 100px;
232	-webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
233	-webkit-animation: rotate 1.2s infinite linear;
234	-moz-animation: rotate 1.2s infinite linear;
235	-o-animation: rotate 1.2s infinite linear;
236	animation: rotate 1.2s infinite linear;
237}
238div#loader div.line div.loader-line {
239	width: 200px;
240	height: 200px;
241	border-radius: 50%;
242	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
243}
244div#loader div.line div.loader-mask {
245	position: absolute;
246	left: 50%;
247	top: 50%;
248	width: 100px;
249	height: 200px;
250	margin-left: -100px;
251	margin-top: -100px;
252	overflow: hidden;
253	-webkit-transform-origin: 100px 100px;
254	-moz-transform-origin: 100px 100px;
255	-ms-transform-origin: 100px 100px;
256	-o-transform-origin: 100px 100px;
257	transform-origin: 100px 100px;
258	-webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
259	-webkit-animation: rotate 2s infinite linear;
260	-moz-animation: rotate 2s infinite linear;
261	-o-animation: rotate 2s infinite linear;
262	animation: rotate 2s infinite linear;
263}
264div#loader img {
265	-webkit-transition: all 0.3s;
266	-moz-transition: all 0.3s;
267	-o-transition: all 0.3s;
268	transition: all 0.3s;
269	margin: auto;
270	position: relative;
271	height: 115px;
272	width: auto;
273}
274div#loader .slogan {
275	position: absolute;
276	top: calc(50% + 130px);
277	left: 50%;
278	transform: translateX(-50%);
279	color: #fff;
280	font-family: 'Lora',serif;
281	font-size: 1rem;
282	line-height: 1.8rem;
283}
284@-webkit-keyframes rotate {
285	0% { transform: rotate(0deg) }
286	100%   { transform: rotate(360deg) }
287}
288@-moz-keyframes rotate {
289	0% { transform: rotate(0deg) }
290	100%   { transform: rotate(360deg) }
291}
292@-o-keyframes rotate {
293	0% { transform: rotate(0deg) }
294	100%   { transform: rotate(360deg) }
295}
296@keyframes rotate {
297	0% { transform: rotate(0deg) }
298	100%   { transform: rotate(360deg) }
299}
300/* -------------------------------------------------------------------- HEADER -------------------------------------------------------------------- */
301header {
302	position: fixed;
303	display: block;
304	top: 0;
305	width: 100%;
306	background-color: transparent;
307	z-index: 85;
308	height: 33vh;
309	min-height: 250px;
310	background: rgba(0,0,0,0.3);
311	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0,0,0,0) 100%);
312	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
313	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
314	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
315	-webkit-transition: all 0.5s ease-in-out;
316	-moz-transition: all 0.5s ease-in-out;
317	-ms-transition: all 0.5s ease-in-out;
318	-o-transition: all 0.5s ease-in-out;
319	transition: all 0.5s ease-in-out;
320}
321#mobilebar {
322	display: none;
323}
324.center {
325	position: relative;
326	margin: 0 auto;
327}
328body.scroll header, body.no-slider header {
329	min-height: 230px;
330	height: 230px;
331}
332header div.background {
333	position: relative;
334	width: 100%;
335	height: 100%;
336	display: block;
337	background-color: rgba(87, 84, 83, 0);
338	-webkit-transition: all 0.5s ease-in-out;
339	-moz-transition: all 0.5s ease-in-out;
340	-ms-transition: all 0.5s ease-in-out;
341	-o-transition: all 0.5s ease-in-out;
342	transition: all 0.5s ease-in-out;
343}
344body.scroll header div.background, body.no-slider header div.background {
345	position: relative;
346	width: 100%;
347	height: 100%;
348	display: block;
349	background-color: rgba(87, 84, 83, 1);
350}
351header div.center {
352	width: calc(100% - 160px);
353	position: relative;
354	padding: 45px 0 0 0;
355	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
356	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
357	display:-ms-flexbox;      /* TWEENER - IE 10 */
358	display:-webkit-flex;     /* NEW - Chrome */
359	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
360	flex-wrap: wrap;
361}
362header div.header-left {
363	position: absolute;
364	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
365	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
366	display:-ms-flexbox;      /* TWEENER - IE 10 */
367	display:-webkit-flex;     /* NEW - Chrome */
368	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
369	flex-direction: column;
370	left: 0;
371	z-index: 80;
372}
373header .romantic-logo {
374	max-width: 175px;
375}
376header div.header-left svg {
377	width: 100%;
378	height: auto;
379}
380header div.header-left svg path {
381	fill: #fff;
382}
383header div.header-left div.tel-lang {
384	display: none;
385}
386header a.logo-center {
387	position: relative;
388	display: block;
389	left: 50%;
390	z-index: 80;
391	-webkit-transform: translateX(-50%);
392	-moz-transform: translateX(-50%);
393	-ms-transform: translateX(-50%);
394	-o-transform: translateX(-50%);
395	transform: translateX(-50%);
396}
397header a.logo-center img {
398	width: 135px;
399	height: 100%;
400}
401header div.header-right {
402	position: absolute;
403	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
404	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
405	display:-ms-flexbox;      /* TWEENER - IE 10 */
406	display:-webkit-flex;     /* NEW - Chrome */
407	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
408	flex-direction: column;
409	right: 0;
410	z-index: 80;
411}
412header div.header-right div.buttons {
413	position: relative;
414	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
415	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
416	display:-ms-flexbox;      /* TWEENER - IE 10 */
417	display:-webkit-flex;     /* NEW - Chrome */
418	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
419}
420header div.header-left a.email, header div.header-right div.buttons a {
421	color: #ffffff;
422	font-family: 'Lora', serif;
423	font-size: 1rem;
424	font-weight: 400;
425	border: 2px solid #ffffff;
426	padding: 11px 22px;
427	min-width: 160px;
428	display: inline-block;
429	text-align: center;
430	letter-spacing: 1px;
431	-webkit-transition: all 0.3s ease-in-out;
432	-moz-transition: all 0.3s ease-in-out;
433	-ms-transition: all 0.3s ease-in-out;
434	-o-transition: all 0.3s ease-in-out;
435	transition: all 0.3s ease-in-out;
436}
437header div.header-left a.email:hover, header div.header-right div.buttons a:hover {
438	box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
439	outline-color: rgba(255, 255, 255, 0);
440	outline-offset: 10px;
441}
442header div.header-right div.buttons a {
443	text-transform: uppercase;
444}
445header div.header-right div.buttons a.request {
446	margin-right: 20px;
447}
448header div.header-left a.phone {
449	color: #ffffff;
450	font-weight: 300;
451	font-size: 0.9rem;
452	line-height: 1.75rem;
453	display: block;
454	margin: 10px 0 0 0;
455	letter-spacing: 0.2px;
456}
457header ul.sprache {
458	position: relative;
459	display: block;
460	margin: 10px 0 0 auto;
461}
462header ul.sprache.mobile {
463	display: none;
464}
465header ul.sprache li.li-container {
466	position: relative;
467	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
468	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
469	display:-ms-flexbox;      /* TWEENER - IE 10 */
470	display:-webkit-flex;     /* NEW - Chrome */
471	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
472	right: 0;
473	overflow: hidden;
474}
475header ul.sprache ul.spracheanders {
476	opacity: 0;
477	width: 0;
478	padding: 0;
479	pointer-events: none;
480	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
481	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
482	display:-ms-flexbox;      /* TWEENER - IE 10 */
483	display:-webkit-flex;     /* NEW - Chrome */
484	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
485	-webkit-transition: all 0.5s ease-in-out;
486	-moz-transition: all 0.5s ease-in-out;
487	-ms-transition: all 0.5s ease-in-out;
488	-o-transition: all 0.5s ease-in-out;
489	transition: all 0.5s ease-in-out;
490}
491header ul.sprache li.li-container:hover ul.spracheanders {
492	opacity: 1;
493	width: 130px;
494	padding-left: 15px;
495}
496header ul.sprache li.li-container li, header ul.sprache a {
497	color: #ffffff;
498	font-weight: 300;
499	font-size: 0.9rem;
500	line-height: 1.75rem;
501	display: inline-block;
502	pointer-events: all;
503	letter-spacing: 0.2px;
504}
505header ul.sprache li.li-container li {
506	padding-right: 15px;
507}
508header ul.sprache li.li-container li:last-child {
509	padding-right: 0px;
510}
511header ul.sprache a.active span:after {
512	content: url('/fileadmin/template/images/arrow-lang.svg');
513	height: 8px;
514	width: 12px;
515	padding-left: 10px;
516	top: 1px;
517	position: relative;
518	display: inline-block;
519}
520header nav.navi-main {
521	position: relative;
522	width: 100%;
523	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
524	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
525	display:-ms-flexbox;      /* TWEENER - IE 10 */
526	display:-webkit-flex;     /* NEW - Chrome */
527	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
528	z-index: 80;
529}
530header nav.navi-main ul.center {
531	position: relative;
532	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
533	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
534	display:-ms-flexbox;      /* TWEENER - IE 10 */
535	display:-webkit-flex;     /* NEW - Chrome */
536	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
537	margin: 17px auto 0 auto;
538}
539header nav.navi-main ul.center li, header nav.navi-main ul.center li a {
540	font-weight: 400;
541	text-transform: uppercase;
542	position: relative;
543	font-size: 0.9rem;
544	line-height: 1.2rem;
545	letter-spacing: 1px;
546	color: #ffffff;
547	cursor: pointer;
548	z-index: 20;
549}
550header nav.navi-main ul li.active:before {
551	content: '\2022';
552	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
553	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
554	display:-ms-flexbox;      /* TWEENER - IE 10 */
555	display:-webkit-flex;     /* NEW - Chrome */
556	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
557	position: absolute;
558	bottom: -7px;
559	opacity: 1;
560	color: #ffffff;
561	font-size: 10px;
562	line-height: 10px;
563	width: 100%;
564	justify-content: center;
565	-webkit-transition: all 0.3s ease-in-out;
566	-moz-transition: all 0.3s ease-in-out;
567	-ms-transition: all 0.3s ease-in-out;
568	-o-transition: all 0.3s ease-in-out;
569	transition: all 0.3s ease-in-out;
570}
571div#submenu div.sub-nav ul li.active a:before {
572	content: '\2022';
573	display: inline-block;
574	position: absolute;
575	height: 15px;
576	width: 15px;
577	font-size: 18px;
578	left: -25px;
579	top: -6px;
580	margin: auto 0;
581}
582header nav.navi-main ul li.active:hover:before {
583	opacity: 0;
584}
585header nav.navi-main ul.center li div.menuImage {
586	display: none;
587}
588header nav.navi-main ul.center li:after {
589	content: '';
590	position: absolute;
591	left: 0;
592	display: inline-block;
593	height: 1em;
594	width: 100%;
595	border-bottom: 1px solid;
596	margin-top: 10px;
597	opacity: 0;
598	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
599	transition: opacity 0.35s, transform 0.35s;
600	-webkit-transform: scale(0,1);
601	transform: scale(0,1);
602}
603header nav.navi-main ul.center li:hover:after {
604	opacity: 1;
605	-webkit-transform: scale(1);
606	transform: scale(1);
607}
608header nav.navi-main ul.center li {
609	position: relative;
610	display: inline-block;
611	margin-right: 40px;
612}
613header nav.navi-main ul.center li:last-child {
614	margin-right: 0px;
615}
616header nav.navi-main div.sub-nav {
617	display: none;
618}
619
620
621/* Icons mail/phone & language-menu to the left side of the header */
622header div.header-right.move-left {
623	left: 0;
624	flex-flow: row;
625}
626header div.header-right.move-left .sprache.lang-left{
627	margin: auto 0;
628	display: flex;
629}
630header div.header-right .sprache {
631	display: none;
632}
633@media screen and (max-width: 800px) {
634	header div.header-right.move-left {
635		flex-flow: column;
636	}
637}
638@media screen and (max-width: 650px) {
639	header div.header-right.move-left .sprache.lang-left {
640		display: none;
641	}
642}
643
644/* -------------------------------------------------------------------- Navi Ristorante -------------------------------------------------------------------- */
645header nav.navi-main ul.nav {
646	position: relative;
647	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
648	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
649	display:-ms-flexbox;      /* TWEENER - IE 10 */
650	display:-webkit-flex;     /* NEW - Chrome */
651	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
652	margin: 17px auto 0 auto;
653}
654header nav.navi-main ul.nav li, header nav.navi-main ul.nav li a {
655	font-weight: 400;
656	text-transform: uppercase;
657	position: relative;
658	display: inline-block;
659	font-size: 0.9rem;
660	line-height: 1.2rem;
661	letter-spacing: 1px;
662	color: #ffffff;
663	cursor: pointer;
664	z-index: 20;
665}
666header nav.navi-main ul.nav li {
667	margin-right: 40px;
668}
669header nav.navi-main ul.nav li:after {
670	content: '';
671	position: absolute;
672	left: 0;
673	display: inline-block;
674	height: 1em;
675	width: 100%;
676	border-bottom: 1px solid;
677	margin-top: 10px;
678	opacity: 0;
679	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
680	transition: opacity 0.35s, transform 0.35s;
681	-webkit-transform: scale(0,1);
682	transform: scale(0,1);
683	z-index: 10;
684}
685header nav.navi-main ul.nav li:hover:after {
686	opacity: 1;
687	-webkit-transform: scale(1);
688	transform: scale(1);
689}
690header nav.navi-main ul.nav li:last-child {
691	margin-right: 0px;
692}
693/* -------------------------------------------------------------------- Sidenavi -------------------------------------------------------------------- */
694div#sidenavi {
695	position: fixed;
696	right: 0;
697	top: calc(50vh - 100px);
698	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
699	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
700	display:-ms-flexbox;      /* TWEENER - IE 10 */
701	display:-webkit-flex;     /* NEW - Chrome */
702	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
703	flex-direction: column;
704	overflow: visible;
705}
706div#sidenavi div.wrap {
707	position: absolute;
708	width: 50px;
709	height: 50px;
710	right: 0px;
711	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
712	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
713	display:-ms-flexbox;      /* TWEENER - IE 10 */
714	display:-webkit-flex;     /* NEW - Chrome */
715	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
716	-webkit-transition: all 0.5s ease-out;
717	-moz-transition: all 0.5s ease-out;
718	-ms-transition: all 0.5s ease-out;
719	-o-transition: all 0.5s ease-out;
720	transition: all 0.5s ease-out;
721}
722div#sidenavi div.wrap:hover {
723	right: 75px;
724}
725div#sidenavi div.wrap.romantik {
726	top: 0;
727	height: 50px;
728	-webkit-transition: all 0.5s ease-in-out;
729	-moz-transition: all 0.5s ease-in-out;
730	-ms-transition: all 0.5s ease-in-out;
731	-o-transition: all 0.5s ease-in-out;
732	transition: all 0.5s ease-in-out;
733}
734div.ristorante div#sidenavi div.wrap.romantik {
735	top: 50px;
736	display: none;
737}
738div.ristorante div#sidenavi div.wrap.voucher {
739	top: 50px;
740}
741div#sidenavi div.wrap.offers,
742div#sidenavi div.wrap.voucher {
743	top: 50px;
744}
745div#sidenavi div.wrap.webcam {
746	top: 100px;
747}
748div#sidenavi div.wrap.location {
749	top: 150px;
750}
751div#sidenavi a {
752	position: relative;
753	display: block;
754	padding: 13px 15px 13px 60px;
755	color: #ffffff;
756	font-weight: 600;
757	margin-left: auto;
758	text-transform: uppercase;
759	letter-spacing: 1px;
760	font-size: 0.9rem;
761	line-height: 1.2rem;
762	text-align: left;
763	white-space: nowrap;
764}
765div#sidenavi a.romantik {
766	background-color: #ffffff;
767	border: 1px solid #9B9999;
768	-webkit-transition: all 0.4s ease-in-out;
769	-moz-transition: all 0.4s ease-in-out;
770	-ms-transition: all 0.4s ease-in-out;
771	-o-transition: all 0.4s ease-in-out;
772	transition: all 0.4s ease-in-out;
773}
774div#sidenavi a.offers,
775div#sidenavi a.voucher {
776	background-color: #C0A666;
777}
778div#sidenavi a.webcam {
779	background-color: #575453;
780}
781div#sidenavi a.location {
782	background-color: #9B9999;
783}
784div#sidenavi a.giggle {
785	background-color: #131414;
786}
787div#sidenavi a.romantik:before {
788	content: url('/fileadmin/template/images/romantik-hotels-icon.svg');
789	left: 10px;
790	top: 7px;
791	position: absolute;
792	height: 32px;
793	width: 32px;
794	opacity: 1;
795	-webkit-transition: all 0.4s ease-in-out;
796	-moz-transition: all 0.4s ease-in-out;
797	-ms-transition: all 0.4s ease-in-out;
798	-o-transition: all 0.4s ease-in-out;
799	transition: all 0.4s ease-in-out;
800}
801div#sidenavi a.offers:before {
802	content: url('/fileadmin/template/images/icon-offer.svg');
803	left: 10px;
804	top: 9px;
805	position: absolute;
806	height: 32px;
807	width: 32px;
808}
809div#sidenavi a.voucher:before {
810	content: url('/fileadmin/template/images/offers.svg');
811	left: 10px;
812	top: 9px;
813	position: absolute;
814	height: 32px;
815	width: 32px;
816}
817div#sidenavi a.webcam:before {
818	content: url('/fileadmin/template/images/webcam.svg');
819	left: 10px;
820	top: 9px;
821	position: absolute;
822	height: 32px;
823	width: 30px;
824}
825div#sidenavi a.location:before {
826	content: url('/fileadmin/template/images/location.svg');
827	left: 10px;
828	top: 9px;
829	position: absolute;
830	height: 32px;
831	width: 32px;
832}
833div#sidenavi a.giggle:before {
834	content: url('/fileadmin/template/images/giggle.svg');
835	left: 10px;
836	top: 9px;
837	position: absolute;
838	height: 32px;
839	width: 32px;
840}
841div#sidenavi div.wrap.romantik div.icon {
842	position: relative;
843	display: block;
844	background-image: url('/fileadmin/template/images/romantik_hotel_restaurant.svg');
845	background-size: 0px;
846	background-position: top center;
847	background-repeat: no-repeat;
848	width: 123px;
849	height: 80px;
850	-webkit-transition: all 0.5s ease-in-out;
851	-moz-transition: all 0.5s ease-in-out;
852	-ms-transition: all 0.5s ease-in-out;
853	-o-transition: all 0.5s ease-in-out;
854	transition: all 0.5s ease-in-out;
855}
856div#sidenavi div.wrap.romantik.open div.icon {
857	background-size: 123px;
858}
859div#sidenavi div.wrap.romantik.open {
860	right: 30px;
861}
862div#sidenavi div.wrap.romantik.open {
863	height: 102px;
864	width: 123px;
865	top: -52px;
866}
867div.ristorante div#sidenavi div.wrap.romantik.open {
868	top: -2px;
869}
870div#sidenavi div.wrap.romantik.open a {
871	padding: 13px 15px;
872}
873div#sidenavi div.wrap.romantik.open a.romantik:before {
874	left: 50px;
875	height: 28px;
876	width: 28px;
877	opacity: 0;
878}
879#view {
880	position: fixed;
881	left: 0;
882	top: calc(50vh - 98px);
883	width: 162px;
884	height: 196px;
885	background-color: #FFFFFF;
886	-webkit-transition: opacity 0.4s ease-in-out;
887	-moz-transition: opacity 0.4s ease-in-out;
888	-ms-transition: opacity 0.4s ease-in-out;
889	-o-transition: opacity 0.4s ease-in-out;
890	transition: opacity 0.4s ease-in-out;
891	display: none;
892}
893body.scroll #view {
894	opacity: 0;
895	pointer-events: none;
896}
897#view a {
898	position: absolute;
899	width: 100%;
900	height: 100%;
901	left: 0;
902	top: 0;
903}
904#view .close {
905	position: absolute;
906	display: inline-block;
907	cursor: pointer;
908	width: 20px;
909	height: 20px;
910	z-index: 20;
911	top: 7px;
912	right: 7px;
913	background-image: url('/fileadmin/template/images/view-close.svg');
914	background-size: contain;
915	background-repeat: no-repeat;
916}
917#view .logo {
918	position: absolute;
919	width: 100%;
920	height: 100%;
921	background-image: url('/fileadmin/template/images/stunning-views.png');
922	background-size: 80%;
923	background-repeat: no-repeat;
924	background-position: center center;
925}
926div.ristorante div#sidenavi div.wrap.voucher:lang(ru),
927div.ristorante div#sidenavi div.wrap.voucher:lang(fr) {
928display: none;
929}
930/* -------------------------------------------------------------------- Slider -------------------------------------------------------------------- */
931section#section-slides {
932	position: relative;
933	overflow: hidden;
934}
935section#section-slides .vimeo {
936	width: 100%;
937}
938section#section-slides .video {
939	position: relative;
940	width: 100%;
941	height: 100%;
942	overflow: hidden;
943	z-index: 0;
944}
945section#section-slides .video iframe {
946	flex-shrink: 0;
947	width: calc(100vh/9*16);
948	min-width: 100vw;
949	height: calc(100vw/16*9);
950	min-height: 100vh;
951}
952section#section-slides .vimeo .image {
953	position: absolute;
954	height: 100%;
955	width: 100%;
956}
957section#section-slides {
958	position: relative;
959	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
960	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
961	display:-ms-flexbox;      /* TWEENER - IE 10 */
962	display:-webkit-flex;     /* NEW - Chrome */
963	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
964	height: 100vh;
965	width: 100vw;
966}
967section#section-slides div.main-video {
968	height: 100%;
969	width: 100%;
970	overflow: hidden;
971	z-index: 20;
972}
973section#section-slides .video-container {
974	position: relative;
975	height: 100%;
976	width: 100%;
977}
978section#section-slides div.main-slider {
979	height: 100%;
980	width: 100%;
981	overflow: hidden;
982}
983section#section-slides video.video-play {
984	position: relative;
985	width: auto;
986	height: auto;
987	min-width: 100vw;
988	min-height: 100vh;
989	object-fit: cover;
990}
991section#section-slides .image {
992	position: relative;
993	height: 100vh;
994	width: 100%;
995	background-repeat: no-repeat;
996	background-size: cover;
997}
998section#section-slides .winestore {
999	position: absolute;
1000	z-index: 50;
1001	bottom: 15%;
1002	right: 120px;
1003	width: clamp(100px, 10vw, 180px);
1004	display: none;
1005}
1006body#p1 section#section-slides .winestore {
1007	display: block;
1008}
1009section#section-slides .button {
1010	position: absolute;
1011	z-index: 20;
1012	bottom: clamp(250px, 17vw, 500px);
1013	left: 2vw;
1014	display: flex;
1015	justify-content: center;
1016	z-index: 50;
1017	width: clamp(150px, 11vw, 230px);
1018	aspect-ratio: 1/1;
1019}
1020section#section-slides .button .text {
1021	font-size: clamp(13px, 0.9vw, 18px) !important;
1022	line-height: clamp(18px, 2vw, 28px) !important;
1023}
1024section#section-slides .button.grey {
1025	bottom: clamp(120px, 9vw, 400px);
1026	left: 5vw;
1027	z-index: 40;
1028}
1029
1030section#section-slides .button::after {
1031	content: '';
1032	background-image: url(/fileadmin/template/images/button-brush.svg);
1033	background-size: contain;
1034	background-position: right;
1035	background-repeat: no-repeat;
1036	/* width: 229px; */
1037	/* height: 235px; */
1038	width: 100%;
1039	height: 100%;
1040	position: absolute;
1041}
1042section#section-slides .button.grey::after {
1043	background-image: url(/fileadmin/template/images/button-brush_grey.svg);
1044}
1045section#section-slides .button .text {
1046	color: #FFFFFF;
1047	text-align: center;
1048	display: flex;
1049	flex-direction: column;
1050	align-items: center;
1051	justify-content: center;
1052	font-size: 1rem;
1053	line-height: 1.75rem;
1054	z-index: 2;
1055}
1056/* section#section-slides .button .text::after {
1057	content: '';
1058	background-image: url(/fileadmin/template/images/button-arrow.svg);
1059	background-size: contain;
1060	background-position: right;
1061	background-repeat: no-repeat;
1062	width: 14px;
1063	height: 15px;
1064	display: flex;
1065	z-index: -1;
1066	margin-top: 16px;
1067} */
1068section#section-slides .slide-img {
1069	height: 100%;
1070}
1071section#section-slides .vimeo .slide-img {
1072	height: 100%;
1073	position: absolute;
1074	width: 100vw;
1075	left: 0;
1076}
1077section#section-slides img {
1078	width: 100%;
1079	height: 100%;
1080	object-fit: cover;
1081}
1082/* -------------------------------------------------------------------- Expressrequest -------------------------------------------------------------------- */
1083section#section-slides div.express-container {
1084	position: absolute;
1085	padding: 130px 0 90px 0;
1086	z-index: 99;
1087	bottom: 0px;
1088	width: 100%;
1089	margin: 0 auto;
1090	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
1091	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
1092	display:-ms-flexbox;      /* TWEENER - IE 10 */
1093	display:-webkit-flex;     /* NEW - Chrome */
1094	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
1095	background: rgba(0,0,0,0.3);
1096	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0,0,0,0) 100%);
1097	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
1098	background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
1099	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
1100}
1101section#section-slides div.express-container form.express-request {
1102	position: relative;
1103	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
1104	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
1105	display:-ms-flexbox;      /* TWEENER - IE 10 */
1106	display:-webkit-flex;     /* NEW - Chrome */
1107	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
1108	margin: 0 auto;
1109}
1110section#section-slides div.express-container div.express-input {
1111	position: relative;
1112	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
1113	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
1114	display:-ms-flexbox;      /* TWEENER - IE 10 */
1115	display:-webkit-flex;     /* NEW - Chrome */
1116	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
1117}
1118section#section-slides div.express-container div.express-input div.express-fields {
1119	position: relative;
1120	display: block;
1121}
1122section#section-slides div.express-container div.express-input div.express-fields:last-child {
1123	border-right: 0px;
1124	width: 150px;
1125}
1126section#section-slides div.express-container div.express-input div.express-fields label {
1127	position: relative;
1128	display: block;
1129	color: #ffffff;
1130	text-transform: uppercase;
1131	font-weight: 400;
1132	text-align: center;
1133	font-size: 0.9rem;
1134	line-height: 1.2rem;
1135	letter-spacing: 1px;
1136}
1137section#section-slides div.express-container div.express-input div.express-fields input,
1138section#section-slides div.express-container div.express-input div.express-fields select {
1139	position: relative;
1140	display: block;
1141	color: #ffffff;
1142	font-family: 'Lora', serif;
1143	font-weight: 400;
1144	text-align: center;
1145	font-size: 2.5rem;
1146	line-height: 2.5rem;
1147	height: 50px;
1148	margin: 5px auto 0 auto;
1149	cursor: pointer;
1150}
1151section#section-slides div.express-container div.express-input div.express-fields input {
1152	border-right: 1px solid #ffffff;
1153	width: 305px;
1154	max-width: 305px;
1155}
1156section#section-slides div.express-container form.express-request div.buttons {
1157	position: relative;
1158	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
1159	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
1160	display:-ms-flexbox;      /* TWEENER - IE 10 */
1161	display:-webkit-flex;     /* NEW - Chrome */
1162	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
1163	margin-top: auto;
1164}
1165section#section-slides div.express-container form.express-request div.buttons input {
1166	position: relative;
1167	color: #ffffff;
1168	font-family: 'Lora', serif;
1169	font-size: 1rem;
1170	font-weight: 400;
1171	border: 2px solid #ffffff;
1172	padding: 11px 22px;
1173	display: inline-block;
1174	text-align: center;
1175	letter-spacing: 1px;
1176	text-transform: uppercase;
1177	cursor: pointer;
1178	min-width: 160px;
1179	-webkit-transition: all 0.3s ease-in-out;
1180	-moz-transition: all 0.3s ease-in-out;
1181	-ms-transition: all 0.3s ease-in-out;
1182	-o-transition: all 0.3s ease-in-out;
1183	transition: all 0.3s ease-in-out;
1184}
1185section#section-slides div.express-container form.express-request div.buttons input.booking {
1186	margin-left: 20px;
1187}
1188section#section-slides div.express-container form.express-request div.buttons input:hover {
1189	box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
1190	outline-color: rgba(255, 255, 255, 0);
1191	outline-offset: 10px;
1192}
1193section#section-slides div#go-to-content {
1194	position: absolute;
1195	bottom: 42px;
1196	left: 50%;
1197	width: 18px;
1198	height: 10px;
1199	-webkit-transform: translateX(-50%);
1200	-moz-transform: translateX(-50%);
1201	-ms-transform: translateX(-50%);
1202	-o-transform: translateX(-50%);
1203	transform: translateX(-50%);
1204}
1205section#section-slides div#go-to-content:before {
1206	content: url('/fileadmin/template/images/gotocontent.svg');
1207	height: 10px;
1208	width: 18px;
1209	position: relative;
1210	display: inline-block;
1211	cursor: pointer;
1212	-webkit-animation: updown 3s ease 0s infinite;
1213	-moz-animation: updown 3s ease 0s infinite;
1214	-o-animation: updown 3s ease 0s infinite;
1215	animation: updown 3s ease 0s infinite;
1216}
1217@-webkit-keyframes updown {
1218	0% { top: 0px }
1219	50% { top: -10px }
1220	100%   { top: 0px }
1221}
1222@-moz-keyframes updown {
1223	0% { top: 0px }
1224	50% { top: -10px }
1225	100%   { top: 0px }
1226}
1227@-o-keyframes updown {
1228	0% { top: 0px }
1229	50% { top: -10px }
1230	100%   { top: 0px }
1231}
1232@keyframes updown {
1233	0% { top: 0px }
1234	50% { top: -10px }
1235	100%   { top: 0px }
1236}
1237/*--------------------------------------------- Submenu ---------------------------------------------*/
1238div#submenu {
1239	position: absolute;
1240	width: 100vw;
1241	height: 100vh;
1242	display: none;
1243	background-size: cover;
1244	background-position: center center;
1245	top: 0;
1246	z-index: 70;
1247	-webkit-transition: background-image 0.7s ease-in-out;
1248	-moz-transition: background-image 0.7s ease-in-out;
1249	-ms-transition: background-image 0.7s ease-in-out;
1250	-o-transition: background-image 0.7s ease-in-out;
1251	transition: background-image 0.7s ease-in-out;
1252}
1253div#submenu div.container {
1254	position: relative;
1255	display: block;
1256	padding: 240px 0 105px 0;
1257	overflow: hidden;
1258	width: 100%;
1259	height: 100%;
1260	background: rgba(0,0,0,0.4);
1261	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0,0,0,0.15) 100%);
1262	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%);
1263	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%);
1264	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
1265}
1266div#submenu div.close {
1267	position: absolute;
1268	bottom: 40px;
1269	left: 50%;
1270	-webkit-transform:translateX(-50%);
1271	-moz-transform:translateX(-50%);
1272	-ms-transform:translateX(-50%);
1273	-o-transform:translateX(-50%);
1274	transform:translateX(-50%);
1275	width: 32px;
1276	height: 32px;
1277	background-image: url("/fileadmin/template/images/close-menu.svg");
1278	background-repeat: no-repeat;
1279	background-size: 32px 32px;
1280	background-position: center center;
1281	cursor: pointer;
1282}
1283div#submenu div.sub-nav {
1284	position: relative;
1285	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
1286	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
1287	display:-ms-flexbox;      /* TWEENER - IE 10 */
1288	display:-webkit-flex;     /* NEW - Chrome */
1289	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
1290	width: 100%;
1291	height: 100%;
1292	overflow: auto;
1293	z-index: 20;
1294}
1295div#submenu div.sub-nav::-webkit-scrollbar {
1296	display: none;
1297}
1298div#submenu div.sub-nav ul {
1299	position: relative;
1300	display: block;
1301	width: 100%;
1302	padding: 0 50px;
1303	margin: auto;
1304}
1305div#submenu div.sub-nav ul li, div#submenu div.sub-nav ul li a {
1306	position: relative;
1307	color: #ffffff;
1308	font-family: 'Lora', serif;
1309	font-weight: 300;
1310	text-align: center;
1311	font-size: 1.8rem;
1312	line-height: 3.2rem;
1313}
1314div#submenu div.sub-nav ul li a:after {
1315	content: '';
1316	position: absolute;
1317	left: 0;
1318	display: inline-block;
1319	height: 1em;
1320	width: 100%;
1321	border-bottom: 1px solid;
1322	top: 15px;
1323	opacity: 0;
1324	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1325	transition: opacity 0.35s, transform 0.35s;
1326	-webkit-transform: scale(0,1);
1327	transform: scale(0,1);
1328}
1329div#submenu div.sub-nav ul li a:hover:after {
1330	opacity: 1;
1331	-webkit-transform: scale(1);
1332	transform: scale(1);
1333}
1334/* -------------------------------------------------------------------- MOBILE MENU -------------------------------------------------------------------- */
1335#mobile-menu {
1336	width: 51px;
1337	height: 51px;
1338	position: relative;
1339	margin-left: auto;
1340	cursor: pointer;
1341	display: none;
1342}
1343#mobile-menu span {
1344	display: block;
1345	background: #ffffff;
1346	-webkit-transition: all 0.17s ease-in-out;
1347	-moz-transition: all 0.17s ease-in-out;
1348	-ms-transition: all 0.17s ease-in-out;
1349	-o-transition: all 0.17s ease-in-out;
1350	transition: all 0.17s ease-in-out;
1351}
1352#mobile-menu div.hamburger {
1353	position: absolute;
1354	height: 100%;
1355	width: 100%;
1356}
1357#mobile-menu div.hamburger span {
1358	width: 100%;
1359	height: 2px;
1360	position: relative;
1361	margin: 10px 0;
1362}
1363#mobile-menu div.hamburger span:nth-child(1) {
1364	transition-delay: .35s;
1365}
1366#mobile-menu div.hamburger span:nth-child(2) {
1367	transition-delay: .47s;
1368}
1369#mobile-menu div.hamburger span:nth-child(3) {
1370	transition-delay: .6s;
1371}
1372body.menu #mobile-menu div.hamburger span {
1373	width: 0px;
1374}
1375body.menu #mobile-menu div.hamburger span:nth-child(1) {
1376	transition-delay: 0s;
1377}
1378body.menu #mobile-menu div.hamburger span:nth-child(2) {
1379	transition-delay: .1s;
1380}
1381body.menu #mobile-menu div.hamburger span:nth-child(3) {
1382	transition-delay: .2s;
1383}
1384#mobile-menu div.cross {
1385	position: absolute;
1386	height: 100%;
1387	width: 100%;
1388	transform: rotate(45deg);
1389}
1390#mobile-menu div.cross span:nth-child(1) {
1391	height: 0%;
1392	width: 2px;
1393	position: absolute;
1394	left: 21px;
1395	transition-delay: 0s;
1396}
1397#mobile-menu div.cross span:nth-child(2) {
1398	width: 0px;
1399	height: 2px;
1400	position: absolute;
1401	left: 0px;
1402	top: 21px;
1403	transition-delay: .25s;
1404}
1405body.menu #mobile-menu div.cross span:nth-child(1) {
1406	height: 42px;
1407	transition-delay: .57s;
1408}
1409body.menu #mobile-menu div.cross span:nth-child(2) {
1410	width: 42px;
1411	transition-delay: .32s;
1412}
1413nav#mobile-navi {
1414	position: absolute;
1415	width: 100vw;
1416	height: 100vh;
1417	display: none;
1418	background-size: cover;
1419	background-position: center center;
1420	top: 0;
1421	z-index: 70;
1422	-webkit-transition: background-image 0.7s ease-in-out;
1423	-moz-transition: background-image 0.7s ease-in-out;
1424	-ms-transition: background-image 0.7s ease-in-out;
1425	-o-transition: background-image 0.7s ease-in-out;
1426	transition: background-image 0.7s ease-in-out;
1427}
1428nav#mobile-navi div.container {
1429	position: relative;
1430	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
1431	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
1432	display:-ms-flexbox;      /* TWEENER - IE 10 */
1433	display:-webkit-flex;     /* NEW - Chrome */
1434	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
1435	padding: 150px 0 40px 0;
1436	overflow: hidden;
1437	width: 100%;
1438	height: 100%;
1439	background: rgba(0,0,0,0.4);
1440	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0,0,0,0.15) 100%);
1441	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%);
1442	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%);
1443	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
1444	overflow: hidden;
1445}
1446nav#mobile-navi div.container div.scroll {
1447	position: relative;
1448	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
1449	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
1450	display:-ms-flexbox;      /* TWEENER - IE 10 */
1451	display:-webkit-flex;     /* NEW - Chrome */
1452	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
1453	height: 100%;
1454	width: 100%;
1455	overflow: auto;
1456}
1457nav#mobile-navi div.container div.scroll::-webkit-scrollbar {
1458	display: none;
1459}
1460nav#mobile-navi div.container ul.center {
1461	position: relative;
1462	display: block;
1463	padding: 0 50px;
1464	margin: auto;
1465}
1466nav#mobile-navi div.container ul.center {
1467	display: none;
1468}
1469nav#mobile-navi div.container ul.center li, nav#mobile-navi div.container ul.center li a, nav#mobile-navi div.container ul.center li > span {
1470	position: relative;
1471	color: #ffffff;
1472	font-family: 'Lora', serif;
1473	font-weight: 300;
1474	text-align: center;
1475	font-size: 1.8rem;
1476	line-height: 3.2rem;
1477	cursor: pointer;
1478}
1479nav#mobile-navi div.container ul.center li.active > span:before,
1480nav#mobile-navi div.container ul.center li.active > a:before {
1481	content: '\2022';
1482	display: inline-block;
1483	position: absolute;
1484	height: 15px;
1485	width: 15px;
1486	font-size: 18px;
1487	left: -25px;
1488	margin: auto 0;
1489}
1490nav#mobile-navi div.container div.sub-nav li, nav#mobile-navi div.container div.sub-nav li a {
1491	font-weight: 400;
1492	text-transform: uppercase;
1493	letter-spacing: 1px;
1494	color: #ffffff;
1495	font-size: 0.9rem;
1496	line-height: 1.2rem;
1497	cursor: pointer;
1498	font-family: 'Lato', sans-serif;
1499}
1500nav#mobile-navi div.container li div.sub-nav {
1501	height: 0;
1502	position: relative;
1503	display: block;
1504	padding: 0;
1505	-webkit-transition: padding 0.3s ease-in-out;
1506	-moz-transition: padding 0.3s ease-in-out;
1507	-ms-transition: padding 0.3s ease-in-out;
1508	-o-transition: padding 0.3s ease-in-out;
1509	transition: padding 0.3s ease-in-out;
1510}
1511nav#mobile-navi div.container li.click div.sub-nav {
1512	opacity: 1;
1513	height: auto;
1514	padding: 0 0 20px 0;
1515}
1516nav#mobile-navi div.container li div.sub-nav li {
1517	opacity: 0;
1518	padding: 0;
1519	-webkit-transition: padding 0.3s ease-in-out;
1520	-moz-transition: padding 0.3s ease-in-out;
1521	-ms-transition: padding 0.3s ease-in-out;
1522	-o-transition: padding 0.3s ease-in-out;
1523	transition: padding 0.3s ease-in-out;
1524}
1525nav#mobile-navi div.container li div.sub-nav li.active a:before {
1526	content: '\2022';
1527	display: inline-block;
1528	position: absolute;
1529	height: 15px;
1530	width: 15px;
1531	font-size: 10px;
1532	left: -22px;
1533	margin: auto 0;
1534}
1535nav#mobile-navi div.container li.click div.sub-nav li {
1536	opacity: 1;
1537	padding: 15px 0 0 0;
1538}
1539.responsiveBgImage {
1540	background-size: cover;
1541	background-position: center;
1542}
1543.responsiveBgImage img.hide {
1544	display: none;
1545}
1546/* -------------------------------------------------------------------- RESPONSIVE -------------------------------------------------------------------- */
1547
1548
1549@media screen and (max-width: 1800px) {
1550	header .background .header-right .icons a.phone span {
1551		display: none;
1552	}
1553}
1554/* -------------------- BEGINN 1700 BEGINN -------------------- */
1555@media screen and (max-width: 1700px) {
1556	header nav.navi-main ul.center li, header nav.navi-main ul.center li a {
1557		font-size: 0.85rem;
1558	}
1559	header nav.navi-main ul.center li {
1560		margin-right: 35px;
1561	}
1562	section#section-slides div.express-container div.express-input div.express-fields input, section#section-slides div.express-container div.express-input div.express-fields select {
1563		font-size: 2.3rem;
1564	}
1565	section#section-slides div.express-container div.express-input div.express-fields input {
1566		width: 290px;
1567		max-width: 290px;
1568	}
1569}
1570/* -------------------- BEGINN 1550 BEGINN -------------------- */
1571@media screen and (min-width: 1550px) {
1572	nav#mobile-navi {
1573		display: none !important;
1574	}
1575}
1576@media screen and (max-width: 1550px) {
1577	header div.center {
1578		padding-top: 20px;
1579	}
1580	div#submenu {
1581		display: none !important;
1582	}
1583	header div.header-right,
1584	header div.header-left {
1585		top: 50%;
1586		-webkit-transform:translateY(-50%);
1587		transform:translateY(-50%);
1588	}
1589	body.scroll header, body.no-slider header {
1590		min-height: 180px;
1591		height: 180px;
1592	}
1593	header a.logo-center {
1594		top: 7px;
1595	}
1596	header nav.navi-main {
1597		display: none;
1598	}
1599	#mobile-menu {
1600		display: inline-block;
1601	}
1602	header div.header-left div.tel-lang {
1603		position: relative;
1604		display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
1605		display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
1606		display:-ms-flexbox;      /* TWEENER - IE 10 */
1607		display:-webkit-flex;     /* NEW - Chrome */
1608		display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
1609	}
1610	header div.header-left a.phone, header ul.sprache {
1611		display: none;
1612	}
1613	header ul.sprache.mobile {
1614		display: flex;
1615		height: 44px;
1616		margin: 7px auto 0 0;
1617	}
1618	header div.header-left a.mobile-phone {
1619		background-image: url('/fileadmin/template/images/phone.svg');
1620		background-size: 32px 32px;
1621		background-repeat: no-repeat;
1622		content: '';
1623		position: relative;
1624		width: 32px;
1625		margin: 7px 20px 0 0;
1626		height: 32px;
1627		display: inline-block;
1628	}
1629	header ul.sprache li.li-container {
1630		left: 0;
1631		right: inherit;
1632	}
1633	header div.header-right div.buttons a, section#section-slides div.express-container form.express-request div.buttons input {
1634		font-size: 0.95rem;
1635		min-width: 150px;
1636	}
1637	header div.header-left a.email {
1638		font-size: 0.95rem;
1639		min-width: 320px;
1640	}
1641	header div.header-right {
1642		display:-webkit-box;
1643		display:-moz-box;
1644		display:-ms-flexbox;
1645		display:-webkit-flex;
1646		display:flex;
1647		flex-direction: row;
1648	}
1649	header div.header-right div.buttons {
1650		display: none;
1651	}
1652	section#section-slides div.express-container div.express-input div.express-fields input, section#section-slides div.express-container div.express-input div.express-fields select {
1653		font-size: 2rem;
1654	}
1655	section#section-slides div.express-container div.express-input div.express-fields input {
1656		width: 260px;
1657		max-width: 260px;
1658	}
1659	section#section-slides div.express-container div.express-input div.express-fields:last-child {
1660		width: 175px;
1661	}
1662	section#section-slides div.express-container div.express-input div.express-fields input, section#section-slides div.express-container div.express-input div.express-fields select {
1663		font-size: 1.9rem;
1664	}
1665	section#section-slides div.express-container div.express-input div.express-fields input {
1666		width: 252px;
1667		max-width: 252px;
1668	}
1669	/* section#section-slides .button {
1670		width: 210px;
1671		height: 206px;
1672	} */
1673	/* section#section-slides .button::after {
1674		width: 210px;
1675		height: 206px;
1676	} */
1677	section#section-slides .button .text::after {
1678		margin-top: 10px;
1679	}
1680
1681}
1682/* -------------------- BEGINN 1350 BEGINN -------------------- */
1683@media screen and (max-width: 1350px) {
1684	header div.center {
1685		padding-top: 10px;
1686	}
1687	header .background .header-right .cta {
1688		display: none;
1689	}
1690	header .romantic-logo {
1691		max-width: 150px;
1692	}
1693	#mobilebar {
1694		display: block;
1695	}
1696	header div.header-left a.email, header div.header-right div.buttons a {
1697		display: none;
1698	}
1699	header div.header-left a.mobile-phone {
1700		display: none;
1701	}
1702	header {
1703		min-height: 170px;
1704	}
1705	body.scroll header, body.no-slider header {
1706		min-height: 125px;
1707		height: 125px;
1708	}
1709	header a.logo-center {
1710		top: 0;
1711	}
1712	header ul.sprache.mobile {
1713		margin: 7px auto 0 11px;
1714	}
1715	header + section#breadcrumb {
1716		padding-top: 125px;
1717	}
1718	header a.logo-center img {
1719		width: 120px;
1720	}
1721	header div.header-right div.buttons a, section#section-slides div.express-container form.express-request div.buttons input {
1722		font-size: 0.85rem;
1723		min-width: 140px;
1724	}
1725	header div.header-left a.email {
1726		font-size: 0.85rem;
1727		min-width: 300px;
1728	}
1729	section#section-slides div.express-container div.express-input div.express-fields input, section#section-slides div.express-container div.express-input div.express-fields select {
1730		font-size: 1.8rem;
1731	}
1732	section#section-slides div.express-container div.express-input div.express-fields input {
1733		width: 235px;
1734		max-width: 235px;
1735	}
1736	section#section-slides div.express-container div.express-input div.express-fields:last-child {
1737		width: 165px;
1738	}
1739	/* section#section-slides .button {
1740		left: 30px;
1741	} */
1742}
1743/* -------------------- BEGINN 1200 BEGINN -------------------- */
1744@media screen and (max-width: 1200px) {
1745	section#section-slides video.video-play {
1746		width: 100vw;
1747		height: 100vh;
1748		min-width: inherit;
1749		min-height: inherit;
1750	}
1751	/* section#section-slides .button {
1752		bottom: 20%;
1753	}
1754	section#section-slides .button.grey {
1755		bottom: 10%;
1756	} */
1757}
1758/* -------------------- BEGINN 1100 BEGINN -------------------- */
1759@media screen and (max-width: 1100px) {
1760	section#section-slides div.express-container form.express-request {
1761		display: none;
1762	}
1763	div#sidenavi div.wrap:not(.giggle) {
1764		display: none;
1765	}
1766	div#sidenavi div.wrap.giggle {
1767		position: fixed;
1768		bottom: 10%;
1769		right: 5%;
1770		width: 60px !important;
1771		height: 60px;
1772		border-radius: 50%;
1773		overflow: hidden;
1774	}
1775	div#sidenavi a.giggle:before {
1776		left: 14px;
1777		top: 18px;
1778	}
1779	#view {
1780		display: none;
1781	}
1782	header div.center {
1783		width: calc(100% - 100px);
1784	}
1785	header div.header-right div.buttons a {
1786		padding: 11px 15px;
1787		min-width: 125px;
1788	}
1789	header div.header-left a.email {
1790		padding: 11px 11px;
1791		min-width: 265px;
1792	}
1793	header div.header-right div.buttons a.request {
1794		margin-right: 15px;
1795	}
1796	/* section#section-slides .button {
1797		left: 30px;
1798		bottom: 5%;
1799	} */
1800	section#section-slides .video iframe {
1801		transform: translateX(-50%);
1802		position: absolute;
1803		left: 50%;
1804		transform: translateX(-50%);
1805		height: 120%;
1806		width: 245%;
1807		min-height: auto;
1808	}
1809}
1810/* -------------------- BEGINN 1000 BEGINN -------------------- */
1811@media screen and (max-width: 1000px) {
1812	header a.logo-center img {
1813		width: 110px;
1814	}
1815	header .romantic-logo {
1816		max-width: 120px;
1817	}
1818}
1819/* -------------------- BEGINN 950 BEGINN -------------------- */
1820@media screen and (max-width: 950px) {
1821	header div.center {
1822		width: calc(100% - 60px);
1823	}
1824	section#section-slides .video iframe {
1825		height: 100%;
1826	}
1827}
1828/* -------------------- BEGINN 800 BEGINN -------------------- */
1829@media screen and (max-width: 800px) {
1830	body#p1 section#section-slides,
1831	body#p1 section#section-slides img:not(.winestore img),
1832	body#p1 section#section-slides video.video-play {
1833		height: 50vh;
1834	}
1835	section#section-slides,
1836	section#section-slides img:not(.winestore img),
1837	section#section-slides video.video-play {
1838		height: 75vh;
1839	}
1840	section#section-slides .video iframe {
1841		transform: translateX(-50%);
1842		position: absolute;
1843		left: 50%;
1844		transform: translateX(-50%);
1845		height: 140%;
1846		width: 245%;
1847		min-height: auto;
1848	}
1849	section#section-slides .button {
1850		bottom: 160px;
1851	}
1852	section#section-slides .button.grey {
1853		bottom: 30px;
1854	}
1855	section#section-slides .winestore {
1856		width: 120px;
1857		height: 120px;
1858		bottom: 80px;
1859		right: 80px;
1860	}
1861}
1862/* -------------------- BEGINN 700 BEGINN -------------------- */
1863/* @media screen and (max-width: 700px) {
1864	header .background .header-right .cta {
1865		display: none !important;
1866	}
1867} */
1868@media screen and (max-width: 620px) {
1869	section#section-slides .video iframe {
1870		height: 110%;
1871	}
1872	section#section-slides .winestore {
1873		width: 100px;
1874		height: 100px;
1875		bottom: 60px;
1876		right: 60px;
1877	}
1878}
1879/* -------------------- BEGINN 600 BEGINN -------------------- */
1880@media screen and (max-width: 600px) {
1881	#mobile-menu div.hamburger span {
1882		margin: 9px 0px;
1883	}
1884	#mobile-menu {
1885		width: 42px;
1886		height: 42px;
1887	}
1888	header a.logo-center img {
1889		width: 73px;
1890	}
1891	body.scroll header, body.no-slider header {
1892		min-height: 85px;
1893		height: 85px;
1894	}
1895	header ul.sprache li.li-container:hover ul.spracheanders {
1896		opacity: 0;
1897		width: 0px;
1898		padding-left: 0px;
1899	}
1900	header ul.sprache.mobile.open li.li-container ul.spracheanders {
1901		opacity: 1;
1902		width: 130px;
1903		padding-left: 15px;
1904	}
1905	header + section#breadcrumb {
1906		padding-top: 85px;
1907	}
1908	header .romantic-logo {
1909		max-width: 80px;
1910	}
1911	div#sidenavi div.wrap.giggle {
1912		-webkit-transform: scale(0.9);
1913		transform: scale(0.9);
1914	}
1915}
1916/* -------------------- BEGINN 480 BEGINN -------------------- */
1917@media screen and (max-width: 480px) {
1918	header .romantic-logo {
1919		max-width: 60px;
1920	}
1921	header a.logo-center img {
1922		width: 78px;
1923	}
1924	body.scroll header, body.no-slider header {
1925		min-height: 75px;
1926		height: 75px;
1927	}
1928	header + section#breadcrumb {
1929		padding-top: 75px;
1930	}
1931	section#section-slides .winestore {
1932		width: 80px;
1933		height: 80px;
1934		bottom: 5%;
1935		/* left: 5%; */
1936	}
1937}
1938/* -------------------- BEGINN 400 BEGINN -------------------- */
1939@media screen and (max-width: 400px) {
1940	header .romantic-logo {
1941		max-width: 55px;
1942	}
1943	header div.center {
1944		padding-top: 5px;
1945		width: calc(100% - 40px);
1946	}
1947	div#sidenavi div.wrap.giggle {
1948		-webkit-transform: scale(0.8);
1949		transform: scale(0.8);
1950	}
1951	section#section-slides .winestore {
1952		width: 70px;
1953		height: 70px;
1954	}
1955}
1956
1957/* HEADER NEW */
1958
1959/* .none {
1960	display: none !important;
1961}
1962body#p136 header .background {
1963	display: none !important;
1964}
1965body#p136 header .background {
1966	display: block !important;
1967} */
1968
1969header .background .header-right .cta {
1970	display: flex;
1971}
1972header .background .header-right .cta .icons {
1973	display:-webkit-box;
1974	display:-moz-box;
1975	display:-ms-flexbox;
1976	display:-webkit-flex;
1977	display:flex;
1978}
1979header .background .header-right .cta .icons a {
1980	position: relative;
1981	display:-webkit-box;
1982	display:-moz-box;
1983	display:-ms-flexbox;
1984	display:-webkit-flex;
1985	display:flex;
1986	height: 50px;
1987	margin-right: 20px;
1988	overflow: hidden;
1989}
1990header .background .header-right .cta .icons a:before {
1991	content:'';
1992	display: inline-block;
1993	width: 32px;
1994	height: 50px;
1995	background-position: center center;
1996	background-size: contain;
1997	background-repeat: no-repeat;
1998}
1999/* lookup: @style.css . The images below dont get loaded in the offer-detail-page from this css file (idk why)
2000header .background .header-right .icons a.email:before {
2001	background-image: url('../../../fileadmin/template/images/email.svg');
2002}
2003header .background .header-right .icons a.phone:before {
2004	background-image: url('../../../fileadmin/template/images/phone.svg');
2005}
2006*/
2007header .background .header-right .icons a.phone span {
2008	color: #fff;
2009	max-width: 0;
2010	margin: auto 0;
2011	white-space: nowrap;
2012	transition: all 0.2s ease-in-out;
2013}
2014header .background .header-right .icons a.phone:hover span {
2015	max-width: 165px;
2016}
2017#view {
2018	top: calc(50vh - 50px);
2019	height: 150px;
2020	width: 124px;
2021}
2022/* -------------------- BEGINN 500 BEGINN -------------------- */
2023@media screen and (max-width: 500px) {
2024	body.scroll header, body.no-slider header {
2025		min-height: 90px;
2026		height: 90px;
2027	}
2028	/* section#section-slides .button {
2029		display: none;
2030	} */
2031}
2032/* -------------------- BEGINN 370 BEGINN -------------------- */
2033@media screen and (max-width: 370px) {
2034	header .background .header-right .cta .icons a {
2035		margin-right: 8px;
2036	}
2037
2038}
2039/* -------------------- BEGINN 350 BEGINN -------------------- */
2040@media screen and (max-width: 350px) {
2041	body.scroll header, body.no-slider header {
2042		min-height: 80px;
2043		height: 80px;
2044	}
2045}</style><link rel="alternate" hreflang="it" href="https://www.ristorantesostaga.it/it/"><link rel="alternate" hreflang="de" href="https://www.ristorantesostaga.it/de/"><link rel="alternate" hreflang="en" href="https://www.ristorantesostaga.it/en/"><link rel="alternate" hreflang="fr" href="https://www.ristorantesostaga.it/fr/"><link rel="alternate" hreflang="ru" href="https://www.ristorantesostaga.it/ru/"><link rel="canonical" href="https://www.ristorantesostaga.it/ru/"><title>Панорамаресторан Озеро Гарда | Ресторан Состага</title><meta name="description" content=""><meta property="og:type" content="website" /><meta property="og:title" content="Home" /><meta property="og:url" content="https://www.ristorantesostaga.it/ru/" /><meta name="twitter:card" content="summary" />
2046</head>
2047<body id="p64" class="">
2048<!-- Google Tag Manager (noscript) -->
2049<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-55DTQS9“ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2050<!-- End Google Tag Manager (noscript) --><header>
2051	<div id="loader"><div class="container">      <div class="circle"></div>
2052      <div class="line">
2053        <div class="loader-line"></div>
2054        <div class="loader-mask"></div>
2055      </div>
2056      <span class="slogan">Life is an emotion…<br>inspiring lifetime memories</span><img src="/fileadmin/template/images/trees.svg" width="83" height="158"   alt="loader" ></div></div><div class="background ristorante"><div class="center"><div class="header-right move-left"><div class="cta"><div class="icons"><a href="javascript:linkTo_UnCryptMailto('ocknvq,kphqBxknncuquvcic0kv');" title="email" class="email">&nbsp;</a><a href="tel:+390365791218" title="telefono" class="phone"><span>+39 0365 791218</span></a></div></div><ul class="sprache lang-left"><li class="li-container"><a class="active" href="#" aria-haspopup="true" onclick="return false;"><span>ru</span></a> <ul class="spracheanders"><li><a href="/it/">it</a></li><li><a href="/de/">de</a></li><li><a href="/en/">en</a></li><li><a href="/fr/">fr</a></li></ul></li></ul></div><a href="/ru/" target="_parent" class="logo-center"><img src="/fileadmin/template/images/ristorante-sostaga-logo-new.svg" width="354" height="273"   alt="logo" ></a><div class="header-right"><div class="buttons"><a href="/ru/zabronirovat/" target="_parent">Забронировать столик</a></div><ul class="sprache"><li class="li-container"><a class="active" href="#" aria-haspopup="true" onclick="return false;"><span>ru</span></a> <ul class="spracheanders"><li><a href="/it/">it</a></li><li><a href="/de/">de</a></li><li><a href="/en/">en</a></li><li><a href="/fr/">fr</a></li></ul></li></ul>            <div id="mobile-menu">
2057              <div class="hamburger">
2058                <span></span>
2059                <span></span>
2060                <span></span>
2061              </div>
2062              <div class="cross">
2063                <span></span>
2064                <span></span>
2065              </div>
2066            </div></div><nav class="navi-main"><ul class="nav"><li><a href="/ru/menyu/" title="МЕНЮ">МЕНЮ</a></li><li><a href="/ru/mjaso-vagju/" title="Мясо вагю">Мясо вагю</a></li><li><a href="/ru/atmosfera/" title="Aтмосфера">Aтмосфера</a></li><li><a href="/ru/kulinarnoye-iskusstvo/" title="Кулинарное искусство">Кулинарное искусство</a></li><li><a href="/ru/vinnyy-pogreb/" title="Винный погреб">Винный погреб</a></li><li><a href="/ru/svad-by/" title="Свадьбы">Свадьбы</a></li><li><a href="/ru/galereia/" title="Галерея">Галерея</a></li></ul></nav><div id="sidenavi"><div class="wrap voucher"><a href="/ru/buono-regalo/" target="_parent" class="voucher">Buono regalo</a></div><div class="wrap webcam"><a href="https://www.villasostaga.it/ru/otel-na-ozere-garda/vebkamera-na-ozere-garda/" target="_parent" class="webcam">Вебкамера</a></div><div class="wrap location"><a href="/ru/kak-nas-naiti/" target="_parent" class="location">Как нас найти</a></div></div></div></div><nav id="mobile-navi"><div class="container"><div class="scroll"><ul class="center"><li><a href="/ru/menyu/" title="МЕНЮ">МЕНЮ</a></li><li><a href="/ru/mjaso-vagju/" title="Мясо вагю">Мясо вагю</a></li><li><a href="/ru/atmosfera/" title="Aтмосфера">Aтмосфера</a></li><li><a href="/ru/kulinarnoye-iskusstvo/" title="Кулинарное искусство">Кулинарное искусство</a></li><li><a href="/ru/vinnyy-pogreb/" title="Винный погреб">Винный погреб</a></li><li><a href="/ru/svad-by/" title="Свадьбы">Свадьбы</a></li><li><a href="/ru/galereia/" title="Галерея">Галерея</a></li></ul></div></div></nav>
2067	<div id="mobilebar"><div class="center"><div class="icons"><a href="javascript:linkTo_UnCryptMailto('ocknvq,kphqBxknncuquvcic0kv');" title="email" class="email">&nbsp;</a><a href="tel:+390365791218" title="telefono" class="phone">&nbsp;</a></div><div class="buttons"><a href="/ru/zabronirovat/" target="_parent">Забронировать столик</a></div></div></div>
2068</header>
2069
2070<section id="section-slides"><div class="vimeo"><div class="slide-img"><div class="image custom-object-fit responsiveImage responsiveImageInitiated" data-width="1920" data-height="1080" data-type="parent|div" data-srcset="/fileadmin/_optimized_/320/532912/villa-sostaga-restauran-fallback.jpg|320,/fileadmin/_optimized_/560/532912/villa-sostaga-restauran-fallback.jpg|560,/fileadmin/_optimized_/768/532912/villa-sostaga-restauran-fallback.jpg|768,/fileadmin/_optimized_/1024/532912/villa-sostaga-restauran-fallback.jpg|1024,/fileadmin/_optimized_/1366/532912/villa-sostaga-restauran-fallback.jpg|1366,/fileadmin/_optimized_/1680/532912/villa-sostaga-restauran-fallback.jpg|1680,/fileadmin/_optimized_/1920/532912/villa-sostaga-restauran-fallback.jpg|1920,/fileadmin/_optimized_/1920/532912/villa-sostaga-restauran-fallback.jpg|1920"></div></div><div class="video flex justify-center align-center"><iframe src="https://player.vimeo.com/video/725697668?autoplay=1&loop=1&autopause=0&background=1" allow="autoplay; fullscreen" title="Vimeo"></iframe></div></div><a href="/ru/zabronirovat/" title="заказать&lt;br&gt;столик" class="button"><div class="text t4">заказать<br>столик</div></a></section>
2071
2072
2073<section id="breadcrumb"><div class="center"><ul itemscope itemtype="https://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="/ru/" itemprop="item" class="here"><span itemprop="name">Home</span></a><meta itemprop="position" content="1"></li></ul></div></section><section class="pic-content tree"><div class="center"><div class="picture responsiveImage responsiveImageInitiated" data-width="1500" data-height="1000" data-type="this|div" data-srcset="/fileadmin/_optimized_/320/1090950/sostaga-restaurant-home-bild-text_04.jpg|320,/fileadmin/_optimized_/560/1090950/sostaga-restaurant-home-bild-text_04.jpg|560,/fileadmin/_optimized_/768/1090950/sostaga-restaurant-home-bild-text_04.jpg|768,/fileadmin/_optimized_/1024/1090950/sostaga-restaurant-home-bild-text_04.jpg|1024,/fileadmin/_optimized_/1366/1090950/sostaga-restaurant-home-bild-text_04.jpg|1366,/fileadmin/_optimized_/1500/1090950/sostaga-restaurant-home-bild-text_04.jpg|1500"></div><div class="text"><div class="container long"><div class="scroll"><h1>
2074						Добро пожаловать в ресторан Виллы Состага
2075					</h1><h2>Стильный и элегантный ресторан на озере Гарда</h2><p>Элегантный и комфортабельный ресторан Виллы Состага на озере Гарда в провинции Брешья будет прекрасным обрамлением для Вашего званого обеда или банкета на вилле люкс по случаю различных событий, празднеств и свадеб.<br /> Вы сможете попробовать как традиционные блюда местной кухни, так и творения нашего шеф-повара, которые смогут удовлетворить даже самый изысканный вкус. На нашей панорамной веранде, в зале Liberty и в изысканном небольшом зале Clarabella при свете свечей и старинных каминов периодически проходят эксклюзивные события – такие, как концерты для фортепьяно и дуэты для арфы и скрипки, а также вечера танцев под живую музыку.<br /> Весной и летом каждый гость будет окутан легким бризом панорамной террасы и маленькой беседки-газебо - наслаждаясь изысканными и Ð
2075½ÐµÐ¾Ð±Ñ‹Ñ‡Ð½Ñ‹Ð¼Ð¸ блюдами в сопровождении прекрасных вин. И все это – в обрамлении пышной зелени ухоженного сада и большого парка площадью 40 гектаров.</p></div></div><div class="down"></div><div class="zusatz-text"><h4>
2076						время работы
2077					</h4><p>Ресторан открыт каждый день на время обеда/ланча, и ужина.<br /> С 12:30 до 14:00: ланч<br /> С 19:30 до 22:00: ужин</p></div></div></div></section>
2078
2079
2080<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name=" " content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><div id="gt1" style=“display:block; width:100%;“></div><div id="root" style=“display:block; width:100%;“></div>
2080<script viewport src="https://widget.giggle.tips/widget.js?id=gt1&path=villa-sostaga&width=100%&fontCol=575453&btCol=C0A666&font=Lato&lang=en&streams=dc23ce7e-a8b4-4798-8835-dcd1c4c2ecda"></script>
2080</body></html>
2081
2082
2083<section class="channel"><div class="image custom-object-fit responsiveImage responsiveImageInitiated" data-width="1500" data-height="1000" data-type="this|div" data-srcset="/fileadmin/_optimized_/320/1148808/villa-sostaga-ristorante-ambiente-channel_04.jpg|320,/fileadmin/_optimized_/560/1148808/villa-sostaga-ristorante-ambiente-channel_04.jpg|560,/fileadmin/_optimized_/768/1148808/villa-sostaga-ristorante-ambiente-channel_04.jpg|768,/fileadmin/_optimized_/1024/1148808/villa-sostaga-ristorante-ambiente-channel_04.jpg|1024,/fileadmin/_optimized_/1366/1148808/villa-sostaga-ristorante-ambiente-channel_04.jpg|1366,/fileadmin/_optimized_/1500/1148808/villa-sostaga-ristorante-ambiente-channel_04.jpg|1500"></div><div class="overlay"></div><div class="center"><div class="text"><span class="t3">Помещения</span><p>Вилла Состага находится в нескольких минутах езды от Гарньяно и от шоссе Гардесана. Она расположена на вершине живописного холма, возвышаясь над озером Гарда и окрестными холмами, и окружена лесом площадью 40 гектаров. Отсюда удобно добираться до городов Брешья, Верона, Мантуя и Тренто.</p><a href="/ru/atmosfera/" title="Помещения" class="button">ПОДРОБНЕЕ</a></div></div></section>
2084
2085
2086<section class="channel"><div class="image custom-object-fit responsiveImage responsiveImageInitiated" data-width="1920" data-height="1080" data-type="this|div" data-srcset="/fileadmin/_optimized_/320/230904/villa-sostaga-home-lago-di-garda-header-terrazza_04.jpg|320,/fileadmin/_optimized_/560/230904/villa-sostaga-home-lago-di-garda-header-terrazza_04.jpg|560,/fileadmin/_optimized_/768/230904/villa-sostaga-home-lago-di-garda-header-terrazza_04.jpg|768,/fileadmin/_optimized_/1024/230904/villa-sostaga-home-lago-di-garda-header-terrazza_04.jpg|1024,/fileadmin/_optimized_/1366/230904/villa-sostaga-home-lago-di-garda-header-terrazza_04.jpg|1366,/fileadmin/_optimized_/1680/230904/villa-sostaga-home-lago-di-garda-header-terrazza_04.jpg|1680,/fileadmin/_optimized_/1920/230904/villa-sostaga-home-lago-di-garda-header-terrazza_04.jpg|1920,/fileadmin/_optimized_/1920/230904/villa-sostaga-home-lago-di-garda-header-terrazza_04.jpg|1920"></div><div class="overlay"></div><div class="center"><div class="text"><span class="t3">Наружные помещения</span><p>Чувство прекрасного достигает своего пика на нашей живописной веранде – месте, которое нам нравится определять как «границу» - потому что она сочетает в себе комфорт и элегантность с великолепным видом на озеро, и продолжается садом и беседкой-газебо, где можно позавтракать.</p><a href="/ru/atmosfera/" title="Наружные помещения" class="button">ПОДРОБНЕЕ</a></div></div></section>
2087
2088
2089<section class="channel"><div class="image custom-object-fit responsiveImage responsiveImageInitiated" data-width="1920" data-height="1080" data-type="this|div" data-srcset="/fileadmin/_optimized_/320/146937/villa-sostaga-ristorante-cnt-matrimoni_04.jpg|320,/fileadmin/_optimized_/560/146937/villa-sostaga-ristorante-cnt-matrimoni_04.jpg|560,/fileadmin/_optimized_/768/146937/villa-sostaga-ristorante-cnt-matrimoni_04.jpg|768,/fileadmin/_optimized_/1024/146937/villa-sostaga-ristorante-cnt-matrimoni_04.jpg|1024,/fileadmin/_optimized_/1366/146937/villa-sostaga-ristorante-cnt-matrimoni_04.jpg|1366,/fileadmin/_optimized_/1680/146937/villa-sostaga-ristorante-cnt-matrimoni_04.jpg|1680,/fileadmin/_optimized_/1920/146937/villa-sostaga-ristorante-cnt-matrimoni_04.jpg|1920,/fileadmin/_optimized_/1920/146937/villa-sostaga-ristorante-cnt-matrimoni_04.jpg|1920"></div><div class="overlay"></div><div class="center"><div class="text"><span class="t3">Свадьбы</span>
2089<p>Вилла Состага действительно станет прекрасной декорацией для небольшого празднества, приема или банкета по случаю свадьбы; она подарит Вам незабываемые ощущения погружения в роскошь былых дней.</p><a href="/ru/svad-by/" title="Свадьбы" class="button">ПОДРОБНЕЕ</a></div></div></section>
2090
2091
2092<section class="channel"><div class="image custom-object-fit responsiveImage responsiveImageInitiated" data-width="5760" data-height="3840" data-type="this|div" data-srcset="/fileadmin/_optimized_/320/8161305/ristorante-sostaga-lago-di-garda-arte-culinaria_06.jpg|320,/fileadmin/_optimized_/560/8161305/ristorante-sostaga-lago-di-garda-arte-culinaria_06.jpg|560,/fileadmin/_optimized_/768/8161305/ristorante-sostaga-lago-di-garda-arte-culinaria_06.jpg|768,/fileadmin/_optimized_/1024/8161305/ristorante-sostaga-lago-di-garda-arte-culinaria_06.jpg|1024,/fileadmin/_optimized_/1366/8161305/ristorante-sostaga-lago-di-garda-arte-culinaria_06.jpg|1366,/fileadmin/_optimized_/1680/8161305/ristorante-sostaga-lago-di-garda-arte-culinaria_06.jpg|1680,/fileadmin/_optimized_/1920/8161305/ristorante-sostaga-lago-di-garda-arte-culinaria_06.jpg|1920,/fileadmin/_optimized_/2560/8161305/ristorante-sostaga-lago-di-garda-arte-culinaria_06.jpg|2560,/fileadmin/_optimized_/3840/8161305/ristorante-sostaga-lago-di-garda-arte-culinaria_06.jpg|3840"></div><div class="overlay"></div><div class="center"><div class="text"><span class="t3">Кулинарное искусство</span><p>Страсть к еде и к удовольствию, которое она доставляет тем, кто умеет ею наслаждаться, стали причиной того что я начал изучать эту профессию - которую, скорее, можно назвать страстью...</p><a href="/ru/kulinarnoye-iskusstvo/" title="Кулинарное искусство" class="button">ПОДРОБНЕЕ</a></div></div></section>
2093
2094
2095<section class="channel"><div class="image custom-object-fit responsiveImage responsiveImageInitiated" data-width="2000" data-height="1333" data-type="this|div" data-srcset="/fileadmin/_optimized_/320/2420395/restaurant-sostaga-channel-menu_04.jpg|320,/fileadmin/_optimized_/560/2420395/restaurant-sostaga-channel-menu_04.jpg|560,/fileadmin/_optimized_/768/2420395/restaurant-sostaga-channel-menu_04.jpg|768,/fileadmin/_optimized_/1024/2420395/restaurant-sostaga-channel-menu_04.jpg|1024,/fileadmin/_optimized_/1366/2420395/restaurant-sostaga-channel-menu_04.jpg|1366,/fileadmin/_optimized_/1680/2420395/restaurant-sostaga-channel-menu_04.jpg|1680,/fileadmin/_optimized_/1920/2420395/restaurant-sostaga-channel-menu_04.jpg|1920,/fileadmin/_optimized_/2000/2420395/restaurant-sostaga-channel-menu_04.jpg|2000"></div><div class="overlay"></div><div class="center"><div class="text"><span class="t3">Меню</span><p>Рыбные, мясные или овощные блюда: Кухонная бригада Villa Sostaga сочетает высококачественные региональные ингредиенты для создания шедевров на тарелке - для полного вкуса с видом.</p><a href="/ru/menyu/" title="Меню" class="button">ПОДРОБНЕЕ</a></div></div></section>
2096
2097
2098<section class="channel"><div class="image custom-object-fit responsiveImage responsiveImageInitiated" data-width="2000" data-height="1333" data-type="this|div" data-srcset="/fileadmin/_optimized_/320/1810234/restaurant-sostaga-channel-wein_04.jpg|320,/fileadmin/_optimized_/560/1810234/restaurant-sostaga-channel-wein_04.jpg|560,/fileadmin/_optimized_/768/1810234/restaurant-sostaga-channel-wein_04.jpg|768,/fileadmin/_optimized_/1024/1810234/restaurant-sostaga-channel-wein_04.jpg|1024,/fileadmin/_optimized_/1366/1810234/restaurant-sostaga-channel-wein_04.jpg|1366,/fileadmin/_optimized_/1680/1810234/restaurant-sostaga-channel-wein_04.jpg|1680,/fileadmin/_optimized_/1920/1810234/restaurant-sostaga-channel-wein_04.jpg|1920,/fileadmin/_optimized_/2000/1810234/restaurant-sostaga-channel-wein_04.jpg|2000"></div><div class="overlay"></div><div class="center"><div class="text"><span class="t3">Винный погреб</span>
2098<p>В винном погребе Villa Sostaga более 700 наименований вин: изысканные вина из небольших виноделен, расположенных по соседству, итальянская классика и вина со всего мира. Позвольте нам посоветовать вам.</p><a href="/ru/vinnyy-pogreb/" title="Винный погреб" class="button">ПОДРОБНЕЕ</a></div></div></section>
2099
2100
2101<footer>
2102	<div class="trip-page"><div class="center"><div id="TA_certificateOfExcellence955" class="TA_certificateOfExcellence"><ul id="qQhcLnnL" class="TA_links Ezi8vO"><li id="wqZEARja" class="vUryN5GPfQr"><a target="_blank" href="https://www.tripadvisor.de/Hotel_Review-g7648188-d1166732-Reviews-Boutique_Hotel_Villa_Sostaga-Navazzo_Gargnano_Province_of_Brescia_Lombardy.html"><img src="/fileadmin/template/images/tripadvisor.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a></li></ul></div>
2102<script async src="/fileadmin/template/images/tripadvisor.png" data-loadtrk onload="this.loadtrk=true"></script>
2102<div class="text"><span class="t3">Сертификат TripAdvisor</span><p>Вилла Состага с гордостью представляет сертификат отличия TripAdvisor в качестве гарантии той страсти и того уровня качества, которые мы вкладываем в нашу работу.</p></div></div></div><div class="villa-page"><div class="center"><span class="t3">Boutique Hotel Villa Sostaga</span><a href="https://www.villasostaga.it/ru/" target="_parent">ИНФО</a></div></div><div class="credits"><div class="center"><div class="upper"><div class="adress"><span class="t4">Ristorante Sostaga</span><div class="text-adress"><p><span class="street">Via Sostaga 19</span><span class="place">25084 Navazzo di Gargnano (BS)</span></p><p><a href="tel:+390365791218" title="telefono" class="phone">tel +39 0365 791218</a><a href="tel:+393405322046" title="cellulare" class="mobile-phone">mobile +39 340 5322046</a></p><p><a href="javascript:linkTo_UnCryptMailto('ocknvq,kphqBxknncuquvcic0kv');" title="email" class="email">[email protected]</a></p></div></div><div class="social"><ul id="navi-footer"><li><a href="/ru/kak-nas-naiti/">Как нас найти</a></li><li><a href="/ru/pogoda-meteo/">Метео</a></li><li><a href="/ru/vebkamera/">Вебкамера</a></li></ul><div class="icons"><a href="https://it-it.facebook.com/villasostaga" target="_blank"><img src="/fileadmin/template/images/facebook.svg" width="40" height="40"   alt="facebook" ></a><a href="https://www.youtube.com/channel/UCevBlKp_lJ8lAt0xouaYRGQ" target="_blank"><img src="/fileadmin/template/images/youtube.svg" width="40" height="40"   alt="youtube" ></a><a href="https://www.instagram.com/hotelvillasostaga/" target="_blank"><img src="/fileadmin/template/images/instagram.svg" width="40" height="40"   alt="instagram" ></a><a href="https://www.pinterest.com/villasostaga/" target="_blank"><img src="/fileadmin/template/images/pinterest.svg" width="40" height="40"   alt="pinterest" ></a><a href="https://twitter.com/HotelSostaga" target="_blank"><img src="/fileadmin/template/images/twitter.svg" width="40" height="40"   alt="twitter" ></a></div><div class="links"><a href="https://www.tripadvisor.ru/Restaurant_Review-g664150-d1802144-Reviews-Ristorante_Sostaga-Gargnano_Province_of_Brescia_Lombardy.html" title="tripadvisor" target="_blank" class="tripadvisor">TripAdvisor</a></div></div></div><ul class="sprache-footer"><li class="li-container"><li><a href="/it/">it</a></li><li><a href="/de/">de</a></li><li><a href="/en/">en</a></li><li><a href="/fr/">fr</a></li></ul></li></ul><div class="lower"><div class="iva-credits"><span>Код НДС IT10200940152</span><ul id="navi-credits"><li><a href="/ru/kolofon/">колофон</a></li><li><a href="/ru/privacy/">Privacy</a></li><li><a href="/ru/cookies/">Cookies</a></li><li><a href="/ru/karta-saita/">Карта сайта</a></li></ul></div><div class="partner"><a href="https://www.tt-consulting.com/it/" target="_blank" class="tt-con"><img src="/fileadmin/template/images/tt-consulting.svg" width="113" height="20"   alt="tt-consulting" ></a></div></div></div></div>
2103</footer>
2104<script src="/typo3temp/assets/compressed/merged-2d339f697b61859c50be2b5b293b348b-4e89aa5c23e8d63a956662d78e715025.js.gzip?1764604699" type="text/javascript"></script>
vendor: 1 bytes, line 2104
2104
2105<script src="/fileadmin/template/js/jquery/jquery-ui.min.js?1531293619" type="text/javascript"></script>
vendor: 1 bytes, line 2105
2105
2106<script src="/typo3temp/assets/compressed/merged-b8acde72954abeb701fba8c9eb618709-a80fbc182badd41432d5d56d3dab2385.js.gzip?1764604699" type="text/javascript"></script>
vendor: 1 bytes, line 2106
2106
2107<script src="/typo3temp/assets/compressed/merged-413593d1986c6140ba6da1208665fd01-cefdb4eb490acd887e05bb76c5654ec8.js.gzip?1764604699" type="text/javascript"></script>
2107
2108
2109<div id="cookiewarn">
2110      <div id="cookiewarn-wrap">
2111        <div id="cookiewarn-content">
2112          <div id="cookiewarn-textcontainer">
2113            <div id="cookiewarn-text">We use cookies to give you the best possible service. Please be aware that, in case of deactivation, full enjoyment of the site may not be guaranteed.</div>
2114          </div>
2115          <div id="cookiewarn-buttoncontainer">
2116            <div id="cookiewarn-ok-button">OK</div>
2117            <a href="/ru/cookies/" id="cookiewarn-more-button">More infos</a>
2118            <div id="cookiewarn-nocookie-button">Deactivate</div>
2119          </div>
2120        </div>
2121      </div>
2122      </div><style type="text/css">.visibleImageInitiated, .responsiveImageInitiated {
2123-webkit-animation:fadeOut 0.2s;
2124-moz-animation:fadeOut 0.2s;
2125-ms-animation:fadeOut 0.2s;
2126-o-animation:fadeOut 0.2s;
2127animation:fadeOut 0.2s;
2128}
2129.visibleImageCalculated, .responsiveImageCalculated {
2130-webkit-animation:fadeIn 0.6s;
2131-moz-animation:fadeIn 0.6s;
2132-ms-animation:fadeIn 0.6s;
2133-o-animation:fadeIn 0.6s;
2134animation:fadeIn 0.6s;
2135}
2136@-webkit-keyframes fadeIn {
21370% {opacity:0}
2138100% {opacity:1}
2139}
2140@-moz-keyframes fadeIn {
21410% {opacity:0}
2142100% {opacity:1}
2143}
2144@keyframes fadeIn {
21450% {opacity:0}
2146100% {opacity:1}
2147}
2148@-o-keyframes fadeIn {
21490% {opacity:0}
2150100% {opacity:1}
2151}
2152@-webkit-keyframes fadeOut {
21530% {opacity:1}
2154100% {opacity:0}
2155}
2156@-moz-keyframes fadeOut {
21570% {opacity:1}
2158100% {opacity:0}
2159}
2160@keyframes fadeOut {
21610% {opacity:1}
2162100% {opacity:0}
2163}
2164@-o-keyframes fadeOut {
21650% {opacity:1}
2166100% {opacity:0}
2167}</style>
2167<script type="text/javascript">$.fn.isInViewport = function() {
2168    var elementTop = $(this).offset().top;
2169    var elementBottom = elementTop + $(this).height();
2170    var viewportTop = $(window).scrollTop();
2171    var viewportBottom = viewportTop + $(window).height();
2172    return elementBottom > viewportTop && elementTop < viewportBottom;
2173};</script>
2173<script type="text/javascript">visibleImagesInit();
2174
2175$(document).ready(function() {
2176	visibleImages();
2177});
2178
2179$(window).resize(function() {
2180	visibleImages();
2181});
2182
2183$(window).scroll(function() {
2184	visibleImages();
2185});
2186
2187function visibleImagesInit() {
2188	$('img').each(function() {
2189		var src = $(this).attr('src');	
2190		if ($(this).isInViewport() && !$(this).hasClass('responsiveImage') && !$(this).hasClass('responsiveDummyImage') && src.indexOf('.svg') == 0) {
2191			$(this).addClass('visibleImage');
2192			$(this).attr({
2193				'data-visibleimage': src
2194			}).addClass('visibleImageInitiated');
2195		}
2196		else if (!$(this).isInViewport() && !$(this).hasClass('responsiveImage') && !$(this).hasClass('responsiveDummyImage') && src.indexOf('.svg') == 0) {
2197			$(this).addClass('visibleImage');
2198			var thisWidth = $(this).width();
2199			var thisHeight = $(this).height();
2200			$(this).attr({
2201				'width': thisWidth,
2202				'height': thisHeight,
2203				'data-visibleimage': src,
2204				'src': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='
2205			}).addClass('visibleImageInitiated');
2206		}
2207	});
2208}
2209
2210function visibleImages() {
2211	$('img.visibleImageInitiated').each(function() {
2212		if ($(this).isInViewport()) {
2213			var src = $(this).attr('data-visibleimage');
2214			$(this).removeAttr('width').removeAttr('height').attr({
2215				'src': src
2216			}).addClass('visibleImageCalculated');
2217		}
2218		else if ($(this).hasClass('visibleImageInitiated')) {
2219			$(this).removeClass('visibleImageCalculated');
2220		}
2221		var thisWidth = $(this).width();
2222		var thisHeight = $(this).height();
2223		$(this).attr({
2224			'width': thisWidth,
2225			'height': thisHeight,
2226		});
2227	});
2228}</script>
2228<script type="text/javascript">responsiveImagesInit();
2229
2230$(document).ready(function() {
2231	responsiveImages();
2232});
2233
2234$(window).resize(function() {
2235	var resize = 1;
2236	window.addEventListener("orientationchange", function() {
2237		resize = 0;
2238	}, false);
2239	if (resize = 1) responsiveImages();
2240});
2241
2242$(window).scroll(function() {
2243	responsiveImages();
2244});
2245
2246function responsiveImagesInit() {
2247	$('.responsiveImage.responsiveImageInitiated').each(function() {
2248		var typeSet = $(this).attr('data-type');
2249		var typeArray = typeSet.split('|');
2250		var typeKind = typeArray[0];
2251		var typeTag = typeArray[1];
2252		if (typeTag == 'img') {
2253			if (typeKind == 'parent') {
2254				var thisWidth = $(this).parent()[0].getBoundingClientRect().width;;
2255				var thisHeight = $(this).parent()[0].getBoundingClientRect().height;;
2256				$(this).parent().css({
2257					'width': thisWidth + 'px',
2258					'height': thisHeight + 'px'
2259				});
2260			}
2261			else {
2262				var thisWidth = $(this).naturalWidth;
2263				var thisHeight = $(this).naturalHeight;
2264				$(this).attr({
2265					'width': thisWidth,
2266					'height': thisHeight,
2267				});
2268			}
2269			$(this).attr('src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=');
2270		}
2271		else $(this).css('background-image', 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=)').find('.responsiveDummyImage').attr('src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=');
2272	});
2273}
2274
2275function responsiveImages() {
2276	$('.responsiveImage.responsiveImageInitiated').each(function() {
2277		var $item = $(this);
2278		var typeSet = $item.attr('data-type');
2279		var srcSet = $item.attr('data-srcset');
2280		if (typeSet != '' && srcSet != '') {
2281			var $parent = $item.parent();
2282			var typeArray = typeSet.split('|');
2283			var typeKind = typeArray[0];
2284			var typeTag = typeArray[1];
2285			if (typeKind == 'this' || typeKind == 'min' || typeKind == 'max') $viewport = $item;
2286			else if (typeKind == 'parent') $viewport = $parent;
2287			if ($viewport.isInViewport() && $viewport.is(':visible') && !$item.hasClass('responsiveImageCalculated')) {
2288				var origWidth = parseInt($item.attr('data-width'));
2289				var origHeight = parseInt($item.attr('data-height'));
2290				var srcSizes = srcSet.split(',');
2291				var countSizes = srcSizes.length;
2292				if (typeKind == 'min') {
2293					var referenceWidth = 'not necessary';
2294					var referenceHeight = 'not necessary';
2295					var thisIndex = 0;
2296					var srcSizeArray = srcSizes[thisIndex];
2297					var srcSize = srcSizeArray.split('|');
2298					var srcSrc = srcSize[0];
2299					var srcWidth = srcSize[1];
2300					var srcHeight = (origHeight * srcWidth) / origWidth;
2301				}
2302				else {
2303					for (var i = 0; i < countSizes; i++) {
2304						var thisIndex = countSizes - 1;
2305						if (typeKind == 'parentwidth') {
2306							var referenceWidth = $parent[0].getBoundingClientRect().width;;
2307							var referenceHeight = 'not necessary';
2308							var srcSizeArray = srcSizes[i];
2309							var srcSize = srcSizeArray.split('|');
2310							var srcSrc = srcSize[0];
2311							var srcWidth = srcSize[1];
2312							var srcHeight = (origHeight * srcWidth) / origWidth;
2313							if (srcWidth >= referenceWidth) {
2314								thisIndex = i;
2315								var srcSizeArray = srcSizes[thisIndex];
2316								var srcSize = srcSizeArray.split('|');
2317								var srcSrc = srcSize[0];
2318								var srcWidth = srcSize[1];
2319								var srcHeight = (origHeight * srcWidth) / origWidth;
2320								break;
2321							}
2322						}
2323						else {
2324							if (typeKind == 'parent') {
2325								var referenceWidth = $parent[0].getBoundingClientRect().width;
2326								var referenceHeight = $parent[0].getBoundingClientRect().height;
2327							}
2328							if (typeKind == 'this') {
2329								var referenceWidth = $item[0].getBoundingClientRect().width;
2330								var referenceHeight = $item[0].getBoundingClientRect().height;
2331							}
2332							var srcSizeArray = srcSizes[i];
2333							var srcSize = srcSizeArray.split('|');
2334							var srcSrc = srcSize[0];
2335							var srcWidth = srcSize[1];
2336							var srcHeight = (origHeight * srcWidth) / origWidth;
2337							if (srcWidth >= referenceWidth) {
2338								if (srcHeight < referenceHeight) {
2339									var x = countSizes - 1;
2340									var srcMaxSizeArray = srcSizes[x];
2341									var srcMaxSize = srcMaxSizeArray.split('|');
2342									var srcMaxWidth = srcMaxSize[1];
2343									var srcMaxHeight = (origHeight * srcMaxWidth) / origWidth;
2344									if (srcMaxHeight <= referenceHeight) thisIndex = x;
2345									else {
2346										while (srcMaxHeight > referenceHeight) {
2347											x--;
2348											srcMaxSizeArray = srcSizes[x];
2349											srcMaxSize = srcMaxSizeArray.split('|');
2350											srcMaxWidth = srcMaxSize[1];
2351											srcMaxHeight = (origHeight * srcMaxWidth) / origWidth;
2352										}
2353										x++;
2354										thisIndex = x;
2355									}
2356								}
2357								else thisIndex = i;
2358								var srcSizeArray = srcSizes[thisIndex];
2359								var srcSize = srcSizeArray.split('|');
2360								var srcSrc = srcSize[0];
2361								var srcWidth = srcSize[1];
2362								var srcHeight = (origHeight * srcWidth) / origWidth;
2363								break;
2364							}
2365						}
2366					}
2367				}
2368				if (typeTag == 'img') $item.attr('src', srcSrc);
2369				if (typeTag == 'div') $item.css('background-image', 'url(' + srcSrc + ')').find('.responsiveDummyImage').attr('src', srcSrc);
2370				$item.addClass('responsiveImageCalculated');
2371			}
2372			else if (!$viewport.isInViewport() && srcSet != '') {
2373				$item.removeClass('responsiveImageCalculated');
2374				if (typeTag == 'img') {
2375					if (typeKind == 'parent') {
2376						var thisWidth = $parent[0].getBoundingClientRect().width;;
2377						var thisHeight = $parent[0].getBoundingClientRect().height;;
2378						$parent.css({
2379							'width': thisWidth + 'px',
2380							'height': thisHeight + 'px'
2381						});
2382					}
2383					else {
2384						var thisWidth = $item.naturalWidth;
2385						var thisHeight = $item.naturalHeight;
2386						$item.css({
2387							'width': thisWidth + 'px',
2388							'height': thisHeight + 'px'
2389						});
2390					}
2391				}
2392			}
2393			if ($item.hasClass('notResponsiveHide')) {
2394				var origWidth = parseInt($item.attr('data-width'));
2395				var origHeight = parseInt($item.attr('data-height'));
2396				var srcSizes = srcSet.split(',');
2397				var countSizes = srcSizes.length;
2398				if (typeKind == 'min') {
2399					var referenceWidth = 'not necessary';
2400					var referenceHeight = 'not necessary';
2401					var thisIndex = 0;
2402					var srcSizeArray = srcSizes[thisIndex];
2403					var srcSize = srcSizeArray.split('|');
2404					var srcSrc = srcSize[0];
2405					var srcWidth = srcSize[1];
2406					var srcHeight = (origHeight * srcWidth) / origWidth;
2407				}
2408				else {
2409					for (var i = 0; i < countSizes; i++) {
2410						var thisIndex = countSizes - 1;
2411						if (typeKind == 'parentwidth') {
2412							var referenceWidth = $parent[0].getBoundingClientRect().width;;
2413							var referenceHeight = 'not necessary';
2414							var srcSizeArray = srcSizes[i];
2415							var srcSize = srcSizeArray.split('|');
2416							var srcSrc = srcSize[0];
2417							var srcWidth = srcSize[1];
2418							var srcHeight = (origHeight * srcWidth) / origWidth;
2419							if (srcWidth >= referenceWidth) {
2420								thisIndex = i;
2421								var srcSizeArray = srcSizes[thisIndex];
2422								var srcSize = srcSizeArray.split('|');
2423								var srcSrc = srcSize[0];
2424								var srcWidth = srcSize[1];
2425								var srcHeight = (origHeight * srcWidth) / origWidth;
2426								break;
2427							}
2428						}
2429						else {
2430							if (typeKind == 'parent') {
2431								var referenceWidth = $parent[0].getBoundingClientRect().width;
2432								var referenceHeight = $parent[0].getBoundingClientRect().height;
2433							}
2434							if (typeKind == 'this') {
2435								var referenceWidth = $item[0].getBoundingClientRect().width;
2436								var referenceHeight = $item[0].getBoundingClientRect().height;
2437							}
2438							var srcSizeArray = srcSizes[i];
2439							var srcSize = srcSizeArray.split('|');
2440							var srcSrc = srcSize[0];
2441							var srcWidth = srcSize[1];
2442							var srcHeight = (origHeight * srcWidth) / origWidth;
2443							if (srcWidth >= referenceWidth) {
2444								if (srcHeight < referenceHeight) {
2445									var x = countSizes - 1;
2446									var srcMaxSizeArray = srcSizes[x];
2447									var srcMaxSize = srcMaxSizeArray.split('|');
2448									var srcMaxWidth = srcMaxSize[1];
2449									var srcMaxHeight = (origHeight * srcMaxWidth) / origWidth;
2450									if (srcMaxHeight <= referenceHeight) thisIndex = x;
2451									else {
2452										while (srcMaxHeight > referenceHeight) {
2453											x--;
2454											srcMaxSizeArray = srcSizes[x];
2455											srcMaxSize = srcMaxSizeArray.split('|');
2456											srcMaxWidth = srcMaxSize[1];
2457											srcMaxHeight = (origHeight * srcMaxWidth) / origWidth;
2458										}
2459										x++;
2460										thisIndex = x;
2461									}
2462								}
2463								else thisIndex = i;
2464								var srcSizeArray = srcSizes[thisIndex];
2465								var srcSize = srcSizeArray.split('|');
2466								var srcSrc = srcSize[0];
2467								var srcWidth = srcSize[1];
2468								var srcHeight = (origHeight * srcWidth) / origWidth;
2469								break;
2470							}
2471						}
2472					}
2473				}
2474				if (typeTag == 'img') $item.attr('src', srcSrc);
2475				if (typeTag == 'div') $item.css('background-image', 'url(' + srcSrc + ')').find('.responsiveDummyImage').attr('src', srcSrc);
2476				$item.addClass('responsiveImageCalculated');
2477			}
2478		}
2479	});
2480}
2481
2482/*
2483function responsiveImages(container) {
2484	if (container) {
2485		$(container).find('.responsiveImage.responsiveImageInitiated').each(function() {
2486			returnImage($(this));
2487		});
2488	}
2489	else {
2490		if ($('.responsiveImage').length > 0) {
2491			$('.responsiveImage.responsiveImageInitiated').each(function() {
2492				returnImage($(this));
2493			});
2494		}
2495	}
2496}
2497*/</script>
2497
2498</body>
2499</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.