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"> </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"> </a><a href="tel:+390365791218" title="telefono" class="phone"> </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="заказаÑÑ<br>ÑÑолик" 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.