html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } html, body { border: none; margin: 0; padding: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, figure, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { border: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; } blockquote::before, blockquote::after { content: ""; } .semantic { display: none; } @font-face { font-display: swap; font-family: 'Instrument Serif'; font-weight: 400; src: url('assets/fonts/instrument-serif-v5-latin-regular.woff2') format('woff2') } @font-face { font-display: swap; font-family: 'Cabin'; font-weight: 400; src: url('assets/fonts/cabin-v35-latin-regular.woff2') format('woff2') } @font-face { font-display: swap; font-family: 'Cabin'; font-weight: 500; src: url('assets/fonts/cabin-v35-latin-500.woff2') format('woff2') } @font-face { font-display: swap; font-family: 'Cabin'; font-weight: 600; src: url('assets/fonts/cabin-v35-latin-600.woff2') format('woff2') } @font-face { font-display: swap; font-family: 'Cabin'; font-weight: 700; src: url('assets/fonts/cabin-v35-latin-700.woff2') format('woff2') } :root { --puelm-font-instrument: Instrument Serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif; --puelm-font-cabin: Cabin, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif; } :root { --base-font-size: 18; --size-logo-height: 90px; --size-logo-height-mobile: 64px; --size-logo-partner-height: 64px; --size-wrapper-width: 1140px; } @media only screen and (max-width: 1140px) { :root { --size-wrapper-width: 100%; } } :root { --space-base: 8px; --space-xxxxs: 4px; --space-xxxs: 8px; --space-xxs: 12px; --space-xs: 16px; --space-sm: 24px; --space-md: 32px; --space-lg: 40px; --space-xl: 48px; --space-xxl: 60px; --space-xxxl: 96px; --space-xxxxl: 120px; } :root { --color-plm-grey: #303d48; --color-plm-grey-80: #59646d; --color-plm-grey-60: #838b91; --color-plm-grey-40: #acb1b6; --color-plm-grey-20: #d6d8da; --color-plm-grey-10: #eaebec; --color-plm-grey-5: #f7f7f8; --color-plm-greylight: #E4EBF0; --color-plm-gold: #AC8D58; --color-plm-gold-80: #bda479; --color-plm-gold-60: #cdbb9b; --color-plm-gold-40: #ded1bc; --color-plm-gold-20: #eee8de; --color-plm-gold-10: #f7f3ee; --color-plm-gold-5: #fcfaf8; --color-plm-pink: #B12878; --color-plm-white: #FFFFFF; --color-plm-whitetrans: #FFFFFFBF; --color-body: var(--color-plm-gold-10); --color-text: var(--color-plm-grey); --color-text-invers: var(--color-plm-white); --color-text-accent: var(--color-plm-gold); --color-link: var(--color-plm-gold); --color-link-hover: var(--color-plm-pink); --color-link-invers: var(--color-plm-white); --color-link-invers-hover: var(--color-plm-gold); --color-warning: #e8ad0c; --color-error: #b02c56; } :root { --boxradius-xs: 6px; --boxradius-s: 8px; --boxradius-m: 12px; --boxradius-l: 16px; --boxradius-xl: 20px; --boxshadow-m: 1px 1px 5px #303D4855; --boxshadow-m-light: 1px 1px 5px #303d4824; --transition-duration-fast: 0.25s; --transition-duration-slow: 0.5s } html { scroll-behavior: smooth; } body { text-rendering: optimizeLegibility; margin: 0 auto; position: relative; } .wrapper { width: 100%; max-width: var(--size-wrapper-width); margin: 0 auto; padding: 0 var(--space-sm); box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--puelm-font-cabin); font-weight: 400; font-size: calc(1px * var(--base-font-size)); line-height: normal; color: var(--color-text); background-color: var(--color-body); } h1, h2, h3, h3, h5, h6 { font-family: var(--puelm-font-instrument); line-height: 1.125; font-weight: inherit; letter-spacing: -0.25px; } h1 { font-weight: 400; font-size: calc(1em * 56 / var(--base-font-size)); word-break: break-word; margin: 0 auto var(--space-sm); } h2 { font-weight: 400; font-size: calc(1em * 48 / var(--base-font-size)); line-height: 1.5em; word-break: break-word; margin: var(--space-md) auto var(--space-sm); } h3 { font-weight: 500; font-size: 26px; line-height: 32px; word-break: break-word; } h4 { font-weight: 500; font-size: 20px; line-height: 26px; word-break: break-word; } h5 { font-weight: 500; font-size: 16px; line-height: 22px; word-break: break-word; } h6 { font-weight: 500; font-size: 16px; line-height: 22px; word-break: break-word; } p { line-height: 1.4em; } p+p { margin-top: .5em; } p+h2, p+h3 { margin-top: .5em; } ol, ul { padding: var(--space-sm); } ol li, ul li { padding-bottom: var(--space-xxxs); } a { color: var(--color-link); text-decoration: none; transition: var(--transition-duration-fast) ease; } a:hover { color: var(--color-link-hover); } a.lnk-btn { display: inline-block; text-decoration: none; color: var(--color-white); background-color: var(--color-link); padding: var(--space-xxxs) var(--space-sm); border-radius: 4px; transition: var(--transition-duration-fast); } a.lnk-btn:hover { background-color: var(--color-link-hover); } .btn-solid { text-align: center; display: inline-flex; flex-wrap: nowrap; justify-content: center; align-items: center; padding: var(--space-xxxs) var(--space-sm); box-sizing: border-box; font-weight: 500; color: var(--color-text-invers); background-color: var(--color-plm-gold); border: 1.5px solid var(--color-plm-gold); border-radius: 2em; transition: var(--transition-duration-fast); } .btn-solid.greydark { background-color: var(--color-plm-grey); border: 1.5px solid var(--color-plm-grey); } .btn-solid.gold-5 { color: var(--color-text); background-color: var(--color-plm-gold-5); border: 1.5px solid var(--color-plm-gold-5); } .btn-solid:hover { color: var(--color-text-invers); background-color: var(--color-plm-pink); border: 1.5px solid var(--color-plm-pink); } .btn-outline { display: inline-block; text-align: center; color: var(--color-plm-grey); border: 1.5px solid var(--color-plm-grey); border-radius: 2em; transition: var(--transition-duration-fast); } .btn-outline:hover { color: var(--color-text-invers); background-color: var(--color-plm-grey); } table { width: 100%; border-collapse: collapse; } table th { color: var(--color-white); background-color: var(--color-blue-light); padding: var(--space-xxxs) var(--space-xs); border-bottom: 1px solid var(--color-grey-medium); } table td { background-color: var(--color-grey-light); padding: var(--space-xxxs) var(--space-xs); border-bottom: 1px solid var(--color-grey-medium); } .semantic { display: none; } .structured ol { counter-reset: item; list-style: none; padding-left: 0.5em; } .structured ol li { font-family: var(--puelm-font-instrument); font-size: 42px; counter-increment: item; } .structured ol li::before { content: counters(item, ".") ". "; } .structured ol ol { counter-reset: item; } .structured ol ol li { font-family: var(--puelm-font-cabin); font-size: 18px; font-weight: 400; line-height: 1.5em; } .structured ol ol ol { list-style-type: lower-latin; padding-left: 2em; } .structured ol ol ol li::before { content: ''; } #site-header { background-color: var(--color-body); padding: var(--space-xxs) 0 var(--space-xxxs); box-shadow: 1px 1px 4px rgba(0, 0, 0, .15); } #site-header .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #site-header .header-title { width: 190px; } #site-header .header-title a { background-size: contain; background-repeat: no-repeat; background-position: center; height: var(--size-logo-height); display: block; } #site-header .header-title a strong { display: none; } #site-header .btn-show-navigation span { display: none; } #site-header .btn-show-navigation svg line { transition: transform 0.3s ease, opacity 0.3s ease; transform-origin: center; } #site-header .btn-show-navigation.active svg line:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } #site-header .btn-show-navigation.active svg line:nth-child(2) { opacity: 0; } #site-header .btn-show-navigation.active svg line:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } #site-footer { color: var(--color-text-invers); background-color: var(--color-plm-grey); } #site-footer .footer-group { display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--space-xl) 0; font-weight: 400; line-height: 2em; } #site-footer .slogan { width: 32%; padding-top: 4.25em; font-size: calc(1em * 24 / var(--base-font-size)); font-weight: 600; background-size: auto 3em; background-repeat: no-repeat; background-position: top left; } #site-footer .quick li, #site-footer .contact p { font-size: calc(1em * 21 / var(--base-font-size)); } #site-footer header { font-weight: 600; font-size: 1.5em; color: var(--color-text-accent); margin-bottom: var(--space-xs); } #site-footer nav ul { list-style-type: none; margin: 0; padding: 0; line-height: 2.25em; } #site-footer nav ul li { margin: 0; padding: 0; } #site-footer a { color: var(--color-link-invers); transition: var(--transition-duration-fast) ease; } #site-footer a:hover { color: var(--color-link-invers-hover); } #site-footer .contact ul { list-style-type: none; margin: var(--space-sm) 0 0 0; padding: 0; } #site-footer a.btn-solid.email, #site-footer a.btn-solid.phone { width: 100%; justify-content: left; padding: var(--space-xxxxs) var(--space-sm); font-weight: 700; color: var(--color-text); border: none; background-color: var(--color-plm-white); margin-bottom: var(--space-xs); } #site-footer a.btn-solid.email svg, #site-footer a.btn-solid.phone svg { font-size: 1.5em; margin-right: var(--space-xxxs); } #site-footer a.btn-solid.email:hover, #site-footer a.btn-solid.phone:hover { color: var(--color-text-invers); background-color: var(--color-plm-pink); } #site-footer .footer-line { border-top: solid 1px var(--color-plm-white); } #site-footer .footer-line .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--space-xs) var(--space-sm); box-sizing: border-box; } #site-footer .footer-line nav ul { display: flex; flex-wrap: wrap; } #site-footer .footer-line nav ul li { padding-left: var(--space-xxxs); } #site-footer .copyright { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #service-navigation, #service-navigation .menu { list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; padding: 0; } #service-navigation .menu li { margin: 0 0 0 .5em; padding: 0; } #service-navigation a { display: flex; justify-content: space-between; align-items: center; height: 36px; border-radius: 18px; padding: 0 var(--space-xs); box-sizing: border-box; line-height: 1em; color: var(--color-plm-white); background-color: var(--color-plm-gold); border: 2px solid var(--color-plm-gold); } #service-navigation a:hover { background-color: var(--color-link-hover); border: 2px solid var(--color-link-hover); } #service-navigation a svg { display: none; } #service-navigation .search a { color: var(--color-plm-gold); background-color: transparent; border: none; padding: var(--space-xxxs); } #service-navigation .search a:hover { color: var(--color-link-hover); } #service-navigation .search a svg { display: block; width: 1.25em; height: 1.25em; } #service-navigation .search a span { display: none; } #service-navigation .contact a { color: var(--color-text); background-color: transparent; border: 2px solid var(--color-plm-grey); } #service-navigation .contact a:hover { color: var(--color-plm-white); background-color: var(--color-link-hover); border: 2px solid var(--color-link-hover); } .subline { font-size: calc(1em * 22 / var(--base-font-size)); } .module .module-wrapper { color: var(--txc); background-color: var(--bgc); } .module.backgroundimage .module-wrapper { background-image: var(--bgi); background-size: cover; background-position: center; position: relative; } .module.backgroundimage .module-wrapper::before { content: ''; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background-color: var(--bgc); opacity: calc((100 - var(--opa)) / 100); z-index: 1; } .module.backgroundimage.gradient .module-wrapper::before { background: linear-gradient(var(--opadeg), transparent, var(--bgc) 80%); } .module.transparent.backgroundimage .module-wrapper::before { background-color: var(--color-plm-gold-10); } .module.backgroundimage .module-wrapper .wrapper { position: relative; z-index: 2; } .module.transparent:not(.backgroundimage) .wrapper { } .module.small .module-wrapper { max-width: var(--size-wrapper-width); margin: 0 auto; border-radius: var(--boxradius-l); box-sizing: border-box; overflow: hidden; } .module.small:not(.transparent) .module-wrapper { max-width: calc(var(--size-wrapper-width) - (2 * var(--space-sm))); } .module.wide .module-wrapper { width: 100%; } .module p+a.btn-solid { margin-top: 1em; } .module { margin-top: calc(var(--space-base) * var(--mt)); margin-bottom: calc(var(--space-base) * var(--mb)); text-align: var(--alg); } .module .module-wrapper { padding-top: calc(var(--space-base) * var(--pt)); padding-bottom: calc(var(--space-base) * var(--pb)); } .module .headline { line-height: 1em; margin: 0 auto var(--space-xs); } .module .subline { line-height: 1.25em; font-weight: 500; margin-bottom: var(--space-sm); } .module-stage .module-wrapper { height: min(585px, 45vw); box-sizing: border-box; } .module-stage .module-wrapper, .module-stage.small .module-wrapper { display: flex; align-items: end; } .module-stage .module-wrapper { border-radius: 0; } .module-stage.zeromargintop .module-wrapper { border-top-left-radius: 0; border-top-right-radius: 0; } .module-stage.backgroundimage .module-wrapper::before { content: ''; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background: linear-gradient(transparent, var(--bgc) 80%); opacity: calc((100 - var(--opa)) / 100); z-index: 1; } .module-stage-bustriptop .module-wrapper { overflow: hidden; } .module-stage-bustriptop article { position: absolute; width: 100%; height: min(585px, 45vw); z-index: 1; overflow: hidden; display: none; } .module-stage-bustriptop article .img-wrapper { position: absolute; background-image: var(--imgurl); background-size: cover; background-position: center; width: 100%; height: 100%; } .module-stage-bustriptop article .wrapper { position: relative; } .module-stage-bustriptop article .txt-box { position: relative; display: inline-block; width: max(30%, 25vw); background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .4)); border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 36px; border-bottom-right-radius: 36px; padding: var(--space-sm); margin-top: var(--space-xxl); text-align: right; box-sizing: border-box; } .module-stage-bustriptop article .txt-box .headline { text-align: left; font-size: max(32px, 2.25vw); } .module-stage-bustriptop article .txt-box .title { text-align: left; font-size: max(18px, 1vw); } .module-stage-bustriptop article .ring { position: absolute; left: var(--space-sm); bottom: var(--space-sm); width: 1.25em; height: 1.25em; border-radius: 50%; background: conic-gradient(rgba(255, 255, 255, .8) var(--ring-progress), rgba(255, 255, 255, .2) calc(var(--ring-progress) + 5%), rgba(255, 255, 255, .2) 0); mask: radial-gradient(circle, transparent 50%, black 51%); margin-left: var(--space-xxxs); } .module-stage-bustriptop article .footline { position: absolute; bottom: 0; width: 100%; text-align: center; overflow: hidden; } .module-stage-bustriptop article .footline .more-trips { display: inline-block; border-top-left-radius: var(--boxradius-m); border-top-right-radius: var(--boxradius-m); color: var(--color-plm-gold-10); background-color: var(--color-plm-gold); padding: var(--space-xxs) var(--space-sm) var(--space-xxxs); outline: 5px solid rgba(255, 255, 255, .5); transform: perspective(2px) rotateX(0.8deg); } .module-stage-bustriptop article .footline .more-trips:hover { color: var(--color-plm-white); background-color: var(--color-link-hover); } .module-stage-bustriptop article .footline .more-trips span { display: flex; gap: 10px; justify-content: space-between; align-items: center; transform: perspective(2px) rotateX(-0.8deg); } .module-stage-bustriptop article .footline .more-trips span svg { font-size: 1.5em; } .module-breadcrumb.transparent:not(.backgroundimage) .wrapper { padding: 0 var(--space-sm); } nav.breadcrumb { display: flex; align-items: center; } nav.breadcrumb a { color: var(--color-text); } nav.breadcrumb a:hover { color: var(--color-plm-gold); } nav.breadcrumb a, nav.breadcrumb span { margin-right: var(--space-xxxs); } nav.breadcrumb .home strong { display: none; } nav.breadcrumb .home { font-size: 1.5em; } .module-text-image .flex-box { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: var(--fdi); } .module-text-image header+.flex-box { margin-top: var(--space-xl); } .module-text-image .flex-box .txt-box { width: calc(98.5% - (var(--imgw)*1%)); text-align: left; } .module-text-image .flex-box .img-box { position: relative; width: calc(1% * var(--imgw) - 1.5%); border-radius: var(--boxradius-m); line-height: 0; overflow: hidden; } .module-text-image .flex-box.hasnotext .img-box { width: 100%; } .module-text-image .flex-box .img-box img { width: 100%; height: auto; border-radius: var(--boxradius-m); } .module-text-image .flex-box.hasnoimage .txt-box { width: 100%; text-align: var(--alg); } .module-text-image .flex-box.partially:not(.center) .img-box { background-image: var(--imgurl); background-size: cover; background-position: center; } .module-text-image .flex-box.partially:not(.center) .img-box img { display: none; } .module-text-image .flex-box.partially:not(.center) .img-box a { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } .module-text-image .flex-box.center .txt-box, .module-text-image .flex-box.center .img-box { width: 100%; } .module-text-image .flex-box.center .txt-box { text-align: var(--alg); } .module-text-image .flex-box.center .img-box img { width: calc(1% * var(--imgwc)); height: auto; } .module-text-image .flex-box.center .txt-box+.img-box img { margin-top: var(--space-lg); } .module-announcement { text-align: var(--alg); } .module-announcement .flex-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .module-announcement .flex-wrapper .txt-box, .module-announcement .flex-wrapper .img-box { width: 48%; } .module-overview { --swiper-theme-color: var(--color-plm-gold); --space-sm: 20px; --swiper-navigation-sides-offset: -6px; --swiper-navigation-size: 30px } .module-overview.gold { --swiper-theme-color: var(--color-plm-gold-40); } .module-overview.grey { --swiper-theme-color: var(--color-plm-grey-40); } .module-overview .module-wrapper { position: relative; } .module-overview .tiles { margin-top: var(--space-md); } .module-overview .tiles:not(.swiper) { display: flex; flex-wrap: wrap; justify-content: space-between; } .module-overview .tiles .swiper-wrapper { padding: var(--space-sm) 0; } .module-overview .tiles article { width: 32%; margin-bottom: 2%; padding: 5px; box-sizing: border-box; } .module-overview .tiles:not(.swiper) article { display: flex; } .module-overview .tiles article .article-wrapper { background-color: var(--color-plm-white); border-radius: var(--boxradius-l); box-shadow: var(--boxshadow-m); box-sizing: border-box; padding: var(--space-xs); } .module-overview .tiles.swiper article .article-wrapper { height: var(--article-height); } .module-overview .tiles .img-box { overflow: hidden; border-radius: var(--boxradius-xs); } .module-overview .tiles .img-box .img-wrapper { position: relative; background-image: var(--imgurl); background-size: cover; background-position: center; padding-bottom: 90%; transition: var(--transition-duration-slow); } .module-overview .tiles .slidesperview-1 .img-wrapper { padding-bottom: 50%; } .module-overview .tiles .slidesperview-2 .img-wrapper { padding-bottom: 60%; } .module-overview .tiles .img-box .img-wrapper a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; } .module-overview .tiles .img-box .img-wrapper a span { display: none; } .module-overview .tiles .img-box .img-wrapper:hover { transform: scale(1.1); } .module-overview .tiles .txt-box { margin: var(--space-xs) auto var(--space-xxxs); text-align: left; } .module-overview .tiles .txt-box h4+p { margin-top: var(--space-xxs); } .module-offer { --swiper-theme-color: var(--color-plm-gold); --space-sm: 20px; --swiper-navigation-sides-offset: -6px; --swiper-navigation-size: 30px } .module-offer.gold { --swiper-theme-color: var(--color-plm-gold-40); } .module-offer.grey { --swiper-theme-color: var(--color-plm-grey-40); } .swiper-button-prev:hover, .swiper-button-next:hover { color: var(--color-plm-pink); transition: var(--transition-duration-fast); } .module-offer .module-wrapper { position: relative; } .module-offer .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .module-offer .wrapper .header-box { width: 35%; padding: 0 5% 0 2.5%; box-sizing: border-box; } .module-offer .wrapper .header-box .subline { font-weight: 400; } .module-offer .wrapper .tiles-box { position: relative; width: 65%; padding: 0 var(--space-xl); box-sizing: border-box; } .module-offer .tiles:not(.swiper) { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; } .module-offer .wrapper .tiles .article-wrapper { position: relative; padding-top: 50px; box-sizing: border-box; } .module-offer .wrapper .tiles article { background-color: var(--bgc); } .module-offer .wrapper .tiles:not(.swiper) article { position: relative; margin-bottom: var(--space-xl); } .module-offer .wrapper .tiles article .txt-box { position: relative; z-index: 2; width: 57.5%; color: var(--color-plm-grey); background-color: var(--color-plm-whitetrans); padding: var(--space-md); border-radius: var(--boxradius-m); box-sizing: border-box; height: var(--article-height); } .module-offer .wrapper .tiles article .txt-box h4 { font-family: var(--puelm-font-instrument); font-size: 2em; } .module-offer .wrapper .tiles article .txt-box h4+p { margin-top: var(--space-xs); } .module-offer .wrapper .tiles article .txt-box ul { padding-bottom: 0; } .module-offer .wrapper .tiles article .txt-box .btn-solid { margin-top: var(--space-sm); } .module-offer .tiles .img-box { position: absolute; z-index: 1; right: 0; top: 0; width: 57.5%; overflow: hidden; border-radius: var(--boxradius-m); } .module-offer .tiles .img-box .img-wrapper { position: relative; background-image: var(--imgurl); background-size: cover; background-position: center; padding-bottom: 100%; transition: .5s; } .module-offer .tiles .img-box .img-wrapper a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; } .module-offer .tiles .img-box .img-wrapper a span { display: none; } .module-offer .tiles .img-box .img-wrapper:hover { transform: scale(1.1); } .module-offer .swiper-pagination { margin-top: var(--space-sm); position: relative; } .module-offer ul { list-style: none; padding-left: 0; } .module-offer li { position: relative; padding-left: 30px; } .module-offer li::before { content: ""; position: absolute; left: 0; top: 0.4em; width: 16px; height: 16px; background-image: url("assets/images/icon-list.svg"); background-size: contain; background-repeat: no-repeat; } .module-benefits section { display: flex; flex-wrap: wrap; justify-content: space-between; } .module-benefits section article { width: 28%; margin-top: var(--space-xl); } .module-benefits section article .img-box { background-image: var(--bgi); background-size: contain; background-repeat: no-repeat; background-position: center; padding-bottom: 30%; margin-bottom: var(--space-sm); } .module-benefits section article .headline { font-family: var(--puelm-font-cabin); } .module-form header+.nf-form-cont { margin-top: var(--space-xl); } .module-form.gold .ninja-forms-form-wrap { background-color: transparent; padding: var(--space-xs); } .module-form.gold .nf-field-container.subline { color: var(--color-plm-gold-5); } .module-form.gold .nf-form-fields-required { color: var(--color-plm-gold-10); } .module-form.gold .ninja-forms-field { color: var(--color-text-invers); font-weight: 600; border: 1.5px solid var(--color-plm-gold-20); background-color: var(--color-plm-gold-80); } .module-form.gold .ninja-forms-form-wrap .nf-error .ninja-forms-field { border: 1px solid var(--color-plm-white); } .module-form.gold .ninja-forms-field::placeholder { font-weight: 400; color: var(--color-plm-gold-10); } .module-form.gold .ninja-forms-field:placeholder-shown { border: 1.5px solid var(--color-plm-gold-60); } .module-form.gold .ninja-forms-field[type=submit] { color: var(--color-plm-white); background-color: var(--color-plm-grey); border: 1.5px solid var(--color-plm-grey); } .module-form.gold .ninja-forms-field[type=submit]:hover { background-color: var(--color-plm-pink); border: 1.5px solid var(--color-plm-pink); } .module-form.gold .ninja-forms-form-wrap .nf-error-msg, .module-form.gold .ninja-forms-form-wrap .ninja-forms-req-symbol { color: var(--color-plm-white); } .module-form.grey .ninja-forms-form-wrap { background-color: transparent; padding: var(--space-xs); } .module-form.grey .ninja-forms-field { color: var(--color-text-invers); font-weight: 600; border: 1.5px solid var(--color-plm-grey-40); background-color: var(--color-plm-grey-80); } .module-form.grey .ninja-forms-form-wrap .nf-error .ninja-forms-field { border: 1px solid var(--color-plm-gold); } .module-form.grey .ninja-forms-field::placeholder { font-weight: 400; color: var(--color-plm-grey-20); } .module-form.grey .ninja-forms-field:placeholder-shown { border: 1.5px solid var(--color-plm-grey-60); } .module-form.grey .nf-form-fields-required { color: var(--color-plm-grey-40); } .module-form.grey .ninja-forms-field[type=submit] { color: var(--color-plm-white); background-color: var(--color-plm-gold); border: 1.5px solid var(--color-plm-gold); } .module-form.grey .ninja-forms-field[type=submit]:hover { background-color: var(--color-plm-pink); border: 1.5px solid var(--color-plm-pink); } .module-form.grey .ninja-forms-form-wrap .nf-error-msg, .module-form.grey .ninja-forms-form-wrap .ninja-forms-req-symbol { color: var(--color-plm-gold); } .module-bustrips .bustrips.tiles article.paginated { opacity: 0; } .module-bustrips .bustrips.tiles article.fadein { animation: fadeIn 1s forwards; } @keyframes fadeIn { 0% { opacity: 0; } 25% { transform: translateY(-20px); } 100% { opacity: 1; } } .module-bustrips #bustrips-more-btn { cursor: pointer; } .module-bustrips.gold #bustrips-more-btn { border: 1.5px solid var(--color-plm-grey); background-color: var(--color-plm-grey); } .module-bustrips.gold #bustrips-more-btn:hover { border: 1.5px solid var(--color-plm-pink); background-color: var(--color-plm-pink); } .archive .rows { margin-bottom: var(--space-xxxl); } .archive .rows article { padding: var(--space-sm) 0; border-bottom: 1px solid var(--color-plm-grey-40); } .archive .rows article:first-child { border-top: 1px solid var(--color-plm-grey-40); } .archive .rows article .article-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .archive .rows article .article-wrapper .title-box { width: 22.5%; } .archive .rows article .article-wrapper .desc-box { width: 55%; } .archive .rows article .article-wrapper .action-box { width: 20%; text-align: right; } .archive .tiles { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: var(--space-xxxl); } .archive .tiles header { width: 100%; } .archive .tiles article { width: 32%; display: flex; margin-bottom: 2%; } .archive .tiles article .article-wrapper { width: 100%; background-color: var(--color-plm-white); border-radius: var(--boxradius-l); box-shadow: var(--boxshadow-m); box-sizing: border-box; padding: var(--space-xs); } .archive .tiles article .article-wrapper .img-box { position: relative; overflow: hidden; background: linear-gradient(45deg, var(--color-plm-gold-40), var(--color-plm-gold-10)); border-radius: var(--boxradius-s); } .archive .tiles article .article-wrapper .img-box .img-wrapper { background-image: var(--imgurl); background-size: cover; background-position: center; padding-bottom: 100%; transition: var(--transition-duration-slow); } .archive .tiles article .article-wrapper .img-box .img-wrapper:hover { transform: scale(1.1); } .archive .tiles article .article-wrapper .img-box .img-wrapper img { display: none; } .archive .tiles .img-box .img-wrapper a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; } .archive .tiles article .article-wrapper .txt-box { text-align: left; padding: var(--space-xs) 0; } .archive .tiles article .article-wrapper .txt-box .subline { display: block; font-size: calc(1em * 16 / var(--base-font-size)); font-weight: 600; color: var(--color-plm-gold); margin: 0 auto var(--space-xxxs); } .archive .tiles article .article-wrapper .txt-box .headline { font-size: calc(1em * 24 / var(--base-font-size)); } .archive .tiles.fullwidth article { width: 100%; margin-bottom: 3%; } .archive .tiles.fullwidth article .article-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .archive .tiles.fullwidth article .article-wrapper .img-box { width: 40%; } .archive .tiles.fullwidth article .article-wrapper .txt-box { width: 58%; } .archive .tiles.fullwidth article .article-wrapper .img-box .img-wrapper { padding-bottom: 65%; height: 100%; box-sizing: border-box; } .archive .tiles.fullwidth article .article-wrapper .txt-box .headline { padding-bottom: var(--space-xs); } .pagination-separator { display: none; } nav.pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 58px; border-radius: 29px; border: 1px solid var(--color-plm-gold-80); padding: 0 var(--space-xxxs); } nav.pagination .nav-links .page-numbers.prev, nav.pagination .nav-links .page-numbers.next { display: flex; justify-content: center; align-items: center; background-color: var(--color-plm-gold); width: 42px; height: 42px; border-radius: 21px; font-size: 22px; color: var(--color-plm-white); } nav.pagination .nav-links a.prev:hover, nav.pagination .nav-links a.next:hover { background-color: var(--color-link-hover); } nav.pagination .nav-links .prev.placeholder, nav.pagination .nav-links .next.placeholder { opacity: .5; } nav.pagination .nav-links .nav-prev-text, nav.pagination .nav-links .nav-next-text { display: none; } nav.pagination .nav-links .page-numbers { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 18px; } nav.pagination .nav-links .page-numbers.current { color: var(--color-plm-white); background-color: var(--color-plm-gold); } nav.pagination .nav-links .page-numbers.dots { color: var(--color-plm-gold); } nav.pagination .nav-links a.page-numbers:hover { color: var(--color-plm-white); background-color: var(--color-link-hover); } .archive .tiles.fullwidth article .article-wrapper .txt-box p+.btn-solid { margin-top: var(--space-md); } .archive .tiles.bustrips { margin-bottom: var(--space-xl); } .archive .tiles.bustrips article .article-wrapper .txt-box .headline { font-size: calc(1em * 21 / var(--base-font-size)); line-height: 1.25em; } .archive .tiles.bustrips article .article-wrapper .txt-box .headline a { color: var(--color-text); } .archive .tiles.bustrips article .article-wrapper .txt-box .headline a:hover { color: var(--color-link-hover); } .bustripfilter-dimmer { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; background: rgba(48, 61, 72, 0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .bustripfilter-dimmer.active { display: block; } .bustrip-filter { position: relative; z-index: 101; background-color: var(--color-plm-white); box-shadow: var(--boxshadow-m-light); border-radius: 37px; margin-bottom: var(--space-md); } .bustrip-filter .actions { position: relative; z-index: 3; height: 74px; border-radius: 37px; background-color: var(--color-plm-white); box-shadow: var(--boxshadow-m-light); padding: var(--space-xs); box-sizing: border-box; } .bustrip-filter .actions ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; list-style-type: none; padding: 0; } .bustrip-filter .actions ul li { width: 20.5%; } .bustrip-filter .actions ul li.apply-filter { width: 11%; } .bustrip-filter .actions ul li.reset-filter { width: 42px; } .bustrip-filter .actions ul a, .bustrip-filter .actions ul button { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 42px; border-radius: 21px; color: var(--color-plm-grey); font-weight: 600; border: 2px solid var(--color-plm-grey); box-sizing: border-box; padding: 0 var(--space-xxs); } .bustrip-filter .actions ul a:hover { color: var(--color-plm-white); border: 2px solid var(--color-plm-grey-80); background-color: var(--color-plm-grey-80); } .bustrip-filter .actions ul a.active { color: var(--color-plm-white); background-color: var(--color-plm-grey); } .bustrip-filter .actions ul a.filter-set { color: var(--color-plm-white); border: 2px solid var(--color-plm-pink); background-color: var(--color-plm-pink); } .bustrip-filter .actions ul a svg { width: 1.5em; height: 1.5em; } .bustrip-filter .actions ul li.reset-filter a { justify-content: center; color: var(--color-plm-white); background-color: var(--color-plm-gold); border: 2px solid var(--color-plm-gold); padding: var(--space-xxxs); } .bustrip-filter .actions ul li.reset-filter a:hover { border: 2px solid var(--color-plm-pink); background-color: var(--color-plm-pink); } .bustrip-filter .actions ul li.reset-filter svg { transition: .75s; } .bustrip-filter .actions ul li.reset-filter a:hover svg { transform: rotate(360deg); } .bustrip-filter .actions ul button { color: var(--color-plm-white); justify-content: center; background-color: var(--color-plm-gold); border: 2px solid var(--color-plm-gold); cursor: pointer; } .bustrip-filter .actions ul button:hover { background-color: var(--color-link-hover); border: 2px solid var(--color-link-hover); } .bustrip-filter fieldset { position: absolute; top: 37px; z-index: 2; background-color: var(--color-plm-white); padding: 57px 20px 20px 20px; border-radius: var(--boxradius-l); border-top-left-radius: 0; border-top-right-radius: 0; display: flex; flex-wrap: wrap; justify-content: left; gap: 8px 0.5%; margin-bottom: 20px; box-shadow: var(--boxshadow-m-light); display: none; } .bustrip-filter fieldset legend { display: none; } .bustrip-filter fieldset label { display: flex; justify-content: space-between; color: var(--color-text); background-color: var(--color-plm-grey-10); width: 24.5%; border-radius: 2em; border: none; padding: var(--space-xxxs) var(--space-xs); box-sizing: border-box; cursor: pointer; } .bustrip-filter fieldset label:hover { color: var(--color-plm-white); background-color: var(--color-plm-grey-60) } .bustrip-filter fieldset label:has(input:checked) { color: var(--color-plm-white); background-color: var(--color-plm-grey) } .bustrip-filter fieldset label .count { opacity: .75; } .bustrip-filter fieldset label input { display: none; } .bustrip-filter fieldset select { appearance: none; background-color: var(--color-plm-grey-10); background-image: url("assets/images/chevron-down-grey.svg"); background-position: center right var(--space-xs); background-size: 28px; background-repeat: no-repeat; width: 24.5%; border-radius: 2em; border: none; padding: var(--space-xxxs) var(--space-xs); box-sizing: border-box; cursor: pointer; color: var(--color-text); font-family: var(--puelm-font-cabin); font-size: calc(1em * 18 / var(--base-font-size)); } .bustrip-filter fieldset select:hover { color: var(--color-plm-white); background-color: var(--color-plm-grey-60); background-image: url("assets/images/chevron-down-white.svg"); } .bustrip-filter fieldset select:has(option:checked:not([value=""])) { color: var(--color-plm-white); background-color: var(--color-plm-grey); background-image: url("assets/images/chevron-down-white.svg"); } .bustrip-filter-status { text-align: center; margin-bottom: var(--space-lg); background-color: var(--color-plm-gold-5); padding: var(--space-xs); border-radius: 2em; } .bustrip-filter-status strong { color: var(--color-plm-pink); } .single .container .wrapper { margin-bottom: var(--space-xxl); } .page .posthumbnail-fullwidth { background-image: var(--imgurl); background-size: cover; background-position: center; height: min(585px, 45vw); } .page .posthumbnail-fullwidth img { display: none; } .page .wp-post-image.rounded, .single .wp-post-image.rounded { width: 100%; height: auto; border-radius: var(--boxradius-m); margin: var(--space-sm) auto 0; } .page nav.breadcrumb, .single nav.breadcrumb { margin: var(--space-sm) auto; } .single .intro { margin-bottom: var(--space-sm); } .single .box { padding: var(--space-sm); border-radius: var(--boxradius-m); } .single .box+.box, .single .box+.nf-form-cont { margin-top: var(--space-lg); } .single .nf-form-cont h3 { color: lightcoral; } .single .box.light { background-color: var(--color-plm-gold-5); } .single .box .terms { color: var(--color-plm-gold); } .single .box h2 { font-family: var(--puelm-font-cabin); font-size: 24px; font-weight: 600; margin: 0; } .single .box h3 { font-family: var(--puelm-font-cabin); font-size: 21px; font-weight: 600; color: var(--color-plm-gold); margin: var(--space-xs) auto var(--space-xxxs); } .single .box ul { padding: 0 0 var(--space-xs) var(--space-md); } .single .box h2+ul { padding: var(--space-xs) 0 var(--space-xs) var(--space-md); } .single .box ul a { color: var(--color-text); } .single .box ul a:hover { color: var(--color-link-hover); } .single .box h2+p { padding: var(--space-xs) 0; } .single .box.img { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .single .box.img h2 { width: 100%; text-align: left; margin-bottom: var(--space-sm); } .single .box.img img { width: 100%; height: auto; border-radius: var(--boxradius-s); } .single .box.txt-img { display: flex; flex-wrap: wrap; justify-content: space-between; } .single .box.txt-img .img-box { width: 40%; background: linear-gradient(45deg, var(--color-plm-gold-40), var(--color-plm-gold-10)); border-radius: var(--boxradius-s); overflow: hidden; } .single .box.txt-img .img-box a img { transition: var(--transition-duration-slow); } .single .box.txt-img .img-box a:hover img { transform: scale(1.1); } .single .box.txt-img .img-box img { width: 100%; height: auto; display: block; } .single .box.txt-img .txt-box { width: 58%; } .single .gallery .img-box { position: relative; overflow: hidden; background: linear-gradient(45deg, var(--color-plm-gold-40), var(--color-plm-gold-10)); border-radius: var(--boxradius-m); } .single .gallery .img-box button.lightbox-button { width: 100%; height: 100%; background-image: var(--imgurl); background-size: cover; background-position: center; transition: var(--transition-duration-slow); cursor: pointer; } .single .gallery .img-box button.lightbox-button:hover { transform: scale(1.1); } .single .gallery .img-box button.lightbox-button img { display: none; } .single .gallery.grid { display: flex; flex-wrap: wrap; justify-content: center; background-color: var(--color-plm-gold-5); padding: var(--space-xxxs); margin-top: var(--space-md); border-radius: var(--boxradius-l); } .single .gallery.grid .img-box { width: calc(25% - 2 * var(--space-xxxs)); height: 200px; background-image: var(--imgurl); background-size: cover; background-position: center; margin: var(--space-xxxs); } .single .gallery.mosaic { margin: var(--space-lg) auto var(--space-xl); display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: var(--space-xs); grid-row-gap: var(--space-xs); height: 560px; } .single .gallery.mosaic.tiles-2 .img-box.box-1 { grid-row: span 2 / span 2; } .single .gallery.mosaic.tiles-2 .img-box.box-2 { grid-row: span 2 / span 2; grid-column: span 2 / span 2; } .single .gallery.mosaic.tiles-3 .img-box.box-1 { grid-row: span 2 / span 2; } .single .gallery.mosaic.tiles-3 .img-box.box-2 { grid-column: span 2 / span 2; } .single .gallery.mosaic.tiles-3 .img-box.box-3 { grid-column: span 2 / span 2; } .single .gallery.mosaic.tiles-4 .img-box.box-1 { grid-row: span 2 / span 2; } .single .gallery.mosaic.tiles-4 .img-box.box-4 { grid-column: span 2 / span 2; grid-column-start: 2; } .single .gallery.mosaic.tiles-5 .img-box.box-1 { grid-row: span 2 / span 2; } .single-bustrip .bustripstage { position: relative; display: flex; align-items: flex-end; } .single-bustrip .bustripstage .wrapper { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: var(--space-xxl); } .single-bustrip .bustripstage::before { content: ''; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background: linear-gradient(transparent 50%, var(--color-plm-grey-80)); mix-blend-mode: multiply; z-index: 1; } .single-bustrip .bustripstage .txt-box { position: relative; z-index: 2; width: 100%; opacity: calc(var(--scroll-progress)); transform: translateY(calc(0px - (1 - var(--scroll-progress)) * 200px)); transition: opacity 0.1s linear; } .single-bustrip .bustripstage .txt-box .subline, .single-bustrip .bustripstage .txt-box .subline a { font-size: 1em; color: var(--color-plm-gold-20); text-shadow: 2px 2px 10px var(--color-plm-grey-80); } .single-bustrip .bustripstage .txt-box .subline a:hover { color: var(--color-plm-white); } .single-bustrip .bustripstage .txt-box .headline { font-family: var(--puelm-font-instrument); font-size: calc(1em * 56 / var(--base-font-size)); line-height: 1em; color: var(--color-plm-white); margin: var(--space-xs) auto var(--space-sm); } .single-bustrip .posthumbnail-fullwidth { background-image: var(--imgurl); background-size: cover; background-position: center; height: min(585px, 45vw); } .single-bustrip .posthumbnail-fullwidth img { display: none; } .single-bustrip .bustrip-description { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: var(--space-lg); line-height: 1.4em; } .single-bustrip .bustrip-description h1 { width: 100%; margin: var(--space-sm) auto var(--space-lg); } .single-bustrip .bustrip-description .txt-box { width: 70%; } .single-bustrip .price-box { width: 25%; text-align: center; background-color: var(--color-plm-gold-20); border-radius: var(--boxradius-xl); } .single-bustrip .price-box .price-line { display: flex; flex-wrap: nowrap; justify-content: center; align-items: end; padding: var(--space-xs) 0 var(--space-xxs); } .single-bustrip .price-box .price-line span { display: block; } .single-bustrip .price-box .price-line .price { font-size: 50px; line-height: 1em; font-weight: 600; padding: 0 var(--space-xxxs); } .single-bustrip .price-box .btn-solid { width: 100%; } .single-bustrip .bustrip-itinerary { line-height: 1.4em; } .single-bustrip .bustrip-services { line-height: 1.4em; } .single-bustrip .bustrip-dates section { margin: var(--space-xs) auto; } .single-bustrip .bustrip-dates section article { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--color-plm-grey-60); } .single-bustrip .bustrip-dates section article:first-child { border-top: solid 1px #76807f; } .single-bustrip .bustrip-dates section article div { padding: 10px 10px; box-sizing: border-box; } .single-bustrip .bustrip-dates section article .available { text-align: left; display: flex; flex-wrap: nowrap; justify-content: left; } .single-bustrip .bustrip-dates section article .description { width: 42%; text-align: left; } .single-bustrip .bustrip-dates section article .date { width: 20%; white-space: nowrap; text-align: left; } .single-bustrip .bustrip-dates section article .price { width: 15%; white-space: nowrap; text-align: right; } .single-bustrip .bustrip-dates section article .booking { width: 15%; text-align: right; } .single-bustrip .bustrip-dates section article .available .status { padding: 0; border: 0; width: 15px; height: 15px; border-radius: 4px; margin: 0 5px 0 0; } .single-bustrip .bustrip-dates section article .available .status span { display: none; } .single-bustrip .bustrip-dates section article .available .status.green { background: #44ad4e; } .single-bustrip .bustrip-dates section article .available .status.neutral { background: #ddcd17; } .single-bustrip .bustrip-dates section article .booking .link-btn-g { text-transform: none; padding: 5px 10px; } .single-bustrip iframe { border: none; } .alfidcl_html h2 { font-size: 2em; } .alfidcl_html h3 { font-family: var(--puelm-font-cabin); font-size: 1.25em; margin-top: var(--space-sm); } .alfidcl_html h3 strong { font-weight: 400; } .lightbox { border-radius: var(--boxradius-l); padding: var(--space-xs); border: none; } .lightbox::backdrop { background-color: #303D48; opacity: 0.8; } .lightbox form { display: grid; grid-template-rows: 0 1fr min-content; justify-items: end; } .lightbox form img { border-radius: var(--boxradius-s); width: 100%; height: auto; } .lightbox form button { z-index: 10; width: 2em; height: 2em; border-radius: var(--boxradius-s); color: var(--color-plm-gold-5); background-color: var(--color-plm-gold); cursor: pointer; display: flex; justify-content: center; align-items: center; } .lightbox form button:hover { background-color: var(--color-link-hover); } .lightbox form button:focus { outline: none; } .lightbox form button svg { width: 50%; height: 50%; } :root:has(.lightbox[open]) { overflow: clip; } .ninja-forms-form-wrap { text-align: left; background-color: var(--color-plm-gold-20); padding: var(--space-md); border-radius: var(--boxradius-m); position: relative; } .ninja-forms-field { width: 100%; border: 1.5px solid var(--color-plm-gold); border-radius: 4px; font-size: 16px; font-family: var(--puelm-font-cabin); padding: var(--space-xxs); background-color: var(--color-plm-gold-5); box-sizing: border-box; } .ninja-forms-field:placeholder-shown { border: 1.5px solid var(--color-plm-gold-60); } .ninja-forms-field::placeholder { color: var(--color-plm-grey-80); } .ninja-forms-field[type=submit] { font-weight: 700; color: var(--color-plm-white); background-color: var(--color-plm-gold); border-radius: 2em; padding: var(--space-xxxs) var(--space-sm); cursor: pointer; } .ninja-forms-field[type=submit]:hover { background-color: var(--color-plm-pink); border: 1.5px solid var(--color-plm-pink); } .ninja-forms-form-wrap .nf-error .ninja-forms-field { border: 1px solid var(--color-plm-pink); } .ninja-forms-form-wrap .nf-error-msg, .ninja-forms-form-wrap .ninja-forms-req-symbol { color: var(--color-plm-pink); } .nf-field-container.subline { font-size: calc(1em * 22 / var(--base-font-size)); font-weight: 700; color: var(--color-plm-gold); } .nf-before-form-content { position: relative; } .nf-form-fields-required { position: absolute; top: .5em; right: 0; font-size: calc(1em * 14 / var(--base-font-size)); color: var(--color-text); } 
@media screen and (min-width: 0px) and (max-width: 1140px) {
 .header-spacer { flex-grow: 1; } .btn-show-navigation { margin-left: var(--space-xs); } .btn-show-navigation:hover { color: var(--color-plm-gold-60); } #site-header #main-navigation { width: 100%; order: 4; display: none; position: absolute; z-index: 10; top: var(--header-height); left: 0; bottom: 0; background-color: var(--color-plm-gold-10); padding: var(--space-xs); box-sizing: border-box; } #site-header #main-navigation.active { display: block; } #site-header #service-navigation { order: 2; } #site-header .btn-show-navigation { order: 3; } #main-navigation ul, #main-navigation ul { list-style-type: none; margin: 0; padding: 0; } #main-navigation ul.menu { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } #main-navigation ul.menu>li { width: 19%; padding-bottom: var(--space-xs); } #main-navigation ul.menu>li>a, #main-navigation ul.menu>li>span>a { display: block; font-weight: 600; color: var(--color-link-invers); background-color: var(--color-plm-gold); border-radius: 2em; padding: var(--space-xxxs) var(--space-xs); box-sizing: border-box; } #main-navigation ul.menu>li.menu-item-has-children>a, #main-navigation ul.menu>li.menu-item-has-children>span>a { border-radius: var(--boxradius-l); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #main-navigation ul.menu>li>a:hover, #main-navigation ul.menu>li>span>a:hover { background-color: var(--color-plm-pink); } #main-navigation ul.menu>li span { display: block; } #main-navigation ul.menu>li button { display: none; } #main-navigation ul.sub-menu li { padding: 0; } #main-navigation ul.sub-menu li a { display: block; background-color: var(--color-plm-gold-20); padding: var(--space-xxxs) var(--space-xs); } #main-navigation ul.sub-menu li:last-child a { padding-bottom: var(--space-xxs); border-bottom-left-radius: var(--boxradius-l); border-bottom-right-radius: var(--boxradius-l); } #main-navigation ul.sub-menu li a:hover { color: var(--color-link-invers); background-color: var(--color-plm-pink); } 
}

@media screen and (min-width: 0px) and (max-width: 575px) {
#site-header .header-title { width: 140px; } #service-navigation .menu li { margin: 0; } #service-navigation .menu-item a { border-radius: 0; padding: 0 var(--space-xxxs); color: var(--color-plm-white); background-color: var(--color-plm-gold); border: 1px solid var(--color-plm-gold); } #service-navigation .menu-item a:hover { color: var(--color-plm-white); background-color: var(--color-link-hover); border: 1px solid var(--color-link-hover); } #service-navigation .menu-item:first-child a { border-top-left-radius: 18px; border-bottom-left-radius: 18px; padding-left: var(--space-xxs); } #service-navigation .menu-item:last-child a { border-top-right-radius: 18px; border-bottom-right-radius: 18px; padding-right: var(--space-xxs); } #service-navigation .menu-item a span { display: none; } #service-navigation a svg { display: block; width: 1.25em; height: 1.25em; } #main-navigation ul.menu>li { width: 100%; } #site-footer .slogan, #site-footer .quick, #site-footer .contact { width: 100%; margin-bottom: var(--space-lg); } #site-footer .footer-line .wrapper { display: block; } #site-footer .footer-line nav ul { display: block; margin-top: var(--space-xs); line-height: 1.5em; } #site-footer .footer-line nav ul li { padding: 0; } .module-text-image .flex-box .txt-box, .module-text-image .flex-box .img-box { width: 100%; } .module-text-image .flex-box .txt-box { order: 2; } .module-text-image .flex-box.partially:not(.center) .img-box { padding-bottom: 70%; margin-bottom: var(--space-md); order: 1; } .module-offer .wrapper .header-box, .module-offer .wrapper .tiles-box { width: 100%; } .module-offer .wrapper .tiles-box { padding: 0 var(--space-md); } .module-offer .wrapper .tiles article .txt-box, .module-offer .wrapper .tiles article .img-box { position: relative; width: 100%; } .module-offer .wrapper .tiles article .txt-box { margin-top: var(--space-sm); } .module-benefits section article { width: 100%; } .module-announcement .flex-wrapper .txt-box { width: 100%; text-align: center; } .module-announcement .flex-wrapper .img-box { width: 100%; text-align: center; } .module-announcement .flex-wrapper .img-box img { max-width: 100%; height: auto; } .module-stage-bustriptop article .txt-box { width: 100%; } .archive .tiles article { width: 100%; } .archive .tiles.fullwidth article .article-wrapper .img-box, .archive .tiles.fullwidth article .article-wrapper .txt-box { width: 100%; } .archive .rows article .article-wrapper .title-box, .archive .rows article .article-wrapper .desc-box, .archive .rows article .article-wrapper .action-box { width: 100%; } .archive .rows article .article-wrapper .desc-box { margin: var(--space-xs) auto; } .bustrip-filter .actions { height: auto; } .bustrip-filter .actions ul li { width: 100%; } .bustrip-filter .actions ul li.apply-filter { width: auto; flex-grow: 1; margin-left: var(--space-xxs); } .bustrip-filter fieldset label, .bustrip-filter fieldset select { width: 100%; } .single-bustrip .bustripstage .txt-box .headline { font-size: calc(1em * 42 / var(--base-font-size)); } .single-bustrip .bustrip-description .txt-box { width: 100%; } .single-bustrip .price-box { margin-top: var(--space-sm); width: 100%; } .single-bustrip .bustrip-dates section article { padding: var(--space-xxs) 0; } .single-bustrip .bustrip-dates section article div { padding: 10px 0; box-sizing: border-box; } .single-bustrip .bustrip-dates section article .available { width: 15%; order: 2; flex-grow: 1; } .single-bustrip .bustrip-dates section article .description { width: 100%; font-weight: 600; order: 1; } .single-bustrip .bustrip-dates section article .date { width: 85%; order: 3; text-align: right; } .single-bustrip .bustrip-dates section article .price { width: 40%; font-weight: 600; text-align: left; order: 4; } .single-bustrip .bustrip-dates section article .booking { width: 50%; order: 5; }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
 #site-footer .slogan, #site-footer .quick, #site-footer .contact { width: 100%; margin-bottom: var(--space-lg); } #site-footer .footer-line .wrapper { display: block; } #site-footer .footer-line nav ul { display: block; margin-top: var(--space-xs); line-height: 1.5em; } #site-footer .footer-line nav ul li { padding: 0; } #main-navigation ul.menu>li { width: 49%; } #service-navigation .menu li { margin: 0; } #service-navigation .menu-item a { border-radius: 0; padding: 0 var(--space-xxxs); color: var(--color-plm-white); background-color: var(--color-plm-gold); border: 1px solid var(--color-plm-gold); } #service-navigation .menu-item a:hover { color: var(--color-plm-white); background-color: var(--color-link-hover); border: 1px solid var(--color-link-hover); } #service-navigation .menu-item:first-child a { border-top-left-radius: 18px; border-bottom-left-radius: 18px; padding-left: var(--space-xxs); } #service-navigation .menu-item:last-child a { border-top-right-radius: 18px; border-bottom-right-radius: 18px; padding-right: var(--space-xxs); } #service-navigation .menu-item a span { display: none; } #service-navigation a svg { display: block; width: 1.25em; height: 1.25em; } .module-text-image .flex-box .txt-box, .module-text-image .flex-box .img-box { width: 100%; } .module-text-image .flex-box .txt-box { order: 2; } .module-text-image .flex-box.partially:not(.center) .img-box { padding-bottom: 70%; margin-bottom: var(--space-md); order: 1; } .module-offer .wrapper .header-box, .module-offer .wrapper .tiles-box { width: 100%; } .module-offer .wrapper .tiles-box { padding: 0 var(--space-md); } .module-offer .wrapper .tiles article .txt-box, .module-offer .wrapper .tiles article .img-box { position: relative; width: 100%; } .module-offer .wrapper .tiles article .txt-box { margin-top: var(--space-sm); } .module-announcement .flex-wrapper .txt-box { width: 100%; text-align: center; } .module-announcement .flex-wrapper .img-box { width: 100%; text-align: center; } .module-stage-bustriptop article .txt-box { width: 60%; } .archive .tiles article { width: 100%; } .bustrip-filter .actions { height: auto; } .bustrip-filter .actions ul li { width: 49%; } .bustrip-filter .actions ul li.apply-filter { width: auto; flex-grow: 1; margin-left: var(--space-xxs); } .bustrip-filter fieldset label, .bustrip-filter fieldset select { width: 49%; } .single-bustrip .bustrip-description .txt-box { width: 100%; } .single-bustrip .price-box { margin-top: var(--space-sm); width: 100%; } .single-bustrip .bustrip-dates section article { padding: var(--space-xxs) 0; } .single-bustrip .bustrip-dates section article div { padding: 5px 0; box-sizing: border-box; } .single-bustrip .bustrip-dates section article .available { width: 55px; order: 3; } .single-bustrip .bustrip-dates section article .description { width: 100%; font-weight: 600; order: 1; } .single-bustrip .bustrip-dates section article .date { width: 100%; order: 2; } .single-bustrip .bustrip-dates section article .price { flex-grow: 1; font-weight: 600; text-align: left; order: 4; } .single-bustrip .bustrip-dates section article .booking { flex-grow: 1; order: 5; }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
 #site-footer .slogan, #site-footer .quick, #site-footer .contact { width: 100%; margin-bottom: var(--space-lg); } #site-footer .footer-line .wrapper { display: block; } #site-footer .footer-line nav ul { display: block; margin-top: var(--space-xs); line-height: 1.5em; } #site-footer .footer-line nav ul li { padding: 0; } #main-navigation ul.menu>li { width: 24%; } #service-navigation .menu li { margin: 0; } #service-navigation .menu-item a { border-radius: 0; padding: 0 var(--space-xxxs); color: var(--color-plm-white); background-color: var(--color-plm-gold); border: 1px solid var(--color-plm-gold); } #service-navigation .menu-item a:hover { color: var(--color-plm-white); background-color: var(--color-link-hover); border: 1px solid var(--color-link-hover); } #service-navigation .menu-item:first-child a { border-top-left-radius: 18px; border-bottom-left-radius: 18px; padding-left: var(--space-xxs); } #service-navigation .menu-item:last-child a { border-top-right-radius: 18px; border-bottom-right-radius: 18px; padding-right: var(--space-xxs); } #service-navigation .menu-item a span { display: none; } #service-navigation a svg { display: block; width: 1.25em; height: 1.25em; } .module-announcement .flex-wrapper .img-box img { width: 100%; height: auto; } .module-stage-bustriptop article .txt-box { width: 60%; } .archive .tiles article { width: 49%; } .bustrip-filter .actions { height: auto; } .bustrip-filter .actions ul li { width: 49%; } .bustrip-filter .actions ul li.apply-filter { width: auto; flex-grow: 1; margin-left: var(--space-xxs); } .bustrip-filter fieldset label, .bustrip-filter fieldset select { width: 32%; } .single-bustrip .bustrip-description .txt-box { width: 58%; } .single-bustrip .price-box { width: 40%; } .single-bustrip .bustrip-dates section article { padding: var(--space-xxs) 0; } .single-bustrip .bustrip-dates section article div { padding: 5px 0; box-sizing: border-box; } .single-bustrip .bustrip-dates section article .available { width: 15%; order: 2; } .single-bustrip .bustrip-dates section article .description { width: 100%; font-weight: 600; order: 1; } .single-bustrip .bustrip-dates section article .date { width: 30%; order: 3; } .single-bustrip .bustrip-dates section article .price { width: 20%; order: 4; } .single-bustrip .bustrip-dates section article .booking { width: 35%; order: 5; }
}

@media screen and (min-width: 993px) and (max-width: 1140px) {
 #service-navigation .menu li { margin: 0; } #service-navigation .menu-item a { border-radius: 0; padding: 0 var(--space-xxxs); color: var(--color-plm-white); background-color: var(--color-plm-gold); border: 1px solid var(--color-plm-gold); } #service-navigation .menu-item a:hover { color: var(--color-plm-white); background-color: var(--color-link-hover); border: 1px solid var(--color-link-hover); } #service-navigation .menu-item:first-child a { border-top-left-radius: 18px; border-bottom-left-radius: 18px; padding-left: var(--space-xxs); } #service-navigation .menu-item:last-child a { border-top-right-radius: 18px; border-bottom-right-radius: 18px; padding-right: var(--space-xxs); } #service-navigation .menu-item a span { display: none; } #service-navigation a svg { display: block; width: 1.25em; height: 1.25em; }
}

@media screen and (min-width: 1141px) {
 #site-header .header-navigations { width: 82.5%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #site-header #main-navigation { width: 54%; } #site-header #service-navigation { width: 28%; } #site-header .btn-show-navigation { display: none; } #main-navigation .wrapper { justify-content: center; } #main-navigation .menu { list-style-type: none; margin: 0; padding: 0 var(--space-xs); display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; box-sizing: border-box; } #main-navigation .menu li { margin: 0; padding: 0; } #main-navigation .menu li span { display: flex; flex-wrap: nowrap; justify-content: space-between; } #main-navigation .menu li a { color: var(--color-text); font-size: 18px; font-weight: 500; display: block; padding: var(--space-xxxs); } #main-navigation .menu li a:hover { color: var(--color-plm-gold); } #main-navigation .menu li.menu-item-has-children>span>a { padding-right: var(--space-xxxxs); } #main-navigation .menu li.menu-item-has-children button { background-color: transparent; font-size: 1.2em; line-height: 0; padding: 0; cursor: pointer; } #main-navigation .menu li.menu-item-has-children button[aria-expanded="true"] { transform: rotate(180deg); } #main-navigation .menu li.menu-item-has-children:hover button { color: var(--color-plm-gold); } #main-navigation .sub-menu { position: absolute; opacity: 0; visibility: hidden; z-index: 100; margin: 0; padding: 0; list-style-type: none; color: var(--color-text-invers); background-color: var(--color-plm-gold); border-radius: var(--boxradius-s); box-shadow: var(--boxshadow-m); } #main-navigation .menu li.menu-item-has-children:hover .sub-menu, #main-navigation .menu li.menu-item-has-children .sub-menu.is-open { opacity: 1; visibility: visible; } #main-navigation .sub-menu li a { font-size: 16px; color: var(--color-link-invers); padding: var(--space-xxxs) var(--space-xs); } #main-navigation .sub-menu li a:hover { color: var(--color-text); background-color: var(--color-plm-gold-10); } #main-navigation .sub-menu li:first-child a { padding-top: var(--space-xxs); background: var(--color-plm-gold); border-top-left-radius: var(--boxradius-s); border-top-right-radius: var(--boxradius-s); } #main-navigation .sub-menu li:first-child a:hover { background: var(--color-plm-gold-10); } #main-navigation .sub-menu li:first-child::before { content: ''; width: 10px; height: 10px; background: var(--color-plm-gold); box-shadow: var(--boxshadow-m); position: absolute; top: -5px; left: 15px; transform: rotate(45deg); transition: var(--transition-duration-fast); z-index: -1; } #main-navigation .sub-menu li:first-child:hover:before { background: var(--color-plm-gold-10); } #main-navigation .sub-menu li:last-child a { padding-bottom: var(--space-xxs); border-bottom-left-radius: var(--boxradius-s); border-bottom-right-radius: var(--boxradius-s); }
}