1<!DOCTYPE html> 2<html lang="de"> 3<head> 4 <meta charset="utf-8"> 5 6<!-- 7 *** Made with ⤠by Brandnamic GmbH | Leading Hospitality Solutions *** 8 *** Visit us at https://www.brandnamic.com *** 9 10 This website is powered by TYPO3 - inspiring people to share! 11 TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. 12 TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners. 13 Information and contribution at https://typo3.org/ 14--> 15 16 17<title>Weinhotels zum Verlieben: Gutscheine</title> 18<meta name="generator" content="TYPO3 CMS"> 19<meta name="viewport" content="width=device-width, height=device-height, user-scalable=yes, initial-scale=1.0, minimum-scale=1, maximum-scale=5, viewport-fit=cover"> 20<meta name="referrer" content="origin"> 21<meta name="author" content="Gartenhotel Moser"> 22<meta name="description" content="Eines der schönsten Weinhotels in Südtirol: das Gartenhotel Moser. Machen Sie Ihren Liebsten eine Freude mit einem Gutschein voller Glück."> 23<meta name="robots" content="index,follow"> 24<meta property="og:title" content="Weinhotels zum Verlieben: Gutscheine"> 25<meta property="og:site_name" content="Gartenhotel Moser"> 26<meta property="og:url" content="https://www.gartenhotelmoser.com/unterkunft/gutscheine"> 27<meta property="og:description" content="Eines der schönsten Weinhotels in Südtirol: das Gartenhotel Moser. Machen Sie Ihren Liebsten eine Freude mit einem Gutschein voller Glück."> 28<meta property="og:type" content="website"> 29<meta property="og:image" content="https://www.gartenhotelmoser.com/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/Images/logo/Logo70years.svg"> 30<meta property="og:image:url" content="https://www.gartenhotelmoser.com/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/Images/logo/Logo70years.svg"> 31<meta property="og:image:width" content="1280"> 32<meta property="og:image:height" content="720"> 33<meta property="og:image:type" content="image/jpeg"> 34<meta property="og:image:alt" content="Eines der schönsten Hotels nahe dem Kalterer See mit 4-Sterne-Superior-Urlaub ist das Gartenhotel Moser. Treten Sie ein!"> 35<meta name="twitter:title" content="Gutscheine"> 36<meta name="twitter:description" content="Eines der schönsten Weinhotels in Südtirol: das Gartenhotel Moser. Machen Sie Ihren Liebsten eine Freude mit einem Gutschein voller Glück."> 37<meta name="twitter:site" content="@brandnamic"> 38<meta name="twitter:site:id" content="291704177"> 39<meta name="twitter:creator" content="@brandnamic"> 40<meta name="twitter:creator:id" content="@brandnamic"> 41<meta name="twitter:card" content="summary"> 42<meta name="twitter:image" content="https://www.gartenhotelmoser.com/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/Images/logo/Logo70years.svg"> 43<meta name="twitter:image:alt" content="Eines der schönsten Hotels nahe dem Kalterer See mit 4-Sterne-Superior-Urlaub ist das Gartenhotel Moser. Treten Sie ein!"> 44<meta name="format-detection" content="telephone=no"> 45<meta name="publisher" content="Brandnamic GmbH | Leading Hospitality Solutions"> 46<meta name="bn:confirm-mail-path" content="https://www.gartenhotelmoser.com/danke/email-bestaetigung"> 47<meta name="bn:site-root-path" content="https://www.gartenhotelmoser.com"> 48<meta property="fb:app_id" content="293365117869602"> 49<meta property="fb:app_id:property" content="fb:app_id"> 50<meta property="fb:pages" content="124097514309564"> 51<meta property="fb:pages:property" content="fb:pages"> 52<meta property="ia:markup_url" content="https://www.gartenhotelmoser.com/unterkunft/gutscheine"> 53<meta property="ia:markup_url:property" content="ia:markup_url"> 54<meta property="ia:markup_url_dev" content="https://www.gartenhotelmoser.com/unterkunft/gutscheine"> 55<meta property="ia:markup_url_dev:property" content="ia:markup_url_dev"> 56<meta property="ia:rules_url" content="https://www.gartenhotelmoser.com/unterkunft/gutscheine"> 57<meta property="ia:rules_url:property" content="ia:rules_url"> 58<meta property="ia:rules_url_dev" content="https://www.gartenhotelmoser.com/unterkunft/gutscheine"> 59<meta property="ia:rules_url_dev:property" content="ia:rules_url_dev"> 60<meta name="bn:lang-baseuri" content="https://www.gartenhotelmoser.com"> 61 62<link rel="llms" type="text/plain" href="/llms.txt" /> 63 64 <!-- preconnect, preload, ... (remove them if not needed) -->
65 <link href="https://cdn.bnamic.com" rel="preconnect" crossorigin> 66 <link href="https://admin.ehotelier.it" rel="preconnect" crossorigin> 67 68 <!-- insert generated icon paths here --> 69 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 70 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 71 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 72 <link rel="manifest" href="/site.webmanifest"> 73 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 74 <meta name="msapplication-TileColor" content="#da532c"> 75 <meta name="theme-color" content="#ffffff"> 76 77 78 <!-- e.g. preloads of fonts --> 79 <link rel="preload" href="/site_package_resources/Public/Fonts/Montserrat/montserrat-v25-latin-regular.woff2" as="font" type="font/woff2" crossorigin> 80 <link rel="preload" href="/site_package_resources/Public/Fonts/Montserrat/montserrat-v25-latin-700.woff2" as="font" type="font/woff2" crossorigin> 81 <link rel="preload" href="/site_package_resources/Public/Fonts/Montserrat/montserrat-v25-latin-900.woff2" as="font" type="font/woff2" crossorigin> 82 <link rel="preload" href="/site_package_resources/Public/Icons/Icomoon/fonts/DNA.woff?gjka34" as="font" type="font/woff" crossorigin> 83 84<link rel="canonical" href="https://www.gartenhotelmoser.com/unterkunft/gutscheine"> 85 86<link rel="alternate" hreflang="de" href="https://www.gartenhotelmoser.com/unterkunft/gutscheine"> 87<link rel="alternate" hreflang="it" href="https://www.gartenhotelmoser.com/it/soggiornare/buoni-regalo"> 88<link rel="alternate" hreflang="en" href="https://www.gartenhotelmoser.com/en/accommodation/vouchers"> 89<link rel="alternate" hreflang="x-default" href="https://www.gartenhotelmoser.com/en/accommodation/vouchers">
90<script type="application/ld+json" id="ext-schema-jsonld">{"@context":"https://schema.org/","@graph":[{"@type":"WebPage","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":{"@type":"WebPage","@id":"https://www.gartenhotelmoser.com/unterkunft"},"name":"Ruhe","position":"1"},{"@type":"ListItem","item":{"@type":"WebPage","@id":"https://www.gartenhotelmoser.com/unterkunft/gutscheine"},"name":"Gutscheine","position":"2"}]}},{"@type":"Hotel","address":{"@type":"PostalAddress","postalCode":"39057"},"aggregateRating":{"@type":"AggregateRating","bestRating":"5","ratingCount":"425","ratingValue":"4,6"},"contactPoint":{"@type":"ContactPoint","availableLanguage":["de","it","en"],"contactType":"reservations","telephone":"+39 0471 662095"},"description":"Eines der schönsten Weinhotels in Südtirol: das Gartenhotel Moser. Machen Sie Ihren Liebsten eine Freude mit einem Gutschein voller Glück.","email":"[email protected]","faxNumber":"+39 1234 567 891","geo":{"@type":"GeoCoordinates","latitude":"46.41877334848753","longitude":"11.283588735260093"},"image":"https://www.gartenhotelmoser.com/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/Images/logo/Logo70years.svg","logo":"https://www.gartenhotelmoser.com/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/Images/logo/Logo70years.svg","name":"Gartenhotel Moser","priceRange":"â¬â¬â¬ - â¬â¬â¬â¬","sameAs":["https://www.facebook.com/Gartenhotel.Moser/","https://www.instagram.com/gartenhotel_moser_suedtirol/"],"telephone":"+39 0471 662095","url":"https://www.gartenhotelmoser.com/unterkunft/gutscheine"}]}</script>
90 91 92 93<style media="screen" data-asset-id="Scss/presets">/*!**********************************************************************************************************************************!*\ 94 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/modern-normalize/modern-normalize.css ***! 95 \**********************************************************************************************************************************/ 96/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ 97 98/* 99Document 100======== 101*/ 102 103/** 104Use a better box model (opinionated). 105*/ 106 107*, 108::before, 109::after { 110 box-sizing: border-box; 111} 112 113/** 114Use a more readable tab size (opinionated). 115*/ 116 117html { 118 -moz-tab-size: 4; 119 tab-size: 4; 120} 121 122/** 1231. Correct the line height in all browsers. 1242. Prevent adjustments of font size after orientation changes in iOS. 125*/ 126 127html { 128 line-height: 1.15; /* 1 */ 129 -webkit-text-size-adjust: 100%; /* 2 */ 130} 131 132/* 133Sections 134======== 135*/ 136 137/** 138Remove the margin in all browsers. 139*/ 140 141body { 142 margin: 0; 143} 144 145/** 146Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 147*/ 148 149body { 150 font-family: 151 system-ui, 152 -apple-system, /* Firefox supports this but not yet `system-ui` */ 153 'Segoe UI', 154 Roboto, 155 Helvetica, 156 Arial, 157 sans-serif, 158 'Apple Color Emoji', 159 'Segoe UI Emoji'; 160} 161 162/* 163Grouping content 164================ 165*/ 166 167/** 1681. Add the correct height in Firefox. 1692. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 170*/ 171 172hr { 173 height: 0; /* 1 */ 174 color: inherit; /* 2 */ 175} 176 177/* 178Text-level semantics 179==================== 180*/ 181 182/** 183Add the correct text decoration in Chrome, Edge, and Safari. 184*/ 185 186abbr[title] { 187 text-decoration: underline dotted; 188} 189 190/** 191Add the correct font weight in Edge and Safari. 192*/ 193 194b, 195strong { 196 font-weight: bolder; 197} 198 199/** 2001. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2012. Correct the odd 'em' font sizing in all browsers. 202*/ 203 204code, 205kbd, 206samp, 207pre { 208 font-family: 209 ui-monospace, 210 SFMono-Regular, 211 Consolas, 212 'Liberation Mono', 213 Menlo, 214 monospace; /* 1 */ 215 font-size: 1em; /* 2 */ 216} 217 218/** 219Add the correct font size in all browsers. 220*/ 221 222small { 223 font-size: 80%; 224} 225 226/** 227Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. 228*/ 229 230sub, 231sup { 232 font-size: 75%; 233 line-height: 0; 234 position: relative; 235 vertical-align: baseline; 236} 237 238sub { 239 bottom: -0.25em; 240} 241 242sup { 243 top: -0.5em; 244} 245
246/* 247Tabular data 248============ 249*/ 250 251/** 2521. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2532. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 254*/ 255 256table { 257 text-indent: 0; /* 1 */ 258 border-color: inherit; /* 2 */ 259} 260 261/* 262Forms 263===== 264*/ 265 266/** 2671. Change the font styles in all browsers. 2682. Remove the margin in Firefox and Safari. 269*/ 270 271button, 272input, 273optgroup, 274select, 275textarea { 276 font-family: inherit; /* 1 */ 277 font-size: 100%; /* 1 */ 278 line-height: 1.15; /* 1 */ 279 margin: 0; /* 2 */ 280} 281 282/** 283Remove the inheritance of text transform in Edge and Firefox. 2841. Remove the inheritance of text transform in Firefox. 285*/ 286 287button, 288select { /* 1 */ 289 text-transform: none; 290} 291 292/** 293Correct the inability to style clickable types in iOS and Safari. 294*/ 295 296button, 297[type='button'], 298[type='reset'], 299[type='submit'] { 300 -webkit-appearance: button; 301} 302 303/** 304Remove the inner border and padding in Firefox. 305*/ 306 307::-moz-focus-inner { 308 border-style: none; 309 padding: 0; 310} 311 312/** 313Restore the focus styles unset by the previous rule. 314*/ 315 316:-moz-focusring { 317 outline: 1px dotted ButtonText; 318} 319 320/** 321Remove the additional ':invalid' styles in Firefox. 322See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 323*/ 324 325:-moz-ui-invalid { 326 box-shadow: none; 327} 328 329/** 330Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. 331*/ 332 333legend { 334 padding: 0; 335} 336 337/** 338Add the correct vertical alignment in Chrome and Firefox. 339*/ 340 341progress { 342 vertical-align: baseline; 343} 344 345/** 346Correct the cursor style of increment and decrement buttons in Safari. 347*/ 348 349::-webkit-inner-spin-button, 350::-webkit-outer-spin-button { 351 height: auto; 352} 353 354/** 3551. Correct the odd appearance in Chrome and Safari. 3562. Correct the outline style in Safari. 357*/ 358 359[type='search'] { 360 -webkit-appearance: textfield; /* 1 */ 361 outline-offset: -2px; /* 2 */ 362} 363 364/** 365Remove the inner padding in Chrome and Safari on macOS. 366*/ 367 368::-webkit-search-decoration { 369 -webkit-appearance: none; 370} 371 372/** 3731. Correct the inability to style clickable types in iOS and Safari. 3742. Change font properties to 'inherit' in Safari. 375*/ 376 377::-webkit-file-upload-button { 378 -webkit-appearance: button; /* 1 */ 379 font: inherit; /* 2 */ 380} 381 382/* 383Interactive 384=========== 385*/ 386 387/* 388Add the correct display in Chrome and Safari. 389*/ 390 391summary { 392 display: list-item; 393} 394 395/*!**************************************************************************************************************************************************************************************************************************************************!*\ 396 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../Assets/Scss/presets.scss ***! 397 \**************************************************************************************************************************************************************************************************************************************************/ 398/* ========================================================================== 399 PRESETS 400 ========================================================================== */ 401/* ========================================================================== 402 HTML5 BOILERPLATE 403 HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ 404 405 INFO: 406 - custom build for kickstarter 407 - contributions for the kickstarter are welcome! 408 ========================================================================== */ 409/* 410 * What follows is the result of much research on cross-browser styling. 411 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, 412 * Kroc Camen, and the H5BP dev community and team. 413 */ 414/* Base styles: opinionated defaults 415 * --------------------------------------------------------------------------- */ 416html { 417 color: #222; 418 font-size: 16px; 419 line-height: 1.4; 420} 421 422/* 423 * Remove text-shadow in selection highlight: 424 * https://twitter.com/miketaylr/status/12228805301 425 * 426 * Vendor-prefixed and regular ::selection selectors cannot be combined: 427 * https://stackoverflow.com/a/16982510/7133471 428 * 429 * Customize the background color to match your design. 430 */ 431::-moz-selection { 432 background: #b3d4fc; 433 text-shadow: none; 434} 435 436::selection { 437 background: #b3d4fc; 438 text-shadow: none; 439} 440 441/* 442 * A better looking default horizontal rule 443 */ 444hr { 445 display: block; 446 height: 1px; 447 border: 0; 448 border-top: 1px solid #ccc; 449 margin: 1em 0; 450 padding: 0; 451} 452 453/* 454 * Remove the gap between audio, canvas, iframes, 455 * images, videos and the bottom of their containers: 456 * https://github.com/h5bp/html5-boilerplate/issues/440 457 */ 458audio, 459canvas, 460iframe, 461img, 462svg, 463video { 464 vertical-align: middle; 465} 466
467/* 468 * Remove default fieldset styles. 469 */ 470fieldset { 471 border: 0; 472 margin: 0; 473 padding: 0; 474} 475 476/* 477 * Allow only vertical resizing of textareas. 478 */ 479textarea { 480 resize: vertical; 481} 482 483/* 484 * Box-sizing 485 */ 486*, 487*:before, 488*:after { 489 -moz-box-sizing: border-box; 490 -webkit-box-sizing: border-box; 491 box-sizing: border-box; 492} 493 494/* 495 * Position reset for pseudo elements 496 */ 497*:before, 498*:after { 499 position: static; 500} 501 502/* Browser Upgrade Prompt 503 * --------------------------------------------------------------------------- */ 504.browserupgrade { 505 margin: 0.2em 0; 506 background: #ccc; 507 color: #000; 508 padding: 0.2em 0; 509} 510 511/* Custom Rules 512 * --------------------------------------------------------------------------- */ 513*:focus { 514 outline: 0; 515} 516 517main { 518 display: block; 519} 520 521body { 522 min-height: 100vh; 523 scroll-behavior: smooth; 524 text-rendering: optimizeSpeed; 525} 526 527a { 528 text-decoration: none; 529 text-decoration-skip-ink: auto; 530 color: inherit; 531} 532a:visited, a:hover { 533 color: inherit; 534} 535 536img { 537 display: block; 538} 539 540input, 541button, 542textarea, 543select { 544 font: inherit; 545} 546 547body { 548 font-weight: normal; 549} 550 551h1, h4, h5, h6 p, 552ul, ol, 553figure, figcaption, blockquote, 554dl, dd { 555 margin: 0; 556 padding: 0; 557 font-size: 1em; 558 font-weight: inherit; 559} 560 561li { 562 display: block; 563} 564 565address { 566 font-style: normal; 567} 568 569/* Helper classes 570 * --------------------------------------------------------------------------- */ 571/* 572 * Hide visually and from screen readers 573 */ 574.hidden { 575 display: none !important; 576 visibility: hidden !important; 577} 578 579@media only screen and (min-width: 1025px) { 580 .desktophidden { 581 display: none !important; 582 visibility: hidden !important; 583 } 584} 585@media only screen and (max-width: 1024px) { 586 .mobilehidden { 587 display: none !important; 588 visibility: hidden !important; 589 } 590} 591@media only screen and (min-width: 768px) and (max-width: 1024px) { 592 .tablethidden { 593 display: none !important; 594 visibility: hidden !important; 595 } 596} 597@media only screen and (max-width: 767px) { 598 .phonehidden { 599 display: none !important; 600 visibility: hidden !important; 601 } 602} 603/* 604 * Hide only visually, but have it available for screen readers: 605 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility 606 * 607 * 1. For long content, line feeds are not interpreted as spaces and small width 608 * causes content to wrap 1 word per line: 609 * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe 610 */ 611.visuallyhidden { 612 border: 0; 613 clip: rect(0 0 0 0); 614 clip-path: inset(50%); 615 height: 1px; 616 margin: -1px; 617 overflow: hidden; 618 padding: 0; 619 position: absolute; 620 width: 1px; 621 white-space: nowrap; /* 1 */ 622} 623 624/* 625 * Extends the .visuallyhidden class to allow the element 626 * to be focusable when navigated to via the keyboard: 627 * https://www.drupal.org/node/897638 628 */ 629.visuallyhidden.focusable:active, 630.visuallyhidden.focusable:focus { 631 clip: auto; 632 clip-path: none; 633 height: auto; 634 margin: 0; 635 overflow: visible; 636 position: static; 637 width: auto; 638 white-space: inherit; 639} 640
641/* 642 * Hide visually and from screen readers, but maintain layout 643 */ 644.invisible { 645 visibility: hidden; 646} 647 648/* 649 * Clearfix: contain floats 650 * 651 * For modern browsers 652 * 1. The space content is one way to avoid an Opera bug when the 653 * `contenteditable` attribute is included anywhere else in the document. 654 * Otherwise it causes space to appear at the top and bottom of elements 655 * that receive the `clearfix` class. 656 * 2. The use of `table` rather than `block` is only necessary if using 657 * `:before` to contain the top-margins of child elements. 658 */ 659.clearfix:before, 660.clearfix:after { 661 content: " "; /* 1 */ 662 display: table; /* 2 */ 663} 664 665.clearfix:after { 666 clear: both; 667} 668 669/* EXAMPLE Media Queries for Responsive Design. 670 These examples override the primary ('mobile first') styles. 671 Modify as content requires. 672 * --------------------------------------------------------------------------- */ 673@media only screen and (min-width: 35em) { 674 /* Style adjustments for viewports that meet the condition */ 675} 676@media print, (min-resolution: 1.25dppx), (min-resolution: 120dpi) { 677 /* Style adjustments for high resolution devices */ 678} 679/* Print styles. 680 Inlined to avoid the additional HTTP request: 681 http://www.phpied.com/delay-loading-your-print-css/ 682 * --------------------------------------------------------------------------- */ 683@media print { 684 *, 685*:before, 686*:after { 687 background: transparent !important; 688 color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ 689 box-shadow: none !important; 690 text-shadow: none !important; 691 } 692 a, 693a:visited { 694 text-decoration: underline; 695 } 696 a[href]:after { 697 content: " (" attr(href) ")"; 698 } 699 abbr[title]:after { 700 content: " (" attr(title) ")"; 701 } 702 /* 703 * Don't show links that are fragment identifiers, 704 * or use the `javascript:` pseudo protocol 705 */ 706 a[href^="#"]:after, 707a[href^="javascript:"]:after { 708 content: ""; 709 } 710 pre { 711 white-space: pre-wrap !important; 712 } 713 pre, 714blockquote { 715 border: 1px solid #999; 716 page-break-inside: avoid; 717 } 718 /* 719 * Printing Tables: 720 * http://css-discuss.incutio.com/wiki/Printing_Tables 721 */ 722 thead { 723 display: table-header-group; 724 } 725 tr, 726img { 727 page-break-inside: avoid; 728 } 729 p, 730h2, 731h3 { 732 orphans: 3; 733 widows: 3; 734 } 735 h2, 736h3 { 737 page-break-after: avoid; 738 } 739} 740/* ========================================================================== 741 RTE 742 specific rules for the Rich Text Editor (ckeditor) 743 ========================================================================== */ 744/* 745 * This rules come from the Typo3's RTE textfield's. 746 * You can style it as you wish. 747 */ 748.T3-rte-align--left { 749 text-align: left !important; 750} 751.T3-rte-align--center { 752 text-align: center !important; 753} 754.T3-rte-align--right { 755 text-align: right !important; 756} 757.T3-rte-align--justify { 758 text-align: justify !important; 759} 760</style> 761<style media="screen">/* montserrat-regular - latin */ 762@font-face { 763 font-family: 'Montserrat'; 764 font-style: normal; 765 font-weight: 400; 766 font-display: swap; 767 src: local(''), 768 url('/site_package_resources/Public/Fonts/Montserrat/montserrat-v25-latin-regular.woff2') format('woff2'), 769 url('/site_package_resources/Public/Fonts/Montserrat/montserrat-v25-latin-regular.woff') format('woff'), 770} 771/* montserrat-700 - latin */ 772@font-face { 773 font-family: 'Montserrat'; 774 font-style: normal; 775 font-weight: 700; 776 font-display: swap; 777 src: local(''), 778 url('/site_package_resources/Public/Fonts/Montserrat/montserrat-v25-latin-700.woff2') format('woff2'), 779 url('/site_package_resources/Public/Fonts/Montserrat/montserrat-v25-latin-700.woff') format('woff'), 780} 781/* montserrat-900 - latin */ 782@font-face { 783 font-family: 'Montserrat'; 784 font-style: normal; 785 font-weight: 900; 786 font-display: swap; 787 src: local(''), 788 url('/site_package_resources/Public/Fonts/Montserrat/montserrat-v25-latin-900.woff2') format('woff2'), 789 url('/site_package_resources/Public/Fonts/Montserrat/montserrat-v25-latin-900.woff') format('woff'), 790} 791</style> 792<style media="screen">@font-face { 793 font-family: 'DNA';
794 src: url('/site_package_resources/Public/Icons/Icomoon/fonts/DNA.eot?gjka34'); /* IE9 Compat Modes */ 795 src: url('/site_package_resources/Public/Icons/Icomoon/fonts/DNA.eot?gjka34#iefix') format('embedded-opentype'), /* IE6âIE8 */ 796 url('/site_package_resources/Public/Icons/Icomoon/fonts/DNA.woff?gjka34') format('woff'), /* Modern Browsers */ 797 url('/site_package_resources/Public/Icons/Icomoon/fonts/DNA.ttf?gjka34') format('truetype'), /* Safari, Android, iOS */ 798 url('/site_package_resources/Public/Icons/Icomoon/fonts/DNA.svg?gjka34#DNA') format('svg'); /* Legacy iOS */ 799 font-weight: normal; 800 font-style: normal; 801 font-display: block; 802} 803 804 805[class^="DNA-icon--"], [class*=" DNA-icon--"] { 806 /* use !important to prevent issues with browser extensions that change fonts */ 807 font-family: 'DNA' !important; 808 speak: never; 809 font-style: normal; 810 font-weight: normal; 811 font-variant: normal; 812 text-transform: none; 813 line-height: 1; 814 815 /* Better Font Rendering =========== */ 816 -webkit-font-smoothing: antialiased; 817 -moz-osx-font-smoothing: grayscale; 818} 819 820.DNA-icon--new:before { 821 content: "\e92f"; 822} 823.DNA-icon--voucher:before { 824 content: "\e92e"; 825} 826.DNA-icon--elektrotankstelle:before { 827 content: "\e927"; 828} 829.DNA-icon--indoor-pool:before { 830 content: "\e928"; 831} 832.DNA-icon--outdoor-pool:before { 833 content: "\e929"; 834} 835.DNA-icon--healthy-kitchen:before { 836 content: "\e92a"; 837} 838.DNA-icon--lawn:before { 839 content: "\e92b"; 840} 841.DNA-icon--sustainability:before { 842 content: "\e92c"; 843} 844.DNA-icon--sauna:before { 845 content: "\e92d"; 846} 847.DNA-icon--hc:before { 848 content: "\e925"; 849} 850.DNA-icon--tripadvisor:before { 851 content: "\e926"; 852} 853.DNA-icon--download:before { 854 content: "\e924"; 855} 856.DNA-icon--garden:before { 857 content: "\e921"; 858} 859.DNA-icon--trees:before { 860 content: "\e922"; 861} 862.DNA-icon--water-large:before { 863 content: "\e923"; 864} 865.DNA-icon--swipe:before { 866 content: "\e900"; 867} 868.DNA-icon--arrow-down:before { 869 content: "\e901"; 870} 871.DNA-icon--flower:before { 872 content: "\e902"; 873} 874.DNA-icon--family:before { 875 content: "\e903"; 876} 877.DNA-icon--arrow-right:before { 878 content: "\e904"; 879} 880.DNA-icon--arrow-left:before { 881 content: "\e930"; 882} 883.DNA-icon--facebook:before { 884 content: "\e905"; 885} 886.DNA-icon--instagram:before { 887 content: "\e906"; 888} 889.DNA-icon--gallery:before { 890 content: "\e907"; 891} 892.DNA-icon--marker:before { 893 content: "\e908"; 894} 895.DNA-icon--water:before { 896 content: "\e909"; 897} 898.DNA-icon--phone:before { 899 content: "\e90a"; 900} 901.DNA-icon--clouthes:before { 902 content: "\e90b"; 903} 904.DNA-icon--zoom:before { 905 content: "\e90c"; 906} 907.DNA-icon--arrow-border:before { 908 content: "\e90d"; 909} 910.DNA-icon--close:before { 911 content: "\e90e"; 912} 913.DNA-icon--suitcase:before { 914 content: "\e90f"; 915} 916.DNA-icon--weather:before { 917 content: "\e910"; 918} 919.DNA-icon--star:before { 920 content: "\e911"; 921} 922.DNA-icon--sun:before { 923 content: "\e912"; 924} 925.DNA-icon--woods:before { 926 content: "\e913"; 927} 928.DNA-icon--wlan:before { 929 content: "\e914"; 930} 931.DNA-icon--calendar:before { 932 content: "\e915"; 933} 934.DNA-icon--envelope:before { 935 content: "\e916"; 936} 937.DNA-icon--whatsapp:before { 938 content: "\e917"; 939} 940.DNA-icon--pond:before { 941 content: "\e918"; 942} 943.DNA-icon--sandals:before { 944 content: "\e919"; 945} 946.DNA-icon--toys:before { 947 content: "\e91a"; 948} 949.DNA-icon--gym:before { 950 content: "\e91b"; 951} 952.DNA-icon--touch:before { 953 content: "\e91c"; 954} 955.DNA-icon--bed:before { 956 content: "\e91d"; 957} 958.DNA-icon--card:before { 959 content: "\e91e"; 960} 961.DNA-icon--360:before { 962 content: "\e91f"; 963} 964.DNA-icon--burger-menu:before { 965 content: "\e920"; 966} 967</style> 968<style media="screen" data-asset-id="Scss/vendors">/*!**************************************************************************************************************************************************************************************************************************************************!*\ 969 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../Assets/Scss/vendors.scss ***! 970 \**************************************************************************************************************************************************************************************************************************************************/ 971/* ========================================================================== 972 VENDORS 973 ========================================================================== */ 974@font-face { 975 font-family: "swiper-icons"; 976 src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5
976Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); 977 font-weight: 400; 978 font-style: normal; 979} 980:root { 981 --swiper-theme-color: #007aff; 982} 983 984.swiper { 985 margin-left: auto; 986 margin-right: auto; 987 position: relative; 988 overflow: hidden; 989 list-style: none; 990 padding: 0; 991 /* Fix of Webkit flickering */ 992 z-index: 1; 993} 994 995.swiper-vertical > .swiper-wrapper { 996 flex-direction: column; 997} 998 999.swiper-wrapper { 1000 position: relative; 1001 width: 100%; 1002 height: 100%; 1003 z-index: 1; 1004 display: flex; 1005 transition-property: transform; 1006 box-sizing: content-box; 1007} 1008 1009.swiper-android .swiper-slide, 1010.swiper-wrapper { 1011 transform: translate3d(0px, 0, 0); 1012} 1013 1014.swiper-pointer-events { 1015 touch-action: pan-y; 1016} 1017.swiper-pointer-events.swiper-vertical { 1018 touch-action: pan-x; 1019} 1020 1021.swiper-slide { 1022 flex-shrink: 0; 1023 width: 100%; 1024 height: 100%; 1025 position: relative; 1026 transition-property: transform; 1027} 1028 1029.swiper-slide-invisible-blank { 1030 visibility: hidden; 1031} 1032 1033/* Auto Height */ 1034.swiper-autoheight, 1035.swiper-autoheight .swiper-slide { 1036 height: auto; 1037} 1038.swiper-autoheight .swiper-wrapper { 1039 align-items: flex-start; 1040 transition-property: transform, height; 1041} 1042 1043.swiper-backface-hidden .swiper-slide { 1044 transform: translateZ(0); 1045 backface-visibility: hidden; 1046} 1047 1048/* 3D Effects */ 1049.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { 1050 perspective: 1200px; 1051} 1052.swiper-3d .swiper-wrapper, 1053.swiper-3d .swiper-slide, 1054.swiper-3d .swiper-slide-shadow, 1055.swiper-3d .swiper-slide-shadow-left, 1056.swiper-3d .swiper-slide-shadow-right, 1057.swiper-3d .swiper-slide-shadow-top, 1058.swiper-3d .swiper-slide-shadow-bottom, 1059.swiper-3d .swiper-cube-shadow { 1060 transform-style: preserve-3d; 1061} 1062.swiper-3d .swiper-slide-shadow, 1063.swiper-3d .swiper-slide-shadow-left, 1064.swiper-3d .swiper-slide-shadow-right, 1065.swiper-3d .swiper-slide-shadow-top, 1066.swiper-3d .swiper-slide-shadow-bottom { 1067 position: absolute; 1068 left: 0; 1069 top: 0; 1070 width: 100%; 1071 height: 100%; 1072 pointer-events: none; 1073 z-index: 10; 1074} 1075.swiper-3d .swiper-slide-shadow { 1076 background: rgba(0, 0, 0, 0.15); 1077} 1078.swiper-3d .swiper-slide-shadow-left { 1079 background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 1080} 1081.swiper-3d .swiper-slide-shadow-right { 1082 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 1083} 1084.swiper-3d .swiper-slide-shadow-top { 1085 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 1086} 1087.swiper-3d .swiper-slide-shadow-bottom { 1088 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 1089} 1090 1091/* CSS Mode */ 1092.swiper-css-mode > .swiper-wrapper { 1093 overflow: auto; 1094 scrollbar-width: none; /* For Firefox */ 1095 -ms-overflow-style: none; /* For Internet Explorer and Edge */ 1096} 1097.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
1098 display: none; 1099} 1100.swiper-css-mode > .swiper-wrapper > .swiper-slide { 1101 scroll-snap-align: start start; 1102} 1103 1104.swiper-horizontal.swiper-css-mode > .swiper-wrapper { 1105 scroll-snap-type: x mandatory; 1106} 1107 1108.swiper-vertical.swiper-css-mode > .swiper-wrapper { 1109 scroll-snap-type: y mandatory; 1110} 1111 1112.swiper-centered > .swiper-wrapper::before { 1113 content: ""; 1114 flex-shrink: 0; 1115 order: 9999; 1116} 1117.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { 1118 margin-inline-start: var(--swiper-centered-offset-before); 1119} 1120.swiper-centered.swiper-horizontal > .swiper-wrapper::before { 1121 height: 100%; 1122 width: var(--swiper-centered-offset-after); 1123} 1124.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { 1125 margin-block-start: var(--swiper-centered-offset-before); 1126} 1127.swiper-centered.swiper-vertical > .swiper-wrapper::before { 1128 width: 100%; 1129 height: var(--swiper-centered-offset-after); 1130} 1131.swiper-centered > .swiper-wrapper > .swiper-slide { 1132 scroll-snap-align: center center; 1133} 1134 1135.swiper-fade.swiper-free-mode .swiper-slide { 1136 transition-timing-function: ease-out; 1137} 1138.swiper-fade .swiper-slide { 1139 pointer-events: none; 1140 transition-property: opacity; 1141} 1142.swiper-fade .swiper-slide .swiper-slide { 1143 pointer-events: none; 1144} 1145.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { 1146 pointer-events: auto; 1147} 1148 1149@font-face { 1150 font-family: "lg"; 1151 src: url("/site_package_resources/Public/Icons/Lightgallery/lg.woff2?io9a6k") format("woff2"), url("/site_package_resources/Public/Icons/Lightgallery/lg.ttf?io9a6k") format("truetype"), url("/site_package_resources/Public/Icons/Lightgallery/lg.woff?io9a6k") format("woff"), url("/site_package_resources/Public/Icons/Lightgallery/lg.svg?io9a6k#lg") format("svg"); 1152 font-weight: normal; 1153 font-style: normal; 1154 font-display: block; 1155} 1156.lg-icon { 1157 /* use !important to prevent issues with browser extensions that change fonts */ 1158 font-family: "lg" !important; 1159 speak: never; 1160 font-style: normal; 1161 font-weight: normal; 1162 font-variant: normal; 1163 text-transform: none; 1164 line-height: 1; 1165 /* Better Font Rendering =========== */ 1166 -webkit-font-smoothing: antialiased; 1167 -moz-osx-font-smoothing: grayscale; 1168} 1169 1170.lg-container { 1171 font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 1172} 1173 1174.lg-next, 1175.lg-prev { 1176 background-color: rgba(0, 0, 0, 0.45); 1177 border-radius: 2px; 1178 color: #999; 1179 cursor: pointer; 1180 display: block; 1181 font-size: 22px; 1182 margin-top: -10px; 1183 padding: 8px 10px 9px; 1184 position: absolute; 1185 top: 50%; 1186 z-index: 1080; 1187 outline: none; 1188 border: none; 1189} 1190.lg-next.disabled, 1191.lg-prev.disabled { 1192 opacity: 0 !important; 1193 cursor: default; 1194} 1195.lg-next:hover:not(.disabled), 1196.lg-prev:hover:not(.disabled) { 1197 color: #fff; 1198} 1199.lg-single-item .lg-next, 1200.lg-single-item .lg-prev { 1201 display: none; 1202} 1203 1204.lg-next { 1205 right: 20px; 1206} 1207.lg-next:before { 1208 content: "\e095"; 1209} 1210 1211.lg-prev { 1212 left: 20px; 1213} 1214.lg-prev:after { 1215 content: "\e094"; 1216} 1217 1218@-webkit-keyframes lg-right-end { 1219 0% { 1220 left: 0; 1221 } 1222 50% { 1223 left: -30px; 1224 } 1225 100% { 1226 left: 0; 1227 } 1228} 1229@-moz-keyframes lg-right-end { 1230 0% { 1231 left: 0; 1232 } 1233 50% { 1234 left: -30px; 1235 } 1236 100% { 1237 left: 0; 1238 } 1239} 1240@-ms-keyframes lg-right-end { 1241 0% { 1242 left: 0; 1243 } 1244 50% { 1245 left: -30px; 1246 } 1247 100% { 1248 left: 0; 1249 } 1250} 1251@keyframes lg-right-end { 1252 0% { 1253 left: 0; 1254 } 1255 50% { 1256 left: -30px; 1257 } 1258 100% { 1259 left: 0; 1260 } 1261} 1262@-webkit-keyframes lg-left-end { 1263 0% { 1264 left: 0; 1265 } 1266 50% { 1267 left: 30px; 1268 } 1269 100% { 1270 left: 0; 1271 } 1272} 1273@-moz-keyframes lg-left-end { 1274 0% { 1275 left: 0; 1276 } 1277 50% { 1278 left: 30px; 1279 } 1280 100% { 1281 left: 0; 1282 } 1283} 1284@-ms-keyframes lg-left-end { 1285 0% { 1286 left: 0; 1287 } 1288 50% { 1289 left: 30px; 1290 } 1291 100% { 1292 left: 0; 1293 } 1294} 1295@keyframes lg-left-end { 1296 0% { 1297 left: 0; 1298 } 1299 50% { 1300 left: 30px; 1301 } 1302 100% { 1303 left: 0; 1304 } 1305} 1306.lg-outer.lg-right-end .lg-object { 1307 -webkit-animation: lg-right-end 0.3s; 1308 -o-animation: lg-right-end 0.3s; 1309 animation: lg-right-end 0.3s; 1310 position: relative; 1311} 1312.lg-outer.lg-left-end .lg-object { 1313 -webkit-animation: lg-left-end 0.3s; 1314 -o-animation: lg-left-end 0.3s; 1315 animation: lg-left-end 0.3s; 1316 position: relative; 1317} 1318 1319.lg-toolbar { 1320 z-index: 1082; 1321 left: 0; 1322 position: absolute; 1323 top: 0; 1324 width: 100%; 1325} 1326.lg-media-overlap .lg-toolbar { 1327 background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); 1328} 1329.lg-toolbar .lg-icon { 1330 color: #999; 1331 cursor: pointer; 1332 float: right; 1333 font-size: 24px; 1334 height: 47px; 1335 line-height: 27px; 1336 padding: 10px 0; 1337 text-align: center; 1338 width: 50px; 1339 text-decoration: none !important; 1340 outline: medium none; 1341 will-change: color; 1342 -webkit-transition: color 0.2s linear; 1343 -o-transition: color 0.2s linear; 1344 transition: color 0.2s linear; 1345 background: none; 1346 border: none; 1347 box-shadow: none; 1348} 1349.lg-toolbar .lg-icon.lg-icon-18 { 1350 font-size: 18px; 1351} 1352.lg-toolbar .lg-icon:hover {
1353 color: #fff; 1354} 1355.lg-toolbar .lg-close:after { 1356 content: "\e070"; 1357} 1358.lg-toolbar .lg-maximize { 1359 font-size: 22px; 1360} 1361.lg-toolbar .lg-maximize:after { 1362 content: "\e90a"; 1363} 1364.lg-toolbar .lg-download:after { 1365 content: "\e0f2"; 1366} 1367 1368.lg-sub-html { 1369 color: #eee; 1370 font-size: 16px; 1371 padding: 10px 40px; 1372 text-align: center; 1373 z-index: 1080; 1374 opacity: 0; 1375 -webkit-transition: opacity 0.2s ease-out 0s; 1376 -o-transition: opacity 0.2s ease-out 0s; 1377 transition: opacity 0.2s ease-out 0s; 1378} 1379.lg-sub-html h4 { 1380 margin: 0; 1381 font-size: 13px; 1382 font-weight: bold; 1383} 1384.lg-sub-html p { 1385 font-size: 12px; 1386 margin: 5px 0 0; 1387} 1388.lg-sub-html a { 1389 color: inherit; 1390} 1391.lg-sub-html a:hover { 1392 text-decoration: underline; 1393} 1394.lg-media-overlap .lg-sub-html { 1395 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); 1396} 1397.lg-item .lg-sub-html { 1398 position: absolute; 1399 bottom: 0; 1400 right: 0; 1401 left: 0; 1402} 1403 1404.lg-error-msg { 1405 font-size: 14px; 1406 color: #999; 1407} 1408 1409.lg-counter { 1410 color: #999; 1411 display: inline-block; 1412 font-size: 16px; 1413 padding-left: 20px; 1414 padding-top: 12px; 1415 height: 47px; 1416 vertical-align: middle; 1417} 1418 1419.lg-closing .lg-toolbar, 1420.lg-closing .lg-prev, 1421.lg-closing .lg-next, 1422.lg-closing .lg-sub-html { 1423 opacity: 0; 1424 -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; 1425 -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; 1426 -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; 1427 transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; 1428} 1429 1430body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap, 1431body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont { 1432 opacity: 0; 1433 -moz-transform: scale3d(0.5, 0.5, 0.5); 1434 -o-transform: scale3d(0.5, 0.5, 0.5); 1435 -ms-transform: scale3d(0.5, 0.5, 0.5); 1436 -webkit-transform: scale3d(0.5, 0.5, 0.5); 1437 transform: scale3d(0.5, 0.5, 0.5); 1438 will-change: transform, opacity; 1439 -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; 1440 -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; 1441 -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; 1442 transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; 1443} 1444body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap, 1445body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont { 1446 opacity: 1; 1447 -moz-transform: scale3d(1, 1, 1); 1448 -o-transform: scale3d(1, 1, 1); 1449 -ms-transform: scale3d(1, 1, 1); 1450 -webkit-transform: scale3d(1, 1, 1); 1451 transform: scale3d(1, 1, 1); 1452} 1453 1454.lg-outer .lg-thumb-outer { 1455 background-color: #0d0a0a; 1456 width: 100%; 1457 max-height: 350px; 1458 overflow: hidden; 1459 float: left; 1460} 1461.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { 1462 cursor: -webkit-grab; 1463 cursor: -moz-grab; 1464 cursor: -o-grab; 1465 cursor: -ms-grab; 1466 cursor: grab; 1467} 1468.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { 1469 cursor: move; 1470 cursor: -webkit-grabbing; 1471 cursor: -moz-grabbing; 1472 cursor: -o-grabbing; 1473 cursor: -ms-grabbing; 1474 cursor: grabbing; 1475} 1476.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { 1477 -webkit-transition-duration: 0s !important; 1478 transition-duration: 0s !important; 1479} 1480.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb { 1481 -webkit-transition-duration: 0s !important; 1482 transition-duration: 0s !important; 1483} 1484.lg-outer .lg-thumb-outer.lg-thumb-align-middle { 1485 text-align: center; 1486} 1487.lg-outer .lg-thumb-outer.lg-thumb-align-left { 1488 text-align: left; 1489} 1490.lg-outer .lg-thumb-outer.lg-thumb-align-right { 1491 text-align: right; 1492} 1493.lg-outer.lg-single-item .lg-thumb-outer { 1494 display: none; 1495} 1496.lg-outer .lg-thumb { 1497 padding: 5px 0; 1498 height: 100%; 1499 margin-bottom: -5px; 1500 display: inline-block; 1501 vertical-align: middle; 1502} 1503@media (min-width: 768px) { 1504 .lg-outer .lg-thumb { 1505 padding: 10px 0; 1506 } 1507} 1508.lg-outer .lg-thumb-item { 1509 cursor: pointer; 1510 float: left; 1511 overflow: hidden; 1512 height: 100%; 1513 border-radius: 2px; 1514 margin-bottom: 5px; 1515 will-change: border-color; 1516} 1517@media (min-width: 768px) { 1518 .lg-outer .lg-thumb-item { 1519 border-radius: 4px; 1520 border: 2px solid #fff; 1521 -webkit-transition: border-color 0.25s ease; 1522 -o-transition: border-color 0.25s ease; 1523 transition: border-color 0.25s ease; 1524 } 1525} 1526.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { 1527 border-color: rgb(169, 7, 7); 1528} 1529.lg-outer .lg-thumb-item img { 1530 width: 100%; 1531 height: 100%; 1532 object-fit: cover; 1533 display: block; 1534} 1535.lg-outer.lg-can-toggle .lg-item { 1536 padding-bottom: 0; 1537} 1538.lg-outer .lg-toggle-thumb:after {
1539 content: "\e1ff"; 1540} 1541.lg-outer.lg-animate-thumb .lg-thumb { 1542 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1543 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1544} 1545 1546.lg-outer .lg-video-cont { 1547 text-align: center; 1548 display: inline-block; 1549 vertical-align: middle; 1550 position: relative; 1551} 1552.lg-outer .lg-video-cont .lg-object { 1553 width: 100% !important; 1554 height: 100% !important; 1555} 1556.lg-outer .lg-has-iframe .lg-video-cont { 1557 -webkit-overflow-scrolling: touch; 1558 overflow: auto; 1559} 1560.lg-outer .lg-video-object { 1561 position: absolute; 1562 left: 0; 1563 right: 0; 1564 width: 100%; 1565 height: 100%; 1566 top: 0; 1567 bottom: 0; 1568 z-index: 3; 1569} 1570.lg-outer .lg-video-poster { 1571 z-index: 1; 1572} 1573.lg-outer .lg-has-video .lg-video-object { 1574 opacity: 0; 1575 will-change: opacity; 1576 -webkit-transition: opacity 0.3s ease-in; 1577 -o-transition: opacity 0.3s ease-in; 1578 transition: opacity 0.3s ease-in; 1579} 1580.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster, 1581.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button { 1582 opacity: 0 !important; 1583} 1584.lg-outer .lg-has-video.lg-video-loaded .lg-video-object { 1585 opacity: 1; 1586} 1587 1588@keyframes lg-play-stroke { 1589 0% { 1590 stroke-dasharray: 1, 200; 1591 stroke-dashoffset: 0; 1592 } 1593 50% { 1594 stroke-dasharray: 89, 200; 1595 stroke-dashoffset: -35px; 1596 } 1597 100% { 1598 stroke-dasharray: 89, 200; 1599 stroke-dashoffset: -124px; 1600 } 1601} 1602@keyframes lg-play-rotate { 1603 100% { 1604 -webkit-transform: rotate(360deg); 1605 transform: rotate(360deg); 1606 } 1607} 1608.lg-video-play-button { 1609 width: 18%; 1610 max-width: 140px; 1611 position: absolute; 1612 top: 50%; 1613 left: 50%; 1614 z-index: 2; 1615 cursor: pointer; 1616 transform: translate(-50%, -50%) scale(1); 1617 will-change: opacity, transform; 1618 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s; 1619 -moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s; 1620 -o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s; 1621 transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s; 1622} 1623.lg-video-play-button:hover .lg-video-play-icon-bg, 1624.lg-video-play-button:hover .lg-video-play-icon { 1625 opacity: 1; 1626} 1627 1628.lg-video-play-icon-bg { 1629 fill: none; 1630 stroke-width: 3%; 1631 stroke: #fcfcfc; 1632 opacity: 0.6; 1633 will-change: opacity; 1634 -webkit-transition: opacity 0.12s ease-in; 1635 -o-transition: opacity 0.12s ease-in; 1636 transition: opacity 0.12s ease-in; 1637} 1638 1639.lg-video-play-icon-circle { 1640 position: absolute; 1641 top: 0; 1642 left: 0; 1643 bottom: 0; 1644 right: 0; 1645 fill: none; 1646 stroke-width: 3%; 1647 stroke: rgba(30, 30, 30, 0.9); 1648 stroke-opacity: 1; 1649 stroke-linecap: round; 1650 stroke-dasharray: 200; 1651 stroke-dashoffset: 200; 1652} 1653 1654.lg-video-play-icon { 1655 position: absolute; 1656 width: 25%; 1657 max-width: 120px; 1658 left: 50%; 1659 top: 50%; 1660 transform: translate3d(-50%, -50%, 0); 1661 opacity: 0.6; 1662 will-change: opacity; 1663 -webkit-transition: opacity 0.12s ease-in; 1664 -o-transition: opacity 0.12s ease-in; 1665 transition: opacity 0.12s ease-in; 1666} 1667.lg-video-play-icon .lg-video-play-icon-inner { 1668 fill: #fcfcfc; 1669} 1670 1671.lg-video-loading .lg-video-play-icon-circle { 1672 animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite; 1673} 1674 1675.lg-video-loaded .lg-video-play-button { 1676 opacity: 0; 1677 transform: translate(-50%, -50%) scale(0.7); 1678} 1679 1680.lg-progress-bar { 1681 background-color: #333; 1682 height: 5px; 1683 left: 0; 1684 position: absolute; 1685 top: 0; 1686 width: 100%; 1687 z-index: 1083; 1688 opacity: 0; 1689 will-change: opacity; 1690 -webkit-transition: opacity 0.08s ease 0s; 1691 -moz-transition: opacity 0.08s ease 0s; 1692 -o-transition: opacity 0.08s ease 0s; 1693 transition: opacity 0.08s ease 0s; 1694} 1695.lg-progress-bar .lg-progress { 1696 background-color: rgb(169, 7, 7); 1697 height: 5px; 1698 width: 0; 1699} 1700.lg-progress-bar.lg-start .lg-progress { 1701 width: 100%; 1702} 1703.lg-show-autoplay .lg-progress-bar { 1704 opacity: 1; 1705} 1706 1707.lg-autoplay-button:after { 1708 content: "\e01d"; 1709} 1710.lg-show-autoplay .lg-autoplay-button:after { 1711 content: "\e01a"; 1712} 1713.lg-single-item .lg-autoplay-button { 1714 opacity: 0.75; 1715 pointer-events: none; 1716} 1717 1718.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, 1719.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { 1720 -webkit-transition-duration: 0ms !important; 1721 transition-duration: 0ms !important; 1722} 1723.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { 1724 will-change: transform; 1725 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; 1726 -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; 1727 -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; 1728 transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; 1729} 1730.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap { 1731 will-change: transform; 1732 -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; 1733 -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; 1734 -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; 1735 transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; 1736} 1737.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { 1738 -webkit-transform: translate3d(0, 0, 0); 1739 transform: translate3d(0, 0, 0); 1740 -webkit-backface-visibility: hidden; 1741 -moz-backface-visibility: hidden; 1742 backface-visibility: hidden; 1743} 1744.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image, 1745.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img { 1746 -webkit-transform: scale3d(1, 1, 1); 1747 transform: scale3d(1, 1, 1); 1748 will-change: opacity, transform; 1749 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; 1750 -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; 1751 -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; 1752 transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; 1753 -webkit-transform-origin: 0 0; 1754 -moz-transform-origin: 0 0; 1755 -ms-transform-origin: 0 0; 1756 transform-origin: 0 0; 1757 -webkit-backface-visibility: hidden; 1758 -moz-backface-visibility: hidden; 1759 backface-visibility: hidden; 1760} 1761 1762.lg-icon.lg-zoom-in:after {
1763 content: "\e311"; 1764} 1765.lg-icon.lg-actual-size { 1766 font-size: 20px; 1767} 1768.lg-icon.lg-actual-size:after { 1769 content: "\e033"; 1770} 1771.lg-icon.lg-zoom-out { 1772 opacity: 0.5; 1773 pointer-events: none; 1774} 1775.lg-icon.lg-zoom-out:after { 1776 content: "\e312"; 1777} 1778.lg-zoomed .lg-icon.lg-zoom-out { 1779 opacity: 1; 1780 pointer-events: auto; 1781} 1782 1783.lg-outer[data-lg-slide-type=video] .lg-zoom-in, 1784.lg-outer[data-lg-slide-type=video] .lg-actual-size, 1785.lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in, 1786.lg-outer[data-lg-slide-type=iframe] .lg-actual-size, 1787.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in, 1788.lg-outer.lg-first-slide-loading .lg-actual-size, 1789.lg-outer.lg-first-slide-loading .lg-zoom-out { 1790 opacity: 0.75; 1791 pointer-events: none; 1792} 1793 1794.lg-outer .lg-pager-outer { 1795 text-align: center; 1796 z-index: 1080; 1797 height: 10px; 1798 margin-bottom: 10px; 1799} 1800.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { 1801 overflow: visible; 1802} 1803.lg-outer.lg-single-item .lg-pager-outer { 1804 display: none; 1805} 1806.lg-outer .lg-pager-cont { 1807 cursor: pointer; 1808 display: inline-block; 1809 overflow: hidden; 1810 position: relative; 1811 vertical-align: top; 1812 margin: 0 5px; 1813} 1814.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { 1815 opacity: 1; 1816 -webkit-transform: translate3d(0, 0, 0); 1817 transform: translate3d(0, 0, 0); 1818} 1819.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { 1820 box-shadow: 0 0 0 2px white inset; 1821} 1822.lg-outer .lg-pager-thumb-cont { 1823 background-color: #fff; 1824 color: #fff; 1825 bottom: 100%; 1826 height: 83px; 1827 left: 0; 1828 margin-bottom: 20px; 1829 margin-left: -60px; 1830 opacity: 0; 1831 padding: 5px; 1832 position: absolute; 1833 width: 120px; 1834 border-radius: 3px; 1835 will-change: transform, opacity; 1836 -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; 1837 -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; 1838 -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; 1839 transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; 1840 -webkit-transform: translate3d(0, 5px, 0); 1841 transform: translate3d(0, 5px, 0); 1842} 1843.lg-outer .lg-pager-thumb-cont img { 1844 width: 100%; 1845 height: 100%; 1846} 1847.lg-outer .lg-pager { 1848 background-color: rgba(255, 255, 255, 0.5); 1849 border-radius: 50%; 1850 box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; 1851 display: block; 1852 height: 12px; 1853 -webkit-transition: box-shadow 0.3s ease 0s; 1854 -o-transition: box-shadow 0.3s ease 0s; 1855 transition: box-shadow 0.3s ease 0s; 1856 width: 12px; 1857} 1858.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { 1859 box-shadow: 0 0 0 8px white inset; 1860} 1861.lg-outer .lg-caret { 1862 border-left: 10px solid transparent; 1863 border-right: 10px solid transparent; 1864 border-top: 10px dashed; 1865 bottom: -10px; 1866 display: inline-block; 1867 height: 0; 1868 left: 50%; 1869 margin-left: -5px; 1870 position: absolute; 1871 vertical-align: middle; 1872 width: 0; 1873} 1874 1875.lg-fullscreen:after { 1876 content: "\e20c"; 1877} 1878.lg-fullscreen-on .lg-fullscreen:after { 1879 content: "\e20d"; 1880} 1881 1882.lg-outer .lg-dropdown-overlay { 1883 background-color: rgba(0, 0, 0, 0.25); 1884 bottom: 0; 1885 cursor: default; 1886 left: 0; 1887 position: absolute; 1888 right: 0; 1889 top: 0; 1890 z-index: 1081; 1891 opacity: 0; 1892 visibility: hidden; 1893 will-change: visibility, opacity; 1894 -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; 1895 -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; 1896 transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; 1897} 1898.lg-outer.lg-dropdown-active .lg-dropdown, 1899.lg-outer.lg-dropdown-active .lg-dropdown-overlay { 1900 -webkit-transition-delay: 0s; 1901 transition-delay: 0s; 1902 -moz-transform: translate3d(0, 0px, 0); 1903 -o-transform: translate3d(0, 0px, 0); 1904 -ms-transform: translate3d(0, 0px, 0); 1905 -webkit-transform: translate3d(0, 0px, 0); 1906 transform: translate3d(0, 0px, 0); 1907 opacity: 1; 1908 visibility: visible; 1909} 1910.lg-outer.lg-dropdown-active .lg-share { 1911 color: #fff; 1912} 1913.lg-outer .lg-dropdown { 1914 background-color: #fff; 1915 border-radius: 2px; 1916 font-size: 14px; 1917 list-style-type: none; 1918 margin: 0; 1919 padding: 10px 0; 1920 position: absolute; 1921 right: 0; 1922 text-align: left; 1923 top: 50px; 1924 opacity: 0; 1925 visibility: hidden; 1926 -moz-transform: translate3d(0, 5px, 0); 1927 -o-transform: translate3d(0, 5px, 0); 1928 -ms-transform: translate3d(0, 5px, 0); 1929 -webkit-transform: translate3d(0, 5px, 0); 1930 transform: translate3d(0, 5px, 0); 1931 will-change: visibility, opacity, transform; 1932 -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; 1933 -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; 1934 -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; 1935 transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; 1936} 1937.lg-outer .lg-dropdown:after {
1938 content: ""; 1939 display: block; 1940 height: 0; 1941 width: 0; 1942 position: absolute; 1943 border: 8px solid transparent; 1944 border-bottom-color: #fff; 1945 right: 16px; 1946 top: -16px; 1947} 1948.lg-outer .lg-dropdown > li:last-child { 1949 margin-bottom: 0px; 1950} 1951.lg-outer .lg-dropdown > li:hover a { 1952 color: #333; 1953} 1954.lg-outer .lg-dropdown a { 1955 color: #333; 1956 display: block; 1957 white-space: pre; 1958 padding: 4px 12px; 1959 font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 1960 font-size: 12px; 1961} 1962.lg-outer .lg-dropdown a:hover { 1963 background-color: rgba(0, 0, 0, 0.07); 1964} 1965.lg-outer .lg-dropdown .lg-dropdown-text { 1966 display: inline-block; 1967 line-height: 1; 1968 margin-top: -3px; 1969 vertical-align: middle; 1970} 1971.lg-outer .lg-dropdown .lg-icon { 1972 color: #333; 1973 display: inline-block; 1974 float: none; 1975 font-size: 20px; 1976 height: auto; 1977 line-height: 1; 1978 margin-right: 8px; 1979 padding: 0; 1980 vertical-align: middle; 1981 width: auto; 1982} 1983.lg-outer .lg-share { 1984 position: relative; 1985} 1986.lg-outer .lg-share:after { 1987 content: "\e80d"; 1988} 1989.lg-outer .lg-share-facebook .lg-icon { 1990 color: #3b5998; 1991} 1992.lg-outer .lg-share-facebook .lg-icon:after { 1993 content: "\e904"; 1994} 1995.lg-outer .lg-share-twitter .lg-icon { 1996 color: #00aced; 1997} 1998.lg-outer .lg-share-twitter .lg-icon:after { 1999 content: "\e907"; 2000} 2001.lg-outer .lg-share-pinterest .lg-icon { 2002 color: #cb2027; 2003} 2004.lg-outer .lg-share-pinterest .lg-icon:after { 2005 content: "\e906"; 2006} 2007 2008.lg-comment-box { 2009 width: 420px; 2010 max-width: 100%; 2011 position: absolute; 2012 right: 0; 2013 top: 0; 2014 bottom: 0; 2015 z-index: 9999; 2016 background-color: #fff; 2017 will-change: transform; 2018 -moz-transform: translate3d(100%, 0, 0); 2019 -o-transform: translate3d(100%, 0, 0); 2020 -ms-transform: translate3d(100%, 0, 0); 2021 -webkit-transform: translate3d(100%, 0, 0); 2022 transform: translate3d(100%, 0, 0); 2023 -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; 2024 -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; 2025 -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; 2026 transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; 2027} 2028.lg-comment-box .lg-comment-title { 2029 margin: 0; 2030 color: #fff; 2031 font-size: 18px; 2032} 2033.lg-comment-box .lg-comment-header { 2034 background-color: #000; 2035 padding: 12px 20px; 2036 position: absolute; 2037 left: 0; 2038 right: 0; 2039 top: 0; 2040} 2041.lg-comment-box .lg-comment-body { 2042 height: 100% !important; 2043 padding-top: 43px !important; 2044 width: 100% !important; 2045} 2046.lg-comment-box .fb-comments { 2047 height: 100%; 2048 width: 100%; 2049 background: url("/site_package_resources/Public/Images/lightgallery/loading.gif") no-repeat scroll center center #fff; 2050 overflow-y: auto; 2051 display: inline-block; 2052} 2053.lg-comment-box .fb-comments[fb-xfbml-state=rendered] { 2054 background-image: none; 2055} 2056.lg-comment-box .fb-comments > span { 2057 max-width: 100%; 2058} 2059.lg-comment-box .lg-comment-close { 2060 position: absolute; 2061 right: 5px; 2062 top: 12px; 2063 cursor: pointer; 2064 font-size: 20px; 2065 color: #999; 2066 will-change: color; 2067 -webkit-transition: color 0.2s linear; 2068 -o-transition: color 0.2s linear; 2069 transition: color 0.2s linear; 2070} 2071.lg-comment-box .lg-comment-close:hover { 2072 color: #fff; 2073} 2074.lg-comment-box .lg-comment-close:after { 2075 content: "\e070"; 2076} 2077.lg-comment-box iframe { 2078 max-width: 100% !important; 2079 width: 100% !important; 2080} 2081.lg-comment-box #disqus_thread { 2082 padding: 0 20px; 2083} 2084 2085.lg-outer .lg-comment-overlay { 2086 background-color: rgba(0, 0, 0, 0.25); 2087 bottom: 0; 2088 cursor: default; 2089 left: 0; 2090 position: fixed; 2091 right: 0; 2092 top: 0; 2093 z-index: 1081; 2094 opacity: 0; 2095 visibility: hidden; 2096 will-change: visibility, opacity; 2097 -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; 2098 -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; 2099 transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; 2100} 2101.lg-outer .lg-comment-toggle:after { 2102 content: "\e908"; 2103} 2104.lg-outer.lg-comment-active .lg-comment-overlay { 2105 -webkit-transition-delay: 0s; 2106 transition-delay: 0s; 2107 -moz-transform: translate3d(0, 0px, 0); 2108 -o-transform: translate3d(0, 0px, 0); 2109 -ms-transform: translate3d(0, 0px, 0); 2110 -webkit-transform: translate3d(0, 0px, 0); 2111 transform: translate3d(0, 0px, 0); 2112 opacity: 1; 2113 visibility: visible; 2114} 2115.lg-outer.lg-comment-active .lg-comment-toggle { 2116 color: #fff; 2117} 2118.lg-outer.lg-comment-active .lg-comment-box { 2119 -moz-transform: translate3d(0, 0, 0); 2120 -o-transform: translate3d(0, 0, 0); 2121 -ms-transform: translate3d(0, 0, 0); 2122 -webkit-transform: translate3d(0, 0, 0); 2123 transform: translate3d(0, 0, 0); 2124} 2125 2126.lg-outer .lg-img-rotate { 2127 position: absolute; 2128 left: 0; 2129 right: 0; 2130 top: 0; 2131 bottom: 0; 2132 -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; 2133 -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; 2134 -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; 2135 transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; 2136} 2137.lg-outer[data-lg-slide-type=video] .lg-rotate-left, 2138.lg-outer[data-lg-slide-type=video] .lg-rotate-right, 2139.lg-outer[data-lg-slide-type=video] .lg-flip-ver, 2140.lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left, 2141.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right, 2142.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver, 2143.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor { 2144 opacity: 0.75; 2145 pointer-events: none; 2146} 2147 2148.lg-rotate-left:after {
2149 content: "\e900"; 2150} 2151 2152.lg-rotate-right:after { 2153 content: "\e901"; 2154} 2155 2156.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver { 2157 font-size: 26px; 2158} 2159 2160.lg-flip-ver:after { 2161 content: "\e903"; 2162} 2163 2164.lg-flip-hor:after { 2165 content: "\e902"; 2166} 2167 2168.lg-medium-zoom-item { 2169 cursor: zoom-in; 2170} 2171 2172.lg-medium-zoom .lg-outer { 2173 cursor: zoom-out; 2174} 2175.lg-medium-zoom .lg-outer.lg-grab img.lg-object { 2176 cursor: zoom-out; 2177} 2178.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object { 2179 cursor: zoom-out; 2180} 2181 2182.lg-relative-caption .lg-outer .lg-sub-html { 2183 white-space: normal; 2184 bottom: auto; 2185 padding: 0; 2186 background-image: none; 2187} 2188.lg-relative-caption .lg-outer .lg-relative-caption-item { 2189 opacity: 0; 2190 padding: 16px 0; 2191 transition: 0.5s opacity ease; 2192} 2193.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item { 2194 opacity: 1; 2195} 2196 2197.lg-group:after { 2198 content: ""; 2199 display: table; 2200 clear: both; 2201} 2202 2203.lg-container { 2204 display: none; 2205 outline: none; 2206} 2207.lg-container.lg-show { 2208 display: block; 2209} 2210 2211.lg-on { 2212 scroll-behavior: unset; 2213} 2214 2215.lg-toolbar, 2216.lg-prev, 2217.lg-next, 2218.lg-pager-outer, 2219.lg-hide-sub-html .lg-sub-html { 2220 opacity: 0; 2221 will-change: transform, opacity; 2222 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; 2223 -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; 2224 -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; 2225 transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; 2226} 2227 2228.lg-show-in .lg-toolbar, 2229.lg-show-in .lg-prev, 2230.lg-show-in .lg-next, 2231.lg-show-in .lg-pager-outer { 2232 opacity: 1; 2233} 2234.lg-show-in.lg-hide-sub-html .lg-sub-html { 2235 opacity: 1; 2236} 2237.lg-show-in .lg-hide-items .lg-prev { 2238 opacity: 0; 2239 -webkit-transform: translate3d(-10px, 0, 0); 2240 transform: translate3d(-10px, 0, 0); 2241} 2242.lg-show-in .lg-hide-items .lg-next { 2243 opacity: 0; 2244 -webkit-transform: translate3d(10px, 0, 0); 2245 transform: translate3d(10px, 0, 0); 2246} 2247.lg-show-in .lg-hide-items .lg-toolbar { 2248 opacity: 0; 2249 -webkit-transform: translate3d(0, -10px, 0); 2250 transform: translate3d(0, -10px, 0); 2251} 2252.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html { 2253 opacity: 0; 2254 -webkit-transform: translate3d(0, 20px, 0); 2255 transform: translate3d(0, 20px, 0); 2256} 2257 2258.lg-outer { 2259 width: 100%; 2260 height: 100%; 2261 position: fixed; 2262 top: 0; 2263 left: 0; 2264 z-index: 1050; 2265 text-align: left; 2266 opacity: 0.001; 2267 outline: none; 2268 will-change: auto; 2269 overflow: hidden; 2270 -webkit-transition: opacity 0.15s ease 0s; 2271 -o-transition: opacity 0.15s ease 0s; 2272 transition: opacity 0.15s ease 0s; 2273} 2274.lg-outer * { 2275 -webkit-box-sizing: border-box; 2276 -moz-box-sizing: border-box; 2277 box-sizing: border-box; 2278} 2279.lg-outer.lg-zoom-from-image { 2280 opacity: 1; 2281} 2282.lg-outer.lg-visible { 2283 opacity: 1; 2284} 2285.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current { 2286 -webkit-transition-duration: inherit !important; 2287 transition-duration: inherit !important; 2288 -webkit-transition-timing-function: inherit !important; 2289 transition-timing-function: inherit !important; 2290} 2291.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { 2292 -webkit-transition-duration: 0s !important; 2293 transition-duration: 0s !important; 2294 opacity: 1; 2295} 2296.lg-outer.lg-grab img.lg-object { 2297 cursor: -webkit-grab; 2298 cursor: -moz-grab; 2299 cursor: -o-grab; 2300 cursor: -ms-grab; 2301 cursor: grab; 2302} 2303.lg-outer.lg-grabbing img.lg-object { 2304 cursor: move; 2305 cursor: -webkit-grabbing; 2306 cursor: -moz-grabbing; 2307 cursor: -o-grabbing; 2308 cursor: -ms-grabbing; 2309 cursor: grabbing; 2310} 2311.lg-outer .lg-content { 2312 position: absolute; 2313 top: 0; 2314 left: 0; 2315 right: 0; 2316 bottom: 0; 2317} 2318.lg-outer .lg-inner { 2319 width: 100%; 2320 position: absolute; 2321 left: 0; 2322 top: 0; 2323 bottom: 0; 2324 -webkit-transition: opacity 0s; 2325 -o-transition: opacity 0s; 2326 transition: opacity 0s; 2327 white-space: nowrap; 2328} 2329.lg-outer .lg-item { 2330 display: none !important; 2331} 2332.lg-outer .lg-item:not(.lg-start-end-progress) {
2333 background: url("/site_package_resources/Public/Images/lightgallery/loading.gif") no-repeat scroll center center transparent; 2334} 2335.lg-outer.lg-css3 .lg-prev-slide, 2336.lg-outer.lg-css3 .lg-current, 2337.lg-outer.lg-css3 .lg-next-slide { 2338 display: inline-block !important; 2339} 2340.lg-outer.lg-css .lg-current { 2341 display: inline-block !important; 2342} 2343.lg-outer .lg-item, 2344.lg-outer .lg-img-wrap { 2345 display: inline-block; 2346 text-align: center; 2347 position: absolute; 2348 width: 100%; 2349 height: 100%; 2350} 2351.lg-outer .lg-item:before, 2352.lg-outer .lg-img-wrap:before { 2353 content: ""; 2354 display: inline-block; 2355 height: 100%; 2356 vertical-align: middle; 2357} 2358.lg-outer .lg-img-wrap { 2359 position: absolute; 2360 left: 0; 2361 right: 0; 2362 top: 0; 2363 bottom: 0; 2364 white-space: nowrap; 2365 font-size: 0; 2366} 2367.lg-outer .lg-item.lg-complete { 2368 background-image: none; 2369} 2370.lg-outer .lg-item.lg-current { 2371 z-index: 1060; 2372} 2373.lg-outer .lg-object { 2374 display: inline-block; 2375 vertical-align: middle; 2376 max-width: 100%; 2377 max-height: 100%; 2378 width: auto; 2379 height: auto; 2380 position: relative; 2381} 2382.lg-outer .lg-empty-html.lg-sub-html, 2383.lg-outer .lg-empty-html .lg-sub-html { 2384 display: none; 2385} 2386.lg-outer.lg-hide-download .lg-download { 2387 opacity: 0.75; 2388 pointer-events: none; 2389} 2390.lg-outer .lg-first-slide .lg-dummy-img { 2391 position: absolute; 2392 top: 50%; 2393 left: 50%; 2394} 2395.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components { 2396 -webkit-transform: translate3d(0, 0%, 0); 2397 transform: translate3d(0, 0%, 0); 2398 opacity: 1; 2399} 2400.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html { 2401 opacity: 1; 2402 transition: opacity 0.2s ease-out 0.15s; 2403} 2404 2405.lg-backdrop { 2406 position: fixed; 2407 top: 0; 2408 left: 0; 2409 right: 0; 2410 bottom: 0; 2411 z-index: 1040; 2412 background-color: #000; 2413 opacity: 0; 2414 will-change: auto; 2415 -webkit-transition: opacity 333ms ease-in 0s; 2416 -o-transition: opacity 333ms ease-in 0s; 2417 transition: opacity 333ms ease-in 0s; 2418} 2419.lg-backdrop.in { 2420 opacity: 1; 2421} 2422 2423.lg-css3.lg-no-trans .lg-prev-slide, 2424.lg-css3.lg-no-trans .lg-next-slide, 2425.lg-css3.lg-no-trans .lg-current { 2426 -webkit-transition: none 0s ease 0s !important; 2427 -moz-transition: none 0s ease 0s !important; 2428 -o-transition: none 0s ease 0s !important; 2429 transition: none 0s ease 0s !important; 2430} 2431.lg-css3.lg-use-css3 .lg-item { 2432 -webkit-backface-visibility: hidden; 2433 -moz-backface-visibility: hidden; 2434 backface-visibility: hidden; 2435} 2436.lg-css3.lg-fade .lg-item { 2437 opacity: 0; 2438} 2439.lg-css3.lg-fade .lg-item.lg-current { 2440 opacity: 1; 2441} 2442.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { 2443 -webkit-transition: opacity 0.1s ease 0s; 2444 -moz-transition: opacity 0.1s ease 0s; 2445 -o-transition: opacity 0.1s ease 0s; 2446 transition: opacity 0.1s ease 0s; 2447} 2448.lg-css3.lg-use-css3 .lg-item.lg-start-progress { 2449 -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 2450 -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 2451 -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 2452 transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 2453} 2454.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress { 2455 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; 2456 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; 2457 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; 2458 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; 2459} 2460.lg-css3.lg-slide.lg-use-css3 .lg-item { 2461 opacity: 0; 2462} 2463.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { 2464 -webkit-transform: translate3d(-100%, 0, 0); 2465 transform: translate3d(-100%, 0, 0); 2466} 2467.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { 2468 -webkit-transform: translate3d(100%, 0, 0); 2469 transform: translate3d(100%, 0, 0); 2470} 2471.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { 2472 -webkit-transform: translate3d(0, 0, 0); 2473 transform: translate3d(0, 0, 0); 2474 opacity: 1; 2475} 2476.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { 2477 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 2478 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 2479 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 2480 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 2481} 2482 2483.lg-container { 2484 display: none; 2485} 2486.lg-container.lg-show { 2487 display: block; 2488} 2489.lg-container.lg-dragging-vertical .lg-backdrop { 2490 -webkit-transition-duration: 0s !important; 2491 transition-duration: 0s !important; 2492} 2493.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current { 2494 -webkit-transition-duration: 0s !important; 2495 transition-duration: 0s !important; 2496 opacity: 1; 2497} 2498 2499.lg-inline .lg-backdrop, 2500.lg-inline .lg-outer { 2501 position: absolute; 2502} 2503.lg-inline .lg-backdrop { 2504 z-index: 1; 2505} 2506.lg-inline .lg-outer { 2507 z-index: 2; 2508} 2509.lg-inline .lg-maximize:after {
2510 content: "\e909"; 2511} 2512 2513.lg-components { 2514 -webkit-transform: translate3d(0, 100%, 0); 2515 transform: translate3d(0, 100%, 0); 2516 will-change: transform; 2517 -webkit-transition: -webkit-transform 0.35s ease-out 0s; 2518 -moz-transition: -moz-transform 0.35s ease-out 0s; 2519 -o-transition: -o-transform 0.35s ease-out 0s; 2520 transition: transform 0.35s ease-out 0s; 2521 z-index: 1080; 2522 position: absolute; 2523 bottom: 0; 2524 right: 0; 2525 left: 0; 2526} 2527 2528.flatpickr-calendar { 2529 background: transparent; 2530 opacity: 0; 2531 display: none; 2532 text-align: center; 2533 visibility: hidden; 2534 padding: 0; 2535 -webkit-animation: none; 2536 animation: none; 2537 direction: ltr; 2538 border: 0; 2539 font-size: 14px; 2540 line-height: 24px; 2541 border-radius: 5px; 2542 position: absolute; 2543 width: 307.875px; 2544 -webkit-box-sizing: border-box; 2545 box-sizing: border-box; 2546 -ms-touch-action: manipulation; 2547 touch-action: manipulation; 2548 background: #fff; 2549 -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); 2550 box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); 2551} 2552 2553.flatpickr-calendar.open, .flatpickr-calendar.inline { 2554 opacity: 1; 2555 max-height: 640px; 2556 visibility: visible; 2557} 2558 2559.flatpickr-calendar.open { 2560 display: inline-block; 2561 z-index: 99999; 2562} 2563 2564.flatpickr-calendar.animate.open { 2565 -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); 2566 animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); 2567} 2568 2569.flatpickr-calendar.inline { 2570 display: block; 2571 position: relative; 2572 top: 2px; 2573} 2574 2575.flatpickr-calendar.static { 2576 position: absolute; 2577 top: calc(100% + 2px); 2578} 2579 2580.flatpickr-calendar.static.open { 2581 z-index: 999; 2582 display: block; 2583} 2584 2585.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { 2586 -webkit-box-shadow: none !important; 2587 box-shadow: none !important; 2588} 2589 2590.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { 2591 -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; 2592 box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; 2593} 2594 2595.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { 2596 border-bottom: 0; 2597 border-bottom-right-radius: 0; 2598 border-bottom-left-radius: 0; 2599} 2600 2601.flatpickr-calendar .hasWeeks .dayContainer { 2602 border-left: 0; 2603} 2604 2605.flatpickr-calendar.hasTime .flatpickr-time { 2606 height: 40px; 2607 border-top: 1px solid #e6e6e6; 2608} 2609 2610.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { 2611 height: auto; 2612} 2613 2614.flatpickr-calendar:before, .flatpickr-calendar:after { 2615 position: absolute; 2616 display: block; 2617 pointer-events: none; 2618 border: solid transparent; 2619 content: ""; 2620 height: 0; 2621 width: 0; 2622 left: 22px; 2623} 2624 2625.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after { 2626 left: auto; 2627 right: 22px; 2628} 2629 2630.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after { 2631 left: 50%; 2632 right: 50%; 2633} 2634 2635.flatpickr-calendar:before { 2636 border-width: 5px; 2637 margin: 0 -5px; 2638} 2639 2640.flatpickr-calendar:after { 2641 border-width: 4px; 2642 margin: 0 -4px; 2643} 2644 2645.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { 2646 bottom: 100%; 2647} 2648 2649.flatpickr-calendar.arrowTop:before { 2650 border-bottom-color: #e6e6e6; 2651} 2652 2653.flatpickr-calendar.arrowTop:after { 2654 border-bottom-color: #fff; 2655} 2656 2657.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { 2658 top: 100%; 2659} 2660 2661.flatpickr-calendar.arrowBottom:before { 2662 border-top-color: #e6e6e6; 2663} 2664 2665.flatpickr-calendar.arrowBottom:after { 2666 border-top-color: #fff; 2667} 2668 2669.flatpickr-calendar:focus { 2670 outline: 0; 2671} 2672 2673.flatpickr-wrapper { 2674 position: relative; 2675 display: inline-block; 2676} 2677 2678.flatpickr-months { 2679 display: -webkit-box; 2680 display: -webkit-flex; 2681 display: -ms-flexbox; 2682 display: flex; 2683} 2684 2685.flatpickr-months .flatpickr-month { 2686 background: transparent; 2687 color: rgba(0, 0, 0, 0.9); 2688 fill: rgba(0, 0, 0, 0.9); 2689 height: 34px; 2690 line-height: 1; 2691 text-align: center; 2692 position: relative; 2693 -webkit-user-select: none; 2694 -moz-user-select: none; 2695 -ms-user-select: none; 2696 user-select: none; 2697 overflow: hidden; 2698 -webkit-box-flex: 1; 2699 -webkit-flex: 1; 2700 -ms-flex: 1; 2701 flex: 1; 2702} 2703 2704.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { 2705 -webkit-user-select: none; 2706 -moz-user-select: none; 2707 -ms-user-select: none; 2708 user-select: none; 2709 text-decoration: none; 2710 cursor: pointer; 2711 position: absolute; 2712 top: 0; 2713 height: 34px; 2714 padding: 10px; 2715 z-index: 3; 2716 color: rgba(0, 0, 0, 0.9); 2717 fill: rgba(0, 0, 0, 0.9); 2718} 2719 2720.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { 2721 display: none; 2722} 2723 2724.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { 2725 position: relative; 2726} 2727 2728.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* 2729/*rtl:begin:ignore*/ 2730 left: 0; 2731} /* 2732/*rtl:begin:ignore*/ 2733/* 2734 /*rtl:end:ignore*/ 2735.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* 2736/*rtl:begin:ignore*/ 2737 right: 0; 2738} /* 2739/*rtl:begin:ignore*/ 2740/* 2741 /*rtl:end:ignore*/ 2742.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
2743 color: #959ea9; 2744} 2745 2746.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { 2747 fill: #f64747; 2748} 2749 2750.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { 2751 width: 14px; 2752 height: 14px; 2753} 2754 2755.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { 2756 -webkit-transition: fill 0.1s; 2757 transition: fill 0.1s; 2758 fill: inherit; 2759} 2760 2761.numInputWrapper { 2762 position: relative; 2763 height: auto; 2764} 2765 2766.numInputWrapper input, .numInputWrapper span { 2767 display: inline-block; 2768} 2769 2770.numInputWrapper input { 2771 width: 100%; 2772} 2773 2774.numInputWrapper input::-ms-clear { 2775 display: none; 2776} 2777 2778.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { 2779 margin: 0; 2780 -webkit-appearance: none; 2781} 2782 2783.numInputWrapper span { 2784 position: absolute; 2785 right: 0; 2786 width: 14px; 2787 padding: 0 4px 0 2px; 2788 height: 50%; 2789 line-height: 50%; 2790 opacity: 0; 2791 cursor: pointer; 2792 border: 1px solid rgba(57, 57, 57, 0.15); 2793 -webkit-box-sizing: border-box; 2794 box-sizing: border-box; 2795} 2796 2797.numInputWrapper span:hover { 2798 background: rgba(0, 0, 0, 0.1); 2799} 2800 2801.numInputWrapper span:active { 2802 background: rgba(0, 0, 0, 0.2); 2803} 2804 2805.numInputWrapper span:after { 2806 display: block; 2807 content: ""; 2808 position: absolute; 2809} 2810 2811.numInputWrapper span.arrowUp { 2812 top: 0; 2813 border-bottom: 0; 2814} 2815 2816.numInputWrapper span.arrowUp:after { 2817 border-left: 4px solid transparent; 2818 border-right: 4px solid transparent; 2819 border-bottom: 4px solid rgba(57, 57, 57, 0.6); 2820 top: 26%; 2821} 2822 2823.numInputWrapper span.arrowDown { 2824 top: 50%; 2825} 2826 2827.numInputWrapper span.arrowDown:after { 2828 border-left: 4px solid transparent; 2829 border-right: 4px solid transparent;
2830 border-top: 4px solid rgba(57, 57, 57, 0.6); 2831 top: 40%; 2832} 2833 2834.numInputWrapper span svg { 2835 width: inherit; 2836 height: auto; 2837} 2838 2839.numInputWrapper span svg path { 2840 fill: rgba(0, 0, 0, 0.5); 2841} 2842 2843.numInputWrapper:hover { 2844 background: rgba(0, 0, 0, 0.05); 2845} 2846 2847.numInputWrapper:hover span { 2848 opacity: 1; 2849} 2850 2851.flatpickr-current-month { 2852 font-size: 135%; 2853 line-height: inherit; 2854 font-weight: 300; 2855 color: inherit; 2856 position: absolute; 2857 width: 75%; 2858 left: 12.5%; 2859 padding: 7.48px 0 0 0; 2860 line-height: 1; 2861 height: 34px; 2862 display: inline-block; 2863 text-align: center; 2864 -webkit-transform: translate3d(0, 0, 0); 2865 transform: translate3d(0, 0, 0); 2866} 2867 2868.flatpickr-current-month span.cur-month { 2869 font-family: inherit; 2870 font-weight: 700; 2871 color: inherit; 2872 display: inline-block; 2873 margin-left: 0.5ch; 2874 padding: 0; 2875} 2876 2877.flatpickr-current-month span.cur-month:hover { 2878 background: rgba(0, 0, 0, 0.05); 2879} 2880 2881.flatpickr-current-month .numInputWrapper { 2882 width: 6ch; 2883 width: 7ch\0 ; 2884 display: inline-block; 2885} 2886 2887.flatpickr-current-month .numInputWrapper span.arrowUp:after { 2888 border-bottom-color: rgba(0, 0, 0, 0.9); 2889} 2890 2891.flatpickr-current-month .numInputWrapper span.arrowDown:after { 2892 border-top-color: rgba(0, 0, 0, 0.9); 2893} 2894 2895.flatpickr-current-month input.cur-year { 2896 background: transparent; 2897 -webkit-box-sizing: border-box; 2898 box-sizing: border-box; 2899 color: inherit; 2900 cursor: text; 2901 padding: 0 0 0 0.5ch; 2902 margin: 0; 2903 display: inline-block; 2904 font-size: inherit; 2905 font-family: inherit; 2906 font-weight: 300; 2907 line-height: inherit; 2908 height: auto; 2909 border: 0; 2910 border-radius: 0; 2911 vertical-align: initial; 2912 -webkit-appearance: textfield; 2913 -moz-appearance: textfield; 2914 appearance: textfield; 2915} 2916 2917.flatpickr-current-month input.cur-year:focus { 2918 outline: 0; 2919} 2920 2921.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { 2922 font-size: 100%; 2923 color: rgba(0, 0, 0, 0.5); 2924 background: transparent; 2925 pointer-events: none; 2926} 2927 2928.flatpickr-current-month .flatpickr-monthDropdown-months { 2929 appearance: menulist; 2930 background: transparent; 2931 border: none; 2932 border-radius: 0; 2933 box-sizing: border-box; 2934 color: inherit; 2935 cursor: pointer; 2936 font-size: inherit; 2937 font-family: inherit; 2938 font-weight: 300; 2939 height: auto; 2940 line-height: inherit; 2941 margin: -1px 0 0 0; 2942 outline: none; 2943 padding: 0 0 0 0.5ch; 2944 position: relative; 2945 vertical-align: initial; 2946 -webkit-box-sizing: border-box; 2947 -webkit-appearance: menulist; 2948 -moz-appearance: menulist; 2949 width: auto; 2950} 2951 2952.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { 2953 outline: none; 2954} 2955 2956.flatpickr-current-month .flatpickr-monthDropdown-months:hover { 2957 background: rgba(0, 0, 0, 0.05); 2958} 2959 2960.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { 2961 background-color: transparent; 2962 outline: none; 2963 padding: 0; 2964} 2965 2966.flatpickr-weekdays { 2967 background: transparent; 2968 text-align: center; 2969 overflow: hidden; 2970 width: 100%; 2971 display: -webkit-box; 2972 display: -webkit-flex; 2973 display: -ms-flexbox; 2974 display: flex; 2975 -webkit-box-align: center; 2976 -webkit-align-items: center; 2977 -ms-flex-align: center; 2978 align-items: center; 2979 height: 28px; 2980} 2981 2982.flatpickr-weekdays .flatpickr-weekdaycontainer { 2983 display: -webkit-box; 2984 display: -webkit-flex; 2985 display: -ms-flexbox; 2986 display: flex; 2987 -webkit-box-flex: 1; 2988 -webkit-flex: 1; 2989 -ms-flex: 1; 2990 flex: 1; 2991} 2992 2993span.flatpickr-weekday { 2994 cursor: default; 2995 font-size: 90%; 2996 background: transparent; 2997 color: rgba(0, 0, 0, 0.54); 2998 line-height: 1; 2999 margin: 0; 3000 text-align: center; 3001 display: block; 3002 -webkit-box-flex: 1; 3003 -webkit-flex: 1; 3004 -ms-flex: 1; 3005 flex: 1; 3006 font-weight: bolder; 3007} 3008 3009.dayContainer, .flatpickr-weeks { 3010 padding: 1px 0 0 0; 3011} 3012 3013.flatpickr-days { 3014 position: relative; 3015 overflow: hidden; 3016 display: -webkit-box; 3017 display: -webkit-flex; 3018 display: -ms-flexbox; 3019 display: flex; 3020 -webkit-box-align: start; 3021 -webkit-align-items: flex-start; 3022 -ms-flex-align: start; 3023 align-items: flex-start; 3024 width: 307.875px; 3025} 3026 3027.flatpickr-days:focus { 3028 outline: 0; 3029} 3030 3031.dayContainer { 3032 padding: 0; 3033 outline: 0; 3034 text-align: left; 3035 width: 307.875px; 3036 min-width: 307.875px; 3037 max-width: 307.875px; 3038 -webkit-box-sizing: border-box; 3039 box-sizing: border-box; 3040 display: inline-block; 3041 display: -ms-flexbox; 3042 display: -webkit-box; 3043 display: -webkit-flex; 3044 display: flex; 3045 -webkit-flex-wrap: wrap; 3046 flex-wrap: wrap; 3047 -ms-flex-wrap: wrap; 3048 -ms-flex-pack: justify;
3049 -webkit-justify-content: space-around; 3050 justify-content: space-around; 3051 -webkit-transform: translate3d(0, 0, 0); 3052 transform: translate3d(0, 0, 0); 3053 opacity: 1; 3054} 3055 3056.dayContainer + .dayContainer { 3057 -webkit-box-shadow: -1px 0 0 #e6e6e6; 3058 box-shadow: -1px 0 0 #e6e6e6; 3059} 3060 3061.flatpickr-day { 3062 background: none; 3063 border: 1px solid transparent; 3064 border-radius: 150px; 3065 -webkit-box-sizing: border-box; 3066 box-sizing: border-box; 3067 color: #393939; 3068 cursor: pointer; 3069 font-weight: 400; 3070 width: 14.2857143%; 3071 -webkit-flex-basis: 14.2857143%; 3072 -ms-flex-preferred-size: 14.2857143%; 3073 flex-basis: 14.2857143%; 3074 max-width: 39px; 3075 height: 39px; 3076 line-height: 39px; 3077 margin: 0; 3078 display: inline-block; 3079 position: relative; 3080 -webkit-box-pack: center; 3081 -webkit-justify-content: center; 3082 -ms-flex-pack: center; 3083 justify-content: center; 3084 text-align: center; 3085} 3086 3087.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { 3088 cursor: pointer; 3089 outline: 0; 3090 background: #e6e6e6; 3091 border-color: #e6e6e6; 3092} 3093 3094.flatpickr-day.today { 3095 border-color: #959ea9; 3096} 3097 3098.flatpickr-day.today:hover, .flatpickr-day.today:focus { 3099 border-color: #959ea9; 3100 background: #959ea9; 3101 color: #fff; 3102} 3103 3104.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { 3105 background: #569ff7; 3106 -webkit-box-shadow: none; 3107 box-shadow: none; 3108 color: #fff; 3109 border-color: #569ff7; 3110} 3111 3112.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { 3113 border-radius: 50px 0 0 50px; 3114} 3115 3116.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { 3117 border-radius: 0 50px 50px 0; 3118} 3119 3120.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { 3121 -webkit-box-shadow: -10px 0 0 #569ff7; 3122 box-shadow: -10px 0 0 #569ff7; 3123} 3124 3125.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { 3126 border-radius: 50px; 3127} 3128 3129.flatpickr-day.inRange { 3130 border-radius: 0; 3131 -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; 3132 box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; 3133} 3134 3135.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { 3136 color: rgba(57, 57, 57, 0.3); 3137 background: transparent; 3138 border-color: transparent; 3139 cursor: default; 3140} 3141 3142.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { 3143 cursor: not-allowed; 3144 color: rgba(57, 57, 57, 0.1); 3145} 3146 3147.flatpickr-day.week.selected { 3148 border-radius: 0; 3149 -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; 3150 box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; 3151} 3152 3153.flatpickr-day.hidden { 3154 visibility: hidden; 3155} 3156 3157.rangeMode .flatpickr-day {
3158 margin-top: 1px; 3159} 3160 3161.flatpickr-weekwrapper { 3162 float: left; 3163} 3164 3165.flatpickr-weekwrapper .flatpickr-weeks { 3166 padding: 0 12px; 3167 -webkit-box-shadow: 1px 0 0 #e6e6e6; 3168 box-shadow: 1px 0 0 #e6e6e6; 3169} 3170 3171.flatpickr-weekwrapper .flatpickr-weekday { 3172 float: none; 3173 width: 100%; 3174 line-height: 28px; 3175} 3176 3177.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { 3178 display: block; 3179 width: 100%; 3180 max-width: none; 3181 color: rgba(57, 57, 57, 0.3); 3182 background: transparent; 3183 cursor: default; 3184 border: none; 3185} 3186 3187.flatpickr-innerContainer { 3188 display: block; 3189 display: -webkit-box; 3190 display: -webkit-flex; 3191 display: -ms-flexbox; 3192 display: flex; 3193 -webkit-box-sizing: border-box; 3194 box-sizing: border-box; 3195 overflow: hidden; 3196} 3197 3198.flatpickr-rContainer { 3199 display: inline-block; 3200 padding: 0; 3201 -webkit-box-sizing: border-box; 3202 box-sizing: border-box; 3203} 3204 3205.flatpickr-time { 3206 text-align: center; 3207 outline: 0; 3208 display: block; 3209 height: 0; 3210 line-height: 40px; 3211 max-height: 40px; 3212 -webkit-box-sizing: border-box; 3213 box-sizing: border-box; 3214 overflow: hidden; 3215 display: -webkit-box; 3216 display: -webkit-flex; 3217 display: -ms-flexbox; 3218 display: flex; 3219} 3220 3221.flatpickr-time:after { 3222 content: ""; 3223 display: table; 3224 clear: both; 3225} 3226 3227.flatpickr-time .numInputWrapper { 3228 -webkit-box-flex: 1; 3229 -webkit-flex: 1; 3230 -ms-flex: 1; 3231 flex: 1; 3232 width: 40%; 3233 height: 40px; 3234 float: left; 3235} 3236 3237.flatpickr-time .numInputWrapper span.arrowUp:after { 3238 border-bottom-color: #393939; 3239} 3240 3241.flatpickr-time .numInputWrapper span.arrowDown:after { 3242 border-top-color: #393939; 3243} 3244 3245.flatpickr-time.hasSeconds .numInputWrapper { 3246 width: 26%; 3247} 3248 3249.flatpickr-time.time24hr .numInputWrapper { 3250 width: 49%; 3251} 3252 3253.flatpickr-time input { 3254 background: transparent; 3255 -webkit-box-shadow: none; 3256 box-shadow: none; 3257 border: 0; 3258 border-radius: 0; 3259 text-align: center; 3260 margin: 0; 3261 padding: 0; 3262 height: inherit; 3263 line-height: inherit; 3264 color: #393939; 3265 font-size: 14px; 3266 position: relative; 3267 -webkit-box-sizing: border-box; 3268 box-sizing: border-box; 3269 -webkit-appearance: textfield; 3270 -moz-appearance: textfield; 3271 appearance: textfield; 3272} 3273 3274.flatpickr-time input.flatpickr-hour { 3275 font-weight: bold; 3276} 3277 3278.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { 3279 font-weight: 400; 3280} 3281 3282.flatpickr-time input:focus { 3283 outline: 0; 3284 border: 0; 3285} 3286 3287.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { 3288 height: inherit; 3289 float: left; 3290 line-height: inherit; 3291 color: #393939; 3292 font-weight: bold; 3293 width: 2%; 3294 -webkit-user-select: none; 3295 -moz-user-select: none; 3296 -ms-user-select: none; 3297 user-select: none; 3298 -webkit-align-self: center; 3299 -ms-flex-item-align: center; 3300 align-self: center; 3301} 3302 3303.flatpickr-time .flatpickr-am-pm { 3304 outline: 0; 3305 width: 18%; 3306 cursor: pointer; 3307 text-align: center; 3308 font-weight: 400; 3309} 3310 3311.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { 3312 background: #eee; 3313} 3314 3315.flatpickr-input[readonly] { 3316 cursor: pointer; 3317} 3318 3319@-webkit-keyframes fpFadeInDown { 3320 from { 3321 opacity: 0; 3322 -webkit-transform: translate3d(0, -20px, 0); 3323 transform: translate3d(0, -20px, 0); 3324 } 3325 to { 3326 opacity: 1; 3327 -webkit-transform: translate3d(0, 0, 0); 3328 transform: translate3d(0, 0, 0); 3329 } 3330} 3331@keyframes fpFadeInDown { 3332 from { 3333 opacity: 0; 3334 -webkit-transform: translate3d(0, -20px, 0); 3335 transform: translate3d(0, -20px, 0); 3336 } 3337 to { 3338 opacity: 1; 3339 -webkit-transform: translate3d(0, 0, 0); 3340 transform: translate3d(0, 0, 0); 3341 } 3342} 3343</style> 3344<style media="screen" data-asset-id="Globals/Main">/*!**************************************************************************************************************************************************************************************************************************************************************!*\ 3345 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../Templates/Globals/Main/frontend.scss ***! 3346 \**************************************************************************************************************************************************************************************************************************************************************/ 3347/* ========================================================================== 3348 GLOBAL
3349 Styling for general parts which affect the whole page, like: 3350 - Text Selection 3351 - Typography 3352 - Loaders 3353 - ... 3354 3355 INFO: 3356 - adjust the preconfigured code relevant for your project (eg. colors, 3357 font-family ...) 3358 - use it with care, its not a trash can! 3359 - contributions for the kickstarter are welcome! 3360 ========================================================================== */ 3361/* ========================================================================== 3362 STORAGE 3363 ========================================================================== */ 3364/* ========================================================================== 3365 VARIABLES 3366 Collection of all variables 3367 3368 INFO: 3369 - try to use variables as much as possible, it makes life easier 3370 - try to use meaningful prefixes, e.g. "$clr-" for color variables 3371 or "$fs-" for font-sizes 3372 ========================================================================== */ 3373/* ========================================================================== 3374 CLASS NAMES 3375 Collection of class-names. 3376 ========================================================================== */ 3377/* ========================================================================== 3378 COLORS 3379 List all colors concerning your project here 3380 3381 INFO: 3382 - use for your colors at least the prefix "$clr-" 3383 ========================================================================== */ 3384/* ========================================================================== 3385 DEFAULTS 3386 ========================================================================== */ 3387/* ========================================================================== 3388 DIMENSIONS 3389 List of some recurring dimensions. 3390 3391 INFO: 3392 - don't delete any unit! 3393 - do unit changes with care 3394 - try to use prefixes (f.e. "zi" for "z-index", "hgt" for "height", "wdt" for "width" etc.) 3395 - if possible try to define the main z-index values here 3396 - don't put all dimensions in here, only well selected ones (it's not a trashcan!) 3397 ========================================================================== */ 3398/* ========================================================================== 3399 MEDIA QUERIES 3400 Collection of media queries. 3401 ========================================================================== */ 3402/* ========================================================================== 3403 TYPOGRAPHY 3404 Font settings concerning your project. 3405 3406 INFO: 3407 - don't delete anything! 3408 - use changes in here with care 3409 - try to use prefixes (f.e. "ff" for "font-family", "fs" for "font-size", "fw" for "font-weight" ecc.) 3410 - don't put all properties in here, only well selected ones (it's not a trashcan!) 3411 ========================================================================== */ 3412/* ========================================================================== 3413 FUNCIONS 3414 Collection of all functions 3415 ========================================================================== */ 3416/* ========================================================================== 3417 GENERAL 3418 Useful global functions 3419 ========================================================================== */ 3420/* ========================================================================== 3421 MIXINS 3422 Collection of all mixins (mind the ordering!) 3423 ========================================================================== */ 3424/* ========================================================================== 3425 GENERAL 3426 Useful global helpers 3427 3428 INFO: 3429 - no specific naming convention (no prefix) except to not use camelcase if possible! 3430 - use it with care, its not a trash can! 3431 - contributions for the kickstarter are welcome! 3432 ========================================================================== */ 3433/* 3434 * WRAPPER DIMENSIONS 3435 * generates wrapper padding & max-width 3436 */ 3437/* ========================================================================== 3438 TYPOGRAPHY 3439 Helpers to arrange type 3440 3441 INFO: 3442 - all mixins should start with "typo" as prefix 3443 ========================================================================== */ 3444/* ========================================================================== 3445 CONTENT 3446 Helpers for Headlines/RichText/... 3447 3448 INFO: 3449 - all mixins should start with "content" as prefix 3450 ========================================================================== */ 3451/* 3452 * OVERLINE 3453 */ 3454/* 3455 * HEADLINES 3456 */ 3457/* 3458 * TABLE-WRAP 3459 */ 3460/* 3461 * RICH-TEXT 3462 */ 3463/* ========================================================================== 3464 BUTTONS 3465 Helpers to edit buttons 3466 3467 INFO: 3468 - all mixins should start with "btn" as prefix 3469 ========================================================================== */ 3470/* ========================================================================== 3471 IMAGES 3472 Collection of all helpers for images 3473 3474 INFO: 3475 - all mixins should start with "img" as prefix 3476 ========================================================================== */ 3477/* ========================================================================== 3478 VISTA 3479 Helper to add base style to the vista output. 3480 3481 INFO: 3482 - Usage example: 3483 @include vista(100vh, 75vh, 100vh, 60vh, true); 3484 ========================================================================== */ 3485/* ========================================================================== 3486 CONTENT-PARTS 3487 ========================================================================== */ 3488/* 3489 * HEADLINES 3490 */ 3491/* 3492 * RICH-TEXT 3493 */ 3494/* 3495 * BACKGROUND-GRADIENT 3496 */ 3497/* 3498 * FILTER 3499 */ 3500/* 3501 * PRICE TABLE 3502 */ 3503/* ========================================================================== 3504 SLIDER ELEMENTS 3505 ========================================================================== */ 3506/* ========================================================================== 3507 LIST VIEW ITEM 3508 ========================================================================== */ 3509/* ========================================================================== 3510 DETAIL ITEM 3511 ========================================================================== */ 3512/* ========================================================================== 3513 KEYFRAMES 3514 Collection of all keyframes (mind the ordering!) 3515 ========================================================================== */ 3516/* ========================================================================== 3517 LOADER 3518 ========================================================================== */
3519@keyframes loader-spinning { 3520 0% { 3521 transform: rotate(0deg); 3522 } 3523 100% { 3524 transform: rotate(360deg); 3525 } 3526} 3527@keyframes loader-blink { 3528 0% { 3529 opacity: 0; 3530 } 3531 50% { 3532 opacity: 1; 3533 } 3534 100% { 3535 opacity: 0; 3536 } 3537} 3538/* VARS 3539 * --------------------------------------------------------------------------- */ 3540/* STYLING 3541 * --------------------------------------------------------------------------- */ 3542/* 3543 * SELECTION 3544 */ 3545::-moz-selection { 3546 background: #000000; 3547 color: #FFFFFF; 3548} 3549 3550::selection { 3551 background: #000000; 3552 color: #FFFFFF; 3553} 3554 3555/* 3556 * SCROLLBAR 3557 */ 3558::-webkit-scrollbar { 3559 height: 1em; 3560 width: 1em; 3561} 3562::-webkit-scrollbar-track { 3563 background-color: rgba(10, 44, 38, 0.3); 3564} 3565::-webkit-scrollbar-thumb { 3566 background-color: #0A2C26; 3567} 3568::-webkit-scrollbar-button { 3569 display: none; 3570} 3571 3572body { 3573 background-color: #FAF7F2; 3574} 3575body *::-webkit-scrollbar { 3576 height: 0.5em; 3577 width: 0.5em; 3578} 3579 3580html { 3581 scrollbar-color: #0A2C26 rgba(10, 44, 38, 0.3); 3582 scrollbar-width: auto; 3583} 3584 3585body * { 3586 scrollbar-width: thin; 3587} 3588 3589/* 3590 * SAFE AREA 3591 * for further info, see here: https://developer.mozilla.org/en-US/docs/Web/CSS/env 3592 */ 3593body { 3594 padding-left: env(safe-area-inset-left); 3595 padding-right: env(safe-area-inset-right); 3596} 3597 3598/* 3599 * TYPOGRAPHY 3600 */ 3601body { 3602 color: #504641; 3603 font-family: "Europa", sans-serif; 3604 font-weight: 400; 3605 font-size: 68.8%; 3606} 3607body.T3-no-scroll { 3608 height: 100%; 3609 overflow: hidden; 3610} 3611@media (max-width: 1920px) { 3612 body { 3613 font-size: 62.5%; 3614 } 3615} 3616@media (max-width: 1600px) { 3617 body { 3618 font-size: 56.3%; 3619 } 3620} 3621@media (max-width: 1366px) { 3622 body { 3623 font-size: 50%; 3624 } 3625} 3626@media (max-width: 1024px) { 3627 body { 3628 font-size: 62.5%; 3629 } 3630} 3631@media (max-width: 767px) { 3632 body { 3633 font-size: 62.5%; 3634 } 3635} 3636@media (max-width: 480px) { 3637 body { 3638 font-size: 62.5%; 3639 } 3640} 3641@media (max-width: 350px) { 3642 body { 3643 font-size: 50%; 3644 } 3645} 3646 3647button, 3648input, 3649optgroup, 3650select, 3651textarea { 3652 font-family: inherit; 3653 font-weight: 400; 3654} 3655 3656hr { 3657 border-color: #000000; 3658} 3659 3660b, 3661strong { 3662 font-weight: 700; 3663} 3664 3665/* 3666 * ANONYMOUS LINKS 3667 */ 3668.JS-anonymous-link { 3669 color: #504641; 3670 cursor: pointer; 3671 display: inline; 3672} 3673.JS-anonymous-link:hover { 3674 color: rgba(80, 70, 65, 0.7); 3675} 3676 3677/* 3678 * BLOCK TOUCH 3679 */ 3680.JS-block-touch * { 3681 pointer-events: none; 3682} 3683 3684/* 3685 * SLIDER: ARROWS, NAVIGATION & PAGINATION 3686 */ 3687.JS-slider-arrows[data-active="0"], .JS-slider-arrows__arrow[data-active="0"], .JS-slider-nav[data-active="0"], .JS-slider-pagination[data-active="0"] { 3688 display: none !important; 3689} 3690 3691/* 3692 * NO RESULT 3693 */ 3694.DNA-no-result { 3695 color: #97AC2F; 3696 font-size: 1.5em; 3697 font-style: italic; 3698 text-align: center; 3699} 3700.DNA-no-result > * { 3701 font-size: 1.4em; 3702} 3703 3704/* 3705 * LOADER 3706 */ 3707.DNA-loader { 3708 color: #97AC2F; 3709 text-align: center; 3710} 3711.DNA-loader__symbol { 3712 display: inline-block; 3713 height: 3em; 3714 margin-bottom: 0.5em; 3715 width: 3em; 3716} 3717.DNA-loader__symbol:before { 3718 animation: loader-spinning 1.2s linear infinite; 3719 border-color: #97AC2F transparent #97AC2F transparent; 3720 border-radius: 50%; 3721 border-style: solid; 3722 border-width: 0.3em; 3723 content: ""; 3724 display: block; 3725 height: 100%; 3726 margin: 1px; 3727 width: 100%; 3728} 3729.DNA-loader__text { 3730 font-size: 1.4em; 3731} 3732 3733/* 3734 * SCROLLER 3735 */ 3736.DNA-scroller { 3737 background: transparent; 3738 height: 0.5em; 3739 left: 0; 3740 position: fixed; 3741 top: 0; 3742 width: 100%; 3743 z-index: 100; 3744} 3745.DNA-scroller__bar { 3746 background: #97AC2F; 3747 height: 100%; 3748 width: 0; 3749} 3750 3751/* 3752 * TABLE-WRAP 3753 */ 3754.DNA-pricetable, 3755.DNA-table { 3756 position: relative; 3757 color: #504641; 3758} 3759.DNA-pricetable__wrap, 3760.DNA-table__wrap { 3761 min-height: 10em; 3762 overflow-x: auto; 3763} 3764.DNA-pricetable__wrap table, 3765.DNA-table__wrap table { 3766 border-collapse: collapse; 3767 margin-left: auto; 3768 margin-right: auto; 3769 min-width: 100%; 3770} 3771.DNA-pricetable__wrap table thead, 3772.DNA-table__wrap table thead { 3773 background-color: #EDE7DE; 3774} 3775.DNA-pricetable__wrap table tbody, 3776.DNA-table__wrap table tbody { 3777 background-color: #FAF7F2; 3778} 3779.DNA-pricetable__wrap table tbody tr:not(:last-child), 3780.DNA-table__wrap table tbody tr:not(:last-child) { 3781 border-bottom: 1px solid #EDE7DE; 3782} 3783.DNA-pricetable__wrap table td, 3784.DNA-pricetable__wrap table th, 3785.DNA-table__wrap table td, 3786.DNA-table__wrap table th { 3787 padding: 0.7em 0; 3788} 3789.DNA-pricetable__overlay, 3790.DNA-table__overlay { 3791 background-color: rgba(0, 0, 0, 0.25); 3792 color: #FFFFFF; 3793 display: none; 3794 height: 100%; 3795 justify-content: center; 3796 left: 0; 3797 padding-top: 2.5em; 3798 position: absolute; 3799 top: 0; 3800 width: 100%; 3801 z-index: 5; 3802} 3803.DNA-pricetable__overlay span, 3804.DNA-table__overlay span { 3805 font-size: 2.5em; 3806} 3807.DNA-pricetable:hover .DNA-table__overlay, 3808.DNA-table:hover .DNA-table__overlay { 3809 display: none !important; 3810} 3811@media (max-width: 767px) { 3812 .DNA-pricetable__overlay, 3813.DNA-table__overlay { 3814 display: flex; 3815 } 3816} 3817 3818/* 3819 * MODULES 3820 */ 3821.DNA-module[data-space-bottom=large] { 3822 padding-bottom: 25em; 3823} 3824.DNA-module[data-space-bottom=medium] { 3825 padding-bottom: 20em; 3826} 3827.DNA-module[data-space-bottom=small] { 3828 padding-bottom: 7.5em; 3829} 3830.DNA-module[data-space-top=large] { 3831 padding-top: 25em; 3832} 3833.DNA-module[data-space-top=medium] { 3834 padding-top: 20em; 3835} 3836.DNA-module[data-space-top=small] { 3837 padding-top: 7.5em; 3838} 3839@media (max-width: 1024px) { 3840 .DNA-module[data-space-bottom=large] { 3841 padding-bottom: 15em; 3842 } 3843 .DNA-module[data-space-bottom=medium] { 3844 padding-bottom: 10em; 3845 } 3846 .DNA-module[data-space-bottom=small] { 3847 padding-bottom: 4em; 3848 } 3849 .DNA-module[data-space-top=large] { 3850 padding-top: 15em; 3851 } 3852 .DNA-module[data-space-top=medium] { 3853 padding-top: 10em; 3854 } 3855 .DNA-module[data-space-top=small] { 3856 padding-top: 4em; 3857 } 3858} 3859@media (max-width: 767px) { 3860 .DNA-module[data-space-bottom=large] { 3861 padding-bottom: 9em; 3862 } 3863 .DNA-module[data-space-bottom=medium] { 3864 padding-bottom: 7em; 3865 } 3866 .DNA-module[data-space-bottom=small] { 3867 padding-bottom: 5em; 3868 } 3869 .DNA-module[data-space-top=large] { 3870 padding-top: 9em; 3871 } 3872 .DNA-module[data-space-top=medium] { 3873 padding-top: 7em; 3874 } 3875 .DNA-module[data-space-top=small] { 3876 padding-top: 5em; 3877 } 3878} 3879 3880/* 3881 * WRAP 3882 */ 3883*[data-wrap-width=full] { 3884 margin-left: auto; 3885 margin-right: auto; 3886 padding-left: 10em; 3887 padding-right: 10em; 3888 max-width: calc(192em + 10em + 10em); 3889} 3890@media (max-width: 1024px) { 3891 *[data-wrap-width=full] { 3892 padding-left: 10em; 3893 padding-right: 10em; 3894 max-width: calc(192em + 10em + 10em); 3895 } 3896} 3897@media (max-width: 767px) { 3898 *[data-wrap-width=full] { 3899 padding-left: 2.5em; 3900 padding-right: 2.5em; 3901 max-width: calc(192em + 2.5em + 2.5em); 3902 } 3903} 3904*[data-wrap-width=full][data-wrap-padding=none] { 3905 margin-left: auto; 3906 margin-right: auto; 3907 padding-left: 0em; 3908 padding-right: 0em; 3909 max-width: calc(192em + 0em + 0em); 3910} 3911@media (max-width: 1024px) { 3912 *[data-wrap-width=full][data-wrap-padding=none] { 3913 padding-left: 0em; 3914 padding-right: 0em; 3915 max-width: calc(192em + 0em + 0em); 3916 } 3917} 3918@media (max-width: 767px) { 3919 *[data-wrap-width=full][data-wrap-padding=none] { 3920 padding-left: 0em; 3921 padding-right: 0em; 3922 max-width: calc(192em + 0em + 0em); 3923 } 3924} 3925*[data-wrap-width=large] { 3926 margin-left: auto; 3927 margin-right: auto; 3928 padding-left: 10em; 3929 padding-right: 10em; 3930 max-width: calc(165em + 10em + 10em); 3931} 3932@media (max-width: 1024px) { 3933 *[data-wrap-width=large] { 3934 padding-left: 10em; 3935 padding-right: 10em; 3936 max-width: calc(165em + 10em + 10em); 3937 } 3938} 3939@media (max-width: 767px) { 3940 *[data-wrap-width=large] { 3941 padding-left: 2.5em; 3942 padding-right: 2.5em; 3943 max-width: calc(165em + 2.5em + 2.5em); 3944 } 3945} 3946*[data-wrap-width=large][data-wrap-padding=none] { 3947 margin-left: auto; 3948 margin-right: auto; 3949 padding-left: 0em; 3950 padding-right: 0em; 3951 max-width: calc(165em + 0em + 0em); 3952} 3953@media (max-width: 1024px) { 3954 *[data-wrap-width=large][data-wrap-padding=none] { 3955 padding-left: 0em; 3956 padding-right: 0em; 3957 max-width: calc(165em + 0em + 0em); 3958 } 3959} 3960@media (max-width: 767px) { 3961 *[data-wrap-width=large][data-wrap-padding=none] { 3962 padding-left: 0em; 3963 padding-right: 0em; 3964 max-width: calc(165em + 0em + 0em); 3965 } 3966} 3967*[data-wrap-width=medium] { 3968 margin-left: auto; 3969 margin-right: auto; 3970 padding-left: 10em; 3971 padding-right: 10em; 3972 max-width: calc(135em + 10em + 10em); 3973} 3974@media (max-width: 1024px) { 3975 *[data-wrap-width=medium] { 3976 padding-left: 10em; 3977 padding-right: 10em; 3978 max-width: calc(135em + 10em + 10em); 3979 } 3980} 3981@media (max-width: 767px) { 3982 *[data-wrap-width=medium] { 3983 padding-left: 2.5em; 3984 padding-right: 2.5em; 3985 max-width: calc(135em + 2.5em + 2.5em); 3986 } 3987} 3988*[data-wrap-width=medium][data-wrap-padding=none] { 3989 margin-left: auto; 3990 margin-right: auto; 3991 padding-left: 0em; 3992 padding-right: 0em; 3993 max-width: calc(135em + 0em + 0em); 3994} 3995@media (max-width: 1024px) { 3996 *[data-wrap-width=medium][data-wrap-padding=none] { 3997 padding-left: 0em; 3998 padding-right: 0em; 3999 max-width: calc(135em + 0em + 0em); 4000 } 4001} 4002@media (max-width: 767px) { 4003 *[data-wrap-width=medium][data-wrap-padding=none] { 4004 padding-left: 0em; 4005 padding-right: 0em; 4006 max-width: calc(135em + 0em + 0em); 4007 } 4008} 4009*[data-wrap-width=small] { 4010 margin-left: auto; 4011 margin-right: auto; 4012 padding-left: 10em; 4013 padding-right: 10em; 4014 max-width: calc(77.5em + 10em + 10em); 4015} 4016@media (max-width: 1024px) { 4017 *[data-wrap-width=small] { 4018 padding-left: 10em; 4019 padding-right: 10em; 4020 max-width: calc(77.5em + 10em + 10em); 4021 } 4022} 4023@media (max-width: 767px) { 4024 *[data-wrap-width=small] { 4025 padding-left: 2.5em; 4026 padding-right: 2.5em; 4027 max-width: calc(77.5em + 2.5em + 2.5em); 4028 } 4029} 4030*[data-wrap-width=small][data-wrap-padding=none] { 4031 margin-left: auto; 4032 margin-right: auto; 4033 padding-left: 0em; 4034 padding-right: 0em; 4035 max-width: calc(77.5em + 0em + 0em); 4036} 4037@media (max-width: 1024px) { 4038 *[data-wrap-width=small][data-wrap-padding=none] { 4039 padding-left: 0em; 4040 padding-right: 0em; 4041 max-width: calc(77.5em + 0em + 0em); 4042 } 4043} 4044@media (max-width: 767px) { 4045 *[data-wrap-width=small][data-wrap-padding=none] { 4046 padding-left: 0em; 4047 padding-right: 0em; 4048 max-width: calc(77.5em + 0em + 0em); 4049 } 4050} 4051 4052/* 4053 * HEADLINES 4054 */ 4055.DNA-headlines > * { 4056 font-size: 1em; 4057} 4058.DNA-headlines > *:nth-child(1) { 4059 font-weight: 700; 4060 line-height: 1.1; 4061 font-family: "Montserrat", sans-serif; 4062 text-transform: uppercase; 4063} 4064.DNA-headlines > *:nth-child(1) > * { 4065 font-size: 5.5em; 4066} 4067@media (max-width: 1024px) { 4068 .DNA-headlines > *:nth-child(1) > * { 4069 font-size: 3.3em; 4070 } 4071} 4072@media (max-width: 767px) { 4073 .DNA-headlines > *:nth-child(1) > * { 4074 font-size: 2.4em; 4075 } 4076} 4077.DNA-headlines > *:nth-child(2) { 4078 font-weight: 300; 4079 line-height: 1.1; 4080 text-transform: uppercase; 4081 padding-top: 1em; 4082} 4083.DNA-headlines > *:nth-child(2) > * { 4084 font-size: 2em; 4085} 4086@media (max-width: 1024px) { 4087 .DNA-headlines > *:nth-child(2) > * { 4088 font-size: 1.5em; 4089 } 4090} 4091@media (max-width: 767px) { 4092 .DNA-headlines > *:nth-child(2) > * { 4093 font-size: 1.7em; 4094 } 4095} 4096.DNA-headlines > *:nth-child(3) { 4097 font-weight: 700; 4098 line-height: 1.1; 4099 letter-spacing: 0.17em; 4100 text-transform: uppercase; 4101} 4102.DNA-headlines > *:nth-child(3) > * { 4103 font-size: 2.2em; 4104} 4105@media (max-width: 1024px) { 4106 .DNA-headlines > *:nth-child(3) > * { 4107 font-size: 2.2em; 4108 } 4109} 4110@media (max-width: 767px) { 4111 .DNA-headlines > *:nth-child(3) > * { 4112 font-size: 1.8em; 4113 } 4114} 4115.DNA-headlines > *:last-child { 4116 margin-bottom: 4em; 4117} 4118@media (max-width: 767px) { 4119 .DNA-headlines > *:last-child { 4120 margin-bottom: 2.5em; 4121 } 4122} 4123 4124/* 4125 * RICH-TEXT 4126 */ 4127.DNA-rte { 4128 font-weight: 300; 4129} 4130.DNA-rte > * { 4131 font-size: 1.8em; 4132} 4133.DNA-rte > * { 4134 line-height: 1.7; 4135 margin: 1em 0; 4136} 4137.DNA-rte > *:first-child { 4138 margin-top: 0; 4139} 4140.DNA-rte > *:last-child { 4141 margin-bottom: 0; 4142} 4143.DNA-rte a { 4144 /*color: $clr-link;*/ 4145 text-decoration: underline; 4146} 4147.DNA-rte a:hover { 4148 opacity: 0.7; 4149} 4150.DNA-rte ol, 4151.DNA-rte ul { 4152 padding-left: 1.2em; 4153 text-align: left; 4154 display: table; 4155 margin: auto; 4156} 4157.DNA-rte ol li, 4158.DNA-rte ul li { 4159 display: list-item; 4160} 4161@media (max-width: 1024px) { 4162 .DNA-rte > * { 4163 font-size: 1.5em; 4164 } 4165} 4166@media (max-width: 767px) { 4167 .DNA-rte > * { 4168 font-size: 1.5em; 4169 } 4170 .DNA-rte > * { 4171 line-height: 1.7; 4172 } 4173} 4174 4175/* 4176 * BREADCRUMB 4177 */ 4178/* 4179 * PRINT 4180 */ 4181#DNA-section--print { 4182 display: none !important; 4183} 4184 4185/* 4186 * NEWSLETTER ERROR POPUP 4187 */ 4188#bn-form-popup-dialog.bn-dynform--newsletter_validation__popup .bn-form-error { 4189 background: #1F554D !important; 4190} 4191 4192/* 4193 * BREADCRUMB 4194 */ 4195.DNA-section__breadcrumb { 4196 display: flex; 4197 justify-content: center; 4198 padding: 3em 0.5em; 4199 flex-wrap: wrap; 4200} 4201.DNA-section__breadcrumb a, 4202.DNA-section__breadcrumb span { 4203 font-size: 1.6em; 4204 font-weight: 300; 4205 font-family: "Montserrat", sans-serif; 4206} 4207@media (max-width: 767px) { 4208 .DNA-section__breadcrumb { 4209 padding: 1.5em 0.5em; 4210 } 4211 .DNA-section__breadcrumb a, 4212.DNA-section__breadcrumb span { 4213 font-size: 1.3em; 4214 } 4215} 4216 4217.DNA-pricetable { 4218 margin-top: 3em; 4219 overflow: auto; 4220 width: 100%; 4221 font-size: 1.8em; 4222 line-height: 1.4; 4223} 4224.DNA-pricetable table { 4225 margin-left: auto; 4226 margin-right: auto; 4227 border-collapse: collapse; 4228 line-height: inherit; 4229 width: 100%; 4230} 4231.DNA-pricetable table .DNA-title { 4232 text-transform: uppercase; 4233} 4234.DNA-pricetable table tr > * { 4235 padding: 1.5em 4em; 4236 text-align: left; 4237} 4238.DNA-pricetable table tr th { 4239 position: relative; 4240 padding: 0.7em 4em; 4241 background-color: #EDE7DE;
4242 color: #504641; 4243} 4244.DNA-pricetable table tr th:not(:first-child) { 4245 text-align: center; 4246} 4247.DNA-pricetable table tr th:not(:last-child):after { 4248 content: ""; 4249 position: absolute; 4250 right: 0; 4251 top: 50%; 4252 transform: translateY(-50%); 4253 width: 1px; 4254 height: 80%; 4255 background-color: #FFFFFF; 4256} 4257.DNA-pricetable table tr td { 4258 position: relative; 4259 border-top: 5px solid #FFFFFF; 4260 background-color: rgba(237, 231, 222, 0.5); 4261} 4262.DNA-pricetable table tr td:first-child { 4263 min-width: 18em; 4264} 4265.DNA-pricetable table tr td:not(:first-child) { 4266 text-align: center; 4267} 4268.DNA-pricetable table tr td:not(:last-child):after { 4269 content: ""; 4270 position: absolute; 4271 right: 0; 4272 top: 50%; 4273 transform: translateY(-50%); 4274 width: 1px; 4275 height: 80%; 4276 background-color: #FFFFFF; 4277} 4278.DNA-pricetable table tr p { 4279 margin: 0; 4280} 4281.DNA-pricetable table tr img { 4282 width: auto; 4283 max-width: 100%; 4284} 4285@media (max-width: 1024px) { 4286 .DNA-pricetable { 4287 font-size: 1.5em; 4288 } 4289} 4290@media (max-width: 767px) { 4291 .DNA-pricetable { 4292 font-size: 1.4em; 4293 } 4294} 4295 4296.DNA-credits { 4297 padding-top: 5em; 4298} 4299 4300/* 4301 * WAYPOINTS 4302 */ 4303.DNA-waypoint { 4304 height: 0 !important; 4305 width: 100%; 4306 overflow: hidden !important; 4307 position: absolute; 4308} 4309.DNA-waypoint--1 { 4310 top: 10px; 4311} 4312 4313.T3-detail-page #DNA-section--Quickrequest { 4314 display: none; 4315} 4316 4317/* 4318 * PRINT 4319 */ 4320#DNA-section--print { 4321 display: none !important; 4322} 4323 4324#BN-voucher-app { 4325 font-family: "Montserrat", sans-serif !important; 4326} 4327 4328/* 4329 * BARRIERLESS WIDGET 4330 */ 4331@media (max-width: 767px) { 4332 .BL-trigger-icon { 4333 bottom: 0.5em !important; 4334 } 4335} 4336</style> 4337<style media="screen" data-asset-id="Sections/Header">/*!*****************************************************************************************************************************************************************************************************************************************************************!*\ 4338 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../Templates/Sections/Header/frontend.scss ***! 4339 \*****************************************************************************************************************************************************************************************************************************************************************/ 4340/* ========================================================================== 4341 HEADER 4342 Styling for the highest part of the website (mostly also the fixed part 4343 on top) 4344 ========================================================================== */ 4345/* ========================================================================== 4346 STORAGE 4347 ========================================================================== */ 4348/* ========================================================================== 4349 VARIABLES 4350 Collection of all variables 4351 4352 INFO: 4353 - try to use variables as much as possible, it makes life easier 4354 - try to use meaningful prefixes, e.g. "$clr-" for color variables 4355 or "$fs-" for font-sizes 4356 ========================================================================== */ 4357/* ========================================================================== 4358 CLASS NAMES 4359 Collection of class-names. 4360 ========================================================================== */ 4361/* ========================================================================== 4362 COLORS 4363 List all colors concerning your project here 4364 4365 INFO: 4366 - use for your colors at least the prefix "$clr-" 4367 ========================================================================== */ 4368/* ========================================================================== 4369 DEFAULTS 4370 ========================================================================== */ 4371/* ========================================================================== 4372 DIMENSIONS 4373 List of some recurring dimensions. 4374 4375 INFO: 4376 - don't delete any unit! 4377 - do unit changes with care 4378 - try to use prefixes (f.e. "zi" for "z-index", "hgt" for "he
4378ight", "wdt" for "width" etc.) 4379 - if possible try to define the main z-index values here 4380 - don't put all dimensions in here, only well selected ones (it's not a trashcan!) 4381 ========================================================================== */ 4382/* ========================================================================== 4383 MEDIA QUERIES 4384 Collection of media queries. 4385 ========================================================================== */ 4386/* ========================================================================== 4387 TYPOGRAPHY 4388 Font settings concerning your project. 4389 4390 INFO: 4391 - don't delete anything! 4392 - use changes in here with care 4393 - try to use prefixes (f.e. "ff" for "font-family", "fs" for "font-size", "fw" for "font-weight" ecc.) 4394 - don't put all properties in here, only well selected ones (it's not a trashcan!) 4395 ========================================================================== */ 4396/* ========================================================================== 4397 FUNCIONS 4398 Collection of all functions 4399 ========================================================================== */ 4400/* ========================================================================== 4401 GENERAL 4402 Useful global functions 4403 ========================================================================== */ 4404/* ========================================================================== 4405 MIXINS 4406 Collection of all mixins (mind the ordering!) 4407 ========================================================================== */ 4408/* ========================================================================== 4409 GENERAL 4410 Useful global helpers 4411 4412 INFO: 4413 - no specific naming convention (no prefix) except to not use camelcase if possible! 4414 - use it with care, its not a trash can! 4415 - contributions for the kickstarter are welcome! 4416 ========================================================================== */ 4417/* 4418 * WRAPPER DIMENSIONS 4419 * generates wrapper padding & max-width 4420 */ 4421/* ========================================================================== 4422 TYPOGRAPHY 4423 Helpers to arrange type 4424 4425 INFO: 4426 - all mixins should start with "typo" as prefix 4427 ========================================================================== */ 4428/* ========================================================================== 4429 CONTENT 4430 Helpers for Headlines/RichText/... 4431 4432 INFO: 4433 - all mixins should start with "content" as prefix 4434 ========================================================================== */ 4435/* 4436 * OVERLINE 4437 */ 4438/* 4439 * HEADLINES 4440 */ 4441/* 4442 * TABLE-WRAP 4443 */ 4444/* 4445 * RICH-TEXT 4446 */ 4447/* ========================================================================== 4448 BUTTONS 4449 Helpers to edit buttons 4450 4451 INFO: 4452 - all mixins should start with "btn" as prefix 4453 ========================================================================== */ 4454/* ========================================================================== 4455 IMAGES 4456 Collection of all helpers for images 4457 4458 INFO: 4459 - all mixins should start with "img" as prefix 4460 ========================================================================== */ 4461/* ========================================================================== 4462 VISTA 4463 Helper to add base style to the vista output. 4464 4465 INFO: 4466 - Usage example: 4467 @include vista(100vh, 75vh, 100vh, 60vh, true); 4468 ========================================================================== */ 4469/* ========================================================================== 4470 CONTENT-PARTS 4471 ========================================================================== */ 4472/* 4473 * HEADLINES 4474 */ 4475/* 4476 * RICH-TEXT 4477 */ 4478/* 4479 * BACKGROUND-GRADIENT 4480 */ 4481/* 4482 * FILTER 4483 */ 4484/* 4485 * PRICE TABLE 4486 */ 4487/* ========================================================================== 4488 SLIDER ELEMENTS 4489 ========================================================================== */ 4490/* ========================================================================== 4491 LIST VIEW ITEM 4492 ========================================================================== */ 4493/* ========================================================================== 4494 DETAIL ITEM 4495 ========================================================================== */ 4496/* ========================================================================== 4497 KEYFRAMES 4498 Collection of all keyframes (mind the ordering!) 4499 ========================================================================== */ 4500/* ========================================================================== 4501 LOADER 4502 ========================================================================== */
4503@keyframes loader-spinning { 4504 0% { 4505 transform: rotate(0deg); 4506 } 4507 100% { 4508 transform: rotate(360deg); 4509 } 4510} 4511@keyframes loader-blink { 4512 0% { 4513 opacity: 0; 4514 } 4515 50% { 4516 opacity: 1; 4517 } 4518 100% { 4519 opacity: 0; 4520 } 4521} 4522/* STYLING 4523 * --------------------------------------------------------------------------- */ 4524.DNA-section[data-id=Header] { 4525 position: fixed; 4526 right: 0; 4527 z-index: 100; 4528 top: 0; 4529 bottom: 0; 4530 width: 18.5em; 4531 pointer-events: none; 4532 /* RESPONSIVE 4533 * --------------------------------------------------------------------------- */ 4534} 4535.DNA-section[data-id=Header] .DNA-section__lang-menu { 4536 display: none; 4537 flex-direction: column; 4538 color: #FFFFFF; 4539 margin-bottom: -1em; 4540 height: fit-content; 4541 pointer-events: all; 4542 position: absolute; 4543 top: 7em; 4544 right: 16em; 4545 padding-bottom: 1em; 4546 transition: opacity 0.3s; 4547} 4548.DNA-section[data-id=Header] .DNA-section__lang-menu__wrap { 4549 position: relative; 4550} 4551.DNA-section[data-id=Header] .DNA-section__lang-menu__wrap:before, .DNA-section[data-id=Header] .DNA-section__lang-menu__wrap:after { 4552 content: ""; 4553 position: absolute; 4554 z-index: -1; 4555 top: 0; 4556 left: 0; 4557 right: 0; 4558 bottom: 0; 4559 transition: opacity 0.5s; 4560 border-radius: 7.8em; 4561 border: 1px solid rgba(255, 255, 255, 0.5); 4562} 4563.DNA-section[data-id=Header] .DNA-section__lang-menu__wrap:before { 4564 background: transparent linear-gradient(225deg, #0A2C26 0%, #486F57 100%) 0 0 no-repeat padding-box; 4565} 4566.DNA-section[data-id=Header] .DNA-section__lang-menu__wrap:after { 4567 background: transparent linear-gradient(225deg, #486F57 0%, #0A2C26 100%) 0 0 no-repeat padding-box; 4568 opacity: 0; 4569} 4570.DNA-section[data-id=Header] .DNA-section__lang-menu__trigger { 4571 height: 5em; 4572 align-items: center; 4573 cursor: pointer; 4574 display: flex; 4575 border: 1px solid; 4576 justify-content: center; 4577 border-radius: 7.8em; 4578 padding: 0 2em; 4579} 4580@media (max-width: 1024px) { 4581 .DNA-section[data-id=Header] .DNA-section__lang-menu__trigger { 4582 height: 4em; 4583 } 4584} 4585.DNA-section[data-id=Header] .DNA-section__lang-menu__trigger span { 4586 font-size: 1.5em; 4587 padding-right: 0.4666666667em; 4588} 4589@media (max-width: 1024px) { 4590 .DNA-section[data-id=Header] .DNA-section__lang-menu__trigger span { 4591 font-size: 1.4em; 4592 } 4593} 4594@media (max-width: 767px) { 4595 .DNA-section[data-id=Header] .DNA-section__lang-menu__trigger span { 4596 font-size: 1.2em; 4597 } 4598} 4599@media (max-width: 1024px) { 4600 .DNA-section[data-id=Header] .DNA-section__lang-menu__trigger span { 4601 padding-right: 0.3571428571em; 4602 } 4603} 4604.DNA-section[data-id=Header] .DNA-section__lang-menu__trigger .DNA-icon { 4605 transition: transform 0.5s; 4606 display: block; 4607 font-size: 0.6em; 4608} 4609.DNA-section[data-id=Header] .DNA-section__lang-menu__slide { 4610 display: flex; 4611 flex-direction: column; 4612 position: absolute; 4613 top: 100%; 4614 z-index: 5; 4615 padding: 1em 0; 4616 width: 100%; 4617 border-radius: 2em; 4618 border: 1px solid; 4619 transition: opacity 0.5s, transform 0.5s; 4620 text-align: center; 4621 opacity: 0; 4622 transform: translateY(-5em); 4623 pointer-events: none; 4624} 4625.DNA-section[data-id=Header] .DNA-section__lang-menu__slide:before, .DNA-section[data-id=Header] .DNA-section__lang-menu__slide:after { 4626 content: ""; 4627 position: absolute; 4628 z-index: -1; 4629 top: 0; 4630 left: 0; 4631 right: 0; 4632 bottom: 0; 4633 transition: opacity 0.5s; 4634 border-radius: 2em; 4635 border: 1px solid rgba(255, 255, 255, 0.5); 4636} 4637.DNA-section[data-id=Header] .DNA-section__lang-menu__slide:before { 4638 background: transparent linear-gradient(225deg, #0A2C26 0%, #486F57 100%) 0 0 no-repeat padding-box; 4639} 4640.DNA-section[data-id=Header] .DNA-section__lang-menu__slide:after { 4641 background: transparent linear-gradient(225deg, #486F57 0%, #0A2C26 100%) 0 0 no-repeat padding-box; 4642 opacity: 0; 4643} 4644.DNA-section[data-id=Header] .DNA-section__lang-menu__slide span { 4645 font-size: 1.5em; 4646 transition: opacity 0.25s; 4647} 4648@media (max-width: 1024px) { 4649 .DNA-section[data-id=Header] .DNA-section__lang-menu__slide span { 4650 font-size: 1.4em; 4651 } 4652} 4653.DNA-section[data-id=Header] .DNA-section__lang-menu__slide span:hover { 4654 opacity: 0.7; 4655} 4656.DNA-section[data-id=Header] .DNA-section__lang-menu__item { 4657 margin-top: 0.5em; 4658} 4659.DNA-section[data-id=Header] .DNA-section__lang-menu:hover .DNA-section__lang-menu { 4660 pointer-events: all; 4661} 4662.DNA-section[data-id=Header] .DNA-section__lang-menu:hover .DNA-section__lang-menu__trigger .DNA-icon { 4663 transform: rotate(180deg); 4664} 4665.DNA-section[data-id=Header] .DNA-section__lang-menu:hover .DNA-section__lang-menu__slide { 4666 opacity: 1; 4667 transform: translateY(0.5em); 4668 pointer-events: all; 4669} 4670.DNA-section[data-id=Header] .DNA-section__burger-menu { 4671 width: 8em; 4672 height: 8em; 4673 position: absolute; 4674 border-radius: 50%; 4675 display: flex; 4676 justify-content: center; 4677 align-items: center; 4678 left: 50%; 4679 transform: translateX(-50%); 4680 pointer-events: all; 4681 cursor: pointer; 4682 top: 5.5em; 4683 z-index: 2; 4684 background-color: #486F57; 4685} 4686@media (max-width: 1024px) { 4687 .DNA-section[data-id=Header] .DNA-section__burger-menu { 4688 width: 5em; 4689 } 4690} 4691@media (max-width: 1024px) { 4692 .DNA-section[data-id=Header] .DNA-section__burger-menu { 4693 height: 5em; 4694 } 4695} 4696.DNA-section[data-id=Header] .DNA-section__burger-menu:before, .DNA-section[data-id=Header] .DNA-section__burger-menu:after {
4697 content: ""; 4698 position: absolute; 4699 z-index: -1; 4700 top: 0; 4701 left: 0; 4702 right: 0; 4703 bottom: 0; 4704 transition: opacity 0.5s; 4705 border-radius: 50%; 4706 border: 1px solid rgba(255, 255, 255, 0.5); 4707} 4708.DNA-section[data-id=Header] .DNA-section__burger-menu:before { 4709 background: transparent linear-gradient(225deg, #0A2C26 0%, #486F57 100%) 0 0 no-repeat padding-box; 4710} 4711.DNA-section[data-id=Header] .DNA-section__burger-menu:after { 4712 background: transparent linear-gradient(225deg, #486F57 0%, #0A2C26 100%) 0 0 no-repeat padding-box; 4713 opacity: 0; 4714} 4715.DNA-section[data-id=Header] .DNA-section__burger-menu .DNA-icon { 4716 color: #FFFFFF; 4717} 4718.DNA-section[data-id=Header] .DNA-section__burger-menu .DNA-icon:nth-child(1) { 4719 display: block; 4720 font-size: 1.5em; 4721} 4722@media (max-width: 1024px) { 4723 .DNA-section[data-id=Header] .DNA-section__burger-menu .DNA-icon:nth-child(1) { 4724 font-size: 0.9em; 4725 } 4726} 4727@media (max-width: 767px) { 4728 .DNA-section[data-id=Header] .DNA-section__burger-menu .DNA-icon:nth-child(1) { 4729 font-size: 0.9em; 4730 } 4731} 4732.DNA-section[data-id=Header] .DNA-section__burger-menu .DNA-icon:nth-child(2) { 4733 display: none; 4734 font-size: 2.5em; 4735} 4736@media (max-width: 1024px) { 4737 .DNA-section[data-id=Header] .DNA-section__burger-menu .DNA-icon:nth-child(2) { 4738 font-size: 1.8em; 4739 } 4740} 4741@media (max-width: 767px) { 4742 .DNA-section[data-id=Header] .DNA-section__burger-menu .DNA-icon:nth-child(2) { 4743 font-size: 1.8em; 4744 } 4745} 4746.DNA-section[data-id=Header] .DNA-section__burger-menu[data-active="1"] .DNA-icon:nth-child(1) { 4747 display: none; 4748} 4749.DNA-section[data-id=Header] .DNA-section__burger-menu[data-active="1"] .DNA-icon:nth-child(2) { 4750 display: block; 4751} 4752.DNA-section[data-id=Header] .DNA-section__burger-menu:hover:before { 4753 opacity: 0; 4754} 4755.DNA-section[data-id=Header] .DNA-section__burger-menu:hover:after { 4756 opacity: 1; 4757} 4758.DNA-section[data-id=Header] .DNA-section__menu-bg { 4759 position: fixed; 4760 top: 0; 4761 left: 0; 4762 width: 100%; 4763 height: 100%; 4764 z-index: 0; 4765 opacity: 0; 4766} 4767.DNA-section[data-id=Header] .DNA-section__menu-bg img { 4768 width: 100%; 4769 height: 100%; 4770 object-fit: cover; 4771} 4772.DNA-section[data-id=Header] .DNA-section__short-links { 4773 position: absolute; 4774 top: 50%; 4775 transform: translateY(-50%); 4776 display: flex; 4777 flex-direction: column; 4778 right: 6em; 4779} 4780.DNA-section[data-id=Header] .DNA-section__short-links__item { 4781 width: 5em; 4782 height: 5em; 4783 border-radius: 50%; 4784 display: flex; 4785 justify-content: center; 4786 align-items: center; 4787 background-color: #FAF7F2; 4788 pointer-events: all; 4789 border: 1px solid rgba(104, 91, 93, 0.5); 4790 transition: opacity 0.25s; 4791} 4792.DNA-section[data-id=Header] .DNA-section__short-links__item .DNA-icon { 4793 font-size: 2.5em; 4794} 4795.DNA-section[data-id=Header] .DNA-section__short-links__item .DNA-icon.DNA-icon--envelope { 4796 font-size: 2em; 4797} 4798.DNA-section[data-id=Header] .DNA-section__short-links__item .DNA-icon.DNA-icon--new { 4799 font-size: 1.1em; 4800} 4801.DNA-section[data-id=Header] .DNA-section__short-links__item:not(:last-child) { 4802 margin-bottom: 1.5em; 4803} 4804.DNA-section[data-id=Header] .DNA-section__short-links__item:hover { 4805 opacity: 0.7; 4806} 4807.DNA-section[data-id=Header] .DNA-section__request { 4808 display: none; 4809} 4810.DNA-section[data-id=Header] .DNA-section__menu-quicklinks { 4811 display: flex; 4812 flex-wrap: wrap; 4813} 4814.DNA-section[data-id=Header] .DNA-section__menu-quicklinks__item { 4815 width: 50%; 4816 position: relative; 4817} 4818.DNA-section[data-id=Header] .DNA-section__menu-quicklinks__item img { 4819 width: 100%; 4820 height: auto; 4821} 4822.DNA-section[data-id=Header] .DNA-section__menu-quicklinks__item:before { 4823 position: absolute; 4824 z-index: 1; 4825 content: ""; 4826 left: 0; 4827 right: 0; 4828 top: 0; 4829 bottom: 0; 4830 background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%) 0 0 no-repeat padding-box; 4831 opacity: 0.4; 4832} 4833.DNA-section[data-id=Header] .DNA-section__menu-quicklinks__title { 4834 position: absolute; 4835 z-index: 2; 4836 bottom: 1.5em; 4837 left: 3.5em; 4838} 4839.DNA-section[data-id=Header] .DNA-section__menu-quicklinks__title span { 4840 color: #FFFFFF; 4841 text-transform: uppercase; 4842 font-size: 2em; 4843} 4844.DNA-section[data-id=Header] .DNA-section__menu-mobile { 4845 display: none; 4846} 4847.DNA-section[data-id=Header] .DNA-section__favicon { 4848 position: fixed; 4849 left: 5em; 4850 width: 8em; 4851 height: 8em; 4852 display: flex; 4853 top: 5.5em; 4854 opacity: 0; 4855 transition: opacity 0.5s; 4856 pointer-events: all; 4857 border-radius: 50%; 4858 overflow: hidden; 4859 border: 1px solid rgba(255, 255, 255, 0.5); 4860 justify-content: center; 4861 align-items: center; 4862 background: transparent linear-gradient(225deg, #1F554D 0%, #48
48626F57 100%) 0 0 no-repeat padding-box; 4863} 4864.DNA-section[data-id=Header] .DNA-section__favicon img { 4865 width: 5em; 4866 height: fit-content; 4867 filter: brightness(0) invert(1); 4868} 4869.DNA-section[data-id=Header][data-hero-layout=none] .DNA-section__favicon, .DNA-section[data-id=Header][data-scrolling="1"] .DNA-section__favicon { 4870 opacity: 1; 4871} 4872.DNA-section[data-id=Header][data-hero-layout=none] .DNA-section__lang-menu { 4873 display: flex; 4874} 4875@media (max-width: 1024px) { 4876 .DNA-section[data-id=Header][data-hero-layout=half] .DNA-section__lang-menu, .DNA-section[data-id=Header][data-hero-layout=full] .DNA-section__lang-menu { 4877 display: flex; 4878 } 4879} 4880.DNA-section[data-id=Header][data-scrolling="1"] .DNA-section__lang-menu { 4881 opacity: 0; 4882 pointer-events: none; 4883} 4884@media (min-width: 1025px) { 4885 .DNA-section[data-id=Header] .DNA-section__main-menu { 4886 color: #FFFFFF; 4887 } 4888 .DNA-section[data-id=Header] .DNA-section__main-menu__active-label { 4889 position: absolute; 4890 top: -0.2em; 4891 right: -4em; 4892 border-radius: 3px; 4893 padding: 3px 4px; 4894 line-height: 1; 4895 letter-spacing: 1px; 4896 background-color: #97AC2F; 4897 color: #FFFFFF; 4898 } 4899 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li { 4900 background-color: #1F554D; 4901 pointer-events: all; 4902 z-index: 1; 4903 position: fixed; 4904 width: 20%; 4905 height: 100%; 4906 top: 0; 4907 left: -20%; 4908 display: flex; 4909 justify-content: center; 4910 align-items: center; 4911 text-align: center; 4912 flex-direction: column; 4913 padding: 2em; 4914 overflow: hidden; 4915 } 4916 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li:not(:last-child) { 4917 border-right: 1px solid rgba(255, 255, 255, 0.25); 4918 } 4919 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li > a { 4920 display: flex; 4921 flex-direction: column-reverse; 4922 opacity: 0; 4923 max-width: 22em; 4924 } 4925 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li > a > span { 4926 font-family: "Montserrat", sans-serif; 4927 text-transform: uppercase; 4928 } 4929 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li > a > span:nth-child(1) { 4930 font-size: 3.1em; 4931 font-weight: 700; 4932 line-height: 1.1; 4933 } 4934 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li > a > span:nth-child(2) { 4935 font-size: 2.1em; 4936 letter-spacing: 0.3em; 4937 padding-bottom: 0.2380952381em; 4938 } 4939 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--1 > li > a { 4940 transition: opacity 0.25s; 4941 position: relative; 4942 display: inline-flex; 4943 } 4944 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--1 > li > a > span { 4945 display: block; 4946 font-size: 1.7em; 4947 padding-bottom: 0.4666666667em; 4948 } 4949 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--1 > li > a:hover span { 4950 opacity: 0.7; 4951 } 4952 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--2 { 4953 margin-top: -0.5em; 4954 padding-bottom: 1em; 4955 } 4956 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--2 > li > a { 4957 transition: opacity 0.25s; 4958 } 4959 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--2 > li > a > span { 4960 display: block; 4961 font-size: 1.2em; 4962 } 4963 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--2 > li > a:hover { 4964 opacity: 0.7; 4965 } 4966 .DNA-section[data-id=Header] .DNA-section__main-menu__sub { 4967 position: absolute; 4968 opacity: 0; 4969 pointer-events: none; 4970 } 4971 .DNA-section[data-id=Header] .DNA-section__main-menu__bg-icon { 4972 position: absolute; 4973 bottom: 0; 4974 left: 0; 4975 opacity: 0; 4976 transition: opacity 0.5s; 4977 } 4978 .DNA-section[data-id=Header] .DNA-section__main-menu__bg-icon .DNA-icon { 4979 font-size: 15em; 4980 } 4981 .DNA-section[data-id=Header] .DNA-section__main-menu__bg-icon--DNA-icon--garden { 4982 left: auto; 4983 right: -2em; 4984 } 4985 .DNA-section[data-id=Header] .DNA-section__main-menu__bg-icon--DNA-icon--garden .DNA-icon { 4986 font-size: 33em; 4987 } 4988} 4989@media (min-width: 1025px) and (max-width: 1600px) { 4990 .DNA-section[data-id=Header] .DNA-section__main-menu__bg-icon--DNA-icon--garden .DNA-icon { 4991 font-size: 41em; 4992 } 4993} 4994@media (min-width: 1025px) { 4995 .DNA-section[data-id=Header] .DNA-section__main-menu__trigger { 4996 display: none; 4997 } 4998} 4999@media (min-width: 1025px) {
5000 .DNA-section[data-id=Header] .DNA-section__main-menu[data-pointer-events="0"] .DNA-section__main-menu__item { 5001 pointer-events: none !important; 5002 } 5003} 5004@media (min-width: 1025px) { 5005 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__menu-bg { 5006 opacity: 1; 5007 transition: opacity 1s; 5008 transition-delay: 1.25s; 5009 } 5010 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li { 5011 background-color: rgba(31, 85, 77, 0.8); 5012 transition: left 1s, background-color 2.2s; 5013 } 5014 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li:nth-child(5) { 5015 left: 80%; 5016 } 5017 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li:nth-child(4) { 5018 left: 60%; 5019 transition-delay: 0.1s; 5020 } 5021 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li:nth-child(3) { 5022 left: 40%; 5023 transition-delay: 0.2s; 5024 } 5025 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li:nth-child(2) { 5026 left: 20%; 5027 transition-delay: 0.3s; 5028 } 5029 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li:nth-child(1) { 5030 left: 0%; 5031 transition-delay: 0.5s; 5032 } 5033 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li > a { 5034 opacity: 1; 5035 transition: opacity 1s; 5036 transition-delay: 1.25s; 5037 } 5038 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li > a:hover { 5039 color: rgba(255, 255, 255, 0.7); 5040 } 5041 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li:hover { 5042 transition: background-color 0.5s; 5043 background-color: #1F554D; 5044 } 5045 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li[data-open-sub="1"] .DNA-section__main-menu__sub, .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li:hover .DNA-section__main-menu__sub { 5046 position: relative; 5047 padding-top: 3.5em; 5048 opacity: 1; 5049 pointer-events: all; 5050 } 5051 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li[data-open-sub="1"] .DNA-section__main-menu__bg-icon, .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li:hover .DNA-section__main-menu__bg-icon { 5052 opacity: 0.4; 5053 } 5054 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__lvl--0 > li[data-open-sub="1"] .DNA-section__main-menu__sub { 5055 transition: opacity 1s; 5056 transition-delay: 1.25s; 5057 } 5058 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__main-menu__item--cur > a { 5059 font-weight: 700; 5060 } 5061} 5062@media (min-width: 1025px) and (max-width: 1366px) { 5063 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li > a > span:nth-child(1) { 5064 font-size: 2.5em; 5065 } 5066} 5067@media (max-width: 1024px) { 5068 .DNA-section[data-id=Header] { 5069 background: transparent linear-gradient(90deg, #1F554D 0%, #486F57 100%) 0 0 no-repeat padding-box; 5070 left: 0; 5071 bottom: initial; 5072 width: 100%; 5073 height: 7.5em; 5074 display: flex; 5075 align-items: center; 5076 } 5077 .DNA-section[data-id=Header] .DNA-section__wrap { 5078 display: flex; 5079 align-items: center; 5080 justify-content: space-between; 5081 padding: 0 3em; 5082 width: 100%; 5083 } 5084 .DNA-section[data-id=Header] .DNA-section__lang-menu { 5085 right: auto; 5086 left: 14em; 5087 top: 1.8em; 5088 } 5089 .DNA-section[data-id=Header] .DNA-section__burger-menu { 5090 position: relative; 5091 transform: initial; 5092 left: initial; 5093 top: initial; 5094 background: transparent; 5095 } 5096 .DNA-section[data-id=Header] .DNA-section__burger-menu:hover { 5097 background: transparent; 5098 } 5099 .DNA-section[data-id=Header] .DNA-section__request { 5100 display: flex; 5101 align-items: center; 5102 justify-content: center; 5103 padding: 1.2em 2.2em; 5104 pointer-events: all; 5105 background-color: #97AC2F; 5106 border-radius: 0.5em; 5107 } 5108 .DNA-section[data-id=Header] .DNA-section__request span { 5109 color: #FFFFFF; 5110 font-size: 1.4em; 5111 text-transform: uppercase; 5112 letter-spacing: 0.084em; 5113 font-family: "Montserrat", sans-serif; 5114 }
5115 .DNA-section[data-id=Header] .DNA-section__short-links { 5116 position: relative; 5117 transform: initial; 5118 top: initial; 5119 right: initial; 5120 flex-direction: row; 5121 } 5122 .DNA-section[data-id=Header] .DNA-section__short-links__item { 5123 width: initial; 5124 height: initial; 5125 border-radius: initial; 5126 background-color: initial; 5127 border: initial; 5128 color: #FFFFFF; 5129 } 5130 .DNA-section[data-id=Header] .DNA-section__short-links__item:first-child, .DNA-section[data-id=Header] .DNA-section__short-links__item:nth-child(2) { 5131 display: none; 5132 } 5133 .DNA-section[data-id=Header] .DNA-section__short-links__item:not(:last-child) { 5134 margin-bottom: 0; 5135 margin-right: 2em; 5136 } 5137 .DNA-section[data-id=Header] .DNA-section__main-menu { 5138 color: #FFFFFF; 5139 margin-left: 11em; 5140 /*height: 100%;*/ 5141 display: none; 5142 padding: 10em 0; 5143 } 5144 .DNA-section[data-id=Header] .DNA-section__main-menu__active-label { 5145 position: absolute; 5146 top: -0.2em; 5147 right: -4em; 5148 border-radius: 3px; 5149 padding: 3px 4px; 5150 line-height: 1; 5151 letter-spacing: 1px; 5152 background-color: #97AC2F; 5153 color: #FFFFFF; 5154 } 5155 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li { 5156 display: flex; 5157 flex-direction: column; 5158 position: relative; 5159 padding-left: 6em; 5160 } 5161 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li > a { 5162 display: flex; 5163 flex-direction: column-reverse; 5164 } 5165 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li > a > span { 5166 font-family: "Europa", sans-serif; 5167 } 5168 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li > a > span:nth-child(1) { 5169 font-size: 2em; 5170 font-weight: 700; 5171 line-height: 1.1; 5172 } 5173 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li > a > span:nth-child(2) { 5174 font-size: 2em; 5175 font-weight: 300; 5176 } 5177 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li[data-open-sub="1"] .DNA-section__main-menu__sub { 5178 display: block; 5179 padding-top: 2.5em; 5180 } 5181 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li[data-open-sub="1"] .DNA-section__main-menu__trigger { 5182 transform: rotate(180deg); 5183 } 5184 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li:not(:last-child) { 5185 padding-bottom: 4em; 5186 } 5187 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--0 > li:first-child .DNA-section__main-menu__trigger { 5188 top: -0.6em; 5189 } 5190 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--1 > li > a { 5191 position: relative; 5192 display: inline-flex; 5193 } 5194 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--1 > li > a > span { 5195 display: block; 5196 font-size: 1.7em; 5197 padding-bottom: 0.4666666667em; 5198 font-weight: 700; 5199 } 5200 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--2 { 5201 padding-bottom: 1em; 5202 } 5203 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--2 > li { 5204 padding-left: 3em; 5205 } 5206 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--2 > li > a > span { 5207 display: block; 5208 font-size: 1.7em; 5209 opacity: 0.7; 5210 } 5211 .DNA-section[data-id=Header] .DNA-section__main-menu__lvl--2 > li:not(:last-child) { 5212 padding-bottom: 1em; 5213 } 5214 .DNA-section[data-id=Header] .DNA-section__main-menu__item--cur > a { 5215 text-decoration: underline; 5216 } 5217 .DNA-section[data-id=Header] .DNA-section__main-menu__sub { 5218 display: none; 5219 } 5220 .DNA-section[data-id=Header] .DNA-section__main-menu__bg-icon { 5221 display: none; 5222 } 5223 .DNA-section[data-id=Header] .DNA-section__main-menu__trigger { 5224 position: absolute; 5225 top: 0.7em; 5226 left: 0; 5227 width: 3.5em; 5228 height: 3.5em; 5229 border: 1px solid rgba(255, 255, 255, 0.25); 5230 border-radius: 50%; 5231 display: flex; 5232 justify-content: center; 5233 align-items: center; 5234 transition: transform 0.5s; 5235 } 5236 .DNA-section[data-id=Header] .DNA-section__main-menu__trigger .DNA-icon { 5237 font-size: 0.8em; 5238 } 5239 .DNA-section[data-id=Header] .DNA-section__menu-mobile { 5240 background: transparent linear-gradient(90deg, #1F554D 0%, #486F57 100%) 0 0 no-repeat padding-box; 5241 position: fixed; 5242 height: 100%; 5243 left: 0; 5244 right: 0; 5245 top: 0; 5246 opacity: 0; 5247 pointer-events: none; 5248 transition: opacity 0.5s; 5249 overflow: auto; 5250 display: flex; 5251 flex-direction: column; 5252 justify-content: space-between; 5253 } 5254 .DNA-section[data-id=Header] .DNA-section__menu-mobile .DNA-section__main-menu { 5255 display: flex; 5256 } 5257 .DNA-section[data-id=Header] .DNA-section__favicon { 5258 top: 1.25em; 5259 border: initial; 5260 background: initial; 5261 height: 5em; 5262 width: initial; 5263 left: 8.5em; 5264 } 5265 .DNA-section[data-id=Header] .DNA-section__favicon img { 5266 width: 3em; 5267 } 5268 .DNA-section[data-id=Header][data-menu-open="1"] .DNA-section__menu-mobile { 5269 opacity: 1; 5270 pointer-events: all; 5271 } 5272} 5273@media (max-width: 767px) { 5274 .DNA-section[data-id=Header] .DNA-section__wrap { 5275 padding: 0 2em; 5276 } 5277 .DNA-section[data-id=Header] .DNA-section__lang-menu { 5278 top: 8.5em; 5279 left: auto; 5280 right: 2em; 5281 transition: opacity 0.25s; 5282 } 5283 .DNA-section[data-id=Header] .DNA-section__favicon { 5284 left: 7.8em; 5285 } 5286 .DNA-section[data-id=Header] .DNA-section__favicon img { 5287 width: 2.5em; 5288 height: auto; 5289 } 5290 .DNA-section[data-id=Header] .DNA-section__request { 5291 padding: 1.2em 1.5em; 5292 }
5293 .DNA-section[data-id=Header] .DNA-section__short-links__item:not(:last-child) { 5294 margin-bottom: 0; 5295 margin-right: 1em; 5296 } 5297 .DNA-section[data-id=Header] .DNA-section__short-links__item .DNA-icon { 5298 font-size: 2em; 5299 } 5300 .DNA-section[data-id=Header] .DNA-section__short-links__item .DNA-icon.DNA-icon--envelope { 5301 font-size: 1.7em; 5302 } 5303 .DNA-section[data-id=Header] .DNA-section__main-menu { 5304 margin-left: 3em; 5305 margin-right: 1em; 5306 } 5307} 5308</style> 5309<style media="screen" data-asset-id="Sections/Main">/*!***************************************************************************************************************************************************************************************************************************************************************!*\ 5310 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../Templates/Sections/Main/frontend.scss ***! 5311 \***************************************************************************************************************************************************************************************************************************************************************/ 5312/* ========================================================================== 5313 MAIN 5314 Styling for parts (which are not defined as modules), for eg. breadcrumb 5315 5316 INFO: 5317 - don't style modules here, use the corresponding modules scss folder 5318 ========================================================================== */ 5319/* ========================================================================== 5320 STORAGE 5321 ========================================================================== */ 5322/* ========================================================================== 5323 VARIABLES 5324 Collection of all variables 5325 5326 INFO: 5327 - try to use variables as much as possible, it makes life easier 5328 - try to use meaningful prefixes, e.g. "$clr-" for color variables 5329 or "$fs-" for font-sizes 5330 ========================================================================== */ 5331/* ========================================================================== 5332 CLASS NAMES 5333 Collection of class-names. 5334 ========================================================================== */ 5335/* ========================================================================== 5336 COLORS 5337 List all colors concerning your project here 5338 5339 INFO: 5340 - use for your colors at least the prefix "$clr-" 5341 ========================================================================== */ 5342/* ========================================================================== 5343 DEFAULTS 5344 ========================================================================== */ 5345/* ========================================================================== 5346 DIMENSIONS 5347 List of some recurring dimensions. 5348 5349 INFO: 5350 - don't delete any unit! 5351 - do unit changes with care 5352 - try to use prefixes (f.e. "zi" for "z-index", "hgt" for "height", "wdt" for "width" etc.) 5353 - if possible try to define the main z-index values here 5354 - don't put all dimensions in here, only well selected ones (it's not a trashcan!) 5355 ========================================================================== */ 5356/* ========================================================================== 5357 MEDIA QUERIES 5358 Collection of media queries. 5359 ========================================================================== */ 5360/* ========================================================================== 5361 TYPOGRAPHY 5362 Font settings concerning your project. 5363 5364 INFO: 5365 - don't delete anything! 5366 - use changes in here with care 5367 - try to use prefixes (f.e. "ff" for "font-family", "fs" for "font-size", "fw" for "font-weight" ecc.) 5368 - don't put all properties in here, only well selected ones (it's not a trashcan!) 5369 ========================================================================== */ 5370/* ========================================================================== 5371 FUNCIONS 5372 Collection of all functions 5373 ========================================================================== */ 5374/* ========================================================================== 5375 GENERAL 5376 Useful global functions 5377 ========================================================================== */ 5378/* ========================================================================== 5379 MIXINS 5380 Collection of all mixins (mind the ordering!) 5381 ========================================================================== */ 5382/* ========================================================================== 5383 GENERAL 5384 Useful global helpers 5385 5386 INFO: 5387 - no specific naming convention (no prefix) except to not use camelcase if possible! 5388 - use it with care, its not a trash can! 5389 - contributions for the kickstarter are welcome! 5390 ========================================================================== */ 5391/* 5392 * WRAPPER DIMENSIONS 5393 * generates wrapper padding & max-width 5394 */ 5395/* ========================================================================== 5396 TYPOGRAPHY 5397 Helpers to arrange type 5398 5399 INFO: 5400 - all mixins should start with "typo" as prefix 5401 ========================================================================== */ 5402/* ========================================================================== 5403 CONTENT 5404 Helpers for Headlines/RichText/... 5405 5406 INFO: 5407 - all mixins should start with "content" as prefix 5408 ========================================================================== */ 5409/* 5410 * OVERLINE 5411 */ 5412/* 5413 * HEADLINES 5414 */ 5415/* 5416 * TABLE-WRAP 5417 */ 5418/* 5419 * RICH-TEXT 5420 */ 5421/* ========================================================================== 5422 BUTTONS 5423 Helpers to edit buttons 5424 5425 INFO: 5426 - all mixins should start with "btn" as prefix 5427 ========================================================================== */ 5428/* ========================================================================== 5429 IMAGES 5430 Collection of all helpers for images 5431 5432 INFO: 5433 - all mixins should start with "img" as prefix 5434 ========================================================================== */ 5435/* ========================================================================== 5436 VISTA 5437 Helper to add base style to the vista output. 5438 5439 INFO: 5440 - Usage example: 5441 @include vista(100vh, 75vh, 100vh, 60vh, true); 5442 ========================================================================== */ 5443/* ========================================================================== 5444 CONTENT-PARTS 5445 ========================================================================== */ 5446/* 5447 * HEADLINES 5448 */ 5449/* 5450 * RICH-TEXT 5451 */ 5452/* 5453 * BACKGROUND-GRADIENT 5454 */ 5455/* 5456 * FILTER 5457 */ 5458/* 5459 * PRICE TABLE 5460 */ 5461/* ========================================================================== 5462 SLIDER ELEMENTS 5463 ========================================================================== */ 5464/* ========================================================================== 5465 LIST VIEW ITEM 5466 ========================================================================== */ 5467/* ========================================================================== 5468 DETAIL ITEM 5469 ========================================================================== */ 5470/* ========================================================================== 5471 KEYFRAMES 5472 Collection of all keyframes (mind the ordering!) 5473 ========================================================================== */ 5474/* ========================================================================== 5475 LOADER 5476 ========================================================================== */
5477@keyframes loader-spinning { 5478 0% { 5479 transform: rotate(0deg); 5480 } 5481 100% { 5482 transform: rotate(360deg); 5483 } 5484} 5485@keyframes loader-blink { 5486 0% { 5487 opacity: 0; 5488 } 5489 50% { 5490 opacity: 1; 5491 } 5492 100% { 5493 opacity: 0; 5494 } 5495} 5496/* STYLING 5497 * --------------------------------------------------------------------------- */ 5498.DNA-section[data-id=Main] { 5499 /* RESPONSIVE 5500 * --------------------------------------------------------------------------- */ 5501} 5502@media (max-width: 1024px) { 5503 .DNA-section[data-id=Main][data-hero-layout=none] { 5504 padding-top: 7.5em; 5505 } 5506} 5507</style> 5508<style media="screen" data-asset-id="Modules/Text">/*!**************************************************************************************************************************************************************************************************************************************************************!*\ 5509 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../Templates/Modules/Text/frontend.scss ***! 5510 \**************************************************************************************************************************************************************************************************************************************************************/ 5511/* ========================================================================== 5512 MODULE 5513 ========================================================================== */ 5514/* ========================================================================== 5515 STORAGE 5516 ========================================================================== */ 5517/* ========================================================================== 5518 VARIABLES 5519 Collection of all variables 5520 5521 INFO: 5522 - try to use variables as much as possible, it makes life easier 5523 - try to use meaningful prefixes, e.g. "$clr-" for color variables 5524 or "$fs-" for font-sizes 5525 ========================================================================== */ 5526/* ========================================================================== 5527 CLASS NAMES 5528 Collection of class-names. 5529 ========================================================================== */ 5530/* ========================================================================== 5531 COLORS 5532 List all colors concerning your project here 5533 5534 INFO: 5535 - use for your colors at least the prefix "$clr-" 5536 ========================================================================== */ 5537/* ========================================================================== 5538 DEFAULTS 5539 ========================================================================== */ 5540/* ========================================================================== 5541 DIMENSIONS 5542 List of some recurring dimensions. 5543 5544 INFO: 5545 - don't delete any unit! 5546 - do unit changes with care 5547 - try to use prefixes (f.e. "zi" for "z-index", "hgt" for "height", "wdt" for "width" etc.) 5548 - if possible try to define the main z-index values here 5549 - don't put all dimensions in here, only well selected ones (it's not a trashcan!) 5550 ========================================================================== */ 5551/* ========================================================================== 5552 MEDIA QUERIES 5553 Collection of media queries. 5554 ========================================================================== */ 5555/* ========================================================================== 5556 TYPOGRAPHY 5557 Font settings concerning your project. 5558 5559 INFO: 5560 - don't delete anything! 5561 - use changes in here with care 5562 - try to use prefixes (f.e. "ff" for "font-family", "fs" for "font-size", "fw" for "font-weight" ecc.) 5563 - don't put all properties in here, only well selected ones (it's not a trashcan!) 5564 ========================================================================== */ 5565/* ========================================================================== 5566 FUNCIONS 5567 Collection of all functions 5568 ========================================================================== */ 5569/* ========================================================================== 5570 GENERAL 5571 Useful global functions 5572 ========================================================================== */ 5573/* ========================================================================== 5574 MIXINS 5575 Collection of all mixins (mind the ordering!) 5576 ========================================================================== */ 5577/* ========================================================================== 5578 GENERAL 5579 Useful global helpers 5580 5581 INFO: 5582 - no specific naming convention (no prefix) except to not use camelcase if possible! 5583 - use it with care, its not a trash can! 5584 - contributions for the kickstarter are welcome! 5585 ========================================================================== */ 5586/* 5587 * WRAPPER DIMENSIONS 5588 * generates wrapper padding & max-width 5589 */ 5590/* ========================================================================== 5591 TYPOGRAPHY 5592 Helpers to arrange type 5593 5594 INFO: 5595 - all mixins should start with "typo" as prefix 5596 ========================================================================== */ 5597/* ========================================================================== 5598 CONTENT 5599 Helpers for Headlines/RichText/... 5600 5601 INFO: 5602 - all mixins should start with "content" as prefix 5603 ========================================================================== */ 5604/* 5605 * OVERLINE 5606 */ 5607/* 5608 * HEADLINES 5609 */ 5610/* 5611 * TABLE-WRAP 5612 */ 5613/* 5614 * RICH-TEXT 5615 */ 5616/* ========================================================================== 5617 BUTTONS 5618 Helpers to edit buttons 5619 5620 INFO: 5621 - all mixins should start with "btn" as prefix 5622 ========================================================================== */ 5623/* ========================================================================== 5624 IMAGES 5625 Collection of all helpers for images 5626 5627 INFO: 5628 - all mixins should start with "img" as prefix 5629 ========================================================================== */ 5630/* ========================================================================== 5631 VISTA 5632 Helper to add base style to the vista output. 5633 5634 INFO: 5635 - Usage example: 5636 @include vista(100vh, 75vh, 100vh, 60vh, true); 5637 ========================================================================== */ 5638/* ========================================================================== 5639 CONTENT-PARTS 5640 ========================================================================== */ 5641/* 5642 * HEADLINES 5643 */ 5644/* 5645 * RICH-TEXT 5646 */ 5647/* 5648 * BACKGROUND-GRADIENT 5649 */ 5650/* 5651 * FILTER 5652 */ 5653/* 5654 * PRICE TABLE 5655 */ 5656/* ========================================================================== 5657 SLIDER ELEMENTS 5658 ========================================================================== */ 5659/* ========================================================================== 5660 LIST VIEW ITEM 5661 ========================================================================== */ 5662/* ========================================================================== 5663 DETAIL ITEM 5664 ========================================================================== */ 5665/* ========================================================================== 5666 KEYFRAMES 5667 Collection of all keyframes (mind the ordering!) 5668 ========================================================================== */ 5669/* ========================================================================== 5670 LOADER 5671 ========================================================================== */
5672@keyframes loader-spinning { 5673 0% { 5674 transform: rotate(0deg); 5675 } 5676 100% { 5677 transform: rotate(360deg); 5678 } 5679} 5680@keyframes loader-blink { 5681 0% { 5682 opacity: 0; 5683 } 5684 50% { 5685 opacity: 1; 5686 } 5687 100% { 5688 opacity: 0; 5689 } 5690} 5691/* STYLING 5692 * --------------------------------------------------------------------------- */ 5693.DNA-module[data-id=Text] { 5694 text-align: center; 5695 /* RESPONSIVE 5696 * --------------------------------------------------------------------------- */ 5697} 5698.DNA-module[data-id=Text] .DNA-module__wrap[data-fade-in="0"] { 5699 opacity: 0; 5700 transition: opacity 2s; 5701 transition-delay: 1s; 5702} 5703.DNA-module[data-id=Text] .DNA-module__wrap[data-fade-in="1"] { 5704 opacity: 1; 5705} 5706.DNA-module[data-id=Text] .DNA-module__button { 5707 display: flex; 5708 justify-content: center; 5709 z-index: 1; 5710 margin-top: 3.5em; 5711} 5712.DNA-module[data-id=Text] .DNA-module__button > * { 5713 display: flex; 5714 align-items: center; 5715 cursor: pointer; 5716} 5717.DNA-module[data-id=Text] .DNA-module__button > *:hover .DNA-icon:before { 5718 left: 140%; 5719} 5720.DNA-module[data-id=Text] .DNA-module__button > *:hover span { 5721 transform: translateX(1.5em); 5722} 5723.DNA-module[data-id=Text] .DNA-module__button span { 5724 font-size: 1.6em; 5725 font-weight: 300; 5726 display: flex; 5727 transition: transform 0.5s, opacity 0.25s; 5728 text-transform: uppercase; 5729} 5730@media (max-width: 1024px) { 5731 .DNA-module[data-id=Text] .DNA-module__button span { 5732 font-size: 1.5em; 5733 } 5734} 5735@media (max-width: 767px) { 5736 .DNA-module[data-id=Text] .DNA-module__button span { 5737 font-size: 1.5em; 5738 } 5739} 5740.DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5741 width: 4.5em; 5742 height: 4.5em; 5743 align-items: center; 5744 border: 1px solid #504641; 5745 border-radius: 50%; 5746 margin-right: 1.5em; 5747 opacity: 0.8; 5748 position: relative; 5749} 5750@media (max-width: 1024px) { 5751 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5752 width: 3.5em; 5753 } 5754} 5755@media (max-width: 767px) { 5756 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5757 width: 3.5em; 5758 } 5759} 5760@media (max-width: 1024px) { 5761 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5762 height: 3.5em; 5763 } 5764} 5765@media (max-width: 767px) { 5766 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5767 height: 3.5em; 5768 } 5769} 5770.DNA-module[data-id=Text] .DNA-module__button .DNA-icon:before { 5771 font-size: 1.2em; 5772 position: absolute; 5773 left: 50%; 5774 top: 50%; 5775 transform: translate(-50%, -50%); 5776 transition: left 1s; 5777} 5778@media (max-width: 1024px) { 5779 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon:before { 5780 font-size: 1em; 5781 } 5782} 5783@media (max-width: 767px) { 5784 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon:before { 5785 font-size: 1em; 5786 } 5787} 5788.DNA-module[data-id=Text] .DNA-module__quicklinks { 5789 display: flex; 5790 flex-wrap: wrap; 5791 justify-content: center; 5792 gap: 1.5em; 5793 margin-top: 4em; 5794} 5795.DNA-module[data-id=Text] .DNA-module__quicklinks__item { 5796 width: 6em; 5797 height: 6em; 5798 border: 1px solid rgba(80, 70, 65, 0.3); 5799 border-radius: 50%; 5800 display: flex; 5801 justify-content: center; 5802 align-items: center; 5803 transition: background-color 0.5s; 5804} 5805.DNA-module[data-id=Text] .DNA-module__quicklinks__item .DNA-icon { 5806 font-size: 2.5em; 5807} 5808.DNA-module[data-id=Text] .DNA-module__quicklinks__item:hover { 5809 background-color: rgba(237, 231, 222, 0.3); 5810} 5811.DNA-module[data-id=Text] .DNA-module .DNA-rte h2 { 5812 font-size: 1em; 5813} 5814.DNA-module[data-id=Text] .DNA-module .DNA-rte h2 > * { 5815 font-size: 3em; 5816} 5817@media (max-width: 1024px) { 5818 .DNA-module[data-id=Text] .DNA-module .DNA-rte h2 > * { 5819 font-size: 1.5em; 5820 } 5821} 5822@media (max-width: 767px) { 5823 .DNA-module[data-id=Text] .DNA-module .DNA-rte h2 > * { 5824 font-size: 1.7em; 5825 } 5826} 5827.DNA-module[data-id=Text] .DNA-module .DNA-rte h3 { 5828 font-size: 1em; 5829} 5830.DNA-module[data-id=Text] .DNA-module .DNA-rte h3 > * { 5831 font-size: 3em; 5832} 5833@media (max-width: 1024px) { 5834 .DNA-module[data-id=Text] .DNA-module .DNA-rte h3 > * { 5835 font-size: 1.5em; 5836 } 5837} 5838@media (max-width: 767px) { 5839 .DNA-module[data-id=Text] .DNA-module .DNA-rte h3 > * { 5840 font-size: 1.7em; 5841 } 5842} 5843.DNA-module[data-id=Text][data-background-color="1"] { 5844 background: transparent linear-gradient(90deg, #1F554D 0%, #48
58446F57 100%) 0 0 no-repeat padding-box; 5845 color: #FFFFFF; 5846} 5847.DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button { 5848 display: flex; 5849 justify-content: center; 5850 z-index: 1; 5851} 5852.DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button > * { 5853 display: flex; 5854 align-items: center; 5855 cursor: pointer; 5856} 5857.DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button > *:hover .DNA-icon:before { 5858 left: 140%; 5859} 5860.DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button > *:hover span { 5861 transform: translateX(1.5em); 5862} 5863.DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button span { 5864 font-size: 1.6em; 5865 font-weight: 300; 5866 display: flex; 5867 transition: transform 0.5s, opacity 0.25s; 5868 text-transform: uppercase; 5869} 5870@media (max-width: 1024px) { 5871 .DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button span { 5872 font-size: 1.5em; 5873 } 5874} 5875@media (max-width: 767px) { 5876 .DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button span { 5877 font-size: 1.5em; 5878 } 5879} 5880.DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button .DNA-icon { 5881 width: 4.5em; 5882 height: 4.5em; 5883 align-items: center; 5884 border: 1px solid #FFFFFF; 5885 border-radius: 50%; 5886 margin-right: 1.5em; 5887 opacity: 0.8; 5888 position: relative; 5889} 5890@media (max-width: 1024px) { 5891 .DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button .DNA-icon { 5892 width: 3.5em; 5893 } 5894} 5895@media (max-width: 767px) { 5896 .DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button .DNA-icon { 5897 width: 3.5em; 5898 } 5899} 5900@media (max-width: 1024px) { 5901 .DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button .DNA-icon { 5902 height: 3.5em; 5903 } 5904} 5905@media (max-width: 767px) { 5906 .DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button .DNA-icon { 5907 height: 3.5em; 5908 } 5909} 5910.DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button .DNA-icon:before { 5911 font-size: 1.2em; 5912 position: absolute; 5913 left: 50%; 5914 top: 50%; 5915 transform: translate(-50%, -50%); 5916 transition: left 1s; 5917} 5918@media (max-width: 1024px) { 5919 .DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button .DNA-icon:before { 5920 font-size: 1em; 5921 } 5922} 5923@media (max-width: 767px) { 5924 .DNA-module[data-id=Text][data-background-color="1"] .DNA-module__button .DNA-icon:before { 5925 font-size: 1em; 5926 } 5927} 5928.DNA-module[data-id=Text][data-background-color="1"] .DNA-module__quicklinks__item { 5929 border: 1px solid rgba(255, 255, 255, 0.3); 5930} 5931.DNA-module[data-id=Text][data-background-color="1"] .DNA-module__quicklinks__item:hover { 5932 background-color: rgba(255, 255, 255, 0.1); 5933} 5934@media (max-width: 767px) { 5935 .DNA-module[data-id=Text] .DNA-module__button { 5936 display: flex; 5937 justify-content: center; 5938 z-index: 1; 5939 margin-top: 2.5em; 5940 } 5941 .DNA-module[data-id=Text] .DNA-module__button > * { 5942 display: flex; 5943 align-items: center; 5944 cursor: pointer; 5945 } 5946 .DNA-module[data-id=Text] .DNA-module__button > *:hover .DNA-icon:before { 5947 left: 140%; 5948 } 5949 .DNA-module[data-id=Text] .DNA-module__button > *:hover span { 5950 transform: translateX(1.5em); 5951 } 5952 .DNA-module[data-id=Text] .DNA-module__button span { 5953 font-size: 1.6em; 5954 font-weight: 300; 5955 display: flex; 5956 transition: transform 0.5s, opacity 0.25s; 5957 text-transform: uppercase; 5958 } 5959} 5960@media (max-width: 767px) and (max-width: 1024px) { 5961 .DNA-module[data-id=Text] .DNA-module__button span { 5962 font-size: 1.5em; 5963 } 5964} 5965@media (max-width: 767px) and (max-width: 767px) { 5966 .DNA-module[data-id=Text] .DNA-module__button span { 5967 font-size: 1.5em; 5968 } 5969} 5970@media (max-width: 767px) { 5971 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5972 width: 4.5em; 5973 height: 4.5em; 5974 align-items: center; 5975 border: 1px solid #504641; 5976 border-radius: 50%; 5977 margin-right: 1.5em; 5978 opacity: 0.8; 5979 position: relative; 5980 } 5981} 5982@media (max-width: 767px) and (max-width: 1024px) { 5983 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5984 width: 3.5em; 5985 } 5986} 5987@media (max-width: 767px) and (max-width: 767px) { 5988 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5989 width: 3.5em; 5990 } 5991} 5992@media (max-width: 767px) and (max-width: 1024px) { 5993 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5994 height: 3.5em; 5995 } 5996} 5997@media (max-width: 767px) and (max-width: 767px) { 5998 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon { 5999 height: 3.5em; 6000 } 6001} 6002@media (max-width: 767px) { 6003 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon:before { 6004 font-size: 1.2em; 6005 position: absolute; 6006 left: 50%; 6007 top: 50%; 6008 transform: translate(-50%, -50%); 6009 transition: left 1s; 6010 } 6011} 6012@media (max-width: 767px) and (max-width: 1024px) { 6013 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon:before { 6014 font-size: 1em; 6015 } 6016} 6017@media (max-width: 767px) and (max-width: 767px) { 6018 .DNA-module[data-id=Text] .DNA-module__button .DNA-icon:before { 6019 font-size: 1em; 6020 } 6021} 6022@media (max-width: 767px) { 6023 .DNA-module[data-id=Text] .DNA-module__quicklinks { 6024 margin-top: 3em; 6025 } 6026} 6027</style> 6028<style media="screen" data-asset-id="Modules/Voucher">/*!*****************************************************************************************************************************************************************************************************************************************************************!*\ 6029 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../Templates/Modules/Voucher/frontend.scss ***! 6030 \*****************************************************************************************************************************************************************************************************************************************************************/ 6031/* ========================================================================== 6032 MODULE 6033 ========================================================================== */ 6034/* ========================================================================== 6035 STORAGE 6036 ========================================================================== */ 6037/* ========================================================================== 6038 VARIABLES 6039 Collection of all variables 6040 6041 INFO: 6042 - try to use variables as much as possible, it makes life easier 6043 - try to use meaningful prefixes, e.g. "$clr-" for color variables 6044 or "$fs-" for font-sizes 6045 ========================================================================== */ 6046/* ========================================================================== 6047 CLASS NAMES 6048 Collection of class-names. 6049 ========================================================================== */ 6050/* ========================================================================== 6051 COLORS 6052 List all colors concerning your project here 6053 6054 INFO: 6055 - use for your colors at least the prefix "$clr-" 6056 ========================================================================== */ 6057/* ========================================================================== 6058 DEFAULTS 6059 ========================================================================== */ 6060/* ========================================================================== 6061 DIMENSIONS 6062 List of some recurring dimensions. 6063 6064 INFO: 6065 - don't delete any unit! 6066 - do unit changes with care 6067 - try to use prefixes (f.e. "zi" for "z-index", "hgt" for "he
6067ight", "wdt" for "width" etc.) 6068 - if possible try to define the main z-index values here 6069 - don't put all dimensions in here, only well selected ones (it's not a trashcan!) 6070 ========================================================================== */ 6071/* ========================================================================== 6072 MEDIA QUERIES 6073 Collection of media queries. 6074 ========================================================================== */ 6075/* ========================================================================== 6076 TYPOGRAPHY 6077 Font settings concerning your project. 6078 6079 INFO: 6080 - don't delete anything! 6081 - use changes in here with care 6082 - try to use prefixes (f.e. "ff" for "font-family", "fs" for "font-size", "fw" for "font-weight" ecc.) 6083 - don't put all properties in here, only well selected ones (it's not a trashcan!) 6084 ========================================================================== */ 6085/* ========================================================================== 6086 FUNCIONS 6087 Collection of all functions 6088 ========================================================================== */ 6089/* ========================================================================== 6090 GENERAL 6091 Useful global functions 6092 ========================================================================== */ 6093/* ========================================================================== 6094 MIXINS 6095 Collection of all mixins (mind the ordering!) 6096 ========================================================================== */ 6097/* ========================================================================== 6098 GENERAL 6099 Useful global helpers 6100 6101 INFO: 6102 - no specific naming convention (no prefix) except to not use camelcase if possible! 6103 - use it with care, its not a trash can! 6104 - contributions for the kickstarter are welcome! 6105 ========================================================================== */ 6106/* 6107 * WRAPPER DIMENSIONS 6108 * generates wrapper padding & max-width 6109 */ 6110/* ========================================================================== 6111 TYPOGRAPHY 6112 Helpers to arrange type 6113 6114 INFO: 6115 - all mixins should start with "typo" as prefix 6116 ========================================================================== */ 6117/* ========================================================================== 6118 CONTENT 6119 Helpers for Headlines/RichText/... 6120 6121 INFO: 6122 - all mixins should start with "content" as prefix 6123 ========================================================================== */ 6124/* 6125 * OVERLINE 6126 */ 6127/* 6128 * HEADLINES 6129 */ 6130/* 6131 * TABLE-WRAP 6132 */ 6133/* 6134 * RICH-TEXT 6135 */ 6136/* ========================================================================== 6137 BUTTONS 6138 Helpers to edit buttons 6139 6140 INFO: 6141 - all mixins should start with "btn" as prefix 6142 ========================================================================== */ 6143/* ========================================================================== 6144 IMAGES 6145 Collection of all helpers for images 6146 6147 INFO: 6148 - all mixins should start with "img" as prefix 6149 ========================================================================== */ 6150/* ========================================================================== 6151 VISTA 6152 Helper to add base style to the vista output. 6153 6154 INFO: 6155 - Usage example: 6156 @include vista(100vh, 75vh, 100vh, 60vh, true); 6157 ========================================================================== */ 6158/* ========================================================================== 6159 CONTENT-PARTS 6160 ========================================================================== */ 6161/* 6162 * HEADLINES 6163 */ 6164/* 6165 * RICH-TEXT 6166 */ 6167/* 6168 * BACKGROUND-GRADIENT 6169 */ 6170/* 6171 * FILTER 6172 */ 6173/* 6174 * PRICE TABLE 6175 */ 6176/* ========================================================================== 6177 SLIDER ELEMENTS 6178 ========================================================================== */ 6179/* ========================================================================== 6180 LIST VIEW ITEM 6181 ========================================================================== */ 6182/* ========================================================================== 6183 DETAIL ITEM 6184 ========================================================================== */ 6185/* ========================================================================== 6186 KEYFRAMES 6187 Collection of all keyframes (mind the ordering!) 6188 ========================================================================== */ 6189/* ========================================================================== 6190 LOADER 6191 ========================================================================== */
6192@keyframes loader-spinning { 6193 0% { 6194 transform: rotate(0deg); 6195 } 6196 100% { 6197 transform: rotate(360deg); 6198 } 6199} 6200@keyframes loader-blink { 6201 0% { 6202 opacity: 0; 6203 } 6204 50% { 6205 opacity: 1; 6206 } 6207 100% { 6208 opacity: 0; 6209 } 6210} 6211/* STYLING 6212 * --------------------------------------------------------------------------- */ 6213.DNA-module[data-id=Voucher] { 6214 /* RESPONSIVE 6215 * --------------------------------------------------------------------------- */ 6216} 6217</style> 6218<style media="screen" data-asset-id="Sections/Quickrequest">/*!***********************************************************************************************************************************************************************************************************************************************************************!*\ 6219 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../Templates/Sections/Quickrequest/frontend.scss ***! 6220 \***********************************************************************************************************************************************************************************************************************************************************************/ 6221/* ========================================================================== 6222 MAIN 6223 Styling for parts (which are not defined as modules), for eg. breadcrumb 6224 6225 INFO: 6226 - don't style modules here, use the corresponding modules scss folder 6227 ========================================================================== */ 6228/* ========================================================================== 6229 STORAGE 6230 ========================================================================== */ 6231/* ========================================================================== 6232 VARIABLES 6233 Collection of all variables 6234 6235 INFO: 6236 - try to use variables as much as possible, it makes life easier 6237 - try to use meaningful prefixes, e.g. "$clr-" for color variables 6238 or "$fs-" for font-sizes 6239 ========================================================================== */ 6240/* ========================================================================== 6241 CLASS NAMES 6242 Collection of class-names. 6243 ========================================================================== */ 6244/* ========================================================================== 6245 COLORS 6246 List all colors concerning your project here 6247 6248 INFO: 6249 - use for your colors at least the prefix "$clr-" 6250 ========================================================================== */ 6251/* ========================================================================== 6252 DEFAULTS 6253 ========================================================================== */ 6254/* ========================================================================== 6255 DIMENSIONS 6256 List of some recurring dimensions. 6257 6258 INFO: 6259 - don't delete any unit! 6260 - do unit changes with care 6261 - try to use prefixes (f.e. "zi" for "z-index", "hgt" for "height", "wdt" for "width" etc.) 6262 - if possible try to define the main z-index values here 6263 - don't put all dimensions in here, only well selected ones (it's not a trashcan!) 6264 ========================================================================== */ 6265/* ========================================================================== 6266 MEDIA QUERIES 6267 Collection of media queries. 6268 ========================================================================== */ 6269/* ========================================================================== 6270 TYPOGRAPHY 6271 Font settings concerning your project. 6272 6273 INFO: 6274 - don't delete anything! 6275 - use changes in here with care 6276 - try to use prefixes (f.e. "ff" for "font-family", "fs" for "font-size", "fw" for "font-weight" ecc.) 6277 - don't put all properties in here, only well selected ones (it's not a trashcan!) 6278 ========================================================================== */ 6279/* ========================================================================== 6280 FUNCIONS 6281 Collection of all functions 6282 ========================================================================== */ 6283/* ========================================================================== 6284 GENERAL 6285 Useful global functions 6286 ========================================================================== */ 6287/* ========================================================================== 6288 MIXINS 6289 Collection of all mixins (mind the ordering!) 6290 ========================================================================== */ 6291/* ========================================================================== 6292 GENERAL 6293 Useful global helpers 6294 6295 INFO: 6296 - no specific naming convention (no prefix) except to not use camelcase if possible! 6297 - use it with care, its not a trash can! 6298 - contributions for the kickstarter are welcome! 6299 ========================================================================== */ 6300/* 6301 * WRAPPER DIMENSIONS 6302 * generates wrapper padding & max-width 6303 */ 6304/* ========================================================================== 6305 TYPOGRAPHY 6306 Helpers to arrange type 6307 6308 INFO: 6309 - all mixins should start with "typo" as prefix 6310 ========================================================================== */ 6311/* ========================================================================== 6312 CONTENT 6313 Helpers for Headlines/RichText/... 6314 6315 INFO: 6316 - all mixins should start with "content" as prefix 6317 ========================================================================== */ 6318/* 6319 * OVERLINE 6320 */ 6321/* 6322 * HEADLINES 6323 */ 6324/* 6325 * TABLE-WRAP 6326 */ 6327/* 6328 * RICH-TEXT 6329 */ 6330/* ========================================================================== 6331 BUTTONS 6332 Helpers to edit buttons 6333 6334 INFO: 6335 - all mixins should start with "btn" as prefix 6336 ========================================================================== */ 6337/* ========================================================================== 6338 IMAGES 6339 Collection of all helpers for images 6340 6341 INFO: 6342 - all mixins should start with "img" as prefix 6343 ========================================================================== */ 6344/* ========================================================================== 6345 VISTA 6346 Helper to add base style to the vista output. 6347 6348 INFO: 6349 - Usage example: 6350 @include vista(100vh, 75vh, 100vh, 60vh, true); 6351 ========================================================================== */ 6352/* ========================================================================== 6353 CONTENT-PARTS 6354 ========================================================================== */ 6355/* 6356 * HEADLINES 6357 */ 6358/* 6359 * RICH-TEXT 6360 */ 6361/* 6362 * BACKGROUND-GRADIENT 6363 */ 6364/* 6365 * FILTER 6366 */ 6367/* 6368 * PRICE TABLE 6369 */ 6370/* ========================================================================== 6371 SLIDER ELEMENTS 6372 ========================================================================== */ 6373/* ========================================================================== 6374 LIST VIEW ITEM 6375 ========================================================================== */ 6376/* ========================================================================== 6377 DETAIL ITEM 6378 ========================================================================== */ 6379/* ========================================================================== 6380 KEYFRAMES 6381 Collection of all keyframes (mind the ordering!) 6382 ========================================================================== */ 6383/* ========================================================================== 6384 LOADER 6385 ========================================================================== */
6386@keyframes loader-spinning { 6387 0% { 6388 transform: rotate(0deg); 6389 } 6390 100% { 6391 transform: rotate(360deg); 6392 } 6393} 6394@keyframes loader-blink { 6395 0% { 6396 opacity: 0; 6397 } 6398 50% { 6399 opacity: 1; 6400 } 6401 100% { 6402 opacity: 0; 6403 } 6404} 6405/* STYLING 6406 * --------------------------------------------------------------------------- */ 6407.DNA-section[data-id=Quickrequest] { 6408 pointer-events: all; 6409 position: fixed; 6410 height: 7em; 6411 bottom: -7em; 6412 right: 7em; 6413 border-radius: 8em; 6414 backdrop-filter: blur(1em); 6415 background-color: #FFFFFF; 6416 z-index: 50; 6417 box-shadow: 0 0.8em 1em rgba(0, 0, 0, 0.1); 6418 transition: bottom 0.5s; 6419} 6420.DNA-section[data-id=Quickrequest] .DNA-section__dates { 6421 display: flex; 6422 height: 100%; 6423 align-items: center; 6424} 6425.DNA-section[data-id=Quickrequest] .DNA-section__fromdate, .DNA-section[data-id=Quickrequest] .DNA-section__todate { 6426 width: 19em; 6427 height: 100%; 6428 display: flex; 6429 align-items: center; 6430 justify-content: center; 6431 color: #504641; 6432} 6433.DNA-section[data-id=Quickrequest] .DNA-section__fromdate { 6434 border-right: 1px solid rgba(80, 70, 65, 0.2); 6435} 6436.DNA-section[data-id=Quickrequest] .DNA-section__label > * { 6437 font-size: 1.2em; 6438} 6439@media (max-width: 1024px) { 6440 .DNA-section[data-id=Quickrequest] .DNA-section__label > * { 6441 font-size: 0.9em; 6442 } 6443} 6444@media (max-width: 767px) { 6445 .DNA-section[data-id=Quickrequest] .DNA-section__label > * { 6446 font-size: 0.9em; 6447 } 6448} 6449.DNA-section[data-id=Quickrequest] .DNA-section__fromdate-date > *, .DNA-section[data-id=Quickrequest] .DNA-section__todate-date > * { 6450 font-size: 1.5em; 6451} 6452@media (max-width: 1024px) { 6453 .DNA-section[data-id=Quickrequest] .DNA-section__fromdate-date > *, .DNA-section[data-id=Quickrequest] .DNA-section__todate-date > * { 6454 font-size: 1.3em; 6455 } 6456} 6457@media (max-width: 767px) { 6458 .DNA-section[data-id=Quickrequest] .DNA-section__fromdate-date > *, .DNA-section[data-id=Quickrequest] .DNA-section__todate-date > * { 6459 font-size: 1.3em; 6460 } 6461} 6462.DNA-section[data-id=Quickrequest] .DNA-section__cta-button { 6463 width: 16em; 6464 height: 7em; 6465 border-radius: 7.8em; 6466 background-color: #97AC2F; 6467 display: flex; 6468 justify-content: center; 6469 align-items: center; 6470 transition: opacity 0.5s; 6471 color: #FFFFFF; 6472} 6473.DNA-section[data-id=Quickrequest] .DNA-section__cta-button span { 6474 font-size: 1.5em; 6475 text-transform: uppercase; 6476} 6477.DNA-section[data-id=Quickrequest] .DNA-section__cta-button .DNA-icon { 6478 display: flex; 6479 padding-left: 0.4545454545em; 6480 font-size: 1.1em; 6481} 6482.DNA-section[data-id=Quickrequest] .DNA-section__cta-button:hover { 6483 opacity: 0.7; 6484} 6485.DNA-section[data-id=Quickrequest][data-hero-layout=none], .DNA-section[data-id=Quickrequest][data-hero-layout=half], .DNA-section[data-id=Quickrequest][data-active="1"] { 6486 bottom: 4em; 6487} 6488@media (max-width: 1024px) { 6489 .DNA-section[data-id=Quickrequest] { 6490 display: none; 6491 } 6492} 6493</style> 6494<style media="screen" data-asset-id="Sections/Popup">/*!****************************************************************************************************************************************************************************************************************************************************************!*\ 6495 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../Templates/Sections/Popup/frontend.scss ***! 6496 \****************************************************************************************************************************************************************************************************************************************************************/ 6497/* ========================================================================== 6498 MAIN 6499 Styling for parts (which are not defined as modules), for eg. breadcrumb 6500 6501 INFO: 6502 - don't style modules here, use the corresponding modules scss folder 6503 ========================================================================== */ 6504/* ========================================================================== 6505 STORAGE 6506 ========================================================================== */ 6507/* ========================================================================== 6508 VARIABLES 6509 Collection of all variables 6510 6511 INFO: 6512 - try to use variables as much as possible, it makes life easier 6513 - try to use meaningful prefixes, e.g. "$clr-" for color variables 6514 or "$fs-" for font-sizes 6515 ========================================================================== */ 6516/* ========================================================================== 6517 CLASS NAMES 6518 Collection of class-names. 6519 ========================================================================== */ 6520/* ========================================================================== 6521 COLORS 6522 List all colors concerning your project here 6523 6524 INFO: 6525 - use for your colors at least the prefix "$clr-" 6526 ========================================================================== */ 6527/* ========================================================================== 6528 DEFAULTS 6529 ========================================================================== */ 6530/* ========================================================================== 6531 DIMENSIONS 6532 List of some recurring dimensions. 6533 6534 INFO: 6535 - don't delete any unit! 6536 - do unit changes with care 6537 - try to use prefixes (f.e. "zi" for "z-index", "hgt" for "he
6537ight", "wdt" for "width" etc.) 6538 - if possible try to define the main z-index values here 6539 - don't put all dimensions in here, only well selected ones (it's not a trashcan!) 6540 ========================================================================== */ 6541/* ========================================================================== 6542 MEDIA QUERIES 6543 Collection of media queries. 6544 ========================================================================== */ 6545/* ========================================================================== 6546 TYPOGRAPHY 6547 Font settings concerning your project. 6548 6549 INFO: 6550 - don't delete anything! 6551 - use changes in here with care 6552 - try to use prefixes (f.e. "ff" for "font-family", "fs" for "font-size", "fw" for "font-weight" ecc.) 6553 - don't put all properties in here, only well selected ones (it's not a trashcan!) 6554 ========================================================================== */ 6555/* ========================================================================== 6556 FUNCIONS 6557 Collection of all functions 6558 ========================================================================== */ 6559/* ========================================================================== 6560 GENERAL 6561 Useful global functions 6562 ========================================================================== */ 6563/* ========================================================================== 6564 MIXINS 6565 Collection of all mixins (mind the ordering!) 6566 ========================================================================== */ 6567/* ========================================================================== 6568 GENERAL 6569 Useful global helpers 6570 6571 INFO: 6572 - no specific naming convention (no prefix) except to not use camelcase if possible! 6573 - use it with care, its not a trash can! 6574 - contributions for the kickstarter are welcome! 6575 ========================================================================== */ 6576/* 6577 * WRAPPER DIMENSIONS 6578 * generates wrapper padding & max-width 6579 */ 6580/* ========================================================================== 6581 TYPOGRAPHY 6582 Helpers to arrange type 6583 6584 INFO: 6585 - all mixins should start with "typo" as prefix 6586 ========================================================================== */ 6587/* ========================================================================== 6588 CONTENT 6589 Helpers for Headlines/RichText/... 6590 6591 INFO: 6592 - all mixins should start with "content" as prefix 6593 ========================================================================== */ 6594/* 6595 * OVERLINE 6596 */ 6597/* 6598 * HEADLINES 6599 */ 6600/* 6601 * TABLE-WRAP 6602 */ 6603/* 6604 * RICH-TEXT 6605 */ 6606/* ========================================================================== 6607 BUTTONS 6608 Helpers to edit buttons 6609 6610 INFO: 6611 - all mixins should start with "btn" as prefix 6612 ========================================================================== */ 6613/* ========================================================================== 6614 IMAGES 6615 Collection of all helpers for images 6616 6617 INFO: 6618 - all mixins should start with "img" as prefix 6619 ========================================================================== */ 6620/* ========================================================================== 6621 VISTA 6622 Helper to add base style to the vista output. 6623 6624 INFO: 6625 - Usage example: 6626 @include vista(100vh, 75vh, 100vh, 60vh, true); 6627 ========================================================================== */ 6628/* ========================================================================== 6629 CONTENT-PARTS 6630 ========================================================================== */ 6631/* 6632 * HEADLINES 6633 */ 6634/* 6635 * RICH-TEXT 6636 */ 6637/* 6638 * BACKGROUND-GRADIENT 6639 */ 6640/* 6641 * FILTER 6642 */ 6643/* 6644 * PRICE TABLE 6645 */ 6646/* ========================================================================== 6647 SLIDER ELEMENTS 6648 ========================================================================== */ 6649/* ========================================================================== 6650 LIST VIEW ITEM 6651 ========================================================================== */ 6652/* ========================================================================== 6653 DETAIL ITEM 6654 ========================================================================== */ 6655/* ========================================================================== 6656 KEYFRAMES 6657 Collection of all keyframes (mind the ordering!) 6658 ========================================================================== */ 6659/* ========================================================================== 6660 LOADER 6661 ========================================================================== */
6662@keyframes loader-spinning { 6663 0% { 6664 transform: rotate(0deg); 6665 } 6666 100% { 6667 transform: rotate(360deg); 6668 } 6669} 6670@keyframes loader-blink { 6671 0% { 6672 opacity: 0; 6673 } 6674 50% { 6675 opacity: 1; 6676 } 6677 100% { 6678 opacity: 0; 6679 } 6680} 6681/* STYLING 6682 * --------------------------------------------------------------------------- */ 6683.DNA-section[data-id=Popup] .DNA-module__rte { 6684 color: #504641; 6685} 6686.DNA-section[data-id=Popup] .DNA-module__rte > * { 6687 line-height: 1.6; 6688} 6689.DNA-section[data-id=Popup] .DNA-module__rte stop { 6690 stop-color: #EDE7DE; 6691} 6692.DNA-section[data-id=Popup] .DNA-popup { 6693 position: fixed; 6694 width: 100%; 6695 left: 0; 6696 top: 0; 6697 z-index: 1001; 6698 height: 100vh; 6699 transition: opacity 0.5s; 6700 backdrop-filter: blur(15px); 6701 overflow: auto; 6702} 6703.DNA-section[data-id=Popup] .DNA-popup__wrap { 6704 display: flex; 6705} 6706.DNA-section[data-id=Popup] .DNA-popup__image { 6707 min-width: 40%; 6708 margin-right: 5.5em; 6709 display: inline-flex; 6710 align-items: center; 6711} 6712.DNA-section[data-id=Popup] .DNA-popup__image img { 6713 border-radius: 1em; 6714} 6715.DNA-section[data-id=Popup] .DNA-popup__bg { 6716 position: absolute; 6717 left: 0; 6718 top: 0; 6719 width: 100%; 6720 height: 100%; 6721 background: #000000; 6722 opacity: 0.55; 6723} 6724.DNA-section[data-id=Popup] .DNA-popup__wrapper { 6725 max-width: 100%; 6726 padding: 3em; 6727 position: relative; 6728 min-height: 100%; 6729 min-width: 100%; 6730 display: flex; 6731 justify-content: center; 6732 align-items: center; 6733 overflow: hidden; 6734} 6735.DNA-section[data-id=Popup] .DNA-popup__left, .DNA-section[data-id=Popup] .DNA-popup__right { 6736 position: relative; 6737} 6738.DNA-section[data-id=Popup] .DNA-popup__wrap { 6739 width: 100%; 6740 border-radius: 0.9em; 6741 padding: 8em; 6742 background: #EDE7DE; 6743 z-index: 2; 6744} 6745.DNA-section[data-id=Popup] .DNA-popup__title { 6746 line-height: 1.2; 6747 margin-bottom: 2em; 6748 color: #504641; 6749 text-transform: uppercase; 6750 font-weight: 700; 6751} 6752.DNA-section[data-id=Popup] .DNA-popup__title > * { 6753 font-size: 3.2em; 6754} 6755@media (max-width: 1024px) { 6756 .DNA-section[data-id=Popup] .DNA-popup__title > * { 6757 font-size: 2.6em; 6758 } 6759} 6760@media (max-width: 767px) { 6761 .DNA-section[data-id=Popup] .DNA-popup__title > * { 6762 font-size: 1.6em; 6763 } 6764} 6765.DNA-section[data-id=Popup] .DNA-popup__button { 6766 display: flex; 6767 justify-content: center; 6768 z-index: 1; 6769 display: inline-flex; 6770 margin-top: 3em; 6771 justify-content: flex-start; 6772} 6773.DNA-section[data-id=Popup] .DNA-popup__button > * { 6774 display: flex; 6775 align-items: center; 6776 cursor: pointer; 6777} 6778.DNA-section[data-id=Popup] .DNA-popup__button > *:hover .DNA-icon:before { 6779 left: 140%; 6780} 6781.DNA-section[data-id=Popup] .DNA-popup__button > *:hover span { 6782 transform: translateX(1.5em); 6783} 6784.DNA-section[data-id=Popup] .DNA-popup__button span { 6785 font-size: 1.6em; 6786 font-weight: 300; 6787 display: flex; 6788 transition: transform 0.5s, opacity 0.25s; 6789 text-transform: uppercase; 6790} 6791@media (max-width: 1024px) { 6792 .DNA-section[data-id=Popup] .DNA-popup__button span { 6793 font-size: 1.5em; 6794 } 6795} 6796@media (max-width: 767px) { 6797 .DNA-section[data-id=Popup] .DNA-popup__button span { 6798 font-size: 1.5em; 6799 } 6800} 6801.DNA-section[data-id=Popup] .DNA-popup__button .DNA-icon { 6802 width: 4.5em; 6803 height: 4.5em; 6804 align-items: center; 6805 border: 1px solid #504641; 6806 border-radius: 50%; 6807 margin-right: 1.5em; 6808 opacity: 0.8; 6809 position: relative; 6810} 6811@media (max-width: 1024px) { 6812 .DNA-section[data-id=Popup] .DNA-popup__button .DNA-icon { 6813 width: 3.5em; 6814 } 6815} 6816@media (max-width: 767px) { 6817 .DNA-section[data-id=Popup] .DNA-popup__button .DNA-icon { 6818 width: 3.5em; 6819 } 6820} 6821@media (max-width: 1024px) { 6822 .DNA-section[data-id=Popup] .DNA-popup__button .DNA-icon { 6823 height: 3.5em; 6824 } 6825} 6826@media (max-width: 767px) { 6827 .DNA-section[data-id=Popup] .DNA-popup__button .DNA-icon { 6828 height: 3.5em; 6829 } 6830} 6831.DNA-section[data-id=Popup] .DNA-popup__button .DNA-icon:before { 6832 font-size: 1.2em; 6833 position: absolute; 6834 left: 50%; 6835 top: 50%; 6836 transform: translate(-50%, -50%); 6837 transition: left 1s; 6838} 6839@media (max-width: 1024px) { 6840 .DNA-section[data-id=Popup] .DNA-popup__button .DNA-icon:before { 6841 font-size: 1em; 6842 } 6843} 6844@media (max-width: 767px) { 6845 .DNA-section[data-id=Popup] .DNA-popup__button .DNA-icon:before { 6846 font-size: 1em; 6847 } 6848} 6849.DNA-section[data-id=Popup] .DNA-popup__container { 6850 position: relative; 6851 max-height: 100%; 6852 max-width: 100%; 6853} 6854.DNA-section[data-id=Popup] .DNA-popup__closer { 6855 position: absolute; 6856 right: 4em; 6857 top: 4em; 6858 cursor: pointer;
6859 color: #504641; 6860 transition: transform 0.25s; 6861 z-index: 2; 6862} 6863.DNA-section[data-id=Popup] .DNA-popup__closer > * { 6864 font-size: 2.5em; 6865} 6866@media (max-width: 1024px) { 6867 .DNA-section[data-id=Popup] .DNA-popup__closer > * { 6868 font-size: 2em; 6869 } 6870} 6871@media (max-width: 767px) { 6872 .DNA-section[data-id=Popup] .DNA-popup__closer > * { 6873 font-size: 2em; 6874 } 6875} 6876.DNA-section[data-id=Popup] .DNA-popup__closer:hover { 6877 transform: rotate(90deg); 6878} 6879.DNA-section[data-id=Popup] .DNA-popup__content { 6880 position: relative; 6881 z-index: 1; 6882 min-height: 100%; 6883 width: 130em; 6884 max-width: 100%; 6885 display: flex; 6886 align-items: center; 6887} 6888.DNA-section[data-id=Popup] .DNA-popup__image img { 6889 width: 100%; 6890 height: auto; 6891} 6892.DNA-section[data-id=Popup] .DNA-popup[data-open="0"] { 6893 opacity: 0; 6894 pointer-events: none; 6895} 6896@media (max-width: 1024px) { 6897 .DNA-section[data-id=Popup] .DNA-popup__wrap { 6898 flex-direction: column; 6899 } 6900 .DNA-section[data-id=Popup] .DNA-popup__image { 6901 min-width: 100%; 6902 width: 100%; 6903 margin-right: 0; 6904 margin-bottom: 4em; 6905 } 6906 .DNA-section[data-id=Popup] .DNA-popup__image picture { 6907 width: 100%; 6908 } 6909 .DNA-section[data-id=Popup] .DNA-popup__wrapper { 6910 padding: 4em 0; 6911 } 6912 .DNA-section[data-id=Popup] .DNA-popup__container { 6913 position: static; 6914 } 6915 .DNA-section[data-id=Popup] .DNA-popup__content { 6916 position: static; 6917 flex-direction: column; 6918 } 6919 .DNA-section[data-id=Popup] .DNA-popup__left { 6920 width: calc(100% - 10em); 6921 padding: 3em 2.5em; 6922 max-width: 70em; 6923 } 6924 .DNA-section[data-id=Popup] .DNA-popup__right { 6925 margin-left: 0; 6926 margin-top: -20em; 6927 width: 100%; 6928 max-width: 75em; 6929 } 6930 .DNA-section[data-id=Popup] .DNA-popup__signet { 6931 display: none; 6932 } 6933 .DNA-section[data-id=Popup] .DNA-popup__closer { 6934 right: 1em; 6935 top: 1em; 6936 } 6937} 6938@media (max-width: 767px) { 6939 .DNA-section[data-id=Popup] .DNA-popup__closer { 6940 color: #FFFFFF; 6941 } 6942 .DNA-section[data-id=Popup] .DNA-popup__wrap { 6943 padding: 3em; 6944 } 6945 .DNA-section[data-id=Popup] .DNA-popup__title { 6946 margin-bottom: 2em; 6947 } 6948} 6949</style> 6950<link media="print" data-asset-id="Scss/print" href="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/Css/Frontend/scss--print.css?1785141583" rel="stylesheet" > 6951<link media="print" onload="this.onload=null;this.media='screen';" data-asset-id="Sections/Footer" href="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/Css/Frontend/sections--footer.css?1785141583" rel="stylesheet" > 6952 6953
6954<script defer="defer" data-asset-id="webpack--runtime" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/webpack--runtime.js?1785141583"></script>
vendor: 1 bytes, line 6954
6954
6955<script defer="defer" data-asset-id="JavaScript/error-interceptor" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--javascript--error-interceptor.js?1785141583"></script>
vendor: 1 bytes, line 6955
6955
6956<script defer="defer" data-asset-id="bn-internal-functions" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/bn-internal-functions.js?1785141583"></script>
vendor: 1 bytes, line 6956
6956
6957<script defer="defer" data-asset-id="vendor--bn-maps" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--bn-maps.js?1785141583"></script>
vendor: 1 bytes, line 6957
6957
6958<script defer="defer" data-asset-id="vendor--dom7" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--dom7.js?1785141583"></script>
vendor: 1 bytes, line 6958
6958
6959<script defer="defer" data-asset-id="vendor--js-cookie" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--js-cookie.js?1785141583"></script>
vendor: 1 bytes, line 6959
6959
6960<script defer="defer" data-asset-id="vendor--juggle-resize-observer" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--juggle-resize-observer.js?1785141583"></script>
vendor: 1 bytes, line 6960
6960
6961<script defer="defer" data-asset-id="vendor--lazysizes" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--lazysizes.js?1785141583"></script>
vendor: 1 bytes, line 6961
6961
6962<script defer="defer" data-asset-id="vendor--lightgallery" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--lightgallery.js?1785141583"></script>
vendor: 1 bytes, line 6962
6962
6963<script defer="defer" data-asset-id="vendor--lodash-es" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--lodash-es.js?1785141583"></script>
vendor: 1 bytes, line 6963
6963
6964<script defer="defer" data-asset-id="vendor--quicklink" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--quicklink.js?1785141583"></script>
vendor: 1 bytes, line 6964
6964
6965<script defer="defer" data-asset-id="vendor--ssr-window" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--ssr-window.js?1785141583"></script>
vendor: 1 bytes, line 6965
6965
6966<script defer="defer" data-asset-id="Globals/Main" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--globals--main.js?1785141583"></script>
vendor: 1 bytes, line 6966
6966
6967<script defer="defer" data-asset-id="vendor--waypoints" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--waypoints.js?1785141583"></script>
vendor: 1 bytes, line 6967
6967
6968<script defer="defer" data-asset-id="Sections/Header" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--sections--header.js?1785141583"></script>
vendor: 1 bytes, line 6968
6968
6969<script defer="defer" data-asset-id="Sections/Main" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--sections--main.js?1785141583"></script>
vendor: 1 bytes, line 6969
6969
6970<script defer="defer" data-asset-id="vendor--flatpickr" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/vendor--flatpickr.js?1785141583"></script>
vendor: 1 bytes, line 6970
6970
6971<script defer="defer" data-asset-id="Sections/Quickrequest" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--sections--quickrequest.js?1785141583"></script>
vendor: 1 bytes, line 6971
6971
6972<script defer="defer" data-asset-id="Sections/Popup" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--sections--popup.js?1785141583"></script>
vendor: 1 bytes, line 6972
6972
6973<script id="ts-2-js-inline-script"> 6974 (function(window){ 6975 'use strict'; 6976 var BN = window.brandnamic = window.BN = (window.brandnamic || window.BN || {}); 6977 BN.constants = BN.constants || {}; 6978 BN.constants = {"redirects":{"autoCreateRedirects":""},"general":{"lang_redirect_active":"0"},"company":{"name":"Gartenhotel Moser","businessType":"Hotel","family":{"de":"Christine und Wolfgang Moser","it":"Christine e Wolfgang Moser","en":"Christine and Wolfgang Moser","locale":"Christine und Wolfgang Moser"},"street":{"de":"Montiggler See 104","it":"Lago di Monticolo 104","en":"Lago di Monticolo 104","locale":"Montiggler See 104"},"place":{"de":"Eppan an der WeinstraÃe","it":"Appiano sulla Strada del Vino","en":"Appiano sulla Strada del Vino","locale":"Eppan an der WeinstraÃe"},"country":{"de":"Südtirol | Italien","it":"Alto Adige | Italia","en":"South Tyrol | Italy","locale":"Südtirol | Italien"},"description":{"de":"Eines der schönsten Hotels nahe dem Kalterer See mit 4-Sterne-Superior-Urlaub ist das Gartenhotel Moser. Treten Sie ein!","it":"Uno degli hotel in Alto Adige con piscina più belli della zona: il Gartenhotel Moser. Accomodatevi!","en":"Our hotel near Eppan an der WeinstraÃe makes holiday dreams come true. Join us at Gartenhotel Moser!","locale":"Eines der schönsten Hotels nahe dem Kalterer See mit 4-Sterne-Superior-Urlaub ist das Gartenhotel Moser. Treten Sie ein!"},"logo":"EXT:bn_package/Resources/Public/Images/logo/Logo70years.svg","favicon":"EXT:bn_package/Resources/Public/Images/logo/M_Logo_Dunkel.png","mail":"[email protected]","tel":"+39 0471 662095","telLink":"00390471662095","fax":"+39 1234 567 891","vat":"IT03033420211","vat_label":"italy","zip":"39057","coord_lat":"46.41877334848753","coord_long":"11.283588735260093","price_range":"â¬â¬â¬ - â¬â¬â¬â¬","same_as":"https://www.facebook.com/Gartenhotel.Moser/,https://www.instagram.com/gartenhotel_moser_suedtirol/","rating":{"cur_value":"4,6","max_value":"5","amount":"425"}},"ehotelier":{"hotel_id":"001_GARTENHOTEL_MOSER_3703","portal_id":"0","consent_profiling":"1"},"text_plugin":{"imprint_id":"86edde41-5bd4-11eb-9021-96000009c248","privacy_id":"7ada6632-7a02-11e8-8eec-96000009c248","accessibility_id":"ce7f2884-8287-11f0-8ec5-96000009c248","text":{"imprint":"Impressum","privacy":"Datenschutz","accessibility":"Barrierefreiheit"}},"vista":{"media_limit":"8"},"usercentrics":{"id":"T4516qVc"},"google":{"api_key":"AIzaSyDaUUlhlgiJM9T3hfbKMXTujcMTetgbMvQ","gtm":{"active":"1","id":"GTM-NGH9SZD"}},"facebook":{"app_id":"293365117869602","page_id":"124097514309564"},"twitter":{"id":"291704177","user_name":"@brandnamic"},"weatherdata":{"provider":"sw","country":"it","location":"bz"},"link":{"facebook":"https://www.facebook.com/Gartenhotel.Moser/","instagram":"https://www.instagram.com/gartenhotel_moser_suedtirol/","jobs":"210","gallery":"70","weather":"71","arrival":"72","360":"","login_vip":"https://vipcard.gartenhotelmoser.com/"},"ratings":{"hc":"https://www.holidaycheck.de/hi/gartenhotel-moser/ee72270c-ce5a-3f26-9513-068a13728ff7","ta":"https://www.tripadvisor.de/Hotel_Review-g1436137-d1480338-Reviews-Gartenhotel_Moser-Appiano_sulla_Strada_del_Vino_Province_of_South_Tyrol_Trentino_Alto.html"},"backend_user_class":"T3-user--be","frontend_user_class":"T3-user--fe","bn":{"name":"Brandnamic","company_type":"GmbH","slogan":"Leading Hospitality Solutions","copyright":"Brandnamic GmbH | Leading Hospitality Solutions","mail":"[email protected]","powered_by":"powered by","link":"https://www.brandnamic.com"},"og":{"site_name":"Gartenhotel Moser","description":"Eines der schönsten Hotels nahe dem Kalterer See mit 4-Sterne-Superior-Urlaub ist das Gartenhotel Moser. Treten Sie ein!"},"meta":{"author":"Gartenhotel Moser","description":"Eines der schönsten Hotels nahe dem Kalterer See mit 4-Sterne-Superior-Urlaub ist das Gartenhotel Moser. Treten Sie ein!"},"images":{"marker":"EXT:bn_package/Resources/Public/Images/layout/MARKER_bn-maps.svg","placeholder":{"1x1":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=","2x3":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAADCAQAAAAT4xYKAAAADklEQVR42mNkAAJGOAEAAC0ABNxMS2YAAAAASUVORK5CYII=","3x2":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII=","3x4":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAECAQAAADhJE2MAAAADklEQVR42mNkAANGbBQAAGIABUN3+8IAAAAASUVORK5CYII=","4x3":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAQAAAAe/WZNAAAADklEQVR42mNkgAJGDAYAAFEABCaLYqoAAAAASUVORK5CYII=","4x5":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAFCAQAAADIpIVQAAAADklEQVR42mNkgAJGIhgAALQABsHyMOcAAAAASUVORK5CYII=","5x4":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAECAQAAADsOj3LAAAADklEQVR42mNkgANGQkwAAJoABWH6GPAAAAAASUVORK5CYII=","5x7":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAQAAABqrk9lAAAADklEQVR42mNkgANGipkAAYEACAqFE8kAAAAASUVORK5CYII=","7x5":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAQAAAAjkz5TAAAADklEQVR42mNkQAGMFHABASwABjJu474AAAAASUVORK5CYII=","16x9":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==","21x9":"data:image/png;
6978base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII="}},"pids":{"home":"1","credits":"3","imprint":"4","privacy":"5","privacy_settings":"56","accessibility":"1665","sitemap":"6","news":"64","dynforms":"63","offers":"105","rooms":"208","additionals":"209","jobs":"61","hoteldatas":"62","browser_update":"16","vista_switch":"21","request":"80","spa_request":"1668","booking":"81","voucher":"82","success_quick_request":"10","success_request":"11","success_newsletter":"12","success_newsletter_sign_off":"13","success_mail_registration":"14","success_voucher":"15","success_contact":"54","success_jobrequest":"1424","success_sparequest":"1671","category_storage":"49","no_index":"7,17","legal_menu":"1,4,5,56,1665,6"},"catIds":{"vista":"1"},"dynforms":{"colors":{"global":{"error":"#ad2d2d","valid":"#2a942a"},"contact":{"color1":"#504641","color2":"#504641","color3":"#A9BE3E","color4":"#504641","color5":"#FFFFFF","color6":"#504641","error":"#ad2d2d","valid":"#2a942a"},"newsletter":{"color1":"#FFFFFF","color2":"#FFFFFF","color3":"transparent","color4":"#294137","error":"#ad2d2d","valid":"#2a942a"},"quick_request":{"color1":"#c5c6c6","color2":"#000000","color3":"#ae173b","color4":"#294137","error":"#ad2d2d","valid":"#2a942a"},"request":{"color1":"#504641","color2":"#504641","color3":"#A9BE3E","color4":"#504641","color5":"#FFFFFF","color6":"#504641","error":"#ad2d2d","valid":"#2a942a"}}},"breakpoints":{"desktop_large":"1920","desktop_small":"1600","laptop":"1366","tablet":"1024","phablet":"767","phone":"480","phone_small":"350","desktop_large_asc":"1921","desktop_small_asc":"1601","laptop_asc":"1367","tablet_asc":"1025","phablet_asc":"768","phone_asc":"481","phone_small_asc":"351"},"mq":{"desktop_large":"(max-width: 1920px)","desktop_small":"(max-width: 1600px)","laptop":"(max-width: 1366px)","tablet":"(max-width: 1024px)","phablet":"(max-width: 767px)","phone":"(max-width: 480px)","phone_small":"(max-width: 350px)","desktop_large_asc":"(min-width: 1921px)","desktop_small_asc":"(min-width: 1601px)","laptop_asc":"(min-width: 1367px)","tablet_asc":"(min-width: 1025px)","phablet_asc":"(min-width: 768px)","phone_asc":"(min-width: 481px)","phone_small_asc":"(min-width: 351px)","landscape_desktop":"(min-width: 1025px) and (orientation: landscape)","landscape_mobile":"(max-width: 1024px) and (orientation: landscape)","portrait_tablet":"(max-width: 1024px) and (orientation: portrait)","portrait_phone":"(max-width: 767px) and (orientation: portrait)","mobile_no":"(min-width: 1025px)","mobile_yes":"(max-width: 1024px)","ranges":{"xs":"(max-width: 480px)","s-no-xs":"(max-width: 767px)","s":"(min-width: 481px) and (max-width: 767px)","m":"(min-width: 768px) and (max-width: 1024px)","l":"(min-width: 1025px) and (max-width: 1920px)","l-no-xl":"(min-width: 1025px)","xl":"(min-width: 1921px)"}},"keys":{"lightgallery":"0A0FD22B-136741D5-BFC1B432-B20E39D2"},"default":{"all":"Alle","calc_route":"Route berechnen","continue_reading":"Weiterlesen","download":"Download","more":"Mehr lesen","no_entries":"Derzeit sind keine Einträge vorhanden.","no_news":"Leider gibt es zur Zeit keine Neuigkeiten.","no_offers":"Derzeit sind keine Angebote verfügbar.","loader":"Kleinen Moment noch â der Inhalt wird geladen â¦","start_point":"Startpunkt","vat_number":{"italy":"MwSt.-Nr.","germany":"USt-IdNr.","austria":"UID-Nr."}},"weather":{"availability":"* Ab ca 11:00 Uhr verfügbar","forecast_next_days":"Vorschau auf die nächsten Tage","forecast_today":"Das Wetter heute","forecast_tomorrow":"Das Wetter morgen","general_conditions":"Allgemeine Wetterlage","no_result":"Aktuelle Wetterdaten sind erst ab 11:00 Uhr verfügbar.","service_south_tyrol":"Landeswetterdienst Südtirol","service_south_tyrol_link":"http://wetter.provinz.bz.it"},"format":{"currency":{"decimalSeparator":",","thousandsSeparator":".","sign":"â¬","positionSign":"0","separateSign":"1","useDash":"0"},"date":{"short":"d.m.","long":"d.m.Y","separator":"â"}},"price":{"from":"ab","price_on_request":"Preis auf Anfrage","per_person":"pro Person"},"rateplan_lables":{"BN_1_NULL_DV":"Tagespreis"}
6978,"custom":{"show":"Anzeigen","login_vip":"Login Moser VIP Card","mail":"Mail","request":"Anfragen","about_us":"über uns","contact":"Kontakt","greetings_from_south":"Gruà aus dem Süden","interesting":"Interessante Seiten","partner":"Partner","jobs":"Jobs","gallery":"Bildergalerie","weather":"Wetter","arrival":"Anreise","360":"360-Grad","per_person_incl_hb":"pro Person mit ¾ Pension","person":"Person","persons":"Personen","show_details":"Details anzeigen","all":"alle","minutes":"Min.","from":"Ab","booking":"Buchen","to_offers_overview":"zur Angebotsübersicht","to_rooms_overview":"zur Zimmerübersicht","to_jobs_overview":"zur Jobübersicht","other_rooms":"andere Zimmer","other_offers":"andere Angebote","apply_now":"jetzt bewerben","calculate":"Route berrechnen","departure":"Abreise","select_date":"Datum auswählen","top_offer":"Topangebot","breadcrumb":"Sie befinden sich hier","period":"Saisonszeit","show_pricelist":"Preistabelle anzeigen","rate_lats_minute":"Pro Person und Nacht mit","hours":"Stunden","hour":"Stund","job_form":"Initiativbewerbung","voucher":"Gutscheine","renovation":"Umbau","signet":"Signet Gartenhotel Moser","logo":"Logo Gartenhotel Moser","custom_halfboard":"3/4 Pension"}} 6979})(window); 6980 </script>
vendor: 1 bytes, line 6980
6980
6981<script id="custom-js-inline-script"> 6982 /* SCROLL RESTORATION - always start on top of the page */ 6983 if ('scrollRestoration' in history) { 6984 history.scrollRestoration = 'manual'; 6985 } 6986 </script>
vendor: 1 bytes, line 6986
6986
6987<script id="referrer-js" defer="defer"> 6988 (function(){"use strict";/*! typescript-cookie v1.0.4 | MIT */const b=e=>encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape),k=e=>encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent),l=decodeURIComponent,f=e=>(e[0]==='"'&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent));function j(e){return e=Object.assign({},e),typeof e.expires=="number"&&(e.expires=new Date(Date.now()+e.expires*864e5)),e.expires!=null&&(e.expires=e.expires.toUTCString()),Object.entries(e).filter(([t,n])=>n!=null&&n!==!1).map(([t,n])=>n===!0?`; ${t}`:`; ${t}=${n.split(";")[0]}`).join("")}function $(e,t,n){const c=/(?:^|; )([^=]*)=([^;]*)/g,a={};let i;for(;(i=c.exec(document.cookie))!=null;)try{const s=n(i[1]);if(a[s]=t(i[2],s),e===s)break}catch{}return e!=null?a[e]:a}const _=Object.freeze({decodeName:l,decodeValue:f,encodeName:b,encodeValue:k}),g=Object.freeze({path:"/"});function u(e,t,n=g,{encodeValue:c=k,encodeName:a=b}={}){return document.cookie=`${a(e)}=${c(t,e)}${j(n)}`}function m(e,{decodeValue:t=f,decodeName:n=l}={}){return $(e,t,n)}function N({decodeValue:e=f,decodeName:t=l}={}){return $(void 0,e,t)}function E(e,t=g){u(e,"",Object.assign({},t,{expires:-1}))}function p(e,t){const n={set:function(a,i,s){return u(a,i,Object.assign({},this.attributes,s),{encodeValue:this.converter.write})},get:function(a){if(arguments.length===0)return N(this.converter.read);if(a!=null)return m(a,this.converter.read)},remove:function(a,i){E(a,Object.assign({},this.attributes,i))},withAttributes:function(a){return p(this.converter,Object.assign({},this.attributes,a))},withConverter:function(a){return p(Object.assign({},this.converter,a),this.attributes)}},c={attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}};return Object.create(n,c)}p({read:_.decodeValue,write:_.encodeValue},g);let r={medium:"INTERNET",partner:"(none) - (direct)",promotion:"(direct)"};const I=(e="",t="",n=!0)=>{let c={medium:"INTERNET",partner:"(none) - (direct)",promotion:"(direct)"},a=null,i=null;return e=A(e),t=A(t),h(e)?a=new URL(e):new URL(window.location.href),h(t)?i=new URL(t):i=h(document.referrer)?new URL(document.referrer):null,i!==null&&x(i)&&(c=x(i)),i!==null&&U(i)&&(c=U(i)),a!==null&&d(a)&&(c=d(a)),a!==null&&P(a)&&(c=P(a)),a!==null&&C(a)&&(c=C(a)),a!==null&&O(a)&&(c=O(a)),a!==null&&R(a)&&(c=R(a)),a!==null&&n&&d(a)&&(c=d(a)),c},d=e=>{let t,n,c="(not provided)";return o(e,"utm_source")&&o(e,"utm_medium")?(t=e.searchParams.get("utm_source"),n=e.searchParams.get("utm_medium"),(o(e,"utm_campaign")||o(e,"utm_id"))&&(c=o(e,"utm_campaign")?e.searchParams.get("utm_campaign"):e.searchParams.get("utm_id")),r.partner=`${t}`,r.promotion=`${n} - ${c}`,r):!1},C=e=>{let t="",n;return o(e,"gclid")||o(e,"wbraid")||o(e,"gbraid")?(r.partner="google (paid)",o(e,"campaign")?(n=e.searchParams.get("campaign"),r.partner=`${r.partner} - ${n}`):o(e,"utm_campaign")&&(n=e.searchParams.get("utm_campaign"),r.partner=`${r.partner} - ${n}`),o(e,"wbraid")&&(t=e.searchParams.get("wbraid")),o(e,"gbraid")&&(t=e.searchParams.get("gbraid")),o(e,"gclid")&&(t=e.searchParams.get("gclid")),r.promotion=`${t}`,r):!1},P=e=>{let t,n;return o(e,"msclkid")?(r.partner="microsoft (paid)",o(e,"campaign")?(n=e.searchParams.get("campaign"),r.partner=`${r.partner} - ${n}`):o(e,"utm_campaign")&&(n=e.searchParams.get("utm_campaign"),r.partner=`${r.partner} - ${n}`),t=e.searchParams.get("msclkid"),r.promotion=`${t}`,r):!1},O=e=>{let t,n;return o(e,"fbclid")?(o(e,"utm_medium")?(n=e.searchParams.get("utm_medium"),r.partner=`facebook (paid) - ${n}`):r.partner="facebook (paid)",t=e.searchParams.get("fbclid"),r.promotion=`${t}`,r):!1},R=e=>o(e,"oppref")?(r.partner="chatgpt (paid)",o(e,"campaign")?r.partner=`${r.partner} - ${e.searchParams.get("campaign")}`:o(e,"utm_campaign")&&(r.partner=`${r.partner} - ${e.searchParams.get("utm_campaign")}`),r.promotion=`${e.searchParams.get("oppref")}`,r):!1,U=e=>e.hostname.indexOf("google")>-1?(r.partner="google (organic)",r.promotion="(not provided)",r):e.hostname.indexOf("bing")>-1?(r.partner="bing (organic)",r.promotion="(not provided)",r):e.hostname.indexOf("ecosia")>-1?(r.partner="ecosia (organic)",r.promotion="(not provided)",r):e.hostname.indexOf("duckduckgo")>-1?(r.partner="duckduckgo (organic)",r.promotion="(not provided)",r):e.hostname.indexOf("facebook")>-1?(r.partner="facebook (organic)",r.promotion="(not provided)",r):e.hostname.indexOf("instagram")>-1?(r.partner="instagram (organic)",r.promotion="(not provided)",r):e.hostname.indexOf("chatgpt")>-1?(r.partner="chatgpt (organic)",r.promotion="(not provided)",r):!1,x=e=>{if(e!==null&&e.hostname!==""){let t="";if(typeof window<"u"&&typeof window.location<"u"&&(t=window.location.hostname),e.hostname!==t)return r.partner=e.hostname,r.promotion="(not provided)",r}return!1},h=e=>{let t;try{t=new URL(e)}catch{return!1}return t.protocol==="http:"||t.protocol==="https:"},o=(e,t)=>e.searchParams.has(t)&&e.searchParams.get(t).length>0,A=e=>typeof e=="string"?decodeURIComponent(e.replace(/\+/g," ")):e,D=["gclid","wbraid","gbraid","msclkid","fbclid","ttclid","oppref"],V=["utm_source","utm_campaign","utm_id"],v=(e,t)=>
6988e.searchParams.has(t)&&e.searchParams.get(t).length>0,L=e=>D.some(t=>v(e,t)),T=e=>V.some(t=>v(e,t)),w=e=>e.split(".").slice(-2).join("."),B=(e,t)=>{if(!t)return!1;try{return w(new URL(t).hostname)!==w(e.hostname)}catch{return!1}},F=(e,t,n)=>n===void 0||n===""||L(e)?!0:T(e)&&B(e,t);(()=>{const e=new URL(window.location.href);if(F(e,document.referrer,m("t3pentry"))){const t=w(e.hostname),n={path:"/",domain:`.${t}`};u("t3pref",document.referrer,n),u("t3pentry",e.href,n)}window.BN=window.BN||{},window.BN.getMarketingSources=(t=(c=>(c=m("t3pentry"))!=null?c:"")(),n=(a=>(a=m("t3pref"))!=null?a:"")())=>I(t,n)})()})(); 6989 6990 </script>
6990 6991 6992
6993<script id="barrier-free-website-plugin-js" defer="defer" src="https://cdn.bnamic.com/bn-barrier-free-website-plugin/loader.js"></script>
vendor: 1 bytes, line 6993
6993
6994<script async="async" src="/typo3temp/assets/js/7f6f4007061a3385249e7e32f51dfafe.js?1750237221"></script>
vendor: 1 bytes, line 6994
6994
6995<script defer="defer" data-asset-id="Modules/Text" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--modules--text.js?1785141583"></script>
vendor: 1 bytes, line 6995
6995
6996<script defer="defer" data-asset-id="Modules/Voucher" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--modules--voucher.js?1785141583"></script>
vendor: 1 bytes, line 6996
6996
6997<script defer="defer" data-asset-id="Sections/Footer" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--sections--footer.js?1785141583"></script>
vendor: 1 bytes, line 6997
6997
6998<script defer="defer" data-asset-id="JavaScript/dynform" src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/JavaScript/entry--javascript--dynform.js?1785141583"></script>
6998 6999</head> 7000<body 7001 id="T3-pid--82" 7002 class="T3-gtm--on" 7003 data-page-id="82" 7004 data-lang="de" 7005 data-lang-id="0" 7006 data-eh-hid="001_GARTENHOTEL_MOSER_3703" 7007 data-eh-pid="0" 7008 data-hero-layout="none" 7009 data-vista-current-category="summer" 7010> 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 7022 7023 7024 7025 7026 7027 7028 7029 7030 7031 7032 7033 7034 7035 7036 7037 7038 7039 7040 7041 7042 7043 <div id="branDNAmic" class="branDNAmic"> 7044 7045 7046 7047 7048 7049 7050 7051 7052 7053 7054 7055 7056 7057<div class="DNA-scroller"> 7058 <div class="DNA-scroller__bar JS-scroller"></div> 7059</div> 7060 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 7078 7079 7080 7081<header id="DNA-section--Header" class="DNA-section" data-id="Header" data-menu-open="0" data-scrolling="0" data-hero-layout="none"> 7082 <div class="DNA-section__wrap"> 7083 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100<div class="DNA-section__lang-menu "> 7101 7102 <div class="DNA-section__lang-menu__wrap" data-recolored="0"> 7103 7104 7105 7106 <div class="DNA-section__lang-menu__trigger"> 7107 <span class="DNA-section__lang-menu__text"> 7108 DE 7109 </span> 7110 <i class="DNA-icon DNA-icon--arrow-down"></i> 7111 </div> 7112 7113 7114 7115 7116 7117 7118 7119 7120 7121 7122 7123 <div class="DNA-section__lang-menu__slide"> 7124 7125 7126 7127 7128 7129 7130 7131 <div class="DNA-section__lang-menu__item DNA-section__lang-menu__item--it"> 7132 <a 7133 class="DNA-section__lang-menu__text DNA-section__lang-menu__text--linked GTM--click-event" 7134 data-gtm-action="header lang menu" 7135 data-gtm-category="click header" 7136 data-gtm-label="it" 7137 href="/it/soggiornare/buoni-regalo" 7138 title="Italiano" 7139 > 7140 <span>IT</span> 7141 </a> 7142 </div> 7143 7144 7145 7146 7147 7148 <div class="DNA-section__lang-menu__item DNA-section__lang-menu__item--en"> 7149 <a 7150 class="DNA-section__lang-menu__text DNA-section__lang-menu__text--linked GTM--click-event" 7151 data-gtm-action="header lang menu" 7152 data-gtm-category="click header" 7153 data-gtm-label="en" 7154 href="/en/accommodation/vouchers" 7155 title="English" 7156 > 7157 <span>EN</span> 7158 </a> 7159 </div> 7160 7161 7162 7163 </div> 7164 </div> 7165 7166</div> 7167 7168 7169 7170 7171 <div class="DNA-section__burger-menu JS-toggle-menu" data-active="0"> 7172 <i class="DNA-icon DNA-icon--burger-menu"></i> 7173 <i class="DNA-icon DNA-icon--close"></i> 7174 </div> 7175 7176 <div class="DNA-section__short-links"> 7177 <a href="/unterkunft/anfragen" target="_top" title="Anfragen" class="DNA-section__short-links__item"> 7178 <i class="DNA-icon DNA-icon--calendar"></i> 7179 </a> 7180 <a class="DNA-section__short-links__item JS-item GTM--click-to-mail" title="Mail" href="#" data-mailto-token="jxfiql7fkclXdxoqbkelqbijlpbo+zlj" data-mailto-vector="-3"> 7181 <i class="DNA-icon DNA-icon--envelope"></i> 7182 </a>
7183 <a class="DNA-section__short-links__item GTM--click-to-call JS-item" title="+39 0471 662095" href="tel:00390471662095"> 7184 <i class="DNA-icon DNA-icon--phone"></i> 7185 </a> 7186 <a class="DNA-section__short-links__item GTM--click-to-whatsapp JS-item" title="+39 0471 662095" href="https://wa.me/+393391913311"> 7187 <i class="DNA-icon DNA-icon--whatsapp"></i> 7188 </a> 7189 <a href="/unterkunft/gutscheine" target="_top" title="Gutscheine" class="DNA-section__short-links__item"> 7190 <i class="DNA-icon DNA-icon--voucher"></i> 7191 </a> 7192 <a href="/hotel-eppan/umbau" target="_top" title="Umbau" class="DNA-section__short-links__item DNA-section__short-links__item--new"> 7193 <i class="DNA-icon DNA-icon--new"></i> 7194 </a> 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 <div class="DNA-section__request"> 7212 <a href="/unterkunft/anfragen" target="_top" title="Anfragen" class="DNA-section__request__wrap DNA-button"> 7213 7214 7215 7216 7217 <span>Anfragen</span> 7218 7219 7220 7221 7222 </a> 7223 </div> 7224 7225 7226 7227 7228 7229 7230 7231 7232 </div> 7233 </div> 7234 7235 <div class="DNA-section__menu-bg"> 7236 7237 7238 7239 7240 7241 7242 7243 7244<picture><source 7245 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 7246 data-srcset="/fileadmin/_processed_/0/0/csm_06_DJI_20240509102611_0016_D_c_bearbeitet_18d1bd8fbc.jpg" 7247 media="(max-width: 767px)" 7248 /><source 7249 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 7250 data-srcset="/fileadmin/_processed_/0/0/csm_06_DJI_20240509102611_0016_D_c_bearbeitet_18d1bd8fbc.jpg" 7251 media="(max-width: 1024px)" 7252 /><img 7253 src="/fileadmin/_processed_/0/0/csm_06_DJI_20240509102611_0016_D_c_bearbeitet_9257b07c59.jpg" 7254 data-srcset="/fileadmin/_processed_/0/0/csm_06_DJI_20240509102611_0016_D_c_bearbeitet_92ece5f34a.jpg" 7255 data-sizes="auto" 7256 class="DNA-image DNA-image--lazyload lazyload " 7257 title="Weinhotels zum Verlieben: Gutscheine" 7258 alt="Luftaufnahme eines Hotels neben Weinbergen und Wäldern mit einem See im Hintergrund" 7259 data-copyright="" 7260 /></picture> 7261 7262 7263 7264 7265 7266 7267 7268 7269 7270 7271 7272 </div> 7273 7274 7275 7276 7277 7278 7279 7280 7281 7282 7283 7284 7285 7286 7287 7288 7289 7290 7291 7292 7293 <div class="DNA-section__main-menu JS-main-menu" data-pointer-events="0"> 7294 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--0"> 7295 7296 7297 7298 7299 7300 7301 7302 7303 7304 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0 DNA-section__main-menu__item--first" data-open-sub="0"> 7305 7306 7307 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 7308 <i class="DNA-icon DNA-icon--arrow-down"></i> 7309 </div> 7310 7311 7312 7313 7314 <a href="/hotel-eppan" 7315 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 7316 target="_top" 7317 title="Das Gartenhotel" 7318 > 7319 <span>Das Gartenhotel</span> 7320 7321 <span></span> 7322 7323 </a> 7324 7325 7326 7327 <div class="DNA-section__main-menu__sub"> 7328 7329 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 7330 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 7341 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 7342 7343 7344 <a href="/hotel-eppan/umbau" 7345 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7346 target="_top" 7347 title="NEWS" 7348 >
7349 <span>NEWS</span> 7350 7351 <div class="DNA-section__main-menu__active-label"> 7352 <span>NEW</span> 7353 </div> 7354 7355 </a> 7356 7357 7358 7359 </li> 7360 7361 7362 7363 7364 7365 7366 7367 7368 7369 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7370 7371 7372 <a href="/philosophie" 7373 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7374 target="_top" 7375 title="Philosophie" 7376 > 7377 <span>Philosophie</span> 7378 7379 </a> 7380 7381 7382 7383 </li> 7384 7385 7386 7387 7388 7389 7390 7391 7392 7393 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7394 7395 7396 <a href="/hotel-adults-only" 7397 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7398 target="_top" 7399 title="Adults only" 7400 > 7401 <span>Adults only</span> 7402 7403 </a> 7404 7405 7406 7407 </li> 7408 7409 7410 7411 7412 7413 7414 7415 7416 7417 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7418 7419 7420 <a href="/familienhotel-suedtirol" 7421 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7422 target="_top" 7423 title="Familienurlaub" 7424 > 7425 <span>Familienurlaub</span> 7426 7427 </a> 7428 7429 7430 7431 </li> 7432 7433 7434 7435 7436 7437 7438 7439 7440 7441 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7442 7443 7444 <a href="/nachhaltigkeit" 7445 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7446 target="_top" 7447 title="NaturaPura & Nachhaltigkeit" 7448 > 7449 <span>NaturaPura & Nachhaltigkeit</span> 7450 7451 </a> 7452 7453 7454 7455 </li> 7456 7457 7458 7459 7460 7461 7462 7463 7464 7465 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7466 7467 7468 <a href="/impressionen" 7469 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7470 target="_top" 7471 title="Impressionen" 7472 > 7473 <span>Impressionen</span> 7474 7475 </a> 7476 7477 7478 7479 </li> 7480 7481 7482 7483 7484 7485 7486 7487 7488 7489 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7490 7491 7492 <a href="/wetter-eppan" 7493 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7494 target="_top" 7495 title="Wetter im Süden" 7496 > 7497 <span>Wetter im Süden</span> 7498 7499 </a> 7500 7501 7502 7503 </li> 7504 7505 7506 7507 7508 7509 7510 7511 7512 7513 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7514 7515 7516 <a href="/lage-anreise" 7517 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7518 target="_top" 7519 title="Gute Fahrt" 7520 >
7521 <span>Gute Fahrt</span> 7522 7523 </a> 7524 7525 7526 7527 </li> 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7538 7539 7540 <a href="/freunde" 7541 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7542 target="_top" 7543 title="Friends" 7544 > 7545 <span>Friends</span> 7546 7547 </a> 7548 7549 7550 7551 </li> 7552 7553 7554 7555 7556 7557 7558 7559 7560 7561 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7562 7563 7564 <a href="/downloads" 7565 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7566 target="_top" 7567 title="Downloads" 7568 > 7569 <span>Downloads</span> 7570 7571 </a> 7572 7573 7574 7575 </li> 7576 7577 7578 7579 7580 7581 7582 7583 7584 7585 7586 7587 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 7588 7589 7590 <a href="/jobs" 7591 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7592 target="_top" 7593 title="Jobs" 7594 > 7595 <span>Jobs</span> 7596 7597 </a> 7598 7599 7600 7601 </li> 7602 7603 </ul> 7604 7605 </div> 7606 7607 7608 </li> 7609 7610 7611 7612 7613 7614 7615 7616 7617 7618 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0 DNA-section__main-menu__item--act" data-open-sub="0"> 7619 7620 7621 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 7622 <i class="DNA-icon DNA-icon--arrow-down"></i> 7623 </div> 7624 7625 7626 7627 7628 <a href="/unterkunft" 7629 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 7630 target="_top" 7631 title="Ruhe" 7632 > 7633 <span>Zimmer & Preise</span> 7634 7635 <span>Ruhe</span> 7636 7637 </a> 7638 7639 7640 7641 <div class="DNA-section__main-menu__sub"> 7642 7643 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 7644 7645 7646 7647 7648 7649 7650 7651 7652 7653 7654 7655 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 7656 7657 7658 <a href="/unterkunft/zimmer-suiten" 7659 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7660 target="_top" 7661 title="Zimmer & Suiten" 7662 > 7663 <span>Zimmer & Suiten</span> 7664 7665 </a> 7666 7667 7668 7669 </li> 7670 7671 7672 7673 7674 7675 7676 7677 7678 7679 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7680 7681 7682 <a href="/unterkunft/angebote" 7683 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7684 target="_top" 7685 title="Angebote" 7686 >
7687 <span>Angebote</span> 7688 7689 </a> 7690 7691 7692 7693 </li> 7694 7695 7696 7697 7698 7699 7700 7701 7702 7703 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7704 7705 7706 <a href="/unterkunft/inklusivleistungen" 7707 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7708 target="_top" 7709 title="Inklusivleistungen" 7710 > 7711 <span>Inklusivleistungen</span> 7712 7713 </a> 7714 7715 7716 7717 </li> 7718 7719 7720 7721 7722 7723 7724 7725 7726 7727 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7728 7729 7730 <a href="/unterkunft/restplatzboerse" 7731 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7732 target="_top" 7733 title="Restplatzbörse" 7734 > 7735 <span>Restplatzbörse</span> 7736 7737 </a> 7738 7739 7740 7741 </li> 7742 7743 7744 7745 7746 7747 7748 7749 7750 7751 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7752 7753 7754 <a href="/unterkunft/anfragen" 7755 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7756 target="_top" 7757 title="Anfragen" 7758 > 7759 <span>Anfragen</span> 7760 7761 </a> 7762 7763 7764 7765 </li> 7766 7767 7768 7769 7770 7771 7772 7773 7774 7775 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7776 7777 7778 <a href="/unterkunft/buchen" 7779 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7780 target="_top" 7781 title="Buchen" 7782 > 7783 <span>Buchen</span> 7784 7785 </a> 7786 7787 7788 7789 </li> 7790 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 7801 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--cur DNA-section__main-menu__item--no-children"> 7802 7803 7804 <a href="/unterkunft/gutscheine" 7805 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7806 target="_top" 7807 title="Gutscheine" 7808 > 7809 <span>Gutscheine</span> 7810 7811 </a> 7812 7813 7814 7815 </li> 7816 7817 7818 7819 7820 7821 7822 7823 7824 7825 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7826 7827 7828 <a href="/unterkunft/wissenswertes" 7829 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7830 target="_top" 7831 title="Wissenswertes" 7832 > 7833 <span>Wissenswertes</span> 7834 7835 </a> 7836 7837 7838 7839 </li> 7840 7841 7842 7843 7844 7845 7846 7847 7848 7849 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7850 7851 7852 <a href="/unterkunft/reise-storno-schutz" 7853 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7854 target="_top" 7855 title="Storno & Reiseschutz" 7856 >
7857 <span>Storno & Reiseschutz</span> 7858 7859 </a> 7860 7861 7862 7863 </li> 7864 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 7876 7877 7878 <a href="/unterkunft/europaeische-reiseversicherung" 7879 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7880 target="_top" 7881 title="Europäische Reiseversicherung" 7882 > 7883 <span>Europäische Reiseversicherung</span> 7884 7885 </a> 7886 7887 7888 7889 </li> 7890 7891 </ul> 7892 7893 </div> 7894 7895 7896 </li> 7897 7898 7899 7900 7901 7902 7903 7904 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0" data-open-sub="0"> 7905 7906 7907 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 7908 <i class="DNA-icon DNA-icon--arrow-down"></i> 7909 </div> 7910 7911 7912 7913 7914 <a href="/wellnesshotel-suedtirol" 7915 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 7916 target="_top" 7917 title="Wasser" 7918 > 7919 <span>Wellness & See</span> 7920 7921 <span>Wasser</span> 7922 7923 </a> 7924 7925 7926 7927 <div class="DNA-section__main-menu__sub"> 7928 7929 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 7930 7931 7932 7933 7934 7935 7936 7937 7938 7939 7940 7941 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 7942 7943 7944 <a href="/saunawelt" 7945 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7946 target="_top" 7947 title="Saunawelt" 7948 > 7949 <span>Saunawelt</span> 7950 7951 </a> 7952 7953 7954 7955 </li> 7956 7957 7958 7959 7960 7961 7962 7963 7964 7965 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7966 7967 7968 <a href="/hotel-pool-am-see" 7969 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7970 target="_top" 7971 title="Wasserwelt" 7972 > 7973 <span>Wasserwelt</span> 7974 7975 </a> 7976 7977 7978 7979 </li> 7980 7981 7982 7983 7984 7985 7986 7987 7988 7989 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 7990 7991 7992 <a href="/wellnesshotel-suedtirol/beauty-spa" 7993 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 7994 target="_top" 7995 title="Beauty & Spa" 7996 > 7997 <span>Beauty & Spa</span> 7998 7999 </a> 8000 8001 8002 8003 </li> 8004 8005 8006 8007 8008 8009 8010 8011 8012 8013 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8014 8015 8016 <a href="/day-spa-suedtirol" 8017 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8018 target="_top" 8019 title="Day Spa" 8020 >
8021 <span>Day Spa</span> 8022 8023 </a> 8024 8025 8026 8027 </li> 8028 8029 8030 8031 8032 8033 8034 8035 8036 8037 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8038 8039 8040 <a href="/montiggler-see" 8041 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8042 target="_top" 8043 title="Relax am See" 8044 > 8045 <span>Relax am See</span> 8046 8047 </a> 8048 8049 8050 8051 </li> 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 8064 8065 8066 <a href="/yoga-hotel-suedtirol" 8067 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8068 target="_top" 8069 title="Yoga & Meditiation" 8070 > 8071 <span>Yoga & Meditiation</span> 8072 8073 </a> 8074 8075 8076 8077 </li> 8078 8079 </ul> 8080 8081 </div> 8082 8083 8084 <div class="DNA-section__main-menu__bg-icon DNA-section__main-menu__bg-icon--DNA-icon--water-large"> 8085 <i class="DNA-icon DNA-icon--water-large"></i> 8086 </div> 8087 8088 </li> 8089 8090 8091 8092 8093 8094 8095 8096 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0" data-open-sub="0"> 8097 8098 8099 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 8100 <i class="DNA-icon DNA-icon--arrow-down"></i> 8101 </div> 8102 8103 8104 8105 8106 <a href="/genuss-erholung" 8107 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 8108 target="_top" 8109 title="Garten" 8110 > 8111 <span>Genuss & Erholung</span> 8112 8113 <span>Garten</span> 8114 8115 </a> 8116 8117 8118 8119 <div class="DNA-section__main-menu__sub"> 8120 8121 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 8122 8123 8124 8125 8126 8127 8128 8129 8130 8131 8132 8133 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 8134 8135 8136 <a href="/genuss-erholung/genuss" 8137 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8138 target="_top" 8139 title="Für kleine und anspruchsvolle GenieÃer" 8140 > 8141 <span>Für kleine und anspruchsvolle GenieÃer</span> 8142 8143 </a> 8144 8145 8146 8147 </li> 8148 8149 8150 8151 8152 8153 8154 8155 8156 8157 8158 8159 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 8160 8161 8162 <a href="/genuss-erholung/regionaler-genuss" 8163 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8164 target="_top" 8165 title="Köstlich regional" 8166 >
8167 <span>Köstlich regional</span> 8168 8169 </a> 8170 8171 8172 8173 </li> 8174 8175 </ul> 8176 8177 </div> 8178 8179 8180 <div class="DNA-section__main-menu__bg-icon DNA-section__main-menu__bg-icon--DNA-icon--garden"> 8181 <i class="DNA-icon DNA-icon--garden"></i> 8182 </div> 8183 8184 </li> 8185 8186 8187 8188 8189 8190 8191 8192 8193 8194 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0 DNA-section__main-menu__item--last" data-open-sub="0"> 8195 8196 8197 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 8198 <i class="DNA-icon DNA-icon--arrow-down"></i> 8199 </div> 8200 8201 8202 8203 8204 <a href="/sporthotel-suedtirol" 8205 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 8206 target="_top" 8207 title="Wald" 8208 > 8209 <span>Erlebnis & Aktiv</span> 8210 8211 <span>Wald</span> 8212 8213 </a> 8214 8215 8216 8217 <div class="DNA-section__main-menu__sub"> 8218 8219 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 8220 8221 8222 8223 8224 8225 8226 8227 8228 8229 8230 8231 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 8232 8233 8234 <a href="/sporthotel-suedtirol/wandern" 8235 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8236 target="_top" 8237 title="Berg & Tal" 8238 > 8239 <span>Berg & Tal</span> 8240 8241 </a> 8242 8243 8244 8245 </li> 8246 8247 8248 8249 8250 8251 8252 8253 8254 8255 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8256 8257 8258 <a href="/sporthotel-suedtirol/bike-touren" 8259 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8260 target="_top" 8261 title="Bike & Mobility" 8262 > 8263 <span>Bike & Mobility</span> 8264 8265 </a> 8266 8267 8268 8269 </li> 8270 8271 8272 8273 8274 8275 8276 8277 8278 8279 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8280 8281 8282 <a href="/sporthotel-suedtirol/cabrio-vespa" 8283 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8284 target="_top" 8285 title="Cabrio & Vespa" 8286 > 8287 <span>Cabrio & Vespa</span> 8288 8289 </a> 8290 8291 8292 8293 </li> 8294 8295 8296 8297 8298 8299 8300 8301 8302 8303 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8304 8305 8306 <a href="/sporthotel-suedtirol/fitness" 8307 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8308 target="_top" 8309 title="Spiel & Fitness" 8310 >
8311 <span>Spiel & Fitness</span> 8312 8313 </a> 8314 8315 8316 8317 </li> 8318 8319 8320 8321 8322 8323 8324 8325 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1"> 8326 8327 8328 <a href="/familienurlaub-suedtirol" 8329 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8330 target="_top" 8331 title="Familienzeit" 8332 > 8333 <span>Familienzeit</span> 8334 8335 </a> 8336 8337 8338 8339 8340 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--2"> 8341 8342 8343 8344 8345 8346 8347 8348 8349 8350 8351 8352 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-2 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 8353 8354 8355 <a href="/familienurlaub-suedtirol/unterhaltung-kids" 8356 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-2 " 8357 target="_top" 8358 title="Kids & Teens" 8359 > 8360 <span>Kids & Teens</span> 8361 8362 </a> 8363 8364 8365 8366 </li> 8367 8368 8369 8370 8371 8372 8373 8374 8375 8376 8377 8378 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-2 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 8379 8380 8381 <a href="/familienurlaub-suedtirol/spass-action" 8382 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-2 " 8383 target="_top" 8384 title="Spaà & Action" 8385 > 8386 <span>Spaà & Action</span> 8387 8388 </a> 8389 8390 8391 8392 </li> 8393 8394 </ul> 8395 8396 8397 </li> 8398 8399 8400 8401 8402 8403 8404 8405 8406 8407 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8408 8409 8410 <a href="/kultur-suedtirol" 8411 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8412 target="_top" 8413 title="Kultur im Süden" 8414 > 8415 <span>Kultur im Süden</span> 8416 8417 </a> 8418 8419 8420 8421 </li> 8422 8423 8424 8425 8426 8427 8428 8429 8430 8431 8432 8433 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 8434 8435 8436 <a href="/sehenswuerdigkeiten" 8437 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8438 target="_top" 8439 title="Sehenswertes" 8440 > 8441 <span>Sehenswertes</span> 8442 8443 </a> 8444 8445 8446 8447 </li> 8448 8449 </ul> 8450 8451 </div> 8452 8453 8454 <div class="DNA-section__main-menu__bg-icon DNA-section__main-menu__bg-icon--DNA-icon--trees"> 8455 <i class="DNA-icon DNA-icon--trees"></i> 8456 </div> 8457 8458 </li> 8459 8460 </ul> 8461 </div> 8462 8463 8464 8465 8466 8467 8468 8469 8470 8471 8472 <div class="DNA-section__menu-mobile"> 8473 8474 8475 8476 8477 8478 8479 8480 8481 8482 8483 8484 8485 8486 8487 8488 8489 8490 8491 8492 <div class="DNA-section__main-menu JS-main-menu" data-pointer-events="0"> 8493 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--0"> 8494 8495 8496 8497 8498 8499 8500 8501 8502 8503 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0 DNA-section__main-menu__item--first" data-open-sub="0"> 8504 8505 8506 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 8507 <i class="DNA-icon DNA-icon--arrow-down"></i> 8508 </div> 8509 8510 8511 8512 8513 <a href="/hotel-eppan" 8514 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 8515 target="_top" 8516 title="Das Gartenhotel" 8517 >
8518 <span>Das Gartenhotel</span> 8519 8520 <span></span> 8521 8522 </a> 8523 8524 8525 8526 <div class="DNA-section__main-menu__sub"> 8527 8528 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 8529 8530 8531 8532 8533 8534 8535 8536 8537 8538 8539 8540 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 8541 8542 8543 <a href="/hotel-eppan/umbau" 8544 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8545 target="_top" 8546 title="NEWS" 8547 > 8548 <span>NEWS</span> 8549 8550 <div class="DNA-section__main-menu__active-label"> 8551 <span>NEW</span> 8552 </div> 8553 8554 </a> 8555 8556 8557 8558 </li> 8559 8560 8561 8562 8563 8564 8565 8566 8567 8568 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8569 8570 8571 <a href="/philosophie" 8572 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8573 target="_top" 8574 title="Philosophie" 8575 > 8576 <span>Philosophie</span> 8577 8578 </a> 8579 8580 8581 8582 </li> 8583 8584 8585 8586 8587 8588 8589 8590 8591 8592 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8593 8594 8595 <a href="/hotel-adults-only" 8596 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8597 target="_top" 8598 title="Adults only" 8599 > 8600 <span>Adults only</span> 8601 8602 </a> 8603 8604 8605 8606 </li> 8607 8608 8609 8610 8611 8612 8613 8614 8615 8616 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8617 8618 8619 <a href="/familienhotel-suedtirol" 8620 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8621 target="_top" 8622 title="Familienurlaub" 8623 > 8624 <span>Familienurlaub</span> 8625 8626 </a> 8627 8628 8629 8630 </li> 8631 8632 8633 8634 8635 8636 8637 8638 8639 8640 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8641 8642 8643 <a href="/nachhaltigkeit" 8644 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8645 target="_top" 8646 title="NaturaPura & Nachhaltigkeit" 8647 > 8648 <span>NaturaPura & Nachhaltigkeit</span> 8649 8650 </a> 8651 8652 8653 8654 </li> 8655 8656 8657 8658 8659 8660 8661 8662 8663 8664 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8665 8666 8667 <a href="/impressionen" 8668 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8669 target="_top" 8670 title="Impressionen" 8671 >
8672 <span>Impressionen</span> 8673 8674 </a> 8675 8676 8677 8678 </li> 8679 8680 8681 8682 8683 8684 8685 8686 8687 8688 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8689 8690 8691 <a href="/wetter-eppan" 8692 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8693 target="_top" 8694 title="Wetter im Süden" 8695 > 8696 <span>Wetter im Süden</span> 8697 8698 </a> 8699 8700 8701 8702 </li> 8703 8704 8705 8706 8707 8708 8709 8710 8711 8712 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8713 8714 8715 <a href="/lage-anreise" 8716 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8717 target="_top" 8718 title="Gute Fahrt" 8719 > 8720 <span>Gute Fahrt</span> 8721 8722 </a> 8723 8724 8725 8726 </li> 8727 8728 8729 8730 8731 8732 8733 8734 8735 8736 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8737 8738 8739 <a href="/freunde" 8740 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8741 target="_top" 8742 title="Friends" 8743 > 8744 <span>Friends</span> 8745 8746 </a> 8747 8748 8749 8750 </li> 8751 8752 8753 8754 8755 8756 8757 8758 8759 8760 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8761 8762 8763 <a href="/downloads" 8764 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8765 target="_top" 8766 title="Downloads" 8767 > 8768 <span>Downloads</span> 8769 8770 </a> 8771 8772 8773 8774 </li> 8775 8776 8777 8778 8779 8780 8781 8782 8783 8784 8785 8786 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 8787 8788 8789 <a href="/jobs" 8790 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8791 target="_top" 8792 title="Jobs" 8793 > 8794 <span>Jobs</span> 8795 8796 </a> 8797 8798 8799 8800 </li> 8801 8802 </ul> 8803 8804 </div> 8805 8806 8807 </li> 8808 8809 8810 8811 8812 8813 8814 8815 8816 8817 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0 DNA-section__main-menu__item--act" data-open-sub="0"> 8818 8819 8820 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 8821 <i class="DNA-icon DNA-icon--arrow-down"></i> 8822 </div> 8823 8824 8825 8826 8827 <a href="/unterkunft" 8828 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 8829 target="_top" 8830 title="Ruhe" 8831 >
8832 <span>Zimmer & Preise</span> 8833 8834 <span>Ruhe</span> 8835 8836 </a> 8837 8838 8839 8840 <div class="DNA-section__main-menu__sub"> 8841 8842 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 8843 8844 8845 8846 8847 8848 8849 8850 8851 8852 8853 8854 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 8855 8856 8857 <a href="/unterkunft/zimmer-suiten" 8858 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8859 target="_top" 8860 title="Zimmer & Suiten" 8861 > 8862 <span>Zimmer & Suiten</span> 8863 8864 </a> 8865 8866 8867 8868 </li> 8869 8870 8871 8872 8873 8874 8875 8876 8877 8878 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8879 8880 8881 <a href="/unterkunft/angebote" 8882 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8883 target="_top" 8884 title="Angebote" 8885 > 8886 <span>Angebote</span> 8887 8888 </a> 8889 8890 8891 8892 </li> 8893 8894 8895 8896 8897 8898 8899 8900 8901 8902 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8903 8904 8905 <a href="/unterkunft/inklusivleistungen" 8906 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8907 target="_top" 8908 title="Inklusivleistungen" 8909 > 8910 <span>Inklusivleistungen</span> 8911 8912 </a> 8913 8914 8915 8916 </li> 8917 8918 8919 8920 8921 8922 8923 8924 8925 8926 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8927 8928 8929 <a href="/unterkunft/restplatzboerse" 8930 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8931 target="_top" 8932 title="Restplatzbörse" 8933 > 8934 <span>Restplatzbörse</span> 8935 8936 </a> 8937 8938 8939 8940 </li> 8941 8942 8943 8944 8945 8946 8947 8948 8949 8950 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8951 8952 8953 <a href="/unterkunft/anfragen" 8954 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8955 target="_top" 8956 title="Anfragen" 8957 > 8958 <span>Anfragen</span> 8959 8960 </a> 8961 8962 8963 8964 </li> 8965 8966 8967 8968 8969 8970 8971 8972 8973 8974 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 8975 8976 8977 <a href="/unterkunft/buchen" 8978 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 8979 target="_top" 8980 title="Buchen" 8981 > 8982 <span>Buchen</span> 8983 8984 </a> 8985 8986 8987 8988 </li> 8989 8990 8991 8992 8993 8994 8995 8996 8997 8998 8999 9000 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--cur DNA-section__main-menu__item--no-children"> 9001 9002 9003 <a href="/unterkunft/gutscheine" 9004 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9005 target="_top"
9006 title="Gutscheine" 9007 > 9008 <span>Gutscheine</span> 9009 9010 </a> 9011 9012 9013 9014 </li> 9015 9016 9017 9018 9019 9020 9021 9022 9023 9024 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9025 9026 9027 <a href="/unterkunft/wissenswertes" 9028 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9029 target="_top" 9030 title="Wissenswertes" 9031 > 9032 <span>Wissenswertes</span> 9033 9034 </a> 9035 9036 9037 9038 </li> 9039 9040 9041 9042 9043 9044 9045 9046 9047 9048 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9049 9050 9051 <a href="/unterkunft/reise-storno-schutz" 9052 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9053 target="_top" 9054 title="Storno & Reiseschutz" 9055 > 9056 <span>Storno & Reiseschutz</span> 9057 9058 </a> 9059 9060 9061 9062 </li> 9063 9064 9065 9066 9067 9068 9069 9070 9071 9072 9073 9074 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 9075 9076 9077 <a href="/unterkunft/europaeische-reiseversicherung" 9078 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9079 target="_top" 9080 title="Europäische Reiseversicherung" 9081 > 9082 <span>Europäische Reiseversicherung</span> 9083 9084 </a> 9085 9086 9087 9088 </li> 9089 9090 </ul> 9091 9092 </div> 9093 9094 9095 </li> 9096 9097 9098 9099 9100 9101 9102 9103 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0" data-open-sub="0"> 9104 9105 9106 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 9107 <i class="DNA-icon DNA-icon--arrow-down"></i> 9108 </div> 9109 9110 9111 9112 9113 <a href="/wellnesshotel-suedtirol" 9114 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 9115 target="_top" 9116 title="Wasser" 9117 > 9118 <span>Wellness & See</span> 9119 9120 <span>Wasser</span> 9121 9122 </a> 9123 9124 9125 9126 <div class="DNA-section__main-menu__sub"> 9127 9128 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 9129 9130 9131 9132 9133 9134 9135 9136 9137 9138 9139 9140 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 9141 9142 9143 <a href="/saunawelt" 9144 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9145 target="_top" 9146 title="Saunawelt" 9147 > 9148 <span>Saunawelt</span> 9149 9150 </a> 9151 9152 9153 9154 </li> 9155 9156 9157 9158 9159 9160 9161 9162 9163 9164 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9165 9166 9167 <a href="/hotel-pool-am-see" 9168 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9169 target="_top" 9170 title="Wasserwelt" 9171 >
9172 <span>Wasserwelt</span> 9173 9174 </a> 9175 9176 9177 9178 </li> 9179 9180 9181 9182 9183 9184 9185 9186 9187 9188 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9189 9190 9191 <a href="/wellnesshotel-suedtirol/beauty-spa" 9192 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9193 target="_top" 9194 title="Beauty & Spa" 9195 > 9196 <span>Beauty & Spa</span> 9197 9198 </a> 9199 9200 9201 9202 </li> 9203 9204 9205 9206 9207 9208 9209 9210 9211 9212 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9213 9214 9215 <a href="/day-spa-suedtirol" 9216 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9217 target="_top" 9218 title="Day Spa" 9219 > 9220 <span>Day Spa</span> 9221 9222 </a> 9223 9224 9225 9226 </li> 9227 9228 9229 9230 9231 9232 9233 9234 9235 9236 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9237 9238 9239 <a href="/montiggler-see" 9240 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9241 target="_top" 9242 title="Relax am See" 9243 > 9244 <span>Relax am See</span> 9245 9246 </a> 9247 9248 9249 9250 </li> 9251 9252 9253 9254 9255 9256 9257 9258 9259 9260 9261 9262 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 9263 9264 9265 <a href="/yoga-hotel-suedtirol" 9266 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9267 target="_top" 9268 title="Yoga & Meditiation" 9269 > 9270 <span>Yoga & Meditiation</span> 9271 9272 </a> 9273 9274 9275 9276 </li> 9277 9278 </ul> 9279 9280 </div> 9281 9282 9283 <div class="DNA-section__main-menu__bg-icon DNA-section__main-menu__bg-icon--DNA-icon--water-large"> 9284 <i class="DNA-icon DNA-icon--water-large"></i> 9285 </div> 9286 9287 </li> 9288 9289 9290 9291 9292 9293 9294 9295 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0" data-open-sub="0"> 9296 9297 9298 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 9299 <i class="DNA-icon DNA-icon--arrow-down"></i> 9300 </div> 9301 9302 9303 9304 9305 <a href="/genuss-erholung" 9306 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 9307 target="_top" 9308 title="Garten" 9309 > 9310 <span>Genuss & Erholung</span> 9311 9312 <span>Garten</span> 9313 9314 </a> 9315 9316 9317 9318 <div class="DNA-section__main-menu__sub"> 9319 9320 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 9321 9322 9323 9324 9325 9326 9327 9328 9329 9330 9331 9332 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 9333 9334 9335 <a href="/genuss-erholung/genuss" 9336 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9337 target="_top" 9338 title="Für kleine und anspruchsvolle GenieÃer" 9339 >
9340 <span>Für kleine und anspruchsvolle GenieÃer</span> 9341 9342 </a> 9343 9344 9345 9346 </li> 9347 9348 9349 9350 9351 9352 9353 9354 9355 9356 9357 9358 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 9359 9360 9361 <a href="/genuss-erholung/regionaler-genuss" 9362 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9363 target="_top" 9364 title="Köstlich regional" 9365 > 9366 <span>Köstlich regional</span> 9367 9368 </a> 9369 9370 9371 9372 </li> 9373 9374 </ul> 9375 9376 </div> 9377 9378 9379 <div class="DNA-section__main-menu__bg-icon DNA-section__main-menu__bg-icon--DNA-icon--garden"> 9380 <i class="DNA-icon DNA-icon--garden"></i> 9381 </div> 9382 9383 </li> 9384 9385 9386 9387 9388 9389 9390 9391 9392 9393 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-0 DNA-section__main-menu__item--last" data-open-sub="0"> 9394 9395 9396 <div class="DNA-section__main-menu__trigger JS-sub-menu-trigger"> 9397 <i class="DNA-icon DNA-icon--arrow-down"></i> 9398 </div> 9399 9400 9401 9402 9403 <a href="/sporthotel-suedtirol" 9404 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-0 JS-block-touch JS-sub-menu-trigger" 9405 target="_top" 9406 title="Wald" 9407 > 9408 <span>Erlebnis & Aktiv</span> 9409 9410 <span>Wald</span> 9411 9412 </a> 9413 9414 9415 9416 <div class="DNA-section__main-menu__sub"> 9417 9418 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--1"> 9419 9420 9421 9422 9423 9424 9425 9426 9427 9428 9429 9430 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 9431 9432 9433 <a href="/sporthotel-suedtirol/wandern" 9434 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9435 target="_top" 9436 title="Berg & Tal" 9437 > 9438 <span>Berg & Tal</span> 9439 9440 </a> 9441 9442 9443 9444 </li> 9445 9446 9447 9448 9449 9450 9451 9452 9453 9454 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9455 9456 9457 <a href="/sporthotel-suedtirol/bike-touren" 9458 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9459 target="_top" 9460 title="Bike & Mobility" 9461 > 9462 <span>Bike & Mobility</span> 9463 9464 </a> 9465 9466 9467 9468 </li> 9469 9470 9471 9472 9473 9474 9475 9476 9477 9478 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9479 9480 9481 <a href="/sporthotel-suedtirol/cabrio-vespa" 9482 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9483 target="_top" 9484 title="Cabrio & Vespa" 9485 >
9486 <span>Cabrio & Vespa</span> 9487 9488 </a> 9489 9490 9491 9492 </li> 9493 9494 9495 9496 9497 9498 9499 9500 9501 9502 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9503 9504 9505 <a href="/sporthotel-suedtirol/fitness" 9506 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9507 target="_top" 9508 title="Spiel & Fitness" 9509 > 9510 <span>Spiel & Fitness</span> 9511 9512 </a> 9513 9514 9515 9516 </li> 9517 9518 9519 9520 9521 9522 9523 9524 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1"> 9525 9526 9527 <a href="/familienurlaub-suedtirol" 9528 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9529 target="_top" 9530 title="Familienzeit" 9531 > 9532 <span>Familienzeit</span> 9533 9534 </a> 9535 9536 9537 9538 9539 <ul class="DNA-section__main-menu__lvl DNA-section__main-menu__lvl--2"> 9540 9541 9542 9543 9544 9545 9546 9547 9548 9549 9550 9551 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-2 DNA-section__main-menu__item--first DNA-section__main-menu__item--no-children"> 9552 9553 9554 <a href="/familienurlaub-suedtirol/unterhaltung-kids" 9555 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-2 " 9556 target="_top" 9557 title="Kids & Teens" 9558 > 9559 <span>Kids & Teens</span> 9560 9561 </a> 9562 9563 9564 9565 </li> 9566 9567 9568 9569 9570 9571 9572 9573 9574 9575 9576 9577 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-2 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 9578 9579 9580 <a href="/familienurlaub-suedtirol/spass-action" 9581 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-2 " 9582 target="_top" 9583 title="Spaà & Action" 9584 > 9585 <span>Spaà & Action</span> 9586 9587 </a> 9588 9589 9590 9591 </li> 9592 9593 </ul> 9594 9595 9596 </li> 9597 9598 9599 9600 9601 9602 9603 9604 9605 9606 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--no-children"> 9607 9608 9609 <a href="/kultur-suedtirol" 9610 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9611 target="_top" 9612 title="Kultur im Süden" 9613 > 9614 <span>Kultur im Süden</span> 9615 9616 </a> 9617 9618 9619 9620 </li> 9621 9622 9623 9624 9625 9626 9627 9628 9629 9630 9631 9632 <li class="DNA-section__main-menu__item DNA-section__main-menu__item--lvl-1 DNA-section__main-menu__item--last DNA-section__main-menu__item--no-children"> 9633 9634 9635 <a href="/sehenswuerdigkeiten" 9636 class="DNA-section__main-menu__link DNA-section__main-menu__link--lvl-1 " 9637 target="_top" 9638 title="Sehenswertes" 9639 >
9640 <span>Sehenswertes</span> 9641 9642 </a> 9643 9644 9645 9646 </li> 9647 9648 </ul> 9649 9650 </div> 9651 9652 9653 <div class="DNA-section__main-menu__bg-icon DNA-section__main-menu__bg-icon--DNA-icon--trees"> 9654 <i class="DNA-icon DNA-icon--trees"></i> 9655 </div> 9656 9657 </li> 9658 9659 </ul> 9660 </div> 9661 9662 9663 9664 9665 9666 9667 9668 9669 9670 9671 9672 9673 9674 9675 9676 9677 9678 9679 9680 9681 9682 9683 9684 9685 9686 9687 9688 9689 9690 9691 9692 9693 9694 9695 9696 9697 9698 9699 9700 9701 9702 9703 9704 9705 9706 9707 9708 9709 9710<div class="DNA-section__menu-quicklinks"> 9711 9712 <a href="/impressionen" target="_top" title="tx_mask_menu_quicklinks_title" class="DNA-section__menu-quicklinks__item"> 9713 9714 <div class="DNA-section__menu-quicklinks__title"> 9715 <span>Impressionen</span> 9716 </div> 9717 <div class="DNA-section__menu-quicklinks__image"> 9718 9719 9720 9721 9722 9723 9724<picture><source 9725 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 9726 data-srcset="/fileadmin/_processed_/2/4/csm_025_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM8081_dca71670b2.jpg" 9727 media="(max-width: 767px)" 9728 /><source 9729 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 9730 data-srcset="/fileadmin/_processed_/2/4/csm_025_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM8081_319bbf193a.jpg" 9731 media="(max-width: 1024px)" 9732 /><img 9733 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 9734 data-srcset="/fileadmin/_processed_/2/4/csm_025_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM8081_f5f3367a92.jpg" 9735 data-sizes="auto" 9736 class="DNA-image DNA-image--lazyload lazyload " 9737 title="Weinhotels zum Verlieben: Gutscheine" 9738 alt="Zwei Männer stoÃen im Garten bei sonnigem Wetter an" 9739 data-copyright="" 9740 /></picture> 9741 9742 9743 9744 9745 9746 9747 9748 9749 9750 9751 9752 </div> 9753 9754 </a> 9755 9756 <a href="/unterkunft/angebote" target="_top" title="tx_mask_menu_quicklinks_title" class="DNA-section__menu-quicklinks__item"> 9757 9758 <div class="DNA-section__menu-quicklinks__title"> 9759 <span>Angebote</span> 9760 </div> 9761 <div class="DNA-section__menu-quicklinks__image"> 9762 9763 9764 9765 9766 9767 9768<picture><source 9769 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 9770 data-srcset="/fileadmin/_processed_/7/5/csm_008_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM7928_c2332c9547.jpg" 9771 media="(max-width: 767px)" 9772 /><source 9773 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 9774 data-srcset="/fileadmin/_processed_/7/5/csm_008_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM7928_35d9988c03.jpg" 9775 media="(max-width: 1024px)" 9776 /><img 9777 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 9778 data-srcset="/fileadmin/_processed_/7/5/csm_008_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM7928_0f8817f250.jpg" 9779 data-sizes="auto" 9780 class="DNA-image DNA-image--lazyload lazyload " 9781 title="Weinhotels zum Verlieben: Gutscheine" 9782 alt="Menschen stoÃen mit verschiedenen farbigen Cocktails mit Garnitur an" 9783 data-copyright="" 9784 /></picture> 9785 9786 9787 9788 9789 9790 9791 9792 9793 9794 9795 9796 </div> 9797 9798 </a> 9799 9800 <a href="/day-spa-suedtirol" target="_top" title="tx_mask_menu_quicklinks_title" class="DNA-section__menu-quicklinks__item"> 9801 9802 <div class="DNA-section__menu-quicklinks__title">
9803 <span>Day Spa</span> 9804 </div> 9805 <div class="DNA-section__menu-quicklinks__image"> 9806 9807 9808 9809 9810 9811 9812<picture><source 9813 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 9814 data-srcset="/fileadmin/_processed_/9/a/csm_DSC09829_beb8b98d9c.jpg" 9815 media="(max-width: 767px)" 9816 /><source 9817 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 9818 data-srcset="/fileadmin/_processed_/9/a/csm_DSC09829_b8877e4650.jpg" 9819 media="(max-width: 1024px)" 9820 /><img 9821 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 9822 data-srcset="/fileadmin/_processed_/9/a/csm_DSC09829_080de76b36.jpg" 9823 data-sizes="auto" 9824 class="DNA-image DNA-image--lazyload lazyload " 9825 title="Weinhotels zum Verlieben: Gutscheine" 9826 alt="Paar entspannt im Pool mit Wald im Hintergrund bei bewölktem Himmel" 9827 data-copyright="" 9828 /></picture> 9829 9830 9831 9832 9833 9834 9835 9836 9837 9838 9839 9840 </div> 9841 9842 </a> 9843 9844</div> 9845 9846 9847 9848 9849 9850 9851 9852 9853 </div> 9854 9855 <a href="/" target="_top" title="Home" class="DNA-section__favicon"> 9856 <img src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/Images/logo/M_Logo_Dunkel.png" alt="" /> 9857 </a> 9858</header> 9859 9860 9861 9862 9863 9864 9865 9866 9867 9868 9869 9870 9871 9872 9873 9874 9875 9876 9877 9878 9879 9880<main id="DNA-section--Main" class="DNA-section" data-id="Main" data-hero-layout="none"> 9881 9882 <div class="DNA-section__content"> 9883 9884 9885 9886 9887 9888 9889 9890 9891 9892 9893 9894 9895 9896 9897 9898 9899 9900 9901 9902 9903 9904 9905 9906 9907 9908 9909 9910 9911 9912 9913 9914 9915 9916 9917 9918 9919 9920 9921 9922 9923 9924 9925 9926 9927 9928 9929 9930 9931 9932 9933 9934 9935 9936 9937 9938 9939 9940 9941 9942 9943 9944 9945 9946 9947 9948 9949 9950 9951 9952 9953 9954 9955 9956 9957 9958 9959 9960 9961 9962 9963 9964 9965 9966 9967 9968 9969 9970 9971<div data-id="Text" data-space-bottom="none" data-space-top="medium" data-background-color="0" class="DNA-module" id="c140"> 9972 <div class="DNA-module__wrap JS-fade-in" data-fade-in="0" data-wrap-width="small"> 9973 9974 9975 9976 9977 9978 9979 9980 9981 9982 9983 9984 9985 9986 9987 9988 9989 9990 9991 9992 9993 9994 9995 9996 9997 <div class="DNA-module__headlines DNA-headlines" > 9998 9999 <h1 class="DNA-module__headlines__main"> 10000 <span>Schenken Sie Freude.</span> 10001 </h1> 10002 10003 <h2 class="DNA-module__headlines__sub"> 10004 <span>Ein Gutschein voller Glück</span> 10005 </h2> 10006 10007 10008 </div> 10009 10010 10011 10012 10013 10014 10015 10016 10017 10018 10019 10020 10021 10022 10023 10024 10025 10026 10027 10028 10029 10030 10031 10032 10033 10034 10035 10036 10037 10038 10039 10040 10041 10042 10043 10044 10045 10046 10047 10048 10049 10050 10051 10052 10053 10054 10055 10056 10057 10058 10059 10060 10061 10062 10063 10064 10065 10066 10067 10068 10069 </div> 10070</div> 10071 10072 10073 10074 10075 10076 10077 10078 10079 10080 10081 10082 10083 10084 10085 10086 10087 10088 10089 10090 10091 10092 10093 10094 10095 10096 10097 10098 10099 10100 10101 10102 10103 10104 10105 10106 10107 10108 10109 10110 10111 10112 10113 10114 10115 10116 10117 10118 10119 10120 10121 10122 10123 10124 10125 10126 10127 10128 10129 10130 10131 10132 10133 10134 10135 10136 10137 10138 10139 10140 10141 10142 10143 10144 10145 10146 10147 10148 <div 10149 id="c143" 10150 class="DNA-module" 10151 data-id="Voucher" 10152 data-space-bottom="medium" 10153 data-space-top="small" 10154 > 10155 <div class="DNA-module__wrap JS-wrap" data-template="voucher_app"> 10156 10157 <bn-voucher-app 10158 id="BN-voucher-app" 10159 class="BN-voucher-app" 10160 data-lang="de" 10161 data-code="6cfa9c0c-41ea-4ed7-aab3-0608c2c699c5" 10162 data-offset-top="100" 10163 data-offset-bottom="100" 10164 > 10165 10166 10167 10168 10169 10170 10171 10172 10173 10174 10175 10176 10177 10178 10179<div class="DNA-loader JS-loader"> 10180 <div class="DNA-loader__symbol"></div> 10181 <div class="DNA-loader__text"> 10182 Kleinen Moment noch â der Inhalt wird geladen ⦠10183 </div> 10184</div> 10185 10186 10187 10188 </bn-voucher-app> 10189 10190 </div> 10191 </div> 10192 10193 10194 10195 10196 10197 10198 10199 10200 10201 10202 10203 10204 10205 10206 10207 </div> 10208</main> 10209 10210 10211 10212 10213 10214 10215 10216 10217 10218 10219 10220 10221 10222 10223 10224 10225 10226 10227 10228 10229 10230 10231 10232 10233 10234 10235 10236 10237 10238 10239 10240 10241 10242 10243 10244 10245 10246<div class="DNA-section__breadcrumb"> 10247 10248 <span>Sie befinden sich hier: </span> 10249 10250 10251 <a 10252 href="/" 10253 title="Home" 10254 class="GTM--click-event" 10255 data-gtm-action="content breadcrumb" 10256 data-gtm-category="click content" 10257 data-gtm-label="Home" 10258 > 10259 Home 10260 </a>
10261 <span> / </span> 10262 10263 10264 10265 <a 10266 href="/unterkunft" 10267 title="Ruhe" 10268 class="GTM--click-event" 10269 data-gtm-action="content breadcrumb" 10270 data-gtm-category="click content" 10271 data-gtm-label="Zimmer & Preise" 10272 > 10273 Zimmer & Preise 10274 </a> 10275 <span> / </span> 10276 10277 10278 10279 <span>Gutscheine</span> 10280 10281 10282 10283 10284</div> 10285 10286 10287 10288<footer id="DNA-section--Footer" class="DNA-section" data-id="Footer"> 10289 <div class="DNA-section__wrap" data-wrap-width="medium"> 10290 10291 10292 10293 10294 10295 10296 10297 10298 10299 10300 10301 10302 10303 10304 10305 10306 10307 10308 10309 10310 10311 10312 10313 10314 10315 10316 10317 10318 10319 10320 10321 10322 10323 10324 10325 10326 10327 10328 10329<div class="DNA-section__footer-linkboxes"> 10330 10331 <a href="/downloads" target="_top" title="tx_mask_title" class="DNA-section__footer-linkboxes__item"> 10332 10333 <div class="DNA-section__footer-linkboxes__title"> 10334 <span>Downloads</span> 10335 </div> 10336 <div class="DNA-section__footer-linkboxes__image"> 10337 10338 10339 10340 10341 10342 10343<picture><source 10344 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 10345 data-srcset="/fileadmin/_processed_/5/5/csm_040_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM8381_ab1af138f7.jpg" 10346 media="(max-width: 767px)" 10347 /><source 10348 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 10349 data-srcset="/fileadmin/_processed_/5/5/csm_040_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM8381_e577244076.jpg" 10350 media="(max-width: 1024px)" 10351 /><img 10352 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 10353 data-srcset="/fileadmin/_processed_/5/5/csm_040_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM8381_b5ce8450cf.jpg" 10354 data-sizes="auto" 10355 class="DNA-image DNA-image--lazyload lazyload " 10356 title="Weinhotels zum Verlieben: Gutscheine" 10357 alt="Zwei Personen gehen auf einem Holzsteg, nur FüÃe und Beine sichtbar" 10358 data-copyright="" 10359 /></picture> 10360 10361 10362 10363 10364 10365 10366 10367 10368 10369 10370 10371 </div> 10372 10373 </a> 10374 10375 <a href="/day-spa-suedtirol" target="_top" title="tx_mask_title" class="DNA-section__footer-linkboxes__item"> 10376 10377 <div class="DNA-section__footer-linkboxes__title"> 10378 <span>Day Spa</span> 10379 </div> 10380 <div class="DNA-section__footer-linkboxes__image"> 10381 10382 10383 10384 10385 10386 10387<picture><source 10388 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 10389 data-srcset="/fileadmin/_processed_/2/2/csm_273_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM1214_2965f7d842.jpg" 10390 media="(max-width: 767px)" 10391 /><source 10392 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 10393 data-srcset="/fileadmin/_processed_/2/2/csm_273_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM1214_4659548dd6.jpg" 10394 media="(max-width: 1024px)" 10395 /><img 10396 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 10397 data-srcset="/fileadmin/_processed_/2/2/csm_273_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM1214_5c3c04be0e.jpg" 10398 data-sizes="auto" 10399 class="DNA-image DNA-image--lazyload lazyload " 10400 title="Weinhotels zum Verlieben: Gutscheine" 10401 alt="Frau im weiÃen Badeanzug entspannt schwimmend im Pool" 10402 data-copyright="" 10403 /></picture> 10404 10405 10406 10407 10408 10409 10410 10411 10412 10413 10414 10415 </div> 10416 10417 </a> 10418 10419 <a href="/genuss-erholung" target="_top" title="tx_mask_title" class="DNA-section__footer-linkboxes__item"> 10420 10421 <div class="DNA-section__footer-linkboxes__title">
10422 <span>Genuss & Erholung</span> 10423 </div> 10424 <div class="DNA-section__footer-linkboxes__image"> 10425 10426 10427 10428 10429 10430 10431<picture><source 10432 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 10433 data-srcset="/fileadmin/_processed_/7/5/csm_008_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM7928_c2332c9547.jpg" 10434 media="(max-width: 767px)" 10435 /><source 10436 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 10437 data-srcset="/fileadmin/_processed_/7/5/csm_008_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM7928_35d9988c03.jpg" 10438 media="(max-width: 1024px)" 10439 /><img 10440 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAQAAAB3Cq/9AAAAEUlEQVR42mNkIBowjiqliVIACRIACvsH5W4AAAAASUVORK5CYII=" 10441 data-srcset="/fileadmin/_processed_/7/5/csm_008_-_Gartenhotel_Moser_x_Emi_Massmer__Juni_2025__-_Webversion_-_EMIM7928_e3673a1989.jpg" 10442 data-sizes="auto" 10443 class="DNA-image DNA-image--lazyload lazyload " 10444 title="Weinhotels zum Verlieben: Gutscheine" 10445 alt="Menschen stoÃen mit verschiedenen farbigen Cocktails mit Garnitur an" 10446 data-copyright="" 10447 /></picture> 10448 10449 10450 10451 10452 10453 10454 10455 10456 10457 10458 10459 </div> 10460 10461 </a> 10462 10463</div> 10464 10465 10466 10467 10468 10469 10470 10471 10472 <div class="DNA-section__informations"> 10473 <div> 10474 <div class="DNA-section__title"> 10475 <span>über uns</span> 10476 </div> 10477 <div class="DNA-section__address"> 10478 <span>Gartenhotel Moser</span> 10479 <span>Christine und Wolfgang Moser</span> 10480 <span>Montiggler See 104</span> 10481 <span>39057 Eppan an der WeinstraÃe</span> 10482 <span>Südtirol | Italien</span> 10483 </div> 10484 <div class="DNA-section__quicklinks"> 10485 10486 10487 <a class="DNA-section__quicklinks__item" title="Jobs" href="/jobs"> 10488 <i class="DNA-icon DNA-icon--suitcase"></i> 10489 </a> 10490 10491 10492 10493 <a class="DNA-section__quicklinks__item" title="Bildergalerie" href="/impressionen"> 10494 <i class="DNA-icon DNA-icon--gallery"></i> 10495 </a> 10496 10497 10498 <a class="DNA-section__quicklinks__item" title="Wetter" href="/wetter-eppan"> 10499 <i class="DNA-icon DNA-icon--weather"></i> 10500 </a> 10501 10502 10503 <a class="DNA-section__quicklinks__item" title="Anreise" href="/lage-anreise"> 10504 <i class="DNA-icon DNA-icon--marker"></i> 10505 </a> 10506 10507 10508 </div> 10509 </div> 10510 <div> 10511 <div class="DNA-section__title"> 10512 <span>Kontakt</span> 10513 </div> 10514 <div class="DNA-section__contact"> 10515 <a href="tel:/00390471662095" title="+39 0471 662095" class="GTM--click-to-call">+39 0471 662095</a> 10516 <a href="#" data-mailto-token="jxfiql7fkclXdxoqbkelqbijlpbo+zlj" data-mailto-vector="-3" title="[email protected]" class="GTM--mail">info@<span class="hidden">no-spam.</span>gartenhotelmoser.<span class="hidden">no-spam.</span>com</a> 10517 </div> 10518 <div class="DNA-section__quicklinks"> 10519 10520 <a class="DNA-section__quicklinks__item" target="_blank" title="https://www.facebook.com/Gartenhotel.Moser/" href="https://www.facebook.com/Gartenhotel.Moser/"> 10521 <i class="DNA-icon DNA-icon--facebook"></i> 10522 </a> 10523 10524 10525 <a class="DNA-section__quicklinks__item" title="https://www.instagram.com/gartenhotel_moser_suedtirol/" href="https://www.instagram.com/gartenhotel_moser_suedtirol/"> 10526 <i class="DNA-icon DNA-icon--instagram"></i> 10527 </a> 10528 10529 </div> 10530 </div> 10531 <div class="DNA-section__newsletter"> 10532 <div class="DNA-section__title">
10533 <span>Gruà aus dem Süden</span> 10534 </div> 10535 10536 10537 10538 10539 10540 10541 10542 10543 10544 10545 10546 10547 10548 10549 10550 10551 10552 10553 10554 10555<div 10556 id="bn-dynform--newsletter" 10557 class="DNA-section__dynform bn-dynform bn-dynform--newsletter JS-dynform " 10558 data-dynform_code="std_newsletter_2017" 10559 data-dynform_options="" 10560 data-dynform_disable_dates="" 10561> 10562 10563 10564 10565 10566 10567 10568 10569 10570 10571 10572 10573 10574 10575 10576<div class="DNA-loader JS-loader"> 10577 <div class="DNA-loader__symbol"></div> 10578 <div class="DNA-loader__text"> 10579 Kleinen Moment noch â der Inhalt wird geladen ⦠10580 </div> 10581</div> 10582 10583 10584 10585</div> 10586 10587 10588 10589 </div> 10590 </div> 10591 <div class="DNA-section__bottom"> 10592 <div> 10593 10594 10595 10596 10597 10598 10599 10600 10601 10602 10603 10604 10605 10606 10607 10608 10609 10610<div class="DNA-section__legal-menu"> 10611 <span class="DNA-section__legal-menu__copyright">© 2026 Gartenhotel Moser</span> 10612 <span>|</span> 10613 10614 10615 10616 <a 10617 href="/" 10618 class="GTM--click-event DNA-section__legal-menu__link " 10619 title="Home" 10620 data-gtm-action="footer legal navigation" 10621 data-gtm-category="click footer" 10622 data-gtm-label="Home" 10623 > 10624 <span>Home</span> 10625 </a> 10626 10627 <span>|</span> 10628 10629 10630 <a 10631 href="/impressum" 10632 class="GTM--click-event DNA-section__legal-menu__link " 10633 title="Impressum" 10634 data-gtm-action="footer legal navigation" 10635 data-gtm-category="click footer" 10636 data-gtm-label="Impressum" 10637 > 10638 <span>Impressum</span> 10639 </a> 10640 10641 <span>|</span> 10642 10643 10644 <a 10645 href="/datenschutz" 10646 class="GTM--click-event DNA-section__legal-menu__link " 10647 title="Datenschutz" 10648 data-gtm-action="footer legal navigation" 10649 data-gtm-category="click footer" 10650 data-gtm-label="Datenschutz" 10651 > 10652 <span>Datenschutz</span> 10653 </a> 10654 10655 <span>|</span> 10656 10657 10658 <a 10659 href="#" 10660 class="GTM--click-event DNA-section__legal-menu__link" 10661 title="Datenschutz-Einstellungen" 10662 data-gtm-action="footer legal navigation" 10663 data-gtm-category="click footer" 10664 data-gtm-label="Datenschutz-Einstellungen - [UC]" 10665 onClick="event.preventDefault();UC_UI.showSecondLayer();" 10666 > 10667 <span>Datenschutz-Einstellungen</span> 10668 </a> 10669 10670 <span>|</span> 10671 10672 10673 <a 10674 href="/barrierefreiheit" 10675 class="GTM--click-event DNA-section__legal-menu__link " 10676 title="Barrierefreiheit" 10677 data-gtm-action="footer legal navigation" 10678 data-gtm-category="click footer" 10679 data-gtm-label="Barrierefreiheit" 10680 > 10681 <span>Barrierefreiheit</span> 10682 </a> 10683 10684 <span>|</span> 10685 10686 10687 <a 10688 href="/sitemap" 10689 class="GTM--click-event DNA-section__legal-menu__link " 10690 title="Sitemap" 10691 data-gtm-action="footer legal navigation" 10692 data-gtm-category="click footer" 10693 data-gtm-label="Sitemap" 10694 > 10695 <span>Sitemap</span> 10696 </a> 10697
10698 <span>|</span> 10699 10700 10701 <span class="DNA-section__legal-menu__vat">MwSt.-Nr.: IT03033420211</span> 10702</div> 10703 10704 10705 10706 10707 10708 10709 10710 10711 10712 10713 10714 10715 10716 10717 10718 10719<div class="DNA-section__powered-by"> 10720 <a data-gtm-action="footer powered-by" data-gtm-category="click footer" data-gtm-label="https://www.brandnamic.com" target="_blank" title="Brandnamic GmbH | Leading Hospitality Solutions" class="GTM--click-event" href="https://www.brandnamic.com"> 10721 <img src="https://cdn.bnamic.com/brandnamic_files/powered_by/created_by_bn.svg" alt="Brandnamic GmbH | Leading Hospitality Solutions" loading="lazy"> </a> 10722</div> 10723 10724 10725 10726 10727 10728 10729 </div> 10730 10731 10732 10733 10734 10735 10736 10737 10738 10739 10740 10741 10742 10743 10744 10745 10746 10747 10748 10749 10750 10751 10752 10753 10754 10755 10756 10757 10758 10759 10760 10761 10762 10763 10764 10765 10766 10767 10768<div class="DNA-section__interesting"> 10769 <span>Interessante Seiten:</span> 10770 10771 10772 <a href="/hotel-eppan" target="_top" title="tx_mask_title" class="DNA-section__interesting__item"> 10773 <span> Hotel Eppan an der Weinstrasse,</span> 10774 </a> 10775 10776 10777 10778 <a href="/familienhotel-suedtirol" target="_top" title="tx_mask_title" class="DNA-section__interesting__item"> 10779 <span> Familienhotel Südtirol,</span> 10780 </a> 10781 10782 10783 10784 <a href="/wellnesshotel-suedtirol" target="_top" title="tx_mask_title" class="DNA-section__interesting__item"> 10785 <span> Hotel Montiggler See,</span> 10786 </a> 10787 10788 10789 10790 <a href="/hotel-pool-am-see" target="_top" title="tx_mask_title" class="DNA-section__interesting__item"> 10791 <span> Südtirol Hotel mit Pool am See,</span> 10792 </a> 10793 10794 10795 10796 <a href="/sporthotel-suedtirol" target="_top" title="tx_mask_title" class="DNA-section__interesting__item"> 10797 <span> Sporthotel Südtirol,</span> 10798 </a> 10799 10800 10801 10802 <a href="/gourmethotel-suedtirol" target="_top" title="tx_mask_title" class="DNA-section__interesting__item"> 10803 <span> Gourmethotel Südtirol,</span> 10804 </a> 10805 10806 10807 10808 <a href="/weinhotel-suedtirol" target="_top" title="tx_mask_title" class="DNA-section__interesting__item"> 10809 <span> Weinhotel Südtirol</span> 10810 </a> 10811 10812 10813</div> 10814 10815 10816 10817 10818 10819 10820 10821 10822 10823 <div class="DNA-section__powered-by-mobile"> 10824 10825 10826 10827 10828 10829 10830 10831 10832 10833 10834 10835 10836 10837<div class="DNA-section__powered-by"> 10838 <a data-gtm-action="footer powered-by" data-gtm-category="click footer" data-gtm-label="https://www.brandnamic.com" target="_blank" title="Brandnamic GmbH | Leading Hospitality Solutions" class="GTM--click-event" href="https://www.brandnamic.com"> 10839 <img src="https://cdn.bnamic.com/brandnamic_files/powered_by/created_by_bn.svg" alt="Brandnamic GmbH | Leading Hospitality Solutions" loading="lazy"> </a> 10840</div> 10841 10842 10843 10844 10845 10846 10847 </div> 10848 10849 10850 10851 10852 10853 10854 10855 10856 10857 10858 10859 10860 10861 10862 10863 10864 10865 10866 10867 10868 10869 10870 10871 10872 10873 10874 10875 10876 10877 10878 10879 10880 10881 10882 10883 10884 <div class="DNA-section__partner JS-accordion"> 10885 <div class="DNA-section__partner__header JS-accordion__trigger"> 10886 <div class="DNA-section__partner__title DNA-section__slide-box__title"> 10887 <span>Partner</span> 10888 </div> 10889 </div> 10890 <div class="DNA-section__partner__content JS-accordion__slide"> 10891 10892 10893 <div 10894 data-link="aHR0cHM6Ly93d3cuc3VlZHRpcm9sLmluZm8vZGU=" 10895 data-target="_blank" 10896 class="DNA-section__partner__item JS-anonymous-link GTM--click-event" 10897 data-gtm-action="partner logos" 10898 data-gtm-category="click outbound link" 10899 data-gtm-label="https://www.suedtirol.info/de" 10900 > 10901 10902 <img alt="Schild mit Aufschrift Südtirol und bunten Bergformen" title="Südtirol" src="/fileadmin/_processed_/4/9/csm_SUED-Badge_Outline_RGB_S_22e86eab74.png" width="69" height="55" /> 10903 10904 </div> 10905 10906 10907 10908 <div 10909 data-link="aHR0cHM6Ly93d3cuYm9va2luZ3N1ZWR0aXJvbC5jb20vZGUvZXBwYW5hbmRlcndlaW5zdHJhc3NlL2dhcnRlbmhvdGVsLW1vc2VyP2d1ZXN0cz0lNUIlNUIxOCUyQzE4JTVEJTVE" 10910 data-target="_blank" 10911 class="DNA-section__partner__item JS-anonymous-link GTM--click-event" 10912 data-gtm-action="partner logos" 10913 data-gtm-category="click outbound link" 10914 data-gtm-label="https://www.bookingsuedtirol.com/de/eppananderweinstrasse/gartenhotel-moser?guests=%5B%5B18%2C18%5D%5D" 10915 > 10916 10917 <img alt="Logo von Booking Südtirol mit Standort- und Bergsymbol" title="Booking Südtirol" src="/fileadmin/_processed_/9/6/csm_Booking_Suedtirol_2c921a63e3.jpg" width="280" height="55" /> 10918 10919 </div> 10920 10921 10922 10923 <div 10924 data-link="aHR0cHM6Ly93d3cuc2VsZWN0ZWRob3RlbHMuY29tL2Rl" 10925 data-target="_blank" 10926 class="DNA-section__partner__item JS-anonymous-link GTM--click-event" 10927 data-gtm-action="partner logos" 10928 data-gtm-category="click outbound link" 10929 data-gtm-label="https://www.selectedhotels.com/de" 10930 > 10931 10932 <img alt="Logo von Selected Hotels mit Krone über dem Buchstaben
10932S" title="Selected Hotels" src="/fileadmin/_processed_/9/0/csm_Selected_Hotels_2ec6b0edb7.png" width="126" height="55" /> 10933 10934 </div> 10935 10936 10937 10938 <div 10939 data-link="aHR0cHM6Ly93d3cud2VpbnN0cmFzc2VuaG90ZWxzLmNvbS8=" 10940 data-target="_blank" 10941 class="DNA-section__partner__item JS-anonymous-link GTM--click-event" 10942 data-gtm-action="partner logos" 10943 data-gtm-category="click outbound link" 10944 data-gtm-label="https://www.weinstrassenhotels.com/" 10945 > 10946 10947 <img alt="Logo der Südtiroler Weinstrassen Hotels mit Wellness und Familie" title="Südtiroler WeinstraÃenhotels" src="/fileadmin/_processed_/f/9/csm_Logo_weinstrassenhotels_3f5a4520bd.jpg" width="91" height="55" /> 10948 10949 </div> 10950 10951 10952 10953 <div 10954 data-link="aHR0cHM6Ly93d3cud2Vpbmd1dG1vc2VyLml0Lw==" 10955 data-target="_blank" 10956 class="DNA-section__partner__item JS-anonymous-link GTM--click-event" 10957 data-gtm-action="partner logos" 10958 data-gtm-category="click outbound link" 10959 data-gtm-label="https://www.weingutmoser.it/" 10960 > 10961 10962 <img alt="Logo von Weingut Moser mit stilisiertem Schriftzug" title="Weingut Moser" src="/fileadmin/_processed_/7/2/csm_Weingut_Moser_e820c84ed9.jpg" width="125" height="55" /> 10963 10964 </div> 10965 10966 10967 10968 <div 10969 data-link="aHR0cHM6Ly93d3cubWVuZGVsYmllci5pdC8=" 10970 data-target="_blank" 10971 class="DNA-section__partner__item JS-anonymous-link GTM--click-event" 10972 data-gtm-action="partner logos" 10973 data-gtm-category="click outbound link" 10974 data-gtm-label="https://www.mendelbier.it/" 10975 > 10976 10977 <img alt="Logo von Mendel Bier, gegründet 2020" title="Mendel Bier" src="/fileadmin/_processed_/b/d/csm_Mendelbier_Logo_b1e9eb2b35.jpg" width="126" height="55" /> 10978 10979 </div> 10980 10981 10982 10983 <div class="DNA-section__partner__item"> 10984 10985 <img alt="Logo Deutscher FuÃball-Bund und Südtirol Trainingslager 2018" title="Trainingslager 2018" src="/fileadmin/_processed_/d/6/csm_DFB-QUER-1_DE_cf31909e01.png" width="94" height="55" /> 10986 10987 </div> 10988 10989 10990 10991 <div 10992 data-link="aHR0cHM6Ly93d3cucmVsYXgtZ3VpZGUuY29tL21vc2VyLWdhcnRlbmhvdGVs" 10993 data-target="_blank" 10994 class="DNA-section__partner__item JS-anonymous-link GTM--click-event" 10995 data-gtm-action="partner logos" 10996 data-gtm-category="click outbound link" 10997 data-gtm-label="https://www.relax-guide.com/moser-gartenhotel" 10998 > 10999 11000 <img alt="Relax Guide Spa Award 2020 Logo auf blauem Hintergrund" title="Relax Guide Spa Award 2020" src="/fileadmin/_processed_/5/e/csm_relax-guide_36e91c0003.png" width="49" height="55" /> 11001 11002 </div> 11003 11004 11005 11006 <div class="DNA-section__partner__item"> 11007 11008 <img alt="Logo von Wellness Heaven mit blauer Wolke und Wellen" src="/fileadmin/_processed_/5/a/csm_logo-mobile_db7953eff5.png" width="156" height="55" /> 11009 11010 </div> 11011 11012 11013 11014 <div 11015 data-link="aHR0cHM6Ly93d3cuYWJvbGVuZ28tYWxwYWthLmRlL0FscGFrYS1Qcm9kdWt0ZS8=" 11016 data-target="_blank" 11017 class="DNA-section__partner__item JS-anonymous-link GTM--click-event" 11018 data-gtm-action="partner logos" 11019 data-gtm-category="click outbound link" 11020 data-gtm-label="https://www.abolengo-alpaka.de/Alpaka-Produkte/" 11021 > 11022 11023 <img alt="Logo mit zwei Alpakas und Schrift Abolengo de Alpaca Gut Aldenhöwel" src="/fileadmin/_processed_/
110237/e/csm_Abolengo_b45543e33f.jpg" width="55" height="55" /> 11024 11025 </div> 11026 11027 11028 </div> 11029 </div> 11030 11031 11032 11033 11034 11035 11036 11037 11038 11039 11040 11041 11042 <div class="DNA-section__ratings"> 11043 11044 <a title="Details anzeigen" target="_blank" class="DNA-section__ratings__item" href="https://www.tripadvisor.de/Hotel_Review-g1436137-d1480338-Reviews-Gartenhotel_Moser-Appiano_sulla_Strada_del_Vino_Province_of_South_Tyrol_Trentino_Alto.html"> 11045 <i class="DNA-icon DNA-icon--tripadvisor"></i> 11046 </a> 11047 11048 11049 <a title="Details anzeigen" target="_blank" class="DNA-section__ratings__item" href="https://www.holidaycheck.de/hi/gartenhotel-moser/ee72270c-ce5a-3f26-9513-068a13728ff7"> 11050 <i class="DNA-icon DNA-icon--hc"></i> 11051 </a> 11052 11053 </div> 11054 </div> 11055 </div> 11056 11057</footer> 11058 11059 11060 11061 11062 11063 11064 11065 11066 11067 11068 11069 11070 11071 11072 11073 11074 11075 11076 11077 11078 11079 11080<div id="DNA-section--Quickrequest" class="DNA-section JS-fixed-quickrequest" data-id="Quickrequest" data-active="0" data-hero-layout="none"> 11081 <div class="DNA-section__dates"> 11082 <div id="fp-fromdate-fixed" class="DNA-section__fromdate"> 11083 <div> 11084 <div class="DNA-section__label"> 11085 <span>Anreise</span> 11086 </div> 11087 <div class="DNA-section__fromdate-date JS-fromdate-date"> 11088 <span>Datum auswählen</span> 11089 </div> 11090 </div> 11091 </div> 11092 <div id="fp-todate-fixed" class="DNA-section__todate"> 11093 <div> 11094 <div class="DNA-section__label"> 11095 <span>Abreise</span> 11096 </div> 11097 <div class="DNA-section__todate-date JS-todate-date"> 11098 <span>Datum auswählen</span> 11099 </div> 11100 </div> 11101 </div> 11102 <div class="fp-container"></div> 11103 <div class="DNA-section__cta"> 11104 <a class="DNA-section__cta-button DNA-button DNA-button--request JS-request" title="Anfragen" href="/unterkunft/anfragen"> 11105 <span>Anfragen</span> 11106 <i class="DNA-icon DNA-icon--arrow-right"></i> 11107 </a> 11108 </div> 11109 </div> 11110</div> 11111 11112 11113 11114 11115 11116 11117 11118 11119 11120 11121 11122 11123 11124 11125 11126 11127 11128 11129 11130 11131 11132<div id="DNA-section--Popup" class="DNA-section" data-id="Popup"> 11133 11134</div> 11135 11136 11137 11138 11139 11140 <div id="JS-waypoint--1" class="DNA-waypoint DNA-waypoint--1"></div> 11141 11142 11143 11144 11145 11146 11147 11148 11149 11150 11151 11152 11153 11154 11155<div id="DNA-section--print" class="DNA-section" data-id="print"> 11156 <div class="DNA-section__logo"> 11157 <img src="/_assets/dd2ce5bfd9e5111f7a787dd76b0f8b88/Images/logo/Logo70years.svg" alt="Gartenhotel Moser" /> 11158 </div> 11159 <div class="DNA-section__content"> 11160 <b>Gartenhotel Moser </b> 11161 <br> 11162 11163 Christine und Wolfgang Moser 11164 <span> // </span> 11165 11166 Montiggler See 104 11167 <br> 11168 39057 Eppan an der WeinstraÃe 11169 <span> // </span> 11170 <span>Südtirol | Italien </span> 11171 <br> 11172 <span> IT03033420211 </span> 11173 <br> 11174 <b> 11175 T +39 0471 662095 11176 <span> // </span> 11177 [email protected] 11178 </b> 11179 </div> 11180</div> 11181 11182 11183 11184 </div> 11185 11186 11187</body> 11188</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.