@charset "UTF-8"; /* Theme Name: premium-reha Theme URI: https://premium-reha.de Author: Claudia Boehm Author URI: https://pixelkommastrich.de Description: Theme for premium-reha.de Version: 1.0 Tags: responsive, clean, minimal, modern, wordpressify */ /*** The new CSS reset - version 1.11.3 (last updated 25.08.2024) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html):not(iframe):not(canvas):not(img):not(svg):not(video):not(audio):not(svg *):not(symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; } /* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */ ol { counter-reset: revert; } /* For images to not be able to exceed their container */ img { max-width: 100%; max-height: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: inherit; } ::placeholder { color: inherit; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; word-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @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');font-weight:400;font-style:normal} :root{--swiper-theme-color:#007aff} :host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1} .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block} .swiper-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:ease;transition-timing-function:initial;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box} .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-horizontal{touch-action:pan-y} .swiper-vertical{touch-action:pan-x} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block} .swiper-slide-invisible-blank{visibility:hidden} .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto} .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden} .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px} .swiper-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-3d{perspective:1200px} .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d} .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} .swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory} .swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none} .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none} .swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999} .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-left:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-top:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)} .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)} .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent} .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)} .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none} .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)} .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)} :root{--swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:calc(44px/ 44 * 27);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:44px;height:var(--swiper-navigation-size);margin-top:calc(0px - (44px/ 2));margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#007aff;color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none} .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important} .swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center} .swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)} .swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto} .swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;right:var(--swiper-navigation-sides-offset,10px);left:auto} .swiper-button-lock{display:none} .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-feature-settings:;font-variant:normal;font-variant:initial;line-height:1} .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'} .swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;right:var(--swiper-navigation-sides-offset,10px);left:auto} .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'} .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important} .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);top:auto;top:var(--swiper-pagination-top,auto);left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)} .swiper-pagination-bullet{width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet:only-child{display:none!important} .swiper-pagination-bullet-active{opacity:1;opacity:var(--swiper-pagination-bullet-opacity, 1);background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:8px;right:var(--swiper-pagination-right,8px);left:auto;left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)} .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block} .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px} .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform, .2s top} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)} .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap} .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform, .2s left} .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform, .2s right} .swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top} .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top} .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0} .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:rgba(0,0,0,.1);background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))} .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important} .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;left:var(--swiper-scrollbar-sides-offset,1%);bottom:4px;bottom:var(--swiper-scrollbar-bottom,4px);top:auto;top:var(--swiper-scrollbar-top,auto);z-index:50;height:4px;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * 1%);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))} .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:auto;left:var(--swiper-scrollbar-left,auto);right:4px;right:var(--swiper-scrollbar-right,4px);top:1%;top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:4px;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * 1%);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move;touch-action:none} .swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-grid>.swiper-wrapper{flex-wrap:wrap} .swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column} .swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out} .swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity} .swiper-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-fade .swiper-slide-active{pointer-events:auto} .swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper.swiper-cube{overflow:visible} .swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%} .swiper-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0} .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0} .swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)} .swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden} .swiper.swiper-flip{overflow:visible} .swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1} .swiper-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden} .swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height} .swiper.swiper-cards{overflow:visible} .swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden} /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @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');font-weight:400;font-style:normal} :root{--swiper-theme-color:#007aff} :host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1} .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block} .swiper-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:ease;transition-timing-function:initial;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box} .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-horizontal{touch-action:pan-y} .swiper-vertical{touch-action:pan-x} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block} .swiper-slide-invisible-blank{visibility:hidden} .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto} .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden} .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px} .swiper-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-3d{perspective:1200px} .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d} .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} .swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory} .swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none} .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none} .swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999} .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-left:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-top:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)} .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)} .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent} .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)} .flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible} .flatpickr-calendar.open{display:inline-block;z-index:99999} .flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)} .flatpickr-calendar.inline{display:block;position:relative;top:2px} .flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)} .flatpickr-calendar.static.open{z-index:999;display:block} .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important} .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6} .flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0} .flatpickr-calendar .hasWeeks .dayContainer{border-left:0} .flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6} .flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto} .flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px} .flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px} .flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%} .flatpickr-calendar:before{border-width:5px;margin:0 -5px} .flatpickr-calendar:after{border-width:4px;margin:0 -4px} .flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%} .flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6} .flatpickr-calendar.arrowTop:after{border-bottom-color:#fff} .flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%} .flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6} .flatpickr-calendar.arrowBottom:after{border-top-color:#fff} .flatpickr-calendar:focus{outline:0} .flatpickr-wrapper{position:relative;display:inline-block} .flatpickr-months{display:flex} .flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1} .flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)} .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none} .flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative} .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/} /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/} /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9} .flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747} .flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px} .flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit} .numInputWrapper{position:relative;height:auto} .numInputWrapper input,.numInputWrapper span{display:inline-block} .numInputWrapper input{width:100%} .numInputWrapper input::-ms-clear{display:none} .numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none} .numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box} .numInputWrapper span:hover{background:rgba(0,0,0,0.1)} .numInputWrapper span:active{background:rgba(0,0,0,0.2)} .numInputWrapper span:after{display:block;content:"";position:absolute} .numInputWrapper span.arrowUp{top:0;border-bottom:0} .numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%} .numInputWrapper span.arrowDown{top:50%} .numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%} .numInputWrapper span svg{width:inherit;height:auto} .numInputWrapper span svg path{fill:rgba(0,0,0,0.5)} .numInputWrapper:hover{background:rgba(0,0,0,0.05)} .numInputWrapper:hover span{opacity:1} .flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)} .flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0} .flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)} .flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block} .flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)} .flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)} .flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:baseline;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield} .flatpickr-current-month input.cur-year:focus{outline:0} .flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none} .flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:baseline;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto} .flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none} .flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)} .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0} .flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px} .flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1} span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder} .dayContainer,.flatpickr-weeks{padding:1px 0 0 0} .flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px} .flatpickr-days:focus{outline:0} .dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1} .dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6} .flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center} .flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6} .flatpickr-day.today{border-color:#959ea9} .flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff} .flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7} .flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px} .flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0} .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7} .flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px} .flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6} .flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default} .flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)} .flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7} .flatpickr-day.hidden{visibility:hidden} .rangeMode .flatpickr-day{margin-top:1px} .flatpickr-weekwrapper{float:left} .flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6} .flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px} .flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none} .flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden} .flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box} .flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex} .flatpickr-time:after{content:"";display:table;clear:both} .flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left} .flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939} .flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939} .flatpickr-time.hasSeconds .numInputWrapper{width:26%} .flatpickr-time.time24hr .numInputWrapper{width:49%} .flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield} .flatpickr-time input.flatpickr-hour{font-weight:bold} .flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400} .flatpickr-time input:focus{outline:0;border:0} .flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center} .flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400} .flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee} .flatpickr-input[readonly]{cursor:pointer} @keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}} @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes slidein { from { transform: translateY(-100%); } to { transform: translateY(0%); } } .news__article-title-link, body a:where(.index-link), body a:where(:not([class])) { text-decoration: underline; -webkit-text-decoration: underline solid #B38F2F; text-decoration: underline solid #B38F2F; text-decoration-thickness: 2px; -webkit-text-decoration: underline 2px #B38F2F; text-decoration: underline 2px #B38F2F; text-decoration-thickness: 2px; text-underline-offset: 4px; transition: text-decoration-color 0.3s 0s ease-in-out; } .news__article-title-link:active, body a:active:where(.index-link), body a:active:where(:not([class])), .news__article-title-link:hover, body a:hover:where(.index-link), body a:hover:where(:not([class])) { text-decoration-color: #000000; text-decoration-thickness: 1px; } @font-face { font-family: "Cinzel"; src: local("Cinzel"), url("font/cinzel.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; font-feature-settings: "liga" off, "clig" off; } @font-face { font-family: "SourceSans3"; src: local("SourceSans3"), url("font/sourcesans3-regular.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; font-feature-settings: "liga" off, "clig" off; } @font-face { font-family: "SourceSans3 Italic"; src: local("SourceSans3 Italic"), url("font/sourcesans3-italic.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; font-feature-settings: "liga" off, "clig" off; } .icon::before, .social__menu li a[href]:active::before, .social__menu li a[href]:focus::before, .social__menu li a[href]:hover::before, .social__menu li a[href]::before, .reviews__list-item p:first-child::before, .quote-video__content::before, .nav__close::before, label:has(input[type=checkbox])::before, .btn--secondary::before, .teaser__button::before, .steps__button::before, .rooms__button::before, .related__link::before, .wp-block-button--secondary .wp-block-button__link::before { content: ""; display: block; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .icon::after, .nav__close::after, label:has(input[type=checkbox])::after, .btn--secondary::after, .teaser__button::after, .steps__button::after, .rooms__button::after, .related__link::after, .wp-block-button--secondary .wp-block-button__link::after { -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .icon--close::before, .nav__close::before { -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUwIDUwIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8cGF0aCBkPSJNMTguNywxOC43bDEyLjYsMTIuNk0xOC43LDMxLjNsMTIuNi0xMi42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUwIDUwIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8cGF0aCBkPSJNMTguNywxOC43bDEyLjYsMTIuNk0xOC43LDMxLjNsMTIuNi0xMi42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg=="); } .icon--close::after, .nav__close::after { -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUwIDUwIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8cGF0aCBkPSJNMTguNywxOC43bDEyLjYsMTIuNk0xOC43LDMxLjNsMTIuNi0xMi42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUwIDUwIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8cGF0aCBkPSJNMTguNywxOC43bDEyLjYsMTIuNk0xOC43LDMxLjNsMTIuNi0xMi42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg=="); } .icon--arrow-right::before, .btn--secondary::before, .teaser__button::before, .steps__button::before, .rooms__button::before, .related__link::before, .wp-block-button--secondary .wp-block-button__link::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzOTEgMy41MzkwNkwyMC45OTk5IDExLjk5OTlMMTIuNTM5MSAyMC40NjA4IiBzdHJva2U9IiNCRUEyNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC45OTk5IDEyTDMgMTIiIHN0cm9rZT0iI0JFQTI2MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzOTEgMy41MzkwNkwyMC45OTk5IDExLjk5OTlMMTIuNTM5MSAyMC40NjA4IiBzdHJva2U9IiNCRUEyNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC45OTk5IDEyTDMgMTIiIHN0cm9rZT0iI0JFQTI2MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); } .icon--arrow-right::after, .btn--secondary::after, .teaser__button::after, .steps__button::after, .rooms__button::after, .related__link::after, .wp-block-button--secondary .wp-block-button__link::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzOTEgMy41MzkwNkwyMC45OTk5IDExLjk5OTlMMTIuNTM5MSAyMC40NjA4IiBzdHJva2U9IiNCRUEyNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC45OTk5IDEyTDMgMTIiIHN0cm9rZT0iI0JFQTI2MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzOTEgMy41MzkwNkwyMC45OTk5IDExLjk5OTlMMTIuNTM5MSAyMC40NjA4IiBzdHJva2U9IiNCRUEyNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC45OTk5IDEyTDMgMTIiIHN0cm9rZT0iI0JFQTI2MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); } .icon--checkmark::before, label:has(input[type=checkbox]:checked)::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIHY3LjEuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik01MzAuOCAxMzQuMUM1NDUuMSAxNDQuNSA1NDguMyAxNjQuNSA1MzcuOSAxNzguOEwyODEuOSA1MzAuOEMyNzYuNCA1MzguNCAyNjcuOSA1NDMuMSAyNTguNSA1NDMuOUMyNDkuMSA1NDQuNyAyNDAgNTQxLjIgMjMzLjQgNTM0LjZMMTA1LjQgNDA2LjZDOTIuOSAzOTQuMSA5Mi45IDM3My44IDEwNS40IDM2MS4zQzExNy45IDM0OC44IDEzOC4yIDM0OC44IDE1MC43IDM2MS4zTDI1Mi4yIDQ2Mi44TDQ4Ni4yIDE0MS4xQzQ5Ni42IDEyNi44IDUxNi42IDEyMy42IDUzMC45IDEzNHoiLz48L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIHY3LjEuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik01MzAuOCAxMzQuMUM1NDUuMSAxNDQuNSA1NDguMyAxNjQuNSA1MzcuOSAxNzguOEwyODEuOSA1MzAuOEMyNzYuNCA1MzguNCAyNjcuOSA1NDMuMSAyNTguNSA1NDMuOUMyNDkuMSA1NDQuNyAyNDAgNTQxLjIgMjMzLjQgNTM0LjZMMTA1LjQgNDA2LjZDOTIuOSAzOTQuMSA5Mi45IDM3My44IDEwNS40IDM2MS4zQzExNy45IDM0OC44IDEzOC4yIDM0OC44IDE1MC43IDM2MS4zTDI1Mi4yIDQ2Mi44TDQ4Ni4yIDE0MS4xQzQ5Ni42IDEyNi44IDUxNi42IDEyMy42IDUzMC45IDEzNHoiLz48L3N2Zz4="); } .icon--checkmark::after, label:has(input[type=checkbox]:checked)::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIHY3LjEuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik01MzAuOCAxMzQuMUM1NDUuMSAxNDQuNSA1NDguMyAxNjQuNSA1MzcuOSAxNzguOEwyODEuOSA1MzAuOEMyNzYuNCA1MzguNCAyNjcuOSA1NDMuMSAyNTguNSA1NDMuOUMyNDkuMSA1NDQuNyAyNDAgNTQxLjIgMjMzLjQgNTM0LjZMMTA1LjQgNDA2LjZDOTIuOSAzOTQuMSA5Mi45IDM3My44IDEwNS40IDM2MS4zQzExNy45IDM0OC44IDEzOC4yIDM0OC44IDE1MC43IDM2MS4zTDI1Mi4yIDQ2Mi44TDQ4Ni4yIDE0MS4xQzQ5Ni42IDEyNi44IDUxNi42IDEyMy42IDUzMC45IDEzNHoiLz48L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIHY3LjEuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik01MzAuOCAxMzQuMUM1NDUuMSAxNDQuNSA1NDguMyAxNjQuNSA1MzcuOSAxNzguOEwyODEuOSA1MzAuOEMyNzYuNCA1MzguNCAyNjcuOSA1NDMuMSAyNTguNSA1NDMuOUMyNDkuMSA1NDQuNyAyNDAgNTQxLjIgMjMzLjQgNTM0LjZMMTA1LjQgNDA2LjZDOTIuOSAzOTQuMSA5Mi45IDM3My44IDEwNS40IDM2MS4zQzExNy45IDM0OC44IDEzOC4yIDM0OC44IDE1MC43IDM2MS4zTDI1Mi4yIDQ2Mi44TDQ4Ni4yIDE0MS4xQzQ5Ni42IDEyNi44IDUxNi42IDEyMy42IDUzMC45IDEzNHoiLz48L3N2Zz4="); } .icon--quote::before, .reviews__list-item p:first-child::before, .quote-video__content::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA2NSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5Ljk3MzMgNS44NDU5OEM0MS4yMDg3IDMuMTk4NzUgNDMuMjM4MiAxLjQzMzkyIDQ2LjA2MTkgMC41NTE1MDdDNDguODg1NiAtMC4zMzA5MDUgNTEuNzk3NiAtMC4xNTQ0MjEgNTQuNzk3OCAxLjA4MDk2QzU3Ljk3NDUgMi4xMzk4NSA2MC4zNTcgNC42MTA2MSA2MS45NDUzIDguNDkzMjNDNjQuMjM5NiAxMy45NjQyIDY1LjEyMiAxOS4xNzA0IDY0LjU5MjYgMjQuMTExOUM2NC4wNjMxIDI5LjA1MzQgNjIuNDc0OCAzMy40NjU1IDU5LjgyNzYgMzcuMzQ4MUM1Ny4zNTY4IDQxLjQwNzIgNTQuMTgwMSA0NC41ODM5IDUwLjI5NzUgNDYuODc4MkM0Ni40MTQ5IDQ5LjE3MjQgNDIuMTc5MyA1MC40MDc4IDM3LjU5MDggNTAuNTg0M0wzNy4wNjEzIDQ4LjIwMThDNDIuNzA4OCA0Ni4yNjA1IDQ2LjQxNDkgNDMuNjEzMiA0OC4xNzk3IDQwLjI2MDFDNDkuOTQ0NSAzNi45MDY5IDUwLjQ3NCAzMy41NTM3IDQ5Ljc2ODEgMzAuMjAwNkM0OS4wNjIxIDI2Ljg0NzQgNDcuOTE1IDI0LjIwMDIgNDYuMzI2NiAyMi4yNTg5QzQ1LjI2NzcgMjAuODQ3IDQ0LjAzMjQgMTkuMzQ2OSA0Mi42MjA1IDE3Ljc1ODZDNDEuMjA4NyAxNi4xNzAyIDQwLjE0OTggMTQuNDA1NCAzOS40NDM4IDEyLjQ2NDFDMzguNzM3OSAxMC4zNDYzIDM4LjkxNDQgOC4xNDAyNiAzOS45NzMzIDUuODQ1OThaTTIuOTExOTYgNS44NDU5OEM0LjE0NzM0IDMuMTk4NzUgNi4xNzY4OSAxLjQzMzkyIDkuMDAwNiAwLjU1MTUwN0MxMS44MjQzIC0wLjMzMDkwNSAxNC43MzYzIC0wLjE1NDQyMSAxNy43MzY1IDEuMDgwOTZDMjAuOTEzMiAyLjEzOTg1IDIzLjI5NTcgNC42MTA2MSAyNC44ODQgOC40OTMyM0MyNy4xNzgzIDEzLjk2NDIgMjguMDYwNyAxOS4xNzA0IDI3LjUzMTMgMjQuMTExOUMyNy4wMDE4IDI5LjA1MzQgMjUuNDEzNSAzMy40NjU1IDIyLjc2NjIgMzcuMzQ4MUMyMC4yOTU1IDQxLjQwNzIgMTcuMTE4OCA0NC41ODM5IDEzLjIzNjIgNDYuODc4MkM5LjM1MzU3IDQ5LjE3MjQgNS4xMTc5OSA1MC40MDc4IDAuNTI5NDQ3IDUwLjU4NDNMMCA0OC4yMDE4QzUuNjQ3NDQgNDYuMjYwNSA5LjM1MzU3IDQzLjYxMzIgMTEuMTE4NCA0MC4yNjAxQzEyLjg4MzIgMzYuOTA2OSAxMy40MTI3IDMzLjU1MzcgMTIuNzA2NyAzMC4yMDA2QzEyLjAwMDggMjYuODQ3NCAxMC44NTM3IDI0LjIwMDIgOS4yNjUzMyAyMi4yNTg5QzguMjA2NDMgMjAuODQ3IDYuOTcxMDYgMTkuMzQ2OSA1LjU1OTIgMTcuNzU4NkM0LjE0NzM0IDE2LjE3MDIgMy4wODg0NCAxNC40MDU0IDIuMzgyNTEgMTIuNDY0MUMxLjY3NjU4IDEwLjM0NjMgMS44NTMwNyA4LjE0MDI2IDIuOTExOTYgNS44NDU5OFoiIGZpbGw9IiMwMDAiLz4KPC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA2NSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5Ljk3MzMgNS44NDU5OEM0MS4yMDg3IDMuMTk4NzUgNDMuMjM4MiAxLjQzMzkyIDQ2LjA2MTkgMC41NTE1MDdDNDguODg1NiAtMC4zMzA5MDUgNTEuNzk3NiAtMC4xNTQ0MjEgNTQuNzk3OCAxLjA4MDk2QzU3Ljk3NDUgMi4xMzk4NSA2MC4zNTcgNC42MTA2MSA2MS45NDUzIDguNDkzMjNDNjQuMjM5NiAxMy45NjQyIDY1LjEyMiAxOS4xNzA0IDY0LjU5MjYgMjQuMTExOUM2NC4wNjMxIDI5LjA1MzQgNjIuNDc0OCAzMy40NjU1IDU5LjgyNzYgMzcuMzQ4MUM1Ny4zNTY4IDQxLjQwNzIgNTQuMTgwMSA0NC41ODM5IDUwLjI5NzUgNDYuODc4MkM0Ni40MTQ5IDQ5LjE3MjQgNDIuMTc5MyA1MC40MDc4IDM3LjU5MDggNTAuNTg0M0wzNy4wNjEzIDQ4LjIwMThDNDIuNzA4OCA0Ni4yNjA1IDQ2LjQxNDkgNDMuNjEzMiA0OC4xNzk3IDQwLjI2MDFDNDkuOTQ0NSAzNi45MDY5IDUwLjQ3NCAzMy41NTM3IDQ5Ljc2ODEgMzAuMjAwNkM0OS4wNjIxIDI2Ljg0NzQgNDcuOTE1IDI0LjIwMDIgNDYuMzI2NiAyMi4yNTg5QzQ1LjI2NzcgMjAuODQ3IDQ0LjAzMjQgMTkuMzQ2OSA0Mi42MjA1IDE3Ljc1ODZDNDEuMjA4NyAxNi4xNzAyIDQwLjE0OTggMTQuNDA1NCAzOS40NDM4IDEyLjQ2NDFDMzguNzM3OSAxMC4zNDYzIDM4LjkxNDQgOC4xNDAyNiAzOS45NzMzIDUuODQ1OThaTTIuOTExOTYgNS44NDU5OEM0LjE0NzM0IDMuMTk4NzUgNi4xNzY4OSAxLjQzMzkyIDkuMDAwNiAwLjU1MTUwN0MxMS44MjQzIC0wLjMzMDkwNSAxNC43MzYzIC0wLjE1NDQyMSAxNy43MzY1IDEuMDgwOTZDMjAuOTEzMiAyLjEzOTg1IDIzLjI5NTcgNC42MTA2MSAyNC44ODQgOC40OTMyM0MyNy4xNzgzIDEzLjk2NDIgMjguMDYwNyAxOS4xNzA0IDI3LjUzMTMgMjQuMTExOUMyNy4wMDE4IDI5LjA1MzQgMjUuNDEzNSAzMy40NjU1IDIyLjc2NjIgMzcuMzQ4MUMyMC4yOTU1IDQxLjQwNzIgMTcuMTE4OCA0NC41ODM5IDEzLjIzNjIgNDYuODc4MkM5LjM1MzU3IDQ5LjE3MjQgNS4xMTc5OSA1MC40MDc4IDAuNTI5NDQ3IDUwLjU4NDNMMCA0OC4yMDE4QzUuNjQ3NDQgNDYuMjYwNSA5LjM1MzU3IDQzLjYxMzIgMTEuMTE4NCA0MC4yNjAxQzEyLjg4MzIgMzYuOTA2OSAxMy40MTI3IDMzLjU1MzcgMTIuNzA2NyAzMC4yMDA2QzEyLjAwMDggMjYuODQ3NCAxMC44NTM3IDI0LjIwMDIgOS4yNjUzMyAyMi4yNTg5QzguMjA2NDMgMjAuODQ3IDYuOTcxMDYgMTkuMzQ2OSA1LjU1OTIgMTcuNzU4NkM0LjE0NzM0IDE2LjE3MDIgMy4wODg0NCAxNC40MDU0IDIuMzgyNTEgMTIuNDY0MUMxLjY3NjU4IDEwLjM0NjMgMS44NTMwNyA4LjE0MDI2IDIuOTExOTYgNS44NDU5OFoiIGZpbGw9IiMwMDAiLz4KPC9zdmc+"); } .icon--quote::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA2NSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5Ljk3MzMgNS44NDU5OEM0MS4yMDg3IDMuMTk4NzUgNDMuMjM4MiAxLjQzMzkyIDQ2LjA2MTkgMC41NTE1MDdDNDguODg1NiAtMC4zMzA5MDUgNTEuNzk3NiAtMC4xNTQ0MjEgNTQuNzk3OCAxLjA4MDk2QzU3Ljk3NDUgMi4xMzk4NSA2MC4zNTcgNC42MTA2MSA2MS45NDUzIDguNDkzMjNDNjQuMjM5NiAxMy45NjQyIDY1LjEyMiAxOS4xNzA0IDY0LjU5MjYgMjQuMTExOUM2NC4wNjMxIDI5LjA1MzQgNjIuNDc0OCAzMy40NjU1IDU5LjgyNzYgMzcuMzQ4MUM1Ny4zNTY4IDQxLjQwNzIgNTQuMTgwMSA0NC41ODM5IDUwLjI5NzUgNDYuODc4MkM0Ni40MTQ5IDQ5LjE3MjQgNDIuMTc5MyA1MC40MDc4IDM3LjU5MDggNTAuNTg0M0wzNy4wNjEzIDQ4LjIwMThDNDIuNzA4OCA0Ni4yNjA1IDQ2LjQxNDkgNDMuNjEzMiA0OC4xNzk3IDQwLjI2MDFDNDkuOTQ0NSAzNi45MDY5IDUwLjQ3NCAzMy41NTM3IDQ5Ljc2ODEgMzAuMjAwNkM0OS4wNjIxIDI2Ljg0NzQgNDcuOTE1IDI0LjIwMDIgNDYuMzI2NiAyMi4yNTg5QzQ1LjI2NzcgMjAuODQ3IDQ0LjAzMjQgMTkuMzQ2OSA0Mi42MjA1IDE3Ljc1ODZDNDEuMjA4NyAxNi4xNzAyIDQwLjE0OTggMTQuNDA1NCAzOS40NDM4IDEyLjQ2NDFDMzguNzM3OSAxMC4zNDYzIDM4LjkxNDQgOC4xNDAyNiAzOS45NzMzIDUuODQ1OThaTTIuOTExOTYgNS44NDU5OEM0LjE0NzM0IDMuMTk4NzUgNi4xNzY4OSAxLjQzMzkyIDkuMDAwNiAwLjU1MTUwN0MxMS44MjQzIC0wLjMzMDkwNSAxNC43MzYzIC0wLjE1NDQyMSAxNy43MzY1IDEuMDgwOTZDMjAuOTEzMiAyLjEzOTg1IDIzLjI5NTcgNC42MTA2MSAyNC44ODQgOC40OTMyM0MyNy4xNzgzIDEzLjk2NDIgMjguMDYwNyAxOS4xNzA0IDI3LjUzMTMgMjQuMTExOUMyNy4wMDE4IDI5LjA1MzQgMjUuNDEzNSAzMy40NjU1IDIyLjc2NjIgMzcuMzQ4MUMyMC4yOTU1IDQxLjQwNzIgMTcuMTE4OCA0NC41ODM5IDEzLjIzNjIgNDYuODc4MkM5LjM1MzU3IDQ5LjE3MjQgNS4xMTc5OSA1MC40MDc4IDAuNTI5NDQ3IDUwLjU4NDNMMCA0OC4yMDE4QzUuNjQ3NDQgNDYuMjYwNSA5LjM1MzU3IDQzLjYxMzIgMTEuMTE4NCA0MC4yNjAxQzEyLjg4MzIgMzYuOTA2OSAxMy40MTI3IDMzLjU1MzcgMTIuNzA2NyAzMC4yMDA2QzEyLjAwMDggMjYuODQ3NCAxMC44NTM3IDI0LjIwMDIgOS4yNjUzMyAyMi4yNTg5QzguMjA2NDMgMjAuODQ3IDYuOTcxMDYgMTkuMzQ2OSA1LjU1OTIgMTcuNzU4NkM0LjE0NzM0IDE2LjE3MDIgMy4wODg0NCAxNC40MDU0IDIuMzgyNTEgMTIuNDY0MUMxLjY3NjU4IDEwLjM0NjMgMS44NTMwNyA4LjE0MDI2IDIuOTExOTYgNS44NDU5OFoiIGZpbGw9IiMwMDAiLz4KPC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA2NSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5Ljk3MzMgNS44NDU5OEM0MS4yMDg3IDMuMTk4NzUgNDMuMjM4MiAxLjQzMzkyIDQ2LjA2MTkgMC41NTE1MDdDNDguODg1NiAtMC4zMzA5MDUgNTEuNzk3NiAtMC4xNTQ0MjEgNTQuNzk3OCAxLjA4MDk2QzU3Ljk3NDUgMi4xMzk4NSA2MC4zNTcgNC42MTA2MSA2MS45NDUzIDguNDkzMjNDNjQuMjM5NiAxMy45NjQyIDY1LjEyMiAxOS4xNzA0IDY0LjU5MjYgMjQuMTExOUM2NC4wNjMxIDI5LjA1MzQgNjIuNDc0OCAzMy40NjU1IDU5LjgyNzYgMzcuMzQ4MUM1Ny4zNTY4IDQxLjQwNzIgNTQuMTgwMSA0NC41ODM5IDUwLjI5NzUgNDYuODc4MkM0Ni40MTQ5IDQ5LjE3MjQgNDIuMTc5MyA1MC40MDc4IDM3LjU5MDggNTAuNTg0M0wzNy4wNjEzIDQ4LjIwMThDNDIuNzA4OCA0Ni4yNjA1IDQ2LjQxNDkgNDMuNjEzMiA0OC4xNzk3IDQwLjI2MDFDNDkuOTQ0NSAzNi45MDY5IDUwLjQ3NCAzMy41NTM3IDQ5Ljc2ODEgMzAuMjAwNkM0OS4wNjIxIDI2Ljg0NzQgNDcuOTE1IDI0LjIwMDIgNDYuMzI2NiAyMi4yNTg5QzQ1LjI2NzcgMjAuODQ3IDQ0LjAzMjQgMTkuMzQ2OSA0Mi42MjA1IDE3Ljc1ODZDNDEuMjA4NyAxNi4xNzAyIDQwLjE0OTggMTQuNDA1NCAzOS40NDM4IDEyLjQ2NDFDMzguNzM3OSAxMC4zNDYzIDM4LjkxNDQgOC4xNDAyNiAzOS45NzMzIDUuODQ1OThaTTIuOTExOTYgNS44NDU5OEM0LjE0NzM0IDMuMTk4NzUgNi4xNzY4OSAxLjQzMzkyIDkuMDAwNiAwLjU1MTUwN0MxMS44MjQzIC0wLjMzMDkwNSAxNC43MzYzIC0wLjE1NDQyMSAxNy43MzY1IDEuMDgwOTZDMjAuOTEzMiAyLjEzOTg1IDIzLjI5NTcgNC42MTA2MSAyNC44ODQgOC40OTMyM0MyNy4xNzgzIDEzLjk2NDIgMjguMDYwNyAxOS4xNzA0IDI3LjUzMTMgMjQuMTExOUMyNy4wMDE4IDI5LjA1MzQgMjUuNDEzNSAzMy40NjU1IDIyLjc2NjIgMzcuMzQ4MUMyMC4yOTU1IDQxLjQwNzIgMTcuMTE4OCA0NC41ODM5IDEzLjIzNjIgNDYuODc4MkM5LjM1MzU3IDQ5LjE3MjQgNS4xMTc5OSA1MC40MDc4IDAuNTI5NDQ3IDUwLjU4NDNMMCA0OC4yMDE4QzUuNjQ3NDQgNDYuMjYwNSA5LjM1MzU3IDQzLjYxMzIgMTEuMTE4NCA0MC4yNjAxQzEyLjg4MzIgMzYuOTA2OSAxMy40MTI3IDMzLjU1MzcgMTIuNzA2NyAzMC4yMDA2QzEyLjAwMDggMjYuODQ3NCAxMC44NTM3IDI0LjIwMDIgOS4yNjUzMyAyMi4yNTg5QzguMjA2NDMgMjAuODQ3IDYuOTcxMDYgMTkuMzQ2OSA1LjU1OTIgMTcuNzU4NkM0LjE0NzM0IDE2LjE3MDIgMy4wODg0NCAxNC40MDU0IDIuMzgyNTEgMTIuNDY0MUMxLjY3NjU4IDEwLjM0NjMgMS44NTMwNyA4LjE0MDI2IDIuOTExOTYgNS44NDU5OFoiIGZpbGw9IiMwMDAiLz4KPC9zdmc+"); } .icon--info::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTYuNUMxMy4xNDIxIDE2LjUgMTYuNSAxMy4xNDIxIDE2LjUgOUMxNi41IDQuODU3ODYgMTMuMTQyMSAxLjUgOSAxLjVDNC44NTc4NiAxLjUgMS41IDQuODU3ODYgMS41IDlDMS41IDEzLjE0MjEgNC44NTc4NiAxNi41IDkgMTYuNVoiIHN0cm9rZT0iI0UwRTBFMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSAxMi43NVY5IiBzdHJva2U9IiNFMEUwRTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMDAwMDcgNS40OTc1NkM4LjkxNjYyIDUuNDk3NTYgOC44MzUwNCA1LjUyMjMxIDguNzY1NjUgNS41Njg2N0M4LjY5NjI2IDUuNjE1MDMgOC42NDIxOCA1LjY4MDkzIDguNjEwMjQgNS43NTgwM0M4LjU3ODMxIDUuODM1MTMgOC41Njk5NSA1LjkxOTk3IDguNTg2MjMgNi4wMDE4MkM4LjYwMjUxIDYuMDgzNjcgOC42NDI3IDYuMTU4ODUgOC43MDE3MSA2LjIxNzg2QzguNzYwNzIgNi4yNzY4NyA4LjgzNTkgNi4zMTcwNiA4LjkxNzc1IDYuMzMzMzRDOC45OTk2IDYuMzQ5NjIgOS4wODQ0NCA2LjM0MTI3IDkuMTYxNTQgNi4zMDkzM0M5LjIzODY0IDYuMjc3MzkgOS4zMDQ1NCA2LjIyMzMxIDkuMzUwOSA2LjE1MzkyQzkuMzk3MjcgNi4wODQ1NCA5LjQyMjAxIDYuMDAyOTYgOS40MjIwMSA1LjkxOTVDOS40MjIxNiA1Ljg2NDA1IDkuNDExMzUgNS44MDkxMiA5LjM5MDIgNS43NTc4NkM5LjM2OTA0IDUuNzA2NiA5LjMzNzk3IDUuNjYwMDIgOS4yOTg3NiA1LjYyMDgxQzkuMjU5NTUgNS41ODE2IDkuMjEyOTcgNS41NTA1MyA5LjE2MTcxIDUuNTI5MzhDOS4xMTA0NSA1LjUwODIyIDkuMDU1NTIgNS40OTc0MSA5LjAwMDA3IDUuNDk3NTZaIiBmaWxsPSIjRTBFMEUwIiBzdHJva2U9IiNFMEUwRTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTYuNUMxMy4xNDIxIDE2LjUgMTYuNSAxMy4xNDIxIDE2LjUgOUMxNi41IDQuODU3ODYgMTMuMTQyMSAxLjUgOSAxLjVDNC44NTc4NiAxLjUgMS41IDQuODU3ODYgMS41IDlDMS41IDEzLjE0MjEgNC44NTc4NiAxNi41IDkgMTYuNVoiIHN0cm9rZT0iI0UwRTBFMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSAxMi43NVY5IiBzdHJva2U9IiNFMEUwRTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMDAwMDcgNS40OTc1NkM4LjkxNjYyIDUuNDk3NTYgOC44MzUwNCA1LjUyMjMxIDguNzY1NjUgNS41Njg2N0M4LjY5NjI2IDUuNjE1MDMgOC42NDIxOCA1LjY4MDkzIDguNjEwMjQgNS43NTgwM0M4LjU3ODMxIDUuODM1MTMgOC41Njk5NSA1LjkxOTk3IDguNTg2MjMgNi4wMDE4MkM4LjYwMjUxIDYuMDgzNjcgOC42NDI3IDYuMTU4ODUgOC43MDE3MSA2LjIxNzg2QzguNzYwNzIgNi4yNzY4NyA4LjgzNTkgNi4zMTcwNiA4LjkxNzc1IDYuMzMzMzRDOC45OTk2IDYuMzQ5NjIgOS4wODQ0NCA2LjM0MTI3IDkuMTYxNTQgNi4zMDkzM0M5LjIzODY0IDYuMjc3MzkgOS4zMDQ1NCA2LjIyMzMxIDkuMzUwOSA2LjE1MzkyQzkuMzk3MjcgNi4wODQ1NCA5LjQyMjAxIDYuMDAyOTYgOS40MjIwMSA1LjkxOTVDOS40MjIxNiA1Ljg2NDA1IDkuNDExMzUgNS44MDkxMiA5LjM5MDIgNS43NTc4NkM5LjM2OTA0IDUuNzA2NiA5LjMzNzk3IDUuNjYwMDIgOS4yOTg3NiA1LjYyMDgxQzkuMjU5NTUgNS41ODE2IDkuMjEyOTcgNS41NTA1MyA5LjE2MTcxIDUuNTI5MzhDOS4xMTA0NSA1LjUwODIyIDkuMDU1NTIgNS40OTc0MSA5LjAwMDA3IDUuNDk3NTZaIiBmaWxsPSIjRTBFMEUwIiBzdHJva2U9IiNFMEUwRTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); } .icon--info::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTYuNUMxMy4xNDIxIDE2LjUgMTYuNSAxMy4xNDIxIDE2LjUgOUMxNi41IDQuODU3ODYgMTMuMTQyMSAxLjUgOSAxLjVDNC44NTc4NiAxLjUgMS41IDQuODU3ODYgMS41IDlDMS41IDEzLjE0MjEgNC44NTc4NiAxNi41IDkgMTYuNVoiIHN0cm9rZT0iI0UwRTBFMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSAxMi43NVY5IiBzdHJva2U9IiNFMEUwRTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMDAwMDcgNS40OTc1NkM4LjkxNjYyIDUuNDk3NTYgOC44MzUwNCA1LjUyMjMxIDguNzY1NjUgNS41Njg2N0M4LjY5NjI2IDUuNjE1MDMgOC42NDIxOCA1LjY4MDkzIDguNjEwMjQgNS43NTgwM0M4LjU3ODMxIDUuODM1MTMgOC41Njk5NSA1LjkxOTk3IDguNTg2MjMgNi4wMDE4MkM4LjYwMjUxIDYuMDgzNjcgOC42NDI3IDYuMTU4ODUgOC43MDE3MSA2LjIxNzg2QzguNzYwNzIgNi4yNzY4NyA4LjgzNTkgNi4zMTcwNiA4LjkxNzc1IDYuMzMzMzRDOC45OTk2IDYuMzQ5NjIgOS4wODQ0NCA2LjM0MTI3IDkuMTYxNTQgNi4zMDkzM0M5LjIzODY0IDYuMjc3MzkgOS4zMDQ1NCA2LjIyMzMxIDkuMzUwOSA2LjE1MzkyQzkuMzk3MjcgNi4wODQ1NCA5LjQyMjAxIDYuMDAyOTYgOS40MjIwMSA1LjkxOTVDOS40MjIxNiA1Ljg2NDA1IDkuNDExMzUgNS44MDkxMiA5LjM5MDIgNS43NTc4NkM5LjM2OTA0IDUuNzA2NiA5LjMzNzk3IDUuNjYwMDIgOS4yOTg3NiA1LjYyMDgxQzkuMjU5NTUgNS41ODE2IDkuMjEyOTcgNS41NTA1MyA5LjE2MTcxIDUuNTI5MzhDOS4xMTA0NSA1LjUwODIyIDkuMDU1NTIgNS40OTc0MSA5LjAwMDA3IDUuNDk3NTZaIiBmaWxsPSIjRTBFMEUwIiBzdHJva2U9IiNFMEUwRTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTYuNUMxMy4xNDIxIDE2LjUgMTYuNSAxMy4xNDIxIDE2LjUgOUMxNi41IDQuODU3ODYgMTMuMTQyMSAxLjUgOSAxLjVDNC44NTc4NiAxLjUgMS41IDQuODU3ODYgMS41IDlDMS41IDEzLjE0MjEgNC44NTc4NiAxNi41IDkgMTYuNVoiIHN0cm9rZT0iI0UwRTBFMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSAxMi43NVY5IiBzdHJva2U9IiNFMEUwRTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMDAwMDcgNS40OTc1NkM4LjkxNjYyIDUuNDk3NTYgOC44MzUwNCA1LjUyMjMxIDguNzY1NjUgNS41Njg2N0M4LjY5NjI2IDUuNjE1MDMgOC42NDIxOCA1LjY4MDkzIDguNjEwMjQgNS43NTgwM0M4LjU3ODMxIDUuODM1MTMgOC41Njk5NSA1LjkxOTk3IDguNTg2MjMgNi4wMDE4MkM4LjYwMjUxIDYuMDgzNjcgOC42NDI3IDYuMTU4ODUgOC43MDE3MSA2LjIxNzg2QzguNzYwNzIgNi4yNzY4NyA4LjgzNTkgNi4zMTcwNiA4LjkxNzc1IDYuMzMzMzRDOC45OTk2IDYuMzQ5NjIgOS4wODQ0NCA2LjM0MTI3IDkuMTYxNTQgNi4zMDkzM0M5LjIzODY0IDYuMjc3MzkgOS4zMDQ1NCA2LjIyMzMxIDkuMzUwOSA2LjE1MzkyQzkuMzk3MjcgNi4wODQ1NCA5LjQyMjAxIDYuMDAyOTYgOS40MjIwMSA1LjkxOTVDOS40MjIxNiA1Ljg2NDA1IDkuNDExMzUgNS44MDkxMiA5LjM5MDIgNS43NTc4NkM5LjM2OTA0IDUuNzA2NiA5LjMzNzk3IDUuNjYwMDIgOS4yOTg3NiA1LjYyMDgxQzkuMjU5NTUgNS41ODE2IDkuMjEyOTcgNS41NTA1MyA5LjE2MTcxIDUuNTI5MzhDOS4xMTA0NSA1LjUwODIyIDkuMDU1NTIgNS40OTc0MSA5LjAwMDA3IDUuNDk3NTZaIiBmaWxsPSIjRTBFMEUwIiBzdHJva2U9IiNFMEUwRTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); } .icon--plus::before, .steps__button::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIuNjM5NjVWMjAuNjM5NiIgc3Ryb2tlPSIjQkVBMjYwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMyAxMS42Mzk2SDIxIiBzdHJva2U9IiNCRUEyNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIuNjM5NjVWMjAuNjM5NiIgc3Ryb2tlPSIjQkVBMjYwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMyAxMS42Mzk2SDIxIiBzdHJva2U9IiNCRUEyNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="); } .icon--plus::after, .steps__button::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIuNjM5NjVWMjAuNjM5NiIgc3Ryb2tlPSIjQkVBMjYwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMyAxMS42Mzk2SDIxIiBzdHJva2U9IiNCRUEyNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIuNjM5NjVWMjAuNjM5NiIgc3Ryb2tlPSIjQkVBMjYwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMyAxMS42Mzk2SDIxIiBzdHJva2U9IiNCRUEyNjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="); } .icon--minus::before, .steps__button[aria-expanded=true]::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTEuNjM5NkgyMSIgc3Ryb2tlPSIjQkVBMjYwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTEuNjM5NkgyMSIgc3Ryb2tlPSIjQkVBMjYwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="); } .icon--minus::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTEuNjM5NkgyMSIgc3Ryb2tlPSIjQkVBMjYwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTEuNjM5NkgyMSIgc3Ryb2tlPSIjQkVBMjYwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="); } .icon--facebook::before, .social__menu li a[href*=facebook]::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjM3MyAxOC45OTk5VjEwLjc4OTJIMTQuMjY3NkwxNC43MDEgNy41ODkzOEgxMS4zNzI5VjUuNTQ2NDFDMTEuMzcyOSA0LjYxOTk4IDExLjY0MzEgMy45ODg2NiAxMy4wMzg1IDMuOTg4NjZMMTQuODE4MiAzLjk4Nzg3VjEuMTI1OTVDMTQuNTEwNCAxLjA4NzAyIDEzLjQ1MzkgMC45OTk4NzggMTIuMjI0OSAwLjk5OTg3OEM5LjY1ODg2IDAuOTk5ODc4IDcuOTAyMTIgMi40OTEwNSA3LjkwMjEyIDUuMjI5NlY3LjU4OTM4SDVWMTAuNzg5Mkg3LjkwMjEyVjE4Ljk5OThIMTEuMzczVjE4Ljk5OTlaIiBmaWxsPSIjQkVBMjYwIi8+Cjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjM3MyAxOC45OTk5VjEwLjc4OTJIMTQuMjY3NkwxNC43MDEgNy41ODkzOEgxMS4zNzI5VjUuNTQ2NDFDMTEuMzcyOSA0LjYxOTk4IDExLjY0MzEgMy45ODg2NiAxMy4wMzg1IDMuOTg4NjZMMTQuODE4MiAzLjk4Nzg3VjEuMTI1OTVDMTQuNTEwNCAxLjA4NzAyIDEzLjQ1MzkgMC45OTk4NzggMTIuMjI0OSAwLjk5OTg3OEM5LjY1ODg2IDAuOTk5ODc4IDcuOTAyMTIgMi40OTEwNSA3LjkwMjEyIDUuMjI5NlY3LjU4OTM4SDVWMTAuNzg5Mkg3LjkwMjEyVjE4Ljk5OThIMTEuMzczVjE4Ljk5OTlaIiBmaWxsPSIjQkVBMjYwIi8+Cjwvc3ZnPg=="); } .icon--facebook::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjM3MyAxOC45OTk5VjEwLjc4OTJIMTQuMjY3NkwxNC43MDEgNy41ODkzOEgxMS4zNzI5VjUuNTQ2NDFDMTEuMzcyOSA0LjYxOTk4IDExLjY0MzEgMy45ODg2NiAxMy4wMzg1IDMuOTg4NjZMMTQuODE4MiAzLjk4Nzg3VjEuMTI1OTVDMTQuNTEwNCAxLjA4NzAyIDEzLjQ1MzkgMC45OTk4NzggMTIuMjI0OSAwLjk5OTg3OEM5LjY1ODg2IDAuOTk5ODc4IDcuOTAyMTIgMi40OTEwNSA3LjkwMjEyIDUuMjI5NlY3LjU4OTM4SDVWMTAuNzg5Mkg3LjkwMjEyVjE4Ljk5OThIMTEuMzczVjE4Ljk5OTlaIiBmaWxsPSIjQkVBMjYwIi8+Cjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjM3MyAxOC45OTk5VjEwLjc4OTJIMTQuMjY3NkwxNC43MDEgNy41ODkzOEgxMS4zNzI5VjUuNTQ2NDFDMTEuMzcyOSA0LjYxOTk4IDExLjY0MzEgMy45ODg2NiAxMy4wMzg1IDMuOTg4NjZMMTQuODE4MiAzLjk4Nzg3VjEuMTI1OTVDMTQuNTEwNCAxLjA4NzAyIDEzLjQ1MzkgMC45OTk4NzggMTIuMjI0OSAwLjk5OTg3OEM5LjY1ODg2IDAuOTk5ODc4IDcuOTAyMTIgMi40OTEwNSA3LjkwMjEyIDUuMjI5NlY3LjU4OTM4SDVWMTAuNzg5Mkg3LjkwMjEyVjE4Ljk5OThIMTEuMzczVjE4Ljk5OTlaIiBmaWxsPSIjQkVBMjYwIi8+Cjwvc3ZnPg=="); } .icon--instagram::before, .social__menu li a[href*=instagram]::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDAuOTk5ODc4QzEzLjU5NTEgMC45OTk4NzggMTUuMzkyOCAwLjk5OTY4MyAxNi42ODc1IDEuODU2MzJDMTcuMjY1NyAyLjIzODg4IDE3Ljc2MSAyLjczNDIxIDE4LjE0MzYgMy4zMTIzOEMxOS4wMDAyIDQuNjA3MTEgMTkgNi40MDQ4MSAxOSA5Ljk5OTg4QzE5IDEzLjU5NDkgMTkuMDAwMiAxNS4zOTI2IDE4LjE0MzYgMTYuNjg3NEMxNy43NjEgMTcuMjY1NSAxNy4yNjU3IDE3Ljc2MDkgMTYuNjg3NSAxOC4xNDM0QzE1LjM5MjggMTkuMDAwMSAxMy41OTUxIDE4Ljk5OTkgMTAgMTguOTk5OUM2LjQwNDkzIDE4Ljk5OTkgNC42MDcyMyAxOS4wMDAxIDMuMzEyNSAxOC4xNDM0QzIuNzM0MzQgMTcuNzYwOSAyLjIzOSAxNy4yNjU1IDEuODU2NDUgMTYuNjg3NEMwLjk5OTgwNSAxNS4zOTI2IDEgMTMuNTk0OSAxIDkuOTk5ODhDMSA2LjQwNDgxIDAuOTk5ODA0IDQuNjA3MTEgMS44NTY0NSAzLjMxMjM4QzIuMjM5IDIuNzM0MjEgMi43MzQzNCAyLjIzODg4IDMuMzEyNSAxLjg1NjMyQzQuNjA3MjMgMC45OTk2ODIgNi40MDQ5MyAwLjk5OTg3OCAxMCAwLjk5OTg3OFpNMTAgNS4zNDA3QzcuNDI2ODcgNS4zNDA4MSA1LjM0MDk4IDcuNDI2NzYgNS4zNDA4MiA5Ljk5OTg4QzUuMzQwODIgMTIuNTczMSA3LjQyNjc3IDE0LjY1OTkgMTAgMTQuNjZDMTIuNTczMyAxNC42NiAxNC42NTkyIDEyLjU3MzIgMTQuNjU5MiA5Ljk5OTg4QzE0LjY1OSA3LjQyNjY5IDEyLjU3MzIgNS4zNDA3IDEwIDUuMzQwN1pNMTAgNi45MTY4N0MxMS43MDI2IDYuOTE2ODcgMTMuMDgyOSA4LjI5NzMxIDEzLjA4MyA5Ljk5OTg4QzEzLjA4MyAxMS43MDI2IDExLjcwMjcgMTMuMDgyOSAxMCAxMy4wODI5QzguMjk3NCAxMy4wODI4IDYuOTE2OTkgMTEuNzAyNSA2LjkxNjk5IDkuOTk5ODhDNi45MTcxNSA4LjI5NzM4IDguMjk3NDkgNi45MTY5OCAxMCA2LjkxNjg3Wk0xNC44NDM4IDQuMDExNkMxNC4yMzkyIDQuMDExNiAxMy43NDkyIDQuNTAxODMgMTMuNzQ5IDUuMTA2MzJDMTMuNzQ5IDUuNzEwOTggMTQuMjM5MSA2LjIwMTA1IDE0Ljg0MzggNi4yMDEwNUMxNS40NDg0IDYuMjAwOTkgMTUuOTM4NSA1LjcxMDk0IDE1LjkzODUgNS4xMDYzMkMxNS45MzgzIDQuNTAxODYgMTUuNDQ4MiA0LjAxMTY2IDE0Ljg0MzggNC4wMTE2WiIgZmlsbD0iI0JFQTI2MCIvPgo8L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDAuOTk5ODc4QzEzLjU5NTEgMC45OTk4NzggMTUuMzkyOCAwLjk5OTY4MyAxNi42ODc1IDEuODU2MzJDMTcuMjY1NyAyLjIzODg4IDE3Ljc2MSAyLjczNDIxIDE4LjE0MzYgMy4zMTIzOEMxOS4wMDAyIDQuNjA3MTEgMTkgNi40MDQ4MSAxOSA5Ljk5OTg4QzE5IDEzLjU5NDkgMTkuMDAwMiAxNS4zOTI2IDE4LjE0MzYgMTYuNjg3NEMxNy43NjEgMTcuMjY1NSAxNy4yNjU3IDE3Ljc2MDkgMTYuNjg3NSAxOC4xNDM0QzE1LjM5MjggMTkuMDAwMSAxMy41OTUxIDE4Ljk5OTkgMTAgMTguOTk5OUM2LjQwNDkzIDE4Ljk5OTkgNC42MDcyMyAxOS4wMDAxIDMuMzEyNSAxOC4xNDM0QzIuNzM0MzQgMTcuNzYwOSAyLjIzOSAxNy4yNjU1IDEuODU2NDUgMTYuNjg3NEMwLjk5OTgwNSAxNS4zOTI2IDEgMTMuNTk0OSAxIDkuOTk5ODhDMSA2LjQwNDgxIDAuOTk5ODA0IDQuNjA3MTEgMS44NTY0NSAzLjMxMjM4QzIuMjM5IDIuNzM0MjEgMi43MzQzNCAyLjIzODg4IDMuMzEyNSAxLjg1NjMyQzQuNjA3MjMgMC45OTk2ODIgNi40MDQ5MyAwLjk5OTg3OCAxMCAwLjk5OTg3OFpNMTAgNS4zNDA3QzcuNDI2ODcgNS4zNDA4MSA1LjM0MDk4IDcuNDI2NzYgNS4zNDA4MiA5Ljk5OTg4QzUuMzQwODIgMTIuNTczMSA3LjQyNjc3IDE0LjY1OTkgMTAgMTQuNjZDMTIuNTczMyAxNC42NiAxNC42NTkyIDEyLjU3MzIgMTQuNjU5MiA5Ljk5OTg4QzE0LjY1OSA3LjQyNjY5IDEyLjU3MzIgNS4zNDA3IDEwIDUuMzQwN1pNMTAgNi45MTY4N0MxMS43MDI2IDYuOTE2ODcgMTMuMDgyOSA4LjI5NzMxIDEzLjA4MyA5Ljk5OTg4QzEzLjA4MyAxMS43MDI2IDExLjcwMjcgMTMuMDgyOSAxMCAxMy4wODI5QzguMjk3NCAxMy4wODI4IDYuOTE2OTkgMTEuNzAyNSA2LjkxNjk5IDkuOTk5ODhDNi45MTcxNSA4LjI5NzM4IDguMjk3NDkgNi45MTY5OCAxMCA2LjkxNjg3Wk0xNC44NDM4IDQuMDExNkMxNC4yMzkyIDQuMDExNiAxMy43NDkyIDQuNTAxODMgMTMuNzQ5IDUuMTA2MzJDMTMuNzQ5IDUuNzEwOTggMTQuMjM5MSA2LjIwMTA1IDE0Ljg0MzggNi4yMDEwNUMxNS40NDg0IDYuMjAwOTkgMTUuOTM4NSA1LjcxMDk0IDE1LjkzODUgNS4xMDYzMkMxNS45MzgzIDQuNTAxODYgMTUuNDQ4MiA0LjAxMTY2IDE0Ljg0MzggNC4wMTE2WiIgZmlsbD0iI0JFQTI2MCIvPgo8L3N2Zz4="); } .icon--instagram::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDAuOTk5ODc4QzEzLjU5NTEgMC45OTk4NzggMTUuMzkyOCAwLjk5OTY4MyAxNi42ODc1IDEuODU2MzJDMTcuMjY1NyAyLjIzODg4IDE3Ljc2MSAyLjczNDIxIDE4LjE0MzYgMy4zMTIzOEMxOS4wMDAyIDQuNjA3MTEgMTkgNi40MDQ4MSAxOSA5Ljk5OTg4QzE5IDEzLjU5NDkgMTkuMDAwMiAxNS4zOTI2IDE4LjE0MzYgMTYuNjg3NEMxNy43NjEgMTcuMjY1NSAxNy4yNjU3IDE3Ljc2MDkgMTYuNjg3NSAxOC4xNDM0QzE1LjM5MjggMTkuMDAwMSAxMy41OTUxIDE4Ljk5OTkgMTAgMTguOTk5OUM2LjQwNDkzIDE4Ljk5OTkgNC42MDcyMyAxOS4wMDAxIDMuMzEyNSAxOC4xNDM0QzIuNzM0MzQgMTcuNzYwOSAyLjIzOSAxNy4yNjU1IDEuODU2NDUgMTYuNjg3NEMwLjk5OTgwNSAxNS4zOTI2IDEgMTMuNTk0OSAxIDkuOTk5ODhDMSA2LjQwNDgxIDAuOTk5ODA0IDQuNjA3MTEgMS44NTY0NSAzLjMxMjM4QzIuMjM5IDIuNzM0MjEgMi43MzQzNCAyLjIzODg4IDMuMzEyNSAxLjg1NjMyQzQuNjA3MjMgMC45OTk2ODIgNi40MDQ5MyAwLjk5OTg3OCAxMCAwLjk5OTg3OFpNMTAgNS4zNDA3QzcuNDI2ODcgNS4zNDA4MSA1LjM0MDk4IDcuNDI2NzYgNS4zNDA4MiA5Ljk5OTg4QzUuMzQwODIgMTIuNTczMSA3LjQyNjc3IDE0LjY1OTkgMTAgMTQuNjZDMTIuNTczMyAxNC42NiAxNC42NTkyIDEyLjU3MzIgMTQuNjU5MiA5Ljk5OTg4QzE0LjY1OSA3LjQyNjY5IDEyLjU3MzIgNS4zNDA3IDEwIDUuMzQwN1pNMTAgNi45MTY4N0MxMS43MDI2IDYuOTE2ODcgMTMuMDgyOSA4LjI5NzMxIDEzLjA4MyA5Ljk5OTg4QzEzLjA4MyAxMS43MDI2IDExLjcwMjcgMTMuMDgyOSAxMCAxMy4wODI5QzguMjk3NCAxMy4wODI4IDYuOTE2OTkgMTEuNzAyNSA2LjkxNjk5IDkuOTk5ODhDNi45MTcxNSA4LjI5NzM4IDguMjk3NDkgNi45MTY5OCAxMCA2LjkxNjg3Wk0xNC44NDM4IDQuMDExNkMxNC4yMzkyIDQuMDExNiAxMy43NDkyIDQuNTAxODMgMTMuNzQ5IDUuMTA2MzJDMTMuNzQ5IDUuNzEwOTggMTQuMjM5MSA2LjIwMTA1IDE0Ljg0MzggNi4yMDEwNUMxNS40NDg0IDYuMjAwOTkgMTUuOTM4NSA1LjcxMDk0IDE1LjkzODUgNS4xMDYzMkMxNS45MzgzIDQuNTAxODYgMTUuNDQ4MiA0LjAxMTY2IDE0Ljg0MzggNC4wMTE2WiIgZmlsbD0iI0JFQTI2MCIvPgo8L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDAuOTk5ODc4QzEzLjU5NTEgMC45OTk4NzggMTUuMzkyOCAwLjk5OTY4MyAxNi42ODc1IDEuODU2MzJDMTcuMjY1NyAyLjIzODg4IDE3Ljc2MSAyLjczNDIxIDE4LjE0MzYgMy4zMTIzOEMxOS4wMDAyIDQuNjA3MTEgMTkgNi40MDQ4MSAxOSA5Ljk5OTg4QzE5IDEzLjU5NDkgMTkuMDAwMiAxNS4zOTI2IDE4LjE0MzYgMTYuNjg3NEMxNy43NjEgMTcuMjY1NSAxNy4yNjU3IDE3Ljc2MDkgMTYuNjg3NSAxOC4xNDM0QzE1LjM5MjggMTkuMDAwMSAxMy41OTUxIDE4Ljk5OTkgMTAgMTguOTk5OUM2LjQwNDkzIDE4Ljk5OTkgNC42MDcyMyAxOS4wMDAxIDMuMzEyNSAxOC4xNDM0QzIuNzM0MzQgMTcuNzYwOSAyLjIzOSAxNy4yNjU1IDEuODU2NDUgMTYuNjg3NEMwLjk5OTgwNSAxNS4zOTI2IDEgMTMuNTk0OSAxIDkuOTk5ODhDMSA2LjQwNDgxIDAuOTk5ODA0IDQuNjA3MTEgMS44NTY0NSAzLjMxMjM4QzIuMjM5IDIuNzM0MjEgMi43MzQzNCAyLjIzODg4IDMuMzEyNSAxLjg1NjMyQzQuNjA3MjMgMC45OTk2ODIgNi40MDQ5MyAwLjk5OTg3OCAxMCAwLjk5OTg3OFpNMTAgNS4zNDA3QzcuNDI2ODcgNS4zNDA4MSA1LjM0MDk4IDcuNDI2NzYgNS4zNDA4MiA5Ljk5OTg4QzUuMzQwODIgMTIuNTczMSA3LjQyNjc3IDE0LjY1OTkgMTAgMTQuNjZDMTIuNTczMyAxNC42NiAxNC42NTkyIDEyLjU3MzIgMTQuNjU5MiA5Ljk5OTg4QzE0LjY1OSA3LjQyNjY5IDEyLjU3MzIgNS4zNDA3IDEwIDUuMzQwN1pNMTAgNi45MTY4N0MxMS43MDI2IDYuOTE2ODcgMTMuMDgyOSA4LjI5NzMxIDEzLjA4MyA5Ljk5OTg4QzEzLjA4MyAxMS43MDI2IDExLjcwMjcgMTMuMDgyOSAxMCAxMy4wODI5QzguMjk3NCAxMy4wODI4IDYuOTE2OTkgMTEuNzAyNSA2LjkxNjk5IDkuOTk5ODhDNi45MTcxNSA4LjI5NzM4IDguMjk3NDkgNi45MTY5OCAxMCA2LjkxNjg3Wk0xNC44NDM4IDQuMDExNkMxNC4yMzkyIDQuMDExNiAxMy43NDkyIDQuNTAxODMgMTMuNzQ5IDUuMTA2MzJDMTMuNzQ5IDUuNzEwOTggMTQuMjM5MSA2LjIwMTA1IDE0Ljg0MzggNi4yMDEwNUMxNS40NDg0IDYuMjAwOTkgMTUuOTM4NSA1LjcxMDk0IDE1LjkzODUgNS4xMDYzMkMxNS45MzgzIDQuNTAxODYgMTUuNDQ4MiA0LjAxMTY2IDE0Ljg0MzggNC4wMTE2WiIgZmlsbD0iI0JFQTI2MCIvPgo8L3N2Zz4="); } .icon--youtube::before, .social__menu li a[href*=youtube]::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjkyMDggMTYuNDEzM0w3LjAyMjc1IDE2LjM0MDVDNS43NjA2NCAxNi4zMTUxIDQuNDk1MzkgMTYuMzY1OCAzLjI1ODAzIDE2LjEwMjdDMS4zNzU3MiAxNS43MDk4IDEuMjQyMzggMTMuNzgzIDEuMTAyODQgMTIuMTY2OEMwLjkxMDU3MiA5Ljg5NDY0IDAuOTg1MDA0IDcuNTgxMjMgMS4zNDc4NCA1LjMyODAzQzEuNTUyNjcgNC4wNjM3NCAyLjM1ODc2IDMuMzA5MzQgMy42MDUzNSAzLjIyNzI0QzcuODEzNTIgMi45MjkzMSAxMi4wNDk3IDIuOTY0NjIgMTYuMjQ4NSAzLjEwMzYyQzE2LjY5MiAzLjExNjM2IDE3LjEzODUgMy4xODYgMTcuNTc1NyAzLjI2NTI3QzE5LjczNDEgMy42NTE5MSAxOS43ODY4IDUuODM1MzggMTkuOTI2NyA3LjY3MzQ0QzIwLjA2NjIgOS41MzA0NyAyMC4wMDczIDExLjM5NyAxOS43NDA2IDEzLjI0MTRDMTkuNTI2NiAxNC43Njg1IDE5LjExNzMgMTYuMDQ5MSAxNy4zODk2IDE2LjE3MjhDMTUuMjI1IDE2LjMzNDQgMTMuMTEwMSAxNi40NjQ2IDEwLjkzOTQgMTYuNDIzMUMxMC45Mzk1IDE2LjQxMzMgMTAuOTI3IDE2LjQxMzMgMTAuOTIwOCAxNi40MTMzWk04LjYyOTEzIDEyLjU0NzFDMTAuMjYwMyAxMS41OSAxMS44NjA0IDEwLjY0ODkgMTMuNDgyMyA5LjY5ODE2QzExLjg0ODEgOC43NDEwNSAxMC4yNTEgNy43OTk4OSA4LjYyOTEzIDYuODQ5MTlWMTIuNTQ3MVoiIGZpbGw9IiNCRUEyNjAiLz4KPC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjkyMDggMTYuNDEzM0w3LjAyMjc1IDE2LjM0MDVDNS43NjA2NCAxNi4zMTUxIDQuNDk1MzkgMTYuMzY1OCAzLjI1ODAzIDE2LjEwMjdDMS4zNzU3MiAxNS43MDk4IDEuMjQyMzggMTMuNzgzIDEuMTAyODQgMTIuMTY2OEMwLjkxMDU3MiA5Ljg5NDY0IDAuOTg1MDA0IDcuNTgxMjMgMS4zNDc4NCA1LjMyODAzQzEuNTUyNjcgNC4wNjM3NCAyLjM1ODc2IDMuMzA5MzQgMy42MDUzNSAzLjIyNzI0QzcuODEzNTIgMi45MjkzMSAxMi4wNDk3IDIuOTY0NjIgMTYuMjQ4NSAzLjEwMzYyQzE2LjY5MiAzLjExNjM2IDE3LjEzODUgMy4xODYgMTcuNTc1NyAzLjI2NTI3QzE5LjczNDEgMy42NTE5MSAxOS43ODY4IDUuODM1MzggMTkuOTI2NyA3LjY3MzQ0QzIwLjA2NjIgOS41MzA0NyAyMC4wMDczIDExLjM5NyAxOS43NDA2IDEzLjI0MTRDMTkuNTI2NiAxNC43Njg1IDE5LjExNzMgMTYuMDQ5MSAxNy4zODk2IDE2LjE3MjhDMTUuMjI1IDE2LjMzNDQgMTMuMTEwMSAxNi40NjQ2IDEwLjkzOTQgMTYuNDIzMUMxMC45Mzk1IDE2LjQxMzMgMTAuOTI3IDE2LjQxMzMgMTAuOTIwOCAxNi40MTMzWk04LjYyOTEzIDEyLjU0NzFDMTAuMjYwMyAxMS41OSAxMS44NjA0IDEwLjY0ODkgMTMuNDgyMyA5LjY5ODE2QzExLjg0ODEgOC43NDEwNSAxMC4yNTEgNy43OTk4OSA4LjYyOTEzIDYuODQ5MTlWMTIuNTQ3MVoiIGZpbGw9IiNCRUEyNjAiLz4KPC9zdmc+"); } .icon--youtube::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjkyMDggMTYuNDEzM0w3LjAyMjc1IDE2LjM0MDVDNS43NjA2NCAxNi4zMTUxIDQuNDk1MzkgMTYuMzY1OCAzLjI1ODAzIDE2LjEwMjdDMS4zNzU3MiAxNS43MDk4IDEuMjQyMzggMTMuNzgzIDEuMTAyODQgMTIuMTY2OEMwLjkxMDU3MiA5Ljg5NDY0IDAuOTg1MDA0IDcuNTgxMjMgMS4zNDc4NCA1LjMyODAzQzEuNTUyNjcgNC4wNjM3NCAyLjM1ODc2IDMuMzA5MzQgMy42MDUzNSAzLjIyNzI0QzcuODEzNTIgMi45MjkzMSAxMi4wNDk3IDIuOTY0NjIgMTYuMjQ4NSAzLjEwMzYyQzE2LjY5MiAzLjExNjM2IDE3LjEzODUgMy4xODYgMTcuNTc1NyAzLjI2NTI3QzE5LjczNDEgMy42NTE5MSAxOS43ODY4IDUuODM1MzggMTkuOTI2NyA3LjY3MzQ0QzIwLjA2NjIgOS41MzA0NyAyMC4wMDczIDExLjM5NyAxOS43NDA2IDEzLjI0MTRDMTkuNTI2NiAxNC43Njg1IDE5LjExNzMgMTYuMDQ5MSAxNy4zODk2IDE2LjE3MjhDMTUuMjI1IDE2LjMzNDQgMTMuMTEwMSAxNi40NjQ2IDEwLjkzOTQgMTYuNDIzMUMxMC45Mzk1IDE2LjQxMzMgMTAuOTI3IDE2LjQxMzMgMTAuOTIwOCAxNi40MTMzWk04LjYyOTEzIDEyLjU0NzFDMTAuMjYwMyAxMS41OSAxMS44NjA0IDEwLjY0ODkgMTMuNDgyMyA5LjY5ODE2QzExLjg0ODEgOC43NDEwNSAxMC4yNTEgNy43OTk4OSA4LjYyOTEzIDYuODQ5MTlWMTIuNTQ3MVoiIGZpbGw9IiNCRUEyNjAiLz4KPC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjkyMDggMTYuNDEzM0w3LjAyMjc1IDE2LjM0MDVDNS43NjA2NCAxNi4zMTUxIDQuNDk1MzkgMTYuMzY1OCAzLjI1ODAzIDE2LjEwMjdDMS4zNzU3MiAxNS43MDk4IDEuMjQyMzggMTMuNzgzIDEuMTAyODQgMTIuMTY2OEMwLjkxMDU3MiA5Ljg5NDY0IDAuOTg1MDA0IDcuNTgxMjMgMS4zNDc4NCA1LjMyODAzQzEuNTUyNjcgNC4wNjM3NCAyLjM1ODc2IDMuMzA5MzQgMy42MDUzNSAzLjIyNzI0QzcuODEzNTIgMi45MjkzMSAxMi4wNDk3IDIuOTY0NjIgMTYuMjQ4NSAzLjEwMzYyQzE2LjY5MiAzLjExNjM2IDE3LjEzODUgMy4xODYgMTcuNTc1NyAzLjI2NTI3QzE5LjczNDEgMy42NTE5MSAxOS43ODY4IDUuODM1MzggMTkuOTI2NyA3LjY3MzQ0QzIwLjA2NjIgOS41MzA0NyAyMC4wMDczIDExLjM5NyAxOS43NDA2IDEzLjI0MTRDMTkuNTI2NiAxNC43Njg1IDE5LjExNzMgMTYuMDQ5MSAxNy4zODk2IDE2LjE3MjhDMTUuMjI1IDE2LjMzNDQgMTMuMTEwMSAxNi40NjQ2IDEwLjkzOTQgMTYuNDIzMUMxMC45Mzk1IDE2LjQxMzMgMTAuOTI3IDE2LjQxMzMgMTAuOTIwOCAxNi40MTMzWk04LjYyOTEzIDEyLjU0NzFDMTAuMjYwMyAxMS41OSAxMS44NjA0IDEwLjY0ODkgMTMuNDgyMyA5LjY5ODE2QzExLjg0ODEgOC43NDEwNSAxMC4yNTEgNy43OTk4OSA4LjYyOTEzIDYuODQ5MTlWMTIuNTQ3MVoiIGZpbGw9IiNCRUEyNjAiLz4KPC9zdmc+"); } .icon--linkedin::before, .social__menu li a[href*=linkedin]::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMi45OTEyMkMxIDIuNDE0MDEgMS4yMDI3MSAxLjkzNzgyIDEuNjA4MTEgMS41NjI2NUMyLjAxMzUxIDEuMTg3NDYgMi41NDA1NSAwLjk5OTg3OCAzLjE4OTE5IDAuOTk5ODc4QzMuODI2MjYgMC45OTk4NzggNC4zNDE2OSAxLjE4NDU3IDQuNzM1NTIgMS41NTM5OUM1LjE0MDkyIDEuOTM0OTQgNS4zNDM2MyAyLjQzMTMyIDUuMzQzNjMgMy4wNDMxN0M1LjM0MzYzIDMuNTk3MjggNS4xNDY3MiA0LjA1OTAzIDQuNzUyOSA0LjQyODQ1QzQuMzQ3NSA0LjgwOTQgMy44MTQ2NyA0Ljk5OTg4IDMuMTU0NDQgNC45OTk4OEgzLjEzNzA3QzIuNDk5OTkgNC45OTk4OCAxLjk4NDU2IDQuODA5NCAxLjU5MDczIDQuNDI4NDVDMS4xOTY5MSA0LjA0NzUgMSAzLjU2ODQxIDEgMi45OTEyMlpNMS4yMjU4NyAxOC4xNDI3VjYuNTc1NjNINS4wODMwMVYxOC4xNDI3SDEuMjI1ODdaTTcuMjIwMDggMTguMTQyN0gxMS4wNzcyVjExLjY4MzlDMTEuMDc3MiAxMS4yNzk4IDExLjEyMzYgMTAuOTY4MSAxMS4yMTYyIDEwLjc0ODhDMTEuMzc4NCAxMC4zNTYzIDExLjYyNDUgMTAuMDI0NCAxMS45NTQ2IDkuNzUzMTJDMTIuMjg0NyA5LjQ4MTgzIDEyLjY5ODggOS4zNDYyIDEzLjE5NjkgOS4zNDYyQzE0LjQ5NDIgOS4zNDYyIDE1LjE0MjkgMTAuMjE3OCAxNS4xNDI5IDExLjk2MDlWMTguMTQyN0gxOVYxMS41MTA3QzE5IDkuODAyMTggMTguNTk0NiA4LjUwNjM3IDE3Ljc4MzggNy42MjMyNUMxNi45NzMgNi43NDAxNCAxNS45MDE1IDYuMjk4NTggMTQuNTY5NSA2LjI5ODU4QzEzLjA3NTMgNi4yOTg1OCAxMS45MTEyIDYuOTM5MjcgMTEuMDc3MiA4LjIyMDY1VjguMjU1MjlIMTEuMDU5OEwxMS4wNzcyIDguMjIwNjVWNi41NzU2M0g3LjIyMDA4QzcuMjQzMjQgNi45NDUwNCA3LjI1NDgzIDguMDkzNjYgNy4yNTQ4MyAxMC4wMjE1QzcuMjU0ODMgMTEuOTQ5NCA3LjI0MzI0IDE0LjY1NjQgNy4yMjAwOCAxOC4xNDI3WiIgZmlsbD0iI0JFQTI2MCIvPgo8L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMi45OTEyMkMxIDIuNDE0MDEgMS4yMDI3MSAxLjkzNzgyIDEuNjA4MTEgMS41NjI2NUMyLjAxMzUxIDEuMTg3NDYgMi41NDA1NSAwLjk5OTg3OCAzLjE4OTE5IDAuOTk5ODc4QzMuODI2MjYgMC45OTk4NzggNC4zNDE2OSAxLjE4NDU3IDQuNzM1NTIgMS41NTM5OUM1LjE0MDkyIDEuOTM0OTQgNS4zNDM2MyAyLjQzMTMyIDUuMzQzNjMgMy4wNDMxN0M1LjM0MzYzIDMuNTk3MjggNS4xNDY3MiA0LjA1OTAzIDQuNzUyOSA0LjQyODQ1QzQuMzQ3NSA0LjgwOTQgMy44MTQ2NyA0Ljk5OTg4IDMuMTU0NDQgNC45OTk4OEgzLjEzNzA3QzIuNDk5OTkgNC45OTk4OCAxLjk4NDU2IDQuODA5NCAxLjU5MDczIDQuNDI4NDVDMS4xOTY5MSA0LjA0NzUgMSAzLjU2ODQxIDEgMi45OTEyMlpNMS4yMjU4NyAxOC4xNDI3VjYuNTc1NjNINS4wODMwMVYxOC4xNDI3SDEuMjI1ODdaTTcuMjIwMDggMTguMTQyN0gxMS4wNzcyVjExLjY4MzlDMTEuMDc3MiAxMS4yNzk4IDExLjEyMzYgMTAuOTY4MSAxMS4yMTYyIDEwLjc0ODhDMTEuMzc4NCAxMC4zNTYzIDExLjYyNDUgMTAuMDI0NCAxMS45NTQ2IDkuNzUzMTJDMTIuMjg0NyA5LjQ4MTgzIDEyLjY5ODggOS4zNDYyIDEzLjE5NjkgOS4zNDYyQzE0LjQ5NDIgOS4zNDYyIDE1LjE0MjkgMTAuMjE3OCAxNS4xNDI5IDExLjk2MDlWMTguMTQyN0gxOVYxMS41MTA3QzE5IDkuODAyMTggMTguNTk0NiA4LjUwNjM3IDE3Ljc4MzggNy42MjMyNUMxNi45NzMgNi43NDAxNCAxNS45MDE1IDYuMjk4NTggMTQuNTY5NSA2LjI5ODU4QzEzLjA3NTMgNi4yOTg1OCAxMS45MTEyIDYuOTM5MjcgMTEuMDc3MiA4LjIyMDY1VjguMjU1MjlIMTEuMDU5OEwxMS4wNzcyIDguMjIwNjVWNi41NzU2M0g3LjIyMDA4QzcuMjQzMjQgNi45NDUwNCA3LjI1NDgzIDguMDkzNjYgNy4yNTQ4MyAxMC4wMjE1QzcuMjU0ODMgMTEuOTQ5NCA3LjI0MzI0IDE0LjY1NjQgNy4yMjAwOCAxOC4xNDI3WiIgZmlsbD0iI0JFQTI2MCIvPgo8L3N2Zz4="); } .icon--linkedin::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMi45OTEyMkMxIDIuNDE0MDEgMS4yMDI3MSAxLjkzNzgyIDEuNjA4MTEgMS41NjI2NUMyLjAxMzUxIDEuMTg3NDYgMi41NDA1NSAwLjk5OTg3OCAzLjE4OTE5IDAuOTk5ODc4QzMuODI2MjYgMC45OTk4NzggNC4zNDE2OSAxLjE4NDU3IDQuNzM1NTIgMS41NTM5OUM1LjE0MDkyIDEuOTM0OTQgNS4zNDM2MyAyLjQzMTMyIDUuMzQzNjMgMy4wNDMxN0M1LjM0MzYzIDMuNTk3MjggNS4xNDY3MiA0LjA1OTAzIDQuNzUyOSA0LjQyODQ1QzQuMzQ3NSA0LjgwOTQgMy44MTQ2NyA0Ljk5OTg4IDMuMTU0NDQgNC45OTk4OEgzLjEzNzA3QzIuNDk5OTkgNC45OTk4OCAxLjk4NDU2IDQuODA5NCAxLjU5MDczIDQuNDI4NDVDMS4xOTY5MSA0LjA0NzUgMSAzLjU2ODQxIDEgMi45OTEyMlpNMS4yMjU4NyAxOC4xNDI3VjYuNTc1NjNINS4wODMwMVYxOC4xNDI3SDEuMjI1ODdaTTcuMjIwMDggMTguMTQyN0gxMS4wNzcyVjExLjY4MzlDMTEuMDc3MiAxMS4yNzk4IDExLjEyMzYgMTAuOTY4MSAxMS4yMTYyIDEwLjc0ODhDMTEuMzc4NCAxMC4zNTYzIDExLjYyNDUgMTAuMDI0NCAxMS45NTQ2IDkuNzUzMTJDMTIuMjg0NyA5LjQ4MTgzIDEyLjY5ODggOS4zNDYyIDEzLjE5NjkgOS4zNDYyQzE0LjQ5NDIgOS4zNDYyIDE1LjE0MjkgMTAuMjE3OCAxNS4xNDI5IDExLjk2MDlWMTguMTQyN0gxOVYxMS41MTA3QzE5IDkuODAyMTggMTguNTk0NiA4LjUwNjM3IDE3Ljc4MzggNy42MjMyNUMxNi45NzMgNi43NDAxNCAxNS45MDE1IDYuMjk4NTggMTQuNTY5NSA2LjI5ODU4QzEzLjA3NTMgNi4yOTg1OCAxMS45MTEyIDYuOTM5MjcgMTEuMDc3MiA4LjIyMDY1VjguMjU1MjlIMTEuMDU5OEwxMS4wNzcyIDguMjIwNjVWNi41NzU2M0g3LjIyMDA4QzcuMjQzMjQgNi45NDUwNCA3LjI1NDgzIDguMDkzNjYgNy4yNTQ4MyAxMC4wMjE1QzcuMjU0ODMgMTEuOTQ5NCA3LjI0MzI0IDE0LjY1NjQgNy4yMjAwOCAxOC4xNDI3WiIgZmlsbD0iI0JFQTI2MCIvPgo8L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMi45OTEyMkMxIDIuNDE0MDEgMS4yMDI3MSAxLjkzNzgyIDEuNjA4MTEgMS41NjI2NUMyLjAxMzUxIDEuMTg3NDYgMi41NDA1NSAwLjk5OTg3OCAzLjE4OTE5IDAuOTk5ODc4QzMuODI2MjYgMC45OTk4NzggNC4zNDE2OSAxLjE4NDU3IDQuNzM1NTIgMS41NTM5OUM1LjE0MDkyIDEuOTM0OTQgNS4zNDM2MyAyLjQzMTMyIDUuMzQzNjMgMy4wNDMxN0M1LjM0MzYzIDMuNTk3MjggNS4xNDY3MiA0LjA1OTAzIDQuNzUyOSA0LjQyODQ1QzQuMzQ3NSA0LjgwOTQgMy44MTQ2NyA0Ljk5OTg4IDMuMTU0NDQgNC45OTk4OEgzLjEzNzA3QzIuNDk5OTkgNC45OTk4OCAxLjk4NDU2IDQuODA5NCAxLjU5MDczIDQuNDI4NDVDMS4xOTY5MSA0LjA0NzUgMSAzLjU2ODQxIDEgMi45OTEyMlpNMS4yMjU4NyAxOC4xNDI3VjYuNTc1NjNINS4wODMwMVYxOC4xNDI3SDEuMjI1ODdaTTcuMjIwMDggMTguMTQyN0gxMS4wNzcyVjExLjY4MzlDMTEuMDc3MiAxMS4yNzk4IDExLjEyMzYgMTAuOTY4MSAxMS4yMTYyIDEwLjc0ODhDMTEuMzc4NCAxMC4zNTYzIDExLjYyNDUgMTAuMDI0NCAxMS45NTQ2IDkuNzUzMTJDMTIuMjg0NyA5LjQ4MTgzIDEyLjY5ODggOS4zNDYyIDEzLjE5NjkgOS4zNDYyQzE0LjQ5NDIgOS4zNDYyIDE1LjE0MjkgMTAuMjE3OCAxNS4xNDI5IDExLjk2MDlWMTguMTQyN0gxOVYxMS41MTA3QzE5IDkuODAyMTggMTguNTk0NiA4LjUwNjM3IDE3Ljc4MzggNy42MjMyNUMxNi45NzMgNi43NDAxNCAxNS45MDE1IDYuMjk4NTggMTQuNTY5NSA2LjI5ODU4QzEzLjA3NTMgNi4yOTg1OCAxMS45MTEyIDYuOTM5MjcgMTEuMDc3MiA4LjIyMDY1VjguMjU1MjlIMTEuMDU5OEwxMS4wNzcyIDguMjIwNjVWNi41NzU2M0g3LjIyMDA4QzcuMjQzMjQgNi45NDUwNCA3LjI1NDgzIDguMDkzNjYgNy4yNTQ4MyAxMC4wMjE1QzcuMjU0ODMgMTEuOTQ5NCA3LjI0MzI0IDE0LjY1NjQgNy4yMjAwOCAxOC4xNDI3WiIgZmlsbD0iI0JFQTI2MCIvPgo8L3N2Zz4="); } .icon--whatsapp::before, .social__menu li a[href*="wa.me"]::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwNDggMC45OTk4NzhDMTQuOTY3NyAwLjk5OTg3OCAxOS4wMDQ3IDUuMDM2OTcgMTkuMDA0OCA5Ljk5OTg4QzE5LjAwNDggMTQuOTYyNyAxNC45Njc3IDE4Ljk5OTkgMTAuMDA0OCAxOC45OTk5QzguMTc0MTkgMTguOTk5OCA2LjQ3NTczIDE4LjQ1NTIgNS4wNTI2MSAxNy41MTM1TDEuNTkyNjUgMTguNjE5TDIuNzEzNzUgMTUuMjc1M0MxLjYzNDQ0IDEzLjc5MzcgMC45OTk4OTQgMTEuOTY4MSAwLjk5OTg3OCA5Ljk5OTg4QzAuOTk5ODc4IDUuMDM2OTMgNS4wMzY5MyAwLjk5OTg3OCA5Ljk5OTg4IDAuOTk5ODc4SDEwLjAwNDhaTTYuNjEzMTYgNS4xMTYwOUM2LjI2OTI4IDUuMTE2MTggNS45MTAxMiA1LjIxNzI3IDUuNjkzMjQgNS40MzkzM0M1LjQyODc4IDUuNzA5MTYgNC43NzIzNCA2LjMzODcgNC43NzIzNCA3LjYyOTc2QzQuNzcyNDUgOC45MTk4NyA1LjcxMjc3IDEwLjE2NzYgNS44NDA3IDEwLjM0MzZDNS45NzI5OSAxMC41MTggNy42NzY5IDEzLjIwNjEgMTAuMzIyMSAxNC4zMDE2QzEyLjM5MDkgMTUuMTU4OCAxMy4wMDU2IDE1LjA3ODkgMTMuNDc2NCAxNC45Nzg0QzE0LjE2NDEgMTQuODMwMSAxNS4wMjYxIDE0LjMyMjMgMTUuMjQzIDEzLjcwODlDMTUuNDYgMTMuMDk1IDE1LjQ2IDEyLjU3MDkgMTUuMzk2NCAxMi40NTk4QzE1LjMzMjggMTIuMzQ5IDE1LjE1ODQgMTIuMjg1NCAxNC44OTQ0IDEyLjE1MzJDMTQuNjMgMTIuMDIwOSAxMy4zNDQ1IDExLjM4NjYgMTMuMTAwNSAxMS4zMDE2QzEyLjg2MjQgMTEuMjExOCAxMi42MzQ3IDExLjI0MzIgMTIuNDU1IDExLjQ5NjlDMTIuMjAxIDExLjg1MTQgMTEuOTUyIDEyLjIxMTggMTEuNzUwOSAxMi40Mjg2QzExLjU5MjEgMTIuNTk3OCAxMS4zMzI4IDEyLjYxOTIgMTEuMTE2MSAxMi41MjkyQzEwLjgyNSAxMi40MDc2IDEwLjAxMDEgMTIuMTIxNSA5LjAwNDc2IDExLjIyNzRDOC4yMjcxNSAxMC41MzQ2IDcuNjk4MjcgOS42NzIzNyA3LjU0NDggOS40MTI5NkM3LjM5MTI5IDkuMTQ4NTEgNy41Mjg3MiA4Ljk5NDE5IDcuNjUwMjcgOC44NTE0NEM3Ljc4MjUyIDguNjg3NDIgNy45MDk2MiA4LjU3MTI5IDguMDQxODcgOC40MTc4NUM4LjE3NDE3IDguMjY0NDkgOC4yNDgyMiA4LjE4NDcgOC4zMzI4OSA4LjAwNDc2QzguNDIyNzEgNy44MzAyOSA4LjM1OTIgNy42NTA2NiA4LjI5NTc4IDcuNTE4NDNDOC4yMzIwOSA3LjM4NTU3IDcuNzAzMTIgNi4wOTQ3MSA3LjQ4NjIxIDUuNTcxMTdDNy4zMTE3MSA1LjE1MzUyIDcuMTc5MyA1LjEzNzU4IDYuOTE0OTIgNS4xMjY4M0M2LjgxNDYxIDUuMTIwMzggNi43MTM2NyA1LjExNjU5IDYuNjEzMTYgNS4xMTYwOVoiIGZpbGw9IiNCRUEyNjAiLz4KPC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwNDggMC45OTk4NzhDMTQuOTY3NyAwLjk5OTg3OCAxOS4wMDQ3IDUuMDM2OTcgMTkuMDA0OCA5Ljk5OTg4QzE5LjAwNDggMTQuOTYyNyAxNC45Njc3IDE4Ljk5OTkgMTAuMDA0OCAxOC45OTk5QzguMTc0MTkgMTguOTk5OCA2LjQ3NTczIDE4LjQ1NTIgNS4wNTI2MSAxNy41MTM1TDEuNTkyNjUgMTguNjE5TDIuNzEzNzUgMTUuMjc1M0MxLjYzNDQ0IDEzLjc5MzcgMC45OTk4OTQgMTEuOTY4MSAwLjk5OTg3OCA5Ljk5OTg4QzAuOTk5ODc4IDUuMDM2OTMgNS4wMzY5MyAwLjk5OTg3OCA5Ljk5OTg4IDAuOTk5ODc4SDEwLjAwNDhaTTYuNjEzMTYgNS4xMTYwOUM2LjI2OTI4IDUuMTE2MTggNS45MTAxMiA1LjIxNzI3IDUuNjkzMjQgNS40MzkzM0M1LjQyODc4IDUuNzA5MTYgNC43NzIzNCA2LjMzODcgNC43NzIzNCA3LjYyOTc2QzQuNzcyNDUgOC45MTk4NyA1LjcxMjc3IDEwLjE2NzYgNS44NDA3IDEwLjM0MzZDNS45NzI5OSAxMC41MTggNy42NzY5IDEzLjIwNjEgMTAuMzIyMSAxNC4zMDE2QzEyLjM5MDkgMTUuMTU4OCAxMy4wMDU2IDE1LjA3ODkgMTMuNDc2NCAxNC45Nzg0QzE0LjE2NDEgMTQuODMwMSAxNS4wMjYxIDE0LjMyMjMgMTUuMjQzIDEzLjcwODlDMTUuNDYgMTMuMDk1IDE1LjQ2IDEyLjU3MDkgMTUuMzk2NCAxMi40NTk4QzE1LjMzMjggMTIuMzQ5IDE1LjE1ODQgMTIuMjg1NCAxNC44OTQ0IDEyLjE1MzJDMTQuNjMgMTIuMDIwOSAxMy4zNDQ1IDExLjM4NjYgMTMuMTAwNSAxMS4zMDE2QzEyLjg2MjQgMTEuMjExOCAxMi42MzQ3IDExLjI0MzIgMTIuNDU1IDExLjQ5NjlDMTIuMjAxIDExLjg1MTQgMTEuOTUyIDEyLjIxMTggMTEuNzUwOSAxMi40Mjg2QzExLjU5MjEgMTIuNTk3OCAxMS4zMzI4IDEyLjYxOTIgMTEuMTE2MSAxMi41MjkyQzEwLjgyNSAxMi40MDc2IDEwLjAxMDEgMTIuMTIxNSA5LjAwNDc2IDExLjIyNzRDOC4yMjcxNSAxMC41MzQ2IDcuNjk4MjcgOS42NzIzNyA3LjU0NDggOS40MTI5NkM3LjM5MTI5IDkuMTQ4NTEgNy41Mjg3MiA4Ljk5NDE5IDcuNjUwMjcgOC44NTE0NEM3Ljc4MjUyIDguNjg3NDIgNy45MDk2MiA4LjU3MTI5IDguMDQxODcgOC40MTc4NUM4LjE3NDE3IDguMjY0NDkgOC4yNDgyMiA4LjE4NDcgOC4zMzI4OSA4LjAwNDc2QzguNDIyNzEgNy44MzAyOSA4LjM1OTIgNy42NTA2NiA4LjI5NTc4IDcuNTE4NDNDOC4yMzIwOSA3LjM4NTU3IDcuNzAzMTIgNi4wOTQ3MSA3LjQ4NjIxIDUuNTcxMTdDNy4zMTE3MSA1LjE1MzUyIDcuMTc5MyA1LjEzNzU4IDYuOTE0OTIgNS4xMjY4M0M2LjgxNDYxIDUuMTIwMzggNi43MTM2NyA1LjExNjU5IDYuNjEzMTYgNS4xMTYwOVoiIGZpbGw9IiNCRUEyNjAiLz4KPC9zdmc+"); } .icon--whatsapp::after { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwNDggMC45OTk4NzhDMTQuOTY3NyAwLjk5OTg3OCAxOS4wMDQ3IDUuMDM2OTcgMTkuMDA0OCA5Ljk5OTg4QzE5LjAwNDggMTQuOTYyNyAxNC45Njc3IDE4Ljk5OTkgMTAuMDA0OCAxOC45OTk5QzguMTc0MTkgMTguOTk5OCA2LjQ3NTczIDE4LjQ1NTIgNS4wNTI2MSAxNy41MTM1TDEuNTkyNjUgMTguNjE5TDIuNzEzNzUgMTUuMjc1M0MxLjYzNDQ0IDEzLjc5MzcgMC45OTk4OTQgMTEuOTY4MSAwLjk5OTg3OCA5Ljk5OTg4QzAuOTk5ODc4IDUuMDM2OTMgNS4wMzY5MyAwLjk5OTg3OCA5Ljk5OTg4IDAuOTk5ODc4SDEwLjAwNDhaTTYuNjEzMTYgNS4xMTYwOUM2LjI2OTI4IDUuMTE2MTggNS45MTAxMiA1LjIxNzI3IDUuNjkzMjQgNS40MzkzM0M1LjQyODc4IDUuNzA5MTYgNC43NzIzNCA2LjMzODcgNC43NzIzNCA3LjYyOTc2QzQuNzcyNDUgOC45MTk4NyA1LjcxMjc3IDEwLjE2NzYgNS44NDA3IDEwLjM0MzZDNS45NzI5OSAxMC41MTggNy42NzY5IDEzLjIwNjEgMTAuMzIyMSAxNC4zMDE2QzEyLjM5MDkgMTUuMTU4OCAxMy4wMDU2IDE1LjA3ODkgMTMuNDc2NCAxNC45Nzg0QzE0LjE2NDEgMTQuODMwMSAxNS4wMjYxIDE0LjMyMjMgMTUuMjQzIDEzLjcwODlDMTUuNDYgMTMuMDk1IDE1LjQ2IDEyLjU3MDkgMTUuMzk2NCAxMi40NTk4QzE1LjMzMjggMTIuMzQ5IDE1LjE1ODQgMTIuMjg1NCAxNC44OTQ0IDEyLjE1MzJDMTQuNjMgMTIuMDIwOSAxMy4zNDQ1IDExLjM4NjYgMTMuMTAwNSAxMS4zMDE2QzEyLjg2MjQgMTEuMjExOCAxMi42MzQ3IDExLjI0MzIgMTIuNDU1IDExLjQ5NjlDMTIuMjAxIDExLjg1MTQgMTEuOTUyIDEyLjIxMTggMTEuNzUwOSAxMi40Mjg2QzExLjU5MjEgMTIuNTk3OCAxMS4zMzI4IDEyLjYxOTIgMTEuMTE2MSAxMi41MjkyQzEwLjgyNSAxMi40MDc2IDEwLjAxMDEgMTIuMTIxNSA5LjAwNDc2IDExLjIyNzRDOC4yMjcxNSAxMC41MzQ2IDcuNjk4MjcgOS42NzIzNyA3LjU0NDggOS40MTI5NkM3LjM5MTI5IDkuMTQ4NTEgNy41Mjg3MiA4Ljk5NDE5IDcuNjUwMjcgOC44NTE0NEM3Ljc4MjUyIDguNjg3NDIgNy45MDk2MiA4LjU3MTI5IDguMDQxODcgOC40MTc4NUM4LjE3NDE3IDguMjY0NDkgOC4yNDgyMiA4LjE4NDcgOC4zMzI4OSA4LjAwNDc2QzguNDIyNzEgNy44MzAyOSA4LjM1OTIgNy42NTA2NiA4LjI5NTc4IDcuNTE4NDNDOC4yMzIwOSA3LjM4NTU3IDcuNzAzMTIgNi4wOTQ3MSA3LjQ4NjIxIDUuNTcxMTdDNy4zMTE3MSA1LjE1MzUyIDcuMTc5MyA1LjEzNzU4IDYuOTE0OTIgNS4xMjY4M0M2LjgxNDYxIDUuMTIwMzggNi43MTM2NyA1LjExNjU5IDYuNjEzMTYgNS4xMTYwOVoiIGZpbGw9IiNCRUEyNjAiLz4KPC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwNDggMC45OTk4NzhDMTQuOTY3NyAwLjk5OTg3OCAxOS4wMDQ3IDUuMDM2OTcgMTkuMDA0OCA5Ljk5OTg4QzE5LjAwNDggMTQuOTYyNyAxNC45Njc3IDE4Ljk5OTkgMTAuMDA0OCAxOC45OTk5QzguMTc0MTkgMTguOTk5OCA2LjQ3NTczIDE4LjQ1NTIgNS4wNTI2MSAxNy41MTM1TDEuNTkyNjUgMTguNjE5TDIuNzEzNzUgMTUuMjc1M0MxLjYzNDQ0IDEzLjc5MzcgMC45OTk4OTQgMTEuOTY4MSAwLjk5OTg3OCA5Ljk5OTg4QzAuOTk5ODc4IDUuMDM2OTMgNS4wMzY5MyAwLjk5OTg3OCA5Ljk5OTg4IDAuOTk5ODc4SDEwLjAwNDhaTTYuNjEzMTYgNS4xMTYwOUM2LjI2OTI4IDUuMTE2MTggNS45MTAxMiA1LjIxNzI3IDUuNjkzMjQgNS40MzkzM0M1LjQyODc4IDUuNzA5MTYgNC43NzIzNCA2LjMzODcgNC43NzIzNCA3LjYyOTc2QzQuNzcyNDUgOC45MTk4NyA1LjcxMjc3IDEwLjE2NzYgNS44NDA3IDEwLjM0MzZDNS45NzI5OSAxMC41MTggNy42NzY5IDEzLjIwNjEgMTAuMzIyMSAxNC4zMDE2QzEyLjM5MDkgMTUuMTU4OCAxMy4wMDU2IDE1LjA3ODkgMTMuNDc2NCAxNC45Nzg0QzE0LjE2NDEgMTQuODMwMSAxNS4wMjYxIDE0LjMyMjMgMTUuMjQzIDEzLjcwODlDMTUuNDYgMTMuMDk1IDE1LjQ2IDEyLjU3MDkgMTUuMzk2NCAxMi40NTk4QzE1LjMzMjggMTIuMzQ5IDE1LjE1ODQgMTIuMjg1NCAxNC44OTQ0IDEyLjE1MzJDMTQuNjMgMTIuMDIwOSAxMy4zNDQ1IDExLjM4NjYgMTMuMTAwNSAxMS4zMDE2QzEyLjg2MjQgMTEuMjExOCAxMi42MzQ3IDExLjI0MzIgMTIuNDU1IDExLjQ5NjlDMTIuMjAxIDExLjg1MTQgMTEuOTUyIDEyLjIxMTggMTEuNzUwOSAxMi40Mjg2QzExLjU5MjEgMTIuNTk3OCAxMS4zMzI4IDEyLjYxOTIgMTEuMTE2MSAxMi41MjkyQzEwLjgyNSAxMi40MDc2IDEwLjAxMDEgMTIuMTIxNSA5LjAwNDc2IDExLjIyNzRDOC4yMjcxNSAxMC41MzQ2IDcuNjk4MjcgOS42NzIzNyA3LjU0NDggOS40MTI5NkM3LjM5MTI5IDkuMTQ4NTEgNy41Mjg3MiA4Ljk5NDE5IDcuNjUwMjcgOC44NTE0NEM3Ljc4MjUyIDguNjg3NDIgNy45MDk2MiA4LjU3MTI5IDguMDQxODcgOC40MTc4NUM4LjE3NDE3IDguMjY0NDkgOC4yNDgyMiA4LjE4NDcgOC4zMzI4OSA4LjAwNDc2QzguNDIyNzEgNy44MzAyOSA4LjM1OTIgNy42NTA2NiA4LjI5NTc4IDcuNTE4NDNDOC4yMzIwOSA3LjM4NTU3IDcuNzAzMTIgNi4wOTQ3MSA3LjQ4NjIxIDUuNTcxMTdDNy4zMTE3MSA1LjE1MzUyIDcuMTc5MyA1LjEzNzU4IDYuOTE0OTIgNS4xMjY4M0M2LjgxNDYxIDUuMTIwMzggNi43MTM2NyA1LjExNjU5IDYuNjEzMTYgNS4xMTYwOVoiIGZpbGw9IiNCRUEyNjAiLz4KPC9zdmc+"); } @property --angle { syntax: ""; initial-value: 0deg; inherits: false; } html { overflow-x: hidden; scroll-behavior: smooth; font-size: 16px; } @media screen and (min-width: 768px) { html { font-size: 16px; } } @media screen and (min-width: 1680px) { html { font-size: 18px; } } html:has(dialog[open]), html:has(.nav--active) { overflow: hidden; position: fixed; width: 100vw; } body { font-weight: 400; font-variation-settings: "wght" 400; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision !important; background-size: 100vw auto; color: #262421; font-family: "SourceSans3", Helvetica, Arial, Geneva, sans-serif; line-height: 1.8; margin: 0 auto; position: relative; } @media screen and (max-width: 767px) { body { overflow-x: hidden; } } @media screen and (min-width: 768px), print { body { hyphens: none; } } h1 { font-weight: 600; font-variation-settings: "wght" 600; color: #BEA260; font-family: "Cinzel", Futura, Century Gothic, sans-serif; line-height: 1.2; margin-bottom: 16px; } @media screen and (min-width: 768px) { h1 { margin-bottom: 20px; } } @media screen and (min-width: 1680px) { h1 { margin-bottom: 24px; } } h1:where(.wp-block-heading.has-text-align-center, .gallery__headline) { font-family: "Cinzel", Futura, Century Gothic, sans-serif; color: #BEA260; } @media screen and (max-width: 767px) { h1 { word-break: break-word; } } h2, h3, h4, h5, h6 { color: #1A1A1A; line-height: 1.3; margin-bottom: 16px; font-weight: 500; font-variation-settings: "wght" 500; } @media screen and (min-width: 768px) { h2, h3, h4, h5, h6 { margin-bottom: 20px; } } @media screen and (min-width: 1680px) { h2, h3, h4, h5, h6 { margin-bottom: 24px; } } @media screen and (max-width: 767px) { h2, h3, h4, h5, h6 { word-break: break-word; } } .bg--ornament-dark h2, .bg--ornament-dark h3, .bg--ornament-dark h4, .bg--ornament-dark h5, .bg--ornament-dark h6 { color: #E1DAC3; } h1, .h1 { font-size: 36px; } @media screen and (min-width: 768px), print { h1, .h1 { font-size: 42px; } } @media screen and (min-width: 1280px) { h1, .h1 { font-size: 50px; } } h2, .h2, .slider-circle__headline { font-size: 32px; } @media screen and (min-width: 768px), print { h2, .h2, .slider-circle__headline { font-size: 36px; } } @media screen and (min-width: 1280px) { h2, .h2, .slider-circle__headline { font-size: 41px; } } h3, .h3 { font-size: 24px; } @media screen and (min-width: 768px), print { h3, .h3 { font-size: 32px; } } @media screen and (min-width: 1280px) { h3, .h3 { font-size: 36px; } } h4, .h4, .steps__title { font-size: 24px; } @media screen and (min-width: 768px), print { h4, .h4, .steps__title { font-size: 28px; } } @media screen and (min-width: 1280px) { h4, .h4, .steps__title { font-size: 32px; } } h5, .h5 { font-size: 20px; } @media screen and (min-width: 768px), print { h5, .h5 { font-size: 22px; } } @media screen and (min-width: 1280px) { h5, .h5 { font-size: 24px; } } h6, .h6 { font-size: 16px; } @media screen and (min-width: 768px), print { h6, .h6 { font-size: 18px; } } @media screen and (min-width: 1280px) { h6, .h6 { font-size: 20px; } } h2:where(.wp-block-heading.has-text-align-center:first-child, .gallery__headline:first-child) { font-weight: 600; font-variation-settings: "wght" 600; font-family: "Cinzel", Futura, Century Gothic, sans-serif; color: #BEA260; } h2:where(.wp-block-heading.has-text-align-center:first-child, .gallery__headline:first-child)::after { border-top: 1px solid #B38F2F; content: ""; display: block; margin-left: auto; margin-right: auto; width: 208px; margin-top: 16px; } @media screen and (min-width: 768px) { h2:where(.wp-block-heading.has-text-align-center:first-child, .gallery__headline:first-child)::after { margin-top: 20px; } } @media screen and (min-width: 1680px) { h2:where(.wp-block-heading.has-text-align-center:first-child, .gallery__headline:first-child)::after { margin-top: 24px; } } h1 + h2 { margin-top: 0; font-size: 24px; } @media screen and (min-width: 768px) { h1 + h2 { font-size: 32px; } } @media screen and (min-width: 1680px) { h1 + h2 { font-size: 36px; } } h2:where([id]) { counter-increment: list-index; } h2:where([id])::before { content: counter(list-index) "."; display: inline-block; padding-right: 0.3em; } .bg--ornament h4 { color: #BEA260; } h6 { font-family: "SourceSans3", Helvetica, Arial, Geneva, sans-serif; text-transform: uppercase; } body a:where(:not([class])) { color: inherit; } body a:where(.index-link) { color: inherit; } :where(p:not(:last-child)) { margin-bottom: 1em; } :where(p:not(:last-child)):empty { margin-bottom: 0; } p { margin-bottom: 8px; } @media screen and (min-width: 768px) { p { margin-bottom: 12px; } } @media screen and (min-width: 1680px) { p { margin-bottom: 16px; } } .bg--ornament-dark p { color: #E1DAC3; } p + h3 { margin-top: 48px; } @media screen and (min-width: 768px) { p + h3 { margin-top: 64px; } } @media screen and (min-width: 1680px) { p + h3 { margin-top: 80px; } } ul[class*=menu] { padding-left: 0; } .article ul:where(:not([class])) { list-style: disc; margin-left: 2em; } @media screen and (max-width: 767px) { .article ul:where(:not([class])) { margin-bottom: 32px; } } .article ul:where(:not([class])) li { margin-bottom: 0.5em; line-height: 1.5; } ol:where([class=index]) { list-style: decimal; padding-left: 1.5em; } strong { font-weight: 700; font-variation-settings: "wght" 700; } img { display: flex; height: auto; } sup { font-size: 80%; transform: translateY(-6px); display: inline-block; } .list--arrow { list-style-type: disc; margin-left: 1em; } .list--arrow li::marker { content: "» "; } .list--lined, .steps__text ul { border: 1px solid #D4AF37; border-width: 1px 0; margin: 0; padding-left: 24px; padding-top: 8px; padding-bottom: 8px; } @media screen and (min-width: 768px) { .list--lined, .steps__text ul { padding-top: 12px; } } @media screen and (min-width: 1680px) { .list--lined, .steps__text ul { padding-top: 16px; } } @media screen and (min-width: 768px) { .list--lined, .steps__text ul { padding-bottom: 12px; } } @media screen and (min-width: 1680px) { .list--lined, .steps__text ul { padding-bottom: 16px; } } .list--indent { list-style-type: none; margin-left: 0; position: relative; } .list--indent li { line-height: 1.5; margin-bottom: 0.5em; padding-left: 4em; } .list--indent li strong { display: block; left: 0; position: absolute; } .bg--white { position: relative; padding-top: 40px; padding-bottom: 40px; } .bg--white::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: none; background-color: #FFFFFF; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .bg--white .wp-block-group__inner-container { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .bg--white { padding-top: 48px; } } @media screen and (min-width: 1680px) { .bg--white { padding-top: 60px; } } @media screen and (min-width: 768px) { .bg--white { padding-bottom: 48px; } } @media screen and (min-width: 1680px) { .bg--white { padding-bottom: 60px; } } .bg--creme { position: relative; padding-top: 40px; padding-bottom: 40px; } .bg--creme::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: none; background-color: #F9F8F6; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .bg--creme .wp-block-group__inner-container { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .bg--creme { padding-top: 48px; } } @media screen and (min-width: 1680px) { .bg--creme { padding-top: 60px; } } @media screen and (min-width: 768px) { .bg--creme { padding-bottom: 48px; } } @media screen and (min-width: 1680px) { .bg--creme { padding-bottom: 60px; } } .bg--ornament-left { position: relative; padding-top: 40px; padding-bottom: 40px; } .bg--ornament-left::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: url(img/bg_ornament-left.svg); background-position: bottom left; background-color: #FFFFFF; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .bg--ornament-left .wp-block-group__inner-container { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .bg--ornament-left { padding-top: 48px; } } @media screen and (min-width: 1680px) { .bg--ornament-left { padding-top: 60px; } } @media screen and (min-width: 768px) { .bg--ornament-left { padding-bottom: 48px; } } @media screen and (min-width: 1680px) { .bg--ornament-left { padding-bottom: 60px; } } .bg--ornament-right { position: relative; padding-top: 40px; padding-bottom: 40px; } .bg--ornament-right::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: url(img/bg_ornament-right.svg); background-position: top right; background-color: #F9F8F6; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .bg--ornament-right .wp-block-group__inner-container { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .bg--ornament-right { padding-top: 48px; } } @media screen and (min-width: 1680px) { .bg--ornament-right { padding-top: 60px; } } @media screen and (min-width: 768px) { .bg--ornament-right { padding-bottom: 48px; } } @media screen and (min-width: 1680px) { .bg--ornament-right { padding-bottom: 60px; } } .bg--ornament-bordered { position: relative; padding-top: 40px; padding-bottom: 40px; } .bg--ornament-bordered::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: url(img/bg_ornament-right.svg); background-position: top right; background-color: #F9F8F6; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .bg--ornament-bordered .wp-block-group__inner-container { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .bg--ornament-bordered { padding-top: 48px; } } @media screen and (min-width: 1680px) { .bg--ornament-bordered { padding-top: 60px; } } @media screen and (min-width: 768px) { .bg--ornament-bordered { padding-bottom: 48px; } } @media screen and (min-width: 1680px) { .bg--ornament-bordered { padding-bottom: 60px; } } .bg--ornament-bordered::before { border-top: 8px solid #D4AF37; } .bg--ornament-diagonal { position: relative; padding-top: 64px; padding-bottom: 64px; } .bg--ornament-diagonal::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: url(img/bg_ornament-top-right.svg), url(img/bg_ornament-bottom-left.svg); background-position: top right, bottom left; background-repeat: no-repeat, no-repeat; background-size: cover, cover; background-color: #F9F8F6; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .bg--ornament-diagonal .wp-block-group__inner-container { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .bg--ornament-diagonal { padding-top: 96px; } } @media screen and (min-width: 1680px) { .bg--ornament-diagonal { padding-top: 120px; } } @media screen and (min-width: 768px) { .bg--ornament-diagonal { padding-bottom: 96px; } } @media screen and (min-width: 1680px) { .bg--ornament-diagonal { padding-bottom: 120px; } } .bg--ornament-dark { position: relative; padding-top: 40px; padding-bottom: 40px; } .bg--ornament-dark::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: cover; background-image: url(img/bg_ornament-dark.svg); background-position: center bottom; background-color: #2C2C2C; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .bg--ornament-dark .wp-block-group__inner-container { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .bg--ornament-dark { padding-top: 48px; } } @media screen and (min-width: 1680px) { .bg--ornament-dark { padding-top: 60px; } } @media screen and (min-width: 768px) { .bg--ornament-dark { padding-bottom: 48px; } } @media screen and (min-width: 1680px) { .bg--ornament-dark { padding-bottom: 60px; } } .bg--boxed { background: repeating-linear-gradient(30deg, #D4AF37 40%, #FFE286 80%, #B38F2F 100%); border-radius: 4px; padding: 2px; margin-left: auto; margin-right: auto; overflow: hidden; margin-top: 32px; } @media screen and (min-width: 768px) { .bg--boxed { margin-top: 40px; } } @media screen and (min-width: 1680px) { .bg--boxed { margin-top: 48px; } } @media screen and (min-width: 768px), print { .bg--boxed { width: 380px; } } .bg--boxed-inner { background-color: #FFFFFF; border-color: #F9F8F6; border-style: solid; border-width: 4px; } @media screen and (min-width: 768px) { .bg--boxed-inner { border-width: 6px; } } @media screen and (min-width: 1680px) { .bg--boxed-inner { border-width: 8px; } } .bg--boxed-inner p { padding: 8px; } @media screen and (min-width: 768px) { .bg--boxed-inner p { padding: 12px; } } @media screen and (min-width: 1680px) { .bg--boxed-inner p { padding: 16px; } } .bg--boxed-inner p:last-child { margin-bottom: 0; } .text--lined { border: 1px solid #B38F2F; border-width: 1px 0; display: inline-block; padding: 8px; } .text--lined em { color: #D4AF37; font-style: normal; } .section__inner { margin: 0 auto; max-width: 780px; } .btn, .teaser__button, .steps__button, .rooms__button, .related__link, .wp-block-button--secondary .wp-block-button__link, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link, .nav__contact-button a, input[type=submit], .facts-image__button { font-weight: 500; font-variation-settings: "wght" 500; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; align-items: center; backface-visibility: hidden; background-color: transparent; border: none; cursor: pointer; display: inline-flex; font-family: "SourceSans3", Helvetica, Arial, Geneva, sans-serif; justify-content: center; line-height: 1; min-height: 18px; padding: 16px 20px; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: all 0.3s ease-in-out; user-select: none; vertical-align: middle; white-space: nowrap; font-size: 16px; } @media screen and (min-width: 768px) { .btn, .teaser__button, .steps__button, .rooms__button, .related__link, .wp-block-button--secondary .wp-block-button__link, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link, .nav__contact-button a, input[type=submit], .facts-image__button { font-size: 16px; } } @media screen and (min-width: 1680px) { .btn, .teaser__button, .steps__button, .rooms__button, .related__link, .wp-block-button--secondary .wp-block-button__link, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link, .nav__contact-button a, input[type=submit], .facts-image__button { font-size: 18px; } } .btn:active, .teaser__button:active, .steps__button:active, .rooms__button:active, .related__link:active, .wp-block-button--secondary .wp-block-button__link:active, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:active, .nav__contact-button a:active, input[type=submit]:active, .facts-image__button:active { -webkit-user-select: none; -webkit-touch-callout: none; } .btn[disabled], [disabled].teaser__button, [disabled].steps__button, [disabled].rooms__button, [disabled].related__link, .wp-block-button--secondary [disabled].wp-block-button__link, .wp-block-button:not(.wp-block-button--secondary) [disabled].wp-block-button__link, .nav__contact-button a[disabled], input[disabled][type=submit], [disabled].facts-image__button, .btn[aria-disabled], [aria-disabled].teaser__button, [aria-disabled].steps__button, [aria-disabled].rooms__button, [aria-disabled].related__link, .wp-block-button--secondary [aria-disabled].wp-block-button__link, .wp-block-button:not(.wp-block-button--secondary) [aria-disabled].wp-block-button__link, .nav__contact-button a[aria-disabled], input[aria-disabled][type=submit], [aria-disabled].facts-image__button { background-color: #2C2C2C; pointer-events: none; } .btn[disabled]:focus, [disabled].teaser__button:focus, [disabled].steps__button:focus, [disabled].rooms__button:focus, [disabled].related__link:focus, .wp-block-button--secondary [disabled].wp-block-button__link:focus, .wp-block-button:not(.wp-block-button--secondary) [disabled].wp-block-button__link:focus, .nav__contact-button a[disabled]:focus, input[disabled][type=submit]:focus, [disabled].facts-image__button:focus, .btn[aria-disabled]:focus, [aria-disabled].teaser__button:focus, [aria-disabled].steps__button:focus, [aria-disabled].rooms__button:focus, [aria-disabled].related__link:focus, .wp-block-button--secondary [aria-disabled].wp-block-button__link:focus, .wp-block-button:not(.wp-block-button--secondary) [aria-disabled].wp-block-button__link:focus, .nav__contact-button a[aria-disabled]:focus, input[aria-disabled][type=submit]:focus, [aria-disabled].facts-image__button:focus { box-shadow: none; } .btn--primary, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link, .nav__contact-button a, input[type=submit] { font-weight: 600; font-variation-settings: "wght" 600; background-color: #B38F2F; color: #FFFFFF; transition: background-color 0.4s 0s ease-in-out, color 0.4s 0s ease-in-out; box-shadow: 0 0 2px #8F7225; position: relative; z-index: 0; } .btn--primary::before, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link::before, .nav__contact-button a::before, input[type=submit]::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; background: conic-gradient(from var(--angle), #5a4710, #8F7225, #ffd700, #fffacd, #ffd700, #8F7225, #5a4710); opacity: 0; transition: opacity 0.3s ease; } .btn--primary::after, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link::after, .nav__contact-button a::after, input[type=submit]::after { content: ""; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; z-index: -1; border-radius: inherit; background: #8F7225; opacity: 0; transition: opacity 0.3s ease; } .btn--primary:active, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:active, .nav__contact-button a:active, input[type=submit]:active, .btn--primary:hover, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:hover, .nav__contact-button a:hover, input[type=submit]:hover { border-color: transparent; } .btn--primary:active::before, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:active::before, .nav__contact-button a:active::before, input[type=submit]:active::before, .btn--primary:hover::before, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:hover::before, .nav__contact-button a:hover::before, input[type=submit]:hover::before { opacity: 1; animation: gold-spin 2s linear infinite; } .btn--primary:active::after, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:active::after, .nav__contact-button a:active::after, input[type=submit]:active::after, .btn--primary:hover::after, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:hover::after, .nav__contact-button a:hover::after, input[type=submit]:hover::after { opacity: 1; } @keyframes gold-spin { to { --angle: 360deg; } } .btn--primary.active, .wp-block-button:not(.wp-block-button--secondary) .active.wp-block-button__link, .nav__contact-button a.active, input.active[type=submit], .btn--primary:active, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:active, .nav__contact-button a:active, input[type=submit]:active, .btn--primary:focus, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:focus, .nav__contact-button a:focus, input[type=submit]:focus, .btn--primary:hover, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:hover, .nav__contact-button a:hover, input[type=submit]:hover { background-color: #8F7225; outline: none; } .btn--primary:focus-visible, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:focus-visible, .nav__contact-button a:focus-visible, input[type=submit]:focus-visible { outline: 2px auto #D4AF37; outline-offset: 2px; } @media (hover: hover) { .btn--primary:hover, .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link:hover, .nav__contact-button a:hover, input[type=submit]:hover { background-color: #8F7225; } } .btn--secondary, .teaser__button, .steps__button, .rooms__button, .related__link, .wp-block-button--secondary .wp-block-button__link { border: 1px solid #B38F2F; box-sizing: border-box; color: #B38F2F; display: inline-flex; flex-direction: row-reverse; gap: 8px; height: 56px; transition: background-color 0.4s 0s ease-in-out, color 0.4s 0s ease-in-out; } .btn--secondary:active, .teaser__button:active, .steps__button:active, .rooms__button:active, .related__link:active, .wp-block-button--secondary .wp-block-button__link:active, .btn--secondary:focus, .teaser__button:focus, .steps__button:focus, .rooms__button:focus, .related__link:focus, .wp-block-button--secondary .wp-block-button__link:focus, .btn--secondary:hover, .teaser__button:hover, .steps__button:hover, .rooms__button:hover, .related__link:hover, .wp-block-button--secondary .wp-block-button__link:hover { background-color: rgba(179, 143, 47, 0.75); color: #FFFFFF; } .btn--secondary:active::before, .teaser__button:active::before, .steps__button:active::before, .rooms__button:active::before, .related__link:active::before, .wp-block-button--secondary .wp-block-button__link:active::before, .btn--secondary:focus::before, .teaser__button:focus::before, .steps__button:focus::before, .rooms__button:focus::before, .related__link:focus::before, .wp-block-button--secondary .wp-block-button__link:focus::before, .btn--secondary:hover::before, .teaser__button:hover::before, .steps__button:hover::before, .rooms__button:hover::before, .related__link:hover::before, .wp-block-button--secondary .wp-block-button__link:hover::before { background-color: #FFFFFF; } .btn--secondary::before, .teaser__button::before, .steps__button::before, .rooms__button::before, .related__link::before, .wp-block-button--secondary .wp-block-button__link::before { background-color: #B38F2F; height: 24px; transition: background-color 0.4s 0s ease-in-out, color 0.4s 0s ease-in-out; width: 24px; } @media (hover: hover) { .btn--secondary:hover, .teaser__button:hover, .steps__button:hover, .rooms__button:hover, .related__link:hover, .wp-block-button--secondary .wp-block-button__link:hover { background-color: rgba(179, 143, 47, 0.75); color: #FFFFFF; } .btn--secondary:hover::before, .teaser__button:hover::before, .steps__button:hover::before, .rooms__button:hover::before, .related__link:hover::before, .wp-block-button--secondary .wp-block-button__link:hover::before { background-color: #FFFFFF; } } .btn--inverted, .facts-image__button { background-color: rgba(44, 44, 44, 0.55); border: 1px solid #B38F2F; color: #E1DAC3; transition: background-color 0.4s 0s ease-in-out, color 0.4s 0s ease-in-out; } .btn--inverted.active, .active.facts-image__button, .btn--inverted:active, .facts-image__button:active, .btn--inverted:focus, .facts-image__button:focus, .btn--inverted:hover, .facts-image__button:hover { background-color: rgba(179, 143, 47, 0.75); } @media (hover: hover) { .btn--inverted:hover, .facts-image__button:hover { background-color: rgba(179, 143, 47, 0.75); color: #FFFFFF; } } .article__content { padding-top: 112px; margin-left: auto; margin-right: auto; max-width: 1280px; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 768px) { .article__content { padding-left: 24px; } } @media screen and (min-width: 1680px) { .article__content { padding-left: 30px; } } @media screen and (min-width: 768px) { .article__content { padding-right: 24px; } } @media screen and (min-width: 1680px) { .article__content { padding-right: 30px; } } @media screen and (min-width: 1488px) { .article__content { padding-left: 0; padding-right: 0; } } .home .article__content { max-width: 1440px; padding-top: 0; } .article--single .article__content { max-width: 900px; padding-top: 232px; } .main--legal .article__content { max-width: 900px; padding-bottom: 64px; } @media screen and (min-width: 768px) { .main--legal .article__content { padding-bottom: 96px; } } @media screen and (min-width: 1680px) { .main--legal .article__content { padding-bottom: 120px; } } .article__content-title::after { display: none; } .article__title { margin-bottom: 8px; text-align: center; } .article__date { font-weight: 600; font-variation-settings: "wght" 600; text-align: center; font-size: 13px; margin-bottom: 32px; } @media screen and (min-width: 768px) { .article__date { font-size: 13px; } } @media screen and (min-width: 1680px) { .article__date { font-size: 14px; } } @media screen and (min-width: 768px) { .article__date { margin-bottom: 40px; } } @media screen and (min-width: 1680px) { .article__date { margin-bottom: 48px; } } .article__featured-image-box { margin-left: 50%; transform: translateX(-50vw); width: 100vw; position: relative; margin-bottom: 32px; } @media screen and (min-width: 768px) { .article__featured-image-box { margin-bottom: 40px; } } @media screen and (min-width: 1680px) { .article__featured-image-box { margin-bottom: 48px; } } .article__featured-image { aspect-ratio: unset; height: 400px; margin: 0 auto; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; position: relative; } @media screen and (min-width: 1280px) { .article__featured-image { max-width: 1200px; width: 1200px; } } .article__related { margin-left: 50%; transform: translateX(-50vw); width: 100vw; position: relative; padding-bottom: 64px; padding-top: 64px; } .article__related::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: none; background-color: #FFFFFF; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .article__related .wp-block-group__inner-container { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .article__related { padding-bottom: 96px; } } @media screen and (min-width: 1680px) { .article__related { padding-bottom: 120px; } } @media screen and (min-width: 768px) { .article__related { padding-top: 96px; } } @media screen and (min-width: 1680px) { .article__related { padding-top: 120px; } } .article__related-inner { position: relative; z-index: 1; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 768px) { .article__related-inner { padding-left: 24px; } } @media screen and (min-width: 1680px) { .article__related-inner { padding-left: 30px; } } @media screen and (min-width: 768px) { .article__related-inner { padding-right: 24px; } } @media screen and (min-width: 1680px) { .article__related-inner { padding-right: 30px; } } @media screen and (min-width: 1440px) { .article__related-inner { margin-left: auto; margin-right: auto; max-width: 1280px; } } .article__related-inner h2 { text-align: center; margin-bottom: 0; } .article__related-list { display: flex; flex-direction: column; position: relative; padding-top: 40px; gap: 20px; } @media screen and (min-width: 768px) { .article__related-list { padding-top: 48px; } } @media screen and (min-width: 1680px) { .article__related-list { padding-top: 60px; } } @media screen and (min-width: 768px) { .article__related-list { gap: 24px; } } @media screen and (min-width: 1680px) { .article__related-list { gap: 30px; } } @media screen and (min-width: 768px), print { .article__related-list { flex-direction: row; } } .article__related-list-item { flex: 0 1 33%; } .container, .main--legal .article, .main, .footer__inner { margin: 0 auto; max-width: 1680px; width: 100%; } .facts { padding-top: 40px; padding-bottom: 40px; } @media screen and (min-width: 768px) { .facts { padding-top: 48px; } } @media screen and (min-width: 1680px) { .facts { padding-top: 60px; } } @media screen and (min-width: 768px) { .facts { padding-bottom: 48px; } } @media screen and (min-width: 1680px) { .facts { padding-bottom: 60px; } } .facts__list { display: flex; justify-content: center; gap: 16px; } @media screen and (min-width: 768px), print { .facts__list { gap: 48px; } } .facts__list-item { align-items: center; display: flex; flex-direction: column; gap: 8px; } @media screen and (min-width: 768px) { .facts__list-item { gap: 12px; } } @media screen and (min-width: 1680px) { .facts__list-item { gap: 16px; } } @media screen and (min-width: 768px), print { .facts__list-item { flex-direction: row; } } .facts__list-item p { line-height: 1.3; white-space: nowrap; text-align: center; margin-bottom: 0; overflow: hidden; font-weight: 500; font-variation-settings: "wght" 500; font-size: 13px; } @media screen and (min-width: 768px) { .facts__list-item p { font-size: 13px; } } @media screen and (min-width: 1680px) { .facts__list-item p { font-size: 14px; } } @media screen and (min-width: 768px), print { .facts__list-item p { text-align: left; } } .facts__list-item-icon { width: 55px; } @media screen and (min-width: 1024px) { .facts__list-item-icon { width: 74px; } } .facts-image { width: 100%; position: relative; margin-top: 40px; } @media screen and (min-width: 768px) { .facts-image { margin-top: 48px; } } @media screen and (min-width: 1680px) { .facts-image { margin-top: 60px; } } @media screen and (min-width: 768px), print { .facts-image { margin-left: auto; margin-right: auto; max-width: 1440px; align-items: stretch; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } } @media screen and (min-width: 768px) and (min-width: 768px) { .facts-image { gap: 24px; } } @media screen and (min-width: 768px) and (min-width: 1680px) { .facts-image { gap: 30px; } } .facts-image__container { margin-left: 50%; transform: translateX(-50vw); width: 100vw; } @media screen and (max-width: 767px) { .facts-image__swiper { margin-left: 50%; transform: translateX(-50vw); width: 100vw; margin-bottom: 24px; padding-left: 20px; padding-right: 20px; } } @media screen and (min-width: 768px), print { .facts-image__item { flex: 1 1 33%; max-width: 458px; aspect-ratio: 4/3; } } .facts-image__box { background: repeating-linear-gradient(30deg, #D4AF37 40%, #FFE286 80%, #B38F2F 100%); border-radius: 2px; padding: 2px; height: 100%; position: relative; } .facts-image__content { bottom: 24px; position: absolute; right: 0; } .facts-image__item--booking .facts-image__content { align-items: center; bottom: 0; color: #F9F8F6; display: flex; flex-direction: column; justify-content: center; top: 0; width: 100%; } .facts-image__label { font-weight: 500; font-variation-settings: "wght" 500; background-color: rgba(44, 44, 44, 0.8); border: 2px solid #D4AF37; border-width: 2px 0; color: #F9F8F6; font-family: "SourceSans3", Helvetica, Arial, Geneva, sans-serif; padding: 8px 20px; font-size: 16px; } @media screen and (min-width: 768px) { .facts-image__label { font-size: 16px; } } @media screen and (min-width: 1680px) { .facts-image__label { font-size: 18px; } } .facts-image__image { border: 8px solid #FFFFFF; height: 100%; -o-object-fit: cover; object-fit: cover; } .facts-image__item--booking .facts-image__image { background-color: #2C2C2C; } .facts-image__swiper.swiper { --swiper-pagination-bottom: 0; --swiper-navigation-top-offset: 50%; } .facts-image__swiper.swiper .swiper-button-next, .facts-image__swiper.swiper .swiper-button-prev { width: 30px; } .facts-image__swiper.swiper .swiper-button-prev.swiper-button-disabled, .facts-image__swiper.swiper .swiper-button-next.swiper-button-disabled { opacity: 0; } .facts-image__swiper.swiper .swiper-button-prev::after, .facts-image__swiper.swiper .swiper-button-next::after { background-color: #FFFFFF; box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.25); font-size: 22px; padding: 8px; } .facts-image__swiper.swiper .swiper-button-next::after { box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.25); } .facts-image__swiper.swiper .swiper-pagination { text-align: center; } .facts-image__swiper.swiper .swiper__button-container { display: none; } .facts-image__swiper.swiper.swiper-initialized .swiper__button-container, .facts-image__swiper.swiper.swiper-initialized .swiper-pagination { display: block; } /* Month header */ .flatpickr-months, .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { font-family: "Cinzel", Futura, Century Gothic, sans-serif; font-weight: 700; font-variation-settings: "wght" 700; } .flatpickr-months .flatpickr-month { height: 46px; } .flatpickr-current-month { left: 16px; text-align: left; padding: 11px 0; height: 46px; } .flatpickr-current-month span.cur-month { margin-left: 0; } .flatpickr-weekdays .flatpickr-weekdaycontainer { padding-left: 16px; padding-right: 16px; gap: 8px; } span.flatpickr-weekday { font-family: "Cinzel", Futura, Century Gothic, sans-serif; color: #000000; font-weight: 500; font-variation-settings: "wght" 500; } .flatpickr-calendar { border: 1px solid #E0E0E0; border-radius: 8px; box-shadow: none; } .flatpickr-calendar::before, .flatpickr-calendar::after { display: none; } .flatpickr-calendar .flatpickr-months { border-bottom: 1px solid #E0E0E0; } .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar .flatpickr-months .flatpickr-next-month { background-color: #000000; border-radius: 50%; height: 40px; width: 40px; padding: 0; display: flex; align-items: center; justify-content: center; right: 16px; top: 4px; } @media screen and (min-width: 768px), print { .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar .flatpickr-months .flatpickr-next-month { height: 22px; width: 22px; top: 12px; } } .flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-calendar .flatpickr-months .flatpickr-prev-month path, .flatpickr-calendar .flatpickr-months .flatpickr-next-month path { fill: #FFFFFF; } .flatpickr-calendar .flatpickr-months .flatpickr-prev-month { left: auto; right: 60px; } @media screen and (min-width: 768px), print { .flatpickr-calendar .flatpickr-months .flatpickr-prev-month { right: 42px; } } .flatpickr-calendar, .flatpickr-days { width: 353px; } .dayContainer { gap: 8px; justify-content: flex-start; padding-left: 16px; padding-right: 16px; padding-bottom: 16px; width: 100%; min-width: 100%; max-width: none; } .flatpickr-day { background-color: #F9F8F6; font-weight: 700; font-variation-settings: "wght" 700; } .flatpickr-day.today { background-color: #B38F2F; border-color: transparent; color: #F9F8F6; } .flatpickr-day.selected { background-color: #D4AF37; border-color: transparent; } .flatpickr-day.nextMonthDay { background-color: rgba(249, 248, 246, 0.5); color: rgba(0, 0, 0, 0.5); } .flatpickr-calendar.animate.open { margin-top: 8px; } .flatpickr.mobile { text-align: left; } .footer { margin-left: 50%; transform: translateX(-50vw); width: 100vw; align-self: flex-end; background-color: #2C2C2C; border-top: 20px solid #B38F2F; color: #F9F8F6; font-size: 16px; position: relative; width: 100vw; z-index: 1; } .footer::after { background-image: url(img/bg_ornament-small-leaf.svg); background-size: contain; content: ""; display: block; aspect-ratio: 2/1; left: auto; right: 0; position: absolute; top: 60px; bottom: auto; width: 46px; z-index: 1; transform: rotateY(180deg); } @media screen and (min-width: 1280px) { .footer::after { width: 92px; top: 30px; } } .footer::before { background-image: url(img/bg_ornament-small-leaf.svg); background-size: contain; content: ""; display: block; aspect-ratio: 2/1; left: 0; right: auto; position: absolute; top: auto; bottom: 25%; width: 46px; z-index: 1; } @media screen and (min-width: 1280px) { .footer::before { width: 92px; } } .footer::before, .footer::after { opacity: 0.15; width: 255px; } .footer__inner { display: flex; flex-direction: column; justify-content: center; max-width: 1440px; gap: 48px; padding-bottom: 40px; padding-top: 40px; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 768px) { .footer__inner { gap: 64px; } } @media screen and (min-width: 1680px) { .footer__inner { gap: 80px; } } @media screen and (min-width: 768px) { .footer__inner { padding-bottom: 48px; } } @media screen and (min-width: 1680px) { .footer__inner { padding-bottom: 60px; } } @media screen and (min-width: 768px) { .footer__inner { padding-top: 48px; } } @media screen and (min-width: 1680px) { .footer__inner { padding-top: 60px; } } @media screen and (min-width: 768px) { .footer__inner { padding-left: 24px; } } @media screen and (min-width: 1680px) { .footer__inner { padding-left: 30px; } } @media screen and (min-width: 768px) { .footer__inner { padding-right: 24px; } } @media screen and (min-width: 1680px) { .footer__inner { padding-right: 30px; } } @media screen and (min-width: 1280px) { .footer__inner { flex-wrap: wrap; align-content: center; flex-direction: row; justify-content: space-between; } } .footer__row { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; } @media screen and (min-width: 768px) { .footer__row { gap: 48px; } } @media screen and (min-width: 1680px) { .footer__row { gap: 60px; } } @media screen and (min-width: 768px), print { .footer__row { flex-direction: row; width: 100%; } } .footer__column { gap: 40px; } @media screen and (min-width: 768px) { .footer__column { gap: 48px; } } @media screen and (min-width: 1680px) { .footer__column { gap: 60px; } } @media screen and (min-width: 768px), print { .footer__column--navigation { padding-left: 15%; } } .footer__logo { display: block; height: 75px; line-height: 100vh; overflow: hidden; width: 156px; } .footer__logo::before { background: url(img/logo_villa-aurelia.svg) no-repeat; background-size: contain; content: ""; display: block; height: 100%; line-height: 1; width: 100%; } .footer__menu { display: flex; flex-direction: column; list-style: none; } .footer__menu li.current-menu-item a { color: #F9F8F6; text-decoration-color: #F9F8F6; } .footer__menu a { color: #F9F8F6; display: block; padding: 4px 0; line-height: 1.2; text-decoration: underline; -webkit-text-decoration: underline solid rgba(249, 248, 246, 0); text-decoration: underline solid rgba(249, 248, 246, 0); text-decoration-thickness: 1px; -webkit-text-decoration: underline 1px rgba(249, 248, 246, 0); text-decoration: underline 1px rgba(249, 248, 246, 0); text-underline-offset: 4px; transition: text-decoration-color 0.5s 0s ease-in-out; } .footer__menu a:active, .footer__menu a:focus, .footer__menu a:hover { text-decoration-color: #F9F8F6; } .footer__menu--partner, .footer__menu--contact { margin-bottom: 16px; } .footer__menu--navigation { -moz-column-gap: 40px; column-gap: 40px; } @media screen and (min-width: 768px) { .footer__menu--navigation { -moz-column-gap: 48px; column-gap: 48px; } } @media screen and (min-width: 1680px) { .footer__menu--navigation { -moz-column-gap: 60px; column-gap: 60px; } } @media screen and (min-width: 1024px) { .footer__menu--navigation { display: grid; grid-template-columns: 1fr 1fr; } } .footer__menu--navigation .menu-item-has-children > a { pointer-events: none; font-size: 18px; font-weight: 700; font-variation-settings: "wght" 700; } .footer__menu--navigation .menu-item--top-level > a { font-size: 18px; pointer-events: all; font-weight: 700; font-variation-settings: "wght" 700; } @media screen and (min-width: 768px), print { .footer__menu--navigation .sub-menu { margin-bottom: 16px; } } .footer__contact { margin-right: auto; } .footer__contact a { color: #F9F8F6; text-decoration: underline; -webkit-text-decoration: underline solid rgba(249, 248, 246, 0.2); text-decoration: underline solid rgba(249, 248, 246, 0.2); text-decoration-thickness: 1px; -webkit-text-decoration: underline 1px rgba(249, 248, 246, 0.2); text-decoration: underline 1px rgba(249, 248, 246, 0.2); text-underline-offset: 4px; transition: text-decoration-color 0.5s 0s ease-in-out; } .footer__contact a:active, .footer__contact a:focus, .footer__contact a:hover { text-decoration-color: #F9F8F6; } .footer__certificates { padding-top: 16px; } .footer__social { align-items: center; display: flex; gap: 16px; justify-content: flex-end; } /* change autocomplete styles in chrome */ input:-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-appearance: none; appearance: none; background-color: #FFFFFF; box-shadow: 0 0 0px 1000px #F5F5F5 inset; padding-right: 0; } input:-webkit-autofill, input:-internal-autofill-selected, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:autofill, input[type=search]:-webkit-autofill, input[type=search]:-webkit-autofill:hover, input[type=search]:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: #000000; -webkit-appearance: none; appearance: none; background-color: #FFFFFF; box-shadow: 0 0 0px 1000px #F5F5F5 inset; padding-right: 0; } input[type=text], input[type=email], input[type=tel], select, textarea, .ff-default .ff-el-form-control { background-color: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 8px; color: #000000; font-family: "SourceSans3", Helvetica, Arial, Geneva, sans-serif; height: 40px; margin-top: 0.3em; padding: 0.5em 1em; transition: all 0.2s ease; width: 100%; font-weight: 400; font-variation-settings: "wght" 400; font-size: 16px; } @media screen and (min-width: 768px) { input[type=text], input[type=email], input[type=tel], select, textarea, .ff-default .ff-el-form-control { font-size: 16px; } } @media screen and (min-width: 1680px) { input[type=text], input[type=email], input[type=tel], select, textarea, .ff-default .ff-el-form-control { font-size: 18px; } } input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, .ff-default .ff-el-form-control::-moz-placeholder { opacity: 1; } input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, select::placeholder, textarea::placeholder, .ff-default .ff-el-form-control::placeholder { opacity: 1; } input[type=text]:focus-visible, input[type=email]:focus-visible, input[type=tel]:focus-visible, select:focus-visible, textarea:focus-visible, .ff-default .ff-el-form-control:focus-visible { border-color: #D4AF37; } input[type=text]:focus:not(:active), input[type=email]:focus:not(:active), input[type=tel]:focus:not(:active), select:focus:not(:active), textarea:focus:not(:active), .ff-default .ff-el-form-control:focus:not(:active) { border-color: #B38F2F; outline: none; } .ff-el-is-error input[type=text], .ff-el-is-error input[type=email], .ff-el-is-error input[type=tel], .ff-el-is-error select, .ff-el-is-error textarea, .ff-el-is-error .ff-default .ff-el-form-control { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTIsMkM2LjUsMiwyLDYuNSwyLDEyczQuNSwxMCwxMCwxMCwxMC00LjUsMTAtMTBTMTcuNSwyLDEyLDJaTTEzLDE3aC0ydi0yaDJ2MlpNMTMsMTNoLTJ2LTZoMnY2WiIgZmlsbD0iI2U2NWE2MyIvPgo8L3N2Zz4=); background-repeat: no-repeat; background-position: center right 10px; border-color: #E65A63; } input[type=checkbox] { all: unset; background-color: #FFFFFF; height: 24px; padding: 0; width: 24px; } input[type=radio] { position: absolute; opacity: 0; pointer-events: none; } input[type=submit] { margin-top: 12px; } input[type=date] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=date]::-webkit-calendar-picker-indicator { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } label:has(input[type=checkbox]) { cursor: pointer; flex-direction: row; gap: 8px; height: 40px; margin-top: 0.3em; position: relative; text-transform: none; font-weight: 400; font-variation-settings: "wght" 400; } label:has(input[type=checkbox]) input { border-radius: 8px; border: 1px solid #E0E0E0; } label:has(input[type=checkbox])::before { border-radius: 8px; top: 2px; left: 2px; height: 22px; -webkit-mask-size: 18px; mask-size: 18px; position: absolute; width: 22px; } label:has(input[type=checkbox]) span { padding-top: 3px; line-height: 1.3; } label:has(input[type=checkbox]:checked)::before { background-color: #B38F2F; } .fluentform .frm-fluent-form select.ff-el-form-control { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNNy40LDguNmw0LjYsNC42LDQuNi00LjYsMS40LDEuNC02LDYtNi02LDEuNC0xLjRaIiBmaWxsPSIjYmVhMjYwIi8+Cjwvc3ZnPg==); background-repeat: no-repeat; background-position: center right 8px; } @media screen and (min-width: 768px), print { .fluentform .frm-fluent-form select.ff-el-form-control { background-position-x: right 16px; } } textarea { height: auto; } label, .form__label { font-size: 16px; color: #262421; display: flex; flex-direction: column; text-transform: uppercase; font-weight: 600; font-variation-settings: "wght" 600; } @media screen and (min-width: 768px), print { label, .form__label { font-size: 16px; } } .form__field { border-radius: 8px; border: 1px solid #E0E0E0; text-transform: none; } .form__field--rooms .ff-el-input--content { display: flex; flex-wrap: wrap; gap: 16px; } @media screen and (min-width: 768px) { .form__field--rooms .ff-el-input--content { gap: 20px; } } @media screen and (min-width: 1680px) { .form__field--rooms .ff-el-input--content { gap: 24px; } } .form__field--rooms .ff-el-input--content .ff-el-form-check { border: 1px solid #E0E0E0; flex: 1; padding: 8px; padding-top: 16px; cursor: pointer; } .form__field--rooms .ff-el-input--content .ff-el-form-check label { align-items: center; gap: 8px; } .form__field--rooms .ff-el-input--content .ff-el-form-check label span { order: 1; hyphens: none; line-height: 1.2; white-space: nowrap; } .form__field--rooms .ff-el-input--content .ff-el-form-check label::after { display: inline-block; content: ""; width: 24px; height: 24px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 50%; transition: all 0.2s ease; order: 0; } .form__field--rooms .ff-el-input--content .ff-el-form-check label::before { aspect-ratio: 14/9; background-image: url(img/radio_premium-zimmer.webp); background-size: cover; background-repeat: no-repeat; background-position: center; content: ""; display: block; width: 100%; max-height: 288px; background-color: #D4AF37; order: 2; } .form__field--rooms .ff-el-input--content .ff-el-form-check label:has(input[type=radio]:checked)::after { background: radial-gradient(circle at center, #B38F2F 50%, #FFFFFF 53%, #FFFFFF 100%); border-color: #B38F2F; } .form__field--rooms .ff-el-input--content .ff-el-form-check:last-child label::before { background-image: url(img/radio_premium-suite.webp); } .form__field--rooms .ff-el-input--content label { text-transform: none; text-align: center; } .form__column { display: flex; flex-direction: column; } .form__row { display: flex; flex-direction: column; gap: 20px 16px; margin-bottom: 20px; } @media screen and (min-width: 768px), print { .form__row { flex-direction: row; margin-bottom: 0; } } .form__row p { width: 100%; } @media screen and (min-width: 768px), print { .form__row p { max-width: 40%; flex: 1 1 30%; } } .form__row:has(textarea) label { grid-column-end: span 2; } .form__info { position: relative; } .fluentform .ff-el-is-error .text-danger { font-size: 14px; color: #E65A63; display: block; min-width: 15em; text-transform: none; letter-spacing: 0; width: auto; } .fluentform .ff-el-is-error.form__field--rooms .text-danger { width: 100%; } .frm-fluent-form { --fluentform-border-color: #E0E0E0; --fluentform-border-radius: 8px; --fluentform-danger: #E65A63; --fluentform-primary: #B38F2F; --fluentform-input-select-height: 40px; border: 1px solid #E0E0E0; background-color: #FFFFFF; padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 32px; margin-left: auto; margin-right: auto; max-width: 1024px; } @media screen and (min-width: 768px) { .frm-fluent-form { padding-top: 16px; } } @media screen and (min-width: 1680px) { .frm-fluent-form { padding-top: 20px; } } @media screen and (min-width: 768px) { .frm-fluent-form { padding-bottom: 40px; } } @media screen and (min-width: 1680px) { .frm-fluent-form { padding-bottom: 48px; } } .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after { color: #262421; margin-left: 0; } .fluentform .ff-el-form-check-label .ff-el-form-check-input { position: static; position: initial; flex: 0 0 24px; } .fluentform .ff-el-form-bottom { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-start; } @media screen and (max-width: 767px) { .fluentform .ff-el-form-bottom { flex-direction: column-reverse; } } @media screen and (min-width: 768px), print { .fluentform .ff-el-form-bottom { align-items: center; } } .fluentform .ff-el-form-bottom .ff-el-input--label.asterisk-right label { display: none; } @media screen and (max-width: 767px) { .fluentform .ff-el-tooltip { text-align: left; line-height: 1.3; display: block; margin-top: 16px; font-size: 14px; color: #BEA260; } .fluentform .ff-el-tooltip::after { content: attr(data-content); } } @media screen and (min-width: 768px), print { .fluentform .ff-el-tooltip { width: 44px; } } .fluentform .ff-el-tooltip svg { fill: #E0E0E0; } @media screen and (max-width: 767px) { .fluentform .ff-el-tooltip svg { display: none; } } .fluentform .ff-el-tc label.ff_tc_label { display: flex; gap: 8px; align-items: flex-start; height: auto; } .fluentform .ff-el-tc label.ff_tc_label > span { padding-top: 0 !important; width: auto; margin-top: 0; } .fluentform .ff-el-form-bottom .ff-el-input--label { margin-top: -12px; } .ff-el-pop-content { padding: 8px; background-color: #FFFFFF; color: #262421; max-width: 580px !important; text-align: left; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); line-height: 1.3; pointer-events: none; font-size: 16px; } @media screen and (min-width: 768px) { .ff-el-pop-content { font-size: 16px; } } @media screen and (min-width: 1680px) { .ff-el-pop-content { font-size: 18px; } } @media screen and (max-width: 767px) { .ff-el-pop-content { display: none; } } #ff_3_arrival + .form-control, #ff_3_departure + .form-control { background-color: #FFFFFF; } .gallery { background-color: #FFFFFF; margin-left: 50%; transform: translateX(-50vw); width: 100vw; } .gallery--banner { display: flex; justify-content: center; overflow: hidden; } .gallery__inner { padding-top: 64px; gap: 20px; } @media screen and (min-width: 768px) { .gallery__inner { padding-top: 96px; } } @media screen and (min-width: 1680px) { .gallery__inner { padding-top: 120px; } } @media screen and (min-width: 768px) { .gallery__inner { gap: 24px; } } @media screen and (min-width: 1680px) { .gallery__inner { gap: 30px; } } .gallery--masonry .gallery__inner, .gallery--columns .gallery__inner { margin-left: auto; margin-right: auto; max-width: 1440px; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 768px) { .gallery--masonry .gallery__inner, .gallery--columns .gallery__inner { padding-left: 24px; } } @media screen and (min-width: 1680px) { .gallery--masonry .gallery__inner, .gallery--columns .gallery__inner { padding-left: 30px; } } @media screen and (min-width: 768px) { .gallery--masonry .gallery__inner, .gallery--columns .gallery__inner { padding-right: 24px; } } @media screen and (min-width: 1680px) { .gallery--masonry .gallery__inner, .gallery--columns .gallery__inner { padding-right: 30px; } } .gallery__headline { hyphens: none; margin-left: auto; margin-right: auto; max-width: 580px; } .gallery__text { text-align: center; margin-left: auto; margin-right: auto; max-width: 900px; } .gallery--masonry .gallery__images { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; gap: 20px; margin-top: 40px; } @media screen and (min-width: 768px) { .gallery--masonry .gallery__images { gap: 24px; } } @media screen and (min-width: 1680px) { .gallery--masonry .gallery__images { gap: 30px; } } @media screen and (min-width: 768px) { .gallery--masonry .gallery__images { margin-top: 48px; } } @media screen and (min-width: 1680px) { .gallery--masonry .gallery__images { margin-top: 60px; } } @media screen and (min-width: 768px), print { .gallery--masonry .gallery__images { grid-template-columns: repeat(3, 1fr); } } .gallery--columns .gallery__images { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; gap: 20px; margin-top: 40px; } @media screen and (min-width: 768px) { .gallery--columns .gallery__images { gap: 24px; } } @media screen and (min-width: 1680px) { .gallery--columns .gallery__images { gap: 30px; } } @media screen and (min-width: 768px) { .gallery--columns .gallery__images { margin-top: 48px; } } @media screen and (min-width: 1680px) { .gallery--columns .gallery__images { margin-top: 60px; } } @media screen and (min-width: 768px), print { .gallery--columns .gallery__images { grid-template-columns: repeat(3, 1fr); } } .gallery--banner .gallery__images { display: grid; grid-template-columns: 1fr 1fr; position: relative; padding-left: 4px; padding-right: 4px; grid-gap: 8px; gap: 8px; } @media screen and (min-width: 768px) { .gallery--banner .gallery__images { gap: 12px; } } @media screen and (min-width: 1680px) { .gallery--banner .gallery__images { gap: 16px; } } @media screen and (min-width: 768px), print { .gallery--banner .gallery__images { display: flex; padding: 0; } } .gallery__figure { width: 100%; } @media screen and (min-width: 768px), print { .gallery--columns .gallery__figure:first-child { grid-column: 1/span 3; } } .gallery--masonry .gallery__figure:first-child { grid-column: 1/span 4; } @media screen and (min-width: 768px), print { .gallery--masonry .gallery__figure:first-child { grid-column: 1/span 3; } } .gallery--masonry .gallery__figure:nth-child(2) { grid-column: 1/span 2; } @media screen and (min-width: 768px), print { .gallery--masonry .gallery__figure:nth-child(2) { grid-column: 1/span 1; } } .gallery--masonry .gallery__figure:nth-child(3) { grid-column: 1/span 2; grid-row: 3/span 1; } @media screen and (min-width: 768px), print { .gallery--masonry .gallery__figure:nth-child(3) { grid-column: 2/span 1; grid-row: 2/span 1; } } .gallery--masonry .gallery__figure:nth-child(4) { grid-column: 3/span 2; grid-row-start: 2; } @media screen and (min-width: 768px), print { .gallery--masonry .gallery__figure:nth-child(4) { grid-column: 1/span 1; grid-row-start: 3; } } .gallery--masonry .gallery__figure:nth-child(5) { grid-column: 1/span 2; grid-row: 4/span 1; } @media screen and (min-width: 768px), print { .gallery--masonry .gallery__figure:nth-child(5) { grid-column: 2/span 1; grid-row: 3/span 1; } } .gallery--masonry .gallery__figure:last-child { grid-column: 3/span 2; grid-row: 3/span 2; } @media screen and (min-width: 768px), print { .gallery--masonry .gallery__figure:last-child { grid-column: 3/span 1; grid-row: 2/span 2; } } .gallery--banner .gallery__figure { aspect-ratio: 1/1; } @media screen and (min-width: 768px), print { .gallery--banner .gallery__figure { aspect-ratio: 3/2; max-height: 342px; height: 21vw; } } .gallery__image { height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; width: 100%; } .hero { position: relative; overflow: hidden; margin-left: 50%; transform: translateX(-50vw); width: 100vw; } .hero--fullwidth { height: 100vh; height: 100svh; } .hero--fullwidth::before { background-color: rgba(44, 44, 44, 0.35); content: ""; display: block; height: 100vh; left: 0; pointer-events: none; position: absolute; top: 0; width: 100vw; z-index: 1; } .hero__inner { bottom: 48px; color: #F9F8F6; display: flex; flex-direction: column; height: 100vh; height: 100svh; justify-content: flex-end; margin: 0 auto; max-width: 1440px; padding: 32px; position: relative; text-shadow: 0 0 4px rgba(0, 0, 0, 0.25); z-index: 2; } @media screen and (min-width: 768px), print { .hero__inner { bottom: 112px; padding: 0 32px; } } .hero__figure { margin: 0 auto; } @media screen and (min-width: 1440px) { .hero__figure { width: 1440px; } } @media screen and (min-width: 768px), print { .hero--page .hero__figure { padding: 0 30px; } } .hero__image { max-height: 528px; min-height: 250px; -o-object-fit: cover; object-fit: cover; width: 100%; } .hero--fullwidth .hero__image { max-height: none; } .hero__headline { position: relative; color: #F9F8F6; line-height: 1; margin-bottom: 0; margin-top: 0; max-width: 780px; z-index: 1; font-weight: 400; font-variation-settings: "wght" 400; font-size: 54px; } @media screen and (min-width: 768px) { .hero__headline { font-size: 68px; } } @media screen and (min-width: 1680px) { .hero__headline { font-size: 82px; } } .hero__subheadline { display: block; font-family: "SourceSans3", Helvetica, Arial, Geneva, sans-serif; font-size: 24px; margin-bottom: 8px; } @media screen and (min-width: 768px) { .hero__subheadline { font-size: 32px; } } @media screen and (min-width: 1680px) { .hero__subheadline { font-size: 36px; } } @media screen and (min-width: 768px) { .hero__subheadline { margin-bottom: 12px; } } @media screen and (min-width: 1680px) { .hero__subheadline { margin-bottom: 16px; } } .hero__introtext { font-size: 20px; position: relative; max-width: 720px; width: 70%; z-index: 1; } @media screen and (min-width: 768px) { .hero__introtext { font-size: 22px; } } @media screen and (min-width: 1680px) { .hero__introtext { font-size: 24px; } } .hero__video, .hero--fullwidth .hero__figure { background-image: var(--poster-mobile); background-repeat: no-repeat; background-size: cover; height: 100vh; height: 100svh; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100vw; z-index: 0; } @media screen and (min-width: 768px), print { .hero__video, .hero--fullwidth .hero__figure { background-image: var(--poster-desktop); } } .list-lined { border-bottom: 0.75px solid #D4AF37; margin-left: auto; margin-right: auto; max-width: 900px; margin-top: 40px; padding-bottom: 12px; } @media screen and (min-width: 768px) { .list-lined { margin-top: 48px; } } @media screen and (min-width: 1680px) { .list-lined { margin-top: 60px; } } @media screen and (min-width: 768px) { .list-lined { padding-bottom: 16px; } } @media screen and (min-width: 1680px) { .list-lined { padding-bottom: 20px; } } .list-lined__headline { align-items: center; color: #BEA260; display: flex; font-family: "Cinzel", Futura, Century Gothic, sans-serif; font-size: 18px; justify-items: center; position: relative; text-align: center; font-weight: 600; font-variation-settings: "wght" 600; margin-bottom: 32px; } @media screen and (min-width: 768px) { .list-lined__headline { margin-bottom: 40px; } } @media screen and (min-width: 1680px) { .list-lined__headline { margin-bottom: 48px; } } .list-lined__headline span { flex: 1 0 auto; padding: 0 1em; position: relative; z-index: 1; } .list-lined__headline::before, .list-lined__headline::after { border-bottom: 1px solid #D4AF37; content: ""; display: block; height: 0; width: 100%; z-index: 0; } .list-lined ul { margin-bottom: 0; } @media screen and (min-width: 768px), print { .list-lined ul { -moz-columns: 2; columns: 2; } } .list-lined + p { margin-top: 20px; } @media screen and (min-width: 768px) { .list-lined + p { margin-top: 24px; } } @media screen and (min-width: 1680px) { .list-lined + p { margin-top: 30px; } } .main { position: relative; z-index: 0; } .main--about { max-width: none; } .single .main { padding-top: 0; } .popup--visible .main { position: static; } .main__title { hyphens: manual; line-height: 1; margin-bottom: 64px; font-size: 36px; } @media screen and (min-width: 768px) { .main__title { font-size: 42px; } } @media screen and (min-width: 1680px) { .main__title { font-size: 50px; } } .home .main__title { text-align: center; } .main--legal { padding-top: 144px; } .main--legal .article { padding: 0 max(5vw, 32px); } @media screen and (min-width: 1280px) { .main--legal .article { padding: 0; } } .nav { left: 0; position: absolute; top: 0; width: 100vw; z-index: 1000; } .single .nav { background-color: #F9F8F6; } .single .nav--scrolled, .nav--scrolled { transform: translateY(-100%); animation: slidein 0.3s ease-out 0.2s 1 normal forwards; background-color: #FFFFFF; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); position: fixed; left: 0; top: 0; } .nav__inner { align-items: center; display: flex; flex-direction: row-reverse; justify-content: center; margin: 0 auto; max-width: 1440px; position: relative; } .nav--scrolled .nav__inner { height: 70px; } @media screen and (min-width: 768px) { .nav__inner { flex-direction: row; height: 112px; padding: 0 30px; } } @media screen and (min-width: 768px), print { .nav__content { margin: 0 auto; } } .nav__logo, .nav__menu-logo { position: relative; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; z-index: 2; padding-top: 16px; padding-bottom: 16px; } @media screen and (min-width: 768px) { .nav__logo, .nav__menu-logo { padding-top: 20px; } } @media screen and (min-width: 1680px) { .nav__logo, .nav__menu-logo { padding-top: 24px; } } @media screen and (min-width: 768px) { .nav__logo, .nav__menu-logo { padding-bottom: 20px; } } @media screen and (min-width: 1680px) { .nav__logo, .nav__menu-logo { padding-bottom: 24px; } } .nav__logo:focus-visible, .nav__menu-logo:focus-visible { outline: 2px auto #D4AF37; outline-offset: 8px; } .nav__logo::before, .nav__menu-logo::before { aspect-ratio: 11/5; background-image: url(img/logo_villa-aurelia.svg); background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 75px; box-sizing: content-box; } .home .nav__logo::before, .home .nav__menu-logo::before { background-image: url(img/logo_villa-aurelia-white.svg); } .nav--scrolled .nav__logo::before, .nav--scrolled .nav__menu-logo::before { background-image: url(img/logo_villa-aurelia.svg); height: 55px; } .nav__logo-text { left: -100vw; position: absolute; white-space: nowrap; top: 0; } .nav__menu { background-color: #000000; height: 100vh; min-width: 100%; overflow-y: scroll; padding-bottom: 200px; padding-left: 32px; padding-right: 32px; padding-top: 200px; position: fixed; right: 0; top: 0; transform: translateX(-110%); transition: transform 0.7s 0s cubic-bezier(0.7, 0, 0.3, 1); will-change: transform; z-index: 10; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } @media screen and (min-width: 1280px) { .nav__menu { padding-top: 260px; padding-bottom: 96px; } } .nav--active .nav__menu { transform: translateX(0); } .nav__menu-logo { position: absolute; height: auto; top: 50px; left: 50%; margin-left: -83px; border-width: 0; } @media screen and (min-width: 1280px) { .nav__menu-logo { top: 75px; } } .nav__menu-footer { color: #F9F8F6; display: flex; justify-content: flex-end; margin: 0 auto; align-items: center; gap: 16px; margin-top: 20px; } @media screen and (min-width: 768px), print { .nav__menu-footer { max-width: 1280px; } } .nav__list { list-style: none; text-align: right; -moz-column-gap: 48px; column-gap: 48px; } @media screen and (min-width: 768px) { .nav__list { -moz-column-gap: 64px; column-gap: 64px; } } @media screen and (min-width: 1680px) { .nav__list { -moz-column-gap: 80px; column-gap: 80px; } } @media screen and (min-width: 768px), print { .nav__list { margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; justify-content: center; max-width: 1280px; } } .nav__list > li { position: relative; } .nav__list > li.menu-item-has-children:not(.menu-item--top-level) > a { cursor: text; line-height: 1.3; white-space: break-spaces; padding: 8px 0; font-weight: 500; font-variation-settings: "wght" 500; font-size: 24px; } @media screen and (min-width: 768px) { .nav__list > li.menu-item-has-children:not(.menu-item--top-level) > a { font-size: 28px; } } @media screen and (min-width: 1680px) { .nav__list > li.menu-item-has-children:not(.menu-item--top-level) > a { font-size: 32px; } } .nav__list > li.menu-item-has-children:not(.menu-item--top-level) > a:active, .nav__list > li.menu-item-has-children:not(.menu-item--top-level) > a:hover { color: #FFFFFF; } .nav__list > li.menu-item--first { grid-row: 1/span 2; } .nav__list > li.menu-item:last-child { grid-row: 2/2; grid-column: 3/3; } .nav__list .menu-item--top-level > a { line-height: 1.3; padding: 8px 0; font-weight: 500; font-variation-settings: "wght" 500; font-size: 24px; } @media screen and (min-width: 768px) { .nav__list .menu-item--top-level > a { font-size: 28px; } } @media screen and (min-width: 1680px) { .nav__list .menu-item--top-level > a { font-size: 32px; } } .nav__list .menu-item--top-level > a:active, .nav__list .menu-item--top-level > a:hover { color: #BEA260; } .nav__list a { color: #FFFFFF; display: inline-block; font-family: "SourceSans3", Helvetica, Arial, Geneva, sans-serif; line-height: 1.3; position: relative; -webkit-text-decoration: none; text-decoration: none; white-space: break-spaces; z-index: 1; font-size: 16px; } @media screen and (min-width: 768px) { .nav__list a { font-size: 16px; } } @media screen and (min-width: 1680px) { .nav__list a { font-size: 18px; } } .nav__list a:active, .nav__list a:hover { color: #BEA260; } .nav__list .sub-menu { margin-top: 1em; } @media screen and (min-width: 768px), print { .nav__list .sub-menu { margin-bottom: 48px; } } .nav__list .sub-menu:has(.menu-item--top-level) { margin-top: 0; } .nav__list .sub-menu li.current-menu-item a { color: rgba(190, 162, 96, 0.7); } .nav__contact { position: absolute; right: 30px; align-items: center; display: flex; z-index: 1; } .nav__contact-button { display: none; } @media screen and (min-width: 768px), print { .nav__contact-button { display: block; } } .nav__contact-button a { height: 50px; text-transform: uppercase; } .nav__burger { align-items: center; border: 0; cursor: pointer; display: flex; flex-direction: column; height: 50px; justify-content: space-around; left: 30px; opacity: 1; outline: 0; padding: 8px; position: absolute; transition: opacity 0.3s 0s ease-in-out, background-color 0.5s 0.3s ease-in-out; width: 50px; z-index: 2; } @media screen and (max-width: 767px) { .nav__burger { position: absolute; right: 16px; left: auto; } } .nav__burger:active, .nav__burger:focus, .nav__burger:hover { opacity: 0.7; outline: none; } .nav__burger:focus-visible { outline: 2px auto #D4AF37; outline-offset: 2px; } .nav__burger-bar { background: #000000; border-radius: 2px; display: block; height: 2px; transform-origin: center; transition: background-color 0.5s 0.3s ease-in-out; width: 100%; } .home .nav__burger-bar { background: #FFFFFF; } .nav--scrolled .nav__burger-bar { background-color: #000000; } .nav__close { background-color: #000000; border-radius: 50%; cursor: pointer; position: absolute; right: 30px; top: 30px; z-index: 20; } .nav__close::before { background-color: #FFFFFF; height: 32px; transition: background-color 0.4s 0s ease-in-out, color 0.4s 0s ease-in-out; width: 32px; } @media screen and (min-width: 1280px) { .nav__close::before { height: 50px; width: 50px; } } @media (hover: hover) { .nav__close:hover::before { background-color: #B38F2F; } } @media screen and (max-width: 767px) { .menu-item-has-children:not(.menu-item--top-level) { display: flex; flex-direction: column; } .menu-item-has-children:not(.menu-item--top-level) .sub-menu { flex: 0; height: 0; overflow: hidden; max-height: 0; transition: max-height 0.5s 0s ease-in-out, height 0s 0.5s, flex 0s 0.5s; margin-top: 0; } .menu-item-has-children:not(.menu-item--top-level)[aria-expanded=true] .sub-menu { flex-basis: auto; max-height: 7lh; height: auto; } #footerNavigation .menu-item-has-children:not(.menu-item--top-level)[aria-expanded=true] { margin-bottom: 16px; } #navMenu .menu-item-has-children:not(.menu-item--top-level)[aria-expanded=true] { margin-bottom: 16px; } } .news { margin: 0 auto; max-width: 1024px; } .news__inner { display: flex; flex-direction: column; gap: 32px; margin-top: 40px; } @media screen and (min-width: 768px) { .news__inner { margin-top: 48px; } } @media screen and (min-width: 1680px) { .news__inner { margin-top: 60px; } } @media screen and (min-width: 768px), print { .news__inner { display: grid; grid-gap: 32px; gap: 32px; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, auto); } } .news__article { grid-column: 3/span 2; } .news__article:not(.news__article--sticky) { gap: 16px; } @media screen and (min-width: 768px) { .news__article:not(.news__article--sticky) { gap: 20px; } } @media screen and (min-width: 1680px) { .news__article:not(.news__article--sticky) { gap: 24px; } } @media screen and (min-width: 768px), print { .news__article:not(.news__article--sticky) { display: flex; } } @media screen and (min-width: 768px), print { .news__article--sticky { grid-column: 1/span 2; grid-row: 1/span 2; } } .news__article-image, .news__article-link { aspect-ratio: 16/10; background-color: rgba(212, 175, 55, 0.05); display: block; -o-object-fit: cover; object-fit: cover; width: 100%; margin-bottom: 16px; } @media screen and (min-width: 768px) { .news__article-image, .news__article-link { margin-bottom: 20px; } } @media screen and (min-width: 1680px) { .news__article-image, .news__article-link { margin-bottom: 24px; } } @media screen and (min-width: 768px), print { .news__article-image, .news__article-link { aspect-ratio: 1/1; height: 200px; margin-bottom: 0; width: 200px; } } .news__article--sticky .news__article-image, .news__article--sticky .news__article-link { margin-bottom: 16px; } @media screen and (min-width: 768px) { .news__article--sticky .news__article-image, .news__article--sticky .news__article-link { margin-bottom: 20px; } } @media screen and (min-width: 1680px) { .news__article--sticky .news__article-image, .news__article--sticky .news__article-link { margin-bottom: 24px; } } @media screen and (min-width: 768px), print { .news__article--sticky .news__article-image, .news__article--sticky .news__article-link { aspect-ratio: unset; height: 200px; width: 100%; } } .article__related .news__article-image, .article__related .news__article-link { aspect-ratio: 16/10; height: auto; max-height: 225px; width: 100%; } .news__article-date { font-weight: 600; font-variation-settings: "wght" 600; font-size: 13px; margin-bottom: 12px; } @media screen and (min-width: 768px) { .news__article-date { font-size: 13px; } } @media screen and (min-width: 1680px) { .news__article-date { font-size: 14px; } } .news__article-title { color: #1A1A1A; margin-top: 0; margin-bottom: 8px; font-weight: 500; font-variation-settings: "wght" 500; font-size: 16px; } @media screen and (min-width: 768px) { .news__article-title { font-size: 16px; } } @media screen and (min-width: 1680px) { .news__article-title { font-size: 18px; } } .news__article-title-link:active, .news__article-title-link:hover { text-decoration-thickness: 2px; } .news__article-link { overflow: hidden; display: block; flex-shrink: 0; isolation: isolate; position: relative; /* Overlay */ } .news__article-link::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(212, 175, 55, 0.4); opacity: 0; transition: opacity 0.4s ease; mix-blend-mode: color; } .news__article-link:active::after, .news__article-link:hover::after { opacity: 1; } .news__article-link:active .news__article-image, .news__article-link:hover .news__article-image { transform: scale(1.1); } .news__article-image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.4s ease; } .news__article-excerpt { font-size: 14px; } @media screen and (min-width: 768px) { .news__article-excerpt { font-size: 14px; } } @media screen and (min-width: 1680px) { .news__article-excerpt { font-size: 16px; } } .news__article-excerpt p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .news__article-categories { display: flex; gap: 8px; } .news__article-category { background-color: #F5F5F5; border-radius: 16px; color: #8F7225; padding: 0 12px; font-weight: 500; font-variation-settings: "wght" 500; font-size: 13px; } @media screen and (min-width: 768px) { .news__article-category { font-size: 13px; } } @media screen and (min-width: 1680px) { .news__article-category { font-size: 14px; } } .single { background-color: #F9F8F6; } .page:where(:not(.home)) { background-color: #F9F8F6; } .wp-block-button__link, .editor-styles-wrapper .btn .wp-block-button__link, .editor-styles-wrapper .wp-block-button--secondary .wp-block-button__link .wp-block-button__link, .wp-block-button--secondary .editor-styles-wrapper .wp-block-button__link .wp-block-button__link, .editor-styles-wrapper .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link .wp-block-button__link, .wp-block-button:not(.wp-block-button--secondary) .editor-styles-wrapper .wp-block-button__link .wp-block-button__link, .editor-styles-wrapper input[type=submit] .wp-block-button__link, .editor-styles-wrapper .nav__contact-button a .wp-block-button__link, .nav__contact-button .editor-styles-wrapper a .wp-block-button__link { all: unset; width: auto; } p:where(.has-text-align-center, .gallery__headline) { margin-left: auto; margin-right: auto; max-width: 900px; } .wp-block-group:where(:not([class*=bg--ornament])) { padding-top: 64px; padding-bottom: 64px; } @media screen and (min-width: 768px) { .wp-block-group:where(:not([class*=bg--ornament])) { padding-top: 96px; } } @media screen and (min-width: 1680px) { .wp-block-group:where(:not([class*=bg--ornament])) { padding-top: 120px; } } @media screen and (min-width: 768px) { .wp-block-group:where(:not([class*=bg--ornament])) { padding-bottom: 96px; } } @media screen and (min-width: 1680px) { .wp-block-group:where(:not([class*=bg--ornament])) { padding-bottom: 120px; } } .wp-block-group:where(:has(#fluentform_3)) { padding-top: 40px; padding-bottom: 64px; } @media screen and (min-width: 768px) { .wp-block-group:where(:has(#fluentform_3)) { padding-top: 48px; } } @media screen and (min-width: 1680px) { .wp-block-group:where(:has(#fluentform_3)) { padding-top: 60px; } } @media screen and (min-width: 768px) { .wp-block-group:where(:has(#fluentform_3)) { padding-bottom: 96px; } } @media screen and (min-width: 1680px) { .wp-block-group:where(:has(#fluentform_3)) { padding-bottom: 120px; } } @media screen and (min-width: 1680px) { .wp-block-group--widescreen .wp-block-group__inner-container { margin-left: 50%; transform: translateX(-50vw); width: 100vw; } } @media screen and (min-width: 1680px) { .wp-block-group--widescreen .wp-block-group__inner-container .wp-block-columns { margin-left: auto; margin-right: auto; max-width: 1280px; } } .wp-block-separator { border-color: #B38F2F; border-width: 1px; margin: 32px auto; width: 20%; } .wp-block-list { border: 1px solid #D4AF37; border-width: 1px 0; list-style: disc; margin-bottom: 16px; padding: 16px 0 16px 16px; } .wp-block-button:not(.wp-block-button--secondary) { margin-top: 4px; } .wp-block-button:not(.wp-block-button--secondary) .wp-block-button__link { width: auto; } @media screen and (min-width: 768px) { .wp-block-button:not(.wp-block-button--secondary) { margin-top: 6px; } } @media screen and (min-width: 1680px) { .wp-block-button:not(.wp-block-button--secondary) { margin-top: 8px; } } .wp-block-button--secondary .wp-block-button__link { justify-content: center; width: auto; } .wp-block-quote, .wp-block-pullquote { box-sizing: border-box; word-wrap: break-word; padding: 4em max(32px, min(6%, 300px)); text-align: center; text-align: justify; } .wp-block-quote p, .wp-block-pullquote p { letter-spacing: -0.02em; margin-bottom: 0.5em; position: relative; font-size: 24px; } @media screen and (min-width: 768px) { .wp-block-quote p, .wp-block-pullquote p { font-size: 26px; } } @media screen and (min-width: 1680px) { .wp-block-quote p, .wp-block-pullquote p { font-size: 30px; } } .wp-block-quote p::before, .wp-block-quote p::after, .wp-block-pullquote p::before, .wp-block-pullquote p::after { color: #2C2C2C; display: inline-block; font-family: "Cinzel", Futura, Century Gothic, sans-serif; font-size: 80px; height: 0; line-height: 0; mix-blend-mode: multiply; position: absolute; } @media screen and (min-width: 1280px) { .wp-block-quote p::before, .wp-block-quote p::after, .wp-block-pullquote p::before, .wp-block-pullquote p::after { font-size: 100px; } } .wp-block-quote p::before, .wp-block-pullquote p::before { content: "„"; left: -0.45em; top: -0.2em; } .wp-block-quote p::after, .wp-block-pullquote p::after { content: "“"; transform: translateY(0.35em); } .wp-block-quote cite, .wp-block-pullquote cite { display: block; font-size: 24px; } @media screen and (min-width: 768px) { .wp-block-quote cite, .wp-block-pullquote cite { font-size: 26px; } } @media screen and (min-width: 1680px) { .wp-block-quote cite, .wp-block-pullquote cite { font-size: 30px; } } .wp-element-caption { border-left: 1px solid #F5F5F5; line-height: 1.2; margin-top: 16px; padding-left: 0.5em; font-size: 13px; } @media screen and (min-width: 768px) { .wp-element-caption { font-size: 13px; } } @media screen and (min-width: 1680px) { .wp-element-caption { font-size: 14px; } } .wp-block-columns { gap: 32px; } @media screen and (min-width: 768px) { .wp-block-columns { gap: 40px; } } @media screen and (min-width: 1680px) { .wp-block-columns { gap: 48px; } } .wp-block-group:where(:not([class*=bg--ornament])) .wp-block-columns { margin-top: 40px; } @media screen and (min-width: 768px) { .wp-block-group:where(:not([class*=bg--ornament])) .wp-block-columns { margin-top: 48px; } } @media screen and (min-width: 1680px) { .wp-block-group:where(:not([class*=bg--ornament])) .wp-block-columns { margin-top: 60px; } } .wp-block-columns.has-white-background-color { padding: 8px; } .wp-block-columns .wp-block-heading, .wp-block-columns .gallery__headline, .bg--ornament-bordered .wp-block-heading, .bg--ornament-bordered .gallery__headline, .bg--ornament-left .wp-block-heading, .bg--ornament-left .gallery__headline, .bg--ornament-right .wp-block-heading, .bg--ornament-right .gallery__headline { color: #BEA260; } .bg--ornament-dark .wp-block-heading, .bg--ornament-dark .gallery__headline { color: #E1DAC3; } .wp-block-video { aspect-ratio: 16/9; border: 1px solid #B38F2F; padding: 4px; margin-left: auto; margin-right: auto; max-width: 760px; margin-top: 40px; } @media screen and (min-width: 768px) { .wp-block-video { margin-top: 48px; } } @media screen and (min-width: 1680px) { .wp-block-video { margin-top: 60px; } } @media screen and (min-width: 768px), print { .wp-block-video { padding: 8px; } } .wp-block-video video { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } figure.wp-block-image { width: 100%; } figure.wp-block-image img { width: 100%; } .prices { margin-top: 16px; } @media screen and (min-width: 768px) { .prices { margin-top: 20px; } } @media screen and (min-width: 1680px) { .prices { margin-top: 24px; } } .prices:where(:not(:last-child)) { margin-bottom: 48px; } @media screen and (min-width: 768px) { .prices:where(:not(:last-child)) { margin-bottom: 64px; } } @media screen and (min-width: 1680px) { .prices:where(:not(:last-child)) { margin-bottom: 80px; } } .prices__list { display: grid; grid-template-columns: auto 5em; grid-template-rows: auto; max-width: 580px; margin-left: auto; margin-right: auto; border: 1px solid #B38F2F; border-width: 1px 0; padding-bottom: 12px; padding-top: 12px; grid-gap: 8px; gap: 8px; } @media screen and (min-width: 768px) { .prices__list { padding-bottom: 16px; } } @media screen and (min-width: 1680px) { .prices__list { padding-bottom: 20px; } } @media screen and (min-width: 768px) { .prices__list { padding-top: 16px; } } @media screen and (min-width: 1680px) { .prices__list { padding-top: 20px; } } @media screen and (min-width: 768px) { .prices__list { gap: 12px; } } @media screen and (min-width: 1680px) { .prices__list { gap: 16px; } } .prices__list-item { font-weight: 500; font-variation-settings: "wght" 500; } .prices__list-price { text-align: right; } .quote-image { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-color: #E1DAC3; background-image: url(img/bg_quote-image.svg); background-repeat: no-repeat; background-size: auto 100%; overflow: hidden; padding-top: 32px; padding-bottom: 48px; padding-left: 32px; padding-right: 32px; } @media screen and (min-width: 768px) { .quote-image { padding-left: 40px; } } @media screen and (min-width: 1680px) { .quote-image { padding-left: 48px; } } @media screen and (min-width: 768px) { .quote-image { padding-right: 40px; } } @media screen and (min-width: 1680px) { .quote-image { padding-right: 48px; } } @media screen and (min-width: 768px), print { .quote-image { padding-top: 120px; padding-bottom: 120px; } } .quote-image__inner { background-color: #F9F8F6; border-left: 6px solid #B38F2F; margin: 0 auto; max-width: 780px; padding: 12px; position: relative; } @media screen and (min-width: 768px), print { .quote-image__inner { align-items: flex-start; display: flex; flex-direction: column; justify-content: flex-end; min-height: 480px; padding: 80px 128px 40px 64px; } } .quote-image__inner::before { background-image: url(img/bg_ornament-small-leaf.svg); background-size: contain; content: ""; display: block; aspect-ratio: 2/1; left: 0; right: auto; position: absolute; top: auto; bottom: 32px; width: 70px; z-index: 1; } @media screen and (min-width: 1280px) { .quote-image__inner::before { width: 140px; } } .quote-image__inner::before { opacity: 0.15; mix-blend-mode: multiply; } .quote-image__quote { color: #8F7225; font-family: "SourceSans3 Italic", Helvetica, Arial, Geneva, sans-serif; line-height: 1.4; font-size: 24px; } @media screen and (min-width: 768px), print { .quote-image__quote { margin-bottom: 16px; } } @media screen and (min-width: 768px) { .quote-image__quote { font-size: 26px; } } @media screen and (min-width: 1680px) { .quote-image__quote { font-size: 30px; } } .quote-image__quote::before { clip-path: polygon(100% 0%, 100% 90%, 50% 100%, 50% 90%, 0% 90%, 0% 70%, 60% 44%, 60% 20%); content: ""; float: right; height: 300px; margin-right: -30px; max-width: 60%; opacity: 0.5; shape-outside: polygon(100% 0%, 100% 90%, 50% 100%, 50% 90%, 0% 90%, 0% 70%, 60% 44%, 60% 20%); width: 250px; } @media screen and (min-width: 768px), print { .quote-image__quote::before { display: none; } } .quote-image__signature { height: 70px; } .quote-image__author { margin-bottom: 16px; font-weight: 700; font-variation-settings: "wght" 700; } .quote-image__title { margin-bottom: 0; font-size: 13px; } @media screen and (min-width: 768px) { .quote-image__title { font-size: 13px; } } @media screen and (min-width: 1680px) { .quote-image__title { font-size: 14px; } } @media screen and (max-width: 767px) { .quote-image__title { width: 60%; } } .quote-image__image { top: 50px; position: absolute; right: -90px; width: 250px; bottom: -48px; } @media screen and (min-width: 768px), print { .quote-image__image { bottom: -400px; right: -200px; width: 470px; } } .quote-image__image img { height: 100%; -o-object-fit: cover; object-fit: cover; } .quote-video { background-color: #FFFFFF; margin: 64px auto; padding: 20px; } @media screen and (min-width: 768px) { .quote-video { padding: 24px; } } @media screen and (min-width: 1680px) { .quote-video { padding: 30px; } } @media screen and (max-width: 1279px) { .quote-video { margin-left: 50%; transform: translateX(-50vw); width: 100vw; } } @media screen and (min-width: 1280px) { .quote-video { max-width: 900px; } } .quote-video__inner { align-items: center; display: flex; flex-direction: column; gap: 40px; } @media screen and (min-width: 768px) { .quote-video__inner { gap: 48px; } } @media screen and (min-width: 1680px) { .quote-video__inner { gap: 60px; } } @media screen and (min-width: 1280px) { .quote-video__inner { flex-direction: row; } } .quote-video__box { background: repeating-linear-gradient(30deg, #D4AF37 40%, #FFE286 80%, #B38F2F 100%); border-radius: 2px; padding: 2px; position: relative; } .quote-video__content { padding: 24px 32px; position: relative; } .quote-video__content::before { background-color: #E1DAC3; height: 50px; left: 0; opacity: 0.25; position: absolute; top: 0; width: 65px; } .quote-video__video, .quote-video__splash { aspect-ratio: 3/3.8; border: 0px solid #FFFFFF; display: flex; width: 180px; border-width: 4px; } @media screen and (min-width: 768px) { .quote-video__video, .quote-video__splash { border-width: 6px; } } @media screen and (min-width: 1680px) { .quote-video__video, .quote-video__splash { border-width: 8px; } } .quote-video__video { display: none; } .quote-video__splash { position: relative; cursor: pointer; } .quote-video__poster { display: block; height: auto; -o-object-fit: cover; object-fit: cover; width: 100%; } .quote-video__play { align-items: center; background-color: #1A1A1A; border-radius: 50%; border: 1px solid #FFFFFF; color: #FFFFFF; cursor: pointer; display: inline-flex; height: 64px; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; margin: auto; position: absolute; transition: all 0.3s 0s ease-in-out; width: 64px; } .quote-video__play:active, .quote-video__play:focus, .quote-video__play:hover { background-color: #B38F2F; } .quote-video__quote { margin-bottom: 24px; line-height: 1.25; font-size: 20px; } @media screen and (min-width: 768px) { .quote-video__quote { font-size: 22px; } } @media screen and (min-width: 1680px) { .quote-video__quote { font-size: 24px; } } .quote-video__author { line-height: 1.3; font-size: 14px; } @media screen and (min-width: 768px) { .quote-video__author { font-size: 14px; } } @media screen and (min-width: 1680px) { .quote-video__author { font-size: 16px; } } .related { margin-left: 50%; transform: translateX(-50vw); width: 100vw; padding-bottom: 64px; padding-top: 64px; } @media screen and (min-width: 768px) { .related { padding-bottom: 96px; } } @media screen and (min-width: 1680px) { .related { padding-bottom: 120px; } } @media screen and (min-width: 768px) { .related { padding-top: 96px; } } @media screen and (min-width: 1680px) { .related { padding-top: 120px; } } .related h2 { text-align: center; margin-bottom: 0; } .related__inner { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; margin-left: auto; margin-right: auto; max-width: 1440px; gap: 20px; padding-top: 40px; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 768px) { .related__inner { gap: 24px; } } @media screen and (min-width: 1680px) { .related__inner { gap: 30px; } } @media screen and (min-width: 768px) { .related__inner { padding-top: 48px; } } @media screen and (min-width: 1680px) { .related__inner { padding-top: 60px; } } @media screen and (min-width: 768px) { .related__inner { padding-left: 24px; } } @media screen and (min-width: 1680px) { .related__inner { padding-left: 30px; } } @media screen and (min-width: 768px) { .related__inner { padding-right: 24px; } } @media screen and (min-width: 1680px) { .related__inner { padding-right: 30px; } } @media screen and (min-width: 768px), print { .related__inner { flex-direction: row; } } @media screen and (min-width: 1280px) { .related__inner { flex-wrap: nowrap; } } .related__item { align-items: center; display: flex; flex-direction: column; flex: 1; text-align: center; } .related__item:last-child { flex-grow: 0; } @media screen and (min-width: 768px), print { .related__item { flex: 1 1 48%; } } @media screen and (min-width: 1280px) { .related__item { flex: 0 1 33%; } } .related__image { width: 100%; height: 225px; -o-object-fit: cover; object-fit: cover; margin-bottom: 12px; } @media screen and (min-width: 768px) { .related__image { margin-bottom: 16px; } } @media screen and (min-width: 1680px) { .related__image { margin-bottom: 20px; } } .related__image--placeholder { background-color: #F5F5F5; width: 100%; } .related__title { border: 1px solid #B38F2F; border-width: 1px 0; color: #BEA260; display: inline-block; font-family: "Cinzel", Futura, Century Gothic, sans-serif; line-height: 1.8; width: auto; font-size: 18px; } @media screen and (min-width: 768px) { .related__title { font-size: 18px; } } @media screen and (min-width: 1680px) { .related__title { font-size: 20px; } } .related__link { margin-top: 12px; } @media screen and (min-width: 768px) { .related__link { margin-top: 16px; } } @media screen and (min-width: 1680px) { .related__link { margin-top: 20px; } } .reviews__inner { margin: 0 auto; max-width: 780px; } .reviews__headline { align-items: center; display: flex; font-family: "Cinzel", Futura, Century Gothic, sans-serif; font-size: 18px; justify-items: center; margin-bottom: 16px; position: relative; text-align: center; } .reviews__headline span { flex: 1 0 auto; padding: 0 1em; position: relative; z-index: 1; } .reviews__headline::before, .reviews__headline::after { content: ""; display: block; height: 0; width: 100%; z-index: 0; border: 2px solid #B38F2F; -o-border-image: repeating-linear-gradient(30deg, #D4AF37 40%, #FFE286 80%, #B38F2F 100%) 10; border-image: repeating-linear-gradient(30deg, #D4AF37 40%, #FFE286 80%, #B38F2F 100%) 10; } .reviews__list { margin: 0 auto; padding-bottom: 12px; } @media screen and (min-width: 768px) { .reviews__list { padding-bottom: 16px; } } @media screen and (min-width: 1680px) { .reviews__list { padding-bottom: 20px; } } .reviews__list-item { padding: 0 32px; text-align: center; } @media screen and (min-width: 1280px) { .reviews__list-item { padding: 0 112px; } } .reviews__list-item p:first-child { text-indent: -50px; } .reviews__list-item p:first-child::before { background-color: #E1DAC3; display: inline-block; height: 40px; opacity: 0.25; width: 50px; transform: translate3d(30px, 12px, 0px); } .reviews__list::after { border: 1px solid #B38F2F; -o-border-image: repeating-linear-gradient(30deg, #D4AF37 40%, #FFE286 80%, #B38F2F 100%) 10; border-image: repeating-linear-gradient(30deg, #D4AF37 40%, #FFE286 80%, #B38F2F 100%) 10; border-bottom-width: 0.5px; bottom: 16px; content: ""; display: block; height: 0; position: relative; width: 100%; } .reviews__author { border-top: 1px solid rgba(179, 143, 47, 0.5); display: inline-block; padding: 8px 16px; width: auto; font-size: 13px; } @media screen and (min-width: 768px) { .reviews__author { font-size: 13px; } } @media screen and (min-width: 1680px) { .reviews__author { font-size: 14px; } } .rooms--fullwidth { background-color: #FFFFFF; margin-left: 50%; transform: translateX(-50vw); width: 100vw; padding-bottom: 64px; padding-top: 64px; } @media screen and (min-width: 768px) { .rooms--fullwidth { padding-bottom: 96px; } } @media screen and (min-width: 1680px) { .rooms--fullwidth { padding-bottom: 120px; } } @media screen and (min-width: 768px) { .rooms--fullwidth { padding-top: 96px; } } @media screen and (min-width: 1680px) { .rooms--fullwidth { padding-top: 120px; } } .rooms--slider { padding-top: 20px; } @media screen and (min-width: 768px) { .rooms--slider { padding-top: 24px; } } @media screen and (min-width: 1680px) { .rooms--slider { padding-top: 30px; } } .rooms--fullwidth .rooms__inner { margin-left: auto; margin-right: auto; padding: 0 8px; display: flex; flex-direction: column; width: 100%; gap: 40px; } @media screen and (min-width: 768px) { .rooms--fullwidth .rooms__inner { gap: 48px; } } @media screen and (min-width: 1680px) { .rooms--fullwidth .rooms__inner { gap: 60px; } } @media screen and (min-width: 768px) { .rooms--fullwidth .rooms__inner { flex-direction: row; padding: 0 30px; } } @media screen and (min-width: 1440px) { .rooms--fullwidth .rooms__inner { width: 1440px; } } @media screen and (min-width: 1280px) { .rooms--slider .rooms__inner { display: grid; grid-gap: 64px; gap: 64px; grid-template-columns: 370px auto; } } @media screen and (max-width: 1279px) { .rooms__column { margin-bottom: 40px; } } .rooms__list { display: block; width: 100%; } .rooms--fullwidth .rooms__list { display: flex; flex-direction: column; gap: 40px; } @media screen and (min-width: 768px) { .rooms--fullwidth .rooms__list { gap: 48px; } } @media screen and (min-width: 1680px) { .rooms--fullwidth .rooms__list { gap: 60px; } } @media screen and (min-width: 768px), print { .rooms--fullwidth .rooms__list { flex-direction: row; } } @media screen and (min-width: 1440px) { .rooms--fullwidth .rooms__list { max-width: 990px; } } @media screen and (min-width: 768px), print { .rooms__list-item { width: calc(50% - 24px); } } .rooms__headline { color: #BEA260; } @media screen and (min-width: 768px) and (max-width: 1279px) { .rooms__text { max-width: 70%; } } .rooms__button { margin-top: 4px; } @media screen and (min-width: 768px) { .rooms__button { margin-top: 6px; } } @media screen and (min-width: 1680px) { .rooms__button { margin-top: 8px; } } .rooms .wp-block-heading, .rooms .gallery__headline { color: #1A1A1A; margin-top: 8px; } .slider-circle { --d: 23em; --s: 70px; --i: 45px; --r: calc((var(--d) / 2) - (var(--s) / 2)); position: relative; margin-left: 50%; transform: translateX(-50vw); width: 100vw; } .slider-circle::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: url(img/bg_ornament-dark-bottom.svg); background-position: center bottom; background-color: #2C2C2C; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .slider-circle .wp-block-group__inner-container { position: relative; z-index: 1; } .slider-circle::before { background-size: auto 25%; } @media screen and (min-width: 768px), print { .slider-circle::before { background-size: 100% auto; } } .slider-circle__inner { display: flex; flex-direction: column; padding-bottom: 80px; margin-left: auto; margin-right: auto; max-width: 1440px; padding-top: 48px; padding-bottom: 48px; padding-left: 20px; padding-right: 20px; gap: 32px; } @media screen and (min-width: 768px), print { .slider-circle__inner { display: grid; grid-template-columns: 400px 1fr; grid-template-rows: auto 1fr; grid-template-areas: "circle headline" "circle slider"; } } .slider-circle__inner::after { background-image: url(img/bg_ornament-small-leaf.svg); background-size: contain; content: ""; display: block; aspect-ratio: 2/1; left: auto; right: 0; position: absolute; top: 16px; bottom: auto; width: 46px; z-index: 1; transform: rotateY(180deg); } @media screen and (min-width: 1280px) { .slider-circle__inner::after { width: 92px; top: 8px; } } .slider-circle__inner::before { background-image: url(img/bg_ornament-small-leaf.svg); background-size: contain; content: ""; display: block; aspect-ratio: 2/1; left: 0; right: auto; position: absolute; top: auto; bottom: 32px; width: 46px; z-index: 1; } @media screen and (min-width: 1280px) { .slider-circle__inner::before { width: 92px; } } @media screen and (min-width: 768px) { .slider-circle__inner { padding-top: 64px; } } @media screen and (min-width: 1680px) { .slider-circle__inner { padding-top: 80px; } } @media screen and (min-width: 768px) { .slider-circle__inner { padding-bottom: 64px; } } @media screen and (min-width: 1680px) { .slider-circle__inner { padding-bottom: 80px; } } @media screen and (min-width: 768px) { .slider-circle__inner { padding-left: 24px; } } @media screen and (min-width: 1680px) { .slider-circle__inner { padding-left: 30px; } } @media screen and (min-width: 768px) { .slider-circle__inner { padding-right: 24px; } } @media screen and (min-width: 1680px) { .slider-circle__inner { padding-right: 30px; } } @media screen and (min-width: 768px) { .slider-circle__inner { gap: 40px; } } @media screen and (min-width: 1680px) { .slider-circle__inner { gap: 48px; } } @media screen and (min-width: 1280px) { .slider-circle__inner { padding-right: 0; } } @media screen and (min-width: 1440px) { .slider-circle__inner { margin-right: 0; } } @media screen and (min-width: 1680px) { .slider-circle__inner { margin-right: auto; } } .slider-circle__inner::before, .slider-circle__inner::after { width: 130px; } @media screen and (max-width: 767px) { .slider-circle__inner::before { mix-blend-mode: multiply; } } .slider-circle__inner-column { position: relative; gap: 32px; } @media screen and (min-width: 768px) { .slider-circle__inner-column { gap: 40px; } } @media screen and (min-width: 1680px) { .slider-circle__inner-column { gap: 48px; } } .slider-circle__inner-column--circle { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 20px 0; } @media screen and (min-width: 768px), print { .slider-circle__inner-column--circle { grid-area: circle; } } .slider-circle__headline { color: #E1DAC3; font-family: "Cinzel", Futura, Century Gothic, sans-serif; hyphens: none; margin-bottom: 0; padding-right: 2rem; position: relative; font-weight: 600; font-variation-settings: "wght" 600; } @media screen and (min-width: 768px), print { .slider-circle__headline { grid-area: headline; } } .slider-circle__headline::before { content: ""; display: block; float: right; height: 30px; opacity: 0.5; shape-outside: margin-box; width: 6rem; } .slider-circle__headline::after { background-color: #B38F2F; content: ""; display: block; height: 1px; width: 200px; margin-top: 16px; } @media screen and (min-width: 768px) { .slider-circle__headline::after { margin-top: 20px; } } @media screen and (min-width: 1680px) { .slider-circle__headline::after { margin-top: 24px; } } .slider-circle__box { display: flex; flex-direction: column; } @media screen and (min-width: 1024px) { .slider-circle__box { align-items: center; flex-direction: row; gap: 48px; } } .slider-circle__item-content { color: #E1DAC3; display: flex; flex-direction: column; margin-top: -18px; gap: 8px; } @media screen and (min-width: 768px) { .slider-circle__item-content { gap: 12px; } } @media screen and (min-width: 1680px) { .slider-circle__item-content { gap: 16px; } } @media screen and (min-width: 768px), print { .slider-circle__item-content { margin-top: 0; } } .slider-circle__item-icon { width: 36px; } @media screen and (min-width: 768px), print { .slider-circle__item-icon { width: 54px; } } .slider-circle__item-text { margin-bottom: 0; } .slider-circle__item-image { background-color: rgba(212, 175, 55, 0.03); max-height: 126px; -o-object-fit: contain; object-fit: contain; -o-object-position: 50px; object-position: 50px; width: 100%; } @media screen and (min-width: 1024px) { .slider-circle__item-image { aspect-ratio: unset; height: 100%; max-height: none; max-width: 260px; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; } } .slider-circle__icons { align-items: center; aspect-ratio: 1/1; border-radius: 50%; display: grid; font-size: 14px; grid-template-rows: 1fr; height: var(--d); justify-content: center; position: relative; transform: rotate(40deg); width: var(--d); } @media screen and (min-width: 768px), print { .slider-circle__icons { font-size: 16px; grid-area: circle; } } @media screen and (min-width: 1680px) { .slider-circle__icons { font-size: 18px; } } .slider-circle__icons::before { border-radius: 50%; border: 1px solid rgba(179, 143, 47, 0.5); content: ""; display: block; height: calc(var(--r) * 2); left: calc(50% - var(--r)); pointer-events: none; position: absolute; top: calc(50% - var(--r)); width: calc(var(--r) * 2); z-index: 0; } .slider-circle__icon { width: 46px; border-radius: 50%; outline: 1px solid transparent; outline-offset: 3px; transform: rotate(-40deg); transition: all 0.3s 0s ease-in-out; } .active .slider-circle__icon { transform: rotate(-40deg) scale(1.38); outline-color: #B38F2F; } .slider-circle__icon-box { cursor: pointer; position: absolute; left: 50%; top: 50%; } .slider-circle__icon-title { color: #E1DAC3; transform: rotate(-40deg); grid-row: 1; grid-column: 1; line-height: 1.2; text-align: center; opacity: 0; transition: opacity 0.5s 0s ease-in-out; margin-left: auto; margin-right: auto; max-width: 60%; } .slider-circle__icon-title.active { opacity: 1; } #sliderFactsCircle { --swiper-navigation-size: 38px; --swiper-navigation-top-offset: 20px; min-width: 300px; max-width: 990px; width: 100%; } @media screen and (min-width: 768px), print { #sliderFactsCircle { padding-bottom: 62px; grid-area: slider; } } @media screen and (min-width: 1440px) { #sliderFactsCircle { clip-path: polygon(0px 0px, 150% 0%, 150% 100%, 0% 100%); overflow: visible; } } #sliderFactsCircle .swiper-wrapper { padding-bottom: 0; } @media screen and (min-width: 1024px) { #sliderFactsCircle .swiper-wrapper { padding-bottom: 20px; } } @media screen and (min-width: 1440px) { #sliderFactsCircle .swiper-wrapper { overflow: visible; } } #sliderFactsCircle .swiper-slide { height: auto; display: flex; } @media screen and (min-width: 1440px) { #sliderFactsCircle .swiper-slide-next { -webkit-mask-image: linear-gradient(to left, transparent 30%, black 50%); mask-image: linear-gradient(to left, transparent 30%, black 50%); } } #sliderFactsCircle .swiper__button-container { display: none; flex-direction: row-reverse; gap: 24px; height: 44px; height: var(--swiper-navigation-size); justify-content: flex-end; position: relative; } @media screen and (min-width: 768px), print { #sliderFactsCircle .swiper__button-container { display: flex; } } #sliderFactsCircle .swiper-button-next, #sliderFactsCircle .swiper-button-prev { aspect-ratio: 1/1; border: 1px solid #B38F2F; position: relative; width: 44px; width: var(--swiper-navigation-size); } #sliderFactsCircle .swiper-button-next::after, #sliderFactsCircle .swiper-button-prev::after { font-size: calc(44px - 8px); font-size: calc(var(--swiper-navigation-size) - 8px); } .slider-images { width: 100%; } .slider-images__box { width: 660px; } .slider-images__image { aspect-ratio: 66/40; -o-object-fit: cover; object-fit: cover; width: 100%; } .slider-images.swiper { --swiper-navigation-size: 40px; --swiper-navigation-top-offset: 50%; } .slider-images.swiper .swiper-wrapper { padding-bottom: 0; } .slider-images.swiper .swiper-pagination { position: relative; margin-top: 16px; } .slider-images.swiper .swiper__button-container { position: absolute; right: 16px; bottom: calc(32px + var(--swiper-pagination-bullet-size) + 2px); height: 44px; height: var(--swiper-navigation-size); justify-content: flex-end; flex-direction: row-reverse; gap: 16px; display: flex; } .slider-images.swiper .swiper-button-next, .slider-images.swiper .swiper-button-prev { background-color: rgba(44, 44, 44, 0.45); position: relative; aspect-ratio: 1/1; width: 44px; width: var(--swiper-navigation-size); border: 1px solid #B38F2F; transition: background-color 0.5s 0.3s ease-in-out; } .slider-images.swiper .swiper-button-next:active, .slider-images.swiper .swiper-button-next:hover, .slider-images.swiper .swiper-button-next:focus, .slider-images.swiper .swiper-button-prev:active, .slider-images.swiper .swiper-button-prev:hover, .slider-images.swiper .swiper-button-prev:focus { background-color: #B38F2F; outline: none; } .slider-images.swiper .swiper-button-next:focus-visible, .slider-images.swiper .swiper-button-prev:focus-visible { outline: 2px auto #D4AF37; outline-offset: 2px; } .slider-images.swiper .swiper-button-next::after, .slider-images.swiper .swiper-button-prev::after { font-size: 18px; color: #FFFFFF; } .slider-images.swiper .swiper-button-next.swiper-button-disabled, .slider-images.swiper .swiper-button-prev.swiper-button-disabled { display: none; } #roomsList { --swiper-pagination-bottom: 0; } #roomsList > .swiper-wrapper { padding-bottom: 40px; } @media screen and (max-width: 767px) { #roomsList > .swiper-wrapper { flex-direction: column; gap: 40px; padding-bottom: 0; } } #roomsList > .swiper-pagination { display: none; text-align: center; } #roomsList.swiper-initialized > .swiper__button-container, #roomsList.swiper-initialized > .swiper-pagination { display: block; } #roomsList > .swiper__button-container { display: none; } #roomsList > .swiper__button-container .swiper-button-next, #roomsList > .swiper__button-container .swiper-button-prev { height: 100%; width: 95px; justify-content: flex-end; } #roomsList > .swiper__button-container .swiper-button-next:not(.swiper-button-disabled), #roomsList > .swiper__button-container .swiper-button-prev:not(.swiper-button-disabled) { background: linear-gradient(90deg, transparent 0%, #FFFFFF 80%); } #roomsList > .swiper__button-container .swiper-button-prev { justify-content: flex-start; } #roomsList > .swiper__button-container .swiper-button-prev:not(.swiper-button-disabled) { background: linear-gradient(270deg, transparent 0%, #FFFFFF 80%); } #roomsList > .swiper__button-container .swiper-button-prev.swiper-button-disabled, #roomsList > .swiper__button-container .swiper-button-next.swiper-button-disabled { opacity: 0; } #roomsList > .swiper__button-container .swiper-button-prev::after, #roomsList > .swiper__button-container .swiper-button-next::after { background-color: #FFFFFF; box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.25); font-size: 22px; padding: 16px; width: 50px; } #roomsList > .swiper__button-container .swiper-button-next::after { box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.25); font-size: 22px; padding: 16px; } .steps { background-color: #FFFFFF; margin-left: 50%; transform: translateX(-50vw); width: 100vw; padding-top: 64px; padding-bottom: 64px; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 768px) { .steps { padding-top: 96px; } } @media screen and (min-width: 1680px) { .steps { padding-top: 120px; } } @media screen and (min-width: 768px) { .steps { padding-bottom: 96px; } } @media screen and (min-width: 1680px) { .steps { padding-bottom: 120px; } } @media screen and (min-width: 768px) { .steps { padding-left: 24px; } } @media screen and (min-width: 1680px) { .steps { padding-left: 30px; } } @media screen and (min-width: 768px) { .steps { padding-right: 24px; } } @media screen and (min-width: 1680px) { .steps { padding-right: 30px; } } .steps__list { border-left: 1px solid #B38F2F; padding-left: 0; margin-left: auto; margin-right: auto; max-width: 650px; } .steps__list-item { display: flex; gap: 16px; margin-bottom: 24px; } .steps__index { display: inline-block; width: 40px; color: #BEA260; font-family: "Cinzel", Futura, Century Gothic, sans-serif; flex: 1 0 auto; padding-left: 16px; box-sizing: content-box; position: relative; line-height: 1; text-align: center; font-weight: 600; font-variation-settings: "wght" 600; font-size: 54px; } @media screen and (min-width: 768px) { .steps__index { font-size: 68px; } } @media screen and (min-width: 1680px) { .steps__index { font-size: 82px; } } @media screen and (min-width: 768px), print { .steps__index { width: 64px; } } .steps__index::before { content: ""; display: block; width: 19px; aspect-ratio: 1/1; border-radius: 50%; background-color: #B38F2F; border: 6px solid #FFFFFF; filter: drop-shadow(0px 0px 10px rgba(212, 175, 55, 0.15)); position: absolute; left: -10px; top: 15px; } @media screen and (min-width: 768px), print { .steps__index::before { top: 30px; } } .steps__title { color: #BEA260; margin-top: 20px; display: block; line-height: 1.3; font-weight: 500; font-variation-settings: "wght" 500; font-size: 24px; } @media screen and (min-width: 768px) { .steps__title { font-size: 28px; } } @media screen and (min-width: 1680px) { .steps__title { font-size: 32px; } } @media screen and (min-width: 768px), print { .steps__title { margin-top: 30px; } } .steps__text-inner { overflow: hidden; } .steps__text--expanded { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s ease-in-out; margin-bottom: 8px; } @media screen and (min-width: 768px) { .steps__text--expanded { margin-bottom: 12px; } } @media screen and (min-width: 1680px) { .steps__text--expanded { margin-bottom: 16px; } } .steps__text--expanded[aria-expanded=true] { grid-template-rows: 1fr; } .steps__text ul:not(:last-child) { margin-bottom: 16px; } .steps__text ul li:last-child { margin-bottom: 0; } .steps__button span { transition: all 0.5s 0.2s ease-in-out; overflow: hidden; min-width: 8em; } .steps__button-text-more { opacity: 1; position: relative; } [aria-expanded=true] .steps__button-text-more { opacity: 0; position: absolute; } .steps__button-text-expanded { opacity: 0; position: absolute; } [aria-expanded=true] .steps__button-text-expanded { opacity: 1; position: relative; } .swiper { --swiper-navigation-color: #B38F2F; --swiper-navigation-sides-offset: 0; --swiper-navigation-top-offset: 0; --swiper-pagination-bottom: 0; --swiper-pagination-bullet-horizontal-gap: 8px; --swiper-pagination-bullet-size: 10px; --swiper-pagination-color: #B38F2F; --swiper-theme-color: #2C2C2C; } .reviews .swiper { --swiper-navigation-size: 27px; --swiper-navigation-top-offset: 40px; } .swiper-pagination { line-height: 12px; text-align: right; z-index: 2; } .reviews .swiper-pagination { text-align: center; } .swiper-wrapper { padding-bottom: 24px; } .social__menu { align-items: center; display: flex; gap: 16px; justify-content: center; list-style: none; z-index: 2; } .social__menu li { height: 44px; width: 44px; } .social__menu li a { background-color: transparent; border-radius: 50%; border: 1px solid #B38F2F; box-sizing: border-box; display: inline-block; height: 44px; line-height: 100vh; opacity: 1; overflow: hidden; padding: 10px; position: relative; transition: opacity 0.3s 0s ease-in-out; width: 44px; } @media screen and (max-width: 767px) { .social__menu li a { height: 44px; width: 44px; } } .nav__menu-footer .social__menu li a { background-color: transparent; border-color: #F9F8F6; } .nav__menu-footer .social__menu li a:active, .nav__menu-footer .social__menu li a:focus, .nav__menu-footer .social__menu li a:hover { border-color: #D4AF37; background-color: transparent; } .nav__menu-footer .social__menu li a:active[href]::before, .nav__menu-footer .social__menu li a:focus[href]::before, .nav__menu-footer .social__menu li a:hover[href]::before { background-color: #D4AF37; } .social__menu li a[href]::before { background-color: #B38F2F; height: 100%; top: 0; width: 100%; } .nav__menu-footer .social__menu li a[href]::before { background-color: #F9F8F6; } .social__menu li a:active, .social__menu li a:focus, .social__menu li a:hover { background-color: #B38F2F; } .social__menu li a:active[href]::before, .social__menu li a:focus[href]::before, .social__menu li a:hover[href]::before { background-color: #000000; } .social__menu-link { display: inline-block; height: 44px; opacity: 0.5; overflow: hidden; transition: opacity 0.3s 0s ease-in-out; } .social__menu-link svg { height: 100%; width: 44px; } .social__menu-link path { fill: #000000; } .social__menu-link:active, .social__menu-link:hover { opacity: 1; } @media screen and (max-width: 767px) { .social__list { display: flex; } } .social__title { color: #000000; font-family: "SourceSans3", Helvetica, Arial, Geneva, sans-serif; max-width: none; text-transform: uppercase; font-size: 13px; } @media screen and (min-width: 768px) { .social__title { font-size: 13px; } } @media screen and (min-width: 1680px) { .social__title { font-size: 14px; } } .teaser { margin-left: 50%; transform: translateX(-50vw); width: 100vw; padding-top: 64px; padding-bottom: 64px; } @media screen and (min-width: 768px) { .teaser { padding-top: 96px; } } @media screen and (min-width: 1680px) { .teaser { padding-top: 120px; } } @media screen and (min-width: 768px) { .teaser { padding-bottom: 96px; } } @media screen and (min-width: 1680px) { .teaser { padding-bottom: 120px; } } .teaser--creme { position: relative; } .teaser--creme::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: url(img/bg_ornament-right.svg); background-position: top right; background-color: #F9F8F6; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .teaser--creme .wp-block-group__inner-container { position: relative; z-index: 1; } .teaser--white { position: relative; } .teaser--white::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: url(img/bg_ornament-left.svg); background-position: bottom left; background-color: #FFFFFF; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .teaser--white .wp-block-group__inner-container { position: relative; z-index: 1; } .teaser--special { position: relative; } .teaser--special::before { margin-left: 50%; transform: translateX(-50vw); width: 100vw; background-repeat: no-repeat; background-size: auto 100%; background-image: none; background-color: #FFFFFF; bottom: 0; content: ""; display: block; position: absolute; top: 0; z-index: -1; } .teaser--special .wp-block-group__inner-container { position: relative; z-index: 1; } .teaser__inner { display: flex; flex-direction: column; position: relative; z-index: 1; margin-left: auto; margin-right: auto; max-width: 1440px; gap: 40px; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 768px) { .teaser__inner { gap: 48px; } } @media screen and (min-width: 1680px) { .teaser__inner { gap: 60px; } } @media screen and (min-width: 768px) { .teaser__inner { padding-left: 24px; } } @media screen and (min-width: 1680px) { .teaser__inner { padding-left: 30px; } } @media screen and (min-width: 768px) { .teaser__inner { padding-right: 24px; } } @media screen and (min-width: 1680px) { .teaser__inner { padding-right: 30px; } } @media screen and (min-width: 768px), print { .teaser--reverse .teaser__inner { flex-direction: row-reverse; } } .teaser--special .teaser__inner { flex-direction: column-reverse; gap: 60px; padding-left: 40px; padding-right: 40px; } @media screen and (min-width: 768px) { .teaser--special .teaser__inner { padding-left: 48px; } } @media screen and (min-width: 1680px) { .teaser--special .teaser__inner { padding-left: 60px; } } @media screen and (min-width: 768px) { .teaser--special .teaser__inner { padding-right: 48px; } } @media screen and (min-width: 1680px) { .teaser--special .teaser__inner { padding-right: 60px; } } @media screen and (min-width: 768px), print { .teaser--special .teaser__inner { gap: 8px; flex-direction: row-reverse; } } @media screen and (min-width: 768px), print { .teaser__inner { flex-direction: row; } } .teaser__column { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; position: relative; } .teaser--special .teaser__column { border: 1px solid #B38F2F; -o-border-image: repeating-linear-gradient(30deg, #D4AF37 40%, #FFE286 80%, #B38F2F 100%) 10; border-image: repeating-linear-gradient(30deg, #D4AF37 40%, #FFE286 80%, #B38F2F 100%) 10; align-items: center; padding: 16px; text-align: center; gap: 16px; } @media screen and (min-width: 768px) { .teaser--special .teaser__column { gap: 20px; } } @media screen and (min-width: 1680px) { .teaser--special .teaser__column { gap: 24px; } } @media screen and (min-width: 1280px) { .teaser--special .teaser__column { padding: 96px; } } .teaser--special .teaser__column::before { background-image: url(img/bg_ornament-small-leaf.svg); background-size: contain; content: ""; display: block; aspect-ratio: 2/1; left: 0; right: auto; position: absolute; top: 58px; bottom: auto; width: 46px; z-index: 1; } @media screen and (min-width: 1280px) { .teaser--special .teaser__column::before { width: 92px; top: 29px; } } .teaser__button { margin-top: 4px; } @media screen and (min-width: 768px) { .teaser__button { margin-top: 6px; } } @media screen and (min-width: 1680px) { .teaser__button { margin-top: 8px; } } .teaser__headline { color: #BEA260; } .teaser--special .teaser__headline { font-family: "Cinzel", Futura, Century Gothic, sans-serif; margin-bottom: 0; font-size: 32px; } .teaser--special .teaser__headline::after { border-top: 1px solid #B38F2F; content: ""; display: block; margin-left: auto; margin-right: auto; width: 208px; margin-top: 16px; } @media screen and (min-width: 768px) { .teaser--special .teaser__headline::after { margin-top: 20px; } } @media screen and (min-width: 1680px) { .teaser--special .teaser__headline::after { margin-top: 24px; } } @media screen and (min-width: 768px) { .teaser--special .teaser__headline { font-size: 36px; } } @media screen and (min-width: 1680px) { .teaser--special .teaser__headline { font-size: 41px; } } .teaser--special .teaser__text p { margin-bottom: 0; } .teaser__image { -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 768px), print { .teaser__image { flex: 0 1 50%; height: 100%; max-width: 50%; } }