CINXE.COM
The Hotel Goldried | Hotel Goldried in Matrei in East Tyrol
<!DOCTYPE html><html lang="en"><head><title>The Hotel Goldried | Hotel Goldried in Matrei in East Tyrol</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="robots" content="index,follow,notranslate"><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1"><meta name="keywords" content=""><meta name="description" content="A very special place with personal and individual service. Get to know and love the Hotel Goldried! ➠ Learn more here."><meta property="og:title" content="Hotel Goldried"><meta property="og:image" content="about:blank"><meta property="og:description" content=""><link rel="canonical" href="https://www.hotel-goldried-tirol.com/en/hotel/holidays-east-tyrol.html"><link rel="alternate" hreflang="de" href="https://www.hotel-goldried-tirol.com/hotel/urlaub-osttirol-matrei.html" /> <link rel="alternate" hreflang="en" href="https://www.hotel-goldried-tirol.com/en/hotel/holidays-east-tyrol.html" /> <link rel="alternate" hreflang="it" href="https://www.hotel-goldried-tirol.com/it/hotel/vacanze-est-tirol.html" /> <link rel="alternate" hreflang="sv" href="https://www.hotel-goldried-tirol.com/sv/hotel/semester-oest-tyrolen.html" /> <link rel="alternate" hreflang="x-default" href="https://www.hotel-goldried-tirol.com/en/hotel/holidays-east-tyrol.html" /> <script>window.dataLayer = window.dataLayer || []; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-53JHR9S');</script> <link rel="shortcut icon" href="/assets/favicons/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="48x48" href="/assets/favicons/favicon-48x48.png"><link rel="manifest" href="/assets/favicons/manifest.json"><meta name="mobile-web-app-capable" content="yes"><meta name="theme-color" content="#fff"><meta name="application-name" content="goldried.at.www"><link rel="apple-touch-icon" sizes="57x57" href="/assets/favicons/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/assets/favicons/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/assets/favicons/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/assets/favicons/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/assets/favicons/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/assets/favicons/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/assets/favicons/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/assets/favicons/apple-touch-icon-152x152.png"><link rel="apple-touch-icon" sizes="167x167" href="/assets/favicons/apple-touch-icon-167x167.png"><link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon-180x180.png"><link rel="apple-touch-icon" sizes="1024x1024" href="/assets/favicons/apple-touch-icon-1024x1024.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title" content="goldried.at.www"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-640x1136.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-750x1334.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-828x1792.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1125x2436.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1242x2208.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1242x2688.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1536x2048.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1668x2224.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1668x2388.png"><link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-2048x2732.png"><link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1620x2160.png"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-1136x640.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-1334x750.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-1792x828.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2436x1125.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2208x1242.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2688x1242.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2048x1536.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2224x1668.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2388x1668.png"><link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2732x2048.png"><link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2160x1620.png"><link rel="icon" type="image/png" sizes="228x228" href="/assets/favicons/coast-228x228.png"><meta name="msapplication-TileColor" content="#470648"><meta name="msapplication-TileImage" content="/assets/favicons/mstile-144x144.png"><meta name="msapplication-config" content="/assets/favicons/browserconfig.xml"><link rel="yandex-tableau-widget" href="/assets/favicons/yandex-browser-manifest.json"> <style data-statify-original-url="https://www.hotel-goldried-tirol.com/assets/css/app.css">:root { --c-black: #000; --c-grey: #eaeaea; --c-primary: #470648; --c-primary-50: rgba(71, 6, 72, 0.5); --c-secondary: #7b7b7b; --c-text: #363636; --c-white: #fff; } /* lato-latin-100-normal*/ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 100; src: url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-100-normal.woff2") format("woff2"), url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-100-normal.woff") format("woff"); } /* lato-latin-300-normal*/ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 300; src: url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-300-normal.woff2") format("woff2"), url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-300-normal.woff") format("woff"); } /* lato-latin-400-normal*/ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 400; src: url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-400-normal.woff2") format("woff2"), url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-400-normal.woff") format("woff"); } /* lato-latin-700-normal*/ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 700; src: url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-700-normal.woff2") format("woff2"), url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-700-normal.woff") format("woff"); } /* lato-latin-900-normal*/ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 900; src: url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-900-normal.woff2") format("woff2"), url("https://www.hotel-goldried-tirol.com/assets/fonts/lato-latin-900-normal.woff") format("woff"); } .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; touch-action: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: none; overflow: hidden; } .glightbox-container.inactive { display: none; } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden; } .glightbox-container .gslider { transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: flex !important; justify-content: center; align-items: center; transform: translate3d(0, 0, 0); } .glightbox-container .gslide { width: 100%; position: absolute; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; justify-content: center; opacity: 0; } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%; } .glightbox-container .ginner-container { position: relative; width: 100%; display: flex; justify-content: center; flex-direction: column; max-width: 100%; margin: auto; height: 100vh; } .glightbox-container .ginner-container.gvideo-container { width: 100%; } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { flex-direction: column; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; } .gslide iframe, .gslide video { outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; touch-action: auto; } .gslide:not(.current) { pointer-events: none; } .gslide-image { align-items: center; } .gslide-image img { max-height: 100vh; display: block; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; touch-action: none; margin: auto; min-width: 200px; } .desc-top .gslide-image img, .desc-bottom .gslide-image img { width: auto; } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100%; } .gslide-image img.zoomable { position: relative; } .gslide-image img.dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; transition: none; } .gslide-video { position: relative; max-width: 100vh; width: 100% !important; } .gslide-video .gvideo-wrapper { width: 100%; /* max-width: 160vmin; */ margin: auto; } .gslide-video::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.34); display: none; } .gslide-video.playing::before { display: none; } .gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 75vh; } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important; } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100%; } .gslide-inline .ginlined-content { padding: 20px; width: 100%; } .gslide-inline .dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; transition: none; } .ginlined-content { overflow: auto; display: block !important; opacity: 1; } .gslide-external { display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100%; } .gslide-media { display: flex; width: auto; } .zoomed .gslide-media { box-shadow: none !important; } .desc-top .gslide-media, .desc-bottom .gslide-media { margin: 0 auto; flex-direction: column; } .gslide-description { position: relative; flex: 1 0 100%; } .gslide-description.description-left, .gslide-description.description-right { max-width: 100%; } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100%; } .gslide-description p { margin-bottom: 12px; } .gslide-description p:last-child { margin-bottom: 0; } .zoomed .gslide-description { display: none; } .glightbox-button-hidden { display: none; } /* * Description for mobiles * something like facebook does the description * for the photos */ .glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; background: transparent; position: absolute; bottom: 0; padding: 19px 11px; max-width: 100vw !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); transition: opacity 0.3s linear; padding-bottom: 50px; } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: bold; } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc string { color: #fff; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: 0.4; } .gdesc-open .gslide-media { transition: opacity 0.5s ease; opacity: 0.4; } .gdesc-open .gdesc-inner { padding-bottom: 30px; } .gdesc-closed .gslide-media { transition: opacity 0.5s ease; opacity: 1; } .greset { transition: all 0.3s ease; } .gabsolute { position: absolute; } .grelative { position: relative; } .glightbox-desc { display: none !important; } .glightbox-open { overflow: hidden; } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader 0.8s infinite linear; animation: lightboxLoader 0.8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47%; } .goverlay { width: 100%; height: calc(100vh + 1px); position: fixed; top: -1px; left: 0; background: #000; will-change: opacity; } .glightbox-mobile .goverlay { background: #000; } .gprev, .gnext, .gclose { z-index: 99999; cursor: pointer; width: 26px; height: 44px; border: none; display: flex; justify-content: center; align-items: center; flex-direction: column; } .gprev svg, .gnext svg, .gclose svg { display: block; width: 25px; height: auto; margin: 0; padding: 0; } .gprev.disabled, .gnext.disabled, .gclose.disabled { opacity: 0.1; } .gprev .garrow, .gnext .garrow, .gclose .garrow { stroke: #fff; } .gbtn.focused { outline: 2px solid #0f3d81; } iframe.wait-autoplay { opacity: 0; } .glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose { opacity: 0 !important; } /*Skin */ .glightbox-clean .gslide-description { background: #fff; } .glightbox-clean .gdesc-inner { padding: 22px 20px; } .glightbox-clean .gslide-title { font-size: 1em; font-weight: normal; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em; } .glightbox-clean .gslide-desc { font-size: 0.86em; margin-bottom: 0; font-family: arial; line-height: 1.4em; } .glightbox-clean .gslide-video { background: #000; } .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose { background-color: rgba(0, 0, 0, 0.75); border-radius: 4px; } .glightbox-clean .gprev path, .glightbox-clean .gnext path, .glightbox-clean .gclose path { fill: #fff; } .glightbox-clean .gprev { position: absolute; top: -100%; left: 30px; width: 40px; height: 50px; } .glightbox-clean .gnext { position: absolute; top: -100%; right: 30px; width: 40px; height: 50px; } .glightbox-clean .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; } .glightbox-clean .gclose svg { width: 18px; height: auto; } .glightbox-clean .gclose:hover { opacity: 1; } /*CSS Animations*/ .gfadeIn { -webkit-animation: gfadeIn 0.5s ease; animation: gfadeIn 0.5s ease; } .gfadeOut { -webkit-animation: gfadeOut 0.5s ease; animation: gfadeOut 0.5s ease; } .gslideOutLeft { -webkit-animation: gslideOutLeft 0.3s ease; animation: gslideOutLeft 0.3s ease; } .gslideInLeft { -webkit-animation: gslideInLeft 0.3s ease; animation: gslideInLeft 0.3s ease; } .gslideOutRight { -webkit-animation: gslideOutRight 0.3s ease; animation: gslideOutRight 0.3s ease; } .gslideInRight { -webkit-animation: gslideInRight 0.3s ease; animation: gslideInRight 0.3s ease; } .gzoomIn { -webkit-animation: gzoomIn 0.5s ease; animation: gzoomIn 0.5s ease; } .gzoomOut { -webkit-animation: gzoomOut 0.5s ease; animation: gzoomOut 0.5s ease; } @-webkit-keyframes lightboxLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes lightboxLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes gslideInLeft { from { opacity: 0; transform: translate3d(-60%, 0, 0); } to { visibility: visible; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInLeft { from { opacity: 0; transform: translate3d(-60%, 0, 0); } to { visibility: visible; transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } to { transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } to { transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; transform: translate3d(60%, 0, 0); } to { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; transform: translate3d(60%, 0, 0); } to { transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } to { transform: translate3d(60%, 0, 0); opacity: 0; } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } to { transform: translate3d(60%, 0, 0); opacity: 0; } } @-webkit-keyframes gzoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes gzoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @-webkit-keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @media (min-width: 769px) { .glightbox-container .ginner-container { width: auto; height: auto; flex-direction: row; } .glightbox-container .ginner-container.desc-top .gslide-description { order: 0; } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { order: 1; } .glightbox-container .ginner-container.desc-left .gslide-description { order: 0; } .glightbox-container .ginner-container.desc-left .gslide-image { order: 1; } .gslide-image img { max-height: 97vh; max-width: 100%; } .gslide-image img.zoomable { cursor: zoom-in; } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab; } .gslide-inline { max-height: 95vh; } .gslide-external { max-height: 100vh; } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; } .glightbox-open { height: auto; } .goverlay { background: rgba(0, 0, 0, 0.92); } .glightbox-clean .gslide-media { box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto; } .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose { background-color: rgba(0, 0, 0, 0.32); } .glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover { background-color: rgba(0, 0, 0, 0.7); } .glightbox-clean .gprev { top: 45%; } .glightbox-clean .gnext { top: 45%; } } @media (min-width: 992px) { .glightbox-clean .gclose { opacity: 0.7; right: 20px; } } @media screen and (max-height: 420px) { .goverlay { background: #000; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/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"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .goverlay { background: rgba(255, 255, 255, 0.9); } .glightbox-clean .gslide-media { box-shadow: none; overflow: hidden; } .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose { border-radius: 0; background-color: var(--c-black); } .glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover { background-color: var(--c-primary); } .glightbox-clean .gprev.disabled:hover, .glightbox-clean .gnext.disabled:hover, .glightbox-clean .gclose.disabled:hover { background-color: var(--c-black); cursor: default; } .glightbox-clean .gclose { opacity: 1; } /* swiper overwrites */ .swiper-container { overflow: visible; } .swiper-slide { box-sizing: border-box; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body .mt-none { margin-top: 0; } body .mt-xs { margin-top: 8px; } @media screen and (min-width: 375px) { body .mt-xs { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { body .mt-xs { margin-top: 16px; } } body .mt-s { margin-top: 16px; } @media screen and (min-width: 375px) { body .mt-s { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { body .mt-s { margin-top: 32px; } } body .mt-m { margin-top: 32px; } @media screen and (min-width: 375px) { body .mt-m { margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { body .mt-m { margin-top: 64px; } } body .mt-l { margin-top: 48px; } @media screen and (min-width: 375px) { body .mt-l { margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { body .mt-l { margin-top: 96px; } } body .mt-xl { margin-top: 64px; } @media screen and (min-width: 375px) { body .mt-xl { margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { body .mt-xl { margin-top: 128px; } } body, html { width: 100%; } html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body { font-family: georgia, sans-serif; font-size: 14px; color: var(--c-text); } @media (min-width: 375px) and (max-width: 1440px) { body { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { body { font-size: 16px; } } footer { margin-top: 48px; } @media screen and (min-width: 375px) { footer { margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { footer { margin-top: 96px; } } footer.mt-none { margin-top: 48px; } @media screen and (min-width: 375px) { footer.mt-none { margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { footer.mt-none { margin-top: 96px; } } @media (min-width: 768px) { footer.mt-none { margin-top: 0; } } button { cursor: pointer; } input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: none; } input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus { outline: none; } h1, h2, h3, h4, h5, h6, .e-headline--h1, .e-headline--h2, .e-headline--h3, .c-remainingRoomOverlay__copy h3, .c-remainingRoomOverlay__copy h4, .c-remainingBoardOverlay__copy h3, .c-remainingBoardOverlay__copy h4, .e-headline--h4, .e-headline--h5, .e-headline--h6 { font-weight: 400; margin-bottom: 0; margin-top: 0; } h1, .e-headline--h1 { font-size: 32.38285px; } @media (min-width: 375px) and (max-width: 1440px) { h1, .e-headline--h1 { font-size: calc( 32.38285px + 28.65231 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { h1, .e-headline--h1 { font-size: 61.03516px; } } h2, .e-headline--h2 { font-size: 28.159px; } @media (min-width: 375px) and (max-width: 1440px) { h2, .e-headline--h2 { font-size: calc( 28.159px + 20.66912 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { h2, .e-headline--h2 { font-size: 48.82812px; } } h3, .e-headline--h3, .c-remainingRoomOverlay__copy h3, .c-remainingRoomOverlay__copy h4, .c-remainingBoardOverlay__copy h3, .c-remainingBoardOverlay__copy h4 { font-size: 24.48609px; } @media (min-width: 375px) and (max-width: 1440px) { h3, .e-headline--h3, .c-remainingRoomOverlay__copy h3, .c-remainingRoomOverlay__copy h4, .c-remainingBoardOverlay__copy h3, .c-remainingBoardOverlay__copy h4 { font-size: calc( 24.48609px + 14.57641 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { h3, .e-headline--h3, .c-remainingRoomOverlay__copy h3, .c-remainingRoomOverlay__copy h4, .c-remainingBoardOverlay__copy h3, .c-remainingBoardOverlay__copy h4 { font-size: 39.0625px; } } h4, .e-headline--h4 { font-size: 21.29225px; } @media (min-width: 375px) and (max-width: 1440px) { h4, .e-headline--h4 { font-size: calc( 21.29225px + 9.95775 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { h4, .e-headline--h4 { font-size: 31.25px; } } h5, .e-headline--h5 { font-size: 18.515px; } @media (min-width: 375px) and (max-width: 1440px) { h5, .e-headline--h5 { font-size: calc( 18.515px + 6.485 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { h5, .e-headline--h5 { font-size: 25px; } } h6, .e-headline--h6 { font-size: 16.1px; } @media (min-width: 375px) and (max-width: 1440px) { h6, .e-headline--h6 { font-size: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { h6, .e-headline--h6 { font-size: 20px; } } .e-headline--super { font-size: 42.82632px; } @media (min-width: 375px) and (max-width: 1440px) { .e-headline--super { font-size: calc( 42.82632px + 52.54111 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-headline--super { font-size: 95.36743px; } } .e-headline--bigger { font-size: 37.24028px; } @media (min-width: 375px) and (max-width: 1440px) { .e-headline--bigger { font-size: calc( 37.24028px + 39.05367 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-headline--bigger { font-size: 76.29395px; } } img { display: block; max-width: 100%; } a { color: inherit; } .e-text a { color: var(--c-primary); text-decoration: none; position: relative; display: inline-block; } .e-text a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid var(--c-primary); transition: all 0.3s ease-in-out; } .e-text a:hover::before { bottom: -2px; } ul { list-style: none; margin: 0; padding: 0; } ol { margin: 0; } .e-text ul { margin-left: 16px; } * + .e-text ul { margin-top: 8px; } @media screen and (min-width: 375px) { * + .e-text ul { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { * + .e-text ul { margin-top: 16px; } } .e-text ul li { padding-left: 4px; margin-top: 4px; list-style-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZjZhN2ZlNTMtZjc2NS00YWU2LWI0ZDQtZmFlZDRjNTYxZTZkIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBpZD0iYmEzMzcwZjctNjY4NC00MmZhLWI1ZjItODNlMWZjMDE1NzIzIiBkYXRhLW5hbWU9IlBmYWQgMTU1MTciIGQ9Ik0zLjcyLjQ1LDEwLjI4LDcsMy43MiwxMy41NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg=="); } @media screen and (min-width: 375px) { .e-text ul li { padding-left: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-text ul li { padding-left: 8px; } } @media screen and (min-width: 375px) { .e-text ul li { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-text ul li { margin-top: 8px; } } .e-text ul li::marker { font-size: 24px; line-height: 100%; } @media screen and (min-width: 375px) { .e-text ul li::marker { font-size: calc(24px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-text ul li::marker { font-size: 32px; } } mark { white-space: nowrap; padding: 0 6px; } p { margin-top: 0.5em; margin-bottom: 0; } p:first-child { margin-top: 0; } .js-accordionHead { cursor: pointer; } .js-accordionBody { display: none; } .is-open .js-accordionBody { display: block; } /* |-------------------------------------------------------------------------- | elements |-------------------------------------------------------------------------- */ /* |-------------------------------------------------------------------------- | .e-button |-------------------------------------------------------------------------- */ .e-button { display: inline-block; background: none; border-radius: 0; outline: 0; font-family: "Lato", serif; font-size: 12.17391px; padding-top: 11px; padding-bottom: 11px; padding-left: 25px; padding-right: 25px; font-weight: 900; text-decoration: none; text-transform: uppercase; letter-spacing: 0.17em; position: relative; transition: all 0.3s ease-in-out; } @media (min-width: 375px) and (max-width: 1440px) { .e-button { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-button { font-size: 12.8px; } } @media screen and (min-width: 375px) { .e-button { padding-top: calc(11px + 6 * (100vw - 375px) / (1065)); padding-bottom: calc(11px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-button { padding-top: 17px; padding-bottom: 17px; } } @media screen and (min-width: 375px) { .e-button { padding-left: calc(25px + 24 * (100vw - 375px) / (1065)); padding-right: calc(25px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-button { padding-left: 49px; padding-right: 49px; } } .e-button:hover { padding-top: 9px; padding-bottom: 13px; } @media screen and (min-width: 375px) { .e-button:hover { padding-top: calc(9px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-button:hover { padding-top: 15px; } } @media screen and (min-width: 375px) { .e-button:hover { padding-bottom: calc(13px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-button:hover { padding-bottom: 19px; } } .e-button--primary { background: var(--c-primary); border: 3px solid var(--c-primary); color: var(--c-white); } .e-button--primary:hover { background: var(--c-black); border-color: var(--c-black); } .e-button--secondary { border: 3px solid var(--c-primary); color: var(--c-primary); } .e-button--secondary:hover { border-color: var(--c-black); color: var(--c-black); } .e-button--colorWhite { border: 3px solid var(--c-white); color: var(--c-white); } .e-button--colorWhite:hover { border-color: var(--c-white); color: var(--c-white); } .e-button--tertiary { border: none; padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; } @media screen and (min-width: 375px) { .e-button--tertiary { padding-top: calc(4px + 4 * (100vw - 375px) / (1065)); padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-button--tertiary { padding-top: 8px; padding-bottom: 8px; } } @media screen and (min-width: 375px) { .e-button--tertiary { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-button--tertiary { padding-right: 16px; padding-left: 16px; } } .e-button--tertiary:hover { padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; } @media screen and (min-width: 375px) { .e-button--tertiary:hover { padding-top: calc(4px + 4 * (100vw - 375px) / (1065)); padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-button--tertiary:hover { padding-top: 8px; padding-bottom: 8px; } } @media screen and (min-width: 375px) { .e-button--tertiary:hover { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-button--tertiary:hover { padding-right: 16px; padding-left: 16px; } } /* |-------------------------------------------------------------------------- | .e-embed |-------------------------------------------------------------------------- */ .e-embed iframe { width: 100%; } .e-embed iframe:not([src]) { display: none; } .e-embed--h100 iframe { position: absolute; top: 0; left: 0; height: 100%; } /* |-------------------------------------------------------------------------- | .e-formCheckbox |-------------------------------------------------------------------------- */ .e-formCheckbox { font-family: "Lato", serif; font-size: 14px; } @media screen and (min-width: 375px) { .e-formCheckbox { font-size: calc(14px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-formCheckbox { font-size: 22px; } } .e-formCheckbox label { display: flex; align-items: center; padding-top: 4px; padding-bottom: 4px; position: relative; cursor: pointer; } @media screen and (min-width: 375px) { .e-formCheckbox label { padding-top: calc(4px + 4 * (100vw - 375px) / (1065)); padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-formCheckbox label { padding-top: 8px; padding-bottom: 8px; } } .e-formCheckbox__icon { opacity: 0; position: absolute; left: 0; bottom: 50%; transform: translateY(calc(50% - 2px)) rotate(-10deg); transition: transform .3s ease-in-out, opacity .3s ease-in-out; } .e-formCheckbox__text { color: var(--c-secondary); } .e-formCheckbox input { width: 19px; height: 19px; flex-shrink: 0; flex-grow: 0; margin-right: 8px; } @media screen and (min-width: 375px) { .e-formCheckbox input { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-formCheckbox input { margin-right: 16px; } } .e-formCheckbox input:checked + .e-formCheckbox__icon { opacity: 1; transform: translateY(calc(50% - 7px)) rotate(0deg); transition: transform .3s ease-in-out, opacity .3s ease-in-out; } .e-formCheckbox input:checked ~ .e-formCheckbox__text { color: var(--c-primary); } .e-formCheckbox--colorWhite input { background-color: var(--c-white); } .e-formCheckbox--colorGrey input { background-color: var(--c-grey); } .e-formCheckbox--uppercase { text-transform: uppercase; } .e-formCheckbox--fontSmall { font-size: 14px; } @media (min-width: 375px) and (max-width: 1440px) { .e-formCheckbox--fontSmall { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-formCheckbox--fontSmall { font-size: 16px; } } .e-formCheckbox--swapItems label { flex-direction: row-reverse; } .e-formCheckbox--swapItems label input { margin-right: 0px; margin-left: 8px; } @media screen and (min-width: 375px) { .e-formCheckbox--swapItems label input { margin-right: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-formCheckbox--swapItems label input { margin-right: 0px; } } @media screen and (min-width: 375px) { .e-formCheckbox--swapItems label input { margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-formCheckbox--swapItems label input { margin-left: 16px; } } .e-formCheckbox--swapItems .e-formCheckbox__icon { left: unset; right: 0; } /* |-------------------------------------------------------------------------- | .e-formInput |-------------------------------------------------------------------------- */ .e-formInput { display: inline-flex; flex-direction: column; } .e-formInput__input { background-color: var(--c-grey); } .e-formInput__input[type=text], .e-formInput__input[type=email], .e-formInput__input[type=password] { padding-right: 8px; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; } @media screen and (min-width: 375px) { .e-formInput__input[type=text], .e-formInput__input[type=email], .e-formInput__input[type=password] { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-formInput__input[type=text], .e-formInput__input[type=email], .e-formInput__input[type=password] { padding-right: 16px; padding-left: 16px; } } @media screen and (min-width: 375px) { .e-formInput__input[type=text], .e-formInput__input[type=email], .e-formInput__input[type=password] { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-formInput__input[type=text], .e-formInput__input[type=email], .e-formInput__input[type=password] { padding-top: 16px; padding-bottom: 16px; } } .e-formInput__input[type=text]:focus, .e-formInput__input[type=email]:focus, .e-formInput__input[type=password]:focus { outline: 2px solid var(--c-primary); } .e-formInput--backgroundWhite .e-formInput__input[type=text], .e-formInput--backgroundWhite .e-formInput__input[type=email], .e-formInput--backgroundWhite .e-formInput__input[type=password] { background-color: var(--c-white); } /* |-------------------------------------------------------------------------- | .e-formLabel |-------------------------------------------------------------------------- */ .e-formLabel { font-family: "Lato", serif; font-size: 12.17391px; font-weight: 900; color: var(--c-primary); text-transform: uppercase; letter-spacing: 0.04em; } @media (min-width: 375px) and (max-width: 1440px) { .e-formLabel { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-formLabel { font-size: 12.8px; } } .e-formLabel[required]:after { content: '*'; } .e-formLabel + * { margin-top: 8px; } @media screen and (min-width: 375px) { .e-formLabel + * { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-formLabel + * { margin-top: 16px; } } /* |-------------------------------------------------------------------------- | .e-formSelect |-------------------------------------------------------------------------- */ .e-formSelect { font-family: "Lato", serif; text-transform: uppercase; font-size: 14px; } @media screen and (min-width: 375px) { .e-formSelect { font-size: calc(14px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-formSelect { font-size: 22px; } } .e-formSelect__select { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZjY0OTQ0NzktYWJlZi00NWNiLWJjZTMtYWZiNGNlOWY0MjQ2IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBpZD0iYTM3Y2VhZTEtNTMzOS00OWUwLWE4NTYtMzFlM2QzM2YwNTVhIiBkYXRhLW5hbWU9IlBmYWQgMTU1MTciIGQ9Ik0xMy41NSwzLjcyLDcsMTAuMjguNDUsMy43MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: center left; background-size: 16px; background-color: var(--c-white); width: 100%; padding-left: 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .e-formSelect__select option.is-hidden { display: none; } /* |-------------------------------------------------------------------------- | .e-headline |-------------------------------------------------------------------------- */ .e-headline--center { text-align: center; } .e-headline--uppercase { text-transform: uppercase; } .e-headline--highlighted { color: var(--c-secondary); } .e-headline--highlighted u { font-family: "Lato", serif; color: var(--c-primary); display: block; font-weight: 900; letter-spacing: 0; text-decoration: none; text-transform: uppercase; } .e-headline--secondary { font-family: "Lato", serif; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 400; } .e-headline--colorPrimary { color: var(--c-primary); } .e-headline--colorSecondary { color: var(--c-secondary); } .e-headline--fontBold { font-weight: 700; } .e-headline--colorWhite { color: var(--c-white); } .e-headline--colorWhite u { color: var(--c-white); } /* |-------------------------------------------------------------------------- | .e-image |-------------------------------------------------------------------------- */ .e-image img { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .e-image--fullWidth { display: block; width: 100%; } .e-image--fullWidth img { width: 100%; } .e-image--objectCover { display: block; height: 100%; width: 100%; } .e-image--objectCover img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .e-image--gradient { position: relative; } .e-image--gradient::before { content: ''; display: block; position: absolute; background: var(--c-black); background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 66.6%); z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .e-image--topGradient { position: relative; } .e-image--topGradient::before { content: ''; display: block; position: absolute; background: var(--c-white); background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 15%); z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .e-image--whiten { position: relative; } .e-image--whiten::before { content: ''; display: block; position: absolute; background: var(--c-white); opacity: .7; top: 0; left: 0; width: 100%; height: 100%; } /* |-------------------------------------------------------------------------- | .e-link |-------------------------------------------------------------------------- */ .e-link { display: inline-block; transition: all 0.3s ease-in-out; } .e-link--button { font-family: "Lato", serif; font-size: 12.17391px; padding-top: 11px; padding-bottom: 11px; padding-left: 25px; padding-right: 25px; font-weight: 900; text-decoration: none; text-transform: uppercase; letter-spacing: 0.17em; position: relative; transition: all 0.3s ease-in-out; text-align: center; } @media (min-width: 375px) and (max-width: 1440px) { .e-link--button { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-link--button { font-size: 12.8px; } } @media screen and (min-width: 375px) { .e-link--button { padding-top: calc(11px + 6 * (100vw - 375px) / (1065)); padding-bottom: calc(11px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-link--button { padding-top: 17px; padding-bottom: 17px; } } @media screen and (min-width: 375px) { .e-link--button { padding-left: calc(25px + 24 * (100vw - 375px) / (1065)); padding-right: calc(25px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-link--button { padding-left: 49px; padding-right: 49px; } } .e-link--button:hover { padding-top: 9px; padding-bottom: 13px; } @media screen and (min-width: 375px) { .e-link--button:hover { padding-top: calc(9px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-link--button:hover { padding-top: 15px; } } @media screen and (min-width: 375px) { .e-link--button:hover { padding-bottom: calc(13px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-link--button:hover { padding-bottom: 19px; } } .e-link--button.e-link--primary { background: var(--c-primary); border: 3px solid var(--c-primary); color: var(--c-white); } .e-link--button.e-link--primary:hover { background: var(--c-black); border-color: var(--c-black); } .e-link--button.e-link--secondary { border: 3px solid var(--c-primary); color: var(--c-primary); } .e-link--button.e-link--secondary:hover { border-color: var(--c-black); color: var(--c-black); } .e-link--plain { font-family: "Lato", serif; font-weight: 600; letter-spacing: 0.1em; text-decoration: none; } .e-link--plain:hover { color: var(--c-primary); } .e-link--language { font-family: "Lato", serif; font-size: 16.1px; color: var(--c-white); text-transform: uppercase; text-decoration: none; background: var(--c-primary); } @media (min-width: 375px) and (max-width: 1440px) { .e-link--language { font-size: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-link--language { font-size: 20px; } } .e-link--language:hover { background: var(--c-black); } .e-link--breadcrumb { font-family: "Lato", serif; font-size: 12.17391px; line-height: 1.5625em; color: var(--c-secondary); text-decoration: none; text-transform: uppercase; } @media (min-width: 375px) and (max-width: 1440px) { .e-link--breadcrumb { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-link--breadcrumb { font-size: 12.8px; } } @media (min-width: 768px) { .e-link--breadcrumb { font-size: 14px; } } @media (min-width: 768px) and (min-width: 375px) and (max-width: 1440px) { .e-link--breadcrumb { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 768px) and (min-width: 1440px) { .e-link--breadcrumb { font-size: 16px; } } .e-link--breadcrumb:hover { color: var(--c-primary); } .e-link--sitenav { font-family: "Lato", serif; font-size: 12.17391px; font-weight: 600; letter-spacing: 0.18em; text-decoration: none; text-transform: uppercase; } @media (min-width: 375px) and (max-width: 1440px) { .e-link--sitenav { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-link--sitenav { font-size: 12.8px; } } .e-link--sitenav:hover { color: var(--c-primary); } .e-link--footer { font-family: "Lato", serif; font-size: 12.17391px; font-weight: 600; letter-spacing: 0.18em; text-decoration: none; text-transform: uppercase; } @media (min-width: 375px) and (max-width: 1440px) { .e-link--footer { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-link--footer { font-size: 12.8px; } } .e-link--footer:hover { color: var(--c-primary); } /* |-------------------------------------------------------------------------- | .e-packageTimespan |-------------------------------------------------------------------------- _components.scss: @import '../../templates/elements/package/timespan'; */ .e-packageTimespan { display: flex; font-family: "Lato", serif; align-items: center; } .e-packageTimespan--center { justify-content: center; } .e-packageTimespan__till { margin-right: 8px; margin-left: 8px; } @media screen and (min-width: 375px) { .e-packageTimespan__till { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-packageTimespan__till { margin-right: 16px; margin-left: 16px; } } .e-packageTimespan__icon { cursor: help; } .e-packageTimespan__overlayWrapper { position: relative; margin-left: 8px; } @media screen and (min-width: 375px) { .e-packageTimespan__overlayWrapper { margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-packageTimespan__overlayWrapper { margin-left: 16px; } } .e-packageTimespan__overlayWrapper:hover .e-packageTimespan__overlay { visibility: visible; opacity: 1; transform: translateY(calc(-100% - 10px)); } .e-packageTimespan__overlay { position: absolute; top: 0; opacity: 0; visibility: hidden; background-color: var(--c-white); z-index: 1; width: auto; min-width: 200px; padding-right: 8px; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; display: inline-block; transform: translateY(-100%); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); transition: opacity .2s ease-out, transform .2s ease-out; left: -100px; } @media screen and (min-width: 375px) { .e-packageTimespan__overlay { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-packageTimespan__overlay { padding-right: 16px; padding-left: 16px; } } @media screen and (min-width: 375px) { .e-packageTimespan__overlay { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-packageTimespan__overlay { padding-top: 16px; padding-bottom: 16px; } } .e-packageTimespan__overlayTimespan { display: flex; } /* |-------------------------------------------------------------------------- | .e-section |-------------------------------------------------------------------------- */ .e-section { max-width: 100vw; overflow: hidden; } /* |-------------------------------------------------------------------------- | .e-svg |-------------------------------------------------------------------------- */ .e-svg svg { display: block; } .e-svg--center svg { margin-left: auto; margin-right: auto; } .e-svg--10to13 svg { height: 10px; width: 10px; } @media screen and (min-width: 375px) { .e-svg--10to13 svg { height: calc(10px + 3 * (100vw - 375px) / (1065)); width: calc(10px + 3 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-svg--10to13 svg { height: 13px; width: 13px; } } .e-svg--16 svg { height: 16px; width: 16px; } .e-svg--18 svg { height: 18px; width: 18px; } .e-svg--24 svg { height: 24px; width: 24px; } .e-svg--24to48 svg { height: 24px; width: 24px; } @media screen and (min-width: 375px) { .e-svg--24to48 svg { height: calc(24px + 24 * (100vw - 375px) / (1065)); width: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-svg--24to48 svg { height: 48px; width: 48px; } } .e-svg--38to45 svg { height: 38px; width: 38px; } @media screen and (min-width: 375px) { .e-svg--38to45 svg { height: calc(38px + 7 * (100vw - 375px) / (1065)); width: calc(38px + 7 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-svg--38to45 svg { height: 45px; width: 45px; } } .e-svg--32 svg { height: 32px; width: 32px; } .e-svg--w28h20 svg { height: 20px; width: 28px; } .e-svg--48 svg { height: 48px; width: 48px; } .e-svg--h14to21 svg { height: 14px; width: auto; } @media screen and (min-width: 375px) { .e-svg--h14to21 svg { height: calc(14px + 7 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .e-svg--h14to21 svg { height: 21px; } } .e-svg--h36 svg { height: 36px; width: auto; } .e-svg--w40p svg { width: 40%; } .e-svg--w100p svg { width: 100%; height: auto; } .e-svg--fillColor * { fill: currentColor; } .e-svg--strokeColor * { stroke: currentColor; } .e-svg--fillWhite * { fill: var(--c-white); } .e-svg--strokeWhite * { stroke: var(--c-white); } .e-svg--fillPrimary * { fill: var(--c-primary); } .e-svg--strokePrimary * { stroke: var(--c-primary); } .e-svg--shadow20 svg { filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.7)); } /* |-------------------------------------------------------------------------- | .e-table |-------------------------------------------------------------------------- */ /* |-------------------------------------------------------------------------- | .e-text |-------------------------------------------------------------------------- */ .e-text { line-height: 1.5625; } .e-text--center { text-align: center; } .e-text--intro { font-size: 18.515px; line-height: 1.45455; } @media (min-width: 375px) and (max-width: 1440px) { .e-text--intro { font-size: calc( 18.515px + 6.485 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-text--intro { font-size: 25px; } } .e-text--big { font-size: 16.1px; } @media (min-width: 375px) and (max-width: 1440px) { .e-text--big { font-size: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .e-text--big { font-size: 20px; } } .e-text--teaser { line-height: 1.25; } .e-text--sans { font-family: "Lato", serif; } .e-text--colorWhite { color: var(--c-white); } .e-text--colorPrimary { color: var(--c-primary); } .e-text--uppercase { text-transform: uppercase; } /* |-------------------------------------------------------------------------- | .e-video |-------------------------------------------------------------------------- */ .e-video--objectCover { display: block; height: 100%; width: 100%; } .e-video--objectCover video { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } /* |-------------------------------------------------------------------------- | components |-------------------------------------------------------------------------- */ .wl-enquiryForm textarea, .wl-enquiryForm input, .wl-enquiryForm select { border: 0; border-radius: 0; box-shadow: none !important; height: auto; color: inherit; outline: none; font-size: 14px; } @media (min-width: 375px) and (max-width: 1440px) { .wl-enquiryForm textarea, .wl-enquiryForm input, .wl-enquiryForm select { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .wl-enquiryForm textarea, .wl-enquiryForm input, .wl-enquiryForm select { font-size: 16px; } } .wl-enquiryForm input[type="checkbox"] { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; border: 0; } .wl-enquiryForm .form-group, .wl-enquiryForm .control-label, .wl-enquiryForm .jumbotron, .wl-enquiryForm .checkbox { margin-bottom: 0; padding-bottom: 0; } .wl-enquiryForm .jumbotron { padding-top: 0; background: var(--c-grey); } .wl-enquiryForm .checkbox { margin-top: 0; } .wl-enquiryForm label { margin-bottom: 0; } .wl-enquiryForm label a { text-decoration: underline; color: var(--c-primary); } .wl-enquiryForm .glyphicon { display: none; } .wl-enquiryForm .removeroom { position: absolute; display: block; right: 0; z-index: 1; } .wl-enquiryForm .removeroom .glyphicon { display: block; } .wl-enquiryForm .removeroom .glyphicon::before { background: no-repeat center url("data:image/svg+xml;base64,PHN2ZyBpZD0iYjI4YmU5MmItNzU0NC00ZWMwLTkwNzctNDE1ZDk2NTZiZWViIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ1IDQ1Ij48ZyBpZD0iYTZjOTYzNzUtYWIzNC00NWJlLWI0MzItMTY3NDUwZTkyYjIyIiBkYXRhLW5hbWU9IkdydXBwZSA1MDAxIj48ZyBpZD0iZjE4MWU4N2QtNWEyMi00MzA3LWExNjgtMjliNDQyMzYyYjkwIiBkYXRhLW5hbWU9IkdydXBwZSA1MjQ3Ij48cGF0aCBpZD0iYTE5Mzg5NGQtMTRjMS00N2JjLWI5YTMtZTRiNTk1YjY2YWFiIiBkYXRhLW5hbWU9IlBmYWQgMTU0OTkiIGQ9Ik02Ljc4LDM4LjIyLDM4LjIyLDYuNzgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggaWQ9ImU3NDg0YTJmLWQzM2ItNGQyNi1iNDUwLTQzNDQyZWRjYzI3NiIgZGF0YS1uYW1lPSJQZmFkIDE1NTI2IiBkPSJNNi43OCw2Ljc4LDM4LjIyLDM4LjIyIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvZz48L2c+PC9zdmc+"); background-size: 16px; height: 16px; width: 16px; content: ''; display: block; } .wl-enquiryForm .qr-dates, .wl-enquiryForm .qr-rooms, .wl-enquiryForm .qr-personal-data, .wl-enquiryForm .qr-additional, .wl-enquiryForm .qr-personal-data + h3, .wl-enquiryForm .qr-additional + h3, .wl-enquiryForm .checkbox, .wl-enquiryForm .checkbox + div, .wl-enquiryForm #roomDiv + .row, .wl-enquiryForm #roomDiv { position: relative; } .wl-enquiryForm .qr-dates::before, .wl-enquiryForm .qr-rooms::before, .wl-enquiryForm .qr-personal-data::before, .wl-enquiryForm .qr-additional::before, .wl-enquiryForm .qr-personal-data + h3::before, .wl-enquiryForm .qr-additional + h3::before, .wl-enquiryForm .checkbox::before, .wl-enquiryForm .checkbox + div::before, .wl-enquiryForm #roomDiv + .row::before, .wl-enquiryForm #roomDiv::before { background: var(--c-grey); content: ''; position: absolute; left: 50%; width: 100vw; max-width: 1920px; top: 0; bottom: 0; transform: translate3d(-50%, 0, 0); z-index: -1; display: block; } .wl-enquiryForm #roomDiv + .row { margin-top: -16px; padding-bottom: 36px; } @media screen and (min-width: 375px) { .wl-enquiryForm #roomDiv + .row { margin-top: calc(-16px + -16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm #roomDiv + .row { margin-top: -32px; } } @media screen and (min-width: 375px) { .wl-enquiryForm #roomDiv + .row { padding-bottom: calc(36px + 36 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm #roomDiv + .row { padding-bottom: 72px; } } .wl-enquiryForm .qr-dates { padding-top: 36px; } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-dates { padding-top: calc(36px + 36 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-dates { padding-top: 72px; } } .wl-enquiryForm .qr-rooms { position: relative; } .wl-enquiryForm .qr-rooms:last-of-type { padding-bottom: 52px; } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-rooms:last-of-type { padding-bottom: calc(52px + 52 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-rooms:last-of-type { padding-bottom: 104px; } } .wl-enquiryForm .qr-personal-data { padding-top: 36px; padding-bottom: 52px; } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-personal-data { padding-top: calc(36px + 36 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-personal-data { padding-top: 72px; } } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-personal-data { padding-bottom: calc(52px + 52 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-personal-data { padding-bottom: 104px; } } .wl-enquiryForm h3 { margin-top: 76px; margin-bottom: 24px; font-size: 32.38285px; position: relative; color: var(--c-secondary); z-index: 1; } @media screen and (min-width: 375px) { .wl-enquiryForm h3 { margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm h3 { margin-top: 152px; } } @media screen and (min-width: 375px) { .wl-enquiryForm h3 { margin-bottom: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm h3 { margin-bottom: 48px; } } @media (min-width: 375px) and (max-width: 1440px) { .wl-enquiryForm h3 { font-size: calc( 32.38285px + 28.65231 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .wl-enquiryForm h3 { font-size: 61.03516px; } } .wl-enquiryForm h3:first-of-type { margin-top: 0; } .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email] { width: 100%; padding-top: 8px; padding-bottom: 8px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email] { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email] { padding-top: 16px; } } @media screen and (min-width: 375px) { .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email] { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email] { padding-bottom: 16px; } } @media screen and (min-width: 375px) { .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email] { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email] { padding-left: 16px; padding-right: 16px; } } .wl-enquiryForm input.hasDatepicker { width: 100%; padding-top: 8px; padding-bottom: 8px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZjY0OTQ0NzktYWJlZi00NWNiLWJjZTMtYWZiNGNlOWY0MjQ2IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBpZD0iYTM3Y2VhZTEtNTMzOS00OWUwLWE4NTYtMzFlM2QzM2YwNTVhIiBkYXRhLW5hbWU9IlBmYWQgMTU1MTciIGQ9Ik0xMy41NSwzLjcyLDcsMTAuMjguNDUsMy43MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: center right 16px; background-size: 14px; } @media screen and (min-width: 375px) { .wl-enquiryForm input.hasDatepicker { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm input.hasDatepicker { padding-top: 16px; } } @media screen and (min-width: 375px) { .wl-enquiryForm input.hasDatepicker { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm input.hasDatepicker { padding-bottom: 16px; } } @media screen and (min-width: 375px) { .wl-enquiryForm input.hasDatepicker { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm input.hasDatepicker { padding-left: 16px; padding-right: 16px; } } .wl-enquiryForm select { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZjY0OTQ0NzktYWJlZi00NWNiLWJjZTMtYWZiNGNlOWY0MjQ2IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBpZD0iYTM3Y2VhZTEtNTMzOS00OWUwLWE4NTYtMzFlM2QzM2YwNTVhIiBkYXRhLW5hbWU9IlBmYWQgMTU1MTciIGQ9Ik0xMy41NSwzLjcyLDcsMTAuMjguNDUsMy43MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: center right 16px; width: 100%; padding-top: 8px; padding-bottom: 8px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 14px; background-color: var(--c-white); } @media screen and (min-width: 375px) { .wl-enquiryForm select { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm select { padding-top: 16px; } } @media screen and (min-width: 375px) { .wl-enquiryForm select { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm select { padding-bottom: 16px; } } @media screen and (min-width: 375px) { .wl-enquiryForm select { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm select { padding-left: 16px; padding-right: 16px; } } .wl-enquiryForm textarea { padding-top: 8px; padding-bottom: 8px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; width: 100%; resize: none; } @media screen and (min-width: 375px) { .wl-enquiryForm textarea { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm textarea { padding-top: 16px; } } @media screen and (min-width: 375px) { .wl-enquiryForm textarea { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm textarea { padding-bottom: 16px; } } @media screen and (min-width: 375px) { .wl-enquiryForm textarea { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm textarea { padding-left: 16px; padding-right: 16px; } } .wl-enquiryForm .qr-personal-data + h3, .wl-enquiryForm .qr-additional + h3 { text-transform: uppercase; font-family: "Lato", serif; font-size: 18.515px; color: var(--c-text); margin-bottom: 0; } @media (min-width: 375px) and (max-width: 1440px) { .wl-enquiryForm .qr-personal-data + h3, .wl-enquiryForm .qr-additional + h3 { font-size: calc( 18.515px + 6.485 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .wl-enquiryForm .qr-personal-data + h3, .wl-enquiryForm .qr-additional + h3 { font-size: 25px; } } .wl-enquiryForm .qr-additional + h3 { padding-bottom: 16px; } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-additional + h3 { padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-additional + h3 { padding-bottom: 32px; } } .wl-enquiryForm .qr-personal-data + h3 { margin-top: 48px; padding-top: 48px; padding-bottom: 8px; } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-personal-data + h3 { margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-personal-data + h3 { margin-top: 96px; } } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-personal-data + h3 { padding-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-personal-data + h3 { padding-top: 96px; } } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-personal-data + h3 { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-personal-data + h3 { padding-bottom: 16px; } } .wl-enquiryForm .qr-additional + h3 { margin-top: 0; padding-top: 16px; } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-additional + h3 { padding-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-additional + h3 { padding-top: 32px; } } .wl-enquiryForm .checkbox + div { padding-bottom: 48px; } @media screen and (min-width: 375px) { .wl-enquiryForm .checkbox + div { padding-bottom: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .checkbox + div { padding-bottom: 96px; } } .wl-enquiryForm input[type="checkbox"] { width: 19px; height: 19px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--c-white); outline: none; position: relative; margin-right: 8px; cursor: pointer; } @media screen and (min-width: 375px) { .wl-enquiryForm input[type="checkbox"] { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm input[type="checkbox"] { margin-right: 16px; } } .wl-enquiryForm input[type=checkbox]::before { content: ''; position: absolute; background: no-repeat center url("data:image/svg+xml;base64,PHN2ZyBpZD0iYTg3MDBlYTAtZGU2Mi00YmU2LWFjMGEtNGE5NzQ3N2U3ZThlIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4LjM5IDIxLjAyIj48cGF0aCBpZD0iYjczNzUyODktNTM1ZS00MTliLWJmMmQtNzg3ZTg3ZjM2NzBjIiBkYXRhLW5hbWU9IlBmYWQgMTU2NjUiIGQ9Ik0xNy43My4zNWwtNiwxMS41NC00LjE0LDhMLjQ4LDEzLjg5IiBmaWxsPSJub25lIiBzdHJva2U9IiMyNDI0MjQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+"); height: 21px; width: 21px; left: 2px; bottom: 50%; display: inline-block; opacity: 0; transform: translateY(calc(50% - 2px)) rotate(-10deg); transition: transform .3s ease-in-out, opacity .3s ease-in-out; } .wl-enquiryForm input[type=checkbox]:checked::before { opacity: 1; transform: translateY(calc(50% - 7px)) rotate(0deg); transition: transform .3s ease-in-out, opacity .3s ease-in-out; } .wl-enquiryForm .row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .wl-enquiryForm .row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .row { margin-left: -16px; margin-right: -16px; } } .wl-enquiryForm .row .col-sm-6 { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .wl-enquiryForm .row .col-sm-6 { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .row .col-sm-6 { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .wl-enquiryForm .row .col-sm-6 { width: calc(6 / 12 * 100%); } } .wl-enquiryForm .row .col-md-12 { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .wl-enquiryForm .row .col-md-12 { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .row .col-md-12 { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .wl-enquiryForm .row .col-md-12 { width: calc(6 / 12 * 100%); } } .wl-enquiryForm .row .col-sm-12 { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; width: calc(6 / 6 * 100%); } @media screen and (min-width: 375px) { .wl-enquiryForm .row .col-sm-12 { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .row .col-sm-12 { padding-left: 16px; padding-right: 16px; } } .wl-enquiryForm .qr-additional .col-md-12 { width: calc(6 / 6 * 100%); } .wl-enquiryForm label { font-family: "Lato", serif; font-size: 12.17391px; font-weight: 900; color: var(--c-primary); text-transform: uppercase; letter-spacing: 0.04em; display: block; margin-top: 16px; } @media (min-width: 375px) and (max-width: 1440px) { .wl-enquiryForm label { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .wl-enquiryForm label { font-size: 12.8px; } } @media screen and (min-width: 375px) { .wl-enquiryForm label { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm label { margin-top: 32px; } } .wl-enquiryForm label + * { margin-top: 8px; } @media screen and (min-width: 375px) { .wl-enquiryForm label + * { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm label + * { margin-top: 16px; } } .wl-enquiryForm .qr-additional label, .wl-enquiryForm .checkbox label { font-family: georgia, sans-serif; font-size: 14px; color: var(--c-text); font-weight: 400; text-transform: initial; margin-top: 0px; padding-top: 4px; } @media (min-width: 375px) and (max-width: 1440px) { .wl-enquiryForm .qr-additional label, .wl-enquiryForm .checkbox label { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .wl-enquiryForm .qr-additional label, .wl-enquiryForm .checkbox label { font-size: 16px; } } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-additional label, .wl-enquiryForm .checkbox label { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-additional label, .wl-enquiryForm .checkbox label { margin-top: 0px; } } @media screen and (min-width: 375px) { .wl-enquiryForm .qr-additional label, .wl-enquiryForm .checkbox label { padding-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .qr-additional label, .wl-enquiryForm .checkbox label { padding-top: 8px; } } .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary { font-family: "Lato", serif; font-size: 12.17391px; padding-top: 11px; padding-bottom: 11px; padding-left: 25px; padding-right: 25px; letter-spacing: 0.17em; position: relative; text-decoration: none; text-transform: uppercase; font-weight: 900; color: var(--c-primary); background: var(--c-grey); outline: none; box-shadow: none; } @media (min-width: 375px) and (max-width: 1440px) { .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary { font-size: 12.8px; } } @media screen and (min-width: 375px) { .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary { padding-top: calc(11px + 6 * (100vw - 375px) / (1065)); padding-bottom: calc(11px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary { padding-top: 17px; padding-bottom: 17px; } } @media screen and (min-width: 375px) { .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary { padding-left: calc(25px + 24 * (100vw - 375px) / (1065)); padding-right: calc(25px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary { padding-left: 49px; padding-right: 49px; } } .wl-enquiryForm .btn.btn-default { margin-top: 0px; padding-left: 0px; border: none; } @media screen and (min-width: 375px) { .wl-enquiryForm .btn.btn-default { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .btn.btn-default { margin-top: 0px; } } @media screen and (min-width: 375px) { .wl-enquiryForm .btn.btn-default { padding-left: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .btn.btn-default { padding-left: 0px; } } .wl-enquiryForm .btn.btn-primary { margin-top: 24px; transition: all 0.3s ease-in-out; border: 3px solid var(--c-primary); background: var(--c-grey); } @media screen and (min-width: 375px) { .wl-enquiryForm .btn.btn-primary { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .btn.btn-primary { margin-top: 48px; } } .wl-enquiryForm .btn.btn-primary:hover { padding-top: 9px; padding-bottom: 13px; border-color: var(--c-black); color: var(--c-black); background: var(--c-grey); } @media screen and (min-width: 375px) { .wl-enquiryForm .btn.btn-primary:hover { padding-top: calc(9px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .btn.btn-primary:hover { padding-top: 15px; } } @media screen and (min-width: 375px) { .wl-enquiryForm .btn.btn-primary:hover { padding-bottom: calc(13px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-enquiryForm .btn.btn-primary:hover { padding-bottom: 19px; } } /* |-------------------------------------------------------------------------- | #bcs-hosted-div (Bing Search) |-------------------------------------------------------------------------- */ .bcs-host-div { background-color: transparent; } .bcs-host-div .bcs-results { width: calc(6 / 6 * 100%); } @media (min-width: 768px) { .bcs-host-div .bcs-results { width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); } } @media (min-width: 1024px) { .bcs-host-div .bcs-results { width: calc(6 / 12 * 100%); margin-left: calc(3 / 12 * 100%); } } .bcs-host-div .bcs-results .bcs-result { margin-top: 32px; padding: 0; } @media screen and (min-width: 375px) { .bcs-host-div .bcs-results .bcs-result { margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .bcs-host-div .bcs-results .bcs-result { margin-top: 64px; } } .bcs-host-div .bcs-results .bcs-result h2 a { font-family: "Lato", serif; font-size: 16.1px; line-height: 16.1px; color: var(--c-primary); margin-top: 0; margin-right: 0; text-decoration: none; } @media (min-width: 375px) and (max-width: 1440px) { .bcs-host-div .bcs-results .bcs-result h2 a { font-size: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .bcs-host-div .bcs-results .bcs-result h2 a { font-size: 20px; } } @media (min-width: 375px) and (max-width: 1440px) { .bcs-host-div .bcs-results .bcs-result h2 a { line-height: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .bcs-host-div .bcs-results .bcs-result h2 a { line-height: 20px; } } .bcs-host-div .bcs-results .bcs-result h2 a::after { display: none; } .bcs-host-div .bcs-results .bcs-result .bcs-caption-text cite { color: var(--c-secondary); margin-top: 4px; margin-bottom: 4px; display: inline-block; font-family: "Lato", serif; } @media screen and (min-width: 375px) { .bcs-host-div .bcs-results .bcs-result .bcs-caption-text cite { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); margin-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .bcs-host-div .bcs-results .bcs-result .bcs-caption-text cite { margin-top: 8px; margin-bottom: 8px; } } .bcs-host-div .bcs-results .bcs-result .bcs-caption-text p { font-family: "Lato", serif; } /* |-------------------------------------------------------------------------- | .c-accordion |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/accordion/accordion'; */ .c-accordion { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-accordion { max-width: 800px; } } @media (min-width: 1024px) { .c-accordion { max-width: 1200px; } } @media (min-width: 1440px) { .c-accordion { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-accordion { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordion { padding-left: 32px; padding-right: 32px; } } .c-accordion__items { border-top: 1px solid; } .c-accordion__item { border-bottom: 1px solid; } /* |-------------------------------------------------------------------------- | .c-accordionHead |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/accordion/head'; */ .c-accordionHead { display: flex; justify-content: space-between; align-items: center; } .c-accordionHead__title { padding: 0; } .is-open .c-accordionHead__icon svg { transform: rotate(180deg); } /* |-------------------------------------------------------------------------- | .c-accordionPackageItem |-------------------------------------------------------------------------- */ .c-accordionPackageItem__head { cursor: pointer; } .c-accordionPackageItem__body { display: none; } .c-accordionPackageItem__body .e-text { margin-top: 8px; } @media screen and (min-width: 375px) { .c-accordionPackageItem__body .e-text { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionPackageItem__body .e-text { margin-top: 16px; } } @media (min-width: 768px) { .c-accordionPackageItem__body .e-text { width: calc(10 / 12 * 100%); } } .is-active .c-accordionPackageItem__body { display: block; } /* |-------------------------------------------------------------------------- | .c-accordionPackages |-------------------------------------------------------------------------- */ .c-accordionPackages { margin-top: 32px; } @media screen and (min-width: 375px) { .c-accordionPackages { margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionPackages { margin-top: 64px; } } .c-accordionPackages__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-accordionPackages__container { max-width: 800px; } } @media (min-width: 1024px) { .c-accordionPackages__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-accordionPackages__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-accordionPackages__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionPackages__container { padding-left: 32px; padding-right: 32px; } } .c-accordionPackages__items { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-accordionPackages__items { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionPackages__items { margin-left: -16px; margin-right: -16px; } } .c-accordionPackages__item { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--c-grey); } @media screen and (min-width: 375px) { .c-accordionPackages__item { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionPackages__item { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-accordionPackages__item { padding-top: calc(12px + 12 * (100vw - 375px) / (1065)); padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionPackages__item { padding-top: 24px; padding-bottom: 24px; } } .c-accordionPackages__item:first-child { border-top: 1px solid var(--c-grey); } @media (min-width: 768px) { .c-accordionPackages__item { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1024px) { .c-accordionPackages__item { width: calc(6 / 12 * 100%); margin-left: calc(3 / 12 * 100%); } } /* |-------------------------------------------------------------------------- | .c-accordionSimple |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/accordion/simple'; */ .c-accordionSimple { margin-top: 48px; } @media screen and (min-width: 375px) { .c-accordionSimple { margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionSimple { margin-top: 96px; } } .c-accordionSimple__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-accordionSimple__container { max-width: 800px; } } @media (min-width: 1024px) { .c-accordionSimple__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-accordionSimple__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-accordionSimple__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionSimple__container { padding-left: 32px; padding-right: 32px; } } .c-accordionSimple__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-accordionSimple__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionSimple__row { margin-left: -16px; margin-right: -16px; } } .c-accordionSimple__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-accordionSimple__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionSimple__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-accordionSimple__col { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1024px) { .c-accordionSimple__col { width: calc(6 / 12 * 100%); margin-left: calc(3 / 12 * 100%); } } .c-accordionSimple__item { border-bottom: 1px solid var(--c-grey); padding-top: 12px; padding-bottom: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } @media screen and (min-width: 375px) { .c-accordionSimple__item { padding-top: calc(12px + 12 * (100vw - 375px) / (1065)); padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionSimple__item { padding-top: 24px; padding-bottom: 24px; } } .c-accordionSimple__item:first-child { border-top: 1px solid var(--c-grey); } .c-accordionSimple__body { max-height: 0; overflow-y: hidden; width: 100%; } .c-accordionSimple__titel { cursor: pointer; flex-shrink: 1; width: calc(100% - 18px); padding-right: 8px; } @media screen and (min-width: 375px) { .c-accordionSimple__titel { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionSimple__titel { padding-right: 16px; } } .c-accordionSimple__text { margin-top: 8px; } @media screen and (min-width: 375px) { .c-accordionSimple__text { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionSimple__text { margin-top: 16px; } } .c-accordionSimple__checkbox { cursor: pointer; } .c-accordionSimple__checkbox:before { content: ''; width: 18px; height: 18px; display: block; background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZjY0OTQ0NzktYWJlZi00NWNiLWJjZTMtYWZiNGNlOWY0MjQ2IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBpZD0iYTM3Y2VhZTEtNTMzOS00OWUwLWE4NTYtMzFlM2QzM2YwNTVhIiBkYXRhLW5hbWU9IlBmYWQgMTU1MTciIGQ9Ik0xMy41NSwzLjcyLDcsMTAuMjguNDUsMy43MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: center; } .c-accordionSimple__checkbox:checked:before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZTM1MjdjYmEtNTU3ZC00YThjLThjNTYtNWM1ZWYzZjZlNDUxIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBpZD0iYWNmNzk5Y2ItZjU3ZS00ZGIyLThhMWEtYmNkOGEyYmUwOTk2IiBkYXRhLW5hbWU9IlBmYWQgMTU1MTciIGQ9Ik0uNDUsMTAuMjgsNywzLjcybDYuNTUsNi41NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg=="); } .c-accordionSimple__image { margin-top: 16px; } @media screen and (min-width: 375px) { .c-accordionSimple__image { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-accordionSimple__image { margin-top: 32px; } } .c-accordionSimple__checkbox:checked ~ .c-accordionSimple__body { max-height: 100%; } /* |-------------------------------------------------------------------------- | .c-ajaxContainer |-------------------------------------------------------------------------- */ .c-ajaxContainer { margin-top: 35px; aspect-ratio: 8/1; } .c-ajaxContainer__loader { display: flex; justify-content: center; } /* |-------------------------------------------------------------------------- | .c-articlesLinks |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/articles/links'; */ .c-articlesLinks { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; justify-content: center; } @media screen and (min-width: 375px) { .c-articlesLinks { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-articlesLinks { margin-left: -16px; margin-right: -16px; } } @media (min-width: 768px) { .c-articlesLinks { justify-content: flex-start; } } .c-articlesLinks__item { margin-top: 12px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-articlesLinks__item { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-articlesLinks__item { margin-top: 24px; } } @media screen and (min-width: 375px) { .c-articlesLinks__item { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-articlesLinks__item { padding-left: 16px; padding-right: 16px; } } /* |-------------------------------------------------------------------------- | .c-badge |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/badge/badge'; */ .c-badge { height: 142px; width: 142px; padding: 6px; font-family: "Lato", serif; border-radius: 50%; transform: rotate(-17deg); position: relative; } @media screen and (min-width: 375px) { .c-badge { height: calc(142px + 42 * (100vw - 375px) / (1065)); width: calc(142px + 42 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge { height: 184px; width: 184px; } } @media screen and (min-width: 375px) { .c-badge { padding: calc(6px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge { padding: 10px; } } .c-badge::before { content: ''; top: 3px; right: 3px; bottom: 3px; left: 3px; position: absolute; border: 1px solid; border-radius: 50%; content: ''; display: block; } @media screen and (min-width: 375px) { .c-badge::before { top: calc(3px + 2 * (100vw - 375px) / (1065)); right: calc(3px + 2 * (100vw - 375px) / (1065)); bottom: calc(3px + 2 * (100vw - 375px) / (1065)); left: calc(3px + 2 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge::before { top: 5px; right: 5px; bottom: 5px; left: 5px; } } .c-badge__content { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .c-badge__icon + .c-badge__title { margin-top: 4px; } @media screen and (min-width: 375px) { .c-badge__icon + .c-badge__title { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge__icon + .c-badge__title { margin-top: 8px; } } .c-badge__title { font-size: 18.515px; font-weight: 700; letter-spacing: 0.155em; text-transform: uppercase; } @media (min-width: 375px) and (max-width: 1440px) { .c-badge__title { font-size: calc( 18.515px + 6.485 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-badge__title { font-size: 25px; } } .c-badge__text { font-size: 12.17391px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 4px; padding-right: 4px; margin-top: 4px; padding-top: 4px; border-top: 1px solid; display: inline-block; letter-spacing: 0.19em; text-transform: uppercase; } @media (min-width: 375px) and (max-width: 1440px) { .c-badge__text { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-badge__text { font-size: 12.8px; } } @media screen and (min-width: 375px) { .c-badge__text { padding-left: calc(4px + 4 * (100vw - 375px) / (1065)); padding-right: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge__text { padding-left: 8px; padding-right: 8px; } } @media screen and (min-width: 375px) { .c-badge__text { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge__text { margin-top: 8px; } } @media screen and (min-width: 375px) { .c-badge__text { padding-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge__text { padding-top: 8px; } } .c-badge--small { display: none; height: 98px; width: 98px; } @media screen and (min-width: 375px) { .c-badge--small { height: calc(98px + 18 * (100vw - 375px) / (1065)); width: calc(98px + 18 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge--small { height: 116px; width: 116px; } } @media (min-width: 768px) { .c-badge--small { display: block; transform: none; } .c-badge--small .c-badge__title { font-size: 12.17391px; letter-spacing: 0.19; } } @media (min-width: 768px) and (min-width: 375px) and (max-width: 1440px) { .c-badge--small .c-badge__title { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 768px) and (min-width: 1440px) { .c-badge--small .c-badge__title { font-size: 12.8px; } } .c-badge--price { transform: rotate(-5deg); } .c-badge--price .c-badge__title { font-size: 12.17391px; font-weight: 900; } @media (min-width: 375px) and (max-width: 1440px) { .c-badge--price .c-badge__title { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-badge--price .c-badge__title { font-size: 12.8px; } } .c-badge--price .c-badge__title strong { font-size: 21.29225px; padding-top: 4px; padding-bottom: 4px; display: block; } @media (min-width: 375px) and (max-width: 1440px) { .c-badge--price .c-badge__title strong { font-size: calc( 21.29225px + 9.95775 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-badge--price .c-badge__title strong { font-size: 31.25px; } } @media screen and (min-width: 375px) { .c-badge--price .c-badge__title strong { padding-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge--price .c-badge__title strong { padding-top: 8px; } } @media screen and (min-width: 375px) { .c-badge--price .c-badge__title strong { padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge--price .c-badge__title strong { padding-bottom: 8px; } } .c-badge--additional { transform: translate3d(-10%, -30%, 0); } .c-badge--additional .c-badge__text { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; border: 0; margin-top: 0; padding-top: 0; } @media screen and (min-width: 375px) { .c-badge--additional .c-badge__text { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-badge--additional .c-badge__text { padding-left: 16px; padding-right: 16px; } } .c-badge--primary { background: var(--c-primary); color: var(--c-white); } .c-badge--secondary { background: var(--c-white); color: var(--c-primary); } .c-badge--tertiary { background: var(--c-grey); color: var(--c-primary); } /* |-------------------------------------------------------------------------- | .c-badgeLink |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/badge/link'; */ .c-badgeLink { text-decoration: none; display: inline-block; transition: transform 0.3s ease-in-out; } .c-badgeLink:hover { transform: scale(1.05) rotate(-10deg); } .c-badgeLink--additional:hover { transform: scale(1.05); } /* |-------------------------------------------------------------------------- | .c-breadcrumb |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/breadcrumb/breadcrumb'; */ .c-breadcrumb { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 32px; } @media (min-width: 768px) { .c-breadcrumb { max-width: 800px; } } @media (min-width: 1024px) { .c-breadcrumb { max-width: 1200px; } } @media (min-width: 1440px) { .c-breadcrumb { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-breadcrumb { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-breadcrumb { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-breadcrumb { margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-breadcrumb { margin-top: 64px; } } .c-breadcrumb__items { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .c-breadcrumb__item { display: flex; align-items: center; } .c-breadcrumb__divider { margin-left: 10px; margin-right: 10px; display: flex; align-items: center; color: var(--c-secondary); } @media screen and (min-width: 375px) { .c-breadcrumb__divider { margin-left: calc(10px + 8 * (100vw - 375px) / (1065)); margin-right: calc(10px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-breadcrumb__divider { margin-left: 18px; margin-right: 18px; } } .c-breadcrumb__current { color: var(--c-primary); font-family: "Lato", serif; font-size: 12.17391px; text-transform: uppercase; font-weight: 700; } @media (min-width: 375px) and (max-width: 1440px) { .c-breadcrumb__current { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-breadcrumb__current { font-size: 12.8px; } } @media (min-width: 768px) { .c-breadcrumb__current { font-size: 14px; } } @media (min-width: 768px) and (min-width: 375px) and (max-width: 1440px) { .c-breadcrumb__current { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 768px) and (min-width: 1440px) { .c-breadcrumb__current { font-size: 16px; } } .c-breadcrumb--roomDetail, .c-breadcrumb--packageDetail { float: none; margin-left: unset; margin-right: unset; width: unset; max-width: unset; padding-left: unset; padding-right: unset; margin-top: unset; } /* |-------------------------------------------------------------------------- | .c-buttonIcon |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/button/icon'; */ .c-buttonIcon { border: none; background-color: var(--c-primary); } /* |-------------------------------------------------------------------------- | .c-cardPackage |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/card/package'; */ .c-cardPackage { display: flex; flex-direction: column; align-items: center; overflow-y: visible; } .c-cardPackage__container { transition: box-shadow .3s ease-out, transform .3s ease-out; max-width: 460px; width: 100%; } @media (min-width: 1024px) { .c-cardPackage__container:hover { box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1); transform: translateY(-5px); } } .c-cardPackage__content { padding-top: 16px; padding-bottom: 16px; padding-right: 8px; padding-left: 8px; background-color: var(--c-white); width: 100%; } @media screen and (min-width: 375px) { .c-cardPackage__content { padding-top: calc(16px + 16 * (100vw - 375px) / (1065)); padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPackage__content { padding-top: 32px; padding-bottom: 32px; } } @media screen and (min-width: 375px) { .c-cardPackage__content { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPackage__content { padding-right: 16px; padding-left: 16px; } } .c-cardPackage__caption { margin-top: 16px; } @media screen and (min-width: 375px) { .c-cardPackage__caption { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPackage__caption { margin-top: 32px; } } .c-cardPackage__price { margin-top: 24px; } @media screen and (min-width: 375px) { .c-cardPackage__price { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPackage__price { margin-top: 48px; } } .c-cardPackage__ctas { display: flex; justify-content: center; margin-top: 16px; } @media screen and (min-width: 375px) { .c-cardPackage__ctas { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPackage__ctas { margin-top: 32px; } } .c-cardPackage__ctas .c-cardPackage__cta:first-child { margin-right: 8px; } @media screen and (min-width: 375px) { .c-cardPackage__ctas .c-cardPackage__cta:first-child { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPackage__ctas .c-cardPackage__cta:first-child { margin-right: 16px; } } /* |-------------------------------------------------------------------------- | .c-cardPlatform |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/card/platform'; */ .c-cardPlatform { text-align: center; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } @media screen and (min-width: 375px) { .c-cardPlatform { padding-left: calc(10px + 10 * (100vw - 375px) / (1065)); padding-right: calc(10px + 10 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatform { padding-left: 20px; padding-right: 20px; } } @media screen and (min-width: 375px) { .c-cardPlatform { padding-top: calc(10px + 10 * (100vw - 375px) / (1065)); padding-bottom: calc(10px + 10 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatform { padding-top: 20px; padding-bottom: 20px; } } .c-cardPlatform__label { font-size: 14px; } @media (min-width: 375px) and (max-width: 1440px) { .c-cardPlatform__label { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-cardPlatform__label { font-size: 16px; } } .c-cardPlatform__value { margin-top: 12px; font-size: 16.1px; } @media screen and (min-width: 375px) { .c-cardPlatform__value { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatform__value { margin-top: 24px; } } @media (min-width: 375px) and (max-width: 1440px) { .c-cardPlatform__value { font-size: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-cardPlatform__value { font-size: 20px; } } .c-cardPlatform__divider { margin-top: 4px; margin-left: auto; margin-right: auto; border-top: 1px solid; width: 24px; } @media screen and (min-width: 375px) { .c-cardPlatform__divider { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatform__divider { margin-top: 8px; } } .c-cardPlatform__max { margin-top: 4px; } @media screen and (min-width: 375px) { .c-cardPlatform__max { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatform__max { margin-top: 8px; } } .c-cardPlatform__infos { margin-top: 8px; font-size: 12.17391px; } @media screen and (min-width: 375px) { .c-cardPlatform__infos { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatform__infos { margin-top: 16px; } } @media (min-width: 375px) and (max-width: 1440px) { .c-cardPlatform__infos { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-cardPlatform__infos { font-size: 12.8px; } } .c-cardPlatform__info { margin-top: 4px; } @media screen and (min-width: 375px) { .c-cardPlatform__info { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatform__info { margin-top: 8px; } } /* |-------------------------------------------------------------------------- | .c-cardPlatformSummary |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/card/platformSummary'; */ .c-cardPlatformSummary { text-align: center; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } @media screen and (min-width: 375px) { .c-cardPlatformSummary { padding-left: calc(10px + 10 * (100vw - 375px) / (1065)); padding-right: calc(10px + 10 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatformSummary { padding-left: 20px; padding-right: 20px; } } @media screen and (min-width: 375px) { .c-cardPlatformSummary { padding-top: calc(10px + 10 * (100vw - 375px) / (1065)); padding-bottom: calc(10px + 10 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatformSummary { padding-top: 20px; padding-bottom: 20px; } } .c-cardPlatformSummary__label { font-size: 14px; } @media (min-width: 375px) and (max-width: 1440px) { .c-cardPlatformSummary__label { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-cardPlatformSummary__label { font-size: 16px; } } .c-cardPlatformSummary__value { margin-top: 12px; font-size: 16.1px; } @media screen and (min-width: 375px) { .c-cardPlatformSummary__value { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatformSummary__value { margin-top: 24px; } } @media (min-width: 375px) and (max-width: 1440px) { .c-cardPlatformSummary__value { font-size: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-cardPlatformSummary__value { font-size: 20px; } } .c-cardPlatformSummary__divider { margin-top: 4px; margin-left: auto; margin-right: auto; border-top: 1px solid; width: 24px; } @media screen and (min-width: 375px) { .c-cardPlatformSummary__divider { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatformSummary__divider { margin-top: 8px; } } .c-cardPlatformSummary__max { margin-top: 4px; } @media screen and (min-width: 375px) { .c-cardPlatformSummary__max { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatformSummary__max { margin-top: 8px; } } .c-cardPlatformSummary__infos { margin-top: 12px; font-size: 12.17391px; } @media screen and (min-width: 375px) { .c-cardPlatformSummary__infos { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatformSummary__infos { margin-top: 24px; } } @media (min-width: 375px) and (max-width: 1440px) { .c-cardPlatformSummary__infos { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-cardPlatformSummary__infos { font-size: 12.8px; } } .c-cardPlatformSummary__info { margin-top: 4px; } @media screen and (min-width: 375px) { .c-cardPlatformSummary__info { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardPlatformSummary__info { margin-top: 8px; } } .c-cardPlatformSummary--hq { color: var(--c-primary); border: 1px solid; } /* |-------------------------------------------------------------------------- | .c-cardRoom |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/card/room'; */ .c-cardRoom { display: flex; flex-direction: column; } .c-cardRoom__name { display: flex; justify-content: center; } .c-cardRoom__headline { position: relative; top: 20px; padding-right: 8px; padding-left: 8px; } @media screen and (min-width: 375px) { .c-cardRoom__headline { top: calc(20px + 17 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__headline { top: 37px; } } @media screen and (min-width: 375px) { .c-cardRoom__headline { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__headline { padding-right: 16px; padding-left: 16px; } } .c-cardRoom__row { display: flex; justify-content: center; } .c-cardRoom__content { min-width: 305px; width: auto; height: auto; min-height: 210px; background-color: var(--c-white); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-right: 8px; padding-left: 8px; padding-top: 16px; padding-bottom: 16px; transition: box-shadow .3s ease-out, transform .3s ease-out; top: -30px; } @media screen and (min-width: 375px) { .c-cardRoom__content { min-height: calc(210px + 95 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__content { min-height: 305px; } } @media screen and (min-width: 375px) { .c-cardRoom__content { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__content { padding-right: 16px; padding-left: 16px; } } @media screen and (min-width: 375px) { .c-cardRoom__content { padding-top: calc(16px + 16 * (100vw - 375px) / (1065)); padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__content { padding-top: 32px; padding-bottom: 32px; } } @media screen and (min-width: 375px) { .c-cardRoom__content { top: calc(-30px + -30 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__content { top: -60px; } } @media (min-width: 1024px) { .c-cardRoom__content:hover { box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1); transform: translateY(-5px); } } .c-cardRoom__image { z-index: -1; width: 100vw; left: 50%; transform: translateX(-50%); } @media (min-width: 768px) { .c-cardRoom__image { width: 100%; left: unset; transform: translateX(0); } } .c-cardRoom__badge { position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); } .c-cardRoom__general { display: flex; color: var(--c-primary); } .c-cardRoom__general > div { display: flex; align-items: center; padding-right: 16px; padding-left: 16px; padding-top: 4px; padding-bottom: 4px; text-transform: uppercase; font-family: "Lato", serif; } @media screen and (min-width: 375px) { .c-cardRoom__general > div { padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__general > div { padding-right: 32px; padding-left: 32px; } } @media screen and (min-width: 375px) { .c-cardRoom__general > div { padding-top: calc(4px + 4 * (100vw - 375px) / (1065)); padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__general > div { padding-top: 8px; padding-bottom: 8px; } } .c-cardRoom__general > div:first-child { border-right: 1px solid var(--c-primary); } .c-cardRoom__icon { margin-right: 8px; } @media screen and (min-width: 375px) { .c-cardRoom__icon { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__icon { margin-right: 16px; } } .c-cardRoom__ctas { display: flex; } .c-cardRoom__ctas > div:first-child { margin-right: 8px; } @media screen and (min-width: 375px) { .c-cardRoom__ctas > div:first-child { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-cardRoom__ctas > div:first-child { margin-right: 16px; } } /* |-------------------------------------------------------------------------- | .c-code |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/code/code'; */ .c-code { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-code { max-width: 800px; } } @media (min-width: 1024px) { .c-code { max-width: 1200px; } } @media (min-width: 1440px) { .c-code { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-code { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-code { padding-left: 32px; padding-right: 32px; } } /* |-------------------------------------------------------------------------- | .c-embed |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/embed/embed'; */ .c-embed { margin-top: 76px; } @media screen and (min-width: 375px) { .c-embed { margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embed { margin-top: 152px; } } .c-embed__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-embed__container { max-width: 800px; } } @media (min-width: 1024px) { .c-embed__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-embed__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-embed__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embed__container { padding-left: 32px; padding-right: 32px; } } .c-embed__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-embed__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embed__row { margin-left: -16px; margin-right: -16px; } } .c-embed__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-embed__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embed__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-embed__col { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1440px) { .c-embed__col { width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); } } .c-embed__embed { position: relative; } .c-embed__embed::before { content: ''; display: block; padding-top: calc(9/16 * 100%); } /* |-------------------------------------------------------------------------- | .c-embedGoogleMaps |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/embed/googleMaps'; */ .c-embedGoogleMaps { margin-top: 48px; } @media screen and (min-width: 375px) { .c-embedGoogleMaps { margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embedGoogleMaps { margin-top: 96px; } } .c-embedGoogleMaps__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-embedGoogleMaps__container { max-width: 800px; } } @media (min-width: 1024px) { .c-embedGoogleMaps__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-embedGoogleMaps__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-embedGoogleMaps__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embedGoogleMaps__container { padding-left: 32px; padding-right: 32px; } } .c-embedGoogleMaps__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-embedGoogleMaps__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embedGoogleMaps__row { margin-left: -16px; margin-right: -16px; } } .c-embedGoogleMaps__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-embedGoogleMaps__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embedGoogleMaps__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-embedGoogleMaps__col { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1024px) { .c-embedGoogleMaps__col { width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); } } .c-embedGoogleMaps__gmWrapper { position: relative; } .c-embedGoogleMaps__gmWrapper::before { content: ''; display: block; padding-top: calc(9/16 * 100%); } .c-embedGoogleMaps__gmContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .c-embedGoogleMaps__gmInfoWindow { display: none; } /* |-------------------------------------------------------------------------- | .c-embedOverlay |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/embed/overlay'; */ .c-embedOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--c-grey); overflow: hidden; display: flex; align-items: center; justify-content: center; } .c-embedOverlay__content { position: relative; display: flex; align-items: center; flex-direction: column; width: 100%; max-width: 1000px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 16px; padding-right: 16px; } @media screen and (min-width: 375px) { .c-embedOverlay__content { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embedOverlay__content { padding-left: 32px; padding-right: 32px; } } .c-embedOverlay__cta { margin-top: 16px; } @media screen and (min-width: 375px) { .c-embedOverlay__cta { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-embedOverlay__cta { margin-top: 32px; } } .c-embedOverlay__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /* |-------------------------------------------------------------------------- | .c-formLogin |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/form/login'; */ .c-formLogin { margin-top: 32px; } @media screen and (min-width: 375px) { .c-formLogin { margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-formLogin { margin-top: 64px; } } .c-formLogin__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-formLogin__container { max-width: 800px; } } @media (min-width: 1024px) { .c-formLogin__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-formLogin__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-formLogin__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-formLogin__container { padding-left: 32px; padding-right: 32px; } } .c-formLogin__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-formLogin__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-formLogin__row { margin-left: -16px; margin-right: -16px; } } .c-formLogin__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; gap: 32px 16px; display: flex; flex-direction: column; flex-wrap: wrap; } @media screen and (min-width: 375px) { .c-formLogin__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-formLogin__col { padding-left: 16px; padding-right: 16px; } } .c-formLogin__col > div { flex-grow: 1; } @media (min-width: 768px) { .c-formLogin__col { margin-left: calc(2 / 12 * 100%); width: calc(8 / 12 * 100%); flex-direction: row; } } @media (min-width: 1024px) { .c-formLogin__col { margin-left: calc(3 / 12 * 100%); width: calc(6 / 12 * 100%); } } .c-formLogin__submit { width: 100%; } /* |-------------------------------------------------------------------------- | .c-formNewsletter |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/form/newsletter'; */ .c-formNewsletter { margin-top: 48px; } @media screen and (min-width: 375px) { .c-formNewsletter { margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-formNewsletter { margin-top: 96px; } } .c-formNewsletter__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-formNewsletter__container { max-width: 800px; } } @media (min-width: 1024px) { .c-formNewsletter__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-formNewsletter__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-formNewsletter__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-formNewsletter__container { padding-left: 32px; padding-right: 32px; } } .c-formNewsletter__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; position: relative; } @media screen and (min-width: 375px) { .c-formNewsletter__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-formNewsletter__row { margin-left: -16px; margin-right: -16px; } } .c-formNewsletter__row::before { content: ''; position: absolute; display: block; top: 0; bottom: 0; background: var(--c-grey); z-index: -1; width: calc(6 / 6 * 100vw); left: calc(3 / 6 * 100%); transform: translateX(-50%); } @media (min-width: 768px) { .c-formNewsletter__row::before { width: calc(12 / 12 * 100%); left: 0; transform: translateX(0); } } @media (min-width: 1024px) { .c-formNewsletter__row::before { width: calc(8 / 12 * 100%); left: calc(2 / 12 * 100%); } } .c-formNewsletter__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; padding-top: 44px; padding-bottom: 44px; gap: 32px; display: flex; flex-wrap: wrap; } @media screen and (min-width: 375px) { .c-formNewsletter__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-formNewsletter__col { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-formNewsletter__col { padding-top: calc(44px + 44 * (100vw - 375px) / (1065)); padding-bottom: calc(44px + 44 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-formNewsletter__col { padding-top: 88px; padding-bottom: 88px; } } @media (min-width: 768px) { .c-formNewsletter__col { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1024px) { .c-formNewsletter__col { width: calc(6 / 12 * 100%); margin-left: calc(3 / 12 * 100%); } } .c-formNewsletter__input { flex-grow: 1; flex-shrink: 1; flex-basis: calc(50% - ($gutter * 4)); } .c-formNewsletter__preText { flex: 1 0 100%; } .c-formNewsletter__text { flex: 1 0 100%; } .c-formNewsletter__email { flex: 0 0 100%; } /* |-------------------------------------------------------------------------- | .c-galleryRoomDetail |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/gallery/roomDetail'; */ .c-galleryRoomDetail { overflow: hidden; } .c-galleryRoomDetail__image { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-galleryRoomDetail__image { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-galleryRoomDetail__image { padding-left: 16px; padding-right: 16px; } } .c-galleryRoomDetail__controls { margin-top: 8px; } @media screen and (min-width: 375px) { .c-galleryRoomDetail__controls { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-galleryRoomDetail__controls { margin-top: 16px; } } /* |-------------------------------------------------------------------------- | .c-gridPackageDetail |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/grid/packageDetail'; */ .c-gridPackageDetail { margin-top: 60px; } @media screen and (min-width: 375px) { .c-gridPackageDetail { margin-top: calc(60px + 60 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetail { margin-top: 120px; } } .c-gridPackageDetail__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-gridPackageDetail__container { max-width: 800px; } } @media (min-width: 1024px) { .c-gridPackageDetail__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-gridPackageDetail__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-gridPackageDetail__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetail__container { padding-left: 32px; padding-right: 32px; } } .c-gridPackageDetail__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-gridPackageDetail__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetail__row { margin-left: -16px; margin-right: -16px; } } .c-gridPackageDetail__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-gridPackageDetail__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetail__col { padding-left: 16px; padding-right: 16px; } } .c-gridPackageDetail__col:last-child { margin-top: 20px; } @media screen and (min-width: 375px) { .c-gridPackageDetail__col:last-child { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetail__col:last-child { margin-top: 40px; } } @media (min-width: 768px) { .c-gridPackageDetail__col { width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); } } @media (min-width: 1440px) { .c-gridPackageDetail__col { width: calc(6 / 12 * 100%); margin-left: calc(3 / 12 * 100%); } } .c-gridPackageDetail__text { margin-top: 12px; } @media screen and (min-width: 375px) { .c-gridPackageDetail__text { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetail__text { margin-top: 24px; } } /* |-------------------------------------------------------------------------- | .c-gridPackageDetailPrice |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/grid/packageDetailPrice'; */ .c-gridPackageDetailPrice { margin-top: 24px; } @media screen and (min-width: 375px) { .c-gridPackageDetailPrice { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetailPrice { margin-top: 48px; } } .c-gridPackageDetailPrice__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-gridPackageDetailPrice__container { max-width: 800px; } } @media (min-width: 1024px) { .c-gridPackageDetailPrice__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-gridPackageDetailPrice__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-gridPackageDetailPrice__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetailPrice__container { padding-left: 32px; padding-right: 32px; } } .c-gridPackageDetailPrice__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-gridPackageDetailPrice__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetailPrice__row { margin-left: -16px; margin-right: -16px; } } .c-gridPackageDetailPrice__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-gridPackageDetailPrice__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetailPrice__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-gridPackageDetailPrice__col { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } .c-gridPackageDetailPrice__box { display: flex; padding-top: 24px; padding-bottom: 24px; padding-right: 12px; padding-left: 12px; justify-content: space-around; align-items: center; flex-direction: column; position: relative; } @media screen and (min-width: 375px) { .c-gridPackageDetailPrice__box { padding-top: calc(24px + 24 * (100vw - 375px) / (1065)); padding-bottom: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetailPrice__box { padding-top: 48px; padding-bottom: 48px; } } @media screen and (min-width: 375px) { .c-gridPackageDetailPrice__box { padding-right: calc(12px + 12 * (100vw - 375px) / (1065)); padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetailPrice__box { padding-right: 24px; padding-left: 24px; } } .c-gridPackageDetailPrice__box::before { content: ''; display: block; position: absolute; background: var(--c-grey); width: calc(6 / 6 * 100vw); z-index: -1; top: 0; left: 50%; right: 0; bottom: 0; transform: translateX(-50%); } @media (min-width: 768px) { .c-gridPackageDetailPrice__box::before { width: calc(12 / 12 * 100%); left: 0; transform: translateX(0); } } @media (min-width: 768px) { .c-gridPackageDetailPrice__box { flex-direction: row; } } .c-gridPackageDetailPrice__ctas { display: flex; margin-top: 36px; } @media screen and (min-width: 375px) { .c-gridPackageDetailPrice__ctas { margin-top: calc(36px + 36 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetailPrice__ctas { margin-top: 72px; } } @media (min-width: 768px) { .c-gridPackageDetailPrice__ctas { margin-top: 0px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-gridPackageDetailPrice__ctas { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-gridPackageDetailPrice__ctas { margin-top: 0px; } } .c-gridPackageDetailPrice__ctas .c-gridPackageDetailPrice__cta:first-child { margin-right: 12px; } @media screen and (min-width: 375px) { .c-gridPackageDetailPrice__ctas .c-gridPackageDetailPrice__cta:first-child { margin-right: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackageDetailPrice__ctas .c-gridPackageDetailPrice__cta:first-child { margin-right: 24px; } } /* |-------------------------------------------------------------------------- | .c-gridPackages |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/grid/packages'; */ .c-gridPackages { overflow: hidden; margin-top: 64px; padding-top: 24px; padding-bottom: 24px; } @media screen and (min-width: 375px) { .c-gridPackages { margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackages { margin-top: 128px; } } @media screen and (min-width: 375px) { .c-gridPackages { padding-top: calc(24px + 24 * (100vw - 375px) / (1065)); padding-bottom: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackages { padding-top: 48px; padding-bottom: 48px; } } .c-gridPackages__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-gridPackages__container { max-width: 800px; } } @media (min-width: 1024px) { .c-gridPackages__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-gridPackages__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-gridPackages__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackages__container { padding-left: 32px; padding-right: 32px; } } .c-gridPackages__items { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; position: relative; } @media screen and (min-width: 375px) { .c-gridPackages__items { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackages__items { margin-left: -16px; margin-right: -16px; } } .c-gridPackages__items::before { content: ''; display: block; position: absolute; background: var(--c-grey); top: 75px; bottom: 75px; z-index: -1; left: 50%; transform: translateX(-50%); width: calc(6 / 6 * 100vw); } @media screen and (min-width: 375px) { .c-gridPackages__items::before { top: calc(75px + 75 * (100vw - 375px) / (1065)); bottom: calc(75px + 75 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackages__items::before { top: 150px; bottom: 150px; } } @media (min-width: 768px) { .c-gridPackages__items::before { width: auto; transform: translateX(0); left: -35px; right: -35px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-gridPackages__items::before { left: calc(-35px + -30 * (100vw - 375px) / (1065)); right: calc(-35px + -30 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-gridPackages__items::before { left: -65px; right: -65px; } } .c-gridPackages__items > div { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 64px; } @media screen and (min-width: 375px) { .c-gridPackages__items > div { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackages__items > div { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-gridPackages__items > div { margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackages__items > div { margin-top: 128px; } } .c-gridPackages__items > div:first-child { margin-top: 0px; } @media screen and (min-width: 375px) { .c-gridPackages__items > div:first-child { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackages__items > div:first-child { margin-top: 0px; } } @media (min-width: 768px) { .c-gridPackages__items > div { width: calc(6 / 12 * 100%); } .c-gridPackages__items > div:nth-child(-n+2) { margin-top: 0px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-gridPackages__items > div:nth-child(-n+2) { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-gridPackages__items > div:nth-child(-n+2) { margin-top: 0px; } } @media (min-width: 1440px) { .c-gridPackages__items > div { width: calc(4 / 12 * 100%); } .c-gridPackages__items > div:nth-child(-n+3) { margin-top: 0px; } } @media screen and (min-width: 1440px) and (min-width: 375px) { .c-gridPackages__items > div:nth-child(-n+3) { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .c-gridPackages__items > div:nth-child(-n+3) { margin-top: 0px; } } /* |-------------------------------------------------------------------------- | .c-gridPackagesFilter |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/grid/packagesFilter'; */ .c-gridPackagesFilter { margin-top: 60px; } @media screen and (min-width: 375px) { .c-gridPackagesFilter { margin-top: calc(60px + 60 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter { margin-top: 120px; } } .c-gridPackagesFilter__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-gridPackagesFilter__container { max-width: 800px; } } @media (min-width: 1024px) { .c-gridPackagesFilter__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-gridPackagesFilter__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-gridPackagesFilter__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__container { padding-left: 32px; padding-right: 32px; } } .c-gridPackagesFilter__filter { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-gridPackagesFilter__filter { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__filter { margin-left: -16px; margin-right: -16px; } } .c-gridPackagesFilter__tags { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; width: calc(6 / 6 * 100%); } @media screen and (min-width: 375px) { .c-gridPackagesFilter__tags { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__tags { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-gridPackagesFilter__tags { width: calc(6 / 12 * 100%); } } @media (min-width: 1440px) { .c-gridPackagesFilter__tags { width: calc(8 / 12 * 100%); } } .c-gridPackagesFilter__tagList { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px 32px; } @media screen and (min-width: 375px) { .c-gridPackagesFilter__tagList { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__tagList { margin-top: 24px; } } .c-gridPackagesFilter__time { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 36px; } @media screen and (min-width: 375px) { .c-gridPackagesFilter__time { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__time { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-gridPackagesFilter__time { margin-top: calc(36px + 36 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__time { margin-top: 72px; } } @media (min-width: 768px) { .c-gridPackagesFilter__time { width: calc(6 / 12 * 100%); margin-top: 0px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-gridPackagesFilter__time { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-gridPackagesFilter__time { margin-top: 0px; } } @media (min-width: 1440px) { .c-gridPackagesFilter__time { width: calc(4 / 12 * 100%); } } .c-gridPackagesFilter__monthSelector { margin-top: 12px; } @media screen and (min-width: 375px) { .c-gridPackagesFilter__monthSelector { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__monthSelector { margin-top: 24px; } } .c-gridPackagesFilter__durationSelector { margin-top: 12px; } @media screen and (min-width: 375px) { .c-gridPackagesFilter__durationSelector { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__durationSelector { margin-top: 24px; } } .c-gridPackagesFilter__items { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; position: relative; margin-top: 64px; } @media screen and (min-width: 375px) { .c-gridPackagesFilter__items { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__items { margin-left: -16px; margin-right: -16px; } } @media screen and (min-width: 375px) { .c-gridPackagesFilter__items { margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__items { margin-top: 128px; } } .c-gridPackagesFilter__items::before { content: ''; display: block; position: absolute; background: var(--c-grey); top: 75px; bottom: 75px; z-index: -1; left: 50%; transform: translateX(-50%); width: calc(6 / 6 * 100vw); } @media screen and (min-width: 375px) { .c-gridPackagesFilter__items::before { top: calc(75px + 75 * (100vw - 375px) / (1065)); bottom: calc(75px + 75 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__items::before { top: 150px; bottom: 150px; } } @media (min-width: 768px) { .c-gridPackagesFilter__items::before { width: auto; transform: translateX(0); left: -35px; right: -35px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-gridPackagesFilter__items::before { left: calc(-35px + -30 * (100vw - 375px) / (1065)); right: calc(-35px + -30 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-gridPackagesFilter__items::before { left: -65px; right: -65px; } } .c-gridPackagesFilter__items::after { content: ''; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMTIwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGZyb209IjE1IiB0bz0iMTUiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjAuOHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxNTs5OzE1IiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgZnJvbT0iMSIgdG89IjEiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjAuOHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxOy41OzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjYwIiBjeT0iMTUiIHI9IjkiIGZpbGwtb3BhY2l0eT0iMC4zIj4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBmcm9tPSI5IiB0bz0iOSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9Ijk7MTU7OSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGZyb209IjAuNSIgdG89IjAuNSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9Ii41OzE7LjUiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjEwNSIgY3k9IjE1IiByPSIxNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgZnJvbT0iMTUiIHRvPSIxNSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE1Ozk7MTUiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBmcm9tPSIxIiB0bz0iMSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7LjU7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgo8L3N2Zz4="); position: absolute; transform: translateX(-50%); left: 50%; z-index: 0; pointer-events: none; opacity: 0; transition: .3s ease-in-out; width: 50px; height: 50px; background-size: 50px auto; background-repeat: no-repeat; background-position: center; fill: var(--c-primary); } .c-gridPackagesFilter__items.is-loading::after { opacity: 1; } .c-gridPackagesFilter__items.is-loading > * { opacity: 0; } .c-gridPackagesFilter__items > div { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 64px; } @media screen and (min-width: 375px) { .c-gridPackagesFilter__items > div { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__items > div { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-gridPackagesFilter__items > div { margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__items > div { margin-top: 128px; } } .c-gridPackagesFilter__items > div:first-child { margin-top: 0px; } @media screen and (min-width: 375px) { .c-gridPackagesFilter__items > div:first-child { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridPackagesFilter__items > div:first-child { margin-top: 0px; } } @media (min-width: 768px) { .c-gridPackagesFilter__items > div { width: calc(6 / 12 * 100%); } .c-gridPackagesFilter__items > div:nth-child(-n+2) { margin-top: 0px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-gridPackagesFilter__items > div:nth-child(-n+2) { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-gridPackagesFilter__items > div:nth-child(-n+2) { margin-top: 0px; } } @media (min-width: 1440px) { .c-gridPackagesFilter__items > div { width: calc(4 / 12 * 100%); } .c-gridPackagesFilter__items > div:nth-child(-n+3) { margin-top: 0px; } } @media screen and (min-width: 1440px) and (min-width: 375px) { .c-gridPackagesFilter__items > div:nth-child(-n+3) { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) and (min-width: 1440px) { .c-gridPackagesFilter__items > div:nth-child(-n+3) { margin-top: 0px; } } .c-gridPackagesFilter__noItemsText.is-hidden { display: none; } /* |-------------------------------------------------------------------------- | .c-gridRoomDetail |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/grid/roomDetail'; */ .c-gridRoomDetail { margin-top: 80px; padding-bottom: 100px; } @media screen and (min-width: 375px) { .c-gridRoomDetail { margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail { margin-top: 160px; } } .c-gridRoomDetail__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; position: relative; } @media (min-width: 768px) { .c-gridRoomDetail__container { max-width: 800px; } } @media (min-width: 1024px) { .c-gridRoomDetail__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-gridRoomDetail__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-gridRoomDetail__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__container { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1024px) { .c-gridRoomDetail__container::before { content: ''; display: block; position: absolute; background: var(--c-grey); z-index: -1; top: 0px; bottom: -45px; left: 0px; right: 0px; margin-left: 8px; right: calc(5 / 12 * 100%); } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-gridRoomDetail__container::before { margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-gridRoomDetail__container::before { margin-left: 16px; } } .c-gridRoomDetail__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-gridRoomDetail__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__row { margin-left: -16px; margin-right: -16px; } } .c-gridRoomDetail__properties { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; padding-top: 16px; padding-bottom: 16px; } @media screen and (min-width: 375px) { .c-gridRoomDetail__properties { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__properties { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-gridRoomDetail__properties { padding-top: calc(16px + 16 * (100vw - 375px) / (1065)); padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__properties { padding-top: 32px; padding-bottom: 32px; } } @media (min-width: 1024px) { .c-gridRoomDetail__properties { margin-left: calc(6 / 12 * 100%); width: calc(6 / 12 * 100%); } } .c-gridRoomDetail__info { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; display: flex; flex-direction: column; justify-content: center; order: 2; margin-top: 16px; position: relative; } @media screen and (min-width: 375px) { .c-gridRoomDetail__info { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__info { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-gridRoomDetail__info { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__info { margin-top: 32px; } } .c-gridRoomDetail__info::before { content: ''; display: block; position: absolute; background: var(--c-grey); z-index: -1; top: -120px; bottom: -45px; left: 50%; transform: translateX(-50%); width: calc(6 / 6 * 100vw); } @media screen and (min-width: 375px) { .c-gridRoomDetail__info::before { top: calc(-120px + -55 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__info::before { top: -175px; } } @media screen and (min-width: 375px) { .c-gridRoomDetail__info::before { bottom: calc(-45px + -55 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__info::before { bottom: -100px; } } @media (min-width: 1024px) { .c-gridRoomDetail__info::before { content: none; } } @media (min-width: 1024px) { .c-gridRoomDetail__info { order: 1; width: calc(5 / 12 * 100%); margin-left: calc(1 / 12 * 100%); margin-top: 0px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-gridRoomDetail__info { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-gridRoomDetail__info { margin-top: 0px; } } .c-gridRoomDetail__features { margin-top: 20px; width: calc(4 / 5 * 100%); } @media screen and (min-width: 375px) { .c-gridRoomDetail__features { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__features { margin-top: 40px; } } .c-gridRoomDetail__price { display: flex; align-items: center; margin-top: 20px; } @media screen and (min-width: 375px) { .c-gridRoomDetail__price { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__price { margin-top: 40px; } } .c-gridRoomDetail__price span { text-transform: uppercase; font-family: "Lato", serif; margin-right: 8px; margin-left: 8px; color: var(--c-primary); } @media screen and (min-width: 375px) { .c-gridRoomDetail__price span { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__price span { margin-right: 16px; margin-left: 16px; } } .c-gridRoomDetail__perValues { display: flex; flex-direction: column; } .c-gridRoomDetail__ctas { display: flex; margin-top: 20px; } @media screen and (min-width: 375px) { .c-gridRoomDetail__ctas { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__ctas { margin-top: 40px; } } .c-gridRoomDetail__ctas .c-gridRoomDetail__cta:last-child { margin-left: 8px; } @media screen and (min-width: 375px) { .c-gridRoomDetail__ctas .c-gridRoomDetail__cta:last-child { margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRoomDetail__ctas .c-gridRoomDetail__cta:last-child { margin-left: 16px; } } .c-gridRoomDetail__gallery { width: calc(6 / 6 * 100%); order: 1; } @media (min-width: 1024px) { .c-gridRoomDetail__gallery { width: calc(6 / 12 * 100%); order: 2; } } /* |-------------------------------------------------------------------------- | .c-gridRooms |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/grid/rooms'; */ .c-gridRooms { margin-top: 24px; } @media screen and (min-width: 375px) { .c-gridRooms { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRooms { margin-top: 48px; } } .c-gridRooms__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-gridRooms__container { max-width: 800px; } } @media (min-width: 1024px) { .c-gridRooms__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-gridRooms__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-gridRooms__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRooms__container { padding-left: 32px; padding-right: 32px; } } .c-gridRooms__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-gridRooms__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRooms__row { margin-left: -16px; margin-right: -16px; } } .c-gridRooms__tags { width: calc(12 / 12 * 100%); display: flex; justify-content: center; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; flex-wrap: wrap; gap: 16px; } @media screen and (min-width: 375px) { .c-gridRooms__tags { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRooms__tags { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-gridRooms__tags { border-bottom: 1px solid var(--c-grey); } } .c-gridRooms__tag { border-bottom: 2px solid transparent; } .c-gridRooms__tag:hover { border-color: var(--c-grey); } .c-gridRooms__tag.is-active { border-color: var(--c-primary); color: var(--c-primary); } .c-gridRooms__items { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-gridRooms__items { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRooms__items { margin-left: -16px; margin-right: -16px; } } .c-gridRooms__items > div { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 24px; } @media screen and (min-width: 375px) { .c-gridRooms__items > div { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRooms__items > div { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-gridRooms__items > div { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridRooms__items > div { margin-top: 48px; } } @media (min-width: 1024px) { .c-gridRooms__items > div { width: calc(6 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-gridRooms__items > div { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-gridRooms__items > div { padding-left: 32px; padding-right: 32px; } } .c-gridRooms__items > div.is-hidden { display: none; } /* |-------------------------------------------------------------------------- | .c-imageGallery |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/image/gallery'; */ .c-imageGallery { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-imageGallery { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imageGallery { margin-left: -16px; margin-right: -16px; } } .c-imageGallery__item { width: calc(3 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 16px; position: relative; } @media screen and (min-width: 375px) { .c-imageGallery__item { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imageGallery__item { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-imageGallery__item { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imageGallery__item { margin-top: 32px; } } @media (min-width: 768px) { .c-imageGallery__item { width: calc(4 / 12 * 100%); } } @media (min-width: 1024px) { .c-imageGallery__item { width: calc(3 / 12 * 100%); } } .c-imageGallery__item:hover .c-imageGallery__icon { opacity: 1; } .c-imageGallery__icon { position: absolute; top: 16px; bottom: 16px; left: 24px; right: 24px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease-in-out; } @media screen and (min-width: 375px) { .c-imageGallery__icon { top: calc(16px + 16 * (100vw - 375px) / (1065)); bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imageGallery__icon { top: 32px; bottom: 32px; } } @media screen and (min-width: 375px) { .c-imageGallery__icon { left: calc(24px + 24 * (100vw - 375px) / (1065)); right: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imageGallery__icon { left: 48px; right: 48px; } } .c-imageGallery__icon::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--c-primary-50); mix-blend-mode: multiply; } .c-imageGallery__svg { position: relative; } /* |-------------------------------------------------------------------------- | .c-imagePackageDetail |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/image/packageDetail'; */ .c-imagePackageDetail__badge { position: absolute; bottom: -15px; right: 5%; transform: translate(0, 0%); } @media (min-width: 768px) { .c-imagePackageDetail__badge { bottom: 5%; right: 0; transform: translate(50%, 0%); } } .c-imagePackageDetail__image { height: 100%; } .c-imagePackageDetail__image img { height: 50vh; min-height: 355px; } @media (min-width: 768px) { .c-imagePackageDetail__image img { min-height: 100%; height: 100vh; } } /* |-------------------------------------------------------------------------- | .c-imageRoomDetail |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/image/roomDetail'; */ .c-imageRoomDetail__badge { position: absolute; bottom: -15px; right: 5%; transform: translate(0, 0%); } @media (min-width: 768px) { .c-imageRoomDetail__badge { bottom: 5%; right: 0; transform: translate(50%, 0%); } } .c-imageRoomDetail__image { height: 100%; } .c-imageRoomDetail__image img { height: 50vh; min-height: 355px; } @media (min-width: 768px) { .c-imageRoomDetail__image img { min-height: 100%; height: 100vh; } } /* |-------------------------------------------------------------------------- | .c-imageSingle |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/image/single'; */ .c-imageSingle { margin-top: 76px; } @media screen and (min-width: 375px) { .c-imageSingle { margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imageSingle { margin-top: 152px; } } .c-imageSingle__content { max-width: 1920px; margin: 0 auto; width: 100%; } /* |-------------------------------------------------------------------------- | .c-imprint |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/imprint/imprint'; */ .c-imprint { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 40px; position: relative; } @media (min-width: 768px) { .c-imprint { max-width: 800px; } } @media (min-width: 1024px) { .c-imprint { max-width: 1200px; } } @media (min-width: 1440px) { .c-imprint { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-imprint { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imprint { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-imprint { margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imprint { margin-top: 80px; } } .c-imprint__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-imprint__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imprint__row { margin-left: -16px; margin-right: -16px; } } .c-imprint__text { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-imprint__text { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imprint__text { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-imprint__text { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } .c-imprint__text h1 { font-size: 21.29225px; line-height: 24.48609px; } @media (min-width: 375px) and (max-width: 1440px) { .c-imprint__text h1 { font-size: calc( 21.29225px + 9.95775 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-imprint__text h1 { font-size: 31.25px; } } @media (min-width: 375px) and (max-width: 1440px) { .c-imprint__text h1 { line-height: calc( 24.48609px + 14.57641 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-imprint__text h1 { line-height: 39.0625px; } } .c-imprint__text h2 { font-size: 18.515px; line-height: 21.29225px; margin-top: 16px; } @media (min-width: 375px) and (max-width: 1440px) { .c-imprint__text h2 { font-size: calc( 18.515px + 6.485 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-imprint__text h2 { font-size: 25px; } } @media (min-width: 375px) and (max-width: 1440px) { .c-imprint__text h2 { line-height: calc( 21.29225px + 9.95775 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-imprint__text h2 { line-height: 31.25px; } } @media screen and (min-width: 375px) { .c-imprint__text h2 { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imprint__text h2 { margin-top: 32px; } } .c-imprint__text h3, .c-imprint__text h4 { font-family: "Lato", serif; font-size: 16.1px; line-height: 18.515px; margin-top: 16px; } @media (min-width: 375px) and (max-width: 1440px) { .c-imprint__text h3, .c-imprint__text h4 { font-size: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-imprint__text h3, .c-imprint__text h4 { font-size: 20px; } } @media (min-width: 375px) and (max-width: 1440px) { .c-imprint__text h3, .c-imprint__text h4 { line-height: calc( 18.515px + 6.485 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-imprint__text h3, .c-imprint__text h4 { line-height: 25px; } } @media screen and (min-width: 375px) { .c-imprint__text h3, .c-imprint__text h4 { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imprint__text h3, .c-imprint__text h4 { margin-top: 32px; } } .c-imprint__text h3 + p, .c-imprint__text h4 + p { margin-top: 8px; } @media screen and (min-width: 375px) { .c-imprint__text h3 + p, .c-imprint__text h4 + p { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-imprint__text h3 + p, .c-imprint__text h4 + p { margin-top: 16px; } } /* |-------------------------------------------------------------------------- | .c-languageSwitch |-------------------------------------------------------------------------- */ .c-languageSwitch { position: relative; } .c-languageSwitch__current { font-family: "Lato", serif; font-size: 16.1px; width: 55px; height: 55px; /* background-color: var(--c-white); */ text-transform: uppercase; height: 80px; align-items: center; justify-content: center; display: inline-flex; position: relative; } @media (min-width: 375px) and (max-width: 1440px) { .c-languageSwitch__current { font-size: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-languageSwitch__current { font-size: 20px; } } @media screen and (min-width: 375px) { .c-languageSwitch__current { width: calc(55px + 25 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-languageSwitch__current { width: 80px; } } @media screen and (min-width: 375px) { .c-languageSwitch__current { height: calc(55px + 25 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-languageSwitch__current { height: 80px; } } .c-languageSwitch__current::after { content: ''; position: absolute; display: block; bottom: 0; left: 50%; transform: translate3d(-50%, 0, 0); width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent var(--c-primary) transparent; opacity: 0; transition: opacity 0.2s 0.3s; } .is-open .c-languageSwitch__current::after { opacity: 1; transition: opacity 0.2s; } .c-languageSwitch__languages { position: absolute; top: 100%; left: 0; width: 100%; pointer-events: none; } .is-open .c-languageSwitch__languages { pointer-events: all; } .c-languageSwitch__language { background-color: var(--c-primary); opacity: 0; } .c-languageSwitch__language:nth-child(1) { transition: opacity 0.2s 0.2s; } .c-languageSwitch__language:nth-child(2) { transition: opacity 0.2s 0.1s; } .c-languageSwitch__language:nth-child(3) { transition: opacity 0.3s; } .is-open .c-languageSwitch__language { opacity: 1; } .is-open .c-languageSwitch__language:nth-child(1) { transition: opacity 0.2s; } .is-open .c-languageSwitch__language:nth-child(2) { transition: opacity 0.2s 0.1s; } .is-open .c-languageSwitch__language:nth-child(3) { transition: opacity 0.2s 0.2s; } .c-languageSwitch__link { padding-top: 8px; padding-bottom: 8px; width: 100%; text-align: center; } @media screen and (min-width: 375px) { .c-languageSwitch__link { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-languageSwitch__link { padding-top: 16px; } } @media screen and (min-width: 375px) { .c-languageSwitch__link { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-languageSwitch__link { padding-bottom: 16px; } } /* |-------------------------------------------------------------------------- | .c-linkIcon |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/link/icon'; */ .c-linkIcon { display: inline-block; text-decoration: none; transition: all 0.3s ease-in-out; } .c-linkIcon:hover { color: var(--c-primary); } /* |-------------------------------------------------------------------------- | .c-linkTextIcon |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/link/textIcon'; */ .c-linkTextIcon { font-family: "Lato", serif; font-size: 12.17391px; font-weight: 900; text-decoration: none; text-transform: uppercase; letter-spacing: 0.17em; text-decoration: none; display: inline-flex; align-items: center; gap: 16px; } @media (min-width: 375px) and (max-width: 1440px) { .c-linkTextIcon { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-linkTextIcon { font-size: 12.8px; } } .c-linkTextIcon--hoverColorChange { color: var(--c-text); transition: color .3s ease-out; } .c-linkTextIcon--hoverColorChange:hover { color: var(--c-primary); } .c-linkTextIcon--hoverAnimate .c-linkTextIcon__icon { transition: transform .3s ease-out; } .c-linkTextIcon--hoverAnimate:hover .c-linkTextIcon__icon { transform: translateX(8px); } /* |-------------------------------------------------------------------------- | .c-listDownloads |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/list/downloads'; */ .c-listDownloads { margin-top: 48px; } @media screen and (min-width: 375px) { .c-listDownloads { margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-listDownloads { margin-top: 96px; } } .c-listDownloads__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-listDownloads__container { max-width: 800px; } } @media (min-width: 1024px) { .c-listDownloads__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-listDownloads__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-listDownloads__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-listDownloads__container { padding-left: 32px; padding-right: 32px; } } .c-listDownloads__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-listDownloads__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-listDownloads__row { margin-left: -16px; margin-right: -16px; } } .c-listDownloads__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-listDownloads__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-listDownloads__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-listDownloads__col { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1024px) { .c-listDownloads__col { width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); } } .c-listDownloads__item { border-bottom: 1px solid var(--c-grey); padding-top: 12px; padding-bottom: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } @media screen and (min-width: 375px) { .c-listDownloads__item { padding-top: calc(12px + 12 * (100vw - 375px) / (1065)); padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-listDownloads__item { padding-top: 24px; padding-bottom: 24px; } } .c-listDownloads__item:first-child { border-top: 1px solid var(--c-grey); } /* |-------------------------------------------------------------------------- | .c-logoHome |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/logo/home'; */ .c-logoHome { display: block; text-decoration: none; } /* |-------------------------------------------------------------------------- | .c-logo |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/logo/logo'; */ .c-logo { color: var(--c-black); } .c-logo--white { color: var(--c-white); } /* |-------------------------------------------------------------------------- | .c-modalDataPrivacy |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/modal/dataPrivacy'; */ #modalPrivacyPolicy { z-index: 20000; } #modalPrivacyPolicy .modal-body { overflow: auto; } #modalPrivacyPolicy .e-text { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { #modalPrivacyPolicy .e-text { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { #modalPrivacyPolicy .e-text { padding-left: 16px; padding-right: 16px; } } #modalPrivacyPolicy .e-text h1 { font-size: 16.1px; line-height: 18.515px; } @media (min-width: 375px) and (max-width: 1440px) { #modalPrivacyPolicy .e-text h1 { font-size: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { #modalPrivacyPolicy .e-text h1 { font-size: 20px; } } @media (min-width: 375px) and (max-width: 1440px) { #modalPrivacyPolicy .e-text h1 { line-height: calc( 18.515px + 6.485 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { #modalPrivacyPolicy .e-text h1 { line-height: 25px; } } #modalPrivacyPolicy .e-text h2 { font-size: 14px; line-height: 16.1px; margin-top: 6.4px; } @media (min-width: 375px) and (max-width: 1440px) { #modalPrivacyPolicy .e-text h2 { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { #modalPrivacyPolicy .e-text h2 { font-size: 16px; } } @media (min-width: 375px) and (max-width: 1440px) { #modalPrivacyPolicy .e-text h2 { line-height: calc( 16.1px + 3.9 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { #modalPrivacyPolicy .e-text h2 { line-height: 20px; } } @media screen and (min-width: 375px) { #modalPrivacyPolicy .e-text h2 { margin-top: calc(6.4px + 6.4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { #modalPrivacyPolicy .e-text h2 { margin-top: 12.8px; } } #modalPrivacyPolicy .e-text h3, #modalPrivacyPolicy .e-text h4 { font-family: "Lato", serif; font-size: 12.17391px; line-height: 14px; margin-top: 16px; } @media (min-width: 375px) and (max-width: 1440px) { #modalPrivacyPolicy .e-text h3, #modalPrivacyPolicy .e-text h4 { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { #modalPrivacyPolicy .e-text h3, #modalPrivacyPolicy .e-text h4 { font-size: 12.8px; } } @media (min-width: 375px) and (max-width: 1440px) { #modalPrivacyPolicy .e-text h3, #modalPrivacyPolicy .e-text h4 { line-height: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { #modalPrivacyPolicy .e-text h3, #modalPrivacyPolicy .e-text h4 { line-height: 16px; } } @media screen and (min-width: 375px) { #modalPrivacyPolicy .e-text h3, #modalPrivacyPolicy .e-text h4 { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { #modalPrivacyPolicy .e-text h3, #modalPrivacyPolicy .e-text h4 { margin-top: 32px; } } #modalPrivacyPolicy .e-text h3 + p, #modalPrivacyPolicy .e-text h4 + p { margin-top: 4px; } @media screen and (min-width: 375px) { #modalPrivacyPolicy .e-text h3 + p, #modalPrivacyPolicy .e-text h4 + p { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { #modalPrivacyPolicy .e-text h3 + p, #modalPrivacyPolicy .e-text h4 + p { margin-top: 8px; } } #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table { font-size: 10.58601px; line-height: 12.17391px; } @media (min-width: 375px) and (max-width: 1440px) { #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table { font-size: calc( 10.58601px + -0.34601 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table { font-size: 10.24px; } } @media (min-width: 375px) and (max-width: 1440px) { #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table { line-height: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table { line-height: 12.8px; } } /* |-------------------------------------------------------------------------- | .c-navigation |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/navigation/navigation'; */ .c-navigation { position: fixed; top: -100vh; left: 0; width: 100vw; height: 100vh; background: var(--c-grey); transition: top 0.5s ease-in-out; } .nav-open .c-navigation { top: 0; } .c-navigation__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 64px; } @media (min-width: 768px) { .c-navigation__container { max-width: 800px; } } @media (min-width: 1024px) { .c-navigation__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-navigation__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-navigation__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__container { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-navigation__container { margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__container { margin-top: 128px; } } @media (min-width: 1024px) { .c-navigation__container { margin-top: 0; } } .c-navigation__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; align-items: center; } @media screen and (min-width: 375px) { .c-navigation__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__row { margin-left: -16px; margin-right: -16px; } } .c-navigation__menu { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; padding-top: 55px; } @media screen and (min-width: 375px) { .c-navigation__menu { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__menu { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-navigation__menu { padding-top: calc(55px + 25 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__menu { padding-top: 80px; } } @media (min-width: 768px) { .c-navigation__menu { width: calc(6 / 12 * 100%); margin-left: calc(1 / 12 * 100%); position: relative; } } .c-navigation__level1 { font-size: 24.48609px; font-weight: 400; text-decoration: none; text-transform: uppercase; } @media (min-width: 375px) and (max-width: 1440px) { .c-navigation__level1 { font-size: calc( 24.48609px + 14.57641 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-navigation__level1 { font-size: 39.0625px; } } @media (min-width: 768px) { .c-navigation__level1 { width: 50%; } } .c-navigation__level1 > .c-navigation__linkItem > .c-navigation__link { position: relative; } .c-navigation__level1 > .c-navigation__linkItem > .c-navigation__link::before { content: ''; width: 45px; height: 15px; display: block; position: absolute; right: 100%; top: 50%; transform: translate3d(0, -50%, 0); background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iYjM4MmIwNWMtYTBkMS00YTJlLThlYzUtOWI1MTQ3OGEwOWNkIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM3LjczIDE0LjE2Ij48ZyBpZD0iZWVlZGVlZGUtNTk0ZC00YTg1LTlkYmUtMGMwYzQxOTFhODdjIiBkYXRhLW5hbWU9IkdydXBwZSA1MDU3Ij48ZyBpZD0iYTJkOTViMTEtNzZjZS00OGYzLWExMDgtNWZmMzAzMjhkZWYyIiBkYXRhLW5hbWU9IkdydXBwZSA1MDU0Ij48ZyBpZD0iYThiMjExOTctZmFkNC00NjQ4LWJjM2QtNTA3NDE4MWY3ODVmIiBkYXRhLW5hbWU9IkdydXBwZSA1MDUyIj48cGF0aCBpZD0iZjExY2I1MTYtYmY5Zi00NjZkLWJhZGUtZTJlYzIyYzRmOWNhIiBkYXRhLW5hbWU9IlBmYWQgMTU1MTciIGQ9Ik0zMC4xMS41M2w2LjU2LDYuNTUtNi41Niw2LjU1IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggaWQ9ImJiOGVhNjI4LTRkOGQtNDYzYS1hZmQ0LTJjMmU0NTdkYWY4ZCIgZGF0YS1uYW1lPSJQZmFkIDE1NTE4IiBkPSJNMzYuNjcsNy4wOEgwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9nPjwvZz48L2c+PC9zdmc+"); background-size: 45px 15px; margin-right: 24px; opacity: 0; transition: all 0.3s ease-in-out; } @media screen and (min-width: 375px) { .c-navigation__level1 > .c-navigation__linkItem > .c-navigation__link::before { margin-right: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__level1 > .c-navigation__linkItem > .c-navigation__link::before { margin-right: 48px; } } .c-navigation__level1 > .c-navigation__linkItem:hover > .c-navigation__link::before, .c-navigation__level1 > .c-navigation__linkItem.is-open > .c-navigation__link::before { opacity: 1; margin-right: 16px; } @media screen and (min-width: 375px) { .c-navigation__level1 > .c-navigation__linkItem:hover > .c-navigation__link::before, .c-navigation__level1 > .c-navigation__linkItem.is-open > .c-navigation__link::before { margin-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__level1 > .c-navigation__linkItem:hover > .c-navigation__link::before, .c-navigation__level1 > .c-navigation__linkItem.is-open > .c-navigation__link::before { margin-right: 32px; } } .c-navigation__level1 > .is-active > .c-navigation__link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid; } .c-navigation__level2 { font-size: 14px; font-family: "Lato", serif; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; line-height: 1.5625; display: inline-block; pointer-events: none; opacity: 0; transition: opacity 0.5s; height: 0; overflow: hidden; } @media (min-width: 375px) and (max-width: 1440px) { .c-navigation__level2 { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-navigation__level2 { font-size: 16px; } } @media screen and (min-width: 375px) { .c-navigation__level2 { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__level2 { padding-left: 16px; padding-right: 16px; } } .is-open > .c-navigation__level2 { pointer-events: all; opacity: 1; height: var(--js-submenu, 0); transition: height 0.3s, opacity 0.5s 0.5s; } @media (min-width: 768px) { .is-open > .c-navigation__level2 { transition: opacity 0.5s 0.5s; pointer-events: all; opacity: 1; height: var(--js-submenu, 0); } } @media (min-width: 768px) { .c-navigation__level2 { position: absolute; top: 50%; left: 50%; width: calc(4 / 6 * 100%); transform: translate3d(0, -50%, 0); height: auto; } } .c-navigation__level2 .c-navigation__linkItem { margin-top: 5.2px; } @media screen and (min-width: 375px) { .c-navigation__level2 .c-navigation__linkItem { margin-top: calc(5.2px + 5.2 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__level2 .c-navigation__linkItem { margin-top: 10.4px; } } .c-navigation__level2 .c-navigation__linkItem:first-child { margin-top: 12px; } @media screen and (min-width: 375px) { .c-navigation__level2 .c-navigation__linkItem:first-child { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__level2 .c-navigation__linkItem:first-child { margin-top: 24px; } } @media (min-width: 768px) { .c-navigation__level2 .c-navigation__linkItem:first-child { margin-top: 0; } } .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link::after { content: ''; position: absolute; bottom: 0px; left: 0; width: 0; border-bottom: 1px solid; transition: width 0.3s ease-in-out; } .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:hover::after { width: 100%; } .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link::after { width: 100%; } .c-navigation__linkItem { margin-top: 10px; } @media screen and (min-width: 375px) { .c-navigation__linkItem { margin-top: calc(10px + 10 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-navigation__linkItem { margin-top: 20px; } } .c-navigation__linkItem:first-child { margin-top: 0; } .c-navigation__link { color: var(--c-black); text-decoration: none; position: relative; } .c-navigation__image { display: none; } @media (min-width: 1024px) { .c-navigation__image { display: block; position: relative; width: calc(4 / 12 * 100%); margin-left: calc(1 / 12 * 100%); height: 100vh; } } @media (min-width: 1024px) { .c-navigation__background { position: absolute; top: 0; left: 0; height: 100vh; width: calc(50vw - 50%); background-size: cover; background-position: center; display: flex; align-items: flex-end; justify-content: center; transition: opacity 0.5s; padding-bottom: 32px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-navigation__background { padding-bottom: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-navigation__background { padding-bottom: 64px; } } @media (min-width: 1024px) { .c-navigation__background::before { position: absolute; content: ''; display: block; height: 250px; left: 0; right: 0; bottom: 0; background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; opacity: 0.74; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-navigation__background::before { height: calc(250px + 150 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-navigation__background::before { height: 400px; } } .c-navigation__logo { position: relative; } /* |-------------------------------------------------------------------------- | .c-packageDetailIntro |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/package/detailIntro'; */ .c-packageDetailIntro__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-packageDetailIntro__container { max-width: 800px; } } @media (min-width: 1024px) { .c-packageDetailIntro__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-packageDetailIntro__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-packageDetailIntro__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-packageDetailIntro__container { padding-left: 32px; padding-right: 32px; } } .c-packageDetailIntro__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-packageDetailIntro__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-packageDetailIntro__row { margin-left: -16px; margin-right: -16px; } } .c-packageDetailIntro__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-packageDetailIntro__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-packageDetailIntro__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-packageDetailIntro__col { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1440px) { .c-packageDetailIntro__col { width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); } } .c-packageDetailIntro__headline, .c-packageDetailIntro__text { margin-top: 80px; } @media screen and (min-width: 375px) { .c-packageDetailIntro__headline, .c-packageDetailIntro__text { margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-packageDetailIntro__headline, .c-packageDetailIntro__text { margin-top: 160px; } } .c-packageDetailIntro__headline + .c-packageDetailIntro__text { margin-top: 28px; } @media screen and (min-width: 375px) { .c-packageDetailIntro__headline + .c-packageDetailIntro__text { margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-packageDetailIntro__headline + .c-packageDetailIntro__text { margin-top: 56px; } } /* |-------------------------------------------------------------------------- | .c-pageFooter |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/page/footer'; */ .c-pageFooter { background-color: var(--c-grey); } @media (min-width: 768px) { .c-pageFooter { background: none; } } .c-pageFooter__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-pageFooter__container { max-width: 800px; } } @media (min-width: 1024px) { .c-pageFooter__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-pageFooter__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-pageFooter__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__container { padding-left: 32px; padding-right: 32px; } } .c-pageFooter__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; padding-top: 40px; padding-bottom: 80px; } @media screen and (min-width: 375px) { .c-pageFooter__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__row { margin-left: -16px; margin-right: -16px; } } @media screen and (min-width: 375px) { .c-pageFooter__row { padding-top: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__row { padding-top: 80px; } } @media screen and (min-width: 375px) { .c-pageFooter__row { padding-bottom: calc(80px + 80 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__row { padding-bottom: 160px; } } @media (min-width: 768px) { .c-pageFooter__row { padding-top: 20px; padding-bottom: 20px; align-items: center; position: relative; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-pageFooter__row { padding-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-pageFooter__row { padding-top: 40px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-pageFooter__row { padding-bottom: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-pageFooter__row { padding-bottom: 40px; } } @media (min-width: 768px) { .c-pageFooter__row::before { content: ''; display: block; position: absolute; background: var(--c-grey); top: 0; bottom: 0; right: calc(4 / 12 * 100%); width: calc(50vw + 2/12 * 100%); z-index: -1; } } .c-pageFooter__info { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 16px; } @media screen and (min-width: 375px) { .c-pageFooter__info { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__info { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-pageFooter__info { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__info { margin-top: 32px; } } @media (min-width: 768px) { .c-pageFooter__info { width: calc(3 / 12 * 100%); margin-left: calc(2 / 12 * 100%); margin-top: 0; order: 2; } } @media (min-width: 1024px) { .c-pageFooter__info { margin-left: calc(5 / 24 * 100%); } } .c-pageFooter__text { margin-top: 12px; } @media screen and (min-width: 375px) { .c-pageFooter__text { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__text { margin-top: 24px; } } .c-pageFooter__map { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 16px; } @media screen and (min-width: 375px) { .c-pageFooter__map { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__map { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-pageFooter__map { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__map { margin-top: 32px; } } @media (min-width: 768px) { .c-pageFooter__map { width: calc(7 / 12 * 100%); margin-top: 0; order: 1; } } @media (min-width: 1024px) { .c-pageFooter__map { width: calc(13 / 24 * 100%); } } .c-pageFooter__social { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 28px; display: flex; justify-content: center; } @media screen and (min-width: 375px) { .c-pageFooter__social { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__social { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-pageFooter__social { margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__social { margin-top: 56px; } } @media (min-width: 768px) { .c-pageFooter__social { margin-left: calc(9 / 12 * 100%); width: auto; order: 3; justify-content: flex-start; } } @media (min-width: 1024px) { .c-pageFooter__social { order: 4; margin-left: calc(1 / 12 * 100%); } } .c-pageFooter__nav { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 16px; } @media screen and (min-width: 375px) { .c-pageFooter__nav { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__nav { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-pageFooter__nav { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__nav { margin-top: 32px; } } @media (min-width: 768px) { .c-pageFooter__nav { width: calc(8 / 12 * 100%); order: 4; } } @media (min-width: 1024px) { .c-pageFooter__nav { order: 3; } } .c-pageFooter__websline { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 28px; text-align: center; } @media screen and (min-width: 375px) { .c-pageFooter__websline { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__websline { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-pageFooter__websline { margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageFooter__websline { margin-top: 56px; } } @media (min-width: 768px) { .c-pageFooter__websline { order: 5; text-align: left; width: calc(3 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1024px) { .c-pageFooter__websline { margin-left: auto; width: auto; padding-left: 0; } } /* |-------------------------------------------------------------------------- | .c-pageHeader |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/page/header'; */ .c-pageHeader { position: fixed; top: 0; left: 0; z-index: 1000; box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.07); display: flex; background-color: var(--c-white); align-items: center; padding-right: 8px; } @media screen and (min-width: 375px) { .c-pageHeader { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageHeader { padding-right: 16px; } } .c-pageHeader__phone { height: 55px; } @media screen and (min-width: 375px) { .c-pageHeader__phone { height: calc(55px + 25 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageHeader__phone { height: 80px; } } .c-pageHeader__link { display: flex; align-items: center; height: 100%; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-pageHeader__link { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-pageHeader__link { padding-left: 16px; padding-right: 16px; } } .c-pageHeader__link:hover { color: var(--c-primary); } .c-pageHeader__navToggle, .c-pageHeader__i18n, .c-pageHeader__search, .c-pageHeader__phone { position: relative; z-index: 1; } .c-pageHeader__popup { display: none; } /* |-------------------------------------------------------------------------- | .c-popupSearch |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/popup/search'; */ .c-popupSearch__form { display: flex; } .c-popupSearch__input { flex-shrink: 1; flex-grow: 1; } .c-popupSearch__icon { flex-shrink: 0; width: 60px; display: flex; align-items: center; justify-content: center; } /* |-------------------------------------------------------------------------- | .c-ratingPlatformOverview |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/rating/platformOverview'; */ .c-ratingPlatformOverview__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-ratingPlatformOverview__container { max-width: 800px; } } @media (min-width: 1024px) { .c-ratingPlatformOverview__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-ratingPlatformOverview__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-ratingPlatformOverview__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-ratingPlatformOverview__container { padding-left: 32px; padding-right: 32px; } } .c-ratingPlatformOverview__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-ratingPlatformOverview__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-ratingPlatformOverview__row { margin-left: -16px; margin-right: -16px; } } .c-ratingPlatformOverview__col { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; width: calc(6 / 6 * 100%); } @media screen and (min-width: 375px) { .c-ratingPlatformOverview__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-ratingPlatformOverview__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 375px) { .c-ratingPlatformOverview__col { width: calc(3 / 6 * 100%); } } @media (min-width: 768px) { .c-ratingPlatformOverview__col { width: calc(2 / 6 * 100%); } } @media (min-width: 1024px) { .c-ratingPlatformOverview__col { width: calc(2 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } /* |-------------------------------------------------------------------------- | .c-remainingRemainingItems |-------------------------------------------------------------------------- */ .c-remainingItems__tableHead { display: none; float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-remainingItems__tableHead { max-width: 800px; } } @media (min-width: 1024px) { .c-remainingItems__tableHead { max-width: 1200px; } } @media (min-width: 1440px) { .c-remainingItems__tableHead { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-remainingItems__tableHead { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingItems__tableHead { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) { .c-remainingItems__tableHead { display: block; } } .c-remainingItems__tableHead .c-remainingItems__labels { font-family: "Lato", serif; text-transform: uppercase; } .c-remainingItems__tableHead .c-remainingItems__price, .c-remainingItems__tableHead .c-remainingItems__link { display: none; } @media (min-width: 768px) { .c-remainingItems__tableHead .c-remainingItems__price, .c-remainingItems__tableHead .c-remainingItems__link { display: flex; } } .c-remainingItems__tableBody { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-remainingItems__tableBody { max-width: 800px; } } @media (min-width: 1024px) { .c-remainingItems__tableBody { max-width: 1200px; } } @media (min-width: 1440px) { .c-remainingItems__tableBody { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-remainingItems__tableBody { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingItems__tableBody { padding-left: 32px; padding-right: 32px; } } .c-remainingItems__tableRow { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; border-top: 1px solid var(--c-taupe); margin-top: 20px; } @media screen and (min-width: 375px) { .c-remainingItems__tableRow { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingItems__tableRow { margin-left: -16px; margin-right: -16px; } } @media (min-width: 768px) { .c-remainingItems__tableRow { margin-top: 0; } } .c-remainingItems__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; display: flex; align-items: center; flex-direction: column; justify-content: space-around; padding-top: 9px; padding-bottom: 9px; font-family: "Lato", serif; color: var(--c-taupe); } @media screen and (min-width: 375px) { .c-remainingItems__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingItems__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-remainingItems__col { width: calc(1 / 6 * 100%); padding-top: 18px; padding-bottom: 18px; } } @media (min-width: 768px) { .c-remainingItems__room { width: calc(2 / 6 * 100%); } } .c-remainingItems__roomOverlay { display: none; } .c-remainingItems__mark { margin-top: 20px; } @media (min-width: 768px) { .c-remainingItems__mark { margin-top: 0; } } .c-remainingItems__mark mark { background-color: var(--c-primary); color: var(--c-white); } .c-remainingItems__roomOverlayLink { text-align: center; } /* |-------------------------------------------------------------------------- | .c-remainingRoomOverlay |-------------------------------------------------------------------------- */ .c-remainingRoomOverlay, .c-remainingBoardOverlay { display: none; overflow: auto; } .c-remainingRoomOverlay__image, .c-remainingBoardOverlay__image { margin-top: 8px; aspect-ratio: 3/2; } @media screen and (min-width: 375px) { .c-remainingRoomOverlay__image, .c-remainingBoardOverlay__image { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingRoomOverlay__image, .c-remainingBoardOverlay__image { margin-top: 16px; } } .c-remainingRoomOverlay__copy, .c-remainingBoardOverlay__copy { margin-top: 8px; } @media screen and (min-width: 375px) { .c-remainingRoomOverlay__copy, .c-remainingBoardOverlay__copy { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingRoomOverlay__copy, .c-remainingBoardOverlay__copy { margin-top: 16px; } } .c-remainingRoomOverlay__copy h3, .c-remainingRoomOverlay__copy h4, .c-remainingBoardOverlay__copy h3, .c-remainingBoardOverlay__copy h4 { margin-top: 32px; } .c-remainingRoomOverlay__features, .c-remainingBoardOverlay__features { margin-top: 20px; } /* |-------------------------------------------------------------------------- | .c-remainingOverview |-------------------------------------------------------------------------- */ /* |-------------------------------------------------------------------------- | .c-remainingRemainingItems |-------------------------------------------------------------------------- */ .c-remainingItems__tableHead { display: none; float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-remainingItems__tableHead { max-width: 800px; } } @media (min-width: 1024px) { .c-remainingItems__tableHead { max-width: 1200px; } } @media (min-width: 1440px) { .c-remainingItems__tableHead { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-remainingItems__tableHead { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingItems__tableHead { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) { .c-remainingItems__tableHead { display: block; } } .c-remainingItems__tableHead .c-remainingItems__labels { font-family: "Lato", serif; text-transform: uppercase; } .c-remainingItems__tableHead .c-remainingItems__price, .c-remainingItems__tableHead .c-remainingItems__link { display: none; } @media (min-width: 768px) { .c-remainingItems__tableHead .c-remainingItems__price, .c-remainingItems__tableHead .c-remainingItems__link { display: flex; } } .c-remainingItems__tableBody { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-remainingItems__tableBody { max-width: 800px; } } @media (min-width: 1024px) { .c-remainingItems__tableBody { max-width: 1200px; } } @media (min-width: 1440px) { .c-remainingItems__tableBody { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-remainingItems__tableBody { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingItems__tableBody { padding-left: 32px; padding-right: 32px; } } .c-remainingItems__tableRow { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; border-top: 1px solid var(--c-taupe); margin-top: 20px; } @media screen and (min-width: 375px) { .c-remainingItems__tableRow { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingItems__tableRow { margin-left: -16px; margin-right: -16px; } } @media (min-width: 768px) { .c-remainingItems__tableRow { margin-top: 0; } } .c-remainingItems__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; display: flex; align-items: center; flex-direction: column; justify-content: space-around; padding-top: 9px; padding-bottom: 9px; font-family: "Lato", serif; color: var(--c-taupe); } @media screen and (min-width: 375px) { .c-remainingItems__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingItems__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-remainingItems__col { width: calc(1 / 6 * 100%); padding-top: 18px; padding-bottom: 18px; } } @media (min-width: 768px) { .c-remainingItems__room { width: calc(2 / 6 * 100%); } } .c-remainingItems__roomOverlay { display: none; } .c-remainingItems__mark { margin-top: 20px; } @media (min-width: 768px) { .c-remainingItems__mark { margin-top: 0; } } .c-remainingItems__mark mark { background-color: var(--c-primary); color: var(--c-white); } .c-remainingItems__roomOverlayLink { text-align: center; } /* |-------------------------------------------------------------------------- | .c-remainingRoomOverlay |-------------------------------------------------------------------------- */ .c-remainingRoomOverlay, .c-remainingBoardOverlay { display: none; overflow: auto; } .c-remainingRoomOverlay__image, .c-remainingBoardOverlay__image { margin-top: 8px; aspect-ratio: 3/2; } @media screen and (min-width: 375px) { .c-remainingRoomOverlay__image, .c-remainingBoardOverlay__image { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingRoomOverlay__image, .c-remainingBoardOverlay__image { margin-top: 16px; } } .c-remainingRoomOverlay__copy, .c-remainingBoardOverlay__copy { margin-top: 8px; } @media screen and (min-width: 375px) { .c-remainingRoomOverlay__copy, .c-remainingBoardOverlay__copy { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-remainingRoomOverlay__copy, .c-remainingBoardOverlay__copy { margin-top: 16px; } } .c-remainingRoomOverlay__copy h3, .c-remainingRoomOverlay__copy h4, .c-remainingBoardOverlay__copy h3, .c-remainingBoardOverlay__copy h4 { margin-top: 32px; } .c-remainingRoomOverlay__features, .c-remainingBoardOverlay__features { margin-top: 20px; } /* |-------------------------------------------------------------------------- | .c-roomDetailIntro |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/room/detailIntro'; */ .c-roomDetailIntro__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-roomDetailIntro__container { max-width: 800px; } } @media (min-width: 1024px) { .c-roomDetailIntro__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-roomDetailIntro__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-roomDetailIntro__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-roomDetailIntro__container { padding-left: 32px; padding-right: 32px; } } .c-roomDetailIntro__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-roomDetailIntro__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-roomDetailIntro__row { margin-left: -16px; margin-right: -16px; } } .c-roomDetailIntro__col { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-roomDetailIntro__col { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-roomDetailIntro__col { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-roomDetailIntro__col { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1440px) { .c-roomDetailIntro__col { width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); } } .c-roomDetailIntro__headline, .c-roomDetailIntro__text { margin-top: 80px; } @media screen and (min-width: 375px) { .c-roomDetailIntro__headline, .c-roomDetailIntro__text { margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-roomDetailIntro__headline, .c-roomDetailIntro__text { margin-top: 160px; } } .c-roomDetailIntro__headline + .c-roomDetailIntro__text { margin-top: 28px; } @media screen and (min-width: 375px) { .c-roomDetailIntro__headline + .c-roomDetailIntro__text { margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-roomDetailIntro__headline + .c-roomDetailIntro__text { margin-top: 56px; } } /* |-------------------------------------------------------------------------- | .c-sitemap |-------------------------------------------------------------------------- */ .c-sitemap { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 76px; } @media (min-width: 768px) { .c-sitemap { max-width: 800px; } } @media (min-width: 1024px) { .c-sitemap { max-width: 1200px; } } @media (min-width: 1440px) { .c-sitemap { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-sitemap { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitemap { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-sitemap { margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitemap { margin-top: 152px; } } .c-sitemap ul ul { margin-top: 4px; padding-bottom: 32px; border-bottom: 1px solid var(--c-primary); } @media screen and (min-width: 375px) { .c-sitemap ul ul { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitemap ul ul { margin-top: 8px; } } @media screen and (min-width: 375px) { .c-sitemap ul ul { padding-bottom: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitemap ul ul { padding-bottom: 64px; } } .c-sitemap ul li:last-child ul { padding-bottom: 0; border-bottom: 0; } .c-sitemap li { margin-top: 24px; } @media screen and (min-width: 375px) { .c-sitemap li { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitemap li { margin-top: 48px; } } .c-sitemap li:first-child { margin-top: 0; } .c-sitemap li li { display: inline-block; font-size: 12.17391px; margin-top: 8px; margin-right: 24px; } @media (min-width: 375px) and (max-width: 1440px) { .c-sitemap li li { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-sitemap li li { font-size: 12.8px; } } @media screen and (min-width: 375px) { .c-sitemap li li { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitemap li li { margin-top: 16px; } } .c-sitemap li li a { color: var(--c-secondary); } .c-sitemap a { font-family: "Lato", serif; text-decoration: none; text-transform: uppercase; position: relative; letter-spacing: 0.04em; } .c-sitemap a:hover { color: var(--c-primary); } /* |-------------------------------------------------------------------------- | .c-sitenavContainer |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/sitenav/container'; */ .c-sitenavContainer { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 100px; } @media (min-width: 768px) { .c-sitenavContainer { max-width: 800px; } } @media (min-width: 1024px) { .c-sitenavContainer { max-width: 1200px; } } @media (min-width: 1440px) { .c-sitenavContainer { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-sitenavContainer { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitenavContainer { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-sitenavContainer { margin-top: calc(100px + 100 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitenavContainer { margin-top: 200px; } } /* |-------------------------------------------------------------------------- | .c-sitenav |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/sitenav/sitenav'; */ .c-sitenav__items { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; justify-content: center; } @media screen and (min-width: 375px) { .c-sitenav__items { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitenav__items { margin-left: -16px; margin-right: -16px; } } .c-sitenav__item { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 16px; } @media screen and (min-width: 375px) { .c-sitenav__item { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitenav__item { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-sitenav__item { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitenav__item { margin-top: 32px; } } .c-sitenav__item.is-active { color: var(--c-primary); } .c-sitenav__icon { float: left; margin-right: 8px; } @media screen and (min-width: 375px) { .c-sitenav__icon { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sitenav__icon { margin-right: 16px; } } /* |-------------------------------------------------------------------------- | .c-sliderControls |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/slider/controls'; */ .c-sliderControls { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; justify-content: space-between; align-items: center; } @media screen and (min-width: 375px) { .c-sliderControls { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderControls { margin-left: -16px; margin-right: -16px; } } .c-sliderControls--packageBigControls .c-sliderControls__prev { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; transition: transform .3s ease-out; cursor: pointer; } @media screen and (min-width: 375px) { .c-sliderControls--packageBigControls .c-sliderControls__prev { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderControls--packageBigControls .c-sliderControls__prev { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-sliderControls--packageBigControls .c-sliderControls__prev { transform: translateX(0px); } .c-sliderControls--packageBigControls .c-sliderControls__prev:hover { transform: translateX(-16px); transition: transform .3s ease-out; } } .c-sliderControls--packageBigControls .c-sliderControls__next { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; transition: transform .3s ease-out; cursor: pointer; } @media screen and (min-width: 375px) { .c-sliderControls--packageBigControls .c-sliderControls__next { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderControls--packageBigControls .c-sliderControls__next { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-sliderControls--packageBigControls .c-sliderControls__next { transform: translateX(0px); } .c-sliderControls--packageBigControls .c-sliderControls__next:hover { transform: translateX(16px); transition: transform .3s ease-out; } } .c-sliderControls--packageBigControls .is-disabled { opacity: 0.2; cursor: default; } .c-sliderControls--packageBigControls .is-disabled:hover { transform: translateX(0px); } .c-sliderControls__prev, .c-sliderControls__next { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; transition: transform .3s ease-out; cursor: pointer; } @media screen and (min-width: 375px) { .c-sliderControls__prev, .c-sliderControls__next { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderControls__prev, .c-sliderControls__next { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-sliderControls__prev, .c-sliderControls__next { transform: translateX(0px); } .c-sliderControls__prev:hover, .c-sliderControls__next:hover { transition: transform .3s ease-in; } } @media (min-width: 1024px) { .c-sliderControls__prev:hover { transform: translateX(-16px); } } @media (min-width: 1024px) { .c-sliderControls__next:hover { transform: translateX(16px); } } .c-sliderControls .is-disabled { opacity: 0.2; cursor: default; } .c-sliderControls .is-disabled:hover { transform: translateX(0px); } .c-sliderControls--stageControls { width: 100%; } @media (min-width: 768px) { .c-sliderControls--stageControls { width: 50%; } } .c-sliderControls--roomDetailControls { justify-content: space-between; } @media (min-width: 1024px) { .c-sliderControls--roomDetailControls { justify-content: flex-end; } } .c-sliderControls--roomDetailControls .c-sliderControls__prev, .c-sliderControls--roomDetailControls .c-sliderControls__next { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 16px; padding-right: 16px; } @media screen and (min-width: 375px) { .c-sliderControls--roomDetailControls .c-sliderControls__prev, .c-sliderControls--roomDetailControls .c-sliderControls__next { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderControls--roomDetailControls .c-sliderControls__prev, .c-sliderControls--roomDetailControls .c-sliderControls__next { padding-left: 32px; padding-right: 32px; } } /* |-------------------------------------------------------------------------- | .c-sliderFraction |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/slider/fraction'; */ .c-sliderFraction { font-size: 18.515px; position: relative; } @media (min-width: 375px) and (max-width: 1440px) { .c-sliderFraction { font-size: calc( 18.515px + 6.485 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-sliderFraction { font-size: 25px; } } .c-sliderFraction .swiper-pagination-current { transform: translate(-100%, -35%); display: inline-block; position: absolute; top: 0; left: 0; } .c-sliderFraction .swiper-pagination-total { transform: translate(100%, 35%); display: inline-block; position: absolute; bottom: 0; right: 0; } /* |-------------------------------------------------------------------------- | .c-sliderPackageBig |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/slider/packageBig'; */ .c-sliderPackageBig { margin-top: 80px; overflow: hidden; } @media screen and (min-width: 375px) { .c-sliderPackageBig { margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig { margin-top: 160px; } } @media (min-width: 768px) { .c-sliderPackageBig__container { overflow: hidden; float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) and (min-width: 768px) { .c-sliderPackageBig__container { max-width: 800px; } } @media (min-width: 768px) and (min-width: 1024px) { .c-sliderPackageBig__container { max-width: 1200px; } } @media (min-width: 768px) and (min-width: 1440px) { .c-sliderPackageBig__container { max-width: 1500px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-sliderPackageBig__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-sliderPackageBig__container { padding-left: 32px; padding-right: 32px; } } .c-sliderPackageBig__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: 0px; margin-right: 0px; } @media screen and (min-width: 375px) { .c-sliderPackageBig__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__row { margin-left: -16px; margin-right: -16px; } } @media screen and (min-width: 375px) { .c-sliderPackageBig__row { margin-left: calc(0px + 0 * (100vw - 375px) / (1065)); margin-right: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__row { margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) { .c-sliderPackageBig__row { /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-sliderPackageBig__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-sliderPackageBig__row { margin-left: -16px; margin-right: -16px; } } .c-sliderPackageBig__slider { margin-top: 16px; width: calc(12 / 12 * 100%); display: flex; flex-direction: column; } @media screen and (min-width: 375px) { .c-sliderPackageBig__slider { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__slider { margin-top: 32px; } } .c-sliderPackageBig__controls { order: 2; float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 16px; } @media (min-width: 768px) { .c-sliderPackageBig__controls { max-width: 800px; } } @media (min-width: 1024px) { .c-sliderPackageBig__controls { max-width: 1200px; } } @media (min-width: 1440px) { .c-sliderPackageBig__controls { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-sliderPackageBig__controls { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__controls { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-sliderPackageBig__controls { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__controls { margin-top: 32px; } } @media (min-width: 768px) { .c-sliderPackageBig__controls { order: 1; width: unset; max-width: unset; float: unset; margin-left: unset; margin-right: unset; padding-left: unset; padding-right: unset; margin-top: unset; } } .c-sliderPackageBig__sliderWrapper { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; flex-wrap: nowrap; order: 1; margin-top: 16px; } @media screen and (min-width: 375px) { .c-sliderPackageBig__sliderWrapper { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__sliderWrapper { margin-left: -16px; margin-right: -16px; } } @media screen and (min-width: 375px) { .c-sliderPackageBig__sliderWrapper { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__sliderWrapper { margin-top: 32px; } } @media (min-width: 768px) { .c-sliderPackageBig__sliderWrapper { order: 2; } } .c-sliderPackageBig__sliderWrapper > div { width: calc(12 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-sliderPackageBig__sliderWrapper > div { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__sliderWrapper > div { padding-left: 16px; padding-right: 16px; } } .c-sliderPackageBig__intro { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-sliderPackageBig__intro { max-width: 800px; } } @media (min-width: 1024px) { .c-sliderPackageBig__intro { max-width: 1200px; } } @media (min-width: 1440px) { .c-sliderPackageBig__intro { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-sliderPackageBig__intro { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__intro { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) { .c-sliderPackageBig__intro { width: unset; max-width: unset; float: unset; margin-left: unset; margin-right: unset; padding-left: unset; padding-right: unset; width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-sliderPackageBig__intro { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-sliderPackageBig__intro { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-sliderPackageBig__intro { width: calc(6 / 12 * 100%); margin-left: calc(3 / 12 * 100%); } } @media (min-width: 1440px) { .c-sliderPackageBig__intro { width: calc(4 / 12 * 100%); margin-left: calc(4 / 12 * 100%); } } .c-sliderPackageBig__subline { margin-top: 20px; } @media screen and (min-width: 375px) { .c-sliderPackageBig__subline { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderPackageBig__subline { margin-top: 40px; } } @media (min-width: 768px) { .c-sliderPackageBig .swiper-slide .swiper-image-teaser { filter: grayscale(1); transition: transform .3s ease-out, filter .3s ease-out; transform: scale(0.6) translateX(100%); } } @media (min-width: 1024px) { .c-sliderPackageBig .swiper-slide .swiper-image-teaser { transform: scale(0.75) translateX(100%); } } .c-sliderPackageBig .swiper-slide .swiper-box { opacity: 0; transition: opacity .3s ease-out; } @media (min-width: 768px) { .c-sliderPackageBig .swiper-slide .swiper-box { transform: translateY(-45%); transition: none; } } @media (min-width: 768px) { .c-sliderPackageBig .swiper-slide.swiper-slide-active .swiper-image-teaser { transform: scale(1); filter: grayscale(0); transition: transform .2s ease-out, filter .3s ease-out; } } .c-sliderPackageBig .swiper-slide.swiper-slide-active .swiper-box { opacity: 1; transition: opacity .3s .3s ease-out; } @media (min-width: 768px) { .c-sliderPackageBig .swiper-slide.swiper-slide-active .swiper-box { transform: translateY(-50%); transition: opacity .3s .5s ease-out, transform .8s ease-out; } } /* |-------------------------------------------------------------------------- | .c-sliderRoomBig |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/slider/roomBig'; */ .c-sliderRoomBig { margin-top: 80px; overflow: hidden; } @media screen and (min-width: 375px) { .c-sliderRoomBig { margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderRoomBig { margin-top: 160px; } } .c-sliderRoomBig__sliderContainer { padding-top: 96px; padding-bottom: 32px; } @media screen and (min-width: 375px) { .c-sliderRoomBig__sliderContainer { padding-top: calc(96px + 96 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderRoomBig__sliderContainer { padding-top: 192px; } } @media screen and (min-width: 375px) { .c-sliderRoomBig__sliderContainer { padding-bottom: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderRoomBig__sliderContainer { padding-bottom: 64px; } } @media (min-width: 768px) { .c-sliderRoomBig__sliderContainer { padding-bottom: 0px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-sliderRoomBig__sliderContainer { padding-bottom: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-sliderRoomBig__sliderContainer { padding-bottom: 0px; } } @media (min-width: 768px) { .c-sliderRoomBig__slider { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) and (min-width: 768px) { .c-sliderRoomBig__slider { max-width: 800px; } } @media (min-width: 768px) and (min-width: 1024px) { .c-sliderRoomBig__slider { max-width: 1200px; } } @media (min-width: 768px) and (min-width: 1440px) { .c-sliderRoomBig__slider { max-width: 1500px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-sliderRoomBig__slider { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-sliderRoomBig__slider { padding-left: 32px; padding-right: 32px; } } .c-sliderRoomBig__sliderWrapper { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; flex-wrap: nowrap; } @media screen and (min-width: 375px) { .c-sliderRoomBig__sliderWrapper { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderRoomBig__sliderWrapper { margin-left: -16px; margin-right: -16px; } } .c-sliderRoomBig__sliderWrapper > div { width: calc(12 / 12 * 100%); } .c-sliderRoomBig__controls { position: absolute; transform: translateY(100%) translateX(-50%); left: 50%; bottom: 0; } @media (max-width: 767px) { .c-sliderRoomBig__controls { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; padding-top: 8px; } } @media (max-width: 767px) and (min-width: 768px) { .c-sliderRoomBig__controls { max-width: 800px; } } @media (max-width: 767px) and (min-width: 1024px) { .c-sliderRoomBig__controls { max-width: 1200px; } } @media (max-width: 767px) and (min-width: 1440px) { .c-sliderRoomBig__controls { max-width: 1500px; } } @media screen and (max-width: 767px) and (min-width: 375px) { .c-sliderRoomBig__controls { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (max-width: 767px) and (min-width: 1440px) { .c-sliderRoomBig__controls { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 767px) and (min-width: 375px) { .c-sliderRoomBig__controls { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (max-width: 767px) and (min-width: 1440px) { .c-sliderRoomBig__controls { padding-top: 16px; } } @media (min-width: 768px) { .c-sliderRoomBig__controls { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 16px; padding-right: 16px; width: calc(12 / 12 * 100%); left: 0; transform: translateY(-100%) translateX(0); bottom: unset; padding-bottom: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-sliderRoomBig__controls { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-sliderRoomBig__controls { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-sliderRoomBig__controls { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-sliderRoomBig__controls { padding-bottom: 16px; } } @media (min-width: 1024px) { .c-sliderRoomBig__controls { width: calc(11 / 12 * 100%); } } @media (min-width: 768px) { .c-sliderRoomBig .swiper-slide { opacity: 0; transition: opacity .3s ease-out; } } @media (min-width: 768px) { .c-sliderRoomBig .swiper-slide .swiper-content { opacity: 0; transform: translateY(10px); transition: opacity .3s ease-in-out, transform .3s ease-in-out; } } @media (min-width: 768px) { .c-sliderRoomBig .swiper-slide.swiper-slide-active { opacity: 1; transition: opacity .3s ease-in; } } @media (min-width: 768px) { .c-sliderRoomBig .swiper-slide.swiper-slide-active .swiper-content { opacity: 1; transform: translateY(0px); transition: opacity .3s .3s ease-in-out, transform .3s .3s ease-in-out; } } /* |-------------------------------------------------------------------------- | .c-slider |-------------------------------------------------------------------------- */ .c-slider__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-slider__container { max-width: 800px; } } @media (min-width: 1024px) { .c-slider__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-slider__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-slider__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-slider__container { padding-left: 32px; padding-right: 32px; } } .c-slider__wrapper { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; flex-wrap: nowrap; } @media screen and (min-width: 375px) { .c-slider__wrapper { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-slider__wrapper { margin-left: -16px; margin-right: -16px; } } .c-slider__slide { width: calc(4 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-slider__slide { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-slider__slide { padding-left: 16px; padding-right: 16px; } } /* |-------------------------------------------------------------------------- | .c-sliderStage |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/slider/stage'; */ .c-sliderStage { min-height: 445px; height: 100vh; position: relative; overflow: hidden; } @media screen and (min-width: 375px) { .c-sliderStage { min-height: calc(445px + 255 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderStage { min-height: 700px; } } .c-sliderStage__wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .c-sliderStage__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; color: var(--c-white); position: relative; z-index: 2; height: 100%; } @media (min-width: 768px) { .c-sliderStage__container { max-width: 800px; } } @media (min-width: 1024px) { .c-sliderStage__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-sliderStage__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-sliderStage__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderStage__container { padding-left: 32px; padding-right: 32px; } } .c-sliderStage__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; align-items: center; height: 100%; } @media screen and (min-width: 375px) { .c-sliderStage__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderStage__row { margin-left: -16px; margin-right: -16px; } } .c-sliderStage__content { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; display: flex; flex-direction: column; align-items: center; position: relative; } @media screen and (min-width: 375px) { .c-sliderStage__content { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderStage__content { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-sliderStage__content { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } .c-sliderStage__logo { width: 220px; position: absolute; transform: translateY(-100%); padding-bottom: 50px; } @media screen and (min-width: 375px) { .c-sliderStage__logo { width: calc(220px + 75 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderStage__logo { width: 295px; } } @media screen and (min-width: 375px) { .c-sliderStage__logo { padding-bottom: calc(50px + 50 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderStage__logo { padding-bottom: 100px; } } .c-sliderStage__headlineContainer { position: relative; height: var(--headline-container-height); width: 100%; } .c-sliderStage__headline { text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } .c-sliderStage__multiple { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); opacity: 1; visibility: visible; transition: opacity .8s ease-in-out, transform .8s ease-in-out; } .c-sliderStage__multiple.is-hidden { opacity: 0; visibility: hidden; transform: translateY(calc(-50% + 25px)); } .c-sliderStage__controls { margin-top: 16px; text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } @media screen and (min-width: 375px) { .c-sliderStage__controls { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderStage__controls { margin-top: 32px; } } .c-sliderStage__badgeContainer { position: absolute; left: 50%; bottom: 0; max-width: 1920px; width: 100%; margin: 0 auto; z-index: 2; transform: translate3d(-50%, 0, 0); display: flex; } .c-sliderStage__badge { margin-left: 40px; margin-bottom: 48px; position: relative; z-index: 2; } @media screen and (min-width: 375px) { .c-sliderStage__badge { margin-left: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderStage__badge { margin-left: 80px; } } @media screen and (min-width: 375px) { .c-sliderStage__badge { margin-bottom: calc(48px + 52 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-sliderStage__badge { margin-bottom: 100px; } } .c-sliderStage__addBadge { position: relative; z-index: 1; } .c-sliderStage .swiper-slide { transition: opacity .8s ease-in-out; } /* |-------------------------------------------------------------------------- | .c-stagePackageDetail |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/stage/packageDetail'; */ .c-stagePackageDetail { height: 100%; overflow: hidden; } @media (min-width: 768px) { .c-stagePackageDetail { height: 100vh; } } .c-stagePackageDetail__container { height: 100%; } .c-stagePackageDetail__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; height: 100%; } @media screen and (min-width: 375px) { .c-stagePackageDetail__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stagePackageDetail__row { margin-left: -16px; margin-right: -16px; } } .c-stagePackageDetail__imageContainer { width: calc(12 / 12 * 100%); } @media (min-width: 768px) { .c-stagePackageDetail__imageContainer { width: calc(6 / 12 * 100vw); } } .c-stagePackageDetail__imageContainer > div { position: relative; width: 100vw; height: 100%; transform: translateX(-50%); left: 50%; } @media (min-width: 768px) { .c-stagePackageDetail__imageContainer > div { float: right; width: 50vw; left: unset; transform: translateX(0); } } .c-stagePackageDetail__textContainer { width: calc(12 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 16px; padding-right: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media screen and (min-width: 375px) { .c-stagePackageDetail__textContainer { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stagePackageDetail__textContainer { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) { .c-stagePackageDetail__textContainer { width: calc(6 / 12 * 100%); } } .c-stagePackageDetail__caption { margin-top: 40px; } @media screen and (min-width: 375px) { .c-stagePackageDetail__caption { margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stagePackageDetail__caption { margin-top: 80px; } } .c-stagePackageDetail__breadcumb { margin-top: 28px; } @media screen and (min-width: 375px) { .c-stagePackageDetail__breadcumb { margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stagePackageDetail__breadcumb { margin-top: 56px; } } .c-stagePackageDetail__logo { width: 165px; margin-top: 24px; } @media screen and (min-width: 375px) { .c-stagePackageDetail__logo { width: calc(165px + 65 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stagePackageDetail__logo { width: 230px; } } @media screen and (min-width: 375px) { .c-stagePackageDetail__logo { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stagePackageDetail__logo { margin-top: 48px; } } @media (min-width: 768px) { .c-stagePackageDetail__logo { margin-top: unset; } } /* |-------------------------------------------------------------------------- | .c-stageRoomDetail |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/stage/roomDetail'; */ .c-stageRoomDetail { height: 100%; overflow: hidden; } @media (min-width: 768px) { .c-stageRoomDetail { height: 100vh; } } .c-stageRoomDetail__container { height: 100%; } .c-stageRoomDetail__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; height: 100%; } @media screen and (min-width: 375px) { .c-stageRoomDetail__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stageRoomDetail__row { margin-left: -16px; margin-right: -16px; } } .c-stageRoomDetail__imageContainer { width: calc(12 / 12 * 100%); } @media (min-width: 768px) { .c-stageRoomDetail__imageContainer { width: calc(6 / 12 * 100vw); } } .c-stageRoomDetail__imageContainer > div { position: relative; width: 100vw; height: 100%; transform: translateX(-50%); left: 50%; } @media (min-width: 768px) { .c-stageRoomDetail__imageContainer > div { float: right; width: 50vw; left: unset; transform: translateX(0); } } .c-stageRoomDetail__textContainer { width: calc(12 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 16px; padding-right: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media screen and (min-width: 375px) { .c-stageRoomDetail__textContainer { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stageRoomDetail__textContainer { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) { .c-stageRoomDetail__textContainer { width: calc(6 / 12 * 100%); } } .c-stageRoomDetail__caption { margin-top: 40px; } @media screen and (min-width: 375px) { .c-stageRoomDetail__caption { margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stageRoomDetail__caption { margin-top: 80px; } } .c-stageRoomDetail__breadcumb { margin-top: 28px; } @media screen and (min-width: 375px) { .c-stageRoomDetail__breadcumb { margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stageRoomDetail__breadcumb { margin-top: 56px; } } .c-stageRoomDetail__logo { width: 165px; margin-top: 24px; } @media screen and (min-width: 375px) { .c-stageRoomDetail__logo { width: calc(165px + 65 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stageRoomDetail__logo { width: 230px; } } @media screen and (min-width: 375px) { .c-stageRoomDetail__logo { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stageRoomDetail__logo { margin-top: 48px; } } @media (min-width: 768px) { .c-stageRoomDetail__logo { margin-top: unset; } } /* |-------------------------------------------------------------------------- | .c-stage |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/stage/stage'; */ .c-stage { height: 100vh; position: relative; } .c-stage__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .c-stage__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; color: var(--c-white); position: relative; height: 50%; z-index: 2; } @media (min-width: 768px) { .c-stage__container { max-width: 800px; } } @media (min-width: 1024px) { .c-stage__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-stage__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-stage__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stage__container { padding-left: 32px; padding-right: 32px; } } .c-stage__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; align-items: flex-end; height: 100%; } @media screen and (min-width: 375px) { .c-stage__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stage__row { margin-left: -16px; margin-right: -16px; } } .c-stage__content { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; padding-top: 64px; } @media screen and (min-width: 375px) { .c-stage__content { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stage__content { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-stage__content { padding-top: calc(64px + 64 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stage__content { padding-top: 128px; } } @media (min-width: 768px) { .c-stage__content { width: calc(6 / 12 * 100%); margin-left: calc(3 / 12 * 100%); } } .c-stage__logo { width: 220px; margin: 0 auto; } @media screen and (min-width: 375px) { .c-stage__logo { width: calc(220px + 75 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stage__logo { width: 295px; } } .c-stage__headline { margin-top: 82px; height: 0; } @media screen and (min-width: 375px) { .c-stage__headline { margin-top: calc(82px + 82 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stage__headline { margin-top: 164px; } } .c-stage__headlineEl { transform: translate3d(0, -50%, 0); text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } .c-stage__badgeContainer { position: absolute; left: 50%; bottom: 0; max-width: 1920px; width: 100%; margin: 0 auto; z-index: 2; transform: translate3d(-50%, 0, 0); display: flex; } .c-stage__badge { margin-left: 40px; margin-bottom: 48px; position: relative; z-index: 2; } @media screen and (min-width: 375px) { .c-stage__badge { margin-left: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stage__badge { margin-left: 80px; } } @media screen and (min-width: 375px) { .c-stage__badge { margin-bottom: calc(48px + 52 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-stage__badge { margin-bottom: 100px; } } .c-stage__addBadge { position: relative; z-index: 1; } /* |-------------------------------------------------------------------------- | .c-systemPreviewLink |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/system/previewLink'; */ .c-systemPreviewLink { position: fixed; background: #fff; right: 0; top: 53px; width: 48px; height: 48px; padding-top: 12px; padding-left: 12px; border-radius: 10px 0 0 10px; z-index: 99999998; } /* |-------------------------------------------------------------------------- | .c-tabbingGallery |-------------------------------------------------------------------------- */ .c-tabbingGallery { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 76px; position: relative; } @media (min-width: 768px) { .c-tabbingGallery { max-width: 800px; } } @media (min-width: 1024px) { .c-tabbingGallery { max-width: 1200px; } } @media (min-width: 1440px) { .c-tabbingGallery { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-tabbingGallery { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-tabbingGallery { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-tabbingGallery { margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-tabbingGallery { margin-top: 152px; } } .c-tabbingGallery__tabs { /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; display: flex; flex-direction: column; } @media screen and (min-width: 375px) { .c-tabbingGallery__tabs { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-tabbingGallery__tabs { margin-left: -16px; margin-right: -16px; } } @media (min-width: 768px) { .c-tabbingGallery__tabs { flex-direction: row; } } .c-tabbingGallery__tab { margin-top: 8px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-tabbingGallery__tab { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-tabbingGallery__tab { margin-top: 16px; } } @media screen and (min-width: 375px) { .c-tabbingGallery__tab { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-tabbingGallery__tab { padding-left: 16px; padding-right: 16px; } } .c-tabbingGallery__tab:first-child { margin-top: 0; } @media (min-width: 768px) { .c-tabbingGallery__tab { margin-top: 0; } } .c-tabbingGallery__items { position: relative; width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-tabbingGallery__items { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-tabbingGallery__items { margin-left: -16px; margin-right: -16px; } } .c-tabbingGallery__item { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; display: none; } @media screen and (min-width: 375px) { .c-tabbingGallery__item { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-tabbingGallery__item { padding-left: 16px; padding-right: 16px; } } .c-tabbingGallery__item.is-active { display: block; } /* |-------------------------------------------------------------------------- | .c-teaserCard |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/card'; */ .c-teaserCard { display: flex; align-items: center; } .c-teaserCard__body { position: relative; display: block; width: 100%; aspect-ratio: 3/4; background: var(--c-grey); } .c-teaserCard__box { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; overflow: hidden; z-index: 1; } @media screen and (min-width: 375px) { .c-teaserCard__box { padding-left: calc(15px + 25 * (100vw - 375px) / (1065)); padding-right: calc(15px + 25 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserCard__box { padding-left: 40px; padding-right: 40px; } } @media screen and (min-width: 375px) { .c-teaserCard__box { padding-top: calc(30px + 30 * (100vw - 375px) / (1065)); padding-bottom: calc(30px + 30 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserCard__box { padding-top: 60px; padding-bottom: 60px; } } .c-teaserCard__content { transform: translateY(calc(100% - 60px)); transition: transform .4s .2s ease-out; } .c-teaserCard__image { display: block; width: 100%; overflow: hidden; transform: scaleY(1); transition: all .4s ease-out; } .c-teaserCard__image img { transform: scale(1); transition: transform .4s ease-out; } .c-teaserCard__headline { padding-bottom: 40px; } @media screen and (min-width: 375px) { .c-teaserCard__headline { padding-bottom: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserCard__headline { padding-bottom: 80px; } } @media (min-width: 768px) { .c-teaserCard__headline { padding-bottom: 0px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserCard__headline { padding-bottom: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserCard__headline { padding-bottom: 0px; } } .c-teaserCard__text { display: none; } @media (min-width: 768px) { .c-teaserCard__text { margin-top: 16px; transition: opacity .4s ease-out; opacity: 0; display: inline-block; padding-bottom: 16px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserCard__text { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserCard__text { margin-top: 32px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserCard__text { padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserCard__text { padding-bottom: 32px; } } @media (min-width: 1024px) { .c-teaserCard__text { padding-bottom: 0px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserCard__text { padding-bottom: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserCard__text { padding-bottom: 0px; } } .c-teaserCard__link { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; transition: all .2s .0s ease-out; z-index: 2; } @media (min-width: 1024px) { .c-teaserCard__link { transform: translateX(-100%); } } .c-teaserCard__btn { display: inline-block; } @media (min-width: 1024px) { .c-teaserCard__btn { display: none; } } .c-teaserCard__icon { display: none; } @media (min-width: 1024px) { .c-teaserCard__icon { display: inline-block; } } .c-teaserCard:hover .c-teaserCard__image, .c-teaserCard.swiper-slide-active .c-teaserCard__image { transform: scaleY(1.15); box-shadow: 0px 15px 35px 5px rgba(0, 0, 0, 0.2); } .c-teaserCard:hover .c-teaserCard__image img, .c-teaserCard.swiper-slide-active .c-teaserCard__image img { transform: scaleX(1.15); } .c-teaserCard:hover .c-teaserCard__content, .c-teaserCard.swiper-slide-active .c-teaserCard__content { transform: translateY(0); transition: transform .4s ease-out; } .c-teaserCard:hover .c-teaserCard__text, .c-teaserCard.swiper-slide-active .c-teaserCard__text { opacity: 1; } .c-teaserCard:hover .c-teaserCard__link, .c-teaserCard.swiper-slide-active .c-teaserCard__link { opacity: 1; transition: all .4s .2s ease-out; } @media (min-width: 1024px) { .c-teaserCard:hover .c-teaserCard__link, .c-teaserCard.swiper-slide-active .c-teaserCard__link { transform: translateX(-50%); } } /* |-------------------------------------------------------------------------- | .c-teaserControls |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/controls'; */ .c-teaserControls { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-teaserControls { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserControls { margin-left: -16px; margin-right: -16px; } } .c-teaserControls__prev, .c-teaserControls__next { opacity: 1; transition: opacity .3s ease-in-out, transform .3s ease-in-out; visibility: visible; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserControls__prev, .c-teaserControls__next { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserControls__prev, .c-teaserControls__next { padding-left: 16px; padding-right: 16px; } } .c-teaserControls__prev:hover, .c-teaserControls__next:hover { cursor: pointer; transform: translateX(0); } @media (min-width: 1024px) { .c-teaserControls__prev { transform: translateX(10px); } } @media (min-width: 1024px) { .c-teaserControls__next { transform: translateX(-10px); } } .c-teaserControls .is-disabled { opacity: 0; visibility: hidden; } /* |-------------------------------------------------------------------------- | .c-teaserImageTextImage |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/imageTextImage'; */ .c-teaserImageTextImage { margin-top: 100px; overflow: hidden; } @media screen and (min-width: 375px) { .c-teaserImageTextImage { margin-top: calc(100px + 100 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage { margin-top: 200px; } } @media (min-width: 768px) { .c-teaserImageTextImage__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) and (min-width: 768px) { .c-teaserImageTextImage__container { max-width: 800px; } } @media (min-width: 768px) and (min-width: 1024px) { .c-teaserImageTextImage__container { max-width: 1200px; } } @media (min-width: 768px) and (min-width: 1440px) { .c-teaserImageTextImage__container { max-width: 1500px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserImageTextImage__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserImageTextImage__container { padding-left: 32px; padding-right: 32px; } } .c-teaserImageTextImage__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: 0px; margin-right: 0px; align-items: flex-start; } @media screen and (min-width: 375px) { .c-teaserImageTextImage__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage__row { margin-left: -16px; margin-right: -16px; } } @media screen and (min-width: 375px) { .c-teaserImageTextImage__row { margin-left: calc(0px + 0 * (100vw - 375px) / (1065)); margin-right: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage__row { margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) { .c-teaserImageTextImage__row { /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserImageTextImage__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserImageTextImage__row { margin-left: -16px; margin-right: -16px; } } .c-teaserImageTextImage__col:first-child { width: calc(6 / 6 * 100%); } @media (min-width: 768px) { .c-teaserImageTextImage__col:first-child { width: calc(4 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserImageTextImage__col:first-child { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserImageTextImage__col:first-child { padding-left: 16px; padding-right: 16px; } } .c-teaserImageTextImage__col:nth-child(2) { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserImageTextImage__col:nth-child(2) { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage__col:nth-child(2) { padding-left: 16px; padding-right: 16px; } } @media (max-width: 767px) { .c-teaserImageTextImage__col:nth-child(2) { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 48px; } } @media (max-width: 767px) and (min-width: 768px) { .c-teaserImageTextImage__col:nth-child(2) { max-width: 800px; } } @media (max-width: 767px) and (min-width: 1024px) { .c-teaserImageTextImage__col:nth-child(2) { max-width: 1200px; } } @media (max-width: 767px) and (min-width: 1440px) { .c-teaserImageTextImage__col:nth-child(2) { max-width: 1500px; } } @media screen and (max-width: 767px) and (min-width: 375px) { .c-teaserImageTextImage__col:nth-child(2) { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (max-width: 767px) and (min-width: 1440px) { .c-teaserImageTextImage__col:nth-child(2) { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 767px) and (min-width: 375px) { .c-teaserImageTextImage__col:nth-child(2) { margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } } @media screen and (max-width: 767px) and (min-width: 1440px) { .c-teaserImageTextImage__col:nth-child(2) { margin-top: 96px; } } @media (min-width: 768px) { .c-teaserImageTextImage__col:nth-child(2) { width: calc(6 / 12 * 100%); } } @media (min-width: 1024px) { .c-teaserImageTextImage__col:nth-child(2) { margin-left: calc(1 / 12 * 100%); width: calc(4 / 12 * 100%); } } .c-teaserImageTextImage__col:last-child { display: none; } @media (min-width: 768px) { .c-teaserImageTextImage__col:last-child { display: block; width: calc(2 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserImageTextImage__col:last-child { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserImageTextImage__col:last-child { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-teaserImageTextImage__col:last-child { margin-left: calc(1 / 12 * 100%); } } .c-teaserImageTextImage__headline + .c-teaserImageTextImage__subline { margin-top: 20px; } @media screen and (min-width: 375px) { .c-teaserImageTextImage__headline + .c-teaserImageTextImage__subline { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage__headline + .c-teaserImageTextImage__subline { margin-top: 40px; } } .c-teaserImageTextImage__text { margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserImageTextImage__text { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage__text { margin-top: 32px; } } .c-teaserImageTextImage__link { margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserImageTextImage__link { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage__link { margin-top: 32px; } } .c-teaserImageTextImage__imageBig { width: 100vw; height: 325px; } @media screen and (min-width: 375px) { .c-teaserImageTextImage__imageBig { height: calc(325px + 285 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage__imageBig { height: 610px; } } @media (min-width: 768px) { .c-teaserImageTextImage__imageBig { float: right; width: 37.5vw; max-width: calc(240px + (0.33 * 1440px)); padding-left: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserImageTextImage__imageBig { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserImageTextImage__imageBig { padding-left: 16px; } } .c-teaserImageTextImage__imageSmall { float: left; width: 25vw; max-width: calc(240px + (0.16 * 1440px)); padding-right: 8px; height: 325px; } @media screen and (min-width: 375px) { .c-teaserImageTextImage__imageSmall { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage__imageSmall { padding-right: 16px; } } @media screen and (min-width: 375px) { .c-teaserImageTextImage__imageSmall { height: calc(325px + 285 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserImageTextImage__imageSmall { height: 610px; } } /* |-------------------------------------------------------------------------- | .c-teaserPackageBig |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/packageBig'; */ .c-teaserPackageBig__content { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; position: relative; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: 0px; margin-right: 0px; } @media screen and (min-width: 375px) { .c-teaserPackageBig__content { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__content { margin-left: -16px; margin-right: -16px; } } @media screen and (min-width: 375px) { .c-teaserPackageBig__content { margin-left: calc(0px + 0 * (100vw - 375px) / (1065)); margin-right: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__content { margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) { .c-teaserPackageBig__content { /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserPackageBig__content { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserPackageBig__content { margin-left: -16px; margin-right: -16px; } } .c-teaserPackageBig__box { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; transform: translateX(-50%); left: 50%; position: absolute; bottom: 0; order: 2; } @media (min-width: 768px) { .c-teaserPackageBig__box { max-width: 800px; } } @media (min-width: 1024px) { .c-teaserPackageBig__box { max-width: 1200px; } } @media (min-width: 1440px) { .c-teaserPackageBig__box { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-teaserPackageBig__box { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__box { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) { .c-teaserPackageBig__box { width: unset; max-width: unset; float: unset; margin-left: unset; margin-right: unset; padding-left: unset; padding-right: unset; order: unset; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; left: calc(2 / 12 * 100%); width: calc(6 / 12 * 100%); top: 50%; bottom: unset; transform: translateY(-50%); } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserPackageBig__box { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserPackageBig__box { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-teaserPackageBig__box { left: calc(3 / 12 * 100%); width: calc(5 / 12 * 100%); } } @media (min-width: 1440px) { .c-teaserPackageBig__box { left: calc(4 / 12 * 100%); width: calc(4 / 12 * 100%); } } .c-teaserPackageBig__box > div { background-color: var(--c-grey); padding-top: 16px; padding-bottom: 16px; padding-right: 8px; padding-left: 8px; } @media screen and (min-width: 375px) { .c-teaserPackageBig__box > div { padding-top: calc(16px + 16 * (100vw - 375px) / (1065)); padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__box > div { padding-top: 32px; padding-bottom: 32px; } } @media screen and (min-width: 375px) { .c-teaserPackageBig__box > div { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__box > div { padding-right: 16px; padding-left: 16px; } } @media (min-width: 768px) { .c-teaserPackageBig__box > div { box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1); } } .c-teaserPackageBig__caption { margin-top: 12px; } @media screen and (min-width: 375px) { .c-teaserPackageBig__caption { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__caption { margin-top: 24px; } } .c-teaserPackageBig__price { margin-top: 24px; } @media screen and (min-width: 375px) { .c-teaserPackageBig__price { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__price { margin-top: 48px; } } .c-teaserPackageBig__ctas { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserPackageBig__ctas { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__ctas { margin-top: 32px; } } .c-teaserPackageBig__ctas .c-teaserPackageBig__cta { margin-right: 4px; margin-left: 4px; margin-top: 4px; } @media screen and (min-width: 375px) { .c-teaserPackageBig__ctas .c-teaserPackageBig__cta { margin-right: calc(4px + 4 * (100vw - 375px) / (1065)); margin-left: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__ctas .c-teaserPackageBig__cta { margin-right: 8px; margin-left: 8px; } } @media screen and (min-width: 375px) { .c-teaserPackageBig__ctas .c-teaserPackageBig__cta { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__ctas .c-teaserPackageBig__cta { margin-top: 8px; } } .c-teaserPackageBig__imageContainer { position: relative; z-index: -1; width: calc(6 / 6 * 100%); order: 1; margin-bottom: 160px; } @media screen and (min-width: 375px) { .c-teaserPackageBig__imageContainer { margin-bottom: calc(160px + 160 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserPackageBig__imageContainer { margin-bottom: 320px; } } @media (min-width: 768px) { .c-teaserPackageBig__imageContainer { order: unset; margin-left: calc(6 / 12 * 100%); width: calc(6 / 12 * 100%); margin-bottom: unset; } } /* |-------------------------------------------------------------------------- | .c-teaserRoomBig |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/roomBig'; */ .c-teaserRoomBig__row { display: flex; flex-direction: column; position: relative; } @media (min-width: 768px) { .c-teaserRoomBig__row { flex-direction: row; } } .c-teaserRoomBig__roomImage { width: calc(12 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserRoomBig__roomImage { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__roomImage { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-teaserRoomBig__roomImage { width: calc(7 / 12 * 100%); } } @media (max-width: 767px) { .c-teaserRoomBig__content { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } } @media (max-width: 767px) and (min-width: 768px) { .c-teaserRoomBig__content { max-width: 800px; } } @media (max-width: 767px) and (min-width: 1024px) { .c-teaserRoomBig__content { max-width: 1200px; } } @media (max-width: 767px) and (min-width: 1440px) { .c-teaserRoomBig__content { max-width: 1500px; } } @media screen and (max-width: 767px) and (min-width: 375px) { .c-teaserRoomBig__content { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (max-width: 767px) and (min-width: 1440px) { .c-teaserRoomBig__content { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) { .c-teaserRoomBig__content { position: absolute; display: flex; align-items: center; top: 0; bottom: 0; width: calc(6 / 12 * 100%); left: calc(6 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserRoomBig__content { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserRoomBig__content { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-teaserRoomBig__content { width: calc(5 / 12 * 100%); } } .c-teaserRoomBig__box { padding-top: 32px; padding-bottom: 32px; padding-right: 8px; padding-left: 8px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } @media screen and (min-width: 375px) { .c-teaserRoomBig__box { padding-top: calc(32px + 32 * (100vw - 375px) / (1065)); padding-bottom: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__box { padding-top: 64px; padding-bottom: 64px; } } @media screen and (min-width: 375px) { .c-teaserRoomBig__box { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__box { padding-right: 16px; padding-left: 16px; } } .c-teaserRoomBig__box::before { content: ''; background-color: var(--c-grey); position: absolute; top: 0; left: calc(3 / 6 * 100%); width: calc(6 / 6 * 100vw); transform: translateX(-50%); bottom: 0; z-index: -1; } @media (min-width: 768px) { .c-teaserRoomBig__box::before { display: none; } } @media (min-width: 768px) { .c-teaserRoomBig__box { background-color: var(--c-grey); padding-top: 16px; padding-bottom: 16px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserRoomBig__box { padding-top: calc(16px + 16 * (100vw - 375px) / (1065)); padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserRoomBig__box { padding-top: 32px; padding-bottom: 32px; } } @media (min-width: 1024px) { .c-teaserRoomBig__box { padding-top: 32px; padding-bottom: 32px; padding-right: 16px; padding-left: 16px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserRoomBig__box { padding-top: calc(32px + 32 * (100vw - 375px) / (1065)); padding-bottom: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserRoomBig__box { padding-top: 64px; padding-bottom: 64px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserRoomBig__box { padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserRoomBig__box { padding-right: 32px; padding-left: 32px; } } .c-teaserRoomBig__name { position: absolute; top: 20px; transform: translateY(-100%) translateX(-50%); display: flex; z-index: 1; left: 50%; } @media screen and (min-width: 375px) { .c-teaserRoomBig__name { top: calc(20px + 17 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__name { top: 37px; } } @media (max-width: 767px) { .c-teaserRoomBig__name { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } } @media (max-width: 767px) and (min-width: 768px) { .c-teaserRoomBig__name { max-width: 800px; } } @media (max-width: 767px) and (min-width: 1024px) { .c-teaserRoomBig__name { max-width: 1200px; } } @media (max-width: 767px) and (min-width: 1440px) { .c-teaserRoomBig__name { max-width: 1500px; } } @media screen and (max-width: 767px) and (min-width: 375px) { .c-teaserRoomBig__name { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (max-width: 767px) and (min-width: 1440px) { .c-teaserRoomBig__name { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) { .c-teaserRoomBig__name { top: -32px; justify-content: center; width: calc(7 / 12 * 100%); left: calc(3 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; transform: translateY(-100%) translateX(0); padding-bottom: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserRoomBig__name { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserRoomBig__name { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserRoomBig__name { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserRoomBig__name { padding-bottom: 16px; } } @media (min-width: 1024px) { .c-teaserRoomBig__name { width: calc(6 / 12 * 100%); left: calc(4 / 12 * 100%); justify-content: flex-start; } } .c-teaserRoomBig__headline { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c-teaserRoomBig__price { display: flex; align-items: center; } .c-teaserRoomBig__price span { text-transform: uppercase; font-family: "Lato", serif; margin-right: 8px; margin-left: 8px; color: var(--c-primary); } @media screen and (min-width: 375px) { .c-teaserRoomBig__price span { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__price span { margin-right: 16px; margin-left: 16px; } } .c-teaserRoomBig__perValues { display: flex; flex-direction: column; } .c-teaserRoomBig__perValue { margin-right: 8px; margin-left: 8px; } @media screen and (min-width: 375px) { .c-teaserRoomBig__perValue { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__perValue { margin-right: 16px; margin-left: 16px; } } .c-teaserRoomBig__general { display: flex; color: var(--c-primary); margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserRoomBig__general { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__general { margin-top: 32px; } } .c-teaserRoomBig__general > div { display: flex; align-items: center; padding-right: 16px; padding-left: 16px; padding-top: 4px; padding-bottom: 4px; text-transform: uppercase; font-family: "Lato", serif; } @media screen and (min-width: 375px) { .c-teaserRoomBig__general > div { padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__general > div { padding-right: 32px; padding-left: 32px; } } @media screen and (min-width: 375px) { .c-teaserRoomBig__general > div { padding-top: calc(4px + 4 * (100vw - 375px) / (1065)); padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__general > div { padding-top: 8px; padding-bottom: 8px; } } .c-teaserRoomBig__general > div:first-child { border-right: 1px solid var(--c-primary); } .c-teaserRoomBig__icon { margin-right: 8px; } @media screen and (min-width: 375px) { .c-teaserRoomBig__icon { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__icon { margin-right: 16px; } } .c-teaserRoomBig__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 32px; } @media screen and (min-width: 375px) { .c-teaserRoomBig__ctas { margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserRoomBig__ctas { margin-top: 64px; } } /* |-------------------------------------------------------------------------- | .c-teaserSlider |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/slider'; */ .c-teaserSlider { overflow: hidden; margin-top: 88px; padding-bottom: 64px; } @media screen and (min-width: 375px) { .c-teaserSlider { margin-top: calc(88px + 88 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider { margin-top: 176px; } } @media screen and (min-width: 375px) { .c-teaserSlider { padding-bottom: calc(64px + 64 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider { padding-bottom: 128px; } } .c-teaserSlider__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-teaserSlider__container { max-width: 800px; } } @media (min-width: 1024px) { .c-teaserSlider__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-teaserSlider__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-teaserSlider__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__container { padding-left: 32px; padding-right: 32px; } } .c-teaserSlider__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; position: relative; } @media screen and (min-width: 375px) { .c-teaserSlider__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__row { margin-left: -16px; margin-right: -16px; } } .c-teaserSlider__row::before { top: 55px; bottom: 90px; content: ''; display: block; position: absolute; background: var(--c-grey); width: 100vw; transform: translateX(-50%); left: 50%; z-index: -1; } @media screen and (min-width: 375px) { .c-teaserSlider__row::before { top: calc(55px + 51 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__row::before { top: 106px; } } @media screen and (min-width: 375px) { .c-teaserSlider__row::before { bottom: calc(90px + 68 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__row::before { bottom: 158px; } } @media (min-width: 768px) { .c-teaserSlider__row::before { transform: translateX(0); left: auto; width: 100%; right: calc(1 / 12 * 100%); } } .c-teaserSlider__headline { width: calc(12 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserSlider__headline { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__headline { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-teaserSlider__headline { margin-left: calc(3 / 12 * 100%); width: calc(9 / 12 * 100%); } } .c-teaserSlider__items { width: calc(12 / 12 * 100%); margin-top: 90px; } @media screen and (min-width: 375px) { .c-teaserSlider__items { margin-top: calc(90px + 35 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__items { margin-top: 125px; } } .c-teaserSlider__wrapperContainer { /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; width: auto; } @media screen and (min-width: 375px) { .c-teaserSlider__wrapperContainer { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__wrapperContainer { margin-left: -16px; margin-right: -16px; } } .c-teaserSlider__wrapper { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: 0px; margin-right: 0px; flex-flow: row wrap; display: flex; flex: 1 1 auto; flex-wrap: nowrap; } @media screen and (min-width: 375px) { .c-teaserSlider__wrapper { margin-left: calc(0px + 0 * (100vw - 375px) / (1065)); margin-right: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__wrapper { margin-left: 0px; margin-right: 0px; } } .c-teaserSlider__item { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserSlider__item { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__item { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-teaserSlider__item { width: calc(6 / 12 * 100%); } } @media (min-width: 1024px) { .c-teaserSlider__item { width: calc(4 / 12 * 100%); } } @media (min-width: 1440px) { .c-teaserSlider__item { width: calc(3 / 12 * 100%); } } .c-teaserSlider__controls { display: flex; justify-content: space-between; margin-top: 20px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserSlider__controls { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__controls { margin-top: 40px; } } @media screen and (min-width: 375px) { .c-teaserSlider__controls { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserSlider__controls { padding-left: 16px; padding-right: 16px; } } /* |-------------------------------------------------------------------------- | .c-teaserTextImage |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/textImage'; */ .c-teaserTextImage { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 88px; } @media (min-width: 768px) { .c-teaserTextImage { max-width: 800px; } } @media (min-width: 1024px) { .c-teaserTextImage { max-width: 1200px; } } @media (min-width: 1440px) { .c-teaserTextImage { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-teaserTextImage { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImage { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-teaserTextImage { margin-top: calc(88px + 88 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImage { margin-top: 176px; } } .c-teaserTextImage__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-teaserTextImage__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImage__row { margin-left: -16px; margin-right: -16px; } } .c-teaserTextImage__content { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; width: calc(6 / 6 * 100%); order: 1; } @media screen and (min-width: 375px) { .c-teaserTextImage__content { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImage__content { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-teaserTextImage__content { margin-left: calc(1 / 12 * 100%); width: calc(6 / 12 * 100%); padding-right: 36px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImage__content { padding-right: calc(36px + 36 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImage__content { padding-right: 72px; } } @media (min-width: 1024px) { .c-teaserTextImage__content { width: calc(5 / 12 * 100%); } } .c-teaserTextImage__image { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 32px; padding-right: 32px; width: calc(6 / 6 * 100%); order: 2; margin-top: 24px; } @media screen and (min-width: 375px) { .c-teaserTextImage__image { padding-left: calc(32px + 32 * (100vw - 375px) / (1065)); padding-right: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImage__image { padding-left: 64px; padding-right: 64px; } } @media screen and (min-width: 375px) { .c-teaserTextImage__image { margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImage__image { margin-top: 48px; } } @media (min-width: 768px) { .c-teaserTextImage__image { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; width: calc(5 / 12 * 100%); margin-top: 0px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImage__image { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImage__image { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImage__image { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImage__image { margin-top: 0px; } } @media (min-width: 1024px) { .c-teaserTextImage__image { width: calc(4 / 12 * 100%); } } .c-teaserTextImage__headline + .c-teaserTextImage__subline { margin-top: 20px; } @media screen and (min-width: 375px) { .c-teaserTextImage__headline + .c-teaserTextImage__subline { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImage__headline + .c-teaserTextImage__subline { margin-top: 40px; } } .c-teaserTextImage__text { margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserTextImage__text { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImage__text { margin-top: 32px; } } .c-teaserTextImage__link { margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserTextImage__link { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImage__link { margin-top: 32px; } } @media (min-width: 768px) { .c-teaserTextImage--inverted .c-teaserTextImage__content { width: calc(6 / 12 * 100%); margin-left: calc(1 / 12 * 100%); order: 2; } } @media (min-width: 1024px) { .c-teaserTextImage--inverted .c-teaserTextImage__content { width: calc(5 / 12 * 100%); } } @media (min-width: 768px) { .c-teaserTextImage--inverted .c-teaserTextImage__image { margin-left: calc(1 / 12 * 100%); width: calc(4 / 12 * 100%); order: 1; } } /* |-------------------------------------------------------------------------- | .c-teaserTextImageBg |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/textImageBg'; */ .c-teaserTextImageBg { margin-top: 56px; overflow: hidden; } @media screen and (min-width: 375px) { .c-teaserTextImageBg { margin-top: calc(56px + 56 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImageBg { margin-top: 112px; } } .c-teaserTextImageBg__container { padding-bottom: 0; } @media (min-width: 1024px) { .c-teaserTextImageBg__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; padding-bottom: 45px; } } @media (min-width: 1024px) and (min-width: 768px) { .c-teaserTextImageBg__container { max-width: 800px; } } @media (min-width: 1024px) and (min-width: 1024px) { .c-teaserTextImageBg__container { max-width: 1200px; } } @media (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg__container { max-width: 1500px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg__container { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg__container { padding-bottom: calc(45px + 35 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg__container { padding-bottom: 80px; } } .c-teaserTextImageBg__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: 0px; margin-right: 0px; flex-flow: row wrap; display: flex; flex: 1 1 auto; position: relative; } @media screen and (min-width: 375px) { .c-teaserTextImageBg__row { margin-left: calc(0px + 0 * (100vw - 375px) / (1065)); margin-right: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImageBg__row { margin-left: 0px; margin-right: 0px; } } @media (min-width: 1024px) { .c-teaserTextImageBg__row { /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg__row { margin-left: -16px; margin-right: -16px; } } @media (min-width: 1024px) { .c-teaserTextImageBg__row::before { content: ''; display: block; position: absolute; background: var(--c-grey); top: 55px; bottom: -45px; margin-left: calc(2 / 12 * 100%); width: calc(10 / 12 * 100%); z-index: -1; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg__row::before { top: calc(55px + 51 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg__row::before { top: 106px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg__row::before { bottom: calc(-45px + -35 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg__row::before { bottom: -80px; } } .c-teaserTextImageBg__imageContainer { width: calc(6 / 6 * 100vw); order: 2; } @media (min-width: 1024px) { .c-teaserTextImageBg__imageContainer { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; width: calc(6 / 12 * 100%); order: 1; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg__imageContainer { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg__imageContainer { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-teaserTextImageBg__imageContainer .c-teaserTextImageBg__imageRow { width: 50vw; transform: translateX(0); max-width: calc(1920px / 2); float: right; padding-left: 8px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg__imageContainer .c-teaserTextImageBg__imageRow { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg__imageContainer .c-teaserTextImageBg__imageRow { padding-left: 16px; } } .c-teaserTextImageBg__content { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 16px; padding-right: 16px; padding-bottom: 45px; position: relative; order: 1; } @media (max-width: 1023px) { .c-teaserTextImageBg__content { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } } @media (max-width: 1023px) and (min-width: 768px) { .c-teaserTextImageBg__content { max-width: 800px; } } @media (max-width: 1023px) and (min-width: 1024px) { .c-teaserTextImageBg__content { max-width: 1200px; } } @media (max-width: 1023px) and (min-width: 1440px) { .c-teaserTextImageBg__content { max-width: 1500px; } } @media screen and (max-width: 1023px) and (min-width: 375px) { .c-teaserTextImageBg__content { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (max-width: 1023px) and (min-width: 1440px) { .c-teaserTextImageBg__content { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-teaserTextImageBg__content { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImageBg__content { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-teaserTextImageBg__content { padding-bottom: calc(45px + 35 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImageBg__content { padding-bottom: 80px; } } .c-teaserTextImageBg__content::before { content: ''; display: block; position: absolute; background: var(--c-grey); top: 55px; bottom: 0; transform: translate3d(-50%, 0, 0); width: 100vw; left: 50%; z-index: -1; } @media screen and (min-width: 375px) { .c-teaserTextImageBg__content::before { top: calc(55px + 51 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImageBg__content::before { top: 106px; } } @media (min-width: 768px) { .c-teaserTextImageBg__content { width: calc(4 / 6 * 100%); margin-left: calc(1 / 6 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImageBg__content { order: 2; margin-left: calc(1 / 12 * 100%); width: calc(5 / 12 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; padding-bottom: 0; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg__content { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg__content { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-teaserTextImageBg__content::before { display: none; } } @media (min-width: 1440px) { .c-teaserTextImageBg__content { width: calc(4 / 12 * 100%); } } .c-teaserTextImageBg__subline { margin-top: 36px; } @media screen and (min-width: 375px) { .c-teaserTextImageBg__subline { margin-top: calc(36px + 36 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImageBg__subline { margin-top: 72px; } } .c-teaserTextImageBg__text { margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserTextImageBg__text { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImageBg__text { margin-top: 32px; } } .c-teaserTextImageBg__link { margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserTextImageBg__link { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImageBg__link { margin-top: 32px; } } @media (min-width: 1024px) { .c-teaserTextImageBg--switched .c-teaserTextImageBg__content { order: 1; width: calc(5 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1440px) { .c-teaserTextImageBg--switched .c-teaserTextImageBg__content { width: calc(4 / 12 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImageBg--switched .c-teaserTextImageBg__row::before { margin-left: calc(0 / 12 * 100%); width: calc(10 / 12 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImageBg--switched .c-teaserTextImageBg__imageContainer { order: 2; margin-left: calc(0 / 12 * 100%); } .c-teaserTextImageBg--switched .c-teaserTextImageBg__imageContainer .c-teaserTextImageBg__imageRow { float: left; padding-left: 0px; padding-right: 8px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg--switched .c-teaserTextImageBg__imageContainer .c-teaserTextImageBg__imageRow { padding-left: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg--switched .c-teaserTextImageBg__imageContainer .c-teaserTextImageBg__imageRow { padding-left: 0px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImageBg--switched .c-teaserTextImageBg__imageContainer .c-teaserTextImageBg__imageRow { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImageBg--switched .c-teaserTextImageBg__imageContainer .c-teaserTextImageBg__imageRow { padding-right: 16px; } } @media (min-width: 1440px) { .c-teaserTextImageBg--switched .c-teaserTextImageBg__imageContainer { margin-left: calc(1 / 12 * 100%); } } /* |-------------------------------------------------------------------------- | .c-teaserTextImages |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/textImages'; */ .c-teaserTextImages { margin-top: 76px; } @media screen and (min-width: 375px) { .c-teaserTextImages { margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages { margin-top: 152px; } } .c-teaserTextImages__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-teaserTextImages__container { max-width: 800px; } } @media (min-width: 1024px) { .c-teaserTextImages__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-teaserTextImages__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-teaserTextImages__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__container { padding-left: 32px; padding-right: 32px; } } .c-teaserTextImages__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; position: relative; } @media screen and (min-width: 375px) { .c-teaserTextImages__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__row { margin-left: -16px; margin-right: -16px; } } @media (min-width: 768px) { .c-teaserTextImages__row { align-items: center; } } .c-teaserTextImages__images { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; margin-top: 32px; } @media screen and (min-width: 375px) { .c-teaserTextImages__images { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__images { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-teaserTextImages__images { margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__images { margin-top: 64px; } } @media (min-width: 768px) { .c-teaserTextImages__images { width: calc(7 / 12 * 100%); margin-top: 0; order: 1; } } @media (min-width: 1024px) { .c-teaserTextImages__images { width: calc(6 / 12 * 100%); } } .c-teaserTextImages__imagesRow { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -24px; margin-right: -24px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-teaserTextImages__imagesRow { margin-left: calc(-24px + -24 * (100vw - 375px) / (1065)); margin-right: calc(-24px + -24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__imagesRow { margin-left: -48px; margin-right: -48px; } } @media (min-width: 768px) { .c-teaserTextImages__imagesRow { align-items: center; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImages__imagesRow { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImages__imagesRow { margin-left: -16px; margin-right: -16px; } } .c-teaserTextImages__imageCol { width: calc(3 / 6 * 100%); } @media (min-width: 768px) { .c-teaserTextImages__imageCol:nth-child(1) { width: calc(4 / 7 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImages__imageCol:nth-child(1) { width: calc(3 / 6 * 100%); } } .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image:nth-child(1) { width: calc(3 / 4 * 100%); margin-left: calc(1 / 4 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image:nth-child(1) { width: 100%; margin-left: calc(0 / 4 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image:nth-child(2) { position: relative; padding-top: 88.9%; width: calc(50vw - 100%); float: right; } } @media (min-width: 1920px) { .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image:nth-child(2) { max-width: calc(960px - 100%); } } @media (min-width: 1024px) { .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image:nth-child(2) .c-teaserTextImages__picture { position: absolute; top: 0; left: 0; padding-right: 8px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image:nth-child(2) .c-teaserTextImages__picture { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image:nth-child(2) .c-teaserTextImages__picture { padding-right: 16px; } } .c-teaserTextImages__imageCol:nth-child(2) { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserTextImages__imageCol:nth-child(2) { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__imageCol:nth-child(2) { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-teaserTextImages__imageCol:nth-child(2) { width: calc(3 / 7 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImages__imageCol:nth-child(2) { width: calc(3 / 6 * 100%); } } .c-teaserTextImages__image:nth-child(2) { margin-top: 16px; width: 200%; } @media screen and (min-width: 375px) { .c-teaserTextImages__image:nth-child(2) { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__image:nth-child(2) { margin-top: 32px; } } @media (min-width: 768px) { .c-teaserTextImages__image:nth-child(2) { width: 100%; } } .c-teaserTextImages__content { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; position: relative; } @media screen and (min-width: 375px) { .c-teaserTextImages__content { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__content { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-teaserTextImages__content { width: calc(7 / 12 * 100%); order: 2; padding-top: 0; } .c-teaserTextImages__content::before { display: none; } } @media (min-width: 768px) { .c-teaserTextImages__content { width: calc(4 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } .c-teaserTextImages__subline { margin-top: 12px; } @media screen and (min-width: 375px) { .c-teaserTextImages__subline { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__subline { margin-top: 24px; } } .c-teaserTextImages__text { margin-top: 12px; } @media screen and (min-width: 375px) { .c-teaserTextImages__text { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__text { margin-top: 24px; } } .c-teaserTextImages__link { margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserTextImages__link { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages__link { margin-top: 32px; } } @media (min-width: 768px) { .c-teaserTextImages--second .c-teaserTextImages__content { width: calc(4 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImages--second .c-teaserTextImages__content { width: calc(5 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 768px) { .c-teaserTextImages--second .c-teaserTextImages__images { width: calc(7 / 12 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImages--second .c-teaserTextImages__images { width: calc(6 / 12 * 100%); } } .c-teaserTextImages--second .c-teaserTextImages__imagesRow { align-items: stretch; } .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(1) { width: calc(6 / 6 * 100%); } .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(1) .c-teaserTextImages__image { width: calc(6 / 6 * 100%); margin-left: 0; } .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) { margin-top: 16px; width: calc(3 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; padding: 0; } @media screen and (min-width: 375px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) { margin-top: 32px; } } @media screen and (min-width: 375px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) { padding: 0; } } @media (min-width: 1024px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) .c-teaserTextImages__image { position: relative; height: 100%; width: calc(50vw - 100%); float: right; } } @media (min-width: 1920px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) .c-teaserTextImages__image { max-width: calc(960px - 100%); } } @media (min-width: 1024px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) .c-teaserTextImages__picture { position: absolute; top: 0; left: 0; padding-right: 8px; } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) .c-teaserTextImages__picture { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(2) .c-teaserTextImages__picture { padding-right: 16px; } } .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(3) { margin-top: 16px; width: calc(3 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(3) { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(3) { margin-top: 32px; } } @media screen and (min-width: 375px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(3) { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImages--second .c-teaserTextImages__imageCol:nth-child(3) { padding-left: 16px; padding-right: 16px; } } /* |-------------------------------------------------------------------------- | .c-teaserTextImagesBg |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/teaser/textImages'; */ .c-teaserTextImagesBg { margin-top: 76px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg { margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg { margin-top: 152px; } } .c-teaserTextImagesBg__container { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-teaserTextImagesBg__container { max-width: 800px; } } @media (min-width: 1024px) { .c-teaserTextImagesBg__container { max-width: 1200px; } } @media (min-width: 1440px) { .c-teaserTextImagesBg__container { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__container { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__container { padding-left: 32px; padding-right: 32px; } } .c-teaserTextImagesBg__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; position: relative; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__row { margin-left: -16px; margin-right: -16px; } } @media (min-width: 768px) { .c-teaserTextImagesBg__row { padding-top: 40px; padding-bottom: 40px; align-items: center; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImagesBg__row { padding-top: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImagesBg__row { padding-top: 80px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImagesBg__row { padding-bottom: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImagesBg__row { padding-bottom: 80px; } } @media (min-width: 768px) { .c-teaserTextImagesBg__row::before { content: ''; display: block; position: absolute; background: var(--c-grey); top: 0; bottom: 0; right: calc(4 / 12 * 100%); width: calc(50vw + 2/12 * 100%); z-index: -1; } } .c-teaserTextImagesBg__content { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; padding-top: 40px; position: relative; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__content { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__content { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__content { padding-top: calc(40px + 40 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__content { padding-top: 80px; } } .c-teaserTextImagesBg__content::before { content: ''; display: block; position: absolute; background: var(--c-grey); top: 0; left: 50%; bottom: -100px; width: 100vw; transform: translate3d(-50%, 0, 0); z-index: -1; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__content::before { bottom: calc(-100px + -100 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__content::before { bottom: -200px; } } @media (min-width: 768px) { .c-teaserTextImagesBg__content { width: calc(7 / 12 * 100%); padding-top: 0; } .c-teaserTextImagesBg__content::before { display: none; } } @media (min-width: 1024px) { .c-teaserTextImagesBg__content { width: calc(4 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } .c-teaserTextImagesBg__images { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__images { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__images { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .c-teaserTextImagesBg__images { width: calc(6 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } .c-teaserTextImagesBg__imagesRow { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -16px; margin-right: -16px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__imagesRow { margin-left: calc(-16px + -16 * (100vw - 375px) / (1065)); margin-right: calc(-16px + -16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__imagesRow { margin-left: -32px; margin-right: -32px; } } @media (min-width: 768px) { .c-teaserTextImagesBg__imagesRow { /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImagesBg__imagesRow { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImagesBg__imagesRow { margin-left: -16px; margin-right: -16px; } } .c-teaserTextImagesBg__image { margin-top: 32px; width: calc(6 / 6 * 100%); } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__image { margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__image { margin-top: 64px; } } @media (min-width: 768px) { .c-teaserTextImagesBg__image { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImagesBg__image { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImagesBg__image { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-teaserTextImagesBg__image:first-child { width: calc(10 / 12 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImagesBg__image:first-child { width: calc(6 / 6 * 100%); margin-top: 0; } } .c-teaserTextImagesBg__image:last-child { width: calc(3 / 4 * 100%); margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__image:last-child { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__image:last-child { margin-top: 32px; } } @media (min-width: 768px) { .c-teaserTextImagesBg__image:last-child { width: calc(5 / 12 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImagesBg__image:last-child { width: calc(3 / 6 * 100%); } } .c-teaserTextImagesBg__subline { margin-top: 12px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__subline { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__subline { margin-top: 24px; } } .c-teaserTextImagesBg__text { margin-top: 12px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__text { margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__text { margin-top: 24px; } } .c-teaserTextImagesBg__link { margin-top: 16px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg__link { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg__link { margin-top: 32px; } } .c-teaserTextImagesBg--second .c-teaserTextImagesBg__row { align-items: flex-start; padding-bottom: 0; padding-top: 0; } @media (min-width: 768px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__row::before { top: 55px; bottom: 55px; left: 0; width: 100vw; max-width: calc(50% + 50vw); } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__row::before { top: calc(55px + 51 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__row::before { top: 106px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__row::before { bottom: calc(55px + 51 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__row::before { bottom: 106px; } } @media (min-width: 768px) and (min-width: 1920px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__row::before { max-width: calc(50% + 960px); } } .c-teaserTextImagesBg--second .c-teaserTextImagesBg__content::before { bottom: -200px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__content::before { bottom: calc(-200px + -100 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__content::before { bottom: -300px; } } @media (min-width: 768px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__content { margin-left: calc(1 / 12 * 100%); width: calc(9 / 12 * 100%); padding-bottom: 16px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__content { padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__content { padding-bottom: 32px; } } @media (min-width: 1024px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__content { padding-bottom: 96px; width: calc(4 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media screen and (min-width: 1024px) and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__content { padding-bottom: calc(96px + 96 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__content { padding-bottom: 192px; } } @media (min-width: 768px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__images { margin-left: calc(2 / 12 * 100%); width: calc(10 / 12 * 100%); } } @media (min-width: 1024px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__images { width: calc(6 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } .c-teaserTextImagesBg--second .c-teaserTextImagesBg__imagesRow { /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -24px; margin-right: -24px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__imagesRow { margin-left: calc(-24px + -24 * (100vw - 375px) / (1065)); margin-right: calc(-24px + -24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__imagesRow { margin-left: -48px; margin-right: -48px; } } @media (min-width: 768px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__imagesRow { /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__imagesRow { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__imagesRow { margin-left: -16px; margin-right: -16px; } } .c-teaserTextImagesBg--second .c-teaserTextImagesBg__image { width: calc(3 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__image { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__image { padding-left: 16px; padding-right: 16px; } } .c-teaserTextImagesBg--second .c-teaserTextImagesBg__image:first-child { margin-top: 70px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__image:first-child { margin-top: calc(70px + 230 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__image:first-child { margin-top: 300px; } } @media (min-width: 768px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__image:last-child { margin-top: 0; } } .c-teaserTextImagesBg--second .c-teaserTextImagesBg__subline { margin-top: 28px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__subline { margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__subline { margin-top: 56px; } } .c-teaserTextImagesBg--second .c-teaserTextImagesBg__headline + .c-teaserTextImagesBg__text { margin-top: 28px; } @media screen and (min-width: 375px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__headline + .c-teaserTextImagesBg__text { margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-teaserTextImagesBg--second .c-teaserTextImagesBg__headline + .c-teaserTextImagesBg__text { margin-top: 56px; } } /* |-------------------------------------------------------------------------- | .c-textButton |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/text/button'; */ .c-textButton { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 20px; display: flex; justify-content: center; } @media (min-width: 768px) { .c-textButton { max-width: 800px; } } @media (min-width: 1024px) { .c-textButton { max-width: 1200px; } } @media (min-width: 1440px) { .c-textButton { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-textButton { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textButton { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-textButton { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textButton { margin-top: 40px; } } /* |-------------------------------------------------------------------------- | .c-textCta |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/text/cta'; */ .c-textCta { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 20px; display: flex; justify-content: center; } @media (min-width: 768px) { .c-textCta { max-width: 800px; } } @media (min-width: 1024px) { .c-textCta { max-width: 1200px; } } @media (min-width: 1440px) { .c-textCta { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-textCta { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textCta { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-textCta { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textCta { margin-top: 40px; } } /* |-------------------------------------------------------------------------- | .c-textHeadline |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/text/headline'; */ .c-textHeadline { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 76px; } @media (min-width: 768px) { .c-textHeadline { max-width: 800px; } } @media (min-width: 1024px) { .c-textHeadline { max-width: 1200px; } } @media (min-width: 1440px) { .c-textHeadline { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-textHeadline { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textHeadline { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-textHeadline { margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textHeadline { margin-top: 152px; } } /* |-------------------------------------------------------------------------- | .c-textPrice |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/text/price'; */ .c-textPrice { display: flex; align-items: center; } .c-textPrice--center { justify-content: center; } .c-textPrice__priceHeadline { margin-right: 8px; margin-left: 8px; } @media screen and (min-width: 375px) { .c-textPrice__priceHeadline { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textPrice__priceHeadline { margin-right: 16px; margin-left: 16px; } } .c-textPrice__perValues { display: flex; flex-direction: column; } /* |-------------------------------------------------------------------------- | .c-textRoomDetailProperties |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/text/roomDetailProperties'; */ .c-textRoomDetailProperties { display: flex; justify-content: space-between; } @media (min-width: 1024px) { .c-textRoomDetailProperties { justify-content: flex-end; } } .c-textRoomDetailProperties > div { display: flex; align-items: center; text-transform: uppercase; flex-direction: column; font-family: "Lato", serif; margin-right: 8px; margin-left: 8px; color: var(--c-primary); } @media screen and (min-width: 375px) { .c-textRoomDetailProperties > div { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textRoomDetailProperties > div { margin-right: 16px; margin-left: 16px; } } .c-textRoomDetailProperties > div:last-child { margin-right: 0; } @media (min-width: 768px) { .c-textRoomDetailProperties > div { flex-direction: row; } } .c-textRoomDetailProperties__icon { margin-right: 8px; } @media screen and (min-width: 375px) { .c-textRoomDetailProperties__icon { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textRoomDetailProperties__icon { margin-right: 16px; } } .c-textRoomDetailProperties__floorPlan { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .c-textRoomDetailProperties__floorPlan { flex-direction: row; } } .c-textRoomDetailProperties__floorPlanItems { display: none; } /* |-------------------------------------------------------------------------- | .c-text |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/text/text'; */ .c-text { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 20px; } @media (min-width: 768px) { .c-text { max-width: 800px; } } @media (min-width: 1024px) { .c-text { max-width: 1200px; } } @media (min-width: 1440px) { .c-text { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-text { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-text { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-text { margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-text { margin-top: 40px; } } .c-text__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-text__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-text__row { margin-left: -16px; margin-right: -16px; } } .c-text__content { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-text__content { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-text__content { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .c-text__content { width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); } } /* |-------------------------------------------------------------------------- | .c-textTwoColumns |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/text/twoColumns'; */ .c-textTwoColumns { float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; margin-top: 76px; } @media (min-width: 768px) { .c-textTwoColumns { max-width: 800px; } } @media (min-width: 1024px) { .c-textTwoColumns { max-width: 1200px; } } @media (min-width: 1440px) { .c-textTwoColumns { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-textTwoColumns { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textTwoColumns { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 375px) { .c-textTwoColumns { margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textTwoColumns { margin-top: 152px; } } .c-textTwoColumns__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-textTwoColumns__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textTwoColumns__row { margin-left: -16px; margin-right: -16px; } } .c-textTwoColumns__content { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 375px) { .c-textTwoColumns__content { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textTwoColumns__content { padding-left: 16px; padding-right: 16px; } } .c-textTwoColumns__content:last-child { margin-top: 32px; } @media screen and (min-width: 375px) { .c-textTwoColumns__content:last-child { margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textTwoColumns__content:last-child { margin-top: 64px; } } @media (min-width: 768px) { .c-textTwoColumns__content { width: calc(5 / 12 * 100%); } .c-textTwoColumns__content:first-child { margin-left: calc(1 / 12 * 100%); } .c-textTwoColumns__content:last-child { margin-top: 0px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-textTwoColumns__content:last-child { margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-textTwoColumns__content:last-child { margin-top: 0px; } } @media (min-width: 1440px) { .c-textTwoColumns__content { width: calc(4 / 12 * 100%); } .c-textTwoColumns__content:first-child { margin-left: calc(2 / 12 * 100%); } } .c-textTwoColumns__heading + .c-textTwoColumns__text { margin-top: 8px; } @media screen and (min-width: 375px) { .c-textTwoColumns__heading + .c-textTwoColumns__text { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-textTwoColumns__heading + .c-textTwoColumns__text { margin-top: 16px; } } /* |-------------------------------------------------------------------------- | .c-toggleNav |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/toggle/nav'; */ .c-toggleNav { width: 58px; height: 55px; cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--c-primary); transition: background-color 0.3s ease-in-out; } @media screen and (min-width: 375px) { .c-toggleNav { width: calc(58px + 39 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-toggleNav { width: 97px; } } @media screen and (min-width: 375px) { .c-toggleNav { height: calc(55px + 25 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-toggleNav { height: 80px; } } .c-toggleNav:hover { background: var(--c-black); } .nav-open .c-toggleNav__open { display: none; } .c-toggleNav__close { display: none; } .nav-open .c-toggleNav__close { display: block; } /* |-------------------------------------------------------------------------- | .c-toolnavLink |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/toolnav/link'; */ .c-toolnavLink { padding-top: 12px; padding-bottom: 12px; width: 80px; display: block; background-color: var(--c-white); color: var(--c-text); position: relative; text-align: center; text-decoration: none; transition: all 0.3s linear; } @media screen and (min-width: 375px) { .c-toolnavLink { padding-top: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-toolnavLink { padding-top: 24px; } } @media screen and (min-width: 375px) { .c-toolnavLink { padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-toolnavLink { padding-bottom: 24px; } } @media (min-width: 768px) { .c-toolnavLink { padding-top: 4px; padding-bottom: 4px; width: 64px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-toolnavLink { padding-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-toolnavLink { padding-top: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-toolnavLink { padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-toolnavLink { padding-bottom: 8px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-toolnavLink { width: calc(64px + 32 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-toolnavLink { width: 96px; } } .c-toolnavLink__title { font-family: "Lato", serif; font-size: 9.20523px; bottom: 8px; margin-top: 4px; font-weight: 700; letter-spacing: 0.17em; text-transform: uppercase; transform: translate3d(0, 3px, 0); transition: all 0.15s; } @media (min-width: 375px) and (max-width: 1440px) { .c-toolnavLink__title { font-size: calc( 9.20523px + -1.01323 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .c-toolnavLink__title { font-size: 8.192px; } } @media screen and (min-width: 375px) { .c-toolnavLink__title { bottom: calc(8px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-toolnavLink__title { bottom: 12px; } } @media screen and (min-width: 375px) { .c-toolnavLink__title { margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-toolnavLink__title { margin-top: 8px; } } @media (min-width: 768px) { .c-toolnavLink__title { font-size: 10.58601px; position: absolute; left: 0; width: 100%; opacity: 0; margin-top: 0; } } @media (min-width: 768px) and (min-width: 375px) and (max-width: 1440px) { .c-toolnavLink__title { font-size: calc( 10.58601px + -0.34601 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 768px) and (min-width: 1440px) { .c-toolnavLink__title { font-size: 10.24px; } } .c-toolnavLink.is-highlight { background-color: var(--c-grey); } .c-toolnavLink.is-active { background-color: var(--c-primary); color: var(--c-white); } @media (min-width: 768px) { .c-toolnavLink.is-active { padding-top: 8px; padding-bottom: 12px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-toolnavLink.is-active { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-toolnavLink.is-active { padding-top: 16px; } } @media screen and (min-width: 768px) and (min-width: 375px) { .c-toolnavLink.is-active { padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 768px) and (min-width: 1440px) { .c-toolnavLink.is-active { padding-bottom: 24px; } } @media (min-width: 768px) { .c-toolnavLink.is-active .c-toolnavLink__title { opacity: 1; transform: none; transition: color 0.3s, opacity 0.15s 0.3s, transform 0.15s 0.3s; } } /* |-------------------------------------------------------------------------- | .c-toolnav |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/toolnav/toolnav'; */ .c-toolnav { position: fixed; bottom: 0; right: 50%; transform: translate3d(50%, 100%, 0); z-index: 100; transition: transform 0.3s ease, box-shadow 0.3s ease; } .scroll-up .c-toolnav { transform: translate3d(50%, 0, 0); box-shadow: 0 13px 36px rgba(0, 0, 0, 0.07); } .scroll-top .c-toolnav { transform: translate3d(50%, 100%, 0); box-shadow: none; } @media (min-width: 768px) { .c-toolnav { right: 0; bottom: 50%; transform: translate3d(0, 50%, 0); box-shadow: 0 13px 36px rgba(0, 0, 0, 0.07); width: auto; } .scroll-up .c-toolnav { transform: translate3d(0, 50%, 0); } } .c-toolnav__items { display: flex; } @media (min-width: 768px) { .c-toolnav__items { display: block; } } /* |-------------------------------------------------------------------------- | ABM |-------------------------------------------------------------------------- */ /* |-------------------------------------------------------------------------- | .w-form |-------------------------------------------------------------------------- _components.scss: @import '../../templates/components/form/form'; */ .wl-form { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; position: relative; } @media screen and (min-width: 375px) { .wl-form { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form { margin-left: -16px; margin-right: -16px; } } .wl-form::before { content: ''; position: absolute; display: block; top: 0; bottom: 0; background: var(--c-grey); z-index: -1; width: calc(6 / 6 * 100vw); left: calc(3 / 6 * 100%); transform: translateX(-50%); } @media (min-width: 768px) { .wl-form::before { width: calc(12 / 12 * 100%); left: 0; transform: translateX(0); } } @media (min-width: 1024px) { .wl-form::before { width: calc(10 / 12 * 100%); left: calc(1 / 12 * 100%); } } .wl-form__container { width: calc(6 / 6 * 100%); /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; padding-top: 44px; padding-bottom: 44px; } @media screen and (min-width: 375px) { .wl-form__container { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form__container { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .wl-form__container { padding-top: calc(44px + 44 * (100vw - 375px) / (1065)); padding-bottom: calc(44px + 44 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form__container { padding-top: 88px; padding-bottom: 88px; } } @media (min-width: 768px) { .wl-form__container { width: calc(10 / 12 * 100%); margin-left: calc(1 / 12 * 100%); } } @media (min-width: 1024px) { .wl-form__container { width: calc(8 / 12 * 100%); margin-left: calc(2 / 12 * 100%); } } .wl-form__row { width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .wl-form__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form__row { margin-left: -16px; margin-right: -16px; } } @media (min-width: 768px) { .wl-form__row { flex-wrap: nowrap; } } .wl-form__item { /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; width: 100%; margin-top: 16px; } @media screen and (min-width: 375px) { .wl-form__item { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form__item { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 375px) { .wl-form__item { margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form__item { margin-top: 32px; } } .wl-form__item--checkbox { display: flex; align-items: flex-start; } @media (min-width: 1024px) { .wl-form__item--checkbox { align-items: center; } } .wl-form__item--checkbox input { flex-shrink: 0; } .wl-form__label { font-family: "Lato", serif; font-size: 12.17391px; font-weight: 900; color: var(--c-primary); text-transform: uppercase; letter-spacing: 0.04em; } @media (min-width: 375px) and (max-width: 1440px) { .wl-form__label { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .wl-form__label { font-size: 12.8px; } } .wl-form__label[required]:after { content: '*'; } .wl-form__label + * { margin-top: 8px; } @media screen and (min-width: 375px) { .wl-form__label + * { margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form__label + * { margin-top: 16px; } } .wl-form textarea, .wl-form input, .wl-form select { border: 0; border-radius: 0; box-shadow: none !important; height: auto; color: inherit; outline: none; font-size: 14px; } @media (min-width: 375px) and (max-width: 1440px) { .wl-form textarea, .wl-form input, .wl-form select { font-size: calc( 14px + 2 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .wl-form textarea, .wl-form input, .wl-form select { font-size: 16px; } } .wl-form input[type=text], .wl-form input[type=email], .wl-form input[type=number], .wl-form input[type=phone], .wl-form input[type=date] { padding-right: 8px; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; width: 100%; } @media screen and (min-width: 375px) { .wl-form input[type=text], .wl-form input[type=email], .wl-form input[type=number], .wl-form input[type=phone], .wl-form input[type=date] { padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form input[type=text], .wl-form input[type=email], .wl-form input[type=number], .wl-form input[type=phone], .wl-form input[type=date] { padding-right: 16px; padding-left: 16px; } } @media screen and (min-width: 375px) { .wl-form input[type=text], .wl-form input[type=email], .wl-form input[type=number], .wl-form input[type=phone], .wl-form input[type=date] { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form input[type=text], .wl-form input[type=email], .wl-form input[type=number], .wl-form input[type=phone], .wl-form input[type=date] { padding-top: 16px; padding-bottom: 16px; } } .wl-form input[type=text]:focus, .wl-form input[type=email]:focus, .wl-form input[type=number]:focus, .wl-form input[type=phone]:focus, .wl-form input[type=date]:focus { outline: 2px solid var(--c-primary); } .wl-form input[type=submit] { display: inline-block; border-radius: 0; outline: 0; font-family: "Lato", serif; font-size: 12.17391px; padding-top: 11px; padding-bottom: 11px; padding-left: 25px; padding-right: 25px; font-weight: 900; text-decoration: none; text-transform: uppercase; letter-spacing: 0.17em; position: relative; transition: all 0.3s ease-in-out; background: var(--c-primary); border: 3px solid var(--c-primary); color: var(--c-white); cursor: pointer; } @media (min-width: 375px) and (max-width: 1440px) { .wl-form input[type=submit] { font-size: calc( 12.17391px + 0.62609 * ( ( 100vw - 375px) / 1065 )); } } @media (min-width: 1440px) { .wl-form input[type=submit] { font-size: 12.8px; } } @media screen and (min-width: 375px) { .wl-form input[type=submit] { padding-top: calc(11px + 6 * (100vw - 375px) / (1065)); padding-bottom: calc(11px + 6 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form input[type=submit] { padding-top: 17px; padding-bottom: 17px; } } @media screen and (min-width: 375px) { .wl-form input[type=submit] { padding-left: calc(25px + 24 * (100vw - 375px) / (1065)); padding-right: calc(25px + 24 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form input[type=submit] { padding-left: 49px; padding-right: 49px; } } .wl-form input[type=submit]:hover { background: var(--c-black); border-color: var(--c-black); } .wl-form input[type=checkbox] { width: 19px; height: 19px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--c-white); outline: none; position: relative; margin-right: 8px; cursor: pointer; } @media screen and (min-width: 375px) { .wl-form input[type=checkbox] { margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form input[type=checkbox] { margin-right: 16px; } } .wl-form input[type=checkbox]::before { content: ''; position: absolute; background: no-repeat center url("data:image/svg+xml;base64,PHN2ZyBpZD0iYTg3MDBlYTAtZGU2Mi00YmU2LWFjMGEtNGE5NzQ3N2U3ZThlIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4LjM5IDIxLjAyIj48cGF0aCBpZD0iYjczNzUyODktNTM1ZS00MTliLWJmMmQtNzg3ZTg3ZjM2NzBjIiBkYXRhLW5hbWU9IlBmYWQgMTU2NjUiIGQ9Ik0xNy43My4zNWwtNiwxMS41NC00LjE0LDhMLjQ4LDEzLjg5IiBmaWxsPSJub25lIiBzdHJva2U9IiMyNDI0MjQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+"); height: 21px; width: 21px; left: 2px; bottom: 50%; display: inline-block; opacity: 0; transform: translateY(calc(50% - 2px)) rotate(-10deg); transition: transform .3s ease-in-out, opacity .3s ease-in-out; } .wl-form input[type=checkbox]:checked::before { opacity: 1; transform: translateY(calc(50% - 7px)) rotate(0deg); transition: transform .3s ease-in-out, opacity .3s ease-in-out; } .wl-form select { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZjY0OTQ0NzktYWJlZi00NWNiLWJjZTMtYWZiNGNlOWY0MjQ2IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBpZD0iYTM3Y2VhZTEtNTMzOS00OWUwLWE4NTYtMzFlM2QzM2YwNTVhIiBkYXRhLW5hbWU9IlBmYWQgMTU1MTciIGQ9Ik0xMy41NSwzLjcyLDcsMTAuMjguNDUsMy43MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: center right 16px; background-size: 16px; width: 100%; padding-top: 8px; padding-bottom: 8px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media screen and (min-width: 375px) { .wl-form select { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form select { padding-top: 16px; } } @media screen and (min-width: 375px) { .wl-form select { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form select { padding-bottom: 16px; } } @media screen and (min-width: 375px) { .wl-form select { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form select { padding-left: 16px; padding-right: 16px; } } .wl-form textarea { padding-top: 8px; padding-bottom: 8px; /*padding-left: $spacing; padding-right: $spacing;*/ padding-left: 8px; padding-right: 8px; width: 100%; resize: vertical; min-height: 150px; height: 100%; } @media screen and (min-width: 375px) { .wl-form textarea { padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form textarea { padding-top: 16px; } } @media screen and (min-width: 375px) { .wl-form textarea { padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form textarea { padding-bottom: 16px; } } @media screen and (min-width: 375px) { .wl-form textarea { padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .wl-form textarea { padding-left: 16px; padding-right: 16px; } } .wl-form textarea:focus { outline: 2px solid var(--c-primary); } .js-toggleGrid { position: fixed; left: 20px; bottom: 20px; z-index: 111111111111; background-color: c("black"); width: 20px; height: 20px; border-radius: 100%; cursor: pointer; color: c("white"); font-family: sans-serif; font-size: 10px; text-align: center; line-height: 18px; font-weight: 500; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); } .c-gridOverlay { position: fixed !important; left: 50%; top: 0; z-index: 1111111; transform: translateX(-50%); height: 100vh; border-left: 1px dotted rgba(255, 0, 0, 0.2); border-right: 1px dotted rgba(255, 0, 0, 0.2); pointer-events: none; display: none; float: none; margin-left: auto; margin-right: auto; width: 100vw; max-width: 375px; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .c-gridOverlay { max-width: 800px; } } @media (min-width: 1024px) { .c-gridOverlay { max-width: 1200px; } } @media (min-width: 1440px) { .c-gridOverlay { max-width: 1500px; } } @media screen and (min-width: 375px) { .c-gridOverlay { padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridOverlay { padding-left: 32px; padding-right: 32px; } } .c-gridOverlay::before, .c-gridOverlay::after { content: ''; position: absolute; top: 0; left: 50%; height: 100vh; width: 0; } .c-gridOverlay::before { margin-left: -960px; border-left: 1px dotted rgba(255, 0, 0, 0.2); } .c-gridOverlay::after { margin-left: 960px; border-right: 1px dotted rgba(255, 0, 0, 0.2); } .c-gridOverlay.is-visible { display: block; } .c-gridOverlay__row { height: 100vh; width: auto; /*margin-left: $spacing; margin-right: $spacing;*/ margin-left: -8px; margin-right: -8px; flex-flow: row wrap; display: flex; flex: 1 1 auto; } @media screen and (min-width: 375px) { .c-gridOverlay__row { margin-left: calc(-8px + -8 * (100vw - 375px) / (1065)); margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridOverlay__row { margin-left: -16px; margin-right: -16px; } } .c-gridOverlay__col { box-shadow: 1px 0 0 rgba(255, 0, 0, 0.3); height: 100vh; margin: 0; width: calc(1 / 4 * 100%); position: relative; } @media (min-width: 768px) { .c-gridOverlay__col { width: calc(1 / 12 * 100%); } } .c-gridOverlay__col:first-child { box-shadow: 1px 0 0 rgba(255, 0, 0, 0.3), -1px 0 0 rgba(255, 0, 0, 0.3); } .c-gridOverlay__col:nth-child(4n) ~ .o-col { display: none; } @media (min-width: 768px) { .c-gridOverlay__col:nth-child(4n) ~ .o-col { display: block; } } .c-gridOverlay__col::before, .c-gridOverlay__col::after { content: ''; position: absolute; height: 100vh; width: 8px; } @media screen and (min-width: 375px) { .c-gridOverlay__col::before, .c-gridOverlay__col::after { width: calc(8px + 8 * (100vw - 375px) / (1065)); } } @media screen and (min-width: 1440px) { .c-gridOverlay__col::before, .c-gridOverlay__col::after { width: 16px; } } .c-gridOverlay__col::before { left: 0; border-right: 1px dotted rgba(255, 0, 0, 0.2); } .c-gridOverlay__col::after { right: 0; border-left: 1px dotted rgba(255, 0, 0, 0.2); } </style></head><body class=""><header><var id="232"></var><div class="c-pageHeader"><div class="c-pageHeader__navToggle"><div class="c-toggleNav js-toggleNav"><div class="e-svg e-svg--strokeWhite e-svg--38to45 c-toggleNav__open"><svg id="e2462fc0-05c9-43fd-925b-fa2d9996e11c" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><g id="a780ecef-4ddb-4ad0-9637-21059be2b571" data-name="Gruppe 5001"><path id="bc8ff633-1f6a-4b40-9fe9-08263b4809e3" data-name="Pfad 15499" d="M.27,12.5H44.73" fill="none" stroke="#000" stroke-width="2"/><path id="f30c527e-cd54-4bed-9844-6ef79ca5cc05" data-name="Pfad 15526" d="M.27,32.5H44.73" fill="none" stroke="#000" stroke-width="2"/><line id="f928ad7b-cdc7-400e-b11b-17323b804d3f" data-name="Linie 20" x1="0.27" y1="22.5" x2="34.27" y2="22.5" fill="none" stroke="#000" stroke-width="2"/></g></svg></div><div class="e-svg e-svg--strokeWhite e-svg--38to45 c-toggleNav__close"><svg id="b28be92b-7544-4ec0-9077-415d9656beeb" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><g id="a6c96375-ab34-45be-b432-167450e92b22" data-name="Gruppe 5001"><g id="f181e87d-5a22-4307-a168-29b442362b90" data-name="Gruppe 5247"><path id="a193894d-14c1-47bc-b9a3-e4b595b66aab" data-name="Pfad 15499" d="M6.78,38.22,38.22,6.78" fill="none" stroke="#000" stroke-width="2"/><path id="e7484a2f-d33b-4d26-b450-43442edcc276" data-name="Pfad 15526" d="M6.78,6.78,38.22,38.22" fill="none" stroke="#000" stroke-width="2"/></g></g></svg></div></div></div><div class="c-pageHeader__i18n"><div class="c-languageSwitch"><div class="c-languageSwitch__current">en</div><div class="c-languageSwitch__languages"> <div class="c-languageSwitch__language"><a class="e-link e-link--language c-languageSwitch__link" href="https://www.hotel-goldried-tirol.com/hotel/urlaub-osttirol-matrei.html">de</a></div> <div class="c-languageSwitch__language"><a class="e-link e-link--language c-languageSwitch__link" href="https://www.hotel-goldried-tirol.com/it/hotel/vacanze-est-tirol.html">it</a></div> <div class="c-languageSwitch__language"><a class="e-link e-link--language c-languageSwitch__link" href="https://www.hotel-goldried-tirol.com/sv/hotel/semester-oest-tyrolen.html">sv</a></div> </div></div></div><div class="c-pageHeader__search"><a class="c-linkIcon c-pageHeader__link glightbox togglable" data-width="400px" data-height="auto" data-gallery="search2" data-draggable="false" href="#searchContainer"><div class="e-svg e-svg--h14to21 e-svg--fillColor"><svg id="b9da4767-9203-42e2-aaa6-c52b36ebf74e" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.32 20.32"><g id="b1139e0c-e42d-45c2-89f0-5fd2b82575c9" data-name="magnifying-glass"><path id="e16aabf5-6046-4d88-8df4-82030243d94f" data-name="Pfad 15629" d="M18.46,20.15a.6.6,0,0,1-.84,0l-4.68-4.68a.61.61,0,0,1,0-.85l.42-.42L12.19,13a7.4,7.4,0,1,1,.85-.85l1.17,1.17.42-.42a.6.6,0,0,1,.84,0l4.68,4.68a.6.6,0,0,1,0,.84ZM13.61,7.41a6.21,6.21,0,1,0-6.22,6.2h0A6.22,6.22,0,0,0,13.61,7.41ZM15,14.21l-.84.84L18,18.89l.84-.84Z"/></g></svg></div></a><div id="searchContainer" class="c-popupSearch c-pageHeader__popup"><form method="GET" action="https://www.hotel-goldried-tirol.com/en/service/search.html" class="c-popupSearch__form"><div class="e-formInput c-popupSearch__input"><input class="e-formInput__input" id="q" name="q" type="text" placeholder="Search"></div><button class="c-buttonIcon c-popupSearch__icon" type="submit"><div class="e-svg e-svg--h14to21 e-svg--fillWhite"><svg id="b9da4767-9203-42e2-aaa6-c52b36ebf74e" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.32 20.32"><g id="b1139e0c-e42d-45c2-89f0-5fd2b82575c9" data-name="magnifying-glass"><path id="e16aabf5-6046-4d88-8df4-82030243d94f" data-name="Pfad 15629" d="M18.46,20.15a.6.6,0,0,1-.84,0l-4.68-4.68a.61.61,0,0,1,0-.85l.42-.42L12.19,13a7.4,7.4,0,1,1,.85-.85l1.17,1.17.42-.42a.6.6,0,0,1,.84,0l4.68,4.68a.6.6,0,0,1,0,.84ZM13.61,7.41a6.21,6.21,0,1,0-6.22,6.2h0A6.22,6.22,0,0,0,13.61,7.41ZM15,14.21l-.84.84L18,18.89l.84-.84Z"/></g></svg></div></button></form></div></div><div class="c-pageHeader__phone"><a class="c-linkIcon c-pageHeader__link" href="tel:004348756113" target="_self" rel="" title="tel:004348756113"><div class="e-svg e-svg--h14to21 e-svg--fillColor"><svg id="bca41727-7d0b-435b-9c05-4ce00395309c" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.4 20.32"><path id="b0e151cf-52ab-45c8-a7f6-241936e97127" data-name="phone" d="M13,19.2a13,13,0,0,1-13-13H0A5.07,5.07,0,0,1,5.06,1.12h0a.53.53,0,0,1,.49.33L7.83,7.13a.52.52,0,0,1-.3.68h0L5,8.81a5.71,5.71,0,0,0,5.34,5.35l1-2.49a.53.53,0,0,1,.69-.3h0l5.67,2.27a.52.52,0,0,1,.34.49A5.07,5.07,0,0,1,13,19.2Zm-8.29-17a4,4,0,0,0-3.66,4,12,12,0,0,0,12,12h0a4,4,0,0,0,4-3.66l-4.83-1.93-.94,2.34a.52.52,0,0,1-.49.34A6.79,6.79,0,0,1,4,8.46.52.52,0,0,1,4.3,8L6.65,7Z"/></svg></div></a></div><div class="c-pageHeader__navigation" data-default-image-src="/andsrv/content/files/resized/180110-martinlugger-goldried-0042.960x960m1.287.jpg"><nav class="c-navigation"><div class="c-navigation__container"><div class="c-navigation__row"><div class="c-navigation__menu"><ul class="c-navigation__level1"><li class="c-navigation__linkItem" data-image-src="/andsrv/content/files/resized/wanderung-gletschervorfeld-gschloesstal-tvb-osttirol-mathaeus-gartner-matrei-in-osttirol.960x960m1h-2x-15.114.jpg"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/" target="_self">Start </a></li><li class="c-navigation__linkItem is-active is-parent" data-image-src="/andsrv/content/files/resized/180110-martinlugger-goldried-0005.960x960m1.438.jpg"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/hotel/holidays-east-tyrol.html" target="_self">Hotel </a><ul class="c-navigation__level2"><li class="c-navigation__linkItem is-active"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/hotel/holidays-east-tyrol.html" target="_self">Hotel Goldried</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/hotel/restaurants-bars-matrei.html" target="_self">Restaurants & Bars</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/hotel/kids-teens-matrei.html" target="_self">Kids & Teens</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/hotel/groups-east-tyrol.html" target="_self">Groups</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/hotel/seminars-east-tyrol.html" target="_self">Seminars</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/hotel/gallery-east-tyrol.html" target="_self">Gallery</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/hotel/philosophy-values.html" target="_self">Philosophy & values</a></li></ul></li><li class="c-navigation__linkItem is-parent" data-image-src="/andsrv/content/files/resized/35-m-doppelbett.960x960m1.441.jpg"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/rooms/appartments-east-tyrol.html" target="_self">Rooms </a><ul class="c-navigation__level2"><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/rooms/appartments-east-tyrol.html" target="_self">Rooms & Appartments</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/rooms/packages-east-tyrol.html" target="_self">Packages</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/rooms/included-services-matrei.html" target="_self">Included services</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="/websLINE-ABM/homepage/booking/index/en" target="_self">Book</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/rooms/enquiry-east-tyrol.html" target="_self">Enquiry</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/rooms/vouchers-hotel-matrei.html" target="_self">Vouchers</a></li></ul></li><li class="c-navigation__linkItem is-parent" data-image-src="/andsrv/content/files/resized/180110-martinlugger-goldried-0072.960x960m1h6x25.204.jpg"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/spa/sauna-east-tyrol.html" target="_self">Spa </a><ul class="c-navigation__level2"><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/spa/sauna-east-tyrol.html" target="_self">Goldried sauna & spa</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/spa/massage-beauty-treatments.html" target="_self">Massages</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/spa/day-spa-matrei.html" target="_self">Day Spa</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/spa/pools-east-tyrol.html" target="_self">Pools</a></li></ul></li><li class="c-navigation__linkItem is-parent" data-image-src="/andsrv/content/files/resized/tristacher-see-tvb-osttirol-bachmann-elias-tristach.960x960m1h0x0.132.jpg"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/summer/holidays-east-tyrol.html" target="_self">Summer </a><ul class="c-navigation__level2"><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/summer/holidays-east-tyrol.html" target="_self">Summer in East Tyrol</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/summer/hiking-east-tyrol.html" target="_self">Hiking</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/summer/biking-east-tyrol.html" target="_self">Biking</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/summer/excursions-culture-east-tyrol.html" target="_self">Excursions & culture in summer</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/summer/osttirol-card.html" target="_self">Osttirol Card</a></li></ul></li><li class="c-navigation__linkItem is-parent" data-image-src="/andsrv/content/files/resized/skifahren-im-grossglockner-resort-kals-matrei-tvb-osttirol-berg-im-bild-og-kals-am-grossglockner-3.960x960m1.176.jpg"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/winter/holidays-east-tyrol.html" target="_self">Winter </a><ul class="c-navigation__level2"><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/winter/holidays-east-tyrol.html" target="_self">Winter in East Tyrol</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/winter/ski-east-tyrol-matrei.html" target="_self">Ski</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/winter/activities-east-tyrol.html" target="_self">Winter activities</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/winter/excursions-culture-east-tyrol.html" target="_self">Excursions & culture in winter</a></li></ul></li><li class="c-navigation__linkItem is-parent" data-image-src="/andsrv/content/files/resized/007.960x960m1.197.jpg"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/service/site-notice-hotel-matrei.html" target="_self">Service </a><ul class="c-navigation__level2"><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/service/site-notice-hotel-matrei.html" target="_self">Site notice</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/service/privacy-policy-hotel.html" target="_self">Privacy policy</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/service/gtc-holidays-east-tyrol.html" target="_self">GTC</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/service/arrival-hotel-matrei.html" target="_self">Arrival</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/service/jobs-hotel-east-tyrol.html" target="_self">Careers</a></li><li class="c-navigation__linkItem"><a class="c-navigation__link" href="https://www.hotel-goldried-tirol.com/en/service/newsletter-hotel-matrei.html" target="_self">Newsletter</a></li></ul></li></ul><ul class="c-navigation__level1"></ul></div><div class="c-navigation__image"><div class="c-navigation__background"><div class="c-logo c-logo--white c-navigation__logo"><div class="e-svg e-svg--w100p e-svg--fillColor"><svg id="fa2a60e6-39a9-41a1-beb4-5db0f4e6f490" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228.44 99.06"><path id="bfe54e0a-05d3-4677-97a8-624e1a492ca2" data-name="Pfad 15500" d="M75.63,59.82a23.7,23.7,0,0,0,3.25-2A30.8,30.8,0,0,0,82,55.2a17.06,17.06,0,0,0,2.45-3,7.58,7.58,0,0,0,1.2-3.06,2.35,2.35,0,0,0-.1-.6c-.07-.2-.15-.42-.25-.66a1.56,1.56,0,0,0-.4-.55.87.87,0,0,0-.55-.2,2.26,2.26,0,0,0-1.35.45,8,8,0,0,0-1.3,1.16,15.91,15.91,0,0,0-2.5,3.57c-.37.7-.74,1.42-1.1,2.16s-.7,1.44-1,2.11l-.81,1.81c-.23.54-.44,1-.65,1.41M95.52,25a3.41,3.41,0,0,1,0,.55,1.82,1.82,0,0,1-.2.65,1.52,1.52,0,0,1-.3.46.49.49,0,0,1-.35.15.91.91,0,0,1-.45-.35,1.27,1.27,0,0,1-.15-.6,4,4,0,0,0,0-.7c0-.22,0-.44,0-.66a10.39,10.39,0,0,0-2-4.72,11.34,11.34,0,0,0-3.55-3A15.2,15.2,0,0,0,84,15.24a19.78,19.78,0,0,0-4.55-.35,30.11,30.11,0,0,0-6.75.76,37.81,37.81,0,0,0-6.45,2.06,37.4,37.4,0,0,0-15.9,12.77,35.65,35.65,0,0,0-5.7,12.76,33.33,33.33,0,0,0-.8,7.24,15.83,15.83,0,0,0,1.1,5.89,14.93,14.93,0,0,0,3,4.77,12.78,12.78,0,0,0,4.45,3.07,10.53,10.53,0,0,0,5.55.65l2-.2c.63-.06,1.26-.15,1.9-.25s1.28-.23,1.95-.4a15.56,15.56,0,0,0,2-.65c.53-.81,1.06-1.68,1.6-2.62s1.11-1.91,1.75-2.91,1.31-2,2-3,1.48-2,2.25-2.86a28.3,28.3,0,0,1,2.45-2.57,20.79,20.79,0,0,1,2.65-2.11,13.8,13.8,0,0,1,2.8-1.46,8.57,8.57,0,0,1,3-.55,1.71,1.71,0,0,1,1.1.4,5.13,5.13,0,0,1,.9,1,5.35,5.35,0,0,1,.65,1.2,3.62,3.62,0,0,1,.25,1.26,6.73,6.73,0,0,1-1.1,3.42,19.12,19.12,0,0,1-2.9,3.57,26.14,26.14,0,0,1-4.15,3.26,23.88,23.88,0,0,1-4.85,2.42q-1.61,3.51-3.65,7A71.16,71.16,0,0,1,66,75.62,79.37,79.37,0,0,1,60.67,82a62.15,62.15,0,0,1-6,5.63,62.58,62.58,0,0,1-6.5,4.72,47.15,47.15,0,0,1-7,3.68,42.41,42.41,0,0,1-7.3,2.31,31.48,31.48,0,0,1-7.5.7A32.94,32.94,0,0,1,17,97.64a29.18,29.18,0,0,1-4.5-1.81,28.58,28.58,0,0,1-4.15-2.56,20.61,20.61,0,0,1-6.2-7.5A20.05,20.05,0,0,1,.47,80.7,27.05,27.05,0,0,1,0,74.61a40.19,40.19,0,0,1,.45-4.37,43.72,43.72,0,0,1,1-4.52,38.6,38.6,0,0,1,1.5-4.48A29.59,29.59,0,0,1,5,57.07,24.06,24.06,0,0,1,7.77,53.4a19.83,19.83,0,0,1,3.45-3,19.63,19.63,0,0,1,4.2-2.16,20.51,20.51,0,0,1,5-1.15,6.11,6.11,0,0,1,2.4.3,8.85,8.85,0,0,1,2.4,1.15A7,7,0,0,1,27,50.28a2.9,2.9,0,0,1,.5,2.21,4.46,4.46,0,0,1-.5,1.56,6.67,6.67,0,0,1-1,1.41,5,5,0,0,1-1.4,1.06,5.2,5.2,0,0,1-1.5.5,3,3,0,0,1-1.35-.1,4.82,4.82,0,0,1-1.05-.56,5.12,5.12,0,0,1-.95-.85c-.3-.34-.58-.67-.85-1l-.8-1a11.2,11.2,0,0,0-.85-1,3.83,3.83,0,0,0-.95-.7,2.46,2.46,0,0,0-1.1-.25,7.68,7.68,0,0,0-5.05,1.76,10.64,10.64,0,0,0-1.9,2,15.56,15.56,0,0,0-1.5,2.51,18,18,0,0,0-1.1,2.92c-.3,1-.55,2.06-.75,3.07s-.35,2-.45,3a27.44,27.44,0,0,0-.15,2.87,27.17,27.17,0,0,0,.65,6,28.58,28.58,0,0,0,1.8,5.48,24.24,24.24,0,0,0,2.8,4.73,28.76,28.76,0,0,0,7.75,7,27.25,27.25,0,0,0,4.6,2.26,25.54,25.54,0,0,0,4.85,1.3,23.22,23.22,0,0,0,4.85.3,21,21,0,0,0,5.45-.9,27.4,27.4,0,0,0,5.1-2.11,35.37,35.37,0,0,0,4.76-3.06,43.76,43.76,0,0,0,4.4-3.88,48.45,48.45,0,0,0,4-4.57,59.26,59.26,0,0,0,3.55-5.18c1.1-1.81,2.11-3.67,3-5.58s1.76-3.83,2.5-5.78c-.87.27-1.74.52-2.6.76l-2.5.65a15.84,15.84,0,0,1-2.45.4,15.51,15.51,0,0,1-2.55,0,27.24,27.24,0,0,1-4.6-.75A18.41,18.41,0,0,1,46,65.42,15.33,15.33,0,0,1,40.73,61a13.54,13.54,0,0,1-1.65-2.76,21.82,21.82,0,0,1-1.1-3,22.86,22.86,0,0,1-.7-3.16,32.32,32.32,0,0,1-.35-3.22,21.4,21.4,0,0,1,.75-7,28,28,0,0,1,2.8-6.69A35,35,0,0,1,45,29.07a48.86,48.86,0,0,1,5.8-5.43,53.83,53.83,0,0,1,6.7-4.57,47.83,47.83,0,0,1,7.3-3.47,51.84,51.84,0,0,1,7.45-2.21,33.52,33.52,0,0,1,7.2-.8,20.11,20.11,0,0,1,6.2.95,17.31,17.31,0,0,1,5.2,2.62,12.2,12.2,0,0,1,3.45,4,10.31,10.31,0,0,1,1.25,4.92"/><path id="a70f39d9-ab8d-4806-a242-e740382d5830" data-name="Pfad 15501" d="M92,59.67a3.66,3.66,0,0,0-1.67.45,9.64,9.64,0,0,0-1.7,1.16A15.43,15.43,0,0,0,86.92,63c-.56.68-1.1,1.38-1.6,2.12a21.28,21.28,0,0,0-1.39,2.3,20.05,20.05,0,0,0-1.07,2.36,17,17,0,0,0-.69,2.2,8.3,8.3,0,0,0-.26,1.92,4.17,4.17,0,0,0,.1.79,2.48,2.48,0,0,0,.31.75,1.56,1.56,0,0,0,.6.54,2.21,2.21,0,0,0,1,.19,5.15,5.15,0,0,0,1.76-.5,9.87,9.87,0,0,0,1.86-1.14,16.08,16.08,0,0,0,1.8-1.6c.6-.62,1.16-1.28,1.7-2a19.84,19.84,0,0,0,1.48-2.14,19.41,19.41,0,0,0,1.13-2.17,13.51,13.51,0,0,0,.73-2,5.75,5.75,0,0,0,.19-1.8,4.1,4.1,0,0,0-.16-1,4.76,4.76,0,0,0-.44-1,2.6,2.6,0,0,0-.76-.79A2.07,2.07,0,0,0,92,59.67m-.19-1.07a5.36,5.36,0,0,1,1.54.22,3.67,3.67,0,0,1,1.45.79,3.87,3.87,0,0,1,1,1.45,5.7,5.7,0,0,1,.38,2.2,7.05,7.05,0,0,1-.35,2.14,13.62,13.62,0,0,1-.85,2,20.54,20.54,0,0,1-1.13,1.92q-.63.94-1.2,1.77a1.24,1.24,0,0,1,.53.12.84.84,0,0,0,.54.07A6.6,6.6,0,0,0,95.21,71a9,9,0,0,0,3.05-1.76c.48-.42.94-.53,1.36-1.11a1.22,1.22,0,0,1,.36-.32,1.19,1.19,0,0,1,.56-.14,7.07,7.07,0,0,1-1.3,1.92A9.3,9.3,0,0,1,97.35,71a8.75,8.75,0,0,1-2.08.85,7.6,7.6,0,0,1-2,.29,3.26,3.26,0,0,1-.7-.07,3.93,3.93,0,0,0-.69-.06c-.46.46-1,1-1.67,1.61a24.77,24.77,0,0,1-2.08,1.73,12.32,12.32,0,0,1-2.3,1.36,5.31,5.31,0,0,1-2.45.47,4.67,4.67,0,0,1-1.74-.32,3.23,3.23,0,0,1-1.38-1.1,5.43,5.43,0,0,1-.92-2,11.82,11.82,0,0,1-.31-3,6.63,6.63,0,0,1,.19-1.61c.12-.53.23-1.06.31-1.61a3.84,3.84,0,0,0-.44.54,2,2,0,0,1-.44.47,1.32,1.32,0,0,0-.25.16.37.37,0,0,1-.19.09L78,68.75a.23.23,0,0,1-.1-.19l.38-.67a9.45,9.45,0,0,1,1-1.26c.42-.48.91-1,1.48-1.6s1.18-1.19,1.86-1.8a22.16,22.16,0,0,1,2.14-1.73A25.11,25.11,0,0,1,87.05,60a12.73,12.73,0,0,1,2.36-1,8.12,8.12,0,0,1,2.4-.37"/><path id="a78973ad-0f30-459c-ac9d-0c1d99ba40cd" data-name="Pfad 15502" d="M110.14,59.21A63.75,63.75,0,0,0,123.6,47.28q5-6.15,4.22-8.46a1,1,0,0,0-.59-.65,2,2,0,0,0-1.16,0q-2.46.63-6.8,6.32a106.37,106.37,0,0,0-9.13,14.68m-.5,1.47a91.34,91.34,0,0,0-5,9.85q-1.75,4.13-1.37,5.2a1,1,0,0,0,.65.65,2.53,2.53,0,0,0,1.31-.07,10.8,10.8,0,0,0,4.24-2.73,48.14,48.14,0,0,0,5.47-6.21c.64-.83,1.3-1.05,1.95-2.05s.78-.6,1-.65.48-.84.56-.8.7-.1.73,0c.1.26-.78.4-1.61,1.66a52,52,0,0,1-3.41,4.56,37,37,0,0,1-5,5.16,11.24,11.24,0,0,1-4.17,2.2,5.2,5.2,0,0,1-2.9.08A2.35,2.35,0,0,1,100.46,76q-.81-2.32,1.42-7.47a100.87,100.87,0,0,1,7.72-13.62A84.39,84.39,0,0,1,119,42.73c3.08-3.24,5.53-5.08,7.35-5.55a2.48,2.48,0,0,1,1.59,0,1.65,1.65,0,0,1,.91,1q1.1,3.14-4.26,9.57a69.64,69.64,0,0,1-15,12.87"/><path id="e88b953f-97b0-4dc8-8b69-d465ee6930ac" data-name="Pfad 15503" d="M128.34,59.67a5.26,5.26,0,0,0-2,.54,9.42,9.42,0,0,0-1.95,1.29,15.56,15.56,0,0,0-1.86,1.86,22.85,22.85,0,0,0-1.67,2.24A25.52,25.52,0,0,0,119.45,68c-.4.77-.75,1.56-1.07,2.36a15.76,15.76,0,0,0-.66,2.12,5.48,5.48,0,0,0-.16,1.67,6.53,6.53,0,0,1,.1.66,1.18,1.18,0,0,0,.19.6,1.53,1.53,0,0,0,.4.44,1,1,0,0,0,.64.19,3.37,3.37,0,0,0,1.73-.38,12.35,12.35,0,0,0,1.89-1.17,16,16,0,0,0,1.95-1.73,25.23,25.23,0,0,0,1.86-2.14c.59-.76,1.14-1.55,1.67-2.36a20,20,0,0,0,1.32-2.4,22,22,0,0,0,.89-2.2,4.81,4.81,0,0,0,.28-1.8,3.23,3.23,0,0,0-.1-.82,1.5,1.5,0,0,0-.37-.69,1.92,1.92,0,0,0-.7-.5,2.18,2.18,0,0,0-1-.19m21.42-22.12q-1.26,2.32-2.84,5c-1,1.81-2.14,3.69-3.27,5.64s-2.29,3.92-3.47,5.89-2.3,3.88-3.37,5.73-2.08,3.62-3,5.3-1.78,3.18-2.49,4.5S130,72.1,129.63,73a4.35,4.35,0,0,0-.54,1.86,1.1,1.1,0,0,0,.1.47,1.3,1.3,0,0,0,.22.38.84.84,0,0,0,.28.25.59.59,0,0,0,.34.1,5,5,0,0,0,1-.41,6.77,6.77,0,0,0,1.1-.73c.38-.29.78-.61,1.2-1s.84-.74,1.26-1.14.83-.81,1.23-1.22.79-.84,1.17-1.27.72-.8,1-1.16l.86-1a1.77,1.77,0,0,1,.41-.31.83.83,0,0,1,.41-.13.35.35,0,0,1,.25.16.26.26,0,0,1,.06.28c-.34.46-.72,1-1.13,1.48s-.87,1-1.36,1.58-1,1-1.48,1.54-1,1-1.54,1.45-1,.88-1.58,1.26-1,.68-1.51,1a7.2,7.2,0,0,1-1.36.6,3.93,3.93,0,0,1-1.13.18,6.12,6.12,0,0,1-1-.18,1.75,1.75,0,0,1-.78-.5,2.93,2.93,0,0,1-.57-1,7.41,7.41,0,0,1-.35-1.55l0-.37c0-.17.06-.38.1-.63l.12-.76c0-.25.09-.48.13-.69-.54.63-1.12,1.27-1.73,1.92a20.44,20.44,0,0,1-1.92,1.8,9.12,9.12,0,0,1-2.11,1.29,5.87,5.87,0,0,1-2.37.47,2.92,2.92,0,0,1-1.76-.66,4.21,4.21,0,0,1-1.1-1.51,7.47,7.47,0,0,1-.57-2,14.55,14.55,0,0,1-.16-2c0-.51.11-1,.19-1.58s.15-1.07.19-1.57a2.07,2.07,0,0,0-.34.44,1.27,1.27,0,0,1-.35.38,2.37,2.37,0,0,1-.35.19c-.1,0-.28.11-.34,0s0-.1,0-.18a1.33,1.33,0,0,1,.15-.32,23.21,23.21,0,0,1,3-3.88,28.91,28.91,0,0,1,3.81-3.09,19.29,19.29,0,0,1,3.78-2,9.36,9.36,0,0,1,3.38-.73,4.1,4.1,0,0,1,2.26.73,3.23,3.23,0,0,1,.85.84,2.45,2.45,0,0,1,.41,1.14,4,4,0,0,1-.06.69c0,.25-.09.5-.13.76l14.3-25.2Z"/><path id="e44102d4-61eb-457f-89f9-4f0cd117644d" data-name="Pfad 15504" d="M156.24,63.33a3.81,3.81,0,0,0,.85-.44c.4-.25.81-.54,1.23-.85A6.37,6.37,0,0,0,159.45,61a2.89,2.89,0,0,0,.63-1.1.26.26,0,0,0-.12-.22,1.4,1.4,0,0,0-.26-.16,1.64,1.64,0,0,0-1,.47,7.41,7.41,0,0,0-1.07,1.1,10.21,10.21,0,0,0-.89,1.29c-.18.32-.35.64-.5,1m-6.42-4.73a2.25,2.25,0,0,1,.91.22,3.09,3.09,0,0,1,.82.57,2.67,2.67,0,0,1,.56.85,2.8,2.8,0,0,1,.23,1.14,11.14,11.14,0,0,1-.32,2.07,13.28,13.28,0,0,1-.66,2c-.28.63-.59,1.28-1,2s-.74,1.37-1.16,2.08L152,66.83c.91-.86,1.82-1.69,2.74-2.49a20.87,20.87,0,0,1,.85-2.15,9.75,9.75,0,0,1,1.1-1.8,5.32,5.32,0,0,1,1.45-1.26A4.33,4.33,0,0,1,160,58.6a1.24,1.24,0,0,1,.5.1A3,3,0,0,1,161,59a1,1,0,0,1,.37.38.85.85,0,0,1,.13.47,1.14,1.14,0,0,1-.19.47,4.25,4.25,0,0,1-.53.73c-.27.29-.56.56-.85.82s-.75.6-1.14.88c-.63.42-1.22.84-1.76,1.26a9.47,9.47,0,0,0-1.45,1.38,7.22,7.22,0,0,0-1,1.64,4.72,4.72,0,0,0-.41,2,2.45,2.45,0,0,0,.1.66,1.55,1.55,0,0,0,.34.63,2,2,0,0,0,.54.44,1.25,1.25,0,0,0,.6.16,4,4,0,0,0,1.26-.32,7.82,7.82,0,0,0,1.1-.6,7.26,7.26,0,0,0,1.07-.85c.36-.33.74-.71,1.16-1.13l.19-.16a.46.46,0,0,1,.26-.1.22.22,0,0,1,.19.13.76.76,0,0,1,.06.25.74.74,0,0,1-.16.41c-.11.15-.23.32-.38.5a4,4,0,0,1-.57.6q-.34.31-.72.6a7.24,7.24,0,0,1-.82.54l-.85.47a4.93,4.93,0,0,1-.82.35,2.59,2.59,0,0,1-.78.12,2.33,2.33,0,0,1-1.08-.12,3.22,3.22,0,0,1-.91-.54,2.13,2.13,0,0,1-.6-.82,2.05,2.05,0,0,1-.12-1,7.6,7.6,0,0,1,.28-1.57,13.73,13.73,0,0,1,.54-1.52,32.75,32.75,0,0,0-2.62,2.37c-.86.86-1.7,1.76-2.52,2.71s-1.62,1.91-2.4,2.9S145,76,144.26,76.93H140c.46-.67,1-1.4,1.48-2.2s1.07-1.62,1.64-2.46,1.14-1.69,1.73-2.55l1.7-2.49c.54-.8,1.05-1.57,1.51-2.3s.87-1.39,1.23-2,.64-1.1.85-1.52a2.52,2.52,0,0,0,.32-.88.8.8,0,0,0-.07-.34.7.7,0,0,0-.19-.29,1.51,1.51,0,0,0-.28-.22.42.42,0,0,0-.35,0,3.94,3.94,0,0,0-1.2.35,7.88,7.88,0,0,0-1.26.72,14.31,14.31,0,0,0-1.29,1q-.66.6-1.29,1.29l-1.29,1.42c-.44.48-.86,1-1.26,1.42s-.8.91-1.2,1.35a16.14,16.14,0,0,1-1.17,1.17l-.28.28a1.18,1.18,0,0,1-.28.22c-.09,0-.17-.06-.25-.19s-.09-.21,0-.25a15.65,15.65,0,0,1,1.16-1.64c.44-.54.9-1.1,1.39-1.67s1-1.11,1.48-1.64,1-1,1.51-1.51,1-.93,1.51-1.35a13.53,13.53,0,0,1,1.45-1.07,8.34,8.34,0,0,1,1.32-.7,5,5,0,0,1,1.2-.31"/><path id="a0510383-e2b7-4896-a679-3a2ae35c9367" data-name="Pfad 15505" d="M176.91,46a1.8,1.8,0,0,1,.6.1,1.42,1.42,0,0,1,.53.31,1.54,1.54,0,0,1,.41.57,2.69,2.69,0,0,1-.6,2.83,4.22,4.22,0,0,1-.82.7,1.75,1.75,0,0,1-.94.28,2.73,2.73,0,0,1-.85-.22,1.46,1.46,0,0,1-.57-.44,1.69,1.69,0,0,1-.31-.63,2.16,2.16,0,0,1-.1-.66,2.13,2.13,0,0,1,.22-.89A4.1,4.1,0,0,1,175,47a3.17,3.17,0,0,1,.82-.73,2.13,2.13,0,0,1,1-.28M166.38,62.76a38.64,38.64,0,0,0-2.71,2.87c-.8.94-1.66,1.88-2.58,2.8l-.29.28a.45.45,0,0,1-.28.16.56.56,0,0,1-.28-.1c-.1-.06-.14-.11-.1-.15a32.48,32.48,0,0,1,2-2.65c.71-.84,1.45-1.67,2.2-2.49s1.53-1.63,2.3-2.42,1.55-1.6,2.3-2.4h4.29c-.38.67-.83,1.4-1.36,2.2s-1.06,1.63-1.6,2.49L168.62,66c-.57.88-1.11,1.72-1.64,2.52s-1,1.56-1.48,2.3-.85,1.39-1.17,2-.55,1.08-.72,1.48a1.47,1.47,0,0,0-.19.79,2.91,2.91,0,0,0,.16.5,1.81,1.81,0,0,0,.22.44,1.05,1.05,0,0,0,.31.32.62.62,0,0,0,.5.06,8.11,8.11,0,0,0,2.93-1.29A17.22,17.22,0,0,0,170,73c.75-.78,1.49-1.58,2.2-2.43s1.43-1.59,2.2-2.33a1.34,1.34,0,0,1,.32-.31.65.65,0,0,1,.38-.13.34.34,0,0,1,.25.13.2.2,0,0,1,.06.25l-1.2,1.48c-.42.52-.86,1-1.32,1.54s-1,1-1.45,1.52-1,1-1.51,1.41-1,.85-1.51,1.23-.95.68-1.45,1a8.09,8.09,0,0,1-1.33.63,3.6,3.6,0,0,1-1.13.22,3.41,3.41,0,0,1-1.26-.25,2.7,2.7,0,0,1-1.07-.76,4.37,4.37,0,0,1-.76-1.26,4.31,4.31,0,0,1-.31-1.7,6.43,6.43,0,0,1,.56-2.52A20.13,20.13,0,0,1,163,68.05c.55-.89,1.11-1.78,1.7-2.68s1.13-1.78,1.64-2.62"/><path id="a1c45695-d3f0-4d8d-9dfe-29c2adf453e6" data-name="Pfad 15506" d="M188.75,59.49a3.46,3.46,0,0,0-1.42.31,7.54,7.54,0,0,0-1.45.85,12.78,12.78,0,0,0-1.42,1.23c-.46.46-.91,1-1.35,1.48A15.26,15.26,0,0,0,181.88,65c-.38.59-.73,1.15-1,1.7a16.23,16.23,0,0,0-.82,1.61,12,12,0,0,0-.54,1.41,13.07,13.07,0,0,0,1.86-.5,16.32,16.32,0,0,0,1.83-.75,14.58,14.58,0,0,0,1.76-1,17.25,17.25,0,0,0,1.61-1.2A14.46,14.46,0,0,0,187.93,65,11.16,11.16,0,0,0,189,63.58a7.81,7.81,0,0,0,.69-1.35,3.62,3.62,0,0,0,.25-1.3,1.53,1.53,0,0,0-.09-.56,1.48,1.48,0,0,0-.25-.44,1.42,1.42,0,0,0-.41-.32,1,1,0,0,0-.44-.12m-.25-.76a4.69,4.69,0,0,1,1.57.25,3.46,3.46,0,0,1,1.13.66,2.72,2.72,0,0,1,.67,1,3.17,3.17,0,0,1,.22,1.14,4.2,4.2,0,0,1-.35,1.67,6.57,6.57,0,0,1-.94,1.51,11.32,11.32,0,0,1-1.39,1.38,12.61,12.61,0,0,1-1.76,1.23,22.66,22.66,0,0,1-2,1c-.69.32-1.41.61-2.14.88s-1.47.52-2.21.73-1.44.37-2.11.5c-.08.5-.17,1-.25,1.38a4.11,4.11,0,0,0-.06,1.26,3.47,3.47,0,0,0,.22,1.36,2.62,2.62,0,0,0,.6.91,2.06,2.06,0,0,0,.85.54,3.11,3.11,0,0,0,.91.16,5.33,5.33,0,0,0,1.32-.19,6.77,6.77,0,0,0,1.39-.57c.46-.25.95-.54,1.45-.88a17.72,17.72,0,0,0,1.48-1.1c.48-.4,1-.82,1.45-1.26s.95-.89,1.39-1.36l1.32-1.38c.44-.47.85-.93,1.23-1.39l.28-.28a.53.53,0,0,1,.41-.16s.1,0,.19.12a.22.22,0,0,1,.06.26,3.49,3.49,0,0,1-.41.69,11.74,11.74,0,0,1-.94,1.17l-1.36,1.48c-.5.54-1.06,1.09-1.67,1.63s-1.23,1.08-1.89,1.58a14.81,14.81,0,0,1-2,1.32,12,12,0,0,1-2,.89,6.87,6.87,0,0,1-2,.31,4.84,4.84,0,0,1-2.14-.5,5.06,5.06,0,0,1-1.73-1.42,7,7,0,0,1-1.14-2.14,8.8,8.8,0,0,1-.41-2.74,9.61,9.61,0,0,1,.13-1.42,13.86,13.86,0,0,1,.32-1.42,4.26,4.26,0,0,0-.48.57,2.23,2.23,0,0,1-.47.5.92.92,0,0,1-.25.19.57.57,0,0,1-.25.06.47.47,0,0,1-.22-.22c-.07-.1-.08-.18,0-.22.16-.25.39-.59.69-1a16.22,16.22,0,0,1,1.1-1.38c.44-.51.94-1,1.51-1.61s1.17-1.12,1.8-1.67a22.24,22.24,0,0,1,2-1.57,19.29,19.29,0,0,1,2.23-1.33,12.22,12.22,0,0,1,2.34-.88,7.76,7.76,0,0,1,2.4-.25"/><path id="a37bf0c4-957f-40be-a4b4-96ce2b777988" data-name="Pfad 15507" d="M207,59.67a5.26,5.26,0,0,0-2,.54,9.76,9.76,0,0,0-2,1.29,15.47,15.47,0,0,0-1.85,1.86,21.35,21.35,0,0,0-1.67,2.24A25.52,25.52,0,0,0,198.13,68a23.74,23.74,0,0,0-1.07,2.36,14.44,14.44,0,0,0-.66,2.12,5.48,5.48,0,0,0-.16,1.67,6.57,6.57,0,0,1,.09.66,1.41,1.41,0,0,0,.19.6,1.72,1.72,0,0,0,.41.44,1,1,0,0,0,.63.19,3.35,3.35,0,0,0,1.73-.38,11.45,11.45,0,0,0,1.89-1.17,15.35,15.35,0,0,0,2-1.73A25.23,25.23,0,0,0,205,70.64c.58-.76,1.14-1.55,1.67-2.36a21.48,21.48,0,0,0,1.32-2.4,21.93,21.93,0,0,0,.88-2.2,4.63,4.63,0,0,0,.29-1.8,3.23,3.23,0,0,0-.1-.82,1.43,1.43,0,0,0-.38-.69,1.88,1.88,0,0,0-.69-.5,2.2,2.2,0,0,0-1-.19m21.43-22.12q-1.26,2.32-2.84,5l-3.27,5.64c-1.14,1.95-2.29,3.92-3.47,5.89s-2.3,3.88-3.37,5.73-2.08,3.62-3,5.3-1.78,3.18-2.49,4.5-1.27,2.44-1.67,3.34a4.35,4.35,0,0,0-.54,1.86,1.1,1.1,0,0,0,.1.47,1.3,1.3,0,0,0,.22.38.84.84,0,0,0,.28.25.6.6,0,0,0,.35.1,4.87,4.87,0,0,0,1-.41,6.77,6.77,0,0,0,1.1-.73c.38-.29.78-.61,1.2-1s.85-.74,1.26-1.14.83-.81,1.23-1.22.79-.84,1.17-1.27l1-1.16.85-1a1.77,1.77,0,0,1,.41-.31.83.83,0,0,1,.41-.13.35.35,0,0,1,.25.16.24.24,0,0,1,.06.28c-.33.46-.71,1-1.13,1.48s-.87,1-1.36,1.58-1,1-1.48,1.54-1,1-1.54,1.45-1,.88-1.57,1.26-1,.68-1.52,1a7.41,7.41,0,0,1-1.35.6,4,4,0,0,1-1.14.18,6.23,6.23,0,0,1-.94-.18,1.78,1.78,0,0,1-.79-.5,3.11,3.11,0,0,1-.57-1,7.39,7.39,0,0,1-.34-1.55,2.31,2.31,0,0,1,0-.37q0-.26.09-.63c0-.25.09-.5.13-.76s.08-.48.13-.69q-.82.94-1.74,1.92a20.44,20.44,0,0,1-1.92,1.8,9.12,9.12,0,0,1-2.11,1.29,5.82,5.82,0,0,1-2.36.47,2.93,2.93,0,0,1-1.77-.66,4.33,4.33,0,0,1-1.1-1.51,7.47,7.47,0,0,1-.57-2,13.1,13.1,0,0,1-.15-2c0-.51.1-1,.19-1.58s.14-1.07.19-1.57a2.12,2.12,0,0,0-.35.44,1.27,1.27,0,0,1-.35.38,2.27,2.27,0,0,1-.34.19.53.53,0,0,1-.35,0,.41.41,0,0,1-.19-.22c0-.11,0-.18,0-.22a26.07,26.07,0,0,1,3.4-3.94,28.91,28.91,0,0,1,3.81-3.09,19.58,19.58,0,0,1,3.78-2,9.36,9.36,0,0,1,3.38-.73,3.81,3.81,0,0,1,1.16.19,3.88,3.88,0,0,1,1.1.54,3.09,3.09,0,0,1,.85.84,2.35,2.35,0,0,1,.41,1.14,4,4,0,0,1-.06.69c0,.25-.09.5-.13.76l14.3-25.2Z"/><path id="bd9109a3-80a3-4d03-b217-8ac5a25d958f" data-name="Pfad 15508" d="M139.17,17.13c.73-.18,1.47-.4,2.22-.65s1.5-.53,2.23-.83,1.44-.63,2.15-1,1.37-.73,2-1.12a18.52,18.52,0,0,0,1.73-1.21A10.94,10.94,0,0,0,150.91,11a7,7,0,0,0,1-1.36,4.24,4.24,0,0,0,.49-1.37,1.13,1.13,0,0,0-.05-.7A2.12,2.12,0,0,0,152,7a1.5,1.5,0,0,0-.53-.37,1.4,1.4,0,0,0-.56-.14,5.84,5.84,0,0,0-1.66.34,7.77,7.77,0,0,0-1.64.86A16.7,16.7,0,0,0,146,9a21,21,0,0,0-1.6,1.53c-.52.54-1,1.11-1.51,1.71s-1,1.17-1.4,1.74-.85,1.13-1.22,1.67l-1.06,1.5M124.39,5.61a3.3,3.3,0,0,1,.77.07,2.78,2.78,0,0,1,.57.21,1.38,1.38,0,0,1,.4.32,2.26,2.26,0,0,1,.26.42,2,2,0,0,1,.17.47,4.37,4.37,0,0,1,.09.5c0,.16.06.32.08.47s0,.3.08.45a1.57,1.57,0,0,1,0,.61c0,.2-.09.4-.14.61s-.09.4-.13.6a1.39,1.39,0,0,0,0,.61,3.19,3.19,0,0,0,.13.44,2.38,2.38,0,0,0,.23.45,1,1,0,0,0,.32.32.51.51,0,0,0,.38.08,12.09,12.09,0,0,0,1.83-.57c.54-.22,1.07-.46,1.6-.74s1-.55,1.45-.85.92-.61,1.37-.93.9-.64,1.32-1,.87-.64,1.32-.94.9-.6,1.36-.89a15.55,15.55,0,0,1,1.43-.82.58.58,0,0,1,.32,0,1.87,1.87,0,0,1,.32.15.63.63,0,0,1,.23.23.13.13,0,0,1,0,.19l0,0a5.74,5.74,0,0,1-1.28.89l-1.43.7a14.53,14.53,0,0,0-1.4.76,4.55,4.55,0,0,0-1.17,1,21.23,21.23,0,0,0-1.71,2.5c-.52.89-1,1.78-1.47,2.69s-.92,1.83-1.36,2.75-.91,1.83-1.41,2.71c1.13-.33,2.26-.67,3.37-1s2.23-.7,3.34-1c.22-.3.53-.69.9-1.17s.81-1,1.3-1.61,1-1.23,1.66-1.9,1.26-1.34,1.94-2a28.22,28.22,0,0,1,2.17-1.91A23.65,23.65,0,0,1,146,7.86a15.37,15.37,0,0,1,2.47-1.23A10.61,10.61,0,0,1,151,6a1.36,1.36,0,0,1,.71.15,2.62,2.62,0,0,1,1.17,1.18,2.23,2.23,0,0,1,.23.76,3.32,3.32,0,0,1-.32,1.55,7.11,7.11,0,0,1-1,1.58,11.86,11.86,0,0,1-1.58,1.51,19.67,19.67,0,0,1-2,1.4c-.73.45-1.5.86-2.3,1.25s-1.62.75-2.45,1.08-1.65.62-2.47.86-1.61.43-2.36.58L137,21.08q-.78,1.58-1.47,3.15t-1.23,3.15a28.46,28.46,0,0,0-.87,3.2,1.85,1.85,0,0,0,.06.66,2.71,2.71,0,0,0,.28.68,1.48,1.48,0,0,0,.44.49.55.55,0,0,0,.51.1,5.37,5.37,0,0,0,1.5-.83,16.1,16.1,0,0,0,1.32-1.16c.43-.41.84-.84,1.25-1.27a9.2,9.2,0,0,1,1.32-1.17l.26-.23a.36.36,0,0,1,.3-.08.08.08,0,0,1,.09.08.42.42,0,0,1,0,.27.14.14,0,0,1-.09.11l-.77.72c-.26.25-.52.51-.77.78l-.78.8c-.26.27-.53.52-.79.77a10.69,10.69,0,0,1-.81.7,8.32,8.32,0,0,1-.87.59A6,6,0,0,1,135,33a4.24,4.24,0,0,1-1,.21,1.35,1.35,0,0,1-.53,0,1.67,1.67,0,0,1-.51-.27,2.29,2.29,0,0,1-.43-.45c-.13-.19-.25-.39-.36-.59a3.85,3.85,0,0,1-.28-.66,5.91,5.91,0,0,1-.19-.69,5.06,5.06,0,0,1-.1-.68c0-.23,0-.44,0-.64a20.81,20.81,0,0,1,1.13-5.29,25,25,0,0,1,2.49-5.06l-3.25,1.06L128.68,21c-.73,1.19-1.46,2.28-2.2,3.26A33.36,33.36,0,0,1,124.23,27,23.9,23.9,0,0,1,122,29.18a18.67,18.67,0,0,1-2.33,1.72,19,19,0,0,1-2.44,1.29,15.26,15.26,0,0,1-2.54.88,24.28,24.28,0,0,1-2.68.49c-.92.11-1.86.18-2.84.21a15.65,15.65,0,0,1-2.27-.16,13.11,13.11,0,0,1-2-.43,9.75,9.75,0,0,1-3.3-1.69,7.44,7.44,0,0,1-1.21-1.17A7.22,7.22,0,0,1,99.42,29a7.14,7.14,0,0,1-.5-1.5,5.89,5.89,0,0,1-.14-1.57,8.9,8.9,0,0,1,.27-1.78,7.84,7.84,0,0,1,.64-1.69,9.22,9.22,0,0,1,1-1.55A9.91,9.91,0,0,1,102,19.47a9.81,9.81,0,0,1,1.58-1.15,10.15,10.15,0,0,1,1.89-.88,14.45,14.45,0,0,1,2.15-.56,11.8,11.8,0,0,1,2.37-.21,6.54,6.54,0,0,1,1.25,0,11.76,11.76,0,0,1,1.3.22,10,10,0,0,1,1.28.4,8.66,8.66,0,0,1,1.18.59,6.41,6.41,0,0,1,1.06.8,5,5,0,0,1,.83,1,5.36,5.36,0,0,1,.55,1.22,4.56,4.56,0,0,1,.2,1.42,5.15,5.15,0,0,1-.2,1.4A6.76,6.76,0,0,1,116,26.3a9.17,9.17,0,0,1-2.45,1.93,9.46,9.46,0,0,1-1.49.65,9.56,9.56,0,0,1-1.6.38,7.76,7.76,0,0,1-1.67,0,12.48,12.48,0,0,1-2.27-.36c-.75-.19-1.5-.4-2.26-.62a.75.75,0,0,1-.3-.17.4.4,0,0,1-.15-.29.07.07,0,0,1,.06-.07H104a.35.35,0,0,1,.17,0,.28.28,0,0,0,.13,0c.38.08.75.17,1.13.27l1.11.3c.36.1.73.19,1.09.26a4.2,4.2,0,0,0,1.12.08,10.54,10.54,0,0,0,3.15-.51A9.09,9.09,0,0,0,114.34,27a6.43,6.43,0,0,0,2.58-4.14,2.2,2.2,0,0,0,0-.92,2.47,2.47,0,0,0-.4-.89,3.83,3.83,0,0,0-.7-.8,6.78,6.78,0,0,0-.9-.7,8.82,8.82,0,0,0-1-.59,7.24,7.24,0,0,0-1.12-.44,7.09,7.09,0,0,0-1.13-.24,4.62,4.62,0,0,0-1,0,17.44,17.44,0,0,0-4.47.81,11.12,11.12,0,0,0-3.34,1.75,7.22,7.22,0,0,0-2.82,5.66,5.71,5.71,0,0,0,.22,1.65,5.38,5.38,0,0,0,.66,1.44,6.06,6.06,0,0,0,1,1.22,7.66,7.66,0,0,0,1.3,1,9,9,0,0,0,1.49.74,10.78,10.78,0,0,0,1.58.51,7.06,7.06,0,0,0,1.58.21c.53,0,1,0,1.47,0l2.15-.28c.66-.09,1.32-.21,2-.36A16.73,16.73,0,0,0,115.2,32a9.56,9.56,0,0,0,1.79-.87,13.17,13.17,0,0,0,1.81-1.33,19.73,19.73,0,0,0,1.89-1.88,29.62,29.62,0,0,0,2-2.56c.71-1,1.46-2.1,2.27-3.39-.43.28-.87.53-1.3.76l-1.33.72-1.31.78a9.34,9.34,0,0,0-1.27.89l-.45.32a.54.54,0,0,1-.45.13.07.07,0,0,1-.08-.05v0a.2.2,0,0,1,.06-.15l.11-.17a.35.35,0,0,1,.13-.14,12.49,12.49,0,0,1,1.38-1.12q.73-.51,1.53-1c.52-.3,1-.57,1.6-.82l1.6-.7a26,26,0,0,1,1.52-2.73c.57-.88,1.16-1.74,1.76-2.57s1.22-1.67,1.85-2.5,1.23-1.69,1.81-2.55a10.84,10.84,0,0,0-1.36.57l-1.36.67a9.46,9.46,0,0,1-1.37.53,4.77,4.77,0,0,1-2.27.13,2.39,2.39,0,0,1-.62-.21,1.6,1.6,0,0,1-.45-.32,1.19,1.19,0,0,1-.28-.42,3.75,3.75,0,0,1-.17-.47,4.23,4.23,0,0,1-.13-.51c0-.18-.07-.36-.1-.55a3.35,3.35,0,0,0-.11-.55,1.06,1.06,0,0,1,0-.53,4.61,4.61,0,0,1,.15-.53,5.62,5.62,0,0,0,.15-.55,1.46,1.46,0,0,0,0-.51c0-.15-.07-.28-.11-.42a1.84,1.84,0,0,0-.19-.4,1.06,1.06,0,0,0-.27-.29.41.41,0,0,0-.34-.07,6.38,6.38,0,0,0-1.09.44,7,7,0,0,0-1.11.68,11.8,11.8,0,0,0-1.1.91c-.36.34-.72.7-1.09,1.08s-.72.77-1.07,1.19-.69.85-1,1.29l-1,1.33c-.33.44-.63.88-.91,1.31a2,2,0,0,1-.28.3.35.35,0,0,1-.32.11.2.2,0,0,1-.09-.09.44.44,0,0,1,0-.16.35.35,0,0,1,0-.17l.07-.15a19.33,19.33,0,0,1,1-1.67c.39-.55.79-1.1,1.2-1.63s.85-1,1.3-1.53.92-1,1.38-1.39a17.88,17.88,0,0,1,1.38-1.17A10.79,10.79,0,0,1,122,6.43a7.69,7.69,0,0,1,1.27-.59,4.29,4.29,0,0,1,1.13-.24"/><path id="ab0a44f3-b6d7-4463-b0a8-103133a33994" data-name="Pfad 15509" d="M148.73,22.81a2.19,2.19,0,0,0-1,.27,5.36,5.36,0,0,0-1,.7,9.92,9.92,0,0,0-1,1c-.33.4-.65.83-.95,1.27a13.91,13.91,0,0,0-.82,1.38,10.76,10.76,0,0,0-.64,1.43,10.08,10.08,0,0,0-.41,1.32,4.56,4.56,0,0,0-.15,1.16,2.42,2.42,0,0,0,.05.47,1.54,1.54,0,0,0,.19.46.93.93,0,0,0,.36.32,1.17,1.17,0,0,0,.56.11,2.81,2.81,0,0,0,1.05-.3,6.05,6.05,0,0,0,1.1-.68,9.67,9.67,0,0,0,1.06-1,14.13,14.13,0,0,0,1-1.17,12.74,12.74,0,0,0,.88-1.29,10.77,10.77,0,0,0,.67-1.31,7.8,7.8,0,0,0,.43-1.23,3.29,3.29,0,0,0,.12-1.08,2.17,2.17,0,0,0-.1-.62,2.55,2.55,0,0,0-.26-.61,1.35,1.35,0,0,0-.45-.47,1.11,1.11,0,0,0-.69-.19m-.11-.65a3.58,3.58,0,0,1,.92.13,2.44,2.44,0,0,1,.86.48,2.22,2.22,0,0,1,.61.87,3.33,3.33,0,0,1,.23,1.33,4.39,4.39,0,0,1-.2,1.29,9.38,9.38,0,0,1-.51,1.23,11.9,11.9,0,0,1-.67,1.15l-.71,1.07a.71.71,0,0,1,.32.07.47.47,0,0,0,.31,0,3.47,3.47,0,0,0,.86-.19,5.18,5.18,0,0,0,2.62-2,.58.58,0,0,1,.19-.19.45.45,0,0,1,.26-.08.25.25,0,0,1,.15.08.12.12,0,0,1,0,.15,4.43,4.43,0,0,1-.86,1.16,5.36,5.36,0,0,1-2.35,1.36,4.17,4.17,0,0,1-1.16.17,2,2,0,0,1-.42,0,1.84,1.84,0,0,0-.41,0c-.27.27-.6.6-1,1a15.47,15.47,0,0,1-1.23,1,7.59,7.59,0,0,1-1.37.81,3.21,3.21,0,0,1-1.46.29,3,3,0,0,1-1-.19,2,2,0,0,1-.82-.67,3.29,3.29,0,0,1-.54-1.19,7.14,7.14,0,0,1-.19-1.78,4.51,4.51,0,0,1,.11-1c.08-.32.14-.64.19-1a1.64,1.64,0,0,0-.26.33,1.37,1.37,0,0,1-.26.28l-.15.09a.27.27,0,0,1-.12.06l-.13-.07a.13.13,0,0,1-.05-.12c0-.05.1-.18.22-.4a6,6,0,0,1,.56-.76c.25-.29.55-.61.88-1s.71-.72,1.1-1.08A15.59,15.59,0,0,1,145.79,23a8.29,8.29,0,0,1,1.4-.62,4.59,4.59,0,0,1,1.42-.23"/><path id="b2e01f86-121a-4699-8fe1-4b9fbf6eb6f8" data-name="Pfad 15510" d="M162.54,19.21c-.3.53-.65,1.1-1,1.71s-.78,1.23-1.18,1.87-.81,1.3-1.23,2-.83,1.3-1.22,1.93l-1.1,1.8c-.35.57-.65,1.08-.9,1.55s-.45.88-.6,1.23a2.5,2.5,0,0,0-.23.84.29.29,0,0,0,0,.24,2.2,2.2,0,0,0,.17.25.79.79,0,0,0,.22.19.6.6,0,0,0,.28.08,1.38,1.38,0,0,0,.6-.16,4.24,4.24,0,0,0,.72-.4,6.84,6.84,0,0,0,.74-.56c.25-.22.5-.45.75-.7l.77-.8.77-.82c.25-.26.48-.52.71-.77l.63-.72.23-.17a.35.35,0,0,1,.26-.1.23.23,0,0,1,.17.1c.06.06.07.11,0,.17l-.5.64-.68.81c-.23.29-.5.59-.78.89s-.58.6-.88.9a11.59,11.59,0,0,1-.92.81c-.31.25-.61.48-.91.68a5.18,5.18,0,0,1-.9.48,2.61,2.61,0,0,1-.83.17,1.58,1.58,0,0,1-.9-.19,2.13,2.13,0,0,1-.69-.61,2.64,2.64,0,0,1-.41-.8,1.77,1.77,0,0,1-.09-.76,6.42,6.42,0,0,1,.5-1.65c.23-.51.5-1,.8-1.55s.6-1,.92-1.54a15.47,15.47,0,0,0,.84-1.55c-.5.56-1,1.11-1.54,1.67L153.59,28l-.13.13a.76.76,0,0,1-.17.13.83.83,0,0,0-.07-.13s-.05-.08-.07-.13c.39-.46.78-.89,1.14-1.29l1.05-1.18.93-1.06q.43-.49.84-1c.28-.32.54-.65.79-1l.77-1c.26-.34.51-.7.76-1.08l.79-1.21h-2.1l.56-.57h1.87l1.2-2,1.2-2h2.4c-.42.66-.84,1.32-1.23,2s-.8,1.33-1.2,2h4.38l-.53.53Z"/><path id="b6517eaf-3382-4271-be3d-3d1bd0980fe9" data-name="Pfad 15511" d="M170,22.7a2,2,0,0,0-.84.19,4.34,4.34,0,0,0-.86.51,7.38,7.38,0,0,0-.85.74c-.27.28-.54.57-.8.89a12.2,12.2,0,0,0-.73,1c-.22.36-.43.7-.61,1s-.34.63-.49,1a8.89,8.89,0,0,0-.32.86,9.33,9.33,0,0,0,1.1-.3,9.63,9.63,0,0,0,1.09-.46,9.24,9.24,0,0,0,1.05-.61,9.48,9.48,0,0,0,.95-.72,7.81,7.81,0,0,0,.83-.8,6.47,6.47,0,0,0,.63-.83,4.19,4.19,0,0,0,.41-.82,2,2,0,0,0,.15-.77,1,1,0,0,0-.05-.34,1.17,1.17,0,0,0-.15-.27.79.79,0,0,0-.25-.19.59.59,0,0,0-.26-.07m-.15-.46a3,3,0,0,1,.94.15,2.06,2.06,0,0,1,.67.4,1.64,1.64,0,0,1,.39.59,1.79,1.79,0,0,1,.13.68,2.59,2.59,0,0,1-.2,1,3.84,3.84,0,0,1-.56.91,6.59,6.59,0,0,1-.83.84,7.8,7.8,0,0,1-1,.74c-.39.22-.79.43-1.2.62s-.84.37-1.27.53-.88.31-1.32.44a10.73,10.73,0,0,1-1.25.3c0,.3-.1.58-.15.83a2.77,2.77,0,0,0,0,.76,2.28,2.28,0,0,0,.14.82,1.77,1.77,0,0,0,.35.55,1.38,1.38,0,0,0,.5.32,1.7,1.7,0,0,0,.54.09,3,3,0,0,0,.79-.11,3.94,3.94,0,0,0,.82-.34c.28-.15.56-.33.86-.53a9.71,9.71,0,0,0,.88-.67c.29-.24.57-.49.86-.75s.57-.54.83-.82l.78-.83c.26-.28.51-.56.73-.84l.17-.17a.3.3,0,0,1,.24-.09s.06,0,.12.07a.14.14,0,0,1,0,.16,1.91,1.91,0,0,1-.24.41,6.36,6.36,0,0,1-.56.7l-.8.89q-.45.49-1,1c-.36.33-.74.64-1.13.95a8.35,8.35,0,0,1-1.2.8,7.27,7.27,0,0,1-1.21.53,4.07,4.07,0,0,1-1.2.19,2.79,2.79,0,0,1-1.27-.3,3.06,3.06,0,0,1-1-.86,4.15,4.15,0,0,1-.68-1.28,5.45,5.45,0,0,1-.24-1.65,5,5,0,0,1,.08-.86c0-.29.11-.57.18-.85-.1.11-.19.22-.28.34a1.33,1.33,0,0,1-.28.3.33.33,0,0,1-.15.11.16.16,0,0,1-.24,0,.2.2,0,0,1,0-.08c0-.06,0-.11,0-.13s.24-.36.42-.61a8.8,8.8,0,0,1,.65-.83c.26-.31.56-.63.9-1s.69-.67,1.07-1a14.06,14.06,0,0,1,1.21-1,13.78,13.78,0,0,1,1.33-.8,7.52,7.52,0,0,1,1.39-.53,4.84,4.84,0,0,1,1.42-.15"/><path id="a438c239-29fa-439d-b479-fae9441f6db3" data-name="Pfad 15512" d="M178.77,22.34a37.51,37.51,0,0,0,8.09-7.15q3-3.7,2.56-5.1a.61.61,0,0,0-.35-.4,1.12,1.12,0,0,0-.7,0q-1.47.36-4.09,3.79a65,65,0,0,0-5.51,8.84m-.3.89a56.35,56.35,0,0,0-3.05,5.94c-.71,1.66-1,2.7-.84,3.14a.58.58,0,0,0,.39.4,1.52,1.52,0,0,0,.79,0,6.64,6.64,0,0,0,2.54-1.63,29.08,29.08,0,0,0,3.29-3.73c.38-.5.77-1.06,1.17-1.66s.64-.92.75-.95a.34.34,0,0,1,.2,0,.22.22,0,0,1,.11.12c.05.16-.17.63-.67,1.39A30.16,30.16,0,0,1,181.09,29a22.06,22.06,0,0,1-3,3.1,6.74,6.74,0,0,1-2.5,1.31,3.09,3.09,0,0,1-1.73,0,1.43,1.43,0,0,1-.93-1c-.32-.94,0-2.45.88-4.52a62.13,62.13,0,0,1,4.66-8.21,52,52,0,0,1,5.66-7.3c1.86-1.95,3.33-3.05,4.42-3.32a1.41,1.41,0,0,1,1,0,1,1,0,0,1,.54.62c.43,1.26-.43,3.19-2.58,5.77a41.93,41.93,0,0,1-9,7.72"/><path id="fd03da13-7a60-47d2-8263-a9c060f7bae3" data-name="Pfad 15513" d="M93.64,23.15a42.47,42.47,0,0,1-.31,4.92A12.26,12.26,0,0,1,91,33.14a18.73,18.73,0,0,1-6,5.18c-1.63.75-5.43,2.68-8.93,3a35.55,35.55,0,0,1-9.93-.38,29.36,29.36,0,0,1-7.17-3.37,27,27,0,0,1-6.49-7.24,21.28,21.28,0,0,1-2.38-7.24,28.31,28.31,0,0,1,.07-9.23,13.61,13.61,0,0,1,3.43-7.68,12.3,12.3,0,0,1,5-3.56,22.26,22.26,0,0,1,5.85-.81,21.3,21.3,0,0,1,4.49.69,14.44,14.44,0,0,1,3.37,1.93,15.59,15.59,0,0,1,2.94,3.81,9.69,9.69,0,0,1,1.12,4.18,41.86,41.86,0,0,1-.56,5.81c-.31,1.5-2.12,6.36-2.12,6.36s-.54.65.12.94S75,25,75,25a28,28,0,0,0,2.5-6.62c.69-3.31,1-8.61-1.12-11.86A14.72,14.72,0,0,0,67.06.25c-3.44-.5-9.3-.53-13.86,2.62a18.87,18.87,0,0,0-7.68,9.87,24.38,24.38,0,0,0-.43,10.41A26.91,26.91,0,0,0,50.7,34.89a30,30,0,0,0,9.8,6.87,32.42,32.42,0,0,0,10.43,2.12,31,31,0,0,0,9-1.31,27.86,27.86,0,0,0,9-4.68A22.28,22.28,0,0,0,94,31.46a14.88,14.88,0,0,0,1.44-6.11,2.3,2.3,0,0,0-1.82-2.19"/></svg></div></div></div></div></div></div></nav></div></div> <var id="689"></var><div class="c-stage"><div class="c-stage__image"><picture class="e-image e-image--objectCover"><source media="(max-width: 375px)" data-srcset="/andsrv/content/files/resized/180110-martinlugger-goldried-0018.750x1600m1.437.jpg"><source media="(max-width: 480px)" data-srcset="/andsrv/content/files/resized/180110-martinlugger-goldried-0018.480x800m1.437.jpg"><source media="(max-width: 800px)" data-srcset="/andsrv/content/files/resized/180110-martinlugger-goldried-0018.800x800m1.437.jpg"><source media="(max-width: 1400px)" data-srcset="/andsrv/content/files/resized/180110-martinlugger-goldried-0018.1400x933m0.437.jpg"><source media="(max-width: 1920px)" data-srcset="/andsrv/content/files/resized/180110-martinlugger-goldried-0018.1920x1280m0.437.jpg"><source media="(max-width: 2200px)" data-srcset="/andsrv/content/files/resized/180110-martinlugger-goldried-0018.2560x1280m0.437.jpg"><source data-srcset="/andsrv/content/files/resized/180110-martinlugger-goldried-0018.2560x1280m0.437.jpg"><img class="e-image__image lazyload" data-src="/andsrv/content/files/resized/180110-martinlugger-goldried-0018.2560x1280m0.437.jpg" alt="" title=""></picture></div><div class="c-stage__container"><div class="c-stage__row"><div class="c-stage__content"><div class="c-stage__logo"><div class="c-logo c-logo--white"><div class="e-svg e-svg--w100p e-svg--fillColor e-svg--shadow20"><svg id="fa2a60e6-39a9-41a1-beb4-5db0f4e6f490" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228.44 99.06"><path id="bfe54e0a-05d3-4677-97a8-624e1a492ca2" data-name="Pfad 15500" d="M75.63,59.82a23.7,23.7,0,0,0,3.25-2A30.8,30.8,0,0,0,82,55.2a17.06,17.06,0,0,0,2.45-3,7.58,7.58,0,0,0,1.2-3.06,2.35,2.35,0,0,0-.1-.6c-.07-.2-.15-.42-.25-.66a1.56,1.56,0,0,0-.4-.55.87.87,0,0,0-.55-.2,2.26,2.26,0,0,0-1.35.45,8,8,0,0,0-1.3,1.16,15.91,15.91,0,0,0-2.5,3.57c-.37.7-.74,1.42-1.1,2.16s-.7,1.44-1,2.11l-.81,1.81c-.23.54-.44,1-.65,1.41M95.52,25a3.41,3.41,0,0,1,0,.55,1.82,1.82,0,0,1-.2.65,1.52,1.52,0,0,1-.3.46.49.49,0,0,1-.35.15.91.91,0,0,1-.45-.35,1.27,1.27,0,0,1-.15-.6,4,4,0,0,0,0-.7c0-.22,0-.44,0-.66a10.39,10.39,0,0,0-2-4.72,11.34,11.34,0,0,0-3.55-3A15.2,15.2,0,0,0,84,15.24a19.78,19.78,0,0,0-4.55-.35,30.11,30.11,0,0,0-6.75.76,37.81,37.81,0,0,0-6.45,2.06,37.4,37.4,0,0,0-15.9,12.77,35.65,35.65,0,0,0-5.7,12.76,33.33,33.33,0,0,0-.8,7.24,15.83,15.83,0,0,0,1.1,5.89,14.93,14.93,0,0,0,3,4.77,12.78,12.78,0,0,0,4.45,3.07,10.53,10.53,0,0,0,5.55.65l2-.2c.63-.06,1.26-.15,1.9-.25s1.28-.23,1.95-.4a15.56,15.56,0,0,0,2-.65c.53-.81,1.06-1.68,1.6-2.62s1.11-1.91,1.75-2.91,1.31-2,2-3,1.48-2,2.25-2.86a28.3,28.3,0,0,1,2.45-2.57,20.79,20.79,0,0,1,2.65-2.11,13.8,13.8,0,0,1,2.8-1.46,8.57,8.57,0,0,1,3-.55,1.71,1.71,0,0,1,1.1.4,5.13,5.13,0,0,1,.9,1,5.35,5.35,0,0,1,.65,1.2,3.62,3.62,0,0,1,.25,1.26,6.73,6.73,0,0,1-1.1,3.42,19.12,19.12,0,0,1-2.9,3.57,26.14,26.14,0,0,1-4.15,3.26,23.88,23.88,0,0,1-4.85,2.42q-1.61,3.51-3.65,7A71.16,71.16,0,0,1,66,75.62,79.37,79.37,0,0,1,60.67,82a62.15,62.15,0,0,1-6,5.63,62.58,62.58,0,0,1-6.5,4.72,47.15,47.15,0,0,1-7,3.68,42.41,42.41,0,0,1-7.3,2.31,31.48,31.48,0,0,1-7.5.7A32.94,32.94,0,0,1,17,97.64a29.18,29.18,0,0,1-4.5-1.81,28.58,28.58,0,0,1-4.15-2.56,20.61,20.61,0,0,1-6.2-7.5A20.05,20.05,0,0,1,.47,80.7,27.05,27.05,0,0,1,0,74.61a40.19,40.19,0,0,1,.45-4.37,43.72,43.72,0,0,1,1-4.52,38.6,38.6,0,0,1,1.5-4.48A29.59,29.59,0,0,1,5,57.07,24.06,24.06,0,0,1,7.77,53.4a19.83,19.83,0,0,1,3.45-3,19.63,19.63,0,0,1,4.2-2.16,20.51,20.51,0,0,1,5-1.15,6.11,6.11,0,0,1,2.4.3,8.85,8.85,0,0,1,2.4,1.15A7,7,0,0,1,27,50.28a2.9,2.9,0,0,1,.5,2.21,4.46,4.46,0,0,1-.5,1.56,6.67,6.67,0,0,1-1,1.41,5,5,0,0,1-1.4,1.06,5.2,5.2,0,0,1-1.5.5,3,3,0,0,1-1.35-.1,4.82,4.82,0,0,1-1.05-.56,5.12,5.12,0,0,1-.95-.85c-.3-.34-.58-.67-.85-1l-.8-1a11.2,11.2,0,0,0-.85-1,3.83,3.83,0,0,0-.95-.7,2.46,2.46,0,0,0-1.1-.25,7.68,7.68,0,0,0-5.05,1.76,10.64,10.64,0,0,0-1.9,2,15.56,15.56,0,0,0-1.5,2.51,18,18,0,0,0-1.1,2.92c-.3,1-.55,2.06-.75,3.07s-.35,2-.45,3a27.44,27.44,0,0,0-.15,2.87,27.17,27.17,0,0,0,.65,6,28.58,28.58,0,0,0,1.8,5.48,24.24,24.24,0,0,0,2.8,4.73,28.76,28.76,0,0,0,7.75,7,27.25,27.25,0,0,0,4.6,2.26,25.54,25.54,0,0,0,4.85,1.3,23.22,23.22,0,0,0,4.85.3,21,21,0,0,0,5.45-.9,27.4,27.4,0,0,0,5.1-2.11,35.37,35.37,0,0,0,4.76-3.06,43.76,43.76,0,0,0,4.4-3.88,48.45,48.45,0,0,0,4-4.57,59.26,59.26,0,0,0,3.55-5.18c1.1-1.81,2.11-3.67,3-5.58s1.76-3.83,2.5-5.78c-.87.27-1.74.52-2.6.76l-2.5.65a15.84,15.84,0,0,1-2.45.4,15.51,15.51,0,0,1-2.55,0,27.24,27.24,0,0,1-4.6-.75A18.41,18.41,0,0,1,46,65.42,15.33,15.33,0,0,1,40.73,61a13.54,13.54,0,0,1-1.65-2.76,21.82,21.82,0,0,1-1.1-3,22.86,22.86,0,0,1-.7-3.16,32.32,32.32,0,0,1-.35-3.22,21.4,21.4,0,0,1,.75-7,28,28,0,0,1,2.8-6.69A35,35,0,0,1,45,29.07a48.86,48.86,0,0,1,5.8-5.43,53.83,53.83,0,0,1,6.7-4.57,47.83,47.83,0,0,1,7.3-3.47,51.84,51.84,0,0,1,7.45-2.21,33.52,33.52,0,0,1,7.2-.8,20.11,20.11,0,0,1,6.2.95,17.31,17.31,0,0,1,5.2,2.62,12.2,12.2,0,0,1,3.45,4,10.31,10.31,0,0,1,1.25,4.92"/><path id="a70f39d9-ab8d-4806-a242-e740382d5830" data-name="Pfad 15501" d="M92,59.67a3.66,3.66,0,0,0-1.67.45,9.64,9.64,0,0,0-1.7,1.16A15.43,15.43,0,0,0,86.92,63c-.56.68-1.1,1.38-1.6,2.12a21.28,21.28,0,0,0-1.39,2.3,20.05,20.05,0,0,0-1.07,2.36,17,17,0,0,0-.69,2.2,8.3,8.3,0,0,0-.26,1.92,4.17,4.17,0,0,0,.1.79,2.48,2.48,0,0,0,.31.75,1.56,1.56,0,0,0,.6.54,2.21,2.21,0,0,0,1,.19,5.15,5.15,0,0,0,1.76-.5,9.87,9.87,0,0,0,1.86-1.14,16.08,16.08,0,0,0,1.8-1.6c.6-.62,1.16-1.28,1.7-2a19.84,19.84,0,0,0,1.48-2.14,19.41,19.41,0,0,0,1.13-2.17,13.51,13.51,0,0,0,.73-2,5.75,5.75,0,0,0,.19-1.8,4.1,4.1,0,0,0-.16-1,4.76,4.76,0,0,0-.44-1,2.6,2.6,0,0,0-.76-.79A2.07,2.07,0,0,0,92,59.67m-.19-1.07a5.36,5.36,0,0,1,1.54.22,3.67,3.67,0,0,1,1.45.79,3.87,3.87,0,0,1,1,1.45,5.7,5.7,0,0,1,.38,2.2,7.05,7.05,0,0,1-.35,2.14,13.62,13.62,0,0,1-.85,2,20.54,20.54,0,0,1-1.13,1.92q-.63.94-1.2,1.77a1.24,1.24,0,0,1,.53.12.84.84,0,0,0,.54.07A6.6,6.6,0,0,0,95.21,71a9,9,0,0,0,3.05-1.76c.48-.42.94-.53,1.36-1.11a1.22,1.22,0,0,1,.36-.32,1.19,1.19,0,0,1,.56-.14,7.07,7.07,0,0,1-1.3,1.92A9.3,9.3,0,0,1,97.35,71a8.75,8.75,0,0,1-2.08.85,7.6,7.6,0,0,1-2,.29,3.26,3.26,0,0,1-.7-.07,3.93,3.93,0,0,0-.69-.06c-.46.46-1,1-1.67,1.61a24.77,24.77,0,0,1-2.08,1.73,12.32,12.32,0,0,1-2.3,1.36,5.31,5.31,0,0,1-2.45.47,4.67,4.67,0,0,1-1.74-.32,3.23,3.23,0,0,1-1.38-1.1,5.43,5.43,0,0,1-.92-2,11.82,11.82,0,0,1-.31-3,6.63,6.63,0,0,1,.19-1.61c.12-.53.23-1.06.31-1.61a3.84,3.84,0,0,0-.44.54,2,2,0,0,1-.44.47,1.32,1.32,0,0,0-.25.16.37.37,0,0,1-.19.09L78,68.75a.23.23,0,0,1-.1-.19l.38-.67a9.45,9.45,0,0,1,1-1.26c.42-.48.91-1,1.48-1.6s1.18-1.19,1.86-1.8a22.16,22.16,0,0,1,2.14-1.73A25.11,25.11,0,0,1,87.05,60a12.73,12.73,0,0,1,2.36-1,8.12,8.12,0,0,1,2.4-.37"/><path id="a78973ad-0f30-459c-ac9d-0c1d99ba40cd" data-name="Pfad 15502" d="M110.14,59.21A63.75,63.75,0,0,0,123.6,47.28q5-6.15,4.22-8.46a1,1,0,0,0-.59-.65,2,2,0,0,0-1.16,0q-2.46.63-6.8,6.32a106.37,106.37,0,0,0-9.13,14.68m-.5,1.47a91.34,91.34,0,0,0-5,9.85q-1.75,4.13-1.37,5.2a1,1,0,0,0,.65.65,2.53,2.53,0,0,0,1.31-.07,10.8,10.8,0,0,0,4.24-2.73,48.14,48.14,0,0,0,5.47-6.21c.64-.83,1.3-1.05,1.95-2.05s.78-.6,1-.65.48-.84.56-.8.7-.1.73,0c.1.26-.78.4-1.61,1.66a52,52,0,0,1-3.41,4.56,37,37,0,0,1-5,5.16,11.24,11.24,0,0,1-4.17,2.2,5.2,5.2,0,0,1-2.9.08A2.35,2.35,0,0,1,100.46,76q-.81-2.32,1.42-7.47a100.87,100.87,0,0,1,7.72-13.62A84.39,84.39,0,0,1,119,42.73c3.08-3.24,5.53-5.08,7.35-5.55a2.48,2.48,0,0,1,1.59,0,1.65,1.65,0,0,1,.91,1q1.1,3.14-4.26,9.57a69.64,69.64,0,0,1-15,12.87"/><path id="e88b953f-97b0-4dc8-8b69-d465ee6930ac" data-name="Pfad 15503" d="M128.34,59.67a5.26,5.26,0,0,0-2,.54,9.42,9.42,0,0,0-1.95,1.29,15.56,15.56,0,0,0-1.86,1.86,22.85,22.85,0,0,0-1.67,2.24A25.52,25.52,0,0,0,119.45,68c-.4.77-.75,1.56-1.07,2.36a15.76,15.76,0,0,0-.66,2.12,5.48,5.48,0,0,0-.16,1.67,6.53,6.53,0,0,1,.1.66,1.18,1.18,0,0,0,.19.6,1.53,1.53,0,0,0,.4.44,1,1,0,0,0,.64.19,3.37,3.37,0,0,0,1.73-.38,12.35,12.35,0,0,0,1.89-1.17,16,16,0,0,0,1.95-1.73,25.23,25.23,0,0,0,1.86-2.14c.59-.76,1.14-1.55,1.67-2.36a20,20,0,0,0,1.32-2.4,22,22,0,0,0,.89-2.2,4.81,4.81,0,0,0,.28-1.8,3.23,3.23,0,0,0-.1-.82,1.5,1.5,0,0,0-.37-.69,1.92,1.92,0,0,0-.7-.5,2.18,2.18,0,0,0-1-.19m21.42-22.12q-1.26,2.32-2.84,5c-1,1.81-2.14,3.69-3.27,5.64s-2.29,3.92-3.47,5.89-2.3,3.88-3.37,5.73-2.08,3.62-3,5.3-1.78,3.18-2.49,4.5S130,72.1,129.63,73a4.35,4.35,0,0,0-.54,1.86,1.1,1.1,0,0,0,.1.47,1.3,1.3,0,0,0,.22.38.84.84,0,0,0,.28.25.59.59,0,0,0,.34.1,5,5,0,0,0,1-.41,6.77,6.77,0,0,0,1.1-.73c.38-.29.78-.61,1.2-1s.84-.74,1.26-1.14.83-.81,1.23-1.22.79-.84,1.17-1.27.72-.8,1-1.16l.86-1a1.77,1.77,0,0,1,.41-.31.83.83,0,0,1,.41-.13.35.35,0,0,1,.25.16.26.26,0,0,1,.06.28c-.34.46-.72,1-1.13,1.48s-.87,1-1.36,1.58-1,1-1.48,1.54-1,1-1.54,1.45-1,.88-1.58,1.26-1,.68-1.51,1a7.2,7.2,0,0,1-1.36.6,3.93,3.93,0,0,1-1.13.18,6.12,6.12,0,0,1-1-.18,1.75,1.75,0,0,1-.78-.5,2.93,2.93,0,0,1-.57-1,7.41,7.41,0,0,1-.35-1.55l0-.37c0-.17.06-.38.1-.63l.12-.76c0-.25.09-.48.13-.69-.54.63-1.12,1.27-1.73,1.92a20.44,20.44,0,0,1-1.92,1.8,9.12,9.12,0,0,1-2.11,1.29,5.87,5.87,0,0,1-2.37.47,2.92,2.92,0,0,1-1.76-.66,4.21,4.21,0,0,1-1.1-1.51,7.47,7.47,0,0,1-.57-2,14.55,14.55,0,0,1-.16-2c0-.51.11-1,.19-1.58s.15-1.07.19-1.57a2.07,2.07,0,0,0-.34.44,1.27,1.27,0,0,1-.35.38,2.37,2.37,0,0,1-.35.19c-.1,0-.28.11-.34,0s0-.1,0-.18a1.33,1.33,0,0,1,.15-.32,23.21,23.21,0,0,1,3-3.88,28.91,28.91,0,0,1,3.81-3.09,19.29,19.29,0,0,1,3.78-2,9.36,9.36,0,0,1,3.38-.73,4.1,4.1,0,0,1,2.26.73,3.23,3.23,0,0,1,.85.84,2.45,2.45,0,0,1,.41,1.14,4,4,0,0,1-.06.69c0,.25-.09.5-.13.76l14.3-25.2Z"/><path id="e44102d4-61eb-457f-89f9-4f0cd117644d" data-name="Pfad 15504" d="M156.24,63.33a3.81,3.81,0,0,0,.85-.44c.4-.25.81-.54,1.23-.85A6.37,6.37,0,0,0,159.45,61a2.89,2.89,0,0,0,.63-1.1.26.26,0,0,0-.12-.22,1.4,1.4,0,0,0-.26-.16,1.64,1.64,0,0,0-1,.47,7.41,7.41,0,0,0-1.07,1.1,10.21,10.21,0,0,0-.89,1.29c-.18.32-.35.64-.5,1m-6.42-4.73a2.25,2.25,0,0,1,.91.22,3.09,3.09,0,0,1,.82.57,2.67,2.67,0,0,1,.56.85,2.8,2.8,0,0,1,.23,1.14,11.14,11.14,0,0,1-.32,2.07,13.28,13.28,0,0,1-.66,2c-.28.63-.59,1.28-1,2s-.74,1.37-1.16,2.08L152,66.83c.91-.86,1.82-1.69,2.74-2.49a20.87,20.87,0,0,1,.85-2.15,9.75,9.75,0,0,1,1.1-1.8,5.32,5.32,0,0,1,1.45-1.26A4.33,4.33,0,0,1,160,58.6a1.24,1.24,0,0,1,.5.1A3,3,0,0,1,161,59a1,1,0,0,1,.37.38.85.85,0,0,1,.13.47,1.14,1.14,0,0,1-.19.47,4.25,4.25,0,0,1-.53.73c-.27.29-.56.56-.85.82s-.75.6-1.14.88c-.63.42-1.22.84-1.76,1.26a9.47,9.47,0,0,0-1.45,1.38,7.22,7.22,0,0,0-1,1.64,4.72,4.72,0,0,0-.41,2,2.45,2.45,0,0,0,.1.66,1.55,1.55,0,0,0,.34.63,2,2,0,0,0,.54.44,1.25,1.25,0,0,0,.6.16,4,4,0,0,0,1.26-.32,7.82,7.82,0,0,0,1.1-.6,7.26,7.26,0,0,0,1.07-.85c.36-.33.74-.71,1.16-1.13l.19-.16a.46.46,0,0,1,.26-.1.22.22,0,0,1,.19.13.76.76,0,0,1,.06.25.74.74,0,0,1-.16.41c-.11.15-.23.32-.38.5a4,4,0,0,1-.57.6q-.34.31-.72.6a7.24,7.24,0,0,1-.82.54l-.85.47a4.93,4.93,0,0,1-.82.35,2.59,2.59,0,0,1-.78.12,2.33,2.33,0,0,1-1.08-.12,3.22,3.22,0,0,1-.91-.54,2.13,2.13,0,0,1-.6-.82,2.05,2.05,0,0,1-.12-1,7.6,7.6,0,0,1,.28-1.57,13.73,13.73,0,0,1,.54-1.52,32.75,32.75,0,0,0-2.62,2.37c-.86.86-1.7,1.76-2.52,2.71s-1.62,1.91-2.4,2.9S145,76,144.26,76.93H140c.46-.67,1-1.4,1.48-2.2s1.07-1.62,1.64-2.46,1.14-1.69,1.73-2.55l1.7-2.49c.54-.8,1.05-1.57,1.51-2.3s.87-1.39,1.23-2,.64-1.1.85-1.52a2.52,2.52,0,0,0,.32-.88.8.8,0,0,0-.07-.34.7.7,0,0,0-.19-.29,1.51,1.51,0,0,0-.28-.22.42.42,0,0,0-.35,0,3.94,3.94,0,0,0-1.2.35,7.88,7.88,0,0,0-1.26.72,14.31,14.31,0,0,0-1.29,1q-.66.6-1.29,1.29l-1.29,1.42c-.44.48-.86,1-1.26,1.42s-.8.91-1.2,1.35a16.14,16.14,0,0,1-1.17,1.17l-.28.28a1.18,1.18,0,0,1-.28.22c-.09,0-.17-.06-.25-.19s-.09-.21,0-.25a15.65,15.65,0,0,1,1.16-1.64c.44-.54.9-1.1,1.39-1.67s1-1.11,1.48-1.64,1-1,1.51-1.51,1-.93,1.51-1.35a13.53,13.53,0,0,1,1.45-1.07,8.34,8.34,0,0,1,1.32-.7,5,5,0,0,1,1.2-.31"/><path id="a0510383-e2b7-4896-a679-3a2ae35c9367" data-name="Pfad 15505" d="M176.91,46a1.8,1.8,0,0,1,.6.1,1.42,1.42,0,0,1,.53.31,1.54,1.54,0,0,1,.41.57,2.69,2.69,0,0,1-.6,2.83,4.22,4.22,0,0,1-.82.7,1.75,1.75,0,0,1-.94.28,2.73,2.73,0,0,1-.85-.22,1.46,1.46,0,0,1-.57-.44,1.69,1.69,0,0,1-.31-.63,2.16,2.16,0,0,1-.1-.66,2.13,2.13,0,0,1,.22-.89A4.1,4.1,0,0,1,175,47a3.17,3.17,0,0,1,.82-.73,2.13,2.13,0,0,1,1-.28M166.38,62.76a38.64,38.64,0,0,0-2.71,2.87c-.8.94-1.66,1.88-2.58,2.8l-.29.28a.45.45,0,0,1-.28.16.56.56,0,0,1-.28-.1c-.1-.06-.14-.11-.1-.15a32.48,32.48,0,0,1,2-2.65c.71-.84,1.45-1.67,2.2-2.49s1.53-1.63,2.3-2.42,1.55-1.6,2.3-2.4h4.29c-.38.67-.83,1.4-1.36,2.2s-1.06,1.63-1.6,2.49L168.62,66c-.57.88-1.11,1.72-1.64,2.52s-1,1.56-1.48,2.3-.85,1.39-1.17,2-.55,1.08-.72,1.48a1.47,1.47,0,0,0-.19.79,2.91,2.91,0,0,0,.16.5,1.81,1.81,0,0,0,.22.44,1.05,1.05,0,0,0,.31.32.62.62,0,0,0,.5.06,8.11,8.11,0,0,0,2.93-1.29A17.22,17.22,0,0,0,170,73c.75-.78,1.49-1.58,2.2-2.43s1.43-1.59,2.2-2.33a1.34,1.34,0,0,1,.32-.31.65.65,0,0,1,.38-.13.34.34,0,0,1,.25.13.2.2,0,0,1,.06.25l-1.2,1.48c-.42.52-.86,1-1.32,1.54s-1,1-1.45,1.52-1,1-1.51,1.41-1,.85-1.51,1.23-.95.68-1.45,1a8.09,8.09,0,0,1-1.33.63,3.6,3.6,0,0,1-1.13.22,3.41,3.41,0,0,1-1.26-.25,2.7,2.7,0,0,1-1.07-.76,4.37,4.37,0,0,1-.76-1.26,4.31,4.31,0,0,1-.31-1.7,6.43,6.43,0,0,1,.56-2.52A20.13,20.13,0,0,1,163,68.05c.55-.89,1.11-1.78,1.7-2.68s1.13-1.78,1.64-2.62"/><path id="a1c45695-d3f0-4d8d-9dfe-29c2adf453e6" data-name="Pfad 15506" d="M188.75,59.49a3.46,3.46,0,0,0-1.42.31,7.54,7.54,0,0,0-1.45.85,12.78,12.78,0,0,0-1.42,1.23c-.46.46-.91,1-1.35,1.48A15.26,15.26,0,0,0,181.88,65c-.38.59-.73,1.15-1,1.7a16.23,16.23,0,0,0-.82,1.61,12,12,0,0,0-.54,1.41,13.07,13.07,0,0,0,1.86-.5,16.32,16.32,0,0,0,1.83-.75,14.58,14.58,0,0,0,1.76-1,17.25,17.25,0,0,0,1.61-1.2A14.46,14.46,0,0,0,187.93,65,11.16,11.16,0,0,0,189,63.58a7.81,7.81,0,0,0,.69-1.35,3.62,3.62,0,0,0,.25-1.3,1.53,1.53,0,0,0-.09-.56,1.48,1.48,0,0,0-.25-.44,1.42,1.42,0,0,0-.41-.32,1,1,0,0,0-.44-.12m-.25-.76a4.69,4.69,0,0,1,1.57.25,3.46,3.46,0,0,1,1.13.66,2.72,2.72,0,0,1,.67,1,3.17,3.17,0,0,1,.22,1.14,4.2,4.2,0,0,1-.35,1.67,6.57,6.57,0,0,1-.94,1.51,11.32,11.32,0,0,1-1.39,1.38,12.61,12.61,0,0,1-1.76,1.23,22.66,22.66,0,0,1-2,1c-.69.32-1.41.61-2.14.88s-1.47.52-2.21.73-1.44.37-2.11.5c-.08.5-.17,1-.25,1.38a4.11,4.11,0,0,0-.06,1.26,3.47,3.47,0,0,0,.22,1.36,2.62,2.62,0,0,0,.6.91,2.06,2.06,0,0,0,.85.54,3.11,3.11,0,0,0,.91.16,5.33,5.33,0,0,0,1.32-.19,6.77,6.77,0,0,0,1.39-.57c.46-.25.95-.54,1.45-.88a17.72,17.72,0,0,0,1.48-1.1c.48-.4,1-.82,1.45-1.26s.95-.89,1.39-1.36l1.32-1.38c.44-.47.85-.93,1.23-1.39l.28-.28a.53.53,0,0,1,.41-.16s.1,0,.19.12a.22.22,0,0,1,.06.26,3.49,3.49,0,0,1-.41.69,11.74,11.74,0,0,1-.94,1.17l-1.36,1.48c-.5.54-1.06,1.09-1.67,1.63s-1.23,1.08-1.89,1.58a14.81,14.81,0,0,1-2,1.32,12,12,0,0,1-2,.89,6.87,6.87,0,0,1-2,.31,4.84,4.84,0,0,1-2.14-.5,5.06,5.06,0,0,1-1.73-1.42,7,7,0,0,1-1.14-2.14,8.8,8.8,0,0,1-.41-2.74,9.61,9.61,0,0,1,.13-1.42,13.86,13.86,0,0,1,.32-1.42,4.26,4.26,0,0,0-.48.57,2.23,2.23,0,0,1-.47.5.92.92,0,0,1-.25.19.57.57,0,0,1-.25.06.47.47,0,0,1-.22-.22c-.07-.1-.08-.18,0-.22.16-.25.39-.59.69-1a16.22,16.22,0,0,1,1.1-1.38c.44-.51.94-1,1.51-1.61s1.17-1.12,1.8-1.67a22.24,22.24,0,0,1,2-1.57,19.29,19.29,0,0,1,2.23-1.33,12.22,12.22,0,0,1,2.34-.88,7.76,7.76,0,0,1,2.4-.25"/><path id="a37bf0c4-957f-40be-a4b4-96ce2b777988" data-name="Pfad 15507" d="M207,59.67a5.26,5.26,0,0,0-2,.54,9.76,9.76,0,0,0-2,1.29,15.47,15.47,0,0,0-1.85,1.86,21.35,21.35,0,0,0-1.67,2.24A25.52,25.52,0,0,0,198.13,68a23.74,23.74,0,0,0-1.07,2.36,14.44,14.44,0,0,0-.66,2.12,5.48,5.48,0,0,0-.16,1.67,6.57,6.57,0,0,1,.09.66,1.41,1.41,0,0,0,.19.6,1.72,1.72,0,0,0,.41.44,1,1,0,0,0,.63.19,3.35,3.35,0,0,0,1.73-.38,11.45,11.45,0,0,0,1.89-1.17,15.35,15.35,0,0,0,2-1.73A25.23,25.23,0,0,0,205,70.64c.58-.76,1.14-1.55,1.67-2.36a21.48,21.48,0,0,0,1.32-2.4,21.93,21.93,0,0,0,.88-2.2,4.63,4.63,0,0,0,.29-1.8,3.23,3.23,0,0,0-.1-.82,1.43,1.43,0,0,0-.38-.69,1.88,1.88,0,0,0-.69-.5,2.2,2.2,0,0,0-1-.19m21.43-22.12q-1.26,2.32-2.84,5l-3.27,5.64c-1.14,1.95-2.29,3.92-3.47,5.89s-2.3,3.88-3.37,5.73-2.08,3.62-3,5.3-1.78,3.18-2.49,4.5-1.27,2.44-1.67,3.34a4.35,4.35,0,0,0-.54,1.86,1.1,1.1,0,0,0,.1.47,1.3,1.3,0,0,0,.22.38.84.84,0,0,0,.28.25.6.6,0,0,0,.35.1,4.87,4.87,0,0,0,1-.41,6.77,6.77,0,0,0,1.1-.73c.38-.29.78-.61,1.2-1s.85-.74,1.26-1.14.83-.81,1.23-1.22.79-.84,1.17-1.27l1-1.16.85-1a1.77,1.77,0,0,1,.41-.31.83.83,0,0,1,.41-.13.35.35,0,0,1,.25.16.24.24,0,0,1,.06.28c-.33.46-.71,1-1.13,1.48s-.87,1-1.36,1.58-1,1-1.48,1.54-1,1-1.54,1.45-1,.88-1.57,1.26-1,.68-1.52,1a7.41,7.41,0,0,1-1.35.6,4,4,0,0,1-1.14.18,6.23,6.23,0,0,1-.94-.18,1.78,1.78,0,0,1-.79-.5,3.11,3.11,0,0,1-.57-1,7.39,7.39,0,0,1-.34-1.55,2.31,2.31,0,0,1,0-.37q0-.26.09-.63c0-.25.09-.5.13-.76s.08-.48.13-.69q-.82.94-1.74,1.92a20.44,20.44,0,0,1-1.92,1.8,9.12,9.12,0,0,1-2.11,1.29,5.82,5.82,0,0,1-2.36.47,2.93,2.93,0,0,1-1.77-.66,4.33,4.33,0,0,1-1.1-1.51,7.47,7.47,0,0,1-.57-2,13.1,13.1,0,0,1-.15-2c0-.51.1-1,.19-1.58s.14-1.07.19-1.57a2.12,2.12,0,0,0-.35.44,1.27,1.27,0,0,1-.35.38,2.27,2.27,0,0,1-.34.19.53.53,0,0,1-.35,0,.41.41,0,0,1-.19-.22c0-.11,0-.18,0-.22a26.07,26.07,0,0,1,3.4-3.94,28.91,28.91,0,0,1,3.81-3.09,19.58,19.58,0,0,1,3.78-2,9.36,9.36,0,0,1,3.38-.73,3.81,3.81,0,0,1,1.16.19,3.88,3.88,0,0,1,1.1.54,3.09,3.09,0,0,1,.85.84,2.35,2.35,0,0,1,.41,1.14,4,4,0,0,1-.06.69c0,.25-.09.5-.13.76l14.3-25.2Z"/><path id="bd9109a3-80a3-4d03-b217-8ac5a25d958f" data-name="Pfad 15508" d="M139.17,17.13c.73-.18,1.47-.4,2.22-.65s1.5-.53,2.23-.83,1.44-.63,2.15-1,1.37-.73,2-1.12a18.52,18.52,0,0,0,1.73-1.21A10.94,10.94,0,0,0,150.91,11a7,7,0,0,0,1-1.36,4.24,4.24,0,0,0,.49-1.37,1.13,1.13,0,0,0-.05-.7A2.12,2.12,0,0,0,152,7a1.5,1.5,0,0,0-.53-.37,1.4,1.4,0,0,0-.56-.14,5.84,5.84,0,0,0-1.66.34,7.77,7.77,0,0,0-1.64.86A16.7,16.7,0,0,0,146,9a21,21,0,0,0-1.6,1.53c-.52.54-1,1.11-1.51,1.71s-1,1.17-1.4,1.74-.85,1.13-1.22,1.67l-1.06,1.5M124.39,5.61a3.3,3.3,0,0,1,.77.07,2.78,2.78,0,0,1,.57.21,1.38,1.38,0,0,1,.4.32,2.26,2.26,0,0,1,.26.42,2,2,0,0,1,.17.47,4.37,4.37,0,0,1,.09.5c0,.16.06.32.08.47s0,.3.08.45a1.57,1.57,0,0,1,0,.61c0,.2-.09.4-.14.61s-.09.4-.13.6a1.39,1.39,0,0,0,0,.61,3.19,3.19,0,0,0,.13.44,2.38,2.38,0,0,0,.23.45,1,1,0,0,0,.32.32.51.51,0,0,0,.38.08,12.09,12.09,0,0,0,1.83-.57c.54-.22,1.07-.46,1.6-.74s1-.55,1.45-.85.92-.61,1.37-.93.9-.64,1.32-1,.87-.64,1.32-.94.9-.6,1.36-.89a15.55,15.55,0,0,1,1.43-.82.58.58,0,0,1,.32,0,1.87,1.87,0,0,1,.32.15.63.63,0,0,1,.23.23.13.13,0,0,1,0,.19l0,0a5.74,5.74,0,0,1-1.28.89l-1.43.7a14.53,14.53,0,0,0-1.4.76,4.55,4.55,0,0,0-1.17,1,21.23,21.23,0,0,0-1.71,2.5c-.52.89-1,1.78-1.47,2.69s-.92,1.83-1.36,2.75-.91,1.83-1.41,2.71c1.13-.33,2.26-.67,3.37-1s2.23-.7,3.34-1c.22-.3.53-.69.9-1.17s.81-1,1.3-1.61,1-1.23,1.66-1.9,1.26-1.34,1.94-2a28.22,28.22,0,0,1,2.17-1.91A23.65,23.65,0,0,1,146,7.86a15.37,15.37,0,0,1,2.47-1.23A10.61,10.61,0,0,1,151,6a1.36,1.36,0,0,1,.71.15,2.62,2.62,0,0,1,1.17,1.18,2.23,2.23,0,0,1,.23.76,3.32,3.32,0,0,1-.32,1.55,7.11,7.11,0,0,1-1,1.58,11.86,11.86,0,0,1-1.58,1.51,19.67,19.67,0,0,1-2,1.4c-.73.45-1.5.86-2.3,1.25s-1.62.75-2.45,1.08-1.65.62-2.47.86-1.61.43-2.36.58L137,21.08q-.78,1.58-1.47,3.15t-1.23,3.15a28.46,28.46,0,0,0-.87,3.2,1.85,1.85,0,0,0,.06.66,2.71,2.71,0,0,0,.28.68,1.48,1.48,0,0,0,.44.49.55.55,0,0,0,.51.1,5.37,5.37,0,0,0,1.5-.83,16.1,16.1,0,0,0,1.32-1.16c.43-.41.84-.84,1.25-1.27a9.2,9.2,0,0,1,1.32-1.17l.26-.23a.36.36,0,0,1,.3-.08.08.08,0,0,1,.09.08.42.42,0,0,1,0,.27.14.14,0,0,1-.09.11l-.77.72c-.26.25-.52.51-.77.78l-.78.8c-.26.27-.53.52-.79.77a10.69,10.69,0,0,1-.81.7,8.32,8.32,0,0,1-.87.59A6,6,0,0,1,135,33a4.24,4.24,0,0,1-1,.21,1.35,1.35,0,0,1-.53,0,1.67,1.67,0,0,1-.51-.27,2.29,2.29,0,0,1-.43-.45c-.13-.19-.25-.39-.36-.59a3.85,3.85,0,0,1-.28-.66,5.91,5.91,0,0,1-.19-.69,5.06,5.06,0,0,1-.1-.68c0-.23,0-.44,0-.64a20.81,20.81,0,0,1,1.13-5.29,25,25,0,0,1,2.49-5.06l-3.25,1.06L128.68,21c-.73,1.19-1.46,2.28-2.2,3.26A33.36,33.36,0,0,1,124.23,27,23.9,23.9,0,0,1,122,29.18a18.67,18.67,0,0,1-2.33,1.72,19,19,0,0,1-2.44,1.29,15.26,15.26,0,0,1-2.54.88,24.28,24.28,0,0,1-2.68.49c-.92.11-1.86.18-2.84.21a15.65,15.65,0,0,1-2.27-.16,13.11,13.11,0,0,1-2-.43,9.75,9.75,0,0,1-3.3-1.69,7.44,7.44,0,0,1-1.21-1.17A7.22,7.22,0,0,1,99.42,29a7.14,7.14,0,0,1-.5-1.5,5.89,5.89,0,0,1-.14-1.57,8.9,8.9,0,0,1,.27-1.78,7.84,7.84,0,0,1,.64-1.69,9.22,9.22,0,0,1,1-1.55A9.91,9.91,0,0,1,102,19.47a9.81,9.81,0,0,1,1.58-1.15,10.15,10.15,0,0,1,1.89-.88,14.45,14.45,0,0,1,2.15-.56,11.8,11.8,0,0,1,2.37-.21,6.54,6.54,0,0,1,1.25,0,11.76,11.76,0,0,1,1.3.22,10,10,0,0,1,1.28.4,8.66,8.66,0,0,1,1.18.59,6.41,6.41,0,0,1,1.06.8,5,5,0,0,1,.83,1,5.36,5.36,0,0,1,.55,1.22,4.56,4.56,0,0,1,.2,1.42,5.15,5.15,0,0,1-.2,1.4A6.76,6.76,0,0,1,116,26.3a9.17,9.17,0,0,1-2.45,1.93,9.46,9.46,0,0,1-1.49.65,9.56,9.56,0,0,1-1.6.38,7.76,7.76,0,0,1-1.67,0,12.48,12.48,0,0,1-2.27-.36c-.75-.19-1.5-.4-2.26-.62a.75.75,0,0,1-.3-.17.4.4,0,0,1-.15-.29.07.07,0,0,1,.06-.07H104a.35.35,0,0,1,.17,0,.28.28,0,0,0,.13,0c.38.08.75.17,1.13.27l1.11.3c.36.1.73.19,1.09.26a4.2,4.2,0,0,0,1.12.08,10.54,10.54,0,0,0,3.15-.51A9.09,9.09,0,0,0,114.34,27a6.43,6.43,0,0,0,2.58-4.14,2.2,2.2,0,0,0,0-.92,2.47,2.47,0,0,0-.4-.89,3.83,3.83,0,0,0-.7-.8,6.78,6.78,0,0,0-.9-.7,8.82,8.82,0,0,0-1-.59,7.24,7.24,0,0,0-1.12-.44,7.09,7.09,0,0,0-1.13-.24,4.62,4.62,0,0,0-1,0,17.44,17.44,0,0,0-4.47.81,11.12,11.12,0,0,0-3.34,1.75,7.22,7.22,0,0,0-2.82,5.66,5.71,5.71,0,0,0,.22,1.65,5.38,5.38,0,0,0,.66,1.44,6.06,6.06,0,0,0,1,1.22,7.66,7.66,0,0,0,1.3,1,9,9,0,0,0,1.49.74,10.78,10.78,0,0,0,1.58.51,7.06,7.06,0,0,0,1.58.21c.53,0,1,0,1.47,0l2.15-.28c.66-.09,1.32-.21,2-.36A16.73,16.73,0,0,0,115.2,32a9.56,9.56,0,0,0,1.79-.87,13.17,13.17,0,0,0,1.81-1.33,19.73,19.73,0,0,0,1.89-1.88,29.62,29.62,0,0,0,2-2.56c.71-1,1.46-2.1,2.27-3.39-.43.28-.87.53-1.3.76l-1.33.72-1.31.78a9.34,9.34,0,0,0-1.27.89l-.45.32a.54.54,0,0,1-.45.13.07.07,0,0,1-.08-.05v0a.2.2,0,0,1,.06-.15l.11-.17a.35.35,0,0,1,.13-.14,12.49,12.49,0,0,1,1.38-1.12q.73-.51,1.53-1c.52-.3,1-.57,1.6-.82l1.6-.7a26,26,0,0,1,1.52-2.73c.57-.88,1.16-1.74,1.76-2.57s1.22-1.67,1.85-2.5,1.23-1.69,1.81-2.55a10.84,10.84,0,0,0-1.36.57l-1.36.67a9.46,9.46,0,0,1-1.37.53,4.77,4.77,0,0,1-2.27.13,2.39,2.39,0,0,1-.62-.21,1.6,1.6,0,0,1-.45-.32,1.19,1.19,0,0,1-.28-.42,3.75,3.75,0,0,1-.17-.47,4.23,4.23,0,0,1-.13-.51c0-.18-.07-.36-.1-.55a3.35,3.35,0,0,0-.11-.55,1.06,1.06,0,0,1,0-.53,4.61,4.61,0,0,1,.15-.53,5.62,5.62,0,0,0,.15-.55,1.46,1.46,0,0,0,0-.51c0-.15-.07-.28-.11-.42a1.84,1.84,0,0,0-.19-.4,1.06,1.06,0,0,0-.27-.29.41.41,0,0,0-.34-.07,6.38,6.38,0,0,0-1.09.44,7,7,0,0,0-1.11.68,11.8,11.8,0,0,0-1.1.91c-.36.34-.72.7-1.09,1.08s-.72.77-1.07,1.19-.69.85-1,1.29l-1,1.33c-.33.44-.63.88-.91,1.31a2,2,0,0,1-.28.3.35.35,0,0,1-.32.11.2.2,0,0,1-.09-.09.44.44,0,0,1,0-.16.35.35,0,0,1,0-.17l.07-.15a19.33,19.33,0,0,1,1-1.67c.39-.55.79-1.1,1.2-1.63s.85-1,1.3-1.53.92-1,1.38-1.39a17.88,17.88,0,0,1,1.38-1.17A10.79,10.79,0,0,1,122,6.43a7.69,7.69,0,0,1,1.27-.59,4.29,4.29,0,0,1,1.13-.24"/><path id="ab0a44f3-b6d7-4463-b0a8-103133a33994" data-name="Pfad 15509" d="M148.73,22.81a2.19,2.19,0,0,0-1,.27,5.36,5.36,0,0,0-1,.7,9.92,9.92,0,0,0-1,1c-.33.4-.65.83-.95,1.27a13.91,13.91,0,0,0-.82,1.38,10.76,10.76,0,0,0-.64,1.43,10.08,10.08,0,0,0-.41,1.32,4.56,4.56,0,0,0-.15,1.16,2.42,2.42,0,0,0,.05.47,1.54,1.54,0,0,0,.19.46.93.93,0,0,0,.36.32,1.17,1.17,0,0,0,.56.11,2.81,2.81,0,0,0,1.05-.3,6.05,6.05,0,0,0,1.1-.68,9.67,9.67,0,0,0,1.06-1,14.13,14.13,0,0,0,1-1.17,12.74,12.74,0,0,0,.88-1.29,10.77,10.77,0,0,0,.67-1.31,7.8,7.8,0,0,0,.43-1.23,3.29,3.29,0,0,0,.12-1.08,2.17,2.17,0,0,0-.1-.62,2.55,2.55,0,0,0-.26-.61,1.35,1.35,0,0,0-.45-.47,1.11,1.11,0,0,0-.69-.19m-.11-.65a3.58,3.58,0,0,1,.92.13,2.44,2.44,0,0,1,.86.48,2.22,2.22,0,0,1,.61.87,3.33,3.33,0,0,1,.23,1.33,4.39,4.39,0,0,1-.2,1.29,9.38,9.38,0,0,1-.51,1.23,11.9,11.9,0,0,1-.67,1.15l-.71,1.07a.71.71,0,0,1,.32.07.47.47,0,0,0,.31,0,3.47,3.47,0,0,0,.86-.19,5.18,5.18,0,0,0,2.62-2,.58.58,0,0,1,.19-.19.45.45,0,0,1,.26-.08.25.25,0,0,1,.15.08.12.12,0,0,1,0,.15,4.43,4.43,0,0,1-.86,1.16,5.36,5.36,0,0,1-2.35,1.36,4.17,4.17,0,0,1-1.16.17,2,2,0,0,1-.42,0,1.84,1.84,0,0,0-.41,0c-.27.27-.6.6-1,1a15.47,15.47,0,0,1-1.23,1,7.59,7.59,0,0,1-1.37.81,3.21,3.21,0,0,1-1.46.29,3,3,0,0,1-1-.19,2,2,0,0,1-.82-.67,3.29,3.29,0,0,1-.54-1.19,7.14,7.14,0,0,1-.19-1.78,4.51,4.51,0,0,1,.11-1c.08-.32.14-.64.19-1a1.64,1.64,0,0,0-.26.33,1.37,1.37,0,0,1-.26.28l-.15.09a.27.27,0,0,1-.12.06l-.13-.07a.13.13,0,0,1-.05-.12c0-.05.1-.18.22-.4a6,6,0,0,1,.56-.76c.25-.29.55-.61.88-1s.71-.72,1.1-1.08A15.59,15.59,0,0,1,145.79,23a8.29,8.29,0,0,1,1.4-.62,4.59,4.59,0,0,1,1.42-.23"/><path id="b2e01f86-121a-4699-8fe1-4b9fbf6eb6f8" data-name="Pfad 15510" d="M162.54,19.21c-.3.53-.65,1.1-1,1.71s-.78,1.23-1.18,1.87-.81,1.3-1.23,2-.83,1.3-1.22,1.93l-1.1,1.8c-.35.57-.65,1.08-.9,1.55s-.45.88-.6,1.23a2.5,2.5,0,0,0-.23.84.29.29,0,0,0,0,.24,2.2,2.2,0,0,0,.17.25.79.79,0,0,0,.22.19.6.6,0,0,0,.28.08,1.38,1.38,0,0,0,.6-.16,4.24,4.24,0,0,0,.72-.4,6.84,6.84,0,0,0,.74-.56c.25-.22.5-.45.75-.7l.77-.8.77-.82c.25-.26.48-.52.71-.77l.63-.72.23-.17a.35.35,0,0,1,.26-.1.23.23,0,0,1,.17.1c.06.06.07.11,0,.17l-.5.64-.68.81c-.23.29-.5.59-.78.89s-.58.6-.88.9a11.59,11.59,0,0,1-.92.81c-.31.25-.61.48-.91.68a5.18,5.18,0,0,1-.9.48,2.61,2.61,0,0,1-.83.17,1.58,1.58,0,0,1-.9-.19,2.13,2.13,0,0,1-.69-.61,2.64,2.64,0,0,1-.41-.8,1.77,1.77,0,0,1-.09-.76,6.42,6.42,0,0,1,.5-1.65c.23-.51.5-1,.8-1.55s.6-1,.92-1.54a15.47,15.47,0,0,0,.84-1.55c-.5.56-1,1.11-1.54,1.67L153.59,28l-.13.13a.76.76,0,0,1-.17.13.83.83,0,0,0-.07-.13s-.05-.08-.07-.13c.39-.46.78-.89,1.14-1.29l1.05-1.18.93-1.06q.43-.49.84-1c.28-.32.54-.65.79-1l.77-1c.26-.34.51-.7.76-1.08l.79-1.21h-2.1l.56-.57h1.87l1.2-2,1.2-2h2.4c-.42.66-.84,1.32-1.23,2s-.8,1.33-1.2,2h4.38l-.53.53Z"/><path id="b6517eaf-3382-4271-be3d-3d1bd0980fe9" data-name="Pfad 15511" d="M170,22.7a2,2,0,0,0-.84.19,4.34,4.34,0,0,0-.86.51,7.38,7.38,0,0,0-.85.74c-.27.28-.54.57-.8.89a12.2,12.2,0,0,0-.73,1c-.22.36-.43.7-.61,1s-.34.63-.49,1a8.89,8.89,0,0,0-.32.86,9.33,9.33,0,0,0,1.1-.3,9.63,9.63,0,0,0,1.09-.46,9.24,9.24,0,0,0,1.05-.61,9.48,9.48,0,0,0,.95-.72,7.81,7.81,0,0,0,.83-.8,6.47,6.47,0,0,0,.63-.83,4.19,4.19,0,0,0,.41-.82,2,2,0,0,0,.15-.77,1,1,0,0,0-.05-.34,1.17,1.17,0,0,0-.15-.27.79.79,0,0,0-.25-.19.59.59,0,0,0-.26-.07m-.15-.46a3,3,0,0,1,.94.15,2.06,2.06,0,0,1,.67.4,1.64,1.64,0,0,1,.39.59,1.79,1.79,0,0,1,.13.68,2.59,2.59,0,0,1-.2,1,3.84,3.84,0,0,1-.56.91,6.59,6.59,0,0,1-.83.84,7.8,7.8,0,0,1-1,.74c-.39.22-.79.43-1.2.62s-.84.37-1.27.53-.88.31-1.32.44a10.73,10.73,0,0,1-1.25.3c0,.3-.1.58-.15.83a2.77,2.77,0,0,0,0,.76,2.28,2.28,0,0,0,.14.82,1.77,1.77,0,0,0,.35.55,1.38,1.38,0,0,0,.5.32,1.7,1.7,0,0,0,.54.09,3,3,0,0,0,.79-.11,3.94,3.94,0,0,0,.82-.34c.28-.15.56-.33.86-.53a9.71,9.71,0,0,0,.88-.67c.29-.24.57-.49.86-.75s.57-.54.83-.82l.78-.83c.26-.28.51-.56.73-.84l.17-.17a.3.3,0,0,1,.24-.09s.06,0,.12.07a.14.14,0,0,1,0,.16,1.91,1.91,0,0,1-.24.41,6.36,6.36,0,0,1-.56.7l-.8.89q-.45.49-1,1c-.36.33-.74.64-1.13.95a8.35,8.35,0,0,1-1.2.8,7.27,7.27,0,0,1-1.21.53,4.07,4.07,0,0,1-1.2.19,2.79,2.79,0,0,1-1.27-.3,3.06,3.06,0,0,1-1-.86,4.15,4.15,0,0,1-.68-1.28,5.45,5.45,0,0,1-.24-1.65,5,5,0,0,1,.08-.86c0-.29.11-.57.18-.85-.1.11-.19.22-.28.34a1.33,1.33,0,0,1-.28.3.33.33,0,0,1-.15.11.16.16,0,0,1-.24,0,.2.2,0,0,1,0-.08c0-.06,0-.11,0-.13s.24-.36.42-.61a8.8,8.8,0,0,1,.65-.83c.26-.31.56-.63.9-1s.69-.67,1.07-1a14.06,14.06,0,0,1,1.21-1,13.78,13.78,0,0,1,1.33-.8,7.52,7.52,0,0,1,1.39-.53,4.84,4.84,0,0,1,1.42-.15"/><path id="a438c239-29fa-439d-b479-fae9441f6db3" data-name="Pfad 15512" d="M178.77,22.34a37.51,37.51,0,0,0,8.09-7.15q3-3.7,2.56-5.1a.61.61,0,0,0-.35-.4,1.12,1.12,0,0,0-.7,0q-1.47.36-4.09,3.79a65,65,0,0,0-5.51,8.84m-.3.89a56.35,56.35,0,0,0-3.05,5.94c-.71,1.66-1,2.7-.84,3.14a.58.58,0,0,0,.39.4,1.52,1.52,0,0,0,.79,0,6.64,6.64,0,0,0,2.54-1.63,29.08,29.08,0,0,0,3.29-3.73c.38-.5.77-1.06,1.17-1.66s.64-.92.75-.95a.34.34,0,0,1,.2,0,.22.22,0,0,1,.11.12c.05.16-.17.63-.67,1.39A30.16,30.16,0,0,1,181.09,29a22.06,22.06,0,0,1-3,3.1,6.74,6.74,0,0,1-2.5,1.31,3.09,3.09,0,0,1-1.73,0,1.43,1.43,0,0,1-.93-1c-.32-.94,0-2.45.88-4.52a62.13,62.13,0,0,1,4.66-8.21,52,52,0,0,1,5.66-7.3c1.86-1.95,3.33-3.05,4.42-3.32a1.41,1.41,0,0,1,1,0,1,1,0,0,1,.54.62c.43,1.26-.43,3.19-2.58,5.77a41.93,41.93,0,0,1-9,7.72"/><path id="fd03da13-7a60-47d2-8263-a9c060f7bae3" data-name="Pfad 15513" d="M93.64,23.15a42.47,42.47,0,0,1-.31,4.92A12.26,12.26,0,0,1,91,33.14a18.73,18.73,0,0,1-6,5.18c-1.63.75-5.43,2.68-8.93,3a35.55,35.55,0,0,1-9.93-.38,29.36,29.36,0,0,1-7.17-3.37,27,27,0,0,1-6.49-7.24,21.28,21.28,0,0,1-2.38-7.24,28.31,28.31,0,0,1,.07-9.23,13.61,13.61,0,0,1,3.43-7.68,12.3,12.3,0,0,1,5-3.56,22.26,22.26,0,0,1,5.85-.81,21.3,21.3,0,0,1,4.49.69,14.44,14.44,0,0,1,3.37,1.93,15.59,15.59,0,0,1,2.94,3.81,9.69,9.69,0,0,1,1.12,4.18,41.86,41.86,0,0,1-.56,5.81c-.31,1.5-2.12,6.36-2.12,6.36s-.54.65.12.94S75,25,75,25a28,28,0,0,0,2.5-6.62c.69-3.31,1-8.61-1.12-11.86A14.72,14.72,0,0,0,67.06.25c-3.44-.5-9.3-.53-13.86,2.62a18.87,18.87,0,0,0-7.68,9.87,24.38,24.38,0,0,0-.43,10.41A26.91,26.91,0,0,0,50.7,34.89a30,30,0,0,0,9.8,6.87,32.42,32.42,0,0,0,10.43,2.12,31,31,0,0,0,9-1.31,27.86,27.86,0,0,0,9-4.68A22.28,22.28,0,0,0,94,31.46a14.88,14.88,0,0,0,1.44-6.11,2.3,2.3,0,0,0-1.82-2.19"/></svg></div></div></div><div class="c-stage__headline"><div class="e-headline e-headline--h1 e-headline--center e-headline--uppercase c-stage__headlineEl " > Arrive<br>Breathe deeply.<br>Feel the excitement. </div></div></div></div></div> </div><var id="690"></var><div class="c-textHeadline mt-default"><h1 class="e-headline e-headline--h1 e-headline--center e-headline--highlighted " > Hotel Goldried <u>Your alpine retreat</u> </h1></div><var id="691"></var><div class="c-text mt-default"><div class="c-text__row"><div class="c-text__content"><div class="e-text e-text--center e-text--intro"><p>Personal, individual, utmost service orientation: The people at Hotel Goldried do everything to offer you unforgettable holiday moments. Living in a very special place in East Tyrol is a privilege, and we build upon this privilege. For you.</p></div></div></div></div></header><main> <var id="231"></var><div class="c-breadcrumb"><div class="c-breadcrumb__items"><div class="c-breadcrumb__item"><a class="e-link e-link--breadcrumb" href="https://www.hotel-goldried-tirol.com/en/">Home</a></div> <div class="e-svg e-svg--10to13 e-svg--strokeColor c-breadcrumb__divider"><svg id="f6a7fe53-f765-4ae6-b4d4-faed4c561e6d" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path id="ba3370f7-6684-42fa-b5f2-83e1fc015723" data-name="Pfad 15517" d="M3.72.45,10.28,7,3.72,13.55" fill="none" stroke="#000" stroke-width="1.5"/></svg></div><div class="c-breadcrumb__item"><a class="e-link e-link--breadcrumb" href="https://www.hotel-goldried-tirol.com/en/hotel/holidays-east-tyrol.html">Hotel</a></div> <div class="e-svg e-svg--10to13 e-svg--strokePrimary c-breadcrumb__divider"><svg id="f6a7fe53-f765-4ae6-b4d4-faed4c561e6d" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path id="ba3370f7-6684-42fa-b5f2-83e1fc015723" data-name="Pfad 15517" d="M3.72.45,10.28,7,3.72,13.55" fill="none" stroke="#000" stroke-width="1.5"/></svg></div><div class="c-breadcrumb__item"><div class="c-breadcrumb__current">Hotel Goldried</div></div></div></div> <var id="692"></var><div class="c-teaserTextImageBg "><div class="c-teaserTextImageBg__container"><div class="c-teaserTextImageBg__row"><div class="c-teaserTextImageBg__imageContainer"><div class="c-teaserTextImageBg__imageRow"><picture class="e-image e-image--fullWidth e-image--objectCover c-teaserTextImageBg__image"><source media="(max-width: 375px)" data-srcset="/andsrv/content/files/resized/300919-martinlugger-goldried-b7951020.375x250m1.141.jpg"><source media="(max-width: 768px)" data-srcset="/andsrv/content/files/resized/300919-martinlugger-goldried-b7951020.768x512m1.141.jpg"><source media="(max-width: 1024px)" data-srcset="/andsrv/content/files/resized/300919-martinlugger-goldried-b7951020.1024x683m1.141.jpg"><source media="(max-width: 1440px)" data-srcset="/andsrv/content/files/resized/300919-martinlugger-goldried-b7951020.705x470m1.141.jpg"><source data-srcset="/andsrv/content/files/resized/300919-martinlugger-goldried-b7951020.960x640m1.141.jpg"><img class="e-image__image lazyload" data-src="/andsrv/content/files/resized/300919-martinlugger-goldried-b7951020.960x640m1.141.jpg" alt="" title=""></picture></div></div><div class="c-teaserTextImageBg__content"><h2 class="e-headline e-headline--highlighted e-headline--h1 c-teaserTextImageBg__headline " > Holidays like with <u>friends</u></h2> <h3 class="e-headline e-headline--secondary e-headline--h5 c-teaserTextImageBg__subline " > Hotel Goldried </h3> <div class="e-text c-teaserTextImageBg__text"><p>Welcome to Matrei, welcome to Hotel Goldried. Already your arrival with the inclined lift and our smile will give you a sense of how special this place is.</p> <ul> <li>Breathtaking panoramic view of the scenery and Matrei</li> <li>Interplay of alpine style coupled with scandinavian modernity</li> <li>Long-standing employees who will be ready to go the extra mile for you anytime and thus make your holiday something very special</li> <li>Our motivation is to make the impossible possible for you</li> </ul></div></div></div></div></div><var id="693"></var><div class="c-textTwoColumns "><div class="c-textTwoColumns__row"><div class="c-textTwoColumns__content"><h3 class="e-headline e-headline--h5 e-headline--secondary c-textTwoColumns__heading " > At the foot of the Grossglockner </h3> <div class="e-text c-textTwoColumns__text"><p>It is the experience of this incredible natural landscape with innumerable possibilities to be active. Active holidaymakers can directly go to the piste or to the hiking area, between the Lienz Dolomites and the Grossglockner. Climb Austria’s highest mountains, hike through endless <a href="https://www.hotel-goldried-tirol.com/en/summer/holidays-east-tyrol.html" title="summer activities in the Matrei region">natural areas in the Hohe Tauern national park</a> or race down the <a href="https://www.hotel-goldried-tirol.com/en/winter/holidays-east-tyrol.html" title="winter activities in East Tyrol">snowy slopes</a> of the East Tyrolean ski regions.</p></div></div><div class="c-textTwoColumns__content"><h3 class="e-headline e-headline--h5 e-headline--secondary c-textTwoColumns__heading " > A hotel for all generations </h3> <div class="e-text c-textTwoColumns__text"><p>Families can look forward to spacious apartments with private sauna, partly with open fireplace, and family rooms as well as many family offers in the hotel and in the mountains, the High Tauern. What everyone agrees on: Hotel Goldried is a hotel where you come to stay - numerous regular guests who even come to us in the 2nd or 3rd generation speak a clear language.</p></div></div></div></div><var id="694"></var><div class="c-teaserTextImage c-teaserTextImage--default mt-l"><div class="c-teaserTextImage__row"><div class="c-teaserTextImage__content"> <div class="e-headline e-headline--secondary e-headline--h5 c-teaserTextImage__subline " > Family holidays with all the frills </div> <div class="e-text c-teaserTextImage__text"><p>Are you curious about the kids offers at Hotel Goldried?</p> <ul> <li>Playroom for the little guests for playing, arts & crafts and drawing</li> <li>Teens area with X-Box, football and ice hockey</li> <li>Playground with sandpit, swings and table tennis</li> <li>Children's pool</li> <li>Family apartments with private sauna as well as family rooms</li> <li>Family ski region Kals-Matrei</li> <li>Ski courses bookable at the hotel</li> </ul></div> <a class="c-linkTextIcon c-linkTextIcon--hoverAnimate c-teaserTextImage__link" href="https://www.hotel-goldried-tirol.com/en/hotel/kids-teens-matrei.html" target="_self" rel="">Everything for kids & teens<div class="e-svg e-svg--32 c-linkTextIcon__icon"><svg id="b382b05c-a0d1-4a2e-8ec5-9b51478a09cd" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.73 14.16"><g id="eeedeede-594d-4a85-9dbe-0c0c4191a87c" data-name="Gruppe 5057"><g id="a2d95b11-76ce-48f3-a108-5ff30328def2" data-name="Gruppe 5054"><g id="a8b21197-fad4-4648-bc3d-5074181f785f" data-name="Gruppe 5052"><path id="f11cb516-bf9f-466d-bade-e2ec22c4f9ca" data-name="Pfad 15517" d="M30.11.53l6.56,6.55-6.56,6.55" fill="none" stroke="#000" stroke-width="1.5"/><path id="bb8ea628-4d8d-463a-afd4-2c2e457daf8d" data-name="Pfad 15518" d="M36.67,7.08H0" fill="none" stroke="#000" stroke-width="1.5"/></g></g></g></svg></div></a> </div><div class="c-teaserTextImage__image"><picture class="e-image e-image--fullWidth"><source media="(max-width: 768px)" data-srcset="/andsrv/content/files/resized/159.255x345m1.363.jpg"><source data-srcset="/andsrv/content/files/resized/159.455x610m1.363.jpg"><img class="e-image__image lazyload" data-src="/andsrv/content/files/resized/159.455x610m1.363.jpg" alt="" title=""></picture></div></div></div><var id="695"></var><div class="c-textHeadline "><h2 class="e-headline e-headline--h1 e-headline--center e-headline--highlighted " > Desirable offers: <u>Culinary & spa</u> </h2></div><var id="696"></var><div class="c-teaserTextImage c-teaserTextImage--inverted mt-m"><div class="c-teaserTextImage__row"><div class="c-teaserTextImage__content"> <div class="e-headline e-headline--secondary e-headline--h5 c-teaserTextImage__subline " > Relaxing at Goldried </div> <div class="e-text c-teaserTextImage__text"><p>Not only active vacationers will find their top destination here. Also, vacationers looking for tranquillity and relaxation and who simply want to treat themselves to a timeout gain fresh energy here. At the <a href="https://www.hotel-goldried-tirol.com/en/spa/sauna-east-tyrol.html" title="sauna & spa area">Goldried SPA</a>, a SPA beyond the ordinary you will find everything to regain your inner balance.</p> <ul> <li>Outdoor infinity pool</li> <li>Whirlpools</li> <li>Indoor pool</li> <li>Sauna landscape with different saunas and relaxation room</li> <li>A wide range of massages and treatments</li> <li>Lounge with open fireplace</li> </ul></div> <a class="c-linkTextIcon c-linkTextIcon--hoverAnimate c-teaserTextImage__link" href="https://www.hotel-goldried-tirol.com/en/spa/sauna-east-tyrol.html" target="_self" rel="">Goldried spa<div class="e-svg e-svg--32 c-linkTextIcon__icon"><svg id="b382b05c-a0d1-4a2e-8ec5-9b51478a09cd" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.73 14.16"><g id="eeedeede-594d-4a85-9dbe-0c0c4191a87c" data-name="Gruppe 5057"><g id="a2d95b11-76ce-48f3-a108-5ff30328def2" data-name="Gruppe 5054"><g id="a8b21197-fad4-4648-bc3d-5074181f785f" data-name="Gruppe 5052"><path id="f11cb516-bf9f-466d-bade-e2ec22c4f9ca" data-name="Pfad 15517" d="M30.11.53l6.56,6.55-6.56,6.55" fill="none" stroke="#000" stroke-width="1.5"/><path id="bb8ea628-4d8d-463a-afd4-2c2e457daf8d" data-name="Pfad 15518" d="M36.67,7.08H0" fill="none" stroke="#000" stroke-width="1.5"/></g></g></g></svg></div></a> </div><div class="c-teaserTextImage__image"><picture class="e-image e-image--fullWidth"><source media="(max-width: 768px)" data-srcset="/andsrv/content/files/resized/180110-martinlugger-goldried-0051.255x345m1.206.jpg"><source data-srcset="/andsrv/content/files/resized/180110-martinlugger-goldried-0051.455x610m1.206.jpg"><img class="e-image__image lazyload" data-src="/andsrv/content/files/resized/180110-martinlugger-goldried-0051.455x610m1.206.jpg" alt="" title=""></picture></div></div></div><var id="697"></var><div class="c-textHeadline mt-l"><h3 class="e-headline e-headline--h5 e-headline--center e-headline--secondary " > Culinary art enjoys high importance <br>at Hotel Goldried </h3></div><var id="698"></var><div class="c-textTwoColumns mt-s"><div class="c-textTwoColumns__row"><div class="c-textTwoColumns__content"><div class="e-text c-textTwoColumns__text"><p><span>Whether it is our half board or our à la carte restaurant Hirschenstube, we will serve Austrian cuisine, also modern or garnished with international facets. </span>In our cooking we elevate organically grown products to true culinary delights using gentle cooking methods.</p> <p></p></div></div><div class="c-textTwoColumns__content"><div class="e-text c-textTwoColumns__text"><p>End the evening in <a href="https://www.hotel-goldried-tirol.com/en/hotel/restaurants-bars-matrei.html" title="the bars of hotel Goldried">the piano bar or the Peak Room</a>, where you can enjoy lounge music, cocktails and a selection of spirits in friendly company. Full of relaxation and attentive, individual service - this is how your holidays in East Tyrol should be!</p> <p></p></div></div></div></div><var id="699"></var><div class="c-textCta "> <a class="c-linkTextIcon c-linkTextIcon--hoverAnimate" href="https://www.hotel-goldried-tirol.com/en/hotel/restaurants-bars-matrei.html" target="_self" rel="">Culinary delights & bars<div class="e-svg e-svg--32 c-linkTextIcon__icon"><svg id="b382b05c-a0d1-4a2e-8ec5-9b51478a09cd" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.73 14.16"><g id="eeedeede-594d-4a85-9dbe-0c0c4191a87c" data-name="Gruppe 5057"><g id="a2d95b11-76ce-48f3-a108-5ff30328def2" data-name="Gruppe 5054"><g id="a8b21197-fad4-4648-bc3d-5074181f785f" data-name="Gruppe 5052"><path id="f11cb516-bf9f-466d-bade-e2ec22c4f9ca" data-name="Pfad 15517" d="M30.11.53l6.56,6.55-6.56,6.55" fill="none" stroke="#000" stroke-width="1.5"/><path id="bb8ea628-4d8d-463a-afd4-2c2e457daf8d" data-name="Pfad 15518" d="M36.67,7.08H0" fill="none" stroke="#000" stroke-width="1.5"/></g></g></g></svg></div></a></div><var id="700"></var><div class="c-teaserTextImage c-teaserTextImage--default mt-l"><div class="c-teaserTextImage__row"><div class="c-teaserTextImage__content"> <div class="e-headline e-headline--secondary e-headline--h5 c-teaserTextImage__subline " > Seminars at Hotel Goldried </div> <div class="e-text c-teaserTextImage__text"><p>Much free space for free thoughts: Here in the mountain village of Matrei at Hotel Goldried we have created the perfect infrastructure for seminars - with an option for spa & experience!</p> <ul> <li>The Peak Room for large groups</li> <li>The Club Room for small groups (up to 10 persons)</li> <li>Group rooms</li> <li>Extensive seminar equipment</li> <li>Seminar terrace</li> <li>Seminar package</li> <li>The whole hotel is bookable for conferences</li> <li>Incentives and team buildings can be booked</li> </ul></div> <a class="c-linkTextIcon c-linkTextIcon--hoverAnimate c-teaserTextImage__link" href="https://www.hotel-goldried-tirol.com/en/hotel/seminars-east-tyrol.html" target="_self" rel="">Go to the seminar offer<div class="e-svg e-svg--32 c-linkTextIcon__icon"><svg id="b382b05c-a0d1-4a2e-8ec5-9b51478a09cd" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.73 14.16"><g id="eeedeede-594d-4a85-9dbe-0c0c4191a87c" data-name="Gruppe 5057"><g id="a2d95b11-76ce-48f3-a108-5ff30328def2" data-name="Gruppe 5054"><g id="a8b21197-fad4-4648-bc3d-5074181f785f" data-name="Gruppe 5052"><path id="f11cb516-bf9f-466d-bade-e2ec22c4f9ca" data-name="Pfad 15517" d="M30.11.53l6.56,6.55-6.56,6.55" fill="none" stroke="#000" stroke-width="1.5"/><path id="bb8ea628-4d8d-463a-afd4-2c2e457daf8d" data-name="Pfad 15518" d="M36.67,7.08H0" fill="none" stroke="#000" stroke-width="1.5"/></g></g></g></svg></div></a> </div><div class="c-teaserTextImage__image"><picture class="e-image e-image--fullWidth"><source media="(max-width: 768px)" data-srcset="/andsrv/content/files/resized/007.255x345m1.197.jpg"><source data-srcset="/andsrv/content/files/resized/007.455x610m1.197.jpg"><img class="e-image__image lazyload" data-src="/andsrv/content/files/resized/007.455x610m1.197.jpg" alt="" title=""></picture></div></div></div> <var id="252"></var><div class="c-sitenavContainer mt-l"><div class="c-sitenav"> <ul class="c-sitenav__items"><li class="c-sitenav__item is-active"><div class="e-svg e-svg--w28h20 e-svg--strokePrimary c-sitenav__icon"><svg id="b382b05c-a0d1-4a2e-8ec5-9b51478a09cd" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.73 14.16"><g id="eeedeede-594d-4a85-9dbe-0c0c4191a87c" data-name="Gruppe 5057"><g id="a2d95b11-76ce-48f3-a108-5ff30328def2" data-name="Gruppe 5054"><g id="a8b21197-fad4-4648-bc3d-5074181f785f" data-name="Gruppe 5052"><path id="f11cb516-bf9f-466d-bade-e2ec22c4f9ca" data-name="Pfad 15517" d="M30.11.53l6.56,6.55-6.56,6.55" fill="none" stroke="#000" stroke-width="1.5"/><path id="bb8ea628-4d8d-463a-afd4-2c2e457daf8d" data-name="Pfad 15518" d="M36.67,7.08H0" fill="none" stroke="#000" stroke-width="1.5"/></g></g></g></svg></div> <a class="e-link e-link--sitenav" href="https://www.hotel-goldried-tirol.com/en/hotel/holidays-east-tyrol.html">Hotel Goldried</a></li><li class="c-sitenav__item"> <a class="e-link e-link--sitenav" href="https://www.hotel-goldried-tirol.com/en/hotel/restaurants-bars-matrei.html">Restaurants & Bars</a></li><li class="c-sitenav__item"> <a class="e-link e-link--sitenav" href="https://www.hotel-goldried-tirol.com/en/hotel/kids-teens-matrei.html">Kids & Teens</a></li><li class="c-sitenav__item"> <a class="e-link e-link--sitenav" href="https://www.hotel-goldried-tirol.com/en/hotel/groups-east-tyrol.html">Groups</a></li><li class="c-sitenav__item"> <a class="e-link e-link--sitenav" href="https://www.hotel-goldried-tirol.com/en/hotel/seminars-east-tyrol.html">Seminars</a></li><li class="c-sitenav__item"> <a class="e-link e-link--sitenav" href="https://www.hotel-goldried-tirol.com/en/hotel/gallery-east-tyrol.html">Gallery</a></li><li class="c-sitenav__item"> <a class="e-link e-link--sitenav" href="https://www.hotel-goldried-tirol.com/en/hotel/philosophy-values.html">Philosophy & values</a></li></ul> </div></div> </main><aside><var id="228"></var><div class="c-toolnav"><div class="c-toolnav__items"><div class="c-toolnav__item"><a class="c-toolnavLink is-active" href="/websLINE-ABM/homepage/booking/index/en" target="_self" rel=""><div class="c-toolnavLink__icon"><div class="e-svg e-svg--fillColor e-svg--24to48 e-svg--center"><svg id="b01cd815-1f4f-49cd-8b4e-3d3dfa9dc3c5" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="b8857017-747e-46a5-a02c-32b802878d00" data-name="calendar 99"><path id="b7b4e470-bfea-4988-802f-05a790396874" data-name="Pfad 15598" d="M26.74,18.05H25.38a.46.46,0,0,1-.43-.48.46.46,0,0,1,.43-.44h1.36a.47.47,0,0,1,.44.48.46.46,0,0,1-.44.44Z" stroke="#000" stroke-width="0.2"/><path id="f84046c7-139a-4ca1-b9de-caa5f31cf242" data-name="Pfad 15599" d="M39.1,40H8.9A.92.92,0,0,1,8,39.1V17.59a.47.47,0,0,1,.46-.46h9.21a.47.47,0,0,1,.44.48.46.46,0,0,1-.44.44H8.9V39.1H39.1v-21H30a.46.46,0,0,1,0-.92h9.61a.47.47,0,0,1,.46.46h0V39.1a.92.92,0,0,1-.92.92Z" stroke="#000" stroke-width="0.2"/><path id="b4d583a1-0cae-43b2-9f61-cf724385e833" data-name="Pfad 15600" d="M22.18,18.05H20.86a.46.46,0,0,1-.44-.48.47.47,0,0,1,.44-.44h1.32a.47.47,0,0,1,.44.48.46.46,0,0,1-.44.44Z" stroke="#000" stroke-width="0.2"/><path id="f17cbe46-a276-40d2-8fc5-a50ddc9131db" data-name="Pfad 15601" d="M26.74,18.05H25.38a.46.46,0,0,1-.43-.48.46.46,0,0,1,.43-.44h1.36a.47.47,0,0,1,.44.48.46.46,0,0,1-.44.44Z" stroke="#000" stroke-width="0.2"/><path id="e42e0ac8-02b1-491c-937f-cf7b01f1d2aa" data-name="Pfad 15602" d="M17.65,18.05H8.44A.47.47,0,0,1,8,17.59V11.64a.92.92,0,0,1,.92-.91h4.8a.47.47,0,0,1,.44.48.46.46,0,0,1-.44.43H8.9v5.5h8.75a.47.47,0,0,1,.44.48.45.45,0,0,1-.44.43Z" stroke="#000" stroke-width="0.2"/><path id="eb8ed391-e774-404e-8b5b-493528ef7ec1" data-name="Pfad 15603" d="M22.18,18.05H20.86a.46.46,0,0,1-.44-.48.47.47,0,0,1,.44-.44h1.32a.47.47,0,0,1,.44.48.46.46,0,0,1-.44.44Z" stroke="#000" stroke-width="0.2"/><path id="b4d3cc82-4016-475b-a4d6-b5db7601b761" data-name="Pfad 15604" d="M39.55,18.05H30a.46.46,0,0,1-.05-.92h9.2V11.64H34.29a.45.45,0,0,1-.48-.43.46.46,0,0,1,.43-.48h4.85a.91.91,0,0,1,.91.91h0v5.95A.46.46,0,0,1,39.55,18.05Z" stroke="#000" stroke-width="0.2"/><path id="f09ab08c-3b08-4146-9844-578202be7ef7" data-name="Pfad 15605" d="M31.32,11.64H16.68a.45.45,0,0,1-.48-.43.46.46,0,0,1,.43-.48H31.32a.47.47,0,0,1,.44.48A.46.46,0,0,1,31.32,11.64Z" stroke="#000" stroke-width="0.2"/><path id="a7ec23d6-9d1e-4a9d-b928-99944d53f8eb" data-name="Pfad 15606" d="M34,14.39H31.65a.79.79,0,0,1-.79-.79h0V8.77A.79.79,0,0,1,31.65,8H34a.79.79,0,0,1,.79.79V13.6a.79.79,0,0,1-.79.79Zm-2.18-.92h2.06V8.9H31.78Z" stroke="#000" stroke-width="0.2"/><path id="bbff3983-41d6-480f-b82d-cda0aa3ba030" data-name="Pfad 15607" d="M16.35,14.39H14a.79.79,0,0,1-.79-.79h0V8.77A.79.79,0,0,1,14,8h2.31a.8.8,0,0,1,.79.79V13.6a.8.8,0,0,1-.79.79Zm-2.19-.92h2.06V8.9H14.16Z" stroke="#000" stroke-width="0.2"/><path id="b583a530-5ed2-471c-8aff-6466e9cfa76b" data-name="Pfad 15608" d="M35.28,24.61H32.85a.77.77,0,0,1-.77-.77V21.41a.78.78,0,0,1,.77-.77h2.43a.78.78,0,0,1,.77.77v2.43A.77.77,0,0,1,35.28,24.61ZM33,23.69h2.13V21.56H33Z" stroke="#000" stroke-width="0.2"/><path id="adce8f75-8890-4a9e-9c16-f64d4c936672" data-name="Pfad 15609" d="M28.57,24.61H26.14a.77.77,0,0,1-.77-.77V21.41a.78.78,0,0,1,.77-.77h2.43a.78.78,0,0,1,.77.77v2.43a.77.77,0,0,1-.77.77Zm-2.28-.92h2.13V21.56H26.29Z" stroke="#000" stroke-width="0.2"/><path id="bf9dc906-1f30-4aa8-a0c8-29ac597d4ddd" data-name="Pfad 15610" d="M21.86,24.61H19.43a.76.76,0,0,1-.77-.77V21.41a.78.78,0,0,1,.77-.77h2.43a.79.79,0,0,1,.77.77v2.43A.78.78,0,0,1,21.86,24.61Zm-2.29-.92h2.14V21.56H19.57Z" stroke="#000" stroke-width="0.2"/><path id="f2cff0a6-c2f9-4160-a6e0-94964419ec5d" data-name="Pfad 15611" d="M35.28,30.56H32.85a.78.78,0,0,1-.77-.77V27.36a.78.78,0,0,1,.77-.77h2.43a.78.78,0,0,1,.77.77v2.43A.78.78,0,0,1,35.28,30.56ZM33,29.64h2.13V27.51H33Z" stroke="#000" stroke-width="0.2"/><path id="bd20eec3-c707-4d3f-9497-8138db1f09ed" data-name="Pfad 15612" d="M28.57,30.56H26.14a.78.78,0,0,1-.77-.77V27.36a.78.78,0,0,1,.77-.77h2.43a.78.78,0,0,1,.77.77v2.43a.78.78,0,0,1-.77.77Zm-2.28-.92h2.13V27.51H26.29Z" stroke="#000" stroke-width="0.2"/><path id="a3cf151f-1222-451b-ad5b-f8757e662554" data-name="Pfad 15613" d="M21.86,30.56H19.43a.77.77,0,0,1-.77-.77V27.36a.77.77,0,0,1,.77-.77h2.43a.78.78,0,0,1,.77.77v2.43A.78.78,0,0,1,21.86,30.56Zm-2.29-.92h2.14V27.51H19.57Z" stroke="#000" stroke-width="0.2"/><path id="ff5356b6-d615-40cd-a3c1-92db18ec4f32" data-name="Pfad 15614" d="M15.15,30.56H12.72a.77.77,0,0,1-.77-.77V27.36a.77.77,0,0,1,.77-.77h2.43a.78.78,0,0,1,.77.77v2.43A.78.78,0,0,1,15.15,30.56Zm-2.29-.92H15V27.51H12.86Z" stroke="#000" stroke-width="0.2"/><path id="b8e01276-c8c1-48a6-a207-2fd864a7e1b5" data-name="Pfad 15615" d="M28.57,36.5H26.14a.77.77,0,0,1-.77-.76V33.31a.77.77,0,0,1,.77-.77h2.43a.77.77,0,0,1,.77.77v2.43a.78.78,0,0,1-.77.77Zm-2.28-.91h2.13V33.45H26.29Z" stroke="#000" stroke-width="0.2"/><path id="ebad45a6-f9aa-44ce-93c0-b6249e17558a" data-name="Pfad 15616" d="M21.86,36.5H19.43a.76.76,0,0,1-.77-.76V33.31a.76.76,0,0,1,.77-.77h2.43a.78.78,0,0,1,.77.77v2.43A.77.77,0,0,1,21.86,36.5Zm-2.29-.91h2.14V33.45H19.57Z" stroke="#000" stroke-width="0.2"/><path id="b35feaba-08ce-4029-80d5-ed66d481a1fe" data-name="Pfad 15617" d="M15.15,36.5H12.72a.76.76,0,0,1-.77-.76V33.31a.76.76,0,0,1,.77-.77h2.43a.78.78,0,0,1,.77.77v2.43A.77.77,0,0,1,15.15,36.5Zm-2.29-.91H15V33.45H12.86Z" stroke="#000" stroke-width="0.2"/></g></svg></div></div><div class="c-toolnavLink__title">Booking</div></a></div><div class="c-toolnav__item"><a class="c-toolnavLink" href="https://www.hotel-goldried-tirol.com/en/rooms/enquiry-east-tyrol.html" target="_self" rel=""><div class="c-toolnavLink__icon"><div class="e-svg e-svg--fillColor e-svg--24to48 e-svg--center"><svg id="a087ab0e-031a-42ac-ad9a-ff413e476e3c" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path id="b039eab6-0921-4b35-bd2f-d3c1410fd403" data-name="Pfad 15632" d="M15.75,17a.8.8,0,1,0-.8.8.8.8,0,0,0,.8-.8Z"/><circle id="b77e7be6-31f0-4042-9395-3c9ce253e9d3" data-name="Ellipse 94" cx="18.14" cy="17.03" r="0.8"/><circle id="b9cdf7a3-dcfa-40e9-b23c-075e2b0e8d9d" data-name="Ellipse 95" cx="21.34" cy="17.03" r="0.8"/><path id="e020857e-a940-430e-86b8-a2ce7669f8c8" data-name="Pfad 15633" d="M43.62,30.43a.59.59,0,0,0,.59-.59V19.67a2.43,2.43,0,0,0-2.43-2.43H32.51V8.75a2.43,2.43,0,0,0-2.43-2.43H12.27a.6.6,0,0,0,0,1.19h17.8a1.25,1.25,0,0,1,1.25,1.24V25.31a1.25,1.25,0,0,1-1.25,1.25H13.9a1.13,1.13,0,0,0-.73.27L8.84,30.69v-3a1.11,1.11,0,0,0-1.1-1.1H6.22A1.25,1.25,0,0,1,5,25.31V8.75A1.25,1.25,0,0,1,6.22,7.51H9.51a.6.6,0,0,0,0-1.19H6.22A2.44,2.44,0,0,0,3.78,8.75V25.31a2.44,2.44,0,0,0,2.44,2.43H7.65v3.14a1.07,1.07,0,0,0,.65,1,1,1,0,0,0,.45.1,1.09,1.09,0,0,0,.73-.28l4.45-4h1.55v8.48a2.45,2.45,0,0,0,2.44,2.44H34.07l4.45,4a1.09,1.09,0,0,0,.72.28,1.23,1.23,0,0,0,.46-.1,1.08,1.08,0,0,0,.64-1V38.66h1.44a2.45,2.45,0,0,0,2.44-2.44V32.59a.6.6,0,0,0-1.19,0v3.63a1.25,1.25,0,0,1-1.25,1.25H40.26a1.1,1.1,0,0,0-1.1,1.1v3l-4.33-3.86a1.08,1.08,0,0,0-.73-.27H17.92a1.26,1.26,0,0,1-1.25-1.25V27.74h13.4a2.43,2.43,0,0,0,2.43-2.43V18.42h9.28A1.25,1.25,0,0,1,43,19.67V29.84A.6.6,0,0,0,43.62,30.43Z"/></svg></div></div><div class="c-toolnavLink__title">Enquiry</div></a></div><div class="c-toolnav__item"><a class="c-toolnavLink" href="https://www.hotel-goldried-tirol.com/en/rooms/vouchers-hotel-matrei.html" target="_self" rel=""><div class="c-toolnavLink__icon"><div class="e-svg e-svg--fillColor e-svg--24to48 e-svg--center"><svg id="ec5df20c-9db1-4071-bcb7-5ac906f34a54" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path id="b86118e7-30f8-402d-85ec-344252fb0ca5" data-name="Pfad 15596" d="M39.79,16.46H36.06a12.72,12.72,0,0,0-.36-3.79A4.29,4.29,0,0,0,32.9,9.5a5.8,5.8,0,0,0-2.62,0,8.9,8.9,0,0,0-5,3.25,3.55,3.55,0,0,0-1.36-.27h-.08a3.56,3.56,0,0,0-1.29.24,8.83,8.83,0,0,0-5-3.22,5.71,5.71,0,0,0-2.6,0,4.27,4.27,0,0,0-2.8,3.17,12.72,12.72,0,0,0-.37,3.79H8.08a.65.65,0,0,0-.65.64h0v5.16a.65.65,0,0,0,.65.65H9.25V36.37a2.29,2.29,0,0,0,2.28,2.29h24.8a2.3,2.3,0,0,0,2.29-2.29V22.91h1.17a.64.64,0,0,0,.64-.64h0V17.1a.64.64,0,0,0-.64-.64Zm-9.32-5.69a4.62,4.62,0,0,1,2.06,0A3.13,3.13,0,0,1,34.45,13a11.39,11.39,0,0,1,.32,3.44H27.45a2.28,2.28,0,0,0,0-.27l2.62-1.32a.64.64,0,1,0-.58-1.15l-2.25,1.13a3.59,3.59,0,0,0-.9-1.4,7.62,7.62,0,0,1,4.11-2.68ZM27.93,21.62h-8V17.75h8Zm-4-7.86a2.29,2.29,0,0,1,2.27,2.3,2.8,2.8,0,0,1,0,.4H21.58a2.29,2.29,0,0,1,2.25-2.7ZM13.38,13a3.14,3.14,0,0,1,1.93-2.28,4.73,4.73,0,0,1,2,0,7.58,7.58,0,0,1,4.07,2.64,3.54,3.54,0,0,0-.94,1.4l-2.17-1.09a.64.64,0,0,0-.58,1.15l2.52,1.27c0,.11,0,.22,0,.33H13.06A11.43,11.43,0,0,1,13.38,13ZM8.72,17.75h9.93v3.87H8.72Zm1.81,18.62V22.91H20.2V37.37H11.53a1,1,0,0,1-1-1Zm26.8,0a1,1,0,0,1-1,1H27.66V30.92a.64.64,0,1,0-1.28,0v6.45H21.49V22.91h4.88v2.18a.65.65,0,0,0,1.29,0V22.91h9.67Zm1.82-14.75H29.22V17.75h9.92Z"/></svg></div></div><div class="c-toolnavLink__title">Vouchers</div></a></div><div class="c-toolnav__item"><a class="c-toolnavLink is-highlight" href="https://www.hotel-goldried-tirol.com/en/service/last-minute-east-tyrol.html" target="_self" rel=""><div class="c-toolnavLink__icon"><div class="e-svg e-svg--fillColor e-svg--24to48 e-svg--center"> <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M36.86,18.6c-.27-.84-.96-1.42-1.83-1.54l-6.21-.9-2.78-5.63c-.39-.79-1.15-1.26-2.04-1.26s-1.65,.47-2.04,1.26l-2.78,5.63-6.22,.9c-.88,.13-1.56,.71-1.84,1.55-.27,.84-.06,1.71,.58,2.33l4.5,4.38-1.06,6.18c-.15,.87,.19,1.7,.91,2.22,.71,.52,1.61,.58,2.39,.17l5.56-2.92,5.56,2.92c.78,.41,1.67,.34,2.39-.17,.72-.52,1.05-1.35,.91-2.22l-1.06-6.18,4.5-4.38c.63-.62,.84-1.49,.57-2.33Zm-1.51,1.37l-4.75,4.63c-.16,.15-.23,.38-.2,.6l1.12,6.53c.06,.36-.09,.71-.38,.91-.29,.21-.66,.23-.97,.06l-5.86-3.08c-.19-.1-.44-.1-.63,0l-5.86,3.08c-.13,.07-.28,.11-.43,.11-.19,0-.37-.06-.53-.17-.29-.21-.44-.56-.38-.91l1.12-6.54c.04-.22-.04-.45-.19-.6l-4.75-4.63c-.25-.24-.34-.6-.24-.94,.11-.34,.39-.59,.74-.65l6.57-.95c.22-.03,.41-.17,.51-.37l2.92-5.93c.32-.64,1.34-.63,1.66,0l2.93,5.95c.1,.2,.29,.33,.51,.36l6.57,.95c.36,.06,.65,.31,.75,.65,0,.01,0,.02,.01,.03,.04,.13,0,.34-.02,.47-.03,.14-.11,.33-.21,.44Z"/><path d="M13.08,7.4c-.14,0-.28,.04-.4,.13-.3,.22-.36,.64-.15,.94l1.43,1.97c.11,.15,.26,.24,.44,.27,.17,.03,.35-.02,.5-.12,.15-.11,.24-.26,.27-.44s-.02-.36-.12-.5l-1.43-1.97c-.13-.18-.33-.28-.54-.28Z"/><path d="M6.62,27.84c-.08,.16-.1,.35-.04,.52,.05,.17,.17,.3,.33,.38,.16,.08,.35,.1,.52,.04l2.37-.77c.17-.05,.3-.17,.39-.33,.08-.16,.1-.35,.05-.52h0c-.05-.17-.17-.3-.33-.38-.1-.05-.2-.08-.31-.08-.07,0-.14,.01-.21,.03l-2.37,.77c-.17,.05-.31,.17-.39,.33Z"/><path d="M34.81,7.39c-.18,.03-.33,.12-.44,.27l-1.43,1.97c-.11,.15-.15,.32-.12,.5,.03,.18,.12,.33,.27,.44,.15,.11,.33,.15,.5,.12,.18-.03,.33-.12,.44-.27l1.43-1.97c.11-.15,.15-.32,.12-.5-.03-.18-.12-.33-.27-.44-.12-.09-.26-.13-.4-.13-.03,0-.07,0-.1,0Z"/><path d="M37.78,27.17c-.11,.36,.07,.73,.43,.85l2.37,.77c.17,.06,.36,.04,.52-.04,.16-.08,.27-.22,.32-.38,.12-.36-.07-.73-.43-.85h0l-2.37-.77c-.07-.02-.14-.03-.21-.03-.28,0-.54,.18-.63,.46Z"/><path d="M24,40.62c.37,0,.67-.3,.67-.67v-2.43c0-.37-.3-.67-.67-.67s-.67,.3-.67,.67v2.43c0,.37,.3,.67,.67,.67Z"/></svg></div></div><div class="c-toolnavLink__title">Last Minute</div></a></div><div class="c-toolnav__item"><a class="c-toolnavLink" href="https://www.hotel-goldried-tirol.com/en/rooms/packages-east-tyrol.html" target="_self" rel=""><div class="c-toolnavLink__icon"><div class="e-svg e-svg--fillColor e-svg--24to48 e-svg--center"><svg id="b9b38375-ecf8-4469-98e1-9a09fea4a47b" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="be694c3c-117b-4b66-b481-0b6d581653f3" data-name="Gruppe 5307"><path id="ff65dab0-0c7a-4b88-be49-482fe49f89b7" data-name="Pfad 15564" d="M38.36,34A.62.62,0,0,0,39,33.4V18.6a3.37,3.37,0,0,0-.81-2.12L33.6,10.93a3.8,3.8,0,0,0-.82-.73,5.44,5.44,0,0,0,0-.57V2.72a.62.62,0,0,0-.62-.62.61.61,0,0,0-.61.62v7A3.29,3.29,0,0,0,31,9.67h-8a3.22,3.22,0,0,0-1.6.45l-.06,0-6,2.93a3.18,3.18,0,0,0-1.5,1.57v0L11.39,21a.61.61,0,1,0,1.14.46L15,15.14a1.89,1.89,0,0,1,.91-1l3.18-1.55-3.17,3.84a3.27,3.27,0,0,0-.73,2.12V39.9a4.4,4.4,0,0,0,.06.73L8.91,37.81a2.85,2.85,0,0,1-1.45-3.76v0l4-10a.62.62,0,0,0-.34-.8.63.63,0,0,0-.81.34h0l-4,10a4.08,4.08,0,0,0,2.08,5.38l7.46,3.3h0a4.23,4.23,0,0,0,3.55,2H34.66A4.38,4.38,0,0,0,39,39.9V36.28a.62.62,0,0,0-.62-.62.61.61,0,0,0-.61.62V39.9A3.13,3.13,0,0,1,34.66,43H19.44a3.05,3.05,0,0,1-3-3.09V18.6a2.09,2.09,0,0,1,.45-1.34l4.57-5.54a2.11,2.11,0,0,1,1.6-.82h8l.35,0a4.66,4.66,0,0,1-2.64,3A1.93,1.93,0,1,0,29,15.13a5.9,5.9,0,0,0,3.48-3.58l.16.17,4.57,5.54a2.12,2.12,0,0,1,.53,1.34V33.4a.61.61,0,0,0,.61.62ZM27.09,15.59a.7.7,0,1,1,.7-.7h0A.7.7,0,0,1,27.09,15.59Z"/><path id="eec8a093-8439-4b55-9a13-654cd8071ebd" data-name="Pfad 15565" d="M21.06,35.25a.67.67,0,0,0,.47-.2L33,23.58a.67.67,0,1,0-.93-1l0,0L20.58,34.1a.67.67,0,0,0,0,.95A.72.72,0,0,0,21.06,35.25Z"/><path id="e3401a50-d65f-44eb-9542-ba9868d738a2" data-name="Pfad 15566" d="M23.06,28.63a2.91,2.91,0,1,0,0-5.82H23a2.91,2.91,0,0,0,0,5.82h.09ZM21.4,25.72A1.57,1.57,0,0,1,23,24.15h.09a1.57,1.57,0,1,1,0,3.14H23a1.57,1.57,0,0,1-1.57-1.57Z"/><path id="ad16a217-0226-4ef8-a92a-e1c3c3da336d" data-name="Pfad 15567" d="M30.89,35.05H31a2.92,2.92,0,0,0,0-5.83h-.09a2.92,2.92,0,0,0,0,5.83Zm0-4.48H31a1.57,1.57,0,1,1,0,3.13h-.09a1.57,1.57,0,1,1,0-3.13Z"/></g></svg></div></div><div class="c-toolnavLink__title">Offers</div></a></div></div></div></aside> <footer > <var id="221"></var><div class="c-pageFooter"><div class="c-pageFooter__container"><div class="c-pageFooter__row"><div class="c-pageFooter__info"><div class="e-headline e-headline--h5 e-headline--secondary c-pageFooter__headline">Hotel Goldried</div><div class="e-text e-text--sans e-text--big c-pageFooter__text"><p>Goldriedstraße 15</p> <p>9971 Matrei in East Tyrol | Austria</p> <p><a href="tel:004348756113" title="Call 004348756113 via 3CX" tcxhref="004348756113" target="_blank">+43 4875 61 13</a></p> <p><a href="mailto:info@goldried.at" target="_blank">info@goldried.at</a></p></div></div><div class="c-pageFooter__map"><div class="e-svg e-svg--fullWidth"><svg id="a1bad11e-b37c-4354-a4bc-33752423b4b4" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 611.59 321.5"><g id="a0d412b3-8b33-4f3c-bbf5-b3a61bf053b4" data-name="Karte"><g id="a9a019f3-535d-4887-ae97-07757db86636" data-name="Karte-2"><path id="b50183b4-20fb-4c35-ae5a-fd54d668487b" data-name="AT-1" d="M594.38,107.35l1.73,2.6L594.64,111l1,2.1-1.35,1.24,1.42,1.13-1.36,1.6,1.71,1.24,1.64-1.17,3.8,2.8-5.18,4.27,1.7,1.2-1.89,2.94,1.7,1.08-2.21,5.9-5.33.82-.59,1.13,3.26,2.4-.37,1.16,2.07,2.27L592.9,145l1.44,7.62,1.58,2.21-16.26,2.32-.9-.18-.47-3.6-3,4.43-6.16.14-2.31-6-4.91-1-1.82-2.06-2.1-.25-4.64,1.15-.55,4.64-3.42,1-1.8,2.47-2.13-1.83-.33,2.71-1.56.93,4.58,1.78.54,1.18,3.16-.28,4,2.73,3.79-1.1,1.87.62,1.53,2.11.34,3-.94,1.24,4,3.26-2.06,3.42-2.9,1.2,1.36,3-.63,2.08-5.71,3.82-.89,1.82-5.13-.23-1.08,2.26-.9-2-3.08-.13,1.2,3-.74,2.9-1.47.48,2.34,2,2,6.32L547,207.5l-2.81.1.57,4-1.81,1.4,1,2.35,2-.35.76,2.28-.7,3,4.86-.66,1,2.47-2.18.36-.12,1.59-3,1.81.82,2.34,3.73,1.84L545,232.23l-.25.92.71.8,1.46-.89,3.63,3.26-2.25.91L545.52,236l-.16,1.22-1.28.21L542.62,236l-3.11.77-1.8-1.31-.65,1.63-3.09-.34-.76-1.75-1.39,5.86h-1.65l-2.45,3-2-.39-1.4,3.7-3.65,3.63-3.25,1.43L515,255.12l-4.8.35h0l1.33-5.59,3.67-3.31.75-2.42,1.73-.3,2.17-5.94,2.79-.48-2.17-2.2-1.22-2.34.64-1.32-2.53-4,2.09-7.86-3-9.12.78-.85-.82-2.86h0l.27-.39h0L513,196.91h0v-1.18h0l-.15-2.89,2.64-.56,1.43-2.58.89.14-1,1.2.86.79L518.9,189l4.71-1h0l4.24-.53,4.49-3.25,4.6-6.93-2.3-3.48.31-2.33,1.29-3.82,3.2-2.86.14-2.4-1.67-3.16.45-1-3.92-.88-1.37-4.69,1-6.57-2.75-1,1.37-2.11,2.17.56-.52,1.85,1.42.18,4.94-6.3-3-2.69,2.93-2,1.94.2.55-2.07h0l.34-.67h0l-.48-.71,2.4-2.77,5.55-1,4.75,6.56,4.08-5-.1-1.92,5.38-2.35.67-5.47,3.77,0,3.23-2,2.54.18,1.23-3.07,3.62-2.43,2.1.76.11,2,4.14,1.1-.27,1.71.93.35,2.74-5.92-3.6-2.58.43-1,.94-.8,1.48,1.44,1.29-.57-1.39,1.52,2.43.63,2.53-3.84h0Z" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/><path id="b247c76d-d009-4893-82f9-af2677cb8911" data-name="AT-2" d="M247.46,224.88l1.37-2.36,5.13-1.06.41,3.23,4.14,1.11,2.42-.51,2,1.89,5.75,0,1.34.52,2.27,4.33,3.66-.55.93,1.76,2.67,1.22,15-3.44-.06-3.81,2.18-1.54,2.8,1,4.11-1.38,2.77,3.24,2.3-1.3,2.58.17,9.14,3.12,4.4-.45,1.14,1.9,3.54,0,.16,3.86,2.91,1.92,1.79-.27,2.25,5.42h0l2.61,3,2.56.92,1.28-1.18,5.14-.1-1.13-2,2.68-.39v-1.87l4.48-1.63.58-3.64,3.91-.42,4.6-3.94.58-2.18,2.5,1.07,3.14-2.53,2.4,5.46,1.35-1,1,1.16,8,.17,1.22,1,.07,3.87,1.35.16,2.31-2.3,2.07.61,0-1.87,1.23.33.35-1.73,2-.39.92,1.87,5.61-.28,2.21,1.77,1-2,16.93-4,.56,2.2,4.32,3.52,4.16,1.17,2.64,5.9,2.71,3.16-1.65,4,.62,4.72-2,1.22L429.93,261l4.19,2,1.23,6.31-1.75,4.67,2.24.43,1.2,2h0l-4,1.26-3,4.32L428.28,279l-1.77,1.47-.73-.61-.27,2.41L423.18,281l-1.77.93-2.55,4.35-1.33,6.35-5.35,1.32-.62-.88-1,1.83-1.1-1.45-1.11,4.27-1.27-.4-1.71,2.63-5.93,1.73.06,4L397.6,308l-3.21-5.85-2.27,1.3-3.7-1-1.24-2.77L378,301.54l-2.1-1.5-3.71,1.24-1.52-1.21-4.77,1-3.18-4.83-5.16-1.77-3.4,1.27-7.57-4.56-6.23.19-3,1.58L331.61,291l-3.24.27-4.87-2.22-3.66.44-.92-1.57-3.37.51-1.18-2.2-6,1.07-1.48-.48.16-1.21-2.82-.8-.17,1.39-2-.22-1.81,2-3.9-1.1-2.6,1.08-5.6-4.21-6.38-1.56-3,.82-9.4-1.81-6.44.42-1-2.76-5.6-2-2.49,1.41-3.12-2.54h0l.07-4.47.53-.86,1.8.33-1.09-1.39.61-2.82,7.1-2.27,2.9,1,4.41-2.9,2.49,1.36,2.78-3.38-9.43-7.6-.72-6.31-3.09-1.06-4-4.26-1.74-4,3.78-5.19-4.38-.45L251.46,228Z" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/><path id="b7e66d1c-d99d-4d9f-819a-1bcd2581c257" data-name="AT-3" d="M434.6,1.08,437,1l.3,1.88,2.68.65,2.37-.83,1.86.93-.49,1.48,1.5,2.27-.68,2.26,2.27-.08,2.74-2,2.9.79,1.36-4.92,1.45,1.74L460.71,5l4.58,3.61,2.4.74,1-.78,2.54,1.84,1.06,2.75,5,2L480,15l6.1,5,1.46-.61,3.35,1.09,2.1-2.76,4.74-.32,1,1.17-.75,1,1.79.84.78-.9.83,2.16.95-.78.57,1.13-1-.47.06,1,2-.5,1.11,2.32.73-1,1.18.53L506.45,26l3.37,3.14,7.89,3.82,14.35.6,4.29,1.18.77-1.8,1.44,2.26,1.53-.16,4.35-4.37,1.12-4,1.56-.77,3.94.89L552.72,25l4.18,3.77,5.45.11,1.33,2.6.14,3.7L567.18,34l1.74.65.82,1.94,3.35,1.2,2.61-1.31,2.63.63,1-1.38,1.76.65,2,8.9-.69,2.35,1.76.74-.36,5.37,1.3,2.94-.74,2.8-2.36,1.09.37,1.92-1.8.05.14,1.28L577.09,68l.61,5.66-.62,2.11-1.33.38.8,3.34,2.29.38,0,1.24,2.82,1.42-1,2,2.19,4.3,2.63,1L584.68,93l2.14,7.63,4.13,3.62,2.2-.25L594,107h0l-2.52,3.84-2.44-.63,1.39-1.52-1.3.57-1.47-1.44-1,.8-.42,1,3.6,2.57-2.75,5.93-.92-.35.27-1.71-4.14-1.1-.11-2.05-2.1-.76-3.62,2.43-1.23,3.08-2.54-.19-3.22,2-3.77,0-.67,5.47-5.39,2.36.1,1.92-4.08,4.95L551,127.5l-5.55,1-2.4,2.78.48.7h0l-.33.67h0l-.55,2.07-1.94-.2-3,2,3,2.68-4.94,6.3-1.42-.17.52-1.86-2.17-.56L531.33,145l2.75,1-1,6.57,1.39,4.69,3.91.88-.45,1,1.67,3.17-.15,2.4-3.2,2.85-1.27,3.83-.32,2.33,2.29,3.47-4.59,6.94-4.5,3.25-4.23.53h0l-1.89-1.49-1.82-4,0-4.8-.73.5-.16-1.57-1-.28-3.33,4.2-2.32-3-5.65-.57-2.86-1.68-2.19-4.65-3.25.53.88-6.1-1.46.19-1.45-2.08-3.27-.6-2.87,1.24-1.45-2-.45-7-1.8-.34L485,156l-1.86-2.13-1.31.25L479.93,150l-7.79.49.26-2.08-5.14-.75-1-2.43-2.11.85-.49-3.44-4.68-1.5-3.57.95-.88,3.41-5.6-.54-1.12,2.88h.53l-.81,1.9-4.62-.93-.76,1.63-3.36.77-2.17.05-2-1.56-3,1.39-1.85-.37-3.5,3.81-1.6.12-2.49-.74-1.25-3-1.75,1-1.36-1.38-4.19,2.27-2.18-2.53h0l.58-.85-2.6-4,1.56-1.15-1.79-2.3,1.29-2.49-1.28-1.14,4.27-2.62.61-1.24-1-2.13-2.51-3.81-1.93,1.09-5.82-1.93-5.71-4.64-4.29-1.31-3.55-5.52,0-4.64,1.15-.61-1-.47,2.86-2.5-2-1.29,1.51-11.3L394.62,93l4.11,1.33,6.46,7.16,2.66,1,2-2.54,1.86.6,7.21-2,1.74-4,2.13-1,4.27.2L428.8,97l1.36.34-1.66-2.89,2.62-3.82-.42-7.23-3.36-.53,1.72-7.76-3.72.11,2.18-2-.32-1.89-4.85-4.09-.93-2.91,4.37-2.87-1.7-2-4.45-.87.48-.8-3.2-2.28-2.72.27-1.11-1.27L411.28,56l-3.54-4h0l.75.36L410,50.13l-.69-5.84L410.49,40l6.37-5.53.1-5.36,5.57-.17.58,1.21,5.3,1.42,1.89-1.63-2.09-2.18,1.2-5.45,1.27-.74-1-3.67,1-.18.61-3.33L430.2,5.16l1.51-1.39L431.56,1Zm103,85.86-1.2.71h0L533,89.15,530.4,92.6l-1.39.08h0l-1.94-2.16h0l-.65-.36L525.71,94l-1.07.66,1.22.2.3,2.44-1.49,3.58,1.23,1.85,1.54.14-.7.69.92,1.51,1.26-.07-1.22,1.38,3.84-1.11,3.28,1.63,1.24-2.06,8.45,2.06-.25-2,6.34-2.56,4.38,2.58h0l.66-.69h0l-.28-2-1.74-.23L553.4,100l-1-.38.81-9.43-1.93-.17-1.1-1.19.38-1.51-1.3-.68-1.17-.08-.44,2-2.54-1.92L545,85.26h0l-.13-.45h0l-1.13-1.52h0l-1.86.27h0l-.05.19h0l-.6-.21h0l-1.58.54h0l.42,1.38h0l-.23,1.73-1.72.5Z" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/><path id="b4d0f266-32a2-431a-8ae8-62c749c4f9d2" data-name="AT-4" d="M341.57,30.14l2.06.32,6.45,6.39,3.68.6,2.43,3.76,2,.29L357.66,44h-2.2l-1.13,1.63,1.5,1.5,1.38-.23-.43,1.83,2.11.74-.14,1.37,2.32-.55-.05.89,1.58.35,1.23-1,4.7.57,4,1.85,2.34-.46,4.95,3.44,1.78-2.66,2.46.29-.15-2.49,3.38.56,2-4.29-.9-2.13,2.05-.62,2.56,3.68,3.31.25,1.29,1.25,3.92-2.89,1,2.62,1.89-.38,1.29,3.31,2.12-.41h0L411.29,56l1.8-1.57,1.12,1.28,2.72-.28,3.2,2.28-.48.8,4.46.87,1.7,2-4.37,2.87.92,2.91,4.86,4.1.31,1.88-2.18,2,3.72-.1-1.71,7.77,3.35.53.43,7.22-2.62,3.83,1.66,2.88L428.83,97l-1.73-3.24-4.27-.2-2.13,1-1.73,4-7.22,2.06-1.86-.61-2,2.54-2.66-.94-6.46-7.16L394.64,93l-2.73,2.28-1.52,11.3,2,1.28-2.88,2.5,1,.47-1.13.61,0,4.64,3.54,5.52,4.3,1.32,5.7,4.65,5.82,1.92,1.92-1.08,2.5,3.81,1,2.14-.61,1.23-4.26,2.62,1.27,1.14-1.29,2.5,1.79,2.3-1.56,1.15,2.6,4-.58.86h0l-3.54-1.9-1.5,2.73-2.21,1.23-2.6-.13L399.2,154l-4.36.62-.55,3.44-2.58.07-4,3.19L385,161.2l-.4,2-6.51,3.47L373.6,166l-2.4-3.19.55-1.24-14.25,3.85.33-5.9-3.6-3.85-7.09-.48-3.31-2.47-1.28-.09-.75,1.5-5.66-.29-3.4,3.75.09,1.23-1.73.66-1.51,4.63-.13,5.22,3.29.78,1.57,2.79-.76,1.65,1.13,2.17-3.36,5.46.46,1.22L321,182.09h0l-5.23-2.62-2.43-2.11-.86-2.54.07-3.74,2.17-1.61,1.33-4.15-.51-1.43-1.71,0L313,162.6l4.77-8.44-8.36-2.71.67-4.08,1.39-1.63,4.14,1.61,1.67-1.14-.85-1.87-3,.95-1.81-1.53-5.95,1-8.19-4.13.72-3-2-4,.82-.72-.13-6.21,2.31-1.54,3.8,2.78.91-4.31-3-1.25-2.56-2.79-1.19,1.61-10.6,3.18.23-2.73-2.25.53-3.74-2-2-4.53-5.53,2.4-3.48-1.44-3,4.6-2.75-.16h0l-1.45-3-6.57-6.37-.66-3.65.76-2.14,2.07.49,1.09-2.72,3.78-2.48,1.78-4,6.85-.92,5-5.63,12.62-4.37,5.74.26,6.18-3.89,6-5.73,2.21-6.6-1-3.09L311,60.7l-1.46-5.48.92-.7,2,.94,2.37-2.27L315,51.5l5.09,3.5,2.57-.77,3.74,2.16.91,1.67,5.15,2.32,1.3-2.09-.22-2.52,1-1.28.87,1.19,2.49-2.38,0-2.54,1.81-2.15-.84-9.12,2-.83-2-.37-1.37-1.63Z" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/><path id="bf23f883-1f17-488e-b14a-f90a2354c81a" data-name="AT-6" d="M411.48,150.22l2.18,2.53,4.19-2.28,1.36,1.38,1.75-1,1.25,3,2.49.73,1.6-.11,3.5-3.82,1.86.36,3-1.38,2,1.56,2.17-.05,3.37-.77.75-1.63,4.63.93.82-1.92h-.53l1.12-2.88,5.6.54.87-3.42,3.59-.95,4.68,1.5.49,3.45,2.11-.85,1,2.43,5.14.74-.24,2.08,7.77-.49,1.94,4.14,1.33-.24,1.85,2.13,1.5-1.57,1.8.33.45,7,1.46,2,2.86-1.24,3.27.6,1.45,2.08,1.46-.18-.89,6.1,3.25-.53,2.19,4.64,2.86,1.69,5.66.57,2.31,3,3.33-4.2,1,.28.17,1.58.72-.5,0,4.8,1.83,4,1.88,1.49h0l-4.71,1-1.25,2.87-.87-.78,1-1.2-.89-.15-1.42,2.58-2.64.56.14,2.9h0v1.17h0l3.69,9.59h0l-.27.39h0l.82,2.86-.77.85,3,9.12-2.09,7.86,2.53,4-.63,1.32,1.21,2.34,2.17,2.2-2.79.47-2.17,6-1.72.3-.76,2.42-3.67,3.31-1.31,5.59h0l-.94.93,1,2-1,7.91,1.3,2.48,2.19.76.26,6.4-3.26-3.07-3.85-1.06-5.24-3.3-2.79-.24-6.53,2.68-7.93-.88-.35,1.64L481,273.08l-1.26-.4-.33,1.16-1-.68,1.16-.93-.85-.25-3.95,2.31.3,3.47-3.69,2.82-3-.11-.65-2.73-3.26-1.82-9.54.35-4.58,1.46-6.95-2.33-1.24,1-1.9-1L438.24,277l-1.19-.64h0l-1.21-2-2.23-.44,1.75-4.67-1.24-6.31-4.18-2,1.05-4.22,2-1.22-.62-4.72,1.65-4-2.71-3.16-2.64-5.91-4.16-1.17-4.32-3.52-.56-2.2-16.94,4-1,2-2.21-1.76-5.61.27-.92-1.86-2,.38-.36,1.74-1.22-.34,0,1.88-2.08-.62-2.31,2.31-1.36-.17-.07-3.86-1.21-1-8-.17-1-1.17-1.36,1-2.4-5.45-3.14,2.53-2.5-1.07-.57,2.18-4.6,3.93-3.91.42-.58,3.64-4.48,1.63v1.88l-2.68.39,1.13,2-5.15.1-1.27,1.19-2.56-.92-2.62-3h0L339,242l2.39-4.14,1.59-.83,0-3,3.28-5-2.37-3.5.2-1.36,4.64-3.16,1.56,1.39,2.18-.2.59-1.73-7.54-4.9.43-1.26-4.05-4.1,1.25-1.23-.33-1.43-3-1.59-.16-3.15-.93-.29-3.61,3.24-3.34-1.05-.89,2.11-2.81-1.72L322.7,204l-1-3.72.73-1.39-3.17-10.73,2.19-4.5-.47-1.52h0l10.79,1.27-.46-1.22,3.35-5.46-1.13-2.17.76-1.65-1.57-2.78-3.29-.79.13-5.22,1.51-4.63,1.73-.66-.09-1.23,3.4-3.75,5.66.29.75-1.49,1.28.09,3.31,2.46,7.1.48,3.59,3.86-.32,5.9,14.25-3.86-.55,1.25,2.4,3.19,4.45.66,6.5-3.47.4-1.95,2.76.12,4-3.19,2.58-.06.55-3.45,4.35-.62,2.44-1.86,2.6.14,2.21-1.24,1.5-2.73Z" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/><path id="b4ddcd1d-6f82-45c1-9a75-0ff0bfac5aa1" data-name="AT-5" d="M264.14,121.1l2.75.16,3-4.6,3.48,1.44,5.53-2.4,2,4.52,3.73,2,2.25-.53-.23,2.73,10.61-3.18,1.18-1.61,2.56,2.78,3,1.26-.91,4.31-3.8-2.78-2.3,1.53.12,6.21-.82.73,2,4-.71,3,8.18,4.13,6-1,1.82,1.53,3-1,.86,1.86-1.67,1.15-4.14-1.61-1.4,1.63-.67,4.07,8.37,2.71L313,162.6l.8,1.34,1.72,0,.51,1.43-1.34,4.15-2.16,1.61-.07,3.74.86,2.53,2.42,2.11,5.24,2.62h0l.47,1.52-2.19,4.5,3.17,10.73-.74,1.4,1,3.71,5.37,1.11,2.81,1.72.89-2.11,3.34,1.05,3.61-3.24.93.3.16,3.15,3,1.59.34,1.42-1.26,1.24,4.05,4.09-.43,1.27,7.54,4.9-.59,1.72-2.18.2L348.7,221l-4.64,3.16-.2,1.36,2.37,3.5L343,234l0,3-1.59.84L339,242l-2.47.95h0l-2.25-5.42-1.79.27-2.91-1.92-.16-3.86-3.54,0-1.14-1.9-4.4.45-9.14-3.12-2.58-.17-2.3,1.3-2.77-3.24-4.12,1.38-2.8-1-2.18,1.54.06,3.81-14.94,3.45-2.67-1.22-.93-1.76-3.66.55L270,227.74l-1.34-.52-5.75,0-2-1.89-2.42.51-4.14-1.11-.41-3.23-5.13,1.06-1.37,2.36h0l-1.77-2-4.17-1.64-1.64.63-4.5-3.26-6.07,1.65L228,219.09l-2.63,1.35-.89,3.55-2.9.48-.7,1.43-1.48-.18-2.21,2.54-1.92.41h0l-1-1.63-3.11-1.16-3.88,1.39h0L203,214.18l2.19-5.67-2.61-3.37,2.65-3.5,2.77,1.51,1.88-1.53,3,.29,1.24-1.22,1.11,1.29,1.3-.79.9.66,2.42-3.43L226,200.8l2.8-.24,2.61-1.7,2.11.49,2.18-2.34L234.19,194l2.1-2.64,4.43-.75,1.2.89,3.57-2.86,1.18-2.5-.33-3.22,2.44.17,2.67-1.47-5.33-8,2.77-3.44-1.21-1.32-5.92-1.64v-3.52h0l2.38-4.69,3.47.28,2.45-1.45,4,.26,2.15,1.91,1.9-1.09-1.86,2.59,5.13,4.49-2.09.81-1.34,2.78,1.26,3,4,1,.45,1.89,2.29,1,2.07,2.85,4.62,2.63.46-1.24,1.58.72.7,1.78,3.47-3.35,0-3.51-1.2-1.42,2.05-3.12-1.21-1.64,2.23-1.32-.69-1.66,2.83-3.82-1.7-4.07.28-2-5-4.24L273,154.87l-3.48-.35L267.89,153l2.72-4.73-1.16-.93,5.93-9-5.13-10.92-1.25.43-.65-2-3.08-.78Z" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/><path id="ffcc4d52-788d-44ca-8109-e7cc850d01ec" data-name="AT-7" d="M215.23,228.66l1.91-.41,2.22-2.53,1.47.18.7-1.43,2.9-.48.9-3.55,2.63-1.35,1.36,1.15,6.07-1.66,4.5,3.27,1.63-.63,4.17,1.64,1.78,2h0l4,3.07,1.32,3.45,4.38.43L253.37,237l1.75,4,4,4.26,3.09,1.05.72,6.31,9.42,7.6-2.78,3.37-2.49-1.35-4.4,2.9-2.9-1-7.1,2.27-.61,2.81,1.07,1.4-1.8-.33-.53.85-.06,4.48h0l-3.9.45-1.28-1.05-4.72,1.17-3.5-3-2.86.15-5.31-2.64-2.75-2.18-2-6.4-5.58-1,.08-3.55,1.74-2.83-2.39-4.9-2.71-.67-2.1,1.64-2.21-3.54-3.47-.67,2-2.93-2.47-2.38-1.26-5.83,2-1.88,4.5-.43.87-3.36Zm.76-74.14-.46,2,1.46,1.86,6-2.17,2.48,1.47,5.67-1.27-.07,2.27,4.67,5.84,3.11-1.28,2.93.42h0v3.52l5.93,1.64,1.2,1.33-2.75,3.43,5.32,8L248.78,183l-2.45-.17.34,3.21-1.19,2.5-3.56,2.86-1.2-.88-4.44.74-2.09,2.64,1.47,3.06-2.17,2.35-2.11-.5-2.61,1.7-2.8.25-6.13-2.38-2.42,3.43-.91-.66-1.3.79-1.11-1.3-1.24,1.22-3-.28L208,203.15l-2.77-1.51-2.65,3.49,2.61,3.38L203,214.17l4.24,13.1h0l-3.17.21-1.71,2.19-2.8-.3-1.4,1.65-3.5-.26-2.23,1.76-2.41.11-6.2,4.76-4.21.17-2.77,2.55-1.58-.45-1.33-2.17-3.66-.1-3.5-2.32-6.42,3.42-4.48-3.24-3.06,4.17L150,240.63l-3.66-3-1.63.73-1.3-.89-8.83,3.41-1.4-.94-1.91.57-.21,3-1.82,1.36-2-.28-1.38,2,.22,2.75-2.19,4,1,3.72-3.49,1.83-1.45,4.37-8-.86-2.54,1.34-3.8-2.23-1.8.76-2.13-2.32-2.49,1.26-2-.36,2.68-4L99,255.56l-4.86-2,0-1.54-2.09-1.16-9.32,4.35.57-1.34-4.28.29-2.21-1.13-.43-3.45,1.9-6.15-4.9-2.24v-2.07l-3-2.78-3.81,2.1-1,3.25-1.51.71.64,2.55-1.48.63-4.36-1.23-1.21,3.91.41,3.5-2.9,0-2,1.85-1.9-.05h0l-3.91-8.49,2.09-1.63,1.7-5,1.15,0,0-1.73L50,234l2.08-3.12-.36-1.32-1.35-.31-.07-2.1,1.9-3.74,2.27-.49-.29-1,2.27-2.48-1.19-5.18,1.07-3.75-1-1,1.81-2.13L55.11,207,54,205.41h0l1.69-.71,2.53.71,7.61-4,5.2-8.17,3.09-.6,0-3.41,3.07-2.54-.54-5-2-.92-.94-2.14,1.66-5.88-1.74-2.66.62-.83,3.34-.09-2,3.43L81,174.93l3.81.15,2-4.06L94,172.13l.36,1.68,5,1.21,1.48,2.32,8.56-2.64,2.35,2.76-3.5,1.3L108,181l5.2.18-.5,1.12,4.29,4.72-1.1,1.76.55,1.92,10.9.2,1-1.82,6.1-2.5,3.72.67-2.28,3.8,3.49-.23,1.66-1.22.11-2.27,3.66-2.55,6.6.53-1.09-2.68-1.86-.53,3.87-4.73,5.75,1,5.21-1.15,1.22-1.2,1.26-6.17,2.36-.2.19-1.63,2.08,1.21,9.36-.83,4.86,1.09.88-2.33,4.53-1.38,4.88.05,2.56-1.35.94,1.78,3.22-1,6,1.57,3.07-1-.24,1.54,2.21-.63-.23-3.68-2.88-7.19,4-1.39,3.27-3.6.65,1.18Z" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/><path id="ed80986a-d6ea-4fe9-b5cc-605a5f626ebd" data-name="AT-8" d="M24.4,168l1.83,1.72-.8,3.68L30,175.66l.49-2.32,3.11,2.14,3.33-.59.58-1.33-.41,2.86,2.36,2.15-.64.6,1.07,1.72,3.35-.53L45.32,184l1.6-.31,1.18,3.5-2.68,2.35,2.18,6.09,1.54-2.25,3.64.72,1.46-2.82,2.36,1.52,1.11-1,.77.66-2.94,6.3.82,2.6-2.8,1.86.42,2.12h0l1.1,1.58,2.06.51-1.82,2.13,1,1-1.07,3.75,1.19,5.17L54.14,222l.29,1-2.28.5-1.89,3.74.07,2.1,1.35.31L52,230.9,50,234l2.34,2.73,0,1.75-1.16,0-1.7,5-2.08,1.62,3.92,8.49h0l-3.15,1.1-1.39-2.27-2.52-.07-2.86-4.53-2.21-.1-1-1.56-3,.3L30.33,244l-.49-3.33,1.67-2.94-1.63-2.37.59-1.23-3.32.89-4.22-2.92-5.05-.62-3-2.17-3.68,1.28-2-1.08.14-1.87,1.72-1,0-5.12-.69-2.05L6.1,216.57l1-3.48-1.71-2.45.81-1.87-3.05-3.43L7.3,200.4,9,195.9l1.49-1.68,3.13-.71.73-2-1.63-1.69-.61-3.28,1.06-2.34-3.76-1.93-1.15.7-7.4-11,18.08,3.14,2.56-6.35Z" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/></g><g id="bad306f9-b358-47d3-bb72-c5c8ff0bade3" data-name="Gruppe 4737"><path id="bcb6d54d-a5b4-482b-bce7-6c869cccfb61" data-name="Pfad 15269" d="M164.86,107l7.9,18.12,2.83,8.8,9.54,3.43,1.64,2.53,7.46,1.34,18.63,3.28,12.67-1.64,2.24-3.28h7.9l24,.75,5.21,5.66h8.2l6.56,6.56,3.88,4.92,1.34,5.66,3.58,7.9v7l4,8.35,12.67,1.49,1.35,3.88-.9,9.09,2.09,7.15,1,7.3,13.27,10-1,3.73,2.08,6.11v6.41l-2.24,3.13-6.11,4.77-1,5.81,2.53,5.66,7.6,8.05,1.49,2.54,11.93,6.57,1.79,4.62h4.18l1.79-2.54,3.42,2.54,4.18,1.19,1.19,3.43,1,2.53-3,8.95,11.33,4.92,5.07,8.34,6.11,3,2.24,3.88L382.2,321" fill="none" stroke="#000" stroke-miterlimit="10"/><path id="e6b4689d-7e99-46f9-b653-25fd082a63ef" data-name="Pfad 15271" d="M273.08,146l2.33-4.63,5.15-1.28.67-2.07,3.63-.61,5.48.44.89-.44,6.71,1.73,3.8-2.46,3.47,2.85,3.18-.17.39-1.34v-5.37l4.59-2.51,3-4.36,6.15.33,3.41-.33,3.52.67,5.08-2,3.3-4,7.22-.56,6-3.19,5.48-4.24L369.5,98,379,93l11,3.75L394.2,98l3.86,6.43,4.19,2.74,8.61-.22,7.49-1.85,3-1.73,4.08.78,5.2.78,1.85.45,8.44-3.8,8.33-4,4.58-1.9,5-.17,2.8,2.8,3.13.67,2.63,1.28,12.63-.67,3.64-.84,9.89-.11,5.25,1.51,2.07,2.13,6.6.33,6.77-2.29,11-1.51,8-.84L541.18,99l8.44,4.58,12.74,3.58h14.53l6-3.58,8.72,2,19.89-2" fill="none" stroke="#411b47" stroke-miterlimit="10"/><path id="b9e68845-bf6c-44be-84e6-f95cdac02d83" data-name="Pfad 15272" d="M203.62,142.9v3.71l8.5,14.91v4.32l-3.58,3.88-6.26,6.68-1.05,3.53-12.37,4.25-7,6.55-7.76,3.88-3.72,4.92-7.9,2.68-4.62,2.69-9,2.38h-6.26l-8.5-2.38-8.5-4.77-7.3,2.08-4.47,2.54-7.6,2.53-1.79,3.58L94.21,212.2,86,217.42" fill="none" stroke="#000" stroke-miterlimit="10"/><path id="bf7ddac3-a47d-4bbb-a31d-da4173b4cd41" data-name="Pfad 15273" d="M159.79,280.77l6.41-5.66,3.58-6.41-1.19-6.26-7.9-5.07-3.43-5.52L151,249.17l1.64-4.32,5.66-9.69-2.53-3.88-1.64-4.62-2.39-9.24-2.68-4.17.24-6.07" fill="none" stroke="#000" stroke-miterlimit="10"/><path id="f936168c-f110-42a9-9c10-d18337189e31" data-name="Pfad 15275" d="M390.74,32.61,387.38,43.9l2.91,5.48-.45,3.8,3.47,7.38-1.9,7.26-1.06,1.9v8l-2,2.8H376.88l-.9,2.24,1.35,3.8L376,87.73V94.6" fill="none" stroke="#000" stroke-miterlimit="10"/><path id="fc76cabd-d596-4fb6-b6a0-cf4263ce82ee" data-name="Pfad 15276" d="M168.84,263.76l1.68-3.7,2.54-2.83,9.48,1,8.85,2.53L206,265l12.67,2,27.13-4.88,10.89-4.88L261,256l3.45,3.73,1.62,1.74,7.49,4.06,25.3-.74,3.13-5.67,1.19-2.38,5.07-.75,5.37-.74" fill="none" stroke="#000" stroke-miterlimit="10"/></g><circle id="e4131a84-d94b-4e42-9eb3-df12fdd3a01a" data-name="Ellipse 75" cx="274.07" cy="145.29" r="2.57" fill="#fff" stroke="#000" stroke-miterlimit="10"/><circle id="b0221eb7-751e-4d3f-960e-293f8c845b38" data-name="Ellipse 76" cx="376.26" cy="85.06" r="2.57" fill="#fff" stroke="#000" stroke-miterlimit="10"/><g id="b455d11f-9523-4f53-bf40-97d657dbbd92" data-name="Städte"><g id="b2e5b5f6-8ed3-4786-9e46-aa8b7b03109c" data-name="Salzburg"><g id="f7591098-5d3f-4bea-956d-3fd326dbbd48" data-name="Salzburg-2" style="isolation:isolate"><g style="isolation:isolate"><path d="M261.16,122.79a.58.58,0,0,1-.12.14.24.24,0,0,1-.15,0,.4.4,0,0,1-.24-.1,2.89,2.89,0,0,0-.34-.22,2.33,2.33,0,0,0-.5-.23,2.47,2.47,0,0,0-1.39,0,1.43,1.43,0,0,0-.5.29,1.15,1.15,0,0,0-.31.42,1.32,1.32,0,0,0-.1.53.92.92,0,0,0,.18.59,1.45,1.45,0,0,0,.47.41,3.36,3.36,0,0,0,.66.29l.75.26a7,7,0,0,1,.76.29,2.84,2.84,0,0,1,.66.42,2,2,0,0,1,.47.62,2.16,2.16,0,0,1,.17.9,2.89,2.89,0,0,1-.19,1.06,2.46,2.46,0,0,1-.56.86,2.71,2.71,0,0,1-.91.57,3.28,3.28,0,0,1-1.22.21,3.78,3.78,0,0,1-1.52-.3,3.39,3.39,0,0,1-1.17-.82l.33-.55a.6.6,0,0,1,.12-.11.3.3,0,0,1,.15-.05.48.48,0,0,1,.29.14l.41.3a3.61,3.61,0,0,0,.59.29,2.3,2.3,0,0,0,.84.14,2.17,2.17,0,0,0,.74-.12,1.5,1.5,0,0,0,.55-.32,1.39,1.39,0,0,0,.34-.49,1.71,1.71,0,0,0,.12-.65,1,1,0,0,0-.18-.63,1.33,1.33,0,0,0-.46-.42,3.36,3.36,0,0,0-.66-.29c-.24-.07-.5-.15-.75-.24a6.92,6.92,0,0,1-.76-.28,2.48,2.48,0,0,1-.66-.42,2,2,0,0,1-.46-.65,2.41,2.41,0,0,1,0-1.83,2.31,2.31,0,0,1,.51-.76,2.42,2.42,0,0,1,.83-.53,3.09,3.09,0,0,1,1.14-.2,3.64,3.64,0,0,1,1.31.23,3,3,0,0,1,1,.66Z"/><path d="M267.53,130.05h-.47a.63.63,0,0,1-.26-.05.27.27,0,0,1-.12-.2l-.12-.57c-.16.15-.32.27-.47.39a2.92,2.92,0,0,1-.48.29,2.86,2.86,0,0,1-1.17.23,2,2,0,0,1-.66-.1,1.41,1.41,0,0,1-.54-.29,1.47,1.47,0,0,1-.36-.51,1.74,1.74,0,0,1-.14-.72,1.34,1.34,0,0,1,.2-.69,1.76,1.76,0,0,1,.64-.59,3.9,3.9,0,0,1,1.15-.43,7.91,7.91,0,0,1,1.75-.17v-.47a1.66,1.66,0,0,0-.3-1.08,1.11,1.11,0,0,0-.9-.37,2.08,2.08,0,0,0-.66.1,2.47,2.47,0,0,0-.46.23l-.33.22a.56.56,0,0,1-.28.1.29.29,0,0,1-.19-.06.43.43,0,0,1-.13-.14l-.19-.34a3.28,3.28,0,0,1,1.08-.73,3.37,3.37,0,0,1,1.29-.24,2.38,2.38,0,0,1,.91.17,1.85,1.85,0,0,1,.66.47,2,2,0,0,1,.41.72,3.14,3.14,0,0,1,.14.94Zm-2.77-.66a2.59,2.59,0,0,0,.51,0,2.2,2.2,0,0,0,.45-.17,2.34,2.34,0,0,0,.39-.25,2.92,2.92,0,0,0,.37-.34v-1.26a6.38,6.38,0,0,0-1.25.1,3.28,3.28,0,0,0-.84.24,1.07,1.07,0,0,0-.47.36.75.75,0,0,0-.15.46.86.86,0,0,0,.08.41.78.78,0,0,0,.21.29.76.76,0,0,0,.31.16A1.23,1.23,0,0,0,264.76,129.39Z"/><path d="M270.46,121.21v8.84h-1.07v-8.84Z"/><path d="M276.7,124.42a.54.54,0,0,1,0,.22.59.59,0,0,1-.11.19l-3.28,4.38h3.31v.84H272v-.45a.45.45,0,0,1,0-.18.56.56,0,0,1,.11-.2l3.3-4.41h-3.27V124h4.51Z"/><path d="M278.16,130.05v-8.84h1.08v3.63a3.19,3.19,0,0,1,.86-.7,2.29,2.29,0,0,1,1.12-.27,2.32,2.32,0,0,1,1,.2,1.94,1.94,0,0,1,.72.59,2.73,2.73,0,0,1,.46,1,4.9,4.9,0,0,1,.17,1.34,4.2,4.2,0,0,1-.18,1.25,3.06,3.06,0,0,1-.52,1,2.38,2.38,0,0,1-1.93.91,2.05,2.05,0,0,1-1-.23,2.26,2.26,0,0,1-.72-.63l-.05.55a.26.26,0,0,1-.28.23Zm2.71-5.33a1.72,1.72,0,0,0-.91.24,2.87,2.87,0,0,0-.72.68v2.94a1.64,1.64,0,0,0,.63.56,1.86,1.86,0,0,0,.79.16,1.55,1.55,0,0,0,1.31-.6,2.87,2.87,0,0,0,.45-1.73,4.29,4.29,0,0,0-.1-1,1.88,1.88,0,0,0-.31-.7,1.15,1.15,0,0,0-.48-.4A1.69,1.69,0,0,0,280.87,124.72Z"/><path d="M285.88,124v3.87a1.57,1.57,0,0,0,.32,1.07,1.16,1.16,0,0,0,1,.38,1.82,1.82,0,0,0,.88-.22,2.92,2.92,0,0,0,.76-.62V124h1.07v6.08h-.64a.28.28,0,0,1-.29-.22l-.08-.66a3.36,3.36,0,0,1-.89.71,2.41,2.41,0,0,1-1.13.26A2.14,2.14,0,0,1,286,130a1.69,1.69,0,0,1-.64-.47,1.93,1.93,0,0,1-.39-.72,3.16,3.16,0,0,1-.13-.95V124Z"/><path d="M291.75,130.05V124h.61a.33.33,0,0,1,.24.07.45.45,0,0,1,.09.22l.07.95a2.91,2.91,0,0,1,.77-1,1.71,1.71,0,0,1,1.08-.36,1.53,1.53,0,0,1,.45.06,1.45,1.45,0,0,1,.38.16l-.14.8a.17.17,0,0,1-.18.14.81.81,0,0,1-.26,0,1.59,1.59,0,0,0-.49-.06,1.36,1.36,0,0,0-.93.33,2.35,2.35,0,0,0-.63.94v3.87Z"/><path d="M298.75,123.87a3.5,3.5,0,0,1,.74.08,2.53,2.53,0,0,1,.63.26h1.65v.39c0,.14-.09.22-.26.26l-.69.09a1.81,1.81,0,0,1,.21.87,1.92,1.92,0,0,1-.17.81,2,2,0,0,1-.48.62,2.28,2.28,0,0,1-.72.4,2.9,2.9,0,0,1-.91.14,3,3,0,0,1-.81-.11,1.27,1.27,0,0,0-.29.27.56.56,0,0,0-.1.28.38.38,0,0,0,.18.34,1.24,1.24,0,0,0,.46.16,4.19,4.19,0,0,0,.65.05h.75a3.74,3.74,0,0,1,.75.07,1.92,1.92,0,0,1,.65.22,1.18,1.18,0,0,1,.64,1.11,1.6,1.6,0,0,1-.2.76,1.94,1.94,0,0,1-.56.66,2.58,2.58,0,0,1-.89.46,3.69,3.69,0,0,1-1.2.18,4.44,4.44,0,0,1-1.16-.14,2.44,2.44,0,0,1-.83-.35,1.61,1.61,0,0,1-.5-.51,1.24,1.24,0,0,1-.16-.61,1.11,1.11,0,0,1,.28-.77,1.91,1.91,0,0,1,.78-.5,1.19,1.19,0,0,1-.41-.32.87.87,0,0,1-.15-.54.91.91,0,0,1,.05-.27,1,1,0,0,1,.15-.28,1.16,1.16,0,0,1,.24-.26,1.27,1.27,0,0,1,.33-.22,1.88,1.88,0,0,1-.7-.67,1.84,1.84,0,0,1-.26-1,1.77,1.77,0,0,1,.18-.8,1.7,1.7,0,0,1,.47-.62,2.45,2.45,0,0,1,.73-.4A3,3,0,0,1,298.75,123.87Zm1.89,6.49a.58.58,0,0,0-.12-.38,1.05,1.05,0,0,0-.34-.22,3.1,3.1,0,0,0-.5-.11,5.74,5.74,0,0,0-.6,0h-.63a2.11,2.11,0,0,1-.62-.09,1.66,1.66,0,0,0-.55.4.78.78,0,0,0-.22.56.73.73,0,0,0,.11.38.87.87,0,0,0,.32.31,2,2,0,0,0,.54.2,3.5,3.5,0,0,0,.77.08,3.67,3.67,0,0,0,.78-.08,2.19,2.19,0,0,0,.58-.23,1.2,1.2,0,0,0,.36-.35A.83.83,0,0,0,300.64,130.36Zm-1.89-3.28a1.66,1.66,0,0,0,.57-.09,1.23,1.23,0,0,0,.42-.25,1.14,1.14,0,0,0,.25-.39,1.35,1.35,0,0,0,.08-.5,1.21,1.21,0,0,0-.33-.89,1.42,1.42,0,0,0-1-.33,1.38,1.38,0,0,0-1,.33,1.18,1.18,0,0,0-.34.89,1.35,1.35,0,0,0,.09.5,1,1,0,0,0,.25.39,1.29,1.29,0,0,0,.41.25A1.7,1.7,0,0,0,298.75,127.08Z"/></g></g></g><g id="eead25ed-8776-4d91-8d2c-cc5b5c7548c1" data-name="München"><g id="f2443dd5-9d34-4105-a8e4-c109afc138bd" data-name="München-2" style="isolation:isolate"><g style="isolation:isolate"><path d="M148.35,93.55l.12.32a3.05,3.05,0,0,1,.13-.32,2.89,2.89,0,0,1,.15-.31L151.66,88a.31.31,0,0,1,.16-.16.7.7,0,0,1,.24,0h.86v8.6h-1V89.77c0-.1,0-.2,0-.3L149,94.85a.46.46,0,0,1-.42.27h-.16a.46.46,0,0,1-.42-.27l-3-5.4a1.71,1.71,0,0,1,0,.31,2.72,2.72,0,0,1,0,.28v6.32h-1v-8.6h.86a.78.78,0,0,1,.24,0,.35.35,0,0,1,.16.16l3,5.3A1.4,1.4,0,0,1,148.35,93.55Z"/><path d="M155.89,90.28v3.87a1.63,1.63,0,0,0,.31,1.07,1.21,1.21,0,0,0,1,.38,1.83,1.83,0,0,0,.89-.22,2.92,2.92,0,0,0,.76-.62V90.28h1.07v6.08h-.64a.28.28,0,0,1-.29-.23l-.08-.65a3.28,3.28,0,0,1-.89.7,2.3,2.3,0,0,1-1.13.27,2.23,2.23,0,0,1-.88-.16,1.87,1.87,0,0,1-.64-.47,1.91,1.91,0,0,1-.38-.72,3.16,3.16,0,0,1-.13-.95V90.28Zm1.1-1.66a.75.75,0,0,1-.05.26.8.8,0,0,1-.15.21.74.74,0,0,1-.22.14.59.59,0,0,1-.52,0,.6.6,0,0,1-.21-.14.8.8,0,0,1-.15-.21.7.7,0,0,1,0-.52.71.71,0,0,1,.15-.22.8.8,0,0,1,.21-.15.7.7,0,0,1,.52,0,1.07,1.07,0,0,1,.22.15.71.71,0,0,1,.15.22A.75.75,0,0,1,157,88.62Zm2.15,0a.58.58,0,0,1,0,.26.62.62,0,0,1-.15.21.6.6,0,0,1-.21.14.58.58,0,0,1-.26.06.78.78,0,0,1-.48-.2.6.6,0,0,1-.14-.21.59.59,0,0,1,0-.52.55.55,0,0,1,.14-.22.71.71,0,0,1,.22-.15.55.55,0,0,1,.26,0,.58.58,0,0,1,.26,0,.8.8,0,0,1,.21.15.65.65,0,0,1,.2.48Z"/><path d="M161.75,96.36V90.28h.64a.27.27,0,0,1,.29.22l.08.66a3.52,3.52,0,0,1,.89-.71,2.28,2.28,0,0,1,1.13-.27,2.23,2.23,0,0,1,.88.17,1.71,1.71,0,0,1,.63.46,2.22,2.22,0,0,1,.39.73,3.14,3.14,0,0,1,.13.94v3.88h-1.07V92.48a1.66,1.66,0,0,0-.31-1.07,1.19,1.19,0,0,0-1-.38,1.84,1.84,0,0,0-.89.23,2.92,2.92,0,0,0-.76.62v4.48Z"/><path d="M172.69,91.36a.45.45,0,0,1-.09.1.29.29,0,0,1-.14,0,.35.35,0,0,1-.2-.07l-.26-.16a1.66,1.66,0,0,0-.4-.17A1.82,1.82,0,0,0,171,91a2,2,0,0,0-.79.15,1.51,1.51,0,0,0-.57.46,2,2,0,0,0-.35.73,3.48,3.48,0,0,0-.12,1,3.23,3.23,0,0,0,.13,1,2,2,0,0,0,.35.72,1.44,1.44,0,0,0,.56.45,1.73,1.73,0,0,0,.73.15,1.89,1.89,0,0,0,.64-.09,1.64,1.64,0,0,0,.42-.21,1.84,1.84,0,0,0,.28-.21.33.33,0,0,1,.22-.09.23.23,0,0,1,.2.1l.3.39a2.21,2.21,0,0,1-1,.71,3.51,3.51,0,0,1-1.25.23,2.64,2.64,0,0,1-1.06-.21,2.34,2.34,0,0,1-.85-.61,2.94,2.94,0,0,1-.57-1,3.91,3.91,0,0,1-.21-1.33,4.15,4.15,0,0,1,.19-1.25,2.75,2.75,0,0,1,.56-1,2.56,2.56,0,0,1,.89-.66,3.17,3.17,0,0,1,1.23-.23,2.8,2.8,0,0,1,1.12.21A2.71,2.71,0,0,1,173,91Z"/><path d="M174.27,96.36V87.52h1.07v3.57a3.59,3.59,0,0,1,.86-.66,2.28,2.28,0,0,1,1.09-.25,2.16,2.16,0,0,1,.88.17,1.67,1.67,0,0,1,.64.46,2.22,2.22,0,0,1,.39.73,3.5,3.5,0,0,1,.13.94v3.88h-1.07V92.48a1.66,1.66,0,0,0-.31-1.07,1.21,1.21,0,0,0-1-.38,1.81,1.81,0,0,0-.88.23,2.76,2.76,0,0,0-.76.62v4.48Z"/><path d="M183.47,90.18a2.79,2.79,0,0,1,1,.18,2.39,2.39,0,0,1,.79.53,2.45,2.45,0,0,1,.53.85A3.48,3.48,0,0,1,186,92.9a.59.59,0,0,1-.06.33.2.2,0,0,1-.2.09h-4a3.29,3.29,0,0,0,.15,1,2,2,0,0,0,.4.71,1.7,1.7,0,0,0,.6.43,2.13,2.13,0,0,0,.78.14,2.31,2.31,0,0,0,.69-.09,4.32,4.32,0,0,0,.5-.2,3.22,3.22,0,0,0,.35-.21.51.51,0,0,1,.25-.09.26.26,0,0,1,.2.1l.3.39a2.11,2.11,0,0,1-.47.42,2.69,2.69,0,0,1-.59.29,3.55,3.55,0,0,1-.66.17,3.68,3.68,0,0,1-.66.06,3.11,3.11,0,0,1-1.16-.21,2.56,2.56,0,0,1-.92-.63,2.74,2.74,0,0,1-.6-1,4,4,0,0,1-.22-1.4,3.48,3.48,0,0,1,.2-1.18,2.7,2.7,0,0,1,.56-1,2.64,2.64,0,0,1,.89-.64A3,3,0,0,1,183.47,90.18Zm0,.79a1.69,1.69,0,0,0-1.22.44,2.13,2.13,0,0,0-.55,1.24H185a2.43,2.43,0,0,0-.1-.68,1.62,1.62,0,0,0-.3-.53,1.42,1.42,0,0,0-.49-.35A1.64,1.64,0,0,0,183.49,91Z"/><path d="M187.47,96.36V90.28h.64a.26.26,0,0,1,.28.22l.09.66a3.48,3.48,0,0,1,.88-.71,2.33,2.33,0,0,1,1.13-.27,2.16,2.16,0,0,1,.88.17,1.67,1.67,0,0,1,.64.46,2.22,2.22,0,0,1,.39.73,3.5,3.5,0,0,1,.13.94v3.88h-1.07V92.48a1.66,1.66,0,0,0-.31-1.07,1.21,1.21,0,0,0-1-.38,1.81,1.81,0,0,0-.88.23,2.76,2.76,0,0,0-.76.62v4.48Z"/></g></g></g><g id="b83a6d5a-ee7d-4661-b900-5c33e5f6fee4" data-name="Innsbruck"><g id="fa32518f-5906-416a-942f-f86f973decb5" data-name="Innsbruck-2" style="isolation:isolate"><g style="isolation:isolate"><path d="M124.15,192.69H123V184.1h1.17Z"/><path d="M126.4,192.69v-6.07H127a.27.27,0,0,1,.29.22l.08.66a3.36,3.36,0,0,1,.89-.71,2.28,2.28,0,0,1,1.13-.27,2.06,2.06,0,0,1,.88.17,1.61,1.61,0,0,1,.63.46,2.22,2.22,0,0,1,.39.73,3.14,3.14,0,0,1,.13.94v3.87h-1.07v-3.87a1.64,1.64,0,0,0-.31-1.07,1.19,1.19,0,0,0-1-.38,1.81,1.81,0,0,0-.88.23,2.92,2.92,0,0,0-.76.62v4.47Z"/><path d="M133.19,192.69v-6.07h.64a.27.27,0,0,1,.29.22l.08.66a3.52,3.52,0,0,1,.89-.71,2.28,2.28,0,0,1,1.13-.27,2.06,2.06,0,0,1,.88.17,1.61,1.61,0,0,1,.63.46,2.22,2.22,0,0,1,.39.73,3.14,3.14,0,0,1,.13.94v3.87h-1.07v-3.87a1.64,1.64,0,0,0-.31-1.07,1.19,1.19,0,0,0-1-.38,1.84,1.84,0,0,0-.89.23,2.92,2.92,0,0,0-.76.62v4.47Z"/><path d="M143.47,187.62a.25.25,0,0,1-.23.13.37.37,0,0,1-.2-.07l-.28-.14a1.76,1.76,0,0,0-.39-.15,1.73,1.73,0,0,0-.54-.07,1.53,1.53,0,0,0-.49.07,1.18,1.18,0,0,0-.37.19.79.79,0,0,0-.31.62.56.56,0,0,0,.13.39,1.3,1.3,0,0,0,.36.27,3.26,3.26,0,0,0,.5.2l.58.19a5.77,5.77,0,0,1,.58.22,2.14,2.14,0,0,1,.51.3,1.39,1.39,0,0,1,.35.44,1.32,1.32,0,0,1,.14.62,2,2,0,0,1-.15.78,1.63,1.63,0,0,1-.45.62,2.09,2.09,0,0,1-.72.41,2.93,2.93,0,0,1-1,.15,3,3,0,0,1-1.15-.21,2.83,2.83,0,0,1-.88-.53l.25-.41a.46.46,0,0,1,.12-.12.39.39,0,0,1,.17,0,.4.4,0,0,1,.23.09l.29.18a2.38,2.38,0,0,0,.42.19,2,2,0,0,0,.6.08,1.82,1.82,0,0,0,.55-.08,1,1,0,0,0,.39-.22.9.9,0,0,0,.23-.32,1,1,0,0,0,.08-.38.64.64,0,0,0-.14-.42,1.15,1.15,0,0,0-.36-.28,2.6,2.6,0,0,0-.5-.2l-.58-.19a5.89,5.89,0,0,1-.59-.21,2.23,2.23,0,0,1-.5-.31,1.47,1.47,0,0,1-.36-.46,1.51,1.51,0,0,1-.14-.67,1.59,1.59,0,0,1,.15-.67,1.5,1.5,0,0,1,.42-.56,2.13,2.13,0,0,1,.68-.39,2.81,2.81,0,0,1,.91-.14,2.85,2.85,0,0,1,1.08.19,2.54,2.54,0,0,1,.83.52Z"/><path d="M145.35,192.69v-8.83h1.07v3.63a3.39,3.39,0,0,1,.87-.7,2.29,2.29,0,0,1,1.12-.27,2.24,2.24,0,0,1,1,.2,1.89,1.89,0,0,1,.73.59,2.91,2.91,0,0,1,.46,1,4.92,4.92,0,0,1,.16,1.34,4.24,4.24,0,0,1-.18,1.25,3.15,3.15,0,0,1-.51,1,2.53,2.53,0,0,1-.83.66,2.37,2.37,0,0,1-1.1.25,2,2,0,0,1-1-.23,2.09,2.09,0,0,1-.72-.64l-.05.56a.26.26,0,0,1-.28.22Zm2.71-5.32a1.69,1.69,0,0,0-.91.24,2.73,2.73,0,0,0-.73.68v2.94a1.83,1.83,0,0,0,.64.56,1.86,1.86,0,0,0,.79.16,1.52,1.52,0,0,0,1.3-.61,2.77,2.77,0,0,0,.46-1.72,4.29,4.29,0,0,0-.1-1,2,2,0,0,0-.31-.7,1.15,1.15,0,0,0-.48-.4A1.56,1.56,0,0,0,148.06,187.37Z"/><path d="M152.14,192.69v-6.07h.61a.27.27,0,0,1,.33.29l.08,1a2.65,2.65,0,0,1,.77-1,1.72,1.72,0,0,1,1.07-.35,1.65,1.65,0,0,1,.46.06,1.58,1.58,0,0,1,.38.15l-.14.8a.18.18,0,0,1-.19.15.86.86,0,0,1-.25-.06,2,2,0,0,0-.49-.05,1.4,1.4,0,0,0-.93.32,2.5,2.5,0,0,0-.63.94v3.87Z"/><path d="M158,186.62v3.87a1.63,1.63,0,0,0,.32,1.07,1.19,1.19,0,0,0,1,.38,1.91,1.91,0,0,0,.88-.22,2.76,2.76,0,0,0,.76-.62v-4.48H162v6.07h-.63a.27.27,0,0,1-.29-.22l-.09-.65a3.23,3.23,0,0,1-.88.7,2.33,2.33,0,0,1-1.13.27,2.19,2.19,0,0,1-.88-.17,1.57,1.57,0,0,1-.64-.46,2,2,0,0,1-.39-.73,3.39,3.39,0,0,1-.13-.94v-3.87Z"/><path d="M168,187.7l-.1.1a.26.26,0,0,1-.14,0,.32.32,0,0,1-.19-.07l-.27-.17a2.42,2.42,0,0,0-.39-.16,1.91,1.91,0,0,0-.57-.08,2,2,0,0,0-.79.16,1.68,1.68,0,0,0-.57.46,2.16,2.16,0,0,0-.35.73,3.93,3.93,0,0,0-.11,1,3.6,3.6,0,0,0,.12,1,2,2,0,0,0,.36.72,1.5,1.5,0,0,0,.55.45,1.75,1.75,0,0,0,.74.15,1.93,1.93,0,0,0,.64-.09,2,2,0,0,0,.42-.21,2.33,2.33,0,0,0,.27-.21.37.37,0,0,1,.22-.09.21.21,0,0,1,.2.1l.3.39a2.21,2.21,0,0,1-1,.71,3.47,3.47,0,0,1-1.25.23,2.67,2.67,0,0,1-1.06-.21,2.34,2.34,0,0,1-.85-.61,2.94,2.94,0,0,1-.57-1,4.18,4.18,0,0,1-.2-1.33,3.86,3.86,0,0,1,.19-1.25,2.77,2.77,0,0,1,.55-1,2.61,2.61,0,0,1,.9-.65,3.09,3.09,0,0,1,1.22-.23,2.88,2.88,0,0,1,1.13.21,2.55,2.55,0,0,1,.87.58Z"/><path d="M170.72,183.86v5.2H171a.56.56,0,0,0,.2,0,.66.66,0,0,0,.17-.14l1.92-2.06a1.19,1.19,0,0,1,.18-.15.43.43,0,0,1,.24-.06h1L172.45,189a1.49,1.49,0,0,1-.17.18.86.86,0,0,1-.18.14.74.74,0,0,1,.19.16,1.2,1.2,0,0,1,.17.21l2.37,3h-1a.4.4,0,0,1-.22-.05.52.52,0,0,1-.18-.16l-2-2.49a.52.52,0,0,0-.18-.16.64.64,0,0,0-.27,0h-.3v2.9h-1.07v-8.83Z"/></g></g></g><g id="b5bf4bae-1517-4da2-95a8-cc4f967c4327" data-name="Brixen"><g id="ae7cbd30-42e3-4ef5-95c9-d80677c4c517" data-name="Brixen-2" style="isolation:isolate"><g style="isolation:isolate"><path d="M177.71,277.55V269h2.74a5.46,5.46,0,0,1,1.37.15,2.84,2.84,0,0,1,.94.45,1.7,1.7,0,0,1,.55.7,2.54,2.54,0,0,1,.17.94,1.77,1.77,0,0,1-.1.61,1.56,1.56,0,0,1-.3.55,2,2,0,0,1-.5.45,2.73,2.73,0,0,1-.71.32,2.67,2.67,0,0,1,1.42.68,1.78,1.78,0,0,1,.48,1.3,2.47,2.47,0,0,1-.2,1,2.13,2.13,0,0,1-.59.78,2.85,2.85,0,0,1-.95.5,4.17,4.17,0,0,1-1.28.18Zm1.17-4.75h1.53a3,3,0,0,0,.85-.11,1.69,1.69,0,0,0,.6-.3,1.11,1.11,0,0,0,.35-.46,1.46,1.46,0,0,0,.12-.6,1.34,1.34,0,0,0-.46-1.11,2.28,2.28,0,0,0-1.42-.35h-1.57Zm0,.83v3h1.86a3,3,0,0,0,.85-.11,1.67,1.67,0,0,0,.59-.32,1.36,1.36,0,0,0,.34-.49,1.85,1.85,0,0,0,.11-.63,1.29,1.29,0,0,0-.48-1.06,2.23,2.23,0,0,0-1.42-.38Z"/><path d="M185.43,277.55v-6.08H186a.35.35,0,0,1,.24.06.5.5,0,0,1,.09.23l.07.95a2.91,2.91,0,0,1,.77-1,1.71,1.71,0,0,1,1.08-.36,1.53,1.53,0,0,1,.45.06,1.45,1.45,0,0,1,.38.16l-.13.79a.18.18,0,0,1-.19.15,1.25,1.25,0,0,1-.26,0,1.52,1.52,0,0,0-.48-.06,1.41,1.41,0,0,0-.94.32,2.46,2.46,0,0,0-.63.95v3.87Z"/><path d="M191.81,269.56a.72.72,0,0,1-.06.29.87.87,0,0,1-.41.41.77.77,0,0,1-.3.06.72.72,0,0,1-.29-.06.81.81,0,0,1-.24-.17.78.78,0,0,1-.16-.24.72.72,0,0,1-.06-.29.8.8,0,0,1,.06-.3.78.78,0,0,1,.16-.24.81.81,0,0,1,.24-.17.72.72,0,0,1,.29-.06.77.77,0,0,1,.3.06.77.77,0,0,1,.47.71Zm-.24,1.91v6.08H190.5v-6.08Z"/><path d="M195,274.43l-2.05-3h1a.32.32,0,0,1,.19,0,.65.65,0,0,1,.11.12l1.49,2.28a1.42,1.42,0,0,1,.15-.34l1.31-1.92a.77.77,0,0,1,.12-.13.25.25,0,0,1,.15,0h1l-2,2.9,2.13,3.18h-1a.33.33,0,0,1-.21-.07.61.61,0,0,1-.12-.16l-1.53-2.38a1.25,1.25,0,0,1-.12.31l-1.42,2.07a1,1,0,0,1-.13.16.29.29,0,0,1-.19.07h-.95Z"/><path d="M201.79,271.37a2.79,2.79,0,0,1,1,.18,2.43,2.43,0,0,1,.8.53,2.59,2.59,0,0,1,.52.85,3.25,3.25,0,0,1,.19,1.16.83.83,0,0,1-.05.34.26.26,0,0,1-.21.08h-4a3.63,3.63,0,0,0,.15,1,2,2,0,0,0,.4.71,1.7,1.7,0,0,0,.6.43,2.13,2.13,0,0,0,.78.14,2.31,2.31,0,0,0,.69-.09,4.32,4.32,0,0,0,.5-.2l.35-.2a.45.45,0,0,1,.25-.1.25.25,0,0,1,.2.1l.3.39a2.11,2.11,0,0,1-.47.42,2.69,2.69,0,0,1-.59.29,3,3,0,0,1-.65.17,3.88,3.88,0,0,1-.67.06,3.11,3.11,0,0,1-1.16-.21,2.44,2.44,0,0,1-.92-.63,2.74,2.74,0,0,1-.6-1,4,4,0,0,1-.22-1.4,3.48,3.48,0,0,1,.2-1.18,2.7,2.7,0,0,1,.56-1,2.64,2.64,0,0,1,.89-.64A3,3,0,0,1,201.79,271.37Zm0,.79a1.65,1.65,0,0,0-1.21.44,2.17,2.17,0,0,0-.56,1.24h3.31a2.15,2.15,0,0,0-.1-.68,1.62,1.62,0,0,0-.3-.53,1.33,1.33,0,0,0-.49-.35A1.64,1.64,0,0,0,201.81,272.16Z"/><path d="M205.79,277.55v-6.08h.64a.26.26,0,0,1,.28.22l.09.66a3.48,3.48,0,0,1,.88-.71,2.34,2.34,0,0,1,1.14-.27,2.14,2.14,0,0,1,.87.17,1.67,1.67,0,0,1,.64.46,2.22,2.22,0,0,1,.39.73,3.16,3.16,0,0,1,.13.95v3.87h-1.07v-3.87a1.67,1.67,0,0,0-.31-1.08,1.19,1.19,0,0,0-1-.38,1.81,1.81,0,0,0-.88.23,2.76,2.76,0,0,0-.76.62v4.48Z"/></g></g></g><g id="f5a54344-606c-44dc-9265-0c602616376b" data-name="Lienz"><g id="e08b7b4e-d899-483b-a8e0-22376cce5ae1" data-name="Lienz-2" style="isolation:isolate"><g style="isolation:isolate"><path d="M245.38,275h3.72v1h-4.88v-8.6h1.16Z"/><path d="M251.77,268a.6.6,0,0,1-.07.3.78.78,0,0,1-.16.24.76.76,0,0,1-.83.16.78.78,0,0,1-.24-.16.81.81,0,0,1-.17-.24.73.73,0,0,1-.06-.3.72.72,0,0,1,.06-.29.74.74,0,0,1,.17-.25.78.78,0,0,1,.24-.16.74.74,0,0,1,1,.41A.59.59,0,0,1,251.77,268Zm-.24,1.91V276h-1.07v-6.08Z"/><path d="M255.94,269.8a2.79,2.79,0,0,1,1,.18,2.24,2.24,0,0,1,.79.53,2.36,2.36,0,0,1,.53.85,3.42,3.42,0,0,1,.19,1.15.63.63,0,0,1-.06.34c0,.06-.1.08-.2.08h-4a3.36,3.36,0,0,0,.15,1,2.12,2.12,0,0,0,.4.71,1.56,1.56,0,0,0,.6.42,1.94,1.94,0,0,0,.78.14,2.31,2.31,0,0,0,.69-.09,3.46,3.46,0,0,0,.5-.2,3.34,3.34,0,0,0,.35-.2.51.51,0,0,1,.25-.09.23.23,0,0,1,.2.1l.3.39a2.11,2.11,0,0,1-.47.42,4.15,4.15,0,0,1-.6.29,4.42,4.42,0,0,1-.65.17,3.67,3.67,0,0,1-.66.05,3.11,3.11,0,0,1-1.16-.21,2.54,2.54,0,0,1-.92-.62,2.87,2.87,0,0,1-.6-1,4,4,0,0,1-.22-1.39,3.54,3.54,0,0,1,.19-1.19,2.72,2.72,0,0,1,.57-1,2.48,2.48,0,0,1,.89-.63A2.84,2.84,0,0,1,255.94,269.8Zm0,.78a1.65,1.65,0,0,0-1.22.45,2.13,2.13,0,0,0-.55,1.24h3.31a2.37,2.37,0,0,0-.1-.68,1.57,1.57,0,0,0-.3-.54,1.39,1.39,0,0,0-.49-.34A1.51,1.51,0,0,0,256,270.58Z"/><path d="M259.94,276v-6.08h.64a.27.27,0,0,1,.28.22l.09.66a3.44,3.44,0,0,1,.88-.7,2.3,2.3,0,0,1,1.13-.27,2.19,2.19,0,0,1,.88.16,1.69,1.69,0,0,1,.64.47,2.13,2.13,0,0,1,.39.73,3.44,3.44,0,0,1,.13.94V276h-1.07V272.1a1.63,1.63,0,0,0-.32-1.07,1.19,1.19,0,0,0-1-.38,1.68,1.68,0,0,0-.88.23,2.6,2.6,0,0,0-.76.62V276Z"/><path d="M271,270.35a.57.57,0,0,1,0,.22.72.72,0,0,1-.11.19l-3.29,4.38h3.32V276h-4.57v-.44a.68.68,0,0,1,0-.19,2,2,0,0,1,.11-.2l3.31-4.41h-3.27v-.84H271Z"/></g></g><g id="bd38138f-1764-4ae1-9e06-0ede4f43df07" data-name="Lienz-3" style="isolation:isolate"><g style="isolation:isolate"><path d="M245.38,275h3.72v1h-4.88v-8.6h1.16Z"/><path d="M251.77,268a.6.6,0,0,1-.07.3.78.78,0,0,1-.16.24.76.76,0,0,1-.83.16.78.78,0,0,1-.24-.16.81.81,0,0,1-.17-.24.73.73,0,0,1-.06-.3.72.72,0,0,1,.06-.29.74.74,0,0,1,.17-.25.78.78,0,0,1,.24-.16.74.74,0,0,1,1,.41A.59.59,0,0,1,251.77,268Zm-.24,1.91V276h-1.07v-6.08Z"/><path d="M255.94,269.8a2.79,2.79,0,0,1,1,.18,2.24,2.24,0,0,1,.79.53,2.36,2.36,0,0,1,.53.85,3.42,3.42,0,0,1,.19,1.15.63.63,0,0,1-.06.34c0,.06-.1.08-.2.08h-4a3.36,3.36,0,0,0,.15,1,2.12,2.12,0,0,0,.4.71,1.56,1.56,0,0,0,.6.42,1.94,1.94,0,0,0,.78.14,2.31,2.31,0,0,0,.69-.09,3.46,3.46,0,0,0,.5-.2,3.34,3.34,0,0,0,.35-.2.51.51,0,0,1,.25-.09.23.23,0,0,1,.2.1l.3.39a2.11,2.11,0,0,1-.47.42,4.15,4.15,0,0,1-.6.29,4.42,4.42,0,0,1-.65.17,3.67,3.67,0,0,1-.66.05,3.11,3.11,0,0,1-1.16-.21,2.54,2.54,0,0,1-.92-.62,2.87,2.87,0,0,1-.6-1,4,4,0,0,1-.22-1.39,3.54,3.54,0,0,1,.19-1.19,2.72,2.72,0,0,1,.57-1,2.48,2.48,0,0,1,.89-.63A2.84,2.84,0,0,1,255.94,269.8Zm0,.78a1.65,1.65,0,0,0-1.22.45,2.13,2.13,0,0,0-.55,1.24h3.31a2.37,2.37,0,0,0-.1-.68,1.57,1.57,0,0,0-.3-.54,1.39,1.39,0,0,0-.49-.34A1.51,1.51,0,0,0,256,270.58Z"/><path d="M259.94,276v-6.08h.64a.27.27,0,0,1,.28.22l.09.66a3.44,3.44,0,0,1,.88-.7,2.3,2.3,0,0,1,1.13-.27,2.19,2.19,0,0,1,.88.16,1.69,1.69,0,0,1,.64.47,2.13,2.13,0,0,1,.39.73,3.44,3.44,0,0,1,.13.94V276h-1.07V272.1a1.63,1.63,0,0,0-.32-1.07,1.19,1.19,0,0,0-1-.38,1.68,1.68,0,0,0-.88.23,2.6,2.6,0,0,0-.76.62V276Z"/><path d="M271,270.35a.57.57,0,0,1,0,.22.72.72,0,0,1-.11.19l-3.29,4.38h3.32V276h-4.57v-.44a.68.68,0,0,1,0-.19,2,2,0,0,1,.11-.2l3.31-4.41h-3.27v-.84H271Z"/></g></g><g id="e3ddac5a-cb96-4f56-a449-8ce78b252c51" data-name="Matrei" style="isolation:isolate"><g style="isolation:isolate"><path d="M212.6,238.17l.12.32a3.05,3.05,0,0,1,.13-.32,2.92,2.92,0,0,1,.14-.31l2.92-5.29a.33.33,0,0,1,.16-.17.7.7,0,0,1,.24,0h.86V241h-1v-6.59c0-.09,0-.19,0-.29l-2.95,5.37a.46.46,0,0,1-.42.27h-.16a.45.45,0,0,1-.42-.27l-3-5.39c0,.1,0,.21,0,.31a2.62,2.62,0,0,1,0,.27V241h-1v-8.6h.86a.78.78,0,0,1,.24,0,.38.38,0,0,1,.16.17l3,5.29A3,3,0,0,1,212.6,238.17Z"/><path d="M223.68,241h-.48a.47.47,0,0,1-.25-.05.27.27,0,0,1-.13-.2l-.12-.57a5,5,0,0,1-.46.39,3.07,3.07,0,0,1-.48.29,2.45,2.45,0,0,1-.54.18,3.06,3.06,0,0,1-.63.06,2.41,2.41,0,0,1-.67-.1,1.62,1.62,0,0,1-.53-.3,1.34,1.34,0,0,1-.37-.5,1.81,1.81,0,0,1-.13-.72,1.29,1.29,0,0,1,.2-.7,1.72,1.72,0,0,1,.63-.59,4.28,4.28,0,0,1,1.16-.43,8,8,0,0,1,1.75-.16v-.48a1.69,1.69,0,0,0-.31-1.08,1.1,1.1,0,0,0-.89-.36,1.83,1.83,0,0,0-.66.1,2.19,2.19,0,0,0-.46.22l-.34.22a.46.46,0,0,1-.28.1.33.33,0,0,1-.19-.06.44.44,0,0,1-.13-.14l-.19-.34a3.19,3.19,0,0,1,2.38-1,2.29,2.29,0,0,1,.9.16,1.8,1.8,0,0,1,.67.47,1.93,1.93,0,0,1,.41.73,3,3,0,0,1,.14.93Zm-2.78-.65a2.12,2.12,0,0,0,.52-.06,2.09,2.09,0,0,0,.44-.16,2.48,2.48,0,0,0,.4-.26,3.81,3.81,0,0,0,.37-.34v-1.25a7.5,7.5,0,0,0-1.26.09,3.11,3.11,0,0,0-.84.25,1.18,1.18,0,0,0-.47.35.77.77,0,0,0-.15.46,1.08,1.08,0,0,0,.08.42.74.74,0,0,0,.21.28.85.85,0,0,0,.31.17A1.6,1.6,0,0,0,220.9,240.32Z"/><path d="M227.26,241.07a1.51,1.51,0,0,1-1.11-.4,1.61,1.61,0,0,1-.39-1.16v-3.72H225a.23.23,0,0,1-.16-.06.25.25,0,0,1-.07-.18v-.42l1-.13.24-1.88a.22.22,0,0,1,.08-.14.25.25,0,0,1,.17-.06h.54V235h1.74v.78h-1.74v3.64a.74.74,0,0,0,.19.57.62.62,0,0,0,.48.19.85.85,0,0,0,.29,0l.21-.1.15-.1a.24.24,0,0,1,.12,0,.19.19,0,0,1,.14.1l.32.51a2,2,0,0,1-.67.41A2.22,2.22,0,0,1,227.26,241.07Z"/><path d="M230,241v-6.08h.61a.34.34,0,0,1,.24.07.33.33,0,0,1,.09.23l.08.94a2.69,2.69,0,0,1,.77-1,1.89,1.89,0,0,1,1.53-.3,1.8,1.8,0,0,1,.38.16l-.14.8a.18.18,0,0,1-.19.15,1,1,0,0,1-.26-.06,1.52,1.52,0,0,0-.48,0,1.35,1.35,0,0,0-.93.32,2.5,2.5,0,0,0-.63.94V241Z"/><path d="M237.37,234.8a2.75,2.75,0,0,1,1,.18,2.28,2.28,0,0,1,.8.53,2.34,2.34,0,0,1,.52.85,3.19,3.19,0,0,1,.19,1.15.79.79,0,0,1,0,.34c0,.06-.1.08-.21.08h-4a3.34,3.34,0,0,0,.16,1,2,2,0,0,0,.39.71,1.56,1.56,0,0,0,.6.42,2,2,0,0,0,.78.14,2.43,2.43,0,0,0,.7-.09,3.46,3.46,0,0,0,.5-.2c.14-.07.25-.14.35-.2a.45.45,0,0,1,.24-.09.21.21,0,0,1,.2.1l.31.39a2.16,2.16,0,0,1-.48.42,3.59,3.59,0,0,1-.59.29,4.77,4.77,0,0,1-.65.17,3.85,3.85,0,0,1-.67.05,3.15,3.15,0,0,1-1.16-.21,2.62,2.62,0,0,1-.92-.62,3.2,3.2,0,0,1-.6-1,4.22,4.22,0,0,1-.22-1.39,3.54,3.54,0,0,1,.2-1.19,2.86,2.86,0,0,1,.56-1,2.44,2.44,0,0,1,.9-.63A2.79,2.79,0,0,1,237.37,234.8Zm0,.78a1.62,1.62,0,0,0-1.22.45,2.07,2.07,0,0,0-.55,1.24h3.3a2.07,2.07,0,0,0-.1-.68,1.57,1.57,0,0,0-.3-.54,1.27,1.27,0,0,0-.48-.34A1.51,1.51,0,0,0,237.4,235.58Z"/><path d="M242.8,233a.73.73,0,0,1-.06.3.81.81,0,0,1-.17.24.78.78,0,0,1-.24.16.73.73,0,0,1-.3.06.72.72,0,0,1-.29-.06.74.74,0,0,1-.4-.4.73.73,0,0,1-.06-.3.82.82,0,0,1,.22-.54.78.78,0,0,1,.24-.16.72.72,0,0,1,.29-.06.73.73,0,0,1,.3.06.78.78,0,0,1,.24.16.74.74,0,0,1,.17.25A.72.72,0,0,1,242.8,233Zm-.24,1.91V241h-1.07v-6.08Z"/></g></g></g><g id="b011e0b5-7677-40f0-b970-5408d8d5c254" data-name="Klagenfurt"><g id="b75ffbd6-9cdf-4012-820d-ddba6e533cba" data-name="Klagenfurt-2" style="isolation:isolate"><g style="isolation:isolate"><path d="M348.23,265.14h.43a.92.92,0,0,0,.37-.06.62.62,0,0,0,.25-.19l2.86-3.24a.92.92,0,0,1,.26-.21.59.59,0,0,1,.31-.07h1l-3.27,3.7a1.8,1.8,0,0,1-.24.24,1,1,0,0,1-.24.15.81.81,0,0,1,.3.17,2.27,2.27,0,0,1,.26.27l3.42,4.07h-1l-.19,0-.13-.05a.41.41,0,0,1-.11-.07l-.09-.11-3-3.41-.13-.12a.43.43,0,0,0-.13-.09l-.17-.05h-.77V270h-1.16v-8.6h1.16Z"/><path d="M356.26,261.13V270h-1.07v-8.84Z"/><path d="M362.73,270h-.48a.49.49,0,0,1-.25-.05.27.27,0,0,1-.12-.2l-.12-.57a5.09,5.09,0,0,1-.47.39,2.36,2.36,0,0,1-.48.29,2.45,2.45,0,0,1-.54.18,3.06,3.06,0,0,1-.63.06,2.28,2.28,0,0,1-.66-.1,1.57,1.57,0,0,1-.54-.3,1.31,1.31,0,0,1-.36-.5,1.81,1.81,0,0,1-.14-.72,1.38,1.38,0,0,1,.2-.7,1.68,1.68,0,0,1,.64-.59,4.2,4.2,0,0,1,1.15-.43,8,8,0,0,1,1.75-.16v-.48a1.64,1.64,0,0,0-.31-1.08,1.1,1.1,0,0,0-.89-.36,1.83,1.83,0,0,0-.66.1,2.19,2.19,0,0,0-.46.22l-.34.22a.44.44,0,0,1-.28.1.28.28,0,0,1-.18-.06.29.29,0,0,1-.13-.14l-.2-.34a3.19,3.19,0,0,1,2.38-1,2.38,2.38,0,0,1,.91.16,1.85,1.85,0,0,1,.66.47,1.93,1.93,0,0,1,.41.73,3,3,0,0,1,.14.93Zm-2.77-.65a2,2,0,0,0,.51-.06,1.91,1.91,0,0,0,.44-.16,2.48,2.48,0,0,0,.4-.26,2.92,2.92,0,0,0,.37-.34v-1.25a7.58,7.58,0,0,0-1.26.09,3.11,3.11,0,0,0-.84.25,1.18,1.18,0,0,0-.47.35.83.83,0,0,0-.14.46,1.09,1.09,0,0,0,.07.42,1,1,0,0,0,.21.28.9.9,0,0,0,.32.17A1.6,1.6,0,0,0,360,269.32Z"/><path d="M366.51,263.79a3,3,0,0,1,.75.09,2.44,2.44,0,0,1,.62.25h1.65v.4c0,.13-.08.22-.25.25l-.69.1a1.8,1.8,0,0,1,.2.87,1.77,1.77,0,0,1-.17.8,1.7,1.7,0,0,1-.47.62,2,2,0,0,1-.72.4,3,3,0,0,1-.92.14,3.44,3.44,0,0,1-.8-.1,1.07,1.07,0,0,0-.29.26.48.48,0,0,0-.1.28.4.4,0,0,0,.17.34,1.29,1.29,0,0,0,.47.17,4.19,4.19,0,0,0,.65,0h.75a4.52,4.52,0,0,1,.74.06,2.44,2.44,0,0,1,.66.22,1.24,1.24,0,0,1,.46.42,1.22,1.22,0,0,1,.17.69,1.62,1.62,0,0,1-.19.77,2.29,2.29,0,0,1-.56.66,3,3,0,0,1-.9.46,4,4,0,0,1-1.19.17,4.6,4.6,0,0,1-1.17-.13,2.77,2.77,0,0,1-.83-.36,1.48,1.48,0,0,1-.49-.51,1.22,1.22,0,0,1-.17-.61,1.09,1.09,0,0,1,.29-.76,2,2,0,0,1,.78-.51,1,1,0,0,1-.41-.32.86.86,0,0,1-.15-.53,1,1,0,0,1,0-.28,1.82,1.82,0,0,1,.15-.27,2,2,0,0,1,.24-.27,2.22,2.22,0,0,1,.34-.22,1.88,1.88,0,0,1-.7-.67,1.83,1.83,0,0,1-.26-1,1.92,1.92,0,0,1,.17-.81,1.7,1.7,0,0,1,.48-.62,2.13,2.13,0,0,1,.73-.39A3,3,0,0,1,366.51,263.79Zm1.9,6.49a.49.49,0,0,0-.13-.37.7.7,0,0,0-.34-.22,2.18,2.18,0,0,0-.5-.11,3.65,3.65,0,0,0-.59,0h-.64a2.43,2.43,0,0,1-.61-.08,1.85,1.85,0,0,0-.56.39.83.83,0,0,0-.21.56.76.76,0,0,0,.1.39,1,1,0,0,0,.32.3,1.86,1.86,0,0,0,.55.21,3.49,3.49,0,0,0,.77.07,3.57,3.57,0,0,0,.77-.08,2.07,2.07,0,0,0,.58-.22,1.1,1.1,0,0,0,.36-.35A.81.81,0,0,0,368.41,270.28Zm-1.9-3.28a1.72,1.72,0,0,0,.58-.09,1.13,1.13,0,0,0,.41-.25,1,1,0,0,0,.26-.39,1.53,1.53,0,0,0,.08-.49,1.16,1.16,0,0,0-.34-.89,1.34,1.34,0,0,0-1-.33,1.37,1.37,0,0,0-1,.33,1.2,1.2,0,0,0-.34.89,1.3,1.3,0,0,0,.09.49,1,1,0,0,0,.26.39,1.13,1.13,0,0,0,.41.25A1.6,1.6,0,0,0,366.51,267Z"/><path d="M373.13,263.8a2.7,2.7,0,0,1,1,.18,2.2,2.2,0,0,1,.8.53,2.36,2.36,0,0,1,.53.85,3.42,3.42,0,0,1,.19,1.15.63.63,0,0,1-.06.34c0,.06-.1.08-.2.08h-4.05a3.34,3.34,0,0,0,.16,1,2.12,2.12,0,0,0,.4.71,1.42,1.42,0,0,0,.6.42,1.94,1.94,0,0,0,.78.14,2.36,2.36,0,0,0,.69-.09,3.46,3.46,0,0,0,.5-.2l.35-.2a.48.48,0,0,1,.24-.09.24.24,0,0,1,.21.1l.3.39a2,2,0,0,1-.48.42,3.59,3.59,0,0,1-.59.29,4.42,4.42,0,0,1-.65.17,3.67,3.67,0,0,1-.66.05,3.11,3.11,0,0,1-1.16-.21,2.54,2.54,0,0,1-.92-.62,3,3,0,0,1-.61-1,4.23,4.23,0,0,1-.21-1.39,3.54,3.54,0,0,1,.19-1.19,2.86,2.86,0,0,1,.56-1,2.61,2.61,0,0,1,.9-.63A2.84,2.84,0,0,1,373.13,263.8Zm0,.78a1.64,1.64,0,0,0-1.22.45,2.13,2.13,0,0,0-.55,1.24h3.31a2.06,2.06,0,0,0-.11-.68,1.3,1.3,0,0,0-.3-.54,1.27,1.27,0,0,0-.48-.34A1.51,1.51,0,0,0,373.15,264.58Z"/><path d="M377.13,270v-6.08h.63a.27.27,0,0,1,.29.22l.09.66a3.44,3.44,0,0,1,.88-.7,2.3,2.3,0,0,1,1.13-.27,2.19,2.19,0,0,1,.88.16,1.78,1.78,0,0,1,.64.47,2,2,0,0,1,.38.73,3.09,3.09,0,0,1,.14.94V270h-1.07V266.1a1.63,1.63,0,0,0-.32-1.07,1.19,1.19,0,0,0-1-.38,1.74,1.74,0,0,0-.89.23,2.69,2.69,0,0,0-.75.62V270Z"/><path d="M384.16,270V264.8l-.67-.07a.41.41,0,0,1-.21-.1.22.22,0,0,1-.08-.18V264h1v-.59a2.65,2.65,0,0,1,.15-.92,1.86,1.86,0,0,1,.42-.69,1.92,1.92,0,0,1,.65-.42,2.65,2.65,0,0,1,.87-.14,2.27,2.27,0,0,1,.75.12l0,.53a.15.15,0,0,1-.1.15l-.27,0h-.19a1.59,1.59,0,0,0-.5.07,1,1,0,0,0-.39.24,1.14,1.14,0,0,0-.25.42,2.43,2.43,0,0,0-.08.66V264H387v.78h-1.73V270Z"/><path d="M389,263.89v3.88a1.57,1.57,0,0,0,.32,1.07,1.18,1.18,0,0,0,1,.37,1.82,1.82,0,0,0,.88-.22,2.87,2.87,0,0,0,.76-.61v-4.49H393V270h-.64a.27.27,0,0,1-.29-.22l-.08-.66a3.17,3.17,0,0,1-.89.71,2.3,2.3,0,0,1-1.13.27,2.23,2.23,0,0,1-.88-.17,1.71,1.71,0,0,1-.63-.46,1.77,1.77,0,0,1-.39-.73,3.1,3.1,0,0,1-.13-.94v-3.88Z"/><path d="M394.88,270v-6.08h.61a.38.38,0,0,1,.24.07.46.46,0,0,1,.09.23l.07.94a2.8,2.8,0,0,1,.77-1,1.71,1.71,0,0,1,1.08-.35,1.55,1.55,0,0,1,.45,0,1.45,1.45,0,0,1,.38.16l-.14.8a.17.17,0,0,1-.18.15.9.9,0,0,1-.26-.06,1.63,1.63,0,0,0-.49-.05,1.35,1.35,0,0,0-.93.32,2.5,2.5,0,0,0-.63.94V270Z"/><path d="M401.67,270.07a1.48,1.48,0,0,1-1.1-.4,1.61,1.61,0,0,1-.39-1.16v-3.72h-.73a.21.21,0,0,1-.16-.06.21.21,0,0,1-.07-.18v-.42l1-.13.24-1.88a.22.22,0,0,1,.08-.14.24.24,0,0,1,.17-.06h.54V264H403v.78h-1.74v3.64a.78.78,0,0,0,.18.57.65.65,0,0,0,.48.19.81.81,0,0,0,.29,0,1.56,1.56,0,0,0,.22-.1l.15-.1a.21.21,0,0,1,.11-.05.19.19,0,0,1,.15.1l.31.51a1.85,1.85,0,0,1-.66.41A2.24,2.24,0,0,1,401.67,270.07Z"/></g></g></g><g id="fdeee39f-63c2-4330-9b7e-5266c5cafe35" data-name="Graz"><g id="e11e317e-e555-4e08-b23b-1c90f1501d33" data-name="Graz-2" style="isolation:isolate"><g style="isolation:isolate"><path d="M474.8,222.5a6.4,6.4,0,0,0,.64,0,3.33,3.33,0,0,0,.55-.1,3.38,3.38,0,0,0,.48-.16,4.69,4.69,0,0,0,.46-.21v-1.9H475.6a.29.29,0,0,1-.19-.06.26.26,0,0,1-.07-.16v-.66H478v3.3a4.56,4.56,0,0,1-.67.4,4,4,0,0,1-.75.29,5.44,5.44,0,0,1-.86.18,7.52,7.52,0,0,1-1,.06,4.53,4.53,0,0,1-1.71-.32,4,4,0,0,1-2.23-2.29,5.32,5.32,0,0,1,0-3.58A3.85,3.85,0,0,1,473,215a5,5,0,0,1,1.82-.31,5.73,5.73,0,0,1,.95.07,4,4,0,0,1,.81.22,3.17,3.17,0,0,1,.69.34,4.27,4.27,0,0,1,.6.45l-.33.53a.31.31,0,0,1-.27.16.48.48,0,0,1-.21-.06l-.33-.21a2.81,2.81,0,0,0-.46-.23,4,4,0,0,0-.63-.19,4.27,4.27,0,0,0-.86-.08,3.43,3.43,0,0,0-1.31.24,2.69,2.69,0,0,0-1,.68,2.94,2.94,0,0,0-.64,1.07,4.07,4.07,0,0,0-.22,1.4,4.14,4.14,0,0,0,.23,1.46,3,3,0,0,0,.65,1.08,2.78,2.78,0,0,0,1,.68A3.23,3.23,0,0,0,474.8,222.5Z"/><path d="M479.72,223.35v-6.08h.61a.34.34,0,0,1,.25.07.38.38,0,0,1,.08.23l.08.94a2.8,2.8,0,0,1,.77-1,1.67,1.67,0,0,1,1.07-.36,1.63,1.63,0,0,1,.84.22l-.14.8a.18.18,0,0,1-.18.15.84.84,0,0,1-.26-.06,1.59,1.59,0,0,0-.49-.06,1.36,1.36,0,0,0-.93.33,2.42,2.42,0,0,0-.63.94v3.87Z"/><path d="M488.91,223.35h-.47a.58.58,0,0,1-.25,0,.25.25,0,0,1-.13-.2l-.12-.57a5,5,0,0,1-.46.39,3.5,3.5,0,0,1-.49.29,2.21,2.21,0,0,1-.53.18,3.06,3.06,0,0,1-.63.06,2.41,2.41,0,0,1-.67-.1,1.78,1.78,0,0,1-.54-.3,1.43,1.43,0,0,1-.36-.5,1.81,1.81,0,0,1-.13-.72,1.29,1.29,0,0,1,.2-.7,1.72,1.72,0,0,1,.63-.59,4.28,4.28,0,0,1,1.16-.43,8,8,0,0,1,1.75-.16v-.48a1.69,1.69,0,0,0-.31-1.08,1.1,1.1,0,0,0-.9-.36,1.81,1.81,0,0,0-.65.1,2.19,2.19,0,0,0-.46.22c-.13.08-.25.15-.34.22a.46.46,0,0,1-.28.1.33.33,0,0,1-.19-.06.58.58,0,0,1-.13-.14l-.19-.34a3.6,3.6,0,0,1,1.09-.73,3.37,3.37,0,0,1,1.29-.24,2.29,2.29,0,0,1,.9.17,1.8,1.8,0,0,1,.67.47,1.93,1.93,0,0,1,.41.73,3,3,0,0,1,.13.93Zm-2.77-.65a2.12,2.12,0,0,0,.52-.06,2.09,2.09,0,0,0,.44-.16,2.48,2.48,0,0,0,.4-.26c.12-.1.24-.21.37-.34v-1.25a7.42,7.42,0,0,0-1.26.09,3.55,3.55,0,0,0-.84.24,1.2,1.2,0,0,0-.47.36.77.77,0,0,0-.15.46,1,1,0,0,0,.08.41.76.76,0,0,0,.52.45A1.23,1.23,0,0,0,486.14,222.7Z"/><path d="M494.9,217.73a.85.85,0,0,1,0,.22,1.18,1.18,0,0,1-.11.19l-3.29,4.38h3.32v.83H490.2v-.44a.46.46,0,0,1,0-.19.66.66,0,0,1,.11-.2l3.31-4.41h-3.27v-.84h4.51Z"/></g></g></g><g id="a3f7e2a6-4115-4ee2-a1aa-4c2e6fa90b5d" data-name="Linz"><g id="b0da389b-1061-4be8-a1e6-0b31f5d879b8" data-name="Linz-2" style="isolation:isolate"><g style="isolation:isolate"><path d="M350.52,78.42h3.72v1h-4.88V70.8h1.16Z"/><path d="M356.91,71.41a.59.59,0,0,1-.07.29.78.78,0,0,1-.16.24.76.76,0,0,1-.83.16.78.78,0,0,1-.24-.16.81.81,0,0,1-.17-.24.72.72,0,0,1-.06-.29.73.73,0,0,1,.06-.3.85.85,0,0,1,.17-.25.78.78,0,0,1,.24-.16.78.78,0,0,1,.83.16.82.82,0,0,1,.16.25A.6.6,0,0,1,356.91,71.41Zm-.24,1.91v6.07H355.6V73.32Z"/><path d="M358.67,79.39V73.32h.64a.27.27,0,0,1,.29.22l.08.66a3.27,3.27,0,0,1,.88-.71,2.34,2.34,0,0,1,1.14-.27,2.14,2.14,0,0,1,.87.16,1.69,1.69,0,0,1,.64.47,2.13,2.13,0,0,1,.39.73,3.1,3.1,0,0,1,.13.94v3.87h-1.07V75.52a1.64,1.64,0,0,0-.31-1.07,1.19,1.19,0,0,0-1-.38,1.81,1.81,0,0,0-.88.23,2.76,2.76,0,0,0-.76.62v4.47Z"/><path d="M369.71,73.77a.54.54,0,0,1,0,.22.69.69,0,0,1-.1.19l-3.29,4.38h3.32v.83H365V79a.45.45,0,0,1,0-.18.56.56,0,0,1,.11-.2l3.3-4.42h-3.27v-.83h4.52Z"/></g></g></g><g id="ed0aca2d-1b96-4d72-a9a5-58e7de842b22" data-name="Wien"><g id="b5548752-cd8c-4b5a-8722-a599796952d6" data-name="Wien-2" style="isolation:isolate"><g style="isolation:isolate"><path d="M505.68,84.06,503.63,76h1.11l1,4.09c.24,1,.45,2,.6,2.79h0c.13-.8.38-1.76.66-2.8L508.06,76h1.09l1,4.1c.23,1,.45,1.92.57,2.77h0c.17-.89.4-1.78.65-2.79L512.44,76h1.06l-2.29,8.08h-1.09l-1-4.21a25.11,25.11,0,0,1-.53-2.64h0a23.65,23.65,0,0,1-.62,2.64l-1.15,4.21Z"/><path d="M515.58,76.63a.62.62,0,0,1-.67.65.63.63,0,0,1-.63-.65.64.64,0,0,1,.66-.66A.62.62,0,0,1,515.58,76.63Zm-1.17,7.43v-5.8h1.05v5.8Z"/><path d="M517.92,81.35a1.87,1.87,0,0,0,2,2,3.75,3.75,0,0,0,1.6-.3l.18.75a4.63,4.63,0,0,1-1.93.36,2.69,2.69,0,0,1-2.85-2.92c0-1.75,1-3.13,2.72-3.13a2.46,2.46,0,0,1,2.4,2.73,4.15,4.15,0,0,1,0,.49Zm3.1-.75a1.51,1.51,0,0,0-1.46-1.72,1.75,1.75,0,0,0-1.62,1.72Z"/><path d="M523.47,79.83c0-.6,0-1.09-.05-1.57h.94l.06,1h0a2.14,2.14,0,0,1,1.92-1.09c.8,0,2,.48,2,2.47v3.46h-1.06V80.72c0-.94-.34-1.72-1.34-1.72a1.5,1.5,0,0,0-1.41,1.08,1.44,1.44,0,0,0-.08.49v3.49h-1Z"/></g></g></g></g><circle id="a672ecf1-5c88-456a-a9b0-689ef8858e3d" data-name="Ellipse 77" cx="163.63" cy="105.12" r="2.57" fill="#fff" stroke="#000" stroke-miterlimit="10"/><circle id="a7891b55-665a-44dc-81c7-f2eebbc129d3" data-name="Ellipse 78" cx="150.11" cy="206.07" r="2.57" fill="#fff" stroke="#000" stroke-miterlimit="10"/><circle id="bc3b9792-0bca-4ccf-bb82-f46b9dee6975" data-name="Ellipse 79" cx="169.29" cy="266.99" r="2.57" fill="#fff" stroke="#000" stroke-miterlimit="10"/><circle id="b1c00a86-554a-44f5-8f41-186ca018e080" data-name="Ellipse 80" cx="260.55" cy="255.71" r="2.57" fill="#fff" stroke="#000" stroke-miterlimit="10"/><circle id="b16491a3-ab5e-4630-9f5a-5d3c38d5b484" data-name="Ellipse 80-2" cx="251.55" cy="238.71" r="2.57" fill="#fff" stroke="#000" stroke-miterlimit="10"/><path id="f151df17-a01f-414c-9bdd-3ae4e082dfbf" data-name="Pfad 15569" d="M460.7,188.34l-19.41,12.27-7.3-7.14H422.46l-1.5-5.13-6.15,1.79-14.18-8.39L386,176.1l-11.78-1-20.93,15-14.2,5.21H327.85l-12,3.1-4.07-5h-5.8" fill="none" stroke="#411b47"/><path id="e807e352-6d60-4ac8-ac40-4220af17f526" data-name="Pfad 15568" d="M472,231.72,464.68,216l2.89-14.87L460.7,188.3l23-16.69,17.7-9.9,22.54-7.88,6.47-8.82-1.86-22.77,9-9.07V98.09" fill="none" stroke="#411b47"/><rect id="fd48e2db-5852-4b9f-8519-1b9b1fa2faff" data-name="Rechteck 83" x="225.84" y="200.61" width="55" height="16" fill="#411b47"/></g><g id="f45388e0-f352-44d9-81d1-b95623bc3d07" data-name="Lienz"><g id="b7ae1d4b-9f94-4609-b3d6-bcc9110f7242" data-name="Goldried" style="isolation:isolate"><g style="isolation:isolate"><path d="M234.32,212.61a6.4,6.4,0,0,0,.64,0,3,3,0,0,0,.54-.1,3.13,3.13,0,0,0,.49-.16l.46-.21v-1.9h-1.34a.28.28,0,0,1-.18-.06.26.26,0,0,1-.07-.16v-.66h2.64v3.3a4.56,4.56,0,0,1-.67.4,4,4,0,0,1-.75.29,5.44,5.44,0,0,1-.86.18,7.61,7.61,0,0,1-1,.05,4.34,4.34,0,0,1-1.71-.32,3.9,3.9,0,0,1-1.35-.9,4.08,4.08,0,0,1-.88-1.38,5.32,5.32,0,0,1,0-3.58,3.85,3.85,0,0,1,2.27-2.29,5,5,0,0,1,1.82-.32,5.7,5.7,0,0,1,1,.08,4,4,0,0,1,.81.22,3.17,3.17,0,0,1,.69.34,3.68,3.68,0,0,1,.59.45l-.33.53a.28.28,0,0,1-.26.16.4.4,0,0,1-.21-.07l-.34-.2a2.35,2.35,0,0,0-.45-.23,4,4,0,0,0-.63-.19,4.27,4.27,0,0,0-.86-.08A3.43,3.43,0,0,0,233,206a2.73,2.73,0,0,0-1,.68,3.06,3.06,0,0,0-.63,1.07,4.07,4.07,0,0,0-.22,1.4,4.14,4.14,0,0,0,.23,1.46,3,3,0,0,0,.65,1.08,2.83,2.83,0,0,0,1,.68A3.31,3.31,0,0,0,234.32,212.61Z" fill="#fff"/><path d="M241.7,207.29a3.11,3.11,0,0,1,1.21.22,2.65,2.65,0,0,1,.91.63,2.72,2.72,0,0,1,.57,1,3.82,3.82,0,0,1,.2,1.3,3.72,3.72,0,0,1-.2,1.29,2.77,2.77,0,0,1-.57,1,2.5,2.5,0,0,1-.91.62,3.41,3.41,0,0,1-2.41,0,2.54,2.54,0,0,1-.92-.62,2.94,2.94,0,0,1-.58-1,4,4,0,0,1-.2-1.29,4.08,4.08,0,0,1,.2-1.3,2.9,2.9,0,0,1,.58-1,2.69,2.69,0,0,1,.92-.63A3.09,3.09,0,0,1,241.7,207.29Zm0,5.42a1.58,1.58,0,0,0,1.35-.6,3.47,3.47,0,0,0,0-3.38,1.58,1.58,0,0,0-1.35-.6,1.92,1.92,0,0,0-.79.15,1.53,1.53,0,0,0-.56.45,2.18,2.18,0,0,0-.34.72,4.11,4.11,0,0,0-.11,1,4,4,0,0,0,.11,1,2.18,2.18,0,0,0,.34.72,1.5,1.5,0,0,0,.56.44A1.77,1.77,0,0,0,241.7,212.71Z" fill="#fff"/><path d="M247.22,204.62v8.84h-1.07v-8.84Z" fill="#fff"/><path d="M253.5,213.46a.27.27,0,0,1-.28-.22l-.1-.74a3.19,3.19,0,0,1-.89.76,2.28,2.28,0,0,1-1.15.28,2.13,2.13,0,0,1-1-.2,1.94,1.94,0,0,1-.72-.59,2.65,2.65,0,0,1-.46-1,4.9,4.9,0,0,1-.17-1.34,4.2,4.2,0,0,1,.18-1.25,3.22,3.22,0,0,1,.52-1,2.43,2.43,0,0,1,.83-.66,2.32,2.32,0,0,1,1.1-.25,2.35,2.35,0,0,1,1,.19,2.24,2.24,0,0,1,.7.53v-3.37h1.07v8.84Zm-2.07-.78a1.73,1.73,0,0,0,.92-.24,2.7,2.7,0,0,0,.72-.68v-2.94a1.63,1.63,0,0,0-.64-.55,1.85,1.85,0,0,0-.78-.16,1.55,1.55,0,0,0-1.31.6,2.87,2.87,0,0,0-.45,1.73,4.29,4.29,0,0,0,.1,1,2,2,0,0,0,.3.69,1.08,1.08,0,0,0,.48.4A1.59,1.59,0,0,0,251.43,212.68Z" fill="#fff"/><path d="M256.05,213.46v-6.08h.62a.33.33,0,0,1,.24.07.45.45,0,0,1,.09.22l.07,1a2.8,2.8,0,0,1,.77-1,1.69,1.69,0,0,1,1.08-.36,1.58,1.58,0,0,1,.45.06,1.61,1.61,0,0,1,.38.16l-.14.8a.18.18,0,0,1-.18.15.84.84,0,0,1-.26-.06,1.59,1.59,0,0,0-.49-.06,1.36,1.36,0,0,0-.93.33,2.42,2.42,0,0,0-.63.94v3.87Z" fill="#fff"/><path d="M262.44,205.47a.68.68,0,0,1-.06.29,1,1,0,0,1-.17.24.74.74,0,0,1-.25.17.73.73,0,0,1-.58,0,.87.87,0,0,1-.41-.41.68.68,0,0,1-.06-.29.72.72,0,0,1,.06-.29.74.74,0,0,1,.17-.25.81.81,0,0,1,.24-.17.87.87,0,0,1,.58,0,.74.74,0,0,1,.25.17.92.92,0,0,1,.17.25A.72.72,0,0,1,262.44,205.47Zm-.24,1.91v6.08h-1.07v-6.08Z" fill="#fff"/><path d="M266.61,207.29a2.79,2.79,0,0,1,1,.18,2.24,2.24,0,0,1,.79.53,2.36,2.36,0,0,1,.53.85,3.19,3.19,0,0,1,.19,1.15.66.66,0,0,1-.06.34c0,.06-.1.08-.2.08h-4a3.24,3.24,0,0,0,.15,1,2.08,2.08,0,0,0,.4.72,1.56,1.56,0,0,0,.6.42,1.94,1.94,0,0,0,.78.14,2.31,2.31,0,0,0,.69-.09,3.05,3.05,0,0,0,.5-.2l.35-.2a.51.51,0,0,1,.25-.09.23.23,0,0,1,.2.1l.3.39a1.85,1.85,0,0,1-.47.41,3.27,3.27,0,0,1-.59.3,4.55,4.55,0,0,1-.66.17,4.89,4.89,0,0,1-.66,0,3.11,3.11,0,0,1-1.16-.21,2.54,2.54,0,0,1-.92-.62,2.87,2.87,0,0,1-.6-1,4,4,0,0,1-.22-1.39,3.31,3.31,0,0,1,.2-1.19,2.7,2.7,0,0,1,.56-1,2.48,2.48,0,0,1,.89-.63A2.84,2.84,0,0,1,266.61,207.29Zm0,.78a1.65,1.65,0,0,0-1.22.45,2.13,2.13,0,0,0-.55,1.24h3.31a2.37,2.37,0,0,0-.1-.68,1.39,1.39,0,0,0-.79-.89A1.64,1.64,0,0,0,266.63,208.07Z" fill="#fff"/><path d="M274.89,213.46a.28.28,0,0,1-.29-.22l-.1-.74a3.06,3.06,0,0,1-.89.76,2.25,2.25,0,0,1-1.15.28,2.09,2.09,0,0,1-.94-.2,1.89,1.89,0,0,1-.73-.59,2.82,2.82,0,0,1-.46-1,4.92,4.92,0,0,1-.16-1.34,4.2,4.2,0,0,1,.18-1.25,3,3,0,0,1,.52-1,2.39,2.39,0,0,1,.82-.66,2.53,2.53,0,0,1,2.06-.06,2.4,2.4,0,0,1,.71.53v-3.37h1.06v8.84Zm-2.07-.78a1.69,1.69,0,0,0,.91-.24,2.73,2.73,0,0,0,.73-.68v-2.94a1.73,1.73,0,0,0-.65-.55,1.78,1.78,0,0,0-.78-.16,1.53,1.53,0,0,0-1.3.6,2.8,2.8,0,0,0-.46,1.73,4.29,4.29,0,0,0,.1,1,2,2,0,0,0,.3.69,1.11,1.11,0,0,0,.49.4A1.53,1.53,0,0,0,272.82,212.68Z" fill="#fff"/></g></g></g><g id="bc5c3ccc-3908-4dd8-9d77-bff3c9e36d33" data-name="Gruppe 5138"><g id="a1681d3c-941f-4d4d-a40a-e438c3e955cb" data-name="Gruppe 5054"><g id="ade79757-298f-4b7f-b9a3-f5fb94020f23" data-name="Gruppe 5052"><path id="e5714a29-55d0-4c2d-9677-9c22d8a2d8fa" data-name="Pfad 15518" d="M251.55,236.14V215.82" fill="none" stroke="#411b47"/></g></g></g></svg></div></div><div class="c-pageFooter__social"><div class="c-pageFooter__socialItem"><a class="c-linkIcon" href="https://de-de.facebook.com/hotel.goldried" target="_blank" rel="nofollow" title="Facebook"><div class="e-svg e-svg--h36 e-svg--fillColor"><svg id="e1bd50b2-243a-4822-8195-f569df0d03b6" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path id="a01fc5b1-f316-49ed-a1b3-31cd5119fb4d" data-name="Icon awesome-facebook-f" d="M30.88,24.75l1-6.51H25.63V14c0-1.79.87-3.52,3.67-3.52h2.84V4.94a34.07,34.07,0,0,0-5-.44c-5.15,0-8.52,3.12-8.52,8.77v5H12.86v6.52h5.72V40.5h7.05V24.75Z"/></svg></div></a></div><div class="c-pageFooter__socialItem"><a class="c-linkIcon" href="https://www.instagram.com/hotelgoldried_osttirol/?hl=de" target="_blank" rel="nofollow" title="Instagram"><div class="e-svg e-svg--h36 e-svg--fillColor"><svg id="bff6b1a1-d212-4d75-af6e-041076457b18" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path id="b19b9638-b7fd-479f-b580-964c9886aa23" data-name="Icon awesome-instagram" d="M22.5,13.2a9.3,9.3,0,1,0,9.3,9.3h0a9.29,9.29,0,0,0-9.26-9.3Zm0,15.34a6,6,0,1,1,6.05-6A6,6,0,0,1,22.5,28.54ZM34.35,12.82a2.17,2.17,0,1,1-2.17-2.16h0a2.16,2.16,0,0,1,2.17,2.15ZM40.5,15c-.13-2.9-.8-5.47-2.93-7.6S32.88,4.64,30,4.49s-12-.17-15,0-5.46.8-7.6,2.93S4.64,12.11,4.49,15s-.17,12,0,15,.8,5.47,2.93,7.6,4.69,2.78,7.6,2.93,12,.17,15,0,5.48-.8,7.6-2.93,2.78-4.7,2.93-7.6.17-12,0-15ZM36.64,33.19a6.14,6.14,0,0,1-3.45,3.44c-2.39.95-8,.73-10.69.73s-8.31.21-10.69-.73a6.12,6.12,0,0,1-3.44-3.44c-.95-2.39-.73-8-.73-10.69s-.21-8.31.73-10.69a6.12,6.12,0,0,1,3.44-3.44c2.39-.95,8-.73,10.69-.73s8.31-.21,10.69.73a6.14,6.14,0,0,1,3.45,3.44c.94,2.39.72,8,.72,10.69S37.58,30.81,36.64,33.19Z"/></svg></div></a></div></div><div class="c-pageFooter__nav"><div class="c-articlesLinks"><div class="c-articlesLinks__item"><a class="e-link e-link--footer" href="https://www.hotel-goldried-tirol.com/en/service/site-notice-hotel-matrei.html">Site notice</a></div><div class="c-articlesLinks__item"><a class="e-link e-link--footer" href="https://www.hotel-goldried-tirol.com/en/service/privacy-policy-hotel.html">Privacy policy</a></div><div class="c-articlesLinks__item"><a class="e-link e-link--footer" href="https://www.hotel-goldried-tirol.com/en/service/gtc-holidays-east-tyrol.html">GTC</a></div><div class="c-articlesLinks__item"><a class="e-link e-link--footer" href="https://www.hotel-goldried-tirol.com/en/service/arrival-hotel-matrei.html">Arrival</a></div><div class="c-articlesLinks__item"><a class="e-link e-link--footer" href="https://www.hotel-goldried-tirol.com/en/service/jobs-hotel-east-tyrol.html">Careers</a></div><div class="c-articlesLinks__item"><a class="e-link e-link--footer" href="https://www.hotel-goldried-tirol.com/en/service/newsletter-hotel-matrei.html">Newsletter</a></div></div></div><div class="c-pageFooter__websline"><a class="e-link e-link--plain" href="https://www.websline.com" target="_blank">made by websLINE</a></div></div></div></div> <script src="/assets/js/app.js" async></script></body></html> <!--#SfyElement|Andromeda.Article.Overview#--> <!--#SfyElement|Andromeda.Article.109#--> <!--#SfyElement|Andromeda.Article.113#--> <!--#SfyElement|Andromeda.Article.104#--> <!--#SfyElement|Andromeda.Article.105#--> <!--#SfyElement|Andromeda.Article.145#--> <!--#SfyElement|Andromeda.Article.147#--> <!--#SfyElement|Andromeda.Article.148#--> <!--#SfyElement|Andromeda.Article.150#--> <!--§ Container[0,Navigation Section] : 11 ms §--> <!--§ Container[1,Header Section] : 7 ms §--> <!--§ Container[2,Breadcrumb Section] : 2 ms §--> <!--§ Container[3,Main Section] : 61 ms §--> <!--§ Container[6,Site Navigation Section] : 6 ms §--> <!--§ Container[4,Aside Section] : 1 ms §--> <!--§ Container[5,Footer Section] : 5 ms §--> <!--§ Design-Handling : 1 ms §--> <!--§ Container-Handling : 101 ms §--> <!--§ Rendering-Navigation : 0 ms §--> <!--§ Variables-Handling : 1 ms §--> <!--§ Hyperlinks-Handling : 17 ms §--> <!--§ Files-Handling : 0 ms §--> <!--§ Rendering.Common : 13 ms §--> <!--§ Triple-Comment-Handling : 2 ms §--> <!--§ Page-Total : 319 ms §--> <!-- websLINE-Statify: 2024.1.0.0 | gespeichert am 28.11.2024 um 22:38:27 Uhr -->