/* default styles for extension "tx_bh" */ /* ---------Content Element Editing --------- */ .bhElement{ position: relative; } a.bhElement{ display: block; } /* default styles for extension "tx_cooquickanfrage" */ textarea { width: 300px; height: 70px; } .formloader { background: url('/_assets/3a3b477bd7f04c2ba94978df6dd27fb7/Images/ajaxformloader.gif') no-repeat center center; width: 35px; height: 16px; display: inline-block; margin-left: 5px; top: 3px; position: relative; } .errorBox { border: 1px solid red; padding: 10px; color: red; font-size: 13px; margin-bottom: 20px; } #bigmsg, [data-mailform-bigmsg="true"] { display: none; } /*! jQuery UI - v1.13.3 - 2024-04-26 * https://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit https://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/%22images%2Fui-icons_555555_256x240.png%22')&iconsHighlight=url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/%22images%2Fui-icons_777620_256x240.png%22')&iconsHeader=url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/%22images%2Fui-icons_444444_256x240.png%22')&iconsError=url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/%22images%2Fui-icons_cc0000_256x240.png%22')&iconsDefault=url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/%22images%2Fui-icons_777777_256x240.png%22')&iconsContent=url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/%22images%2Fui-icons_444444_256x240.png%22')&iconsActive=url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/%22images%2Fui-icons_ffffff_256x240.png%22')&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=%22alpha(opacity%3D30)%22&opacityFilterOverlay=%22alpha(opacity%3D30)%22&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright OpenJS Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/ui-icons_444444_256x240.png'); } .ui-widget-header .ui-icon { background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/ui-icons_444444_256x240.png'); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/ui-icons_555555_256x240.png'); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/ui-icons_ffffff_256x240.png'); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/ui-icons_777620_256x240.png'); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/ui-icons_cc0000_256x240.png'); } .ui-button .ui-icon { background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/ui-icons_777777_256x240.png'); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: 0.003; -ms-filter: "alpha(opacity=.3)"; /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /** * Swiper 4.1.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 11, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; /* pointer-events: none; */ } .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-container-rtl ~ .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-container-rtl ~ .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white, .swiper-container-rtl ~ .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white, .swiper-container-rtl ~ .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black, .swiper-container-rtl ~ .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black, .swiper-container-rtl ~ .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-container-horizontal ~ .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets, .swiper-container-vertical ~ .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-vertical ~ .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-container-vertical ~ .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-container-vertical ~ .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal ~ .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-container-horizontal ~ .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-container-horizontal ~ .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-container-horizontal.swiper-container-rtl ~ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-horizontal ~ .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-vertical ~ .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar, .swiper-container-horizontal ~ .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar, .swiper-container-vertical ~ .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .tingle-modal *{box-sizing:border-box}.tingle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.8);opacity:0;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.tingle-modal--noClose .tingle-modal__close,.tingle-modal__closeLabel{display:none}.tingle-modal--confirm .tingle-modal-box{text-align:center}.tingle-modal--noOverlayClose{cursor:default}.tingle-modal__close{position:fixed;top:10px;right:28px;z-index:1000;padding:0;width:5rem;height:5rem;border:none;background-color:transparent;color:#f0f0f0;font-size:6rem;font-family:monospace;line-height:1;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.tingle-modal__close:hover{color:#fff}.tingle-modal-box{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;width:60%;border-radius:4px;background:#fff;opacity:1;cursor:auto;-webkit-transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.tingle-modal-box__content{padding:3rem}.tingle-modal-box__footer{padding:1.5rem 2rem;width:auto;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#f5f5f5;cursor:auto}.tingle-modal-box__footer::after{display:table;clear:both;content:""}.tingle-modal-box__footer--sticky{position:fixed;bottom:-200px;z-index:10001;opacity:1;-webkit-transition:bottom .3s ease-in-out .3s;transition:bottom .3s ease-in-out .3s}.tingle-enabled{position:fixed;overflow:hidden;left:0;right:0}.tingle-modal--visible .tingle-modal-box__footer{bottom:0}.tingle-enabled .tingle-content-wrapper{-webkit-filter:blur(8px);filter:blur(8px)}.tingle-modal--visible{visibility:visible;opacity:1}.tingle-modal--visible .tingle-modal-box{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.tingle-modal--overflow{overflow-y:scroll;padding-top:8vh}.tingle-btn{display:inline-block;margin:0 .5rem;padding:1rem 2rem;border:none;background-color:grey;box-shadow:none;color:#fff;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;line-height:normal;cursor:pointer;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.tingle-btn--primary{background-color:#3498db}.tingle-btn--danger{background-color:#e74c3c}.tingle-btn--default{background-color:#34495e}.tingle-btn--pull-left{float:left}.tingle-btn--pull-right{float:right}@media (max-width :540px){.tingle-modal{top:0;display:block;padding-top:60px;width:100%}.tingle-modal-box{width:auto;border-radius:0}.tingle-modal-box__content{overflow-y:scroll}.tingle-modal--noClose{top:0}.tingle-modal--noOverlayClose{padding-top:0}.tingle-modal-box__footer .tingle-btn{display:block;float:none;margin-bottom:1rem;width:100%}.tingle-modal__close{top:0;right:0;left:0;display:block;width:100%;height:60px;border:none;background-color:#2c3e50;box-shadow:none;color:#fff;line-height:55px}.tingle-modal__closeLabel{display:inline-block;vertical-align:middle;font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.tingle-modal__closeIcon{display:inline-block;margin-right:.5rem;vertical-align:middle;font-size:4rem}}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.tingle-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width :540px){.tingle-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.tingle-enabled .tingle-content-wrapper{-webkit-filter:none;filter:none}} /* In dieser Datei werden CSS-Anweisungen geschrieben, die sich im Frontend in der Mobilversion UND in der Desktopversion auswirken. */ /* !bh-cookies-warning */ .bh-cookies-warning { position: fixed; bottom: 0; width: 100%; padding: 10px; box-sizing: border-box; background-color: white; z-index: 700; color: rgb(80, 80, 80); display: none; } .bh-cookies-warning-text { line-height: 18px; font-size: 14px; } .bh-cookies-warning-link, .bh-cookies-warning-accept { cursor: pointer; display: inline-block; padding: 0 10px; margin: 0 10px; line-height: 30px; } .bh-cookies-warning-link { font-size: 14px; color: rgb(80, 80, 80); background-color: rgba(0, 0, 0, 0.1); } .bh-cookies-warning-accept { display: inline-block; color: rgb(80, 80, 80); background-color: rgba(0, 0, 0, 0.1); } .bh-cookies-buttons { float: right; padding: 5px; } /* bh-social */ .bh-social-bar { display: flex; flex-flow: row wrap; justify-content: space-around; text-align: center; } .bh-social-element { display: inline-block; height: 30px; line-height: 30px; cursor: pointer; } .bh-social-element svg { height: 100%; width: auto; } .bh-social-element i, .bh-social-toggler i { font-size: 27px; margin-left: 5px; margin-right: 5px; cursor: pointer; } .bh-social-toggler[aria-expanded="true"] i { opacity: 0.5; } .bh-social-toggler { width: 30px; height: 30px; display: inline-block; cursor: pointer; position: relative; } .bh-social-pane { display: inline-block; white-space: nowrap; } .bh-social-button { width: 100%; display: flex; justify-content: center; align-items: center; gap: 20px; } .bh-social-button .bh-social-pane { transition: 0.5s linear all; max-width: 0px; overflow: hidden; height: 30px; } .bh-social-button.active .bh-social-pane { max-width: 300px; } /* TODO Dropzone generell für "Flowline"-Container ausblenden */ .bh-swiper { position: relative; } /* Modal, Popup */ .tingle-modal__close { font-size: 40px; line-height: 40px; } .tingle-modal-box { width: 80%; max-width: 1024px; } .tingle-modal-box__footer { display: flex; justify-content: flex-end; } .tingle-btn--default { background-color: #a7a7a7; } .bh-modal-content { color: #000; font-family: sans-serif; font-style: normal; font-weight: normal; } .bh-modal-headline { font-size: 22px; margin-bottom: 10px; } .bh-modal-text { font-size: 14px; } .bh-modal-content a { font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; text-decoration: underline; } .tingle-btn { font-family: sans-serif; font-style: normal; font-weight: normal; text-transform: uppercase; font-size: 14px; } @media (max-width: 540px) { .tingle-modal__close { display: flex; flex-direction: row-reverse; background-color: transparent; } .tingle-modal__closeIcon { font-size: 40px; line-height: 40px; padding: 0px 10px; } .tingle-modal__closeLabel { font-size: 20px; line-height: 40px; } .tingle-modal-box { width: 100%; } .tingle-modal-box__footer { flex-direction: column; } .tingle-btn { margin-left: 0px; } .tingle-btn:last-child { margin-bottom: 0px; } } /* Datepicker */ .mbsc-datepicker .mbsc-windows.mbsc-range-control-label.active, .mbsc-datepicker .mbsc-windows.mbsc-range-control-value.active, .mbsc-datepicker .mbsc-windows.mbsc-calendar-today { color: var(--datepicker-color-highlight, #0078d7); } .mbsc-datepicker .mbsc-windows.mbsc-range-control-wrapper .mbsc-windows.mbsc-segmented-button.mbsc-selected { border-bottom-color: var(--datepicker-color-highlight, #0078d7); } .mbsc-datepicker .mbsc-windows.mbsc-scroller-wheel-line, .mbsc-datepicker .mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner, .mbsc-datepicker .mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner { background: var(--datepicker-color-selected, rgba(0, 120, 215, 0.25)); } .mbsc-datepicker .mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner { background-color: var(--datepicker-color-highlight, #0078d7); } .mbsc-datepicker .mbsc-windows.mbsc-range-day { border-left-color: transparent; } /* Responsive IMG ausblenden, wenn noch keine src definiert ist */ img.bh-image-responsive-empty { opacity: 0 !important; } /*** ### Defaults ***/ /*html, body { height: 100%;}*/ html, body { height: 100%; } body { margin: 0px; padding: 0px; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; /*min-height: 100%;*/ /*display: none !important;*/ } #Page { background: no-repeat center top; } img { border: none; display: block; } .fullscreen { text-align: center; min-height: 100%; } .center { margin: 0 auto; text-align: left; position: relative; } strong { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; margin: 0px; padding: 0px; width: 100%; } a { text-decoration: none; } h1, h2, h3, h4 { margin-top: 0px; margin-bottom: 20px; font-weight: normal; line-height: normal; } ul { /* padding: 0px; margin: 0px;*/ } li { } p, .bodytext { margin-top: 0px; margin-bottom: 20px; } a.bhElement { display: block; } .bhElement, .bhPseudoElement { position: relative; margin-bottom: 20px; } .bhCols { margin-bottom: 0px; } .bhText.bhElement { margin-bottom: 0px; } /* ELEMENT */ a { position: relative; } a p, a div { text-decoration: none; } /* Downloadlink */ .bh-downloadlink-name { padding: 10px; } /** COLS ****/ .cols6 .bhCol { width: 16%; margin-right: 0.8%; } .cols5 .bhCol { width: 19.2%; margin-right: 1%; } .cols4 .bhCol { width: 24%; margin-right: 1.333%; } .cols3 .bhCol { width: 32%; margin-right: 2%; } .cols2 .bhCol { width: 49%; margin-right: 2%; } .cols2 > .col2, .cols3 > .col3, .cols4 > .col4, .cols5 > .col5, .cols6 > .col6 { margin-right: 0px !important; } /*****/ /* LINKBOX */ .linkbox_bild { padding: 10px; width: 120px; } .linkbox_bild .bhImageInner { overflow: hidden; } .bh-pic-fixheight .ui-resizable-handle { display: none !important; } .linkbox_content { padding: 10px; min-height: 40px; position: relative; overflow: hidden; } .linkbox { position: relative; } /* Box */ .boxTitle { font-weight: bold; } .boxTitle p { margin-bottom: 5px; } .boxContent p { margin-bottom: 0px; } .boxContent { padding-top: 10px; } .bhCol { float: left; min-height: 1px; } /*Accordeon */ .bhAccordeonItem { margin-bottom: 0px; } .bhContainer .bhAccordeonItem.accordeon-last { margin-bottom: 20px; } .bh-accordion-toggler-inner { padding: 3px 5px; cursor: pointer; } .bh-accordion-toggler-inner p { margin-bottom: 0px; } .bh-accordion-element { overflow: hidden; } .bh-accordion-element-inner { overflow: auto; } /* Picture */ .bhPicture { } .bh-femode .bhImageInner { overflow: hidden; } .bhImageHover { display: none; position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; z-index: 50; } a.bhPicture:hover .bhImageHover { display: block; } /*Fader*/ .fadeContainer { position: relative; } .bhFadecontainer { } .bhFadecontainer > .bhContainer, .fadeContainer > .fadeContainerInner { position: relative; overflow: hidden; } .bhFadecontainer > .bhContainer > .bhElement, .fadeContainer > .fadeContainerInner > .fadeItem { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } /*### Fader-Arrows ### */ .bhFader .bhPicture:hover .bhImageHover { display: none; } .cssFaderArrow { width: 80px; height: 20px; position: absolute; z-index: 50; height: 100%; cursor: pointer; top: 0px; background: no-repeat center center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cssFaderArrow.fadePrev { left: 0px; } .cssFaderArrow.fadeNext { right: 0px; } /*### Fader points ### */ .cssFaderMenuPoint { position: absolute; right: 20px; top: 20px; z-index: 60; } .cssFaderMenuPointItem { cursor: pointer; float: left; width: 15px; height: 15px; background: grey; margin-left: 10px; margin-bottom: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cssFaderMenuPointItem.current { background: black; } .bhPicture.bhe-state-current-editing-element .bhImageHover { display: none !important; } /* FADE-effect */ .bhFadecontainer[data-effect="fadeEffect"] > .bhContainer > .bhElement, .fadeContainer[data-effect="fadeEffect"] > .fadeContainerInner > .fadeItem { transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; opacity: 0; -webkit-transform: translateZ(0); } .bhFadecontainer[data-effect="fadeEffect"] > .bhContainer > .bhElement.prev, .fadeContainer[data-effect="fadeEffect"] > .fadeContainerInner > .fadeItem.prev { z-index: 1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .bhFadecontainer[data-effect="fadeEffect"] > .bhContainer > .bhElement.current, .fadeContainer[data-effect="fadeEffect"] > .fadeContainerInner > .fadeItem.current { z-index: 3; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .bhFadecontainer[data-effect="fadeEffect"] > .bhContainer > .bhElement.next, .fadeContainer[data-effect="fadeEffect"] > .fadeContainerInner > .fadeItem.next { z-index: 2; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } /** * SLIDE EFFECT **/ .bhFadecontainer[data-effect="slideEffect"] > .bhContainer > .bhElement, .fadeContainer[data-effect="slideEffect"] > .fadeContainerInner > .fadeItem { transition: left 1s; -moz-transition: left 1s; -webkit-transition: left 1s; -o-transition: left 1s; left: 0%; opacity: 0; } .bhFadecontainer[data-effect="slideEffect"] > .bhContainer > .bhElement.prev, .fadeContainer[data-effect="slideEffect"] > .fadeContainerInner > .fadeItem.prev { z-index: 1; left: -100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: left 1s, opacity 0s linear 1s; -moz-transition: left 1s, opacity 0s linear 1s; -webkit-transition: left 1s, opacity 0s linear 1s; -o-transition: left 1s, opacity 0s linear 1s; } .bhFadecontainer[data-effect="slideEffect"] > .bhContainer > .bhElement.current, .fadeContainer[data-effect="slideEffect"] > .fadeContainerInner > .fadeItem.current { z-index: 3; left: 0%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .bhFadecontainer[data-effect="slideEffect"] > .bhContainer > .bhElement.next, .fadeContainer[data-effect="slideEffect"] > .fadeContainerInner > .fadeItem.next { z-index: 2; left: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: left 1s, opacity 0s linear 1s; -moz-transition: left 1s, opacity 0s linear 1s; -webkit-transition: left 1s, opacity 0s linear 1s; -o-transition: left 1s, opacity 0s linear 1s; } /* Navi */ ul.navi, .navi li, .navi a { margin: 0px; padding: 0px; list-style-type: none; display: block; } /* Tabbox */ .bhTabElement { float: left; margin: 0px; font-size: 20px; background: #d9d9d9; padding: 0 15px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; line-height: 45px; } .bhTabElement:first-child { border-left: none; } .bh-tabtoggler-active { font-weight: bold; } .bh-tabcontent > .bhContainer { display: none; } .bh-tabcontent .bh-tabcontent-active { display: block; } .bhTabElement p { margin-bottom: 0px; } .bhTabElement { cursor: pointer; } .fileInfos { display: none; } /* BG-Image */ .bhBgImage { height: 100%; background-size: auto; background-repeat: no-repeat; background-position: center center; height: 150px; } /* Audio */ audio { width: 100%; } /* Thumbnail */ .bh-thumbnailgallery-pic { float: left; } .floatchildren > * { float: left; min-height: 1px; } .error { color: red; } .beside, .L, .l { float: left; } .rightside, .R, .r { float: right; } .clearfix:after, .cf:after, .floatchildren:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */ .clearfix, .cf, .floatchildren { display: block; } /* close commented backslash hack */ html* .clearfix, html* .floatchildren, html* .cf { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } /* start commented backslash hack \*/ * html .cf { height: 1%; } /* Bh-Branding */ .bh-brand { width: 90px; position: relative; display: block; } .bh-brand-text { fill-opacity: 1; fill: #000; } .bh-brand-logo { fill-opacity: 1; fill: #000; } /* Video-Wizard */ .yt-wizard-wrapper, .vi-wizard-wrapper, .bhHtml5VideoElement { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; } .yt-wizard-wrapper.ar-9-16, .vi-wizard-wrapper.ar-9-16, .bhHtml5VideoElement.ar-9-16 { padding-bottom: 177.777%; } .yt-wizard-wrapper.ar-16-10, .vi-wizard-wrapper.ar-16-10, .bhHtml5VideoElement.ar-16-10 { padding-bottom: 62.5%; } .yt-wizard-wrapper.ar-4-3, .vi-wizard-wrapper.ar-4-3, .bhHtml5VideoElement.ar-4-3 { padding-bottom: 75%; } .yt-wizard-wrapper iframe, .vi-wizard-wrapper iframe, .bhHtml5VideoElement video { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } /* Text Element CSS Cols */ .el-text-cols--2 { column-count: 2; -webkit-column-count: 2; } .el-text-cols--3 { column-count: 3; -webkit-column-count: 3; } :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75; } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height); } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; animation: f-spinner-rotate 2s linear infinite; } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none; } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1); } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); animation: f-spinner-dash 2s ease-in-out infinite; } @keyframes f-spinner-rotate { 100% { transform: rotate(360deg); } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .f-throwOutUp { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp; } .f-throwOutDown { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown; } @keyframes f-throwOutUp { to { transform: translate3d( 0, calc(var(--f-throw-out-distance, 150px) * -1), 0 ); opacity: 0; } } @keyframes f-throwOutDown { to { transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); opacity: 0; } } .f-zoomInUp { animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp; } .f-zoomOutDown { animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown; } @keyframes f-zoomInUp { from { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes f-zoomOutDown { to { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } .f-fadeIn { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; z-index: 2; } .f-fadeOut { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; z-index: 1; } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-fadeFastIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn; z-index: 2; } .f-fadeFastOut { animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut; z-index: 2; } @keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes f-fadeFastOut { 100% { opacity: 0; } } .f-fadeSlowIn { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn; z-index: 2; } .f-fadeSlowOut { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut; z-index: 1; } @keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeSlowOut { 100% { opacity: 0; } } .f-crossfadeIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut; z-index: 1; } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .f-slideIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; } .f-slideIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; } .f-slideOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; } .f-slideOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; } @keyframes f-slideInPrev { 0% { transform: translateX(100%); } 100% { transform: translate3d(0, 0, 0); } } @keyframes f-slideInNext { 0% { transform: translateX(-100%); } 100% { transform: translate3d(0, 0, 0); } } @keyframes f-slideOutNext { 100% { transform: translateX(-100%); } } @keyframes f-slideOutPrev { 100% { transform: translateX(100%); } } .f-classicIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2; } .f-classicIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2; } .f-classicOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1; } .f-classicOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1; } @keyframes f-classicInNext { 0% { transform: translateX(-75px); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInPrev { 0% { transform: translateX(75px); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicOutNext { 100% { transform: translateX(-75px); opacity: 0; } } @keyframes f-classicOutPrev { 100% { transform: translateX(75px); opacity: 0; } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65; } .f-button { display: flex; justify-content: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; transition: var(--f-button-transition); } @media (hover: hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg); } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg); } .f-button:focus:not(:focus-visible) { outline: none; } .f-button:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity 0.15s ease; transform: var(--f-button-transform); filter: var(--f-button-svg-filter); pointer-events: none; } .f-button[disabled] { cursor: default; } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1; } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; transform: translateY(-50%); } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos); } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; transform: translateX(-50%); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { transform: rotate(90deg); } .f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled { pointer-events: none; } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto; } html.with-fancybox body { touch-action: none; } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc( var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px) ); overflow: hidden !important; overscroll-behavior-y: none; } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: var(--fancybox-zIndex, 1050); outline: none; transform-origin: top left; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain; } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { box-sizing: inherit; } .fancybox__container::backdrop { background-color: rgba(0, 0, 0, 0); } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity; } .fancybox__carousel { position: relative; box-sizing: border-box; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip; } .fancybox__viewport { width: 100%; height: 100%; } .fancybox__viewport.is-draggable { cursor: move; cursor: grab; } .fancybox__viewport.is-dragging { cursor: move; cursor: grabbing; } .fancybox__track { display: flex; margin: 0 auto; height: 100%; } .fancybox__slide { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; overscroll-behavior: contain; transform: translate3d(0, 0, 0); backface-visibility: hidden; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px; } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden; } .fancybox__slide.has-image { overflow: hidden; } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible; } .fancybox__slide::before, .fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto; } .fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty { display: block; } .fancybox__content { align-self: center; display: flex; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20; } .is-loading .fancybox__content { opacity: 0; } .is-draggable .fancybox__content { cursor: move; cursor: grab; } .can-zoom_in .fancybox__content { cursor: zoom-in; } .can-zoom_out .fancybox__content { cursor: zoom-out; } .is-dragging .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto; } .fancybox__slide.has-image > .fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: none; transform: translate3d(0, 0, 0); backface-visibility: hidden; } .fancybox__slide.has-image > .fancybox__content > picture > img { width: 100%; height: auto; max-height: 100%; } .is-animating .fancybox__content, .is-dragging .fancybox__content { will-change: transform, width, height; } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; user-select: none; filter: blur(0px); } .fancybox__caption { align-self: center; max-width: 100%; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible; } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden; } .is-compact .fancybox__caption { padding-bottom: 0; } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40; } .fancybox__content > .f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: 0.75; } .is-loading .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .is-zooming-out .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .fancybox__content > .f-button.is-close-btn:hover { opacity: 1; } .fancybox__footer { padding: 0; margin: 0; position: relative; } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all 0.25s ease; } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, 0.5); } .is-compact .fancybox__footer .fancybox__caption { padding: 12px; } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px; } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1); } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1; } .is-idle .fancybox__nav { animation: 0.15s ease-out both f-fadeOut; } .is-idle.is-compact .fancybox__footer { pointer-events: none; animation: 0.15s ease-out both f-fadeOut; } .fancybox__slide > .f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer; } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; user-select: none; } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; user-select: none; pointer-events: none; } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none; } .fancybox__container:not([aria-hidden]) { opacity: 0; } .fancybox__container.is-animated[aria-hidden="false"] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__slide > *:not(.fancybox__content) { animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop { animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden="true"] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__slide > *:not(.fancybox__content) { animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut; } .fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop { animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90%; } .fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content { width: 100%; height: 100%; } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0; } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; } .f-thumbs { position: relative; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; perspective: 1000px; transform: translateZ(0); } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1; } .f-thumbs .f-spinner svg { display: none; } .f-thumbs.is-vertical { height: 100%; } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; transform: translate3d(0, 0, 0); } .f-thumbs__track { display: flex; } .f-thumbs__slide { position: relative; flex: 0 0 auto; box-sizing: content-box; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer; } .f-thumbs__slide.is-loading img { opacity: 0; } .is-classic .f-thumbs__viewport { height: 100%; } .is-modern .f-thumbs__track { width: max-content; } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc((var(--f-thumb-clip-width, 0)) * -0.5); width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0)); cursor: pointer; } .is-modern .f-thumbs__slide { width: var(--f-thumb-clip-width); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none; } .is-modern.is-resting .f-thumbs__slide { transition: transform 0.33s ease; } .is-modern.is-resting .f-thumbs__slide__button { transition: clip-path 0.33s ease; } .is-using-tab .is-modern .f-thumbs__slide:focus-within { filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); } .f-thumbs__slide__button { appearance: none; width: var(--f-thumb-width); height: 100%; margin: 0 -100% 0 -100%; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: none; cursor: pointer; pointer-events: auto; touch-action: manipulation; opacity: var(--f-thumb-opacity); transition: opacity 0.2s ease; } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity); } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none; } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity); } .is-modern .f-thumbs__slide__button { --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) ); clip-path: var(--clip-path); } .is-classic .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity); } .is-classic .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); animation: f-fadeIn 0.2s ease-out; z-index: 10; } .f-thumbs__slide__img { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: var(--f-thumb-offset); box-sizing: border-box; pointer-events: none; object-fit: cover; border-radius: var(--f-thumb-border-radius); } .f-thumbs.is-horizontal .f-thumbs__track { padding: 8px 0 12px 0; } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0; } .f-thumbs.is-vertical .f-thumbs__track { flex-wrap: wrap; padding: 0 8px; } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0; } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap); } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0; } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px; } .fancybox__thumbs.is-masked { max-height: 0px !important; } .is-closing .fancybox__thumbs { transition: none !important; } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var( --fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5) ); pointer-events: none; z-index: 20; } .fancybox__toolbar :focus-visible { z-index: 1; } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0; } .is-idle .fancybox__toolbar { pointer-events: none; animation: 0.15s ease-out both f-fadeOut; } .fancybox__toolbar__column { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { flex-grow: 1; flex-basis: 0; } .fancybox__toolbar__column.is-right { display: flex; justify-content: flex-end; flex-wrap: nowrap; } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; user-select: none; } .fancybox__infobar span { padding: 0 5px; } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg); } [data-fancybox-toggle-slideshow] { position: relative; } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: 0.3; } [data-fancybox-toggle-slideshow] svg g:first-child { display: flex; } [data-fancybox-toggle-slideshow] svg g:last-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: flex; } [data-fancybox-toggle-fullscreen] svg g:first-child { display: flex; } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex; } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; user-select: none; pointer-events: none; } @font-face{font-family:Mobiscroll;src:url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/icons_mobiscroll.woff?gbukrg') format("woff"),url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/icons_mobiscroll.woff') format("woff"),url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/icons_mobiscroll.ttf?gbukrg') format("truetype");font-weight:400;font-style:normal}.mbsc-font-icon:before{font-family:Mobiscroll;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mbsc-icon-arrow-left2:before{content:"\ea01"}.mbsc-icon-arrow-right2:before{content:"\ea02"}.mbsc-icon-checkmark:before{content:"\ea03"}.mbsc-icon-close:before{content:"\ea04"}.mbsc-icon-loop2:before{content:"\ea05"}.mbsc-icon-minus:before{content:"\ea06"}.mbsc-icon-plus:before{content:"\ea07"}.mbsc-icon{display:inline-block;vertical-align:middle;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mbsc-icon>svg{display:block;margin:0 auto;width:100%;height:100%;fill:currentColor}.mbsc-windows.mbsc-description.mbsc-disabled,.mbsc-windows.mbsc-form-control-label.mbsc-disabled{opacity:.3}.mbsc-form-control-label{display:block}.mbsc-form-control-input{position:absolute;width:100%;height:100%;top:0;left:0;border:0;opacity:0;margin:0;z-index:3}.mbsc-windows.mbsc-textfield-wrapper{margin:1em}.mbsc-windows.mbsc-textfield-wrapper-inline{margin:1.75em 1em}.mbsc-windows.mbsc-textfield-wrapper-floating{padding-top:1.75em}.mbsc-windows.mbsc-textfield{height:2em;padding:0 .5em;border:1px solid;border-radius:2px}.mbsc-windows.mbsc-textfield-icon{top:.4375em;width:1.125em;height:1.125em;line-height:1.125em;margin:0 1px}.mbsc-windows.mbsc-textfield-has-icon-right{padding-right:2em}.mbsc-windows.mbsc-textfield-has-icon-left{padding-left:2em}.mbsc-windows.mbsc-textfield-icon-left{left:.4375em}.mbsc-windows.mbsc-textfield-icon-right{right:.4375em}.mbsc-windows.mbsc-error-message{font-size:.75em}.mbsc-windows.mbsc-label{line-height:2em;font-size:.875em;font-weight:600}.mbsc-windows.mbsc-label-inline{line-height:2.285715em}.mbsc-windows.mbsc-label-floating{top:2.142858em}.mbsc-windows.mbsc-label-stacked{position:static}.mbsc-windows.mbsc-label-floating.mbsc-ltr{-webkit-transform:translateX(.57143em);transform:translateX(.57143em)}.mbsc-windows.mbsc-label-floating.mbsc-rtl{-webkit-transform:translateX(-.5em);transform:translateX(-.5em)}.mbsc-windows.mbsc-label-box-floating-has-icon-left.mbsc-ltr,.mbsc-windows.mbsc-label-outline-floating-has-icon-left.mbsc-ltr,.mbsc-windows.mbsc-label-underline-floating-has-icon-left.mbsc-ltr{-webkit-transform:translateX(2.28572em);transform:translateX(2.28572em)}.mbsc-windows.mbsc-label-box-floating-has-icon-right.mbsc-rtl,.mbsc-windows.mbsc-label-outline-floating-has-icon-right.mbsc-rtl,.mbsc-windows.mbsc-label-underline-floating-has-icon-right.mbsc-rtl{-webkit-transform:translateX(-2.28572em);transform:translateX(-2.28572em)}.mbsc-windows.mbsc-label.mbsc-label-floating-active{-webkit-transform:translateY(-2.14286em);transform:translateY(-2.14286em)}.mbsc-windows.mbsc-textfield-wrapper-underline{border-bottom:1px solid}.mbsc-windows.mbsc-textfield-underline{border:0;border-radius:0}.mbsc-windows.mbsc-select.mbsc-ltr{padding-right:2em}.mbsc-windows.mbsc-select.mbsc-rtl{padding-left:2em}.mbsc-windows.mbsc-select.mbsc-textfield-has-icon-right.mbsc-ltr{padding-right:3.125em}.mbsc-windows.mbsc-select.mbsc-textfield-has-icon-left.mbsc-rtl{padding-left:3.125em}.mbsc-windows.mbsc-select-icon{top:.4375em;width:1.125em;height:1.125em;line-height:1.125em;margin:0 1px}.mbsc-windows.mbsc-select-icon.mbsc-ltr{right:.4375em}.mbsc-windows.mbsc-select-icon.mbsc-rtl{left:.4375em}.mbsc-windows.mbsc-select-icon-right.mbsc-ltr{right:2em}.mbsc-windows.mbsc-select-icon-left.mbsc-rtl{left:2em}.mbsc-windows.mbsc-textarea{height:3.5em;padding-top:.1875em;padding-bottom:.1875em}.mbsc-windows.mbsc-textfield.mbsc-textfield-tags{padding:.125em;min-height:2em}.mbsc-windows.mbsc-textfield-tag{margin:.125em}.mbsc-windows.mbsc-textfield-tag.mbsc-ltr{margin-right:.125em}.mbsc-windows.mbsc-textfield-tag.mbsc-rtl{margin-left:.125em}.mbsc-windows.mbsc-textfield-tag-text{line-height:1.571429em}.mbsc-windows.mbsc-textfield-tag-clear.mbsc-icon{width:1.375em;height:1.375em;border-width:.125em}.mbsc-windows.mbsc-textfield-wrapper{color:#333}.mbsc-windows.mbsc-textfield-wrapper.mbsc-disabled{color:#9e9e9e}.mbsc-windows.mbsc-textfield{background:#fff;color:#333}.mbsc-windows.mbsc-textfield-box,.mbsc-windows.mbsc-textfield-outline{border-color:#878787}.mbsc-windows.mbsc-textfield.mbsc-hover{border-color:#333}.mbsc-windows.mbsc-textfield-box.mbsc-focus,.mbsc-windows.mbsc-textfield-outline.mbsc-focus{border-color:#0078d7;box-shadow:inset 0 0 0 1px #0078d7}.mbsc-windows.mbsc-textfield.mbsc-disabled{background:#f2f2f2;border-color:#f2f2f2}.mbsc-windows.mbsc-textfield-box.mbsc-error.mbsc-focus,.mbsc-windows.mbsc-textfield-outline.mbsc-error.mbsc-focus{box-shadow:inset 0 0 0 1px}.mbsc-windows.mbsc-textfield-wrapper-underline{border-color:#878787}.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-hover{border-color:#333}.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-focus{border-color:#0078d7;box-shadow:0 1px 0 0 #0078d7}.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-disabled{border-color:#f2f2f2}.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-error.mbsc-focus{box-shadow:0 1px 0 0}.mbsc-windows.mbsc-textfield-tag{background:#e6e6e6}.mbsc-windows-dark.mbsc-textfield-wrapper{color:#fff}.mbsc-windows-dark.mbsc-textfield-wrapper.mbsc-disabled{color:#949494}.mbsc-windows-dark.mbsc-textfield{background:#1a1a1a;color:#fff}.mbsc-windows-dark.mbsc-textfield-box,.mbsc-windows-dark.mbsc-textfield-outline{border-color:#ababab}.mbsc-windows-dark.mbsc-textfield.mbsc-hover{border-color:#fff}.mbsc-windows-dark.mbsc-textfield-box.mbsc-focus,.mbsc-windows-dark.mbsc-textfield-outline.mbsc-focus{border-color:#0078d7;box-shadow:inset 0 0 0 1px #0078d7}.mbsc-windows-dark.mbsc-textfield.mbsc-disabled{background:#272727;border-color:#272727}.mbsc-windows-dark.mbsc-textfield-box.mbsc-error.mbsc-focus,.mbsc-windows-dark.mbsc-textfield-outline.mbsc-error.mbsc-focus{box-shadow:inset 0 0 0 1px}.mbsc-windows-dark.mbsc-textfield-wrapper-underline{border-color:#ababab}.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-hover{border-color:#fff}.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-focus{border-color:#0078d7;box-shadow:0 1px 0 0 #0078d7}.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-disabled{border-color:#272727}.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-error.mbsc-focus{box-shadow:0 1px 0 0}.mbsc-windows-dark.mbsc-textfield-tag{background:#5f5f5f}@-webkit-keyframes autofill{0%{opacity:1}to{opacity:1}}@keyframes autofill{0%{opacity:1}to{opacity:1}}.mbsc-textfield-wrapper{position:relative;display:block;margin:0;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mbsc-textfield-wrapper-inline{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.mbsc-textfield-inner{-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.mbsc-textfield-inner-inline{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto}.mbsc-textfield{display:block;width:100%;font-size:1em;margin:0;padding:0;border:0;border-radius:0;outline:0;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none}.mbsc-textfield:-webkit-autofill{-webkit-animation-name:autofill;animation-name:autofill}.mbsc-textfield::-webkit-inner-spin-button{height:2em;-webkit-align-self:center;align-self:center}.mbsc-textfield::-moz-placeholder{opacity:.5;color:inherit}.mbsc-textfield::-webkit-input-placeholder{opacity:.5;color:inherit}.mbsc-textfield-floating:-ms-input-placeholder{color:transparent}.mbsc-textfield-floating::-moz-placeholder{opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mbsc-textfield-floating::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mbsc-textfield-floating::-webkit-datetime-edit{color:transparent}.mbsc-textfield-floating-active:-ms-input-placeholder{color:inherit}.mbsc-textfield-floating-active::-moz-placeholder{opacity:.5}.mbsc-textfield-floating-active::-webkit-input-placeholder{opacity:.5}.mbsc-textfield-floating-active::-webkit-datetime-edit{color:inherit}.mbsc-textfield-fieldset{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0 1em;pointer-events:none}.mbsc-textfield-icon{position:absolute;top:0;text-align:center}.mbsc-textfield-icon-left{left:0}.mbsc-textfield-icon-right{right:0}.mbsc-label{position:absolute;z-index:1;top:0;line-height:1em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.mbsc-label-inline{position:static;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:30%;max-width:12.5em;-moz-box-sizing:border-box;box-sizing:border-box;pointer-events:auto}.mbsc-label-floating-animate{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.mbsc-label-floating.mbsc-ltr{-webkit-transform-origin:top left;transform-origin:top left}.mbsc-label-floating.mbsc-rtl{-webkit-transform-origin:top right;transform-origin:top right}.mbsc-error-message{position:absolute;top:100%;font-size:.75em;line-height:1.5em}.mbsc-textfield-file{position:absolute;left:0;opacity:0}.mbsc-select{cursor:pointer}.mbsc-select-icon{position:absolute;text-align:center;pointer-events:none}.mbsc-textarea{resize:none;overflow:hidden;line-height:1.5em}.mbsc-toggle-icon:hover{cursor:pointer}.mbsc-textfield.mbsc-textfield-hidden.mbsc-textarea{padding:0;width:100%;height:100%;border:0;position:absolute;z-index:-1;top:0;left:0;opacity:0}.mbsc-textfield.mbsc-textfield-tags.mbsc-textarea{display:block;overflow:auto;height:auto;max-height:5.5em}.mbsc-textfield-tag{display:inline-block;margin:.25em 0;line-height:normal}.mbsc-textfield-tag.mbsc-ltr{margin-right:.5em;padding-left:.75em}.mbsc-textfield-tag.mbsc-rtl{margin-left:.5em;padding-right:.75em}.mbsc-textfield-tag-text{font-size:.875em;line-height:1.857143em}.mbsc-textfield-tag-clear.mbsc-icon{width:1.625em;height:1.625em;vertical-align:top;border:.25em solid transparent;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}:root{--mbsc-safe-top:0;--mbsc-safe-right:0;--mbsc-safe-bottom:0;--mbsc-safe-left:0}@supports (top:constant(safe-area-inset-top)){:root{--mbsc-safe-top:constant(safe-area-inset-top);--mbsc-safe-right:constant(safe-area-inset-right);--mbsc-safe-bottom:constant(safe-area-inset-bottom);--mbsc-safe-left:constant(safe-area-inset-left)}}@supports (top:env(safe-area-inset-top)){:root{--mbsc-safe-top:env(safe-area-inset-top);--mbsc-safe-right:env(safe-area-inset-right);--mbsc-safe-bottom:env(safe-area-inset-bottom);--mbsc-safe-left:env(safe-area-inset-left)}}.mbsc-font{font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%}.mbsc-reset{margin:0;padding:0;border:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mbsc-resize{right:0;bottom:0;overflow:hidden;z-index:-1}.mbsc-resize,.mbsc-resize-i{position:absolute;left:0;top:0}.mbsc-resize-y{width:200%;height:200%}.mbsc-hidden{visibility:hidden}.mbsc-ltr{direction:ltr}.mbsc-rtl{direction:rtl}.mbsc-ripple{background:currentColor;position:absolute;top:0;left:0;opacity:0;border-radius:1000em;pointer-events:none;-webkit-transform:scale(0);transform:scale(0)}.mbsc-flex,.mbsc-flex-col{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.mbsc-flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mbsc-flex-1-1{-webkit-box-flex:1;-webkit-flex:1 1;-moz-box-flex:1;-ms-flex:1 1;flex:1 1}@media (-webkit-min-device-pixel-ratio:2){.mbsc-hb,.mbsc-hb:after,.mbsc-hb:before{border-width:.5px!important}}.mbsc-windows.mbsc-button{padding:0 .5em;line-height:1.75em;margin:.5em .25em;border:.125em solid transparent;-webkit-transition:border-color .1s ease-out,background-color .1s ease-out;transition:border-color .1s ease-out,background-color .1s ease-out}.mbsc-windows.mbsc-icon-button{width:2.75em;height:2em}.mbsc-windows.mbsc-button-flat{-webkit-transition:background-color .1s ease-out;transition:background-color .1s ease-out}.mbsc-windows.mbsc-button-flat.mbsc-hover{opacity:.7}.mbsc-windows.mbsc-button-flat.mbsc-active{opacity:1}.mbsc-windows.mbsc-button.mbsc-disabled,.mbsc-windows.mbsc-button:disabled{opacity:.3}.mbsc-windows.mbsc-ltr.mbsc-button-icon-start{padding-right:.5em}.mbsc-windows.mbsc-ltr.mbsc-button-icon-end,.mbsc-windows.mbsc-rtl.mbsc-button-icon-start{padding-left:.5em}.mbsc-windows.mbsc-rtl.mbsc-button-icon-end{padding-right:.5em}.mbsc-windows .mbsc-button-group,.mbsc-windows .mbsc-button-group-justified{margin:.5em .75em}.mbsc-windows .mbsc-button-group-block{margin:.5em 1em}.mbsc-windows.mbsc-button-standard{background:#ccc;border-color:#ccc;color:#333}.mbsc-windows.mbsc-button-standard.mbsc-hover{border-color:#7a7a7a}.mbsc-windows.mbsc-button-standard.mbsc-active{border-color:#7a7a7a;background:#7a7a7a}.mbsc-windows.mbsc-button-flat{color:#333}.mbsc-windows.mbsc-button-flat.mbsc-active{background:#f2f2f2;border-color:#f2f2f2;color:#333}.mbsc-windows.mbsc-button-outline{border:.125em solid #999;color:#999}.mbsc-windows.mbsc-button-outline.mbsc-hover{border-color:grey}.mbsc-windows.mbsc-button-outline.mbsc-active{border-color:grey;background:grey;color:#fff}.mbsc-windows.mbsc-button.mbsc-focus{box-shadow:0 0 0 1px #333}.mbsc-windows.mbsc-button-primary.mbsc-button-standard{background:#3f97f6;border-color:#3f97f6;color:#fff}.mbsc-windows.mbsc-button-secondary.mbsc-button-standard{background:#90979e;border-color:#90979e;color:#fff}.mbsc-windows.mbsc-button-success.mbsc-button-standard{background:#43be5f;border-color:#43be5f;color:#fff}.mbsc-windows.mbsc-button-danger.mbsc-button-standard{background:#f5504e;border-color:#f5504e;color:#fff}.mbsc-windows.mbsc-button-warning.mbsc-button-standard{background:#f8b042;border-color:#f8b042;color:#fff}.mbsc-windows.mbsc-button-info.mbsc-button-standard{background:#5bb7c5;border-color:#5bb7c5;color:#fff}.mbsc-windows.mbsc-button-dark.mbsc-button-standard{background:#47494a;border-color:#47494a;color:#fff}.mbsc-windows.mbsc-button-light.mbsc-button-standard{background:#fff;border-color:#fff;color:#000}.mbsc-windows.mbsc-button-primary.mbsc-button-flat{color:#3f97f6}.mbsc-windows.mbsc-button-primary.mbsc-button-flat.mbsc-active{background:#88bff9;border-color:#88bff9}.mbsc-windows.mbsc-button-secondary.mbsc-button-flat{color:#90979e}.mbsc-windows.mbsc-button-secondary.mbsc-button-flat.mbsc-active{background:#b9bdc2;border-color:#b9bdc2}.mbsc-windows.mbsc-button-success.mbsc-button-flat{color:#43be5f}.mbsc-windows.mbsc-button-success.mbsc-button-flat.mbsc-active{background:#7cd28f;border-color:#7cd28f}.mbsc-windows.mbsc-button-danger.mbsc-button-flat{color:#f5504e}.mbsc-windows.mbsc-button-danger.mbsc-button-flat.mbsc-active{background:#f99896;border-color:#f99896}.mbsc-windows.mbsc-button-warning.mbsc-button-flat{color:#f8b042}.mbsc-windows.mbsc-button-warning.mbsc-button-flat.mbsc-active{background:#fbcf8c;border-color:#fbcf8c}.mbsc-windows.mbsc-button-info.mbsc-button-flat{color:#5bb7c5}.mbsc-windows.mbsc-button-info.mbsc-button-flat.mbsc-active{background:#94d0d9;border-color:#94d0d9}.mbsc-windows.mbsc-button-dark.mbsc-button-flat{color:#47494a}.mbsc-windows.mbsc-button-dark.mbsc-button-flat.mbsc-active{background:#6c7071;border-color:#6c7071}.mbsc-windows.mbsc-button-light.mbsc-button-flat{color:#ccc}.mbsc-windows.mbsc-button-light.mbsc-button-flat.mbsc-active{background:#fff;border-color:#fff}.mbsc-windows.mbsc-button-primary.mbsc-button-outline{border-color:#3f97f6;color:#3f97f6}.mbsc-windows.mbsc-button-secondary.mbsc-button-outline{border-color:#90979e;color:#90979e}.mbsc-windows.mbsc-button-success.mbsc-button-outline{border-color:#43be5f;color:#43be5f}.mbsc-windows.mbsc-button-danger.mbsc-button-outline{border-color:#f5504e;color:#f5504e}.mbsc-windows.mbsc-button-warning.mbsc-button-outline{border-color:#f8b042;color:#f8b042}.mbsc-windows.mbsc-button-info.mbsc-button-outline{border-color:#5bb7c5;color:#5bb7c5}.mbsc-windows.mbsc-button-dark.mbsc-button-outline{border-color:#47494a;color:#47494a}.mbsc-windows.mbsc-button-light.mbsc-button-outline{border-color:#ccc;color:#ccc}.mbsc-windows.mbsc-button-primary.mbsc-button-outline.mbsc-hover,.mbsc-windows.mbsc-button-primary.mbsc-button-standard.mbsc-hover{border-color:#0964c6}.mbsc-windows.mbsc-button-primary.mbsc-button-outline.mbsc-active,.mbsc-windows.mbsc-button-primary.mbsc-button-standard.mbsc-active{background:#0964c6;color:#fff}.mbsc-windows.mbsc-button-secondary.mbsc-button-outline.mbsc-hover,.mbsc-windows.mbsc-button-secondary.mbsc-button-standard.mbsc-hover{border-color:#5d646b}.mbsc-windows.mbsc-button-secondary.mbsc-button-outline.mbsc-active,.mbsc-windows.mbsc-button-secondary.mbsc-button-standard.mbsc-active{background:#5d646b;color:#fff}.mbsc-windows.mbsc-button-success.mbsc-button-outline.mbsc-hover,.mbsc-windows.mbsc-button-success.mbsc-button-standard.mbsc-hover{border-color:#287339}.mbsc-windows.mbsc-button-success.mbsc-button-outline.mbsc-active,.mbsc-windows.mbsc-button-success.mbsc-button-standard.mbsc-active{background:#287339;color:#fff}.mbsc-windows.mbsc-button-danger.mbsc-button-outline.mbsc-hover,.mbsc-windows.mbsc-button-danger.mbsc-button-standard.mbsc-hover{border-color:#d10e0c}.mbsc-windows.mbsc-button-danger.mbsc-button-outline.mbsc-active,.mbsc-windows.mbsc-button-danger.mbsc-button-standard.mbsc-active{background:#d10e0c;color:#fff}.mbsc-windows.mbsc-button-warning.mbsc-button-outline.mbsc-hover,.mbsc-windows.mbsc-button-warning.mbsc-button-standard.mbsc-hover{border-color:#cc7f08}.mbsc-windows.mbsc-button-warning.mbsc-button-outline.mbsc-active,.mbsc-windows.mbsc-button-warning.mbsc-button-standard.mbsc-active{background:#cc7f08;color:#fff}.mbsc-windows.mbsc-button-info.mbsc-button-outline.mbsc-hover,.mbsc-windows.mbsc-button-info.mbsc-button-standard.mbsc-hover{border-color:#317e89}.mbsc-windows.mbsc-button-info.mbsc-button-outline.mbsc-active,.mbsc-windows.mbsc-button-info.mbsc-button-standard.mbsc-active{background:#317e89;color:#fff}.mbsc-windows.mbsc-button-dark.mbsc-button-outline.mbsc-hover,.mbsc-windows.mbsc-button-dark.mbsc-button-standard.mbsc-hover{border-color:#000}.mbsc-windows.mbsc-button-dark.mbsc-button-outline.mbsc-active,.mbsc-windows.mbsc-button-dark.mbsc-button-standard.mbsc-active{background:#000;color:#fff}.mbsc-windows.mbsc-button-light.mbsc-button-outline.mbsc-hover,.mbsc-windows.mbsc-button-light.mbsc-button-standard.mbsc-hover{border-color:#999}.mbsc-windows.mbsc-button-light.mbsc-button-outline.mbsc-active,.mbsc-windows.mbsc-button-light.mbsc-button-standard.mbsc-active{background:#999;color:#47494a}.mbsc-windows-dark.mbsc-button-standard{background:#404040;border-color:#404040;color:#fff}.mbsc-windows-dark.mbsc-button-standard.mbsc-hover{border-color:#ababab}.mbsc-windows-dark.mbsc-button-standard.mbsc-active{border-color:#ababab;background:#ababab}.mbsc-windows-dark.mbsc-button-flat{color:#fff}.mbsc-windows-dark.mbsc-button-flat.mbsc-active{background:#676767;border-color:#676767;color:#fff}.mbsc-windows-dark.mbsc-button-outline{border:.125em solid #737373;color:#737373}.mbsc-windows-dark.mbsc-button-outline.mbsc-hover{border-color:#8d8d8d}.mbsc-windows-dark.mbsc-button-outline.mbsc-active{border-color:#8d8d8d;background:#8d8d8d;color:#fff}.mbsc-windows-dark.mbsc-button.mbsc-focus{box-shadow:0 0 0 1px #fff}.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard{background:#3f97f6;border-color:#3f97f6;color:#fff}.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard{background:#90979e;border-color:#90979e;color:#fff}.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard{background:#43be5f;border-color:#43be5f;color:#fff}.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard{background:#f5504e;border-color:#f5504e;color:#fff}.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard{background:#f8b042;border-color:#f8b042;color:#fff}.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard{background:#5bb7c5;border-color:#5bb7c5;color:#fff}.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard{background:#47494a;border-color:#47494a;color:#fff}.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard{background:#fff;border-color:#fff;color:#000}.mbsc-windows-dark.mbsc-button-primary.mbsc-button-flat{color:#3f97f6}.mbsc-windows-dark.mbsc-button-primary.mbsc-button-flat.mbsc-active{background:#88bff9;border-color:#88bff9}.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-flat{color:#90979e}.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-active{background:#b9bdc2;border-color:#b9bdc2}.mbsc-windows-dark.mbsc-button-success.mbsc-button-flat{color:#43be5f}.mbsc-windows-dark.mbsc-button-success.mbsc-button-flat.mbsc-active{background:#7cd28f;border-color:#7cd28f}.mbsc-windows-dark.mbsc-button-danger.mbsc-button-flat{color:#f5504e}.mbsc-windows-dark.mbsc-button-danger.mbsc-button-flat.mbsc-active{background:#f99896;border-color:#f99896}.mbsc-windows-dark.mbsc-button-warning.mbsc-button-flat{color:#f8b042}.mbsc-windows-dark.mbsc-button-warning.mbsc-button-flat.mbsc-active{background:#fbcf8c;border-color:#fbcf8c}.mbsc-windows-dark.mbsc-button-info.mbsc-button-flat{color:#5bb7c5}.mbsc-windows-dark.mbsc-button-info.mbsc-button-flat.mbsc-active{background:#94d0d9;border-color:#94d0d9}.mbsc-windows-dark.mbsc-button-dark.mbsc-button-flat{color:#47494a}.mbsc-windows-dark.mbsc-button-dark.mbsc-button-flat.mbsc-active{background:#6c7071;border-color:#6c7071}.mbsc-windows-dark.mbsc-button-light.mbsc-button-flat{color:#ccc}.mbsc-windows-dark.mbsc-button-light.mbsc-button-flat.mbsc-active{background:#fff;border-color:#fff}.mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline{border-color:#3f97f6;color:#3f97f6}.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline{border-color:#90979e;color:#90979e}.mbsc-windows-dark.mbsc-button-success.mbsc-button-outline{border-color:#43be5f;color:#43be5f}.mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline{border-color:#f5504e;color:#f5504e}.mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline{border-color:#f8b042;color:#f8b042}.mbsc-windows-dark.mbsc-button-info.mbsc-button-outline{border-color:#5bb7c5;color:#5bb7c5}.mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline{border-color:#47494a;color:#47494a}.mbsc-windows-dark.mbsc-button-light.mbsc-button-outline{border-color:#ccc;color:#ccc}.mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline.mbsc-hover,.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard.mbsc-hover{border-color:#0964c6}.mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline.mbsc-active,.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard.mbsc-active{background:#0964c6;color:#fff}.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-hover,.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard.mbsc-hover{border-color:#5d646b}.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-active,.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard.mbsc-active{background:#5d646b;color:#fff}.mbsc-windows-dark.mbsc-button-success.mbsc-button-outline.mbsc-hover,.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard.mbsc-hover{border-color:#287339}.mbsc-windows-dark.mbsc-button-success.mbsc-button-outline.mbsc-active,.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard.mbsc-active{background:#287339;color:#fff}.mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline.mbsc-hover,.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard.mbsc-hover{border-color:#d10e0c}.mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline.mbsc-active,.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard.mbsc-active{background:#d10e0c;color:#fff}.mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline.mbsc-hover,.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard.mbsc-hover{border-color:#cc7f08}.mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline.mbsc-active,.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard.mbsc-active{background:#cc7f08;color:#fff}.mbsc-windows-dark.mbsc-button-info.mbsc-button-outline.mbsc-hover,.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard.mbsc-hover{border-color:#317e89}.mbsc-windows-dark.mbsc-button-info.mbsc-button-outline.mbsc-active,.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard.mbsc-active{background:#317e89;color:#fff}.mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline.mbsc-hover,.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard.mbsc-hover{border-color:#000}.mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline.mbsc-active,.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard.mbsc-active{background:#000;color:#fff}.mbsc-windows-dark.mbsc-button-light.mbsc-button-outline.mbsc-hover,.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard.mbsc-hover{border-color:#999}.mbsc-windows-dark.mbsc-button-light.mbsc-button-outline.mbsc-active,.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard.mbsc-active{background:#999;color:#47494a}.mbsc-button{position:relative;z-index:1;display:inline-block;vertical-align:middle;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:1em;-moz-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;cursor:pointer}.mbsc-button.mbsc-disabled,.mbsc-button:disabled{cursor:not-allowed}.mbsc-button:focus{outline:0}.mbsc-button::-moz-focus-inner{border:0}.mbsc-icon-button{width:2.5em;height:2.5em;padding:.5em;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mbsc-button-icon>*,.mbsc-button-icon>*>*{height:100%}.mbsc-button-icon-end{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;order:1}.mbsc-button-group,.mbsc-button-group-block,.mbsc-button-group-justified{border:1px solid transparent}.mbsc-button-block,.mbsc-button-group-block .mbsc-button{display:block;width:100%;margin-left:0!important;margin-right:0!important}.mbsc-button-group-justified,.mbsc-button-group-justified mbsc-button{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.mbsc-button-group-justified .mbsc-button,.mbsc-button-group-justified mbsc-button{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto}.mbsc-windows.mbsc-popup{border:1px solid}.mbsc-windows.mbsc-popup-anchored-top{margin-top:-.75em}.mbsc-windows.mbsc-popup-anchored-bottom{margin-top:.75em}.mbsc-windows.mbsc-popup-arrow{width:1em;height:1em;border:1px solid}.mbsc-windows.mbsc-popup-arrow-bottom,.mbsc-windows.mbsc-popup-arrow-top{margin-left:-.5em}.mbsc-windows.mbsc-popup-arrow-left,.mbsc-windows.mbsc-popup-arrow-right{margin-top:-.5em}.mbsc-windows.mbsc-popup-arrow-bottom{top:1.5em}.mbsc-windows.mbsc-popup-arrow-top{bottom:1.5em}.mbsc-windows.mbsc-popup-arrow-left{right:1.5em}.mbsc-windows.mbsc-popup-arrow-right{left:1.5em}.mbsc-windows.mbsc-popup-header{padding:.5em;font-weight:700;text-align:center;border-bottom:1px solid}.mbsc-windows.mbsc-popup-buttons{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;border-top:1px solid}.mbsc-windows.mbsc-popup-button.mbsc-font{-webkit-box-flex:1;-webkit-flex:1 1;-moz-box-flex:1;-ms-flex:1 1;flex:1 1;padding-top:.25em;padding-bottom:.25em}.mbsc-windows.mbsc-popup-button.mbsc-button-flat{margin:0}.mbsc-windows.mbsc-popup{box-shadow:0 6px 14px 0 rgba(0,0,0,.133),0 1px 4px 0 rgba(0,0,0,.11);color:#333}.mbsc-windows.mbsc-popup,.mbsc-windows.mbsc-popup-arrow{background:#fff;border-color:#e6e6e6}.mbsc-windows.mbsc-popup-buttons,.mbsc-windows.mbsc-popup-header{border-color:#e6e6e6}.mbsc-windows-dark.mbsc-popup{box-shadow:0 6px 14px 0 rgba(0,0,0,.133),0 1px 4px 0 rgba(0,0,0,.11);color:#fff}.mbsc-windows-dark.mbsc-popup,.mbsc-windows-dark.mbsc-popup-arrow{background:#1a1a1a;border-color:#343434}.mbsc-windows-dark.mbsc-popup-buttons,.mbsc-windows-dark.mbsc-popup-header{border-color:#343434}@-webkit-keyframes mbsc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mbsc-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mbsc-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mbsc-fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes mbsc-pop-in{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mbsc-pop-in{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes mbsc-pop-out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes mbsc-pop-out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes mbsc-slide-up-in{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mbsc-slide-up-in{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mbsc-slide-up-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes mbsc-slide-up-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes mbsc-slide-down-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mbsc-slide-down-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mbsc-slide-down-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes mbsc-slide-down-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.mbsc-popup-open-ios{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;height:auto}.mbsc-popup-ctx{position:relative;--mbsc-safe-top:0;--mbsc-safe-right:0;--mbsc-safe-bottom:0;--mbsc-safe-left:0}.mbsc-popup-limits{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.mbsc-popup-limits-anchored,.mbsc-popup-limits-center{margin:1em}.mbsc-popup-wrapper{z-index:99998;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mbsc-popup,.mbsc-popup-wrapper{-moz-box-sizing:border-box;box-sizing:border-box}.mbsc-popup-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;border:0 solid transparent}.mbsc-popup-wrapper-ctx{position:absolute;right:auto;bottom:auto;width:100%;height:100%;overflow:hidden}.mbsc-popup-wrapper-center{padding:1em;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-width:var(--mbsc-safe-top) var(--mbsc-safe-right) var(--mbsc-safe-bottom) var(--mbsc-safe-left)}.mbsc-popup-wrapper-top{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;border-bottom:var(--mbsc-safe-bottom) solid transparent}.mbsc-popup-wrapper-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;border-top-width:var(--mbsc-safe-top)}.mbsc-popup-wrapper-anchored{border-left-width:var(--mbsc-safe-left);border-bottom-width:var(--mbsc-safe-bottom);border-right-width:var(--mbsc-safe-right);border-top-width:0}.mbsc-popup-hidden{opacity:0}.mbsc-popup-overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;margin:-10em;pointer-events:auto;background:rgba(0,0,0,.5);-webkit-transform:translateZ(0);transform:translateZ(0)}.mbsc-popup-overlay-in{opacity:1;-webkit-animation:mbsc-fade-in .15s cubic-bezier(0,0,.2,1);animation:mbsc-fade-in .15s cubic-bezier(0,0,.2,1)}.mbsc-popup-overlay-out{opacity:0;-webkit-animation:mbsc-fade-out 75ms cubic-bezier(.4,0,1,1);animation:mbsc-fade-out 75ms cubic-bezier(.4,0,1,1)}.mbsc-popup{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;min-width:12em;position:relative;z-index:2;pointer-events:auto;text-shadow:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mbsc-popup-center{min-width:16em}.mbsc-popup-bottom{width:100%;bottom:0}.mbsc-popup-top{width:100%;top:0}.mbsc-popup-anchored{position:absolute}.mbsc-popup-anchored-left{margin-left:-1em}.mbsc-popup-anchored-right{margin-left:1em}.mbsc-popup-arrow-wrapper{position:absolute;z-index:1;overflow:hidden;pointer-events:none}.mbsc-popup-arrow-wrapper-bottom,.mbsc-popup-arrow-wrapper-top{left:0;right:0;height:2em}.mbsc-popup-arrow-wrapper-left,.mbsc-popup-arrow-wrapper-right{top:0;bottom:0;width:2em}.mbsc-popup-arrow-wrapper-top{top:100%}.mbsc-popup-arrow-wrapper-bottom{bottom:100%}.mbsc-popup-arrow-wrapper-left{left:100%}.mbsc-popup-arrow-wrapper-right{right:100%}.mbsc-popup-arrow{position:absolute;-moz-box-sizing:border-box;box-sizing:border-box;width:1.5em;height:1.5em;pointer-events:auto}.mbsc-popup-arrow-top{bottom:1.25em}.mbsc-popup-arrow-bottom{top:1.25em}.mbsc-popup-arrow-bottom,.mbsc-popup-arrow-top{left:50%;margin-left:-.75em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.mbsc-popup-arrow-left{right:1.25em}.mbsc-popup-arrow-right{left:1.25em}.mbsc-popup-arrow-left,.mbsc-popup-arrow-right{top:50%;margin-top:-.75em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mbsc-popup-focus{outline:0}.mbsc-popup-body{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.mbsc-popup-body-top{padding-top:var(--mbsc-safe-top)}.mbsc-popup-body-bottom{padding-bottom:var(--mbsc-safe-bottom)}.mbsc-popup-body-bottom,.mbsc-popup-body-top{padding-left:var(--mbsc-safe-left);padding-right:var(--mbsc-safe-right)}.mbsc-popup-body-round{padding:0}.mbsc-popup-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.mbsc-popup-content{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch}.mbsc-popup-padding{padding:1em}.mbsc-popup-buttons{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.mbsc-popup-pop-in{opacity:1;-webkit-animation:mbsc-pop-in .15s cubic-bezier(0,0,.2,1);animation:mbsc-pop-in .15s cubic-bezier(0,0,.2,1)}.mbsc-popup-pop-out{opacity:0;-webkit-animation:mbsc-pop-out 75ms cubic-bezier(.4,0,1,1);animation:mbsc-pop-out 75ms cubic-bezier(.4,0,1,1)}.mbsc-popup-slide-up-in{-webkit-animation:mbsc-slide-up-in .25s cubic-bezier(0,0,.2,1);animation:mbsc-slide-up-in .25s cubic-bezier(0,0,.2,1)}.mbsc-popup-slide-up-out{-webkit-animation:mbsc-slide-up-out .2s cubic-bezier(.4,0,1,1);animation:mbsc-slide-up-out .2s cubic-bezier(.4,0,1,1)}.mbsc-popup-slide-down-in{-webkit-animation:mbsc-slide-down-in .25s cubic-bezier(0,0,.2,1);animation:mbsc-slide-down-in .25s cubic-bezier(0,0,.2,1)}.mbsc-popup-slide-down-out{-webkit-animation:mbsc-slide-down-out .2s cubic-bezier(.4,0,1,1);animation:mbsc-slide-down-out .2s cubic-bezier(.4,0,1,1)}.mbsc-popup-pointer.mbsc-picker .mbsc-popup-overlay,.mbsc-popup-pointer .mbsc-popup-overlay-anchored{background:none}.mbsc-popup-round .mbsc-popup-slide-up-in{-webkit-animation-name:mbsc-slide-up-in,mbsc-fade-in;animation-name:mbsc-slide-up-in,mbsc-fade-in}.mbsc-popup-round .mbsc-popup-slide-up-out{-webkit-animation-name:mbsc-slide-up-out,mbsc-fade-out;animation-name:mbsc-slide-up-out,mbsc-fade-out}.mbsc-popup-round .mbsc-popup-slide-down-in{-webkit-animation-name:mbsc-slide-down-in,mbsc-fade-in;animation-name:mbsc-slide-down-in,mbsc-fade-in}.mbsc-popup-round .mbsc-popup-slide-down-out{-webkit-animation-name:mbsc-slide-down-out,mbsc-fade-out;animation-name:mbsc-slide-down-out,mbsc-fade-out}.mbsc-popup-round .mbsc-popup-bottom,.mbsc-popup-round .mbsc-popup-top{width:auto;margin-top:3em;margin-bottom:3em}.mbsc-windows.mbsc-calendar-header{margin-bottom:-1px}.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-font{margin:1px}.mbsc-windows.mbsc-calendar-title-wrapper .mbsc-calendar-button{padding:0}.mbsc-windows.mbsc-calendar-controls{padding:.5em;min-height:2.125em}.mbsc-windows.mbsc-calendar-week-day{height:2.5em;font-size:.75em;line-height:2.5em}.mbsc-windows.mbsc-calendar-body .mbsc-calendar-week-day{border:0}.mbsc-windows.mbsc-calendar-week-nr{width:2.166667em;font-size:.75em;font-weight:700;line-height:3em}.mbsc-windows.mbsc-calendar-picker-slide{padding:.25em}.mbsc-windows.mbsc-calendar-cell{border-color:transparent;border-style:solid;border-width:1px 0 0 1px;background-clip:padding-box}.mbsc-windows.mbsc-calendar-cell:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.mbsc-windows.mbsc-calendar-cell-inner{display:table;table-layout:fixed;position:relative;width:100%;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;border-color:transparent;border-style:solid;border-width:2px 1px}.mbsc-windows.mbsc-calendar-cell-text{display:table-cell;vertical-align:middle;min-width:0}.mbsc-windows.mbsc-calendar-day-empty:after{display:none}.mbsc-windows.mbsc-calendar-day-text{display:inline-block;font-size:.875em;line-height:2.285715em;border-radius:2em;width:2.285715em;margin:0 auto}.mbsc-windows.mbsc-calendar-day-labels .mbsc-calendar-day-text{display:block}.mbsc-windows.mbsc-calendar-marks{bottom:.25em}.mbsc-windows.mbsc-calendar-text{margin:0 0 .2em}.mbsc-windows.mbsc-calendar-label-background{background:currentColor}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-title{font-size:1.625em;font-weight:300;line-height:1.461538em;padding:0 .307693em}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day{height:2.142858em;padding:0 .5em;font-size:.875em;line-height:2.142858em}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-inner{min-height:4em}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-text{text-align:center}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner{min-height:4.625em}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks{bottom:.5em;padding:0 .625em}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-text{height:1.8em;line-height:1.8em}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-label{padding:0 .6em;margin:0 0 .2em}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-label-text{font-size:1.2em}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr,.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr,.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr{text-align:left}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-rtl,.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-rtl,.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-rtl{text-align:right}.mbsc-windows.mbsc-calendar,.mbsc-windows.mbsc-calendar-button.mbsc-button{color:#333}.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-active{background:#f2f2f2;border-color:#f2f2f2}.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-focus{box-shadow:0 0 0 1px #333}.mbsc-windows.mbsc-calendar-wrapper-fixed{border-bottom:1px solid #e6e6e6}.mbsc-windows.mbsc-calendar-slide{background:#fff;color:#333}.mbsc-windows.mbsc-calendar-week-day{color:#666}.mbsc-windows.mbsc-calendar-today{color:#0078d7}.mbsc-windows.mbsc-range-day{border-left-color:rgba(0,120,215,.25)}.mbsc-windows.mbsc-range-day-end.mbsc-rtl,.mbsc-windows.mbsc-range-day-start.mbsc-ltr{border-left-color:transparent}.mbsc-windows.mbsc-range-hover .mbsc-calendar-cell-inner{border-top-color:rgba(51,51,51,.1);border-bottom-color:rgba(51,51,51,.1);border-style:dashed}.mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner,.mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner{background:rgba(0,120,215,.25)}.mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner{background-color:#0078d7}.mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-text{color:#fff}.mbsc-windows.mbsc-calendar-day-colors.mbsc-selected:after{border:2px solid #0078d7}.mbsc-windows.mbsc-calendar-cell.mbsc-focus:after{border:1px solid #333}.mbsc-windows.mbsc-calendar-cell.mbsc-hover:after{background:rgba(51,51,51,.1)}.mbsc-windows.mbsc-calendar-mark{background:rgba(51,51,51,.5)}.mbsc-windows.mbsc-calendar-label{color:#0078d7}.mbsc-windows.mbsc-calendar-label-inner{color:#fff}.mbsc-windows.mbsc-calendar-label.mbsc-calendar-label-active{outline:1px solid #333}.mbsc-windows.mbsc-calendar-text-more .mbsc-calendar-label-text{color:#333}.mbsc-windows.mbsc-calendar-height-md .mbsc-calendar-week-day{border-color:#e6e6e6}.mbsc-windows.mbsc-calendar-popup .mbsc-popup,.mbsc-windows.mbsc-calendar-popup .mbsc-popup-arrow{background:#fff;border-color:#e6e6e6}.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day{border-color:#e6e6e6}.mbsc-windows-dark.mbsc-calendar,.mbsc-windows-dark.mbsc-calendar-button.mbsc-button{color:#fff}.mbsc-windows-dark.mbsc-calendar-button.mbsc-button.mbsc-active{background:#676767;border-color:#676767}.mbsc-windows-dark.mbsc-calendar-button.mbsc-button.mbsc-focus{box-shadow:0 0 0 1px #fff}.mbsc-windows-dark.mbsc-calendar-wrapper-fixed{border-bottom:1px solid #343434}.mbsc-windows-dark.mbsc-calendar-slide{background:#1a1a1a;color:#fff}.mbsc-windows-dark.mbsc-calendar-week-day{color:#ccc}.mbsc-windows-dark.mbsc-calendar-today{color:#0078d7}.mbsc-windows-dark.mbsc-range-day{border-left-color:rgba(0,120,215,.25)}.mbsc-windows-dark.mbsc-range-day-end.mbsc-rtl,.mbsc-windows-dark.mbsc-range-day-start.mbsc-ltr{border-left-color:transparent}.mbsc-windows-dark.mbsc-range-hover .mbsc-calendar-cell-inner{border-top-color:hsla(0,0%,100%,.22);border-bottom-color:hsla(0,0%,100%,.22);border-style:dashed}.mbsc-windows-dark.mbsc-range-day .mbsc-calendar-cell-inner,.mbsc-windows-dark.mbsc-selected .mbsc-calendar-cell-inner{background:rgba(0,120,215,.25)}.mbsc-windows-dark.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner{background-color:#0078d7}.mbsc-windows-dark.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-text{color:#fff}.mbsc-windows-dark.mbsc-calendar-day-colors.mbsc-selected:after{border:2px solid #0078d7}.mbsc-windows-dark.mbsc-calendar-cell.mbsc-focus:after{border:1px solid #fff}.mbsc-windows-dark.mbsc-calendar-cell.mbsc-hover:after{background:hsla(0,0%,100%,.22)}.mbsc-windows-dark.mbsc-calendar-mark{background:hsla(0,0%,100%,.5)}.mbsc-windows-dark.mbsc-calendar-label{color:#0078d7}.mbsc-windows-dark.mbsc-calendar-label-inner{color:#fff}.mbsc-windows-dark.mbsc-calendar-label.mbsc-calendar-label-active{outline:1px solid #fff}.mbsc-windows-dark.mbsc-calendar-text-more .mbsc-calendar-label-text{color:#fff}.mbsc-windows-dark.mbsc-calendar-height-md .mbsc-calendar-week-day{border-color:#343434}.mbsc-windows-dark.mbsc-calendar-popup .mbsc-popup,.mbsc-windows-dark.mbsc-calendar-popup .mbsc-popup-arrow{background:#1a1a1a;border-color:#343434}.mbsc-windows-dark.mbsc-calendar-width-md .mbsc-calendar-day{border-color:#343434}@-webkit-keyframes mbsc-zoom-in-up{0%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mbsc-zoom-in-up{0%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes mbsc-zoom-in-down{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mbsc-zoom-in-down{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes mbsc-zoom-out-up{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes mbsc-zoom-out-up{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@-webkit-keyframes mbsc-zoom-out-down{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes mbsc-zoom-out-down{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}.mbsc-calendar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-touch-action:manipulation;touch-action:manipulation;position:relative}.mbsc-calendar-wrapper{position:relative;display:table;table-layout:fixed;width:100%;height:100%}.mbsc-calendar-header{position:relative;z-index:1;will-change:opacity}.mbsc-calendar,.mbsc-calendar-controls,.mbsc-calendar-title-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.mbsc-calendar-controls{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-moz-box-sizing:content-box;box-sizing:content-box;min-height:2.5em}.mbsc-calendar-button.mbsc-button.mbsc-reset{margin:0}.mbsc-calendar-button-prev-multi{-webkit-box-ordinal-group:0;-webkit-order:-1;-moz-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.mbsc-calendar-button-next-multi{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;order:1}.mbsc-calendar-body{height:100%;-moz-box-sizing:border-box;box-sizing:border-box;display:table-row}.mbsc-calendar-body-inner{height:100%;position:relative;overflow:hidden;margin-left:-1px}.mbsc-calendar-wrapper-fixed{display:block;height:auto;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mbsc-calendar-wrapper-fixed .mbsc-calendar-header{display:block}.mbsc-calendar-wrapper-fixed .mbsc-calendar-body{display:block;height:auto}.mbsc-calendar-hidden{visibility:hidden}.mbsc-calendar-title-wrapper{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.mbsc-calendar-title-wrapper-multi .mbsc-calendar-button{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.mbsc-calendar-title{overflow:hidden;text-overflow:ellipsis;font-size:1.125em;padding:0 .25em;display:inline-block;vertical-align:middle}.mbsc-calendar-scroll-wrapper{display:block;overflow:hidden;position:relative;height:100%}.mbsc-calendar-picker-wrapper{position:relative;width:15em;height:15em;overflow:hidden}.mbsc-calendar-picker{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.mbsc-calendar-picker-main{position:relative;z-index:0}.mbsc-calendar-picker-in-up{opacity:0;-webkit-animation:mbsc-zoom-in-up .2s cubic-bezier(0,0,.2,1);animation:mbsc-zoom-in-up .2s cubic-bezier(0,0,.2,1)}.mbsc-calendar-picker-in-down{opacity:0;-webkit-animation:mbsc-zoom-in-down .2s cubic-bezier(0,0,.2,1);animation:mbsc-zoom-in-down .2s cubic-bezier(0,0,.2,1)}.mbsc-calendar-picker-out-up{opacity:0;-webkit-animation:mbsc-zoom-out-up .2s cubic-bezier(.4,0,1,1);animation:mbsc-zoom-out-up .2s cubic-bezier(.4,0,1,1)}.mbsc-calendar-picker-out-down{opacity:0;-webkit-animation:mbsc-zoom-out-down .2s cubic-bezier(0,0,.2,1);animation:mbsc-zoom-out-down .2s cubic-bezier(0,0,.2,1)}.mbsc-calendar-scroll-wrapper>div{height:100%}.mbsc-calendar-scroll-wrapper>div>div{height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.mbsc-calendar-slide{position:absolute;z-index:0;top:0;width:100%;height:100%;-moz-box-sizing:border-box;box-sizing:border-box}.mbsc-calendar-slide.mbsc-ltr{left:0}.mbsc-calendar-slide.mbsc-rtl{right:0}.mbsc-calendar-slide:first-child{position:relative}.mbsc-calendar-table{height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.mbsc-calendar-table,.mbsc-calendar-week-days{display:table;table-layout:fixed;width:100%}.mbsc-calendar-row,.mbsc-calendar-table .mbsc-calendar-week-days{display:table-row}.mbsc-calendar-cell,.mbsc-calendar-week-day{display:table-cell}.mbsc-calendar-cell{position:relative;text-align:center;white-space:nowrap;cursor:pointer}.mbsc-calendar-cell:focus{outline:0}.mbsc-calendar-cell-inner{display:inline-block;padding:0 .25em;vertical-align:middle}.mbsc-calendar-cell.mbsc-disabled{cursor:not-allowed}.mbsc-calendar-week-day{height:2em;font-size:.6875em;line-height:2em;text-align:center;border-bottom:1px solid transparent}.mbsc-calendar-month,.mbsc-calendar-year{vertical-align:middle}.mbsc-calendar-month-text,.mbsc-calendar-year-text{margin:.875em 0;overflow:hidden;text-overflow:ellipsis;min-width:4.5em;-moz-box-sizing:border-box;box-sizing:border-box}.mbsc-calendar-day{max-width:14.285715%;text-align:center;vertical-align:top}.mbsc-calendar-day-empty{cursor:default}.mbsc-calendar-day-text{display:inline-block;text-align:center;-moz-box-sizing:content-box;box-sizing:content-box}.mbsc-calendar-day-inner{display:table;position:relative;width:100%;height:100%;padding:0;border:1px solid transparent;-moz-box-sizing:border-box;box-sizing:border-box}.mbsc-calendar-day-hidden{visibility:hidden}.mbsc-calendar-day-outer .mbsc-calendar-day-text{opacity:.5}.mbsc-calendar-day-outer.mbsc-selected .mbsc-calendar-day-text{opacity:1}.mbsc-disabled .mbsc-calendar-cell-text{opacity:.2}.mbsc-calendar-day-highlight:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1)}.mbsc-calendar-day-marked{padding-bottom:.25em}.mbsc-calendar-marks{position:absolute;left:0;right:0;height:.375em;margin-top:-.125em;overflow:hidden;white-space:nowrap;text-align:center}.mbsc-calendar-mark{display:inline-block;vertical-align:top;width:.25em;height:.25em;margin:.0625em;border-radius:.25em}.mbsc-calendar-labels{position:absolute;left:0;right:0}.mbsc-calendar-label-wrapper{position:absolute;z-index:2;pointer-events:none}.mbsc-calendar-label{padding:0 .3em}.mbsc-calendar-text:focus{outline:0}.mbsc-calendar-label-text{overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2}.mbsc-calendar-label-background,.mbsc-calendar-text:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;-webkit-transition:background-color .2s;transition:background-color .2s}.mbsc-calendar-label.mbsc-calendar-label-hover:before{background-color:rgba(0,0,0,.2);z-index:1}.mbsc-calendar-text-more{padding:0 .3em}.mbsc-calendar-text-more.mbsc-calendar-label-active:before,.mbsc-calendar-text-more.mbsc-calendar-label-hover:before{background-color:rgba(0,0,0,.1)}.mbsc-calendar-text{display:block;position:relative;height:1.6em;line-height:1.6em;font-size:.625em;white-space:nowrap;margin:0 .1em .2em}.mbsc-calendar-text-placeholder{z-index:-1}.mbsc-calendar-text.mbsc-ltr{text-align:left}.mbsc-calendar-text.mbsc-rtl{text-align:right}.mbsc-calendar-label-resize{position:absolute;top:0;height:100%;width:.5em;z-index:2;cursor:ew-resize}.mbsc-calendar-label-resize:after{content:"";display:none;position:absolute;top:50%;width:.8em;height:.8em;margin-top:-.4em;background:#fff;border-radius:.8em;border:1px solid;-moz-box-sizing:border-box;box-sizing:border-box}.mbsc-calendar-label-resize-end.mbsc-rtl,.mbsc-calendar-label-resize-start.mbsc-ltr{left:0}.mbsc-calendar-label-resize-end.mbsc-ltr,.mbsc-calendar-label-resize-start.mbsc-rtl{right:0}.mbsc-calendar-label-resize-end.mbsc-rtl:after,.mbsc-calendar-label-resize-start.mbsc-ltr:after{left:-.4em}.mbsc-calendar-label-resize-end.mbsc-ltr:after,.mbsc-calendar-label-resize-start.mbsc-rtl:after{right:-.4em}.mbsc-calendar-label-resize-end-touch:before,.mbsc-calendar-label-resize-start-touch:before{content:"";position:absolute;top:50%;margin-top:-1em;width:2em;height:2em}.mbsc-calendar-label-resize-start-touch:before{left:-1em}.mbsc-calendar-label-resize-end-touch:before{right:-1em}.mbsc-calendar-label-dragging .mbsc-calendar-label-resize:after,.mbsc-calendar-label-hover .mbsc-calendar-label-resize:after{display:block}.mbsc-calendar-label-inactive{opacity:.4}.mbsc-calendar-label-hidden{visibility:hidden}.mbsc-calendar-labels-dragging{z-index:3}.mbsc-windows.mbsc-scroller{position:relative}.mbsc-windows.mbsc-scroller-wheel-wrapper.mbsc-ltr{border-left-width:1px;border-left-style:solid}.mbsc-windows.mbsc-scroller-wheel-wrapper-0.mbsc-ltr{border-left:0}.mbsc-windows.mbsc-scroller-wheel-wrapper.mbsc-rtl{border-right-width:1px;border-right-style:solid}.mbsc-windows.mbsc-scroller-wheel-wrapper-0.mbsc-rtl{border-right:0}.mbsc-windows.mbsc-scroller-wheel-item{padding:0 .5em;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.mbsc-windows.mbsc-wheel-item-multi{padding:0 2.0625em}.mbsc-windows.mbsc-wheel-item-multi.mbsc-ltr{text-align:left}.mbsc-windows.mbsc-wheel-item-multi.mbsc-rtl{text-align:right}.mbsc-windows.mbsc-scroller-wheel-line{display:block;z-index:1}.mbsc-windows.mbsc-wheel-checkmark{-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;display:none;margin-top:-.8125em;width:1.5625em;height:1.5625em}.mbsc-windows.mbsc-wheel-checkmark:after{content:"";-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;display:block;opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:28%;left:21%;width:.875em;height:.475em;border:.125em solid;border-top:0;border-right:0}.mbsc-windows.mbsc-wheel-checkmark.mbsc-selected:after{opacity:1}.mbsc-windows.mbsc-wheel-checkmark.mbsc-ltr{left:.25em}.mbsc-windows.mbsc-wheel-checkmark.mbsc-rtl{right:.25em}.mbsc-windows.mbsc-wheel-item-multi .mbsc-windows.mbsc-wheel-checkmark{display:block}.mbsc-windows.mbsc-scroller-pointer .mbsc-scroller-wheel-item{padding:0 1.25em}.mbsc-windows.mbsc-scroller-pointer .mbsc-wheel-group-cont-single .mbsc-scroller-wheel-item.mbsc-ltr{text-align:left}.mbsc-windows.mbsc-scroller-pointer .mbsc-wheel-group-cont-single .mbsc-scroller-wheel-item.mbsc-rtl{text-align:right}.mbsc-windows.mbsc-scroller-pointer .mbsc-wheel-item-multi{padding:0 2.0625em}.mbsc-windows.mbsc-scroller-bar:after{border-radius:0}.mbsc-windows.mbsc-scroller-wheel-wrapper{color:#333;border-color:#e6e6e6}.mbsc-windows.mbsc-scroller-wheel-line{background:rgba(0,120,215,.4)}.mbsc-windows.mbsc-scroller-wheel-item.mbsc-active,.mbsc-windows.mbsc-scroller-wheel-item.mbsc-focus,.mbsc-windows.mbsc-scroller-wheel-item.mbsc-hover{background:rgba(51,51,51,.1)}.mbsc-windows.mbsc-wheel-checkmark:after{border-color:#0078d7}.mbsc-windows.mbsc-scroller-pointer .mbsc-wheel-group-cont-single .mbsc-scroller-wheel-item.mbsc-selected{color:#0078d7}.mbsc-windows-dark.mbsc-scroller-wheel-wrapper{color:#fff;border-color:#343434}.mbsc-windows-dark.mbsc-scroller-wheel-line{background:rgba(0,120,215,.4)}.mbsc-windows-dark.mbsc-scroller-wheel-item.mbsc-active,.mbsc-windows-dark.mbsc-scroller-wheel-item.mbsc-focus,.mbsc-windows-dark.mbsc-scroller-wheel-item.mbsc-hover{background:hsla(0,0%,100%,.1)}.mbsc-windows-dark.mbsc-wheel-checkmark:after{border-color:#0078d7}.mbsc-windows-dark.mbsc-scroller-pointer .mbsc-wheel-group-cont-single .mbsc-scroller-wheel-item.mbsc-selected{color:#0078d7}.mbsc-scroller{width:100%;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mbsc-scroller-wheel-group-cont{position:relative;max-width:100%;vertical-align:middle;display:inline-block;overflow:hidden}.mbsc-scroller-wheel-group-cont:first-child:last-child{display:block}.mbsc-scroller-wheel-group{margin:0 auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.mbsc-scroller-wheel-group-3d{-webkit-perspective:1200px;perspective:1200px}.mbsc-scroller-wheel-wrapper{display:block;max-width:100%;position:relative;-ms-touch-action:none;touch-action:none;min-width:80px}.mbsc-scroller-wheel-line{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mbsc-scroller-wheel-line,.mbsc-scroller-wheel-overlay{display:none;position:absolute;left:0;right:0;pointer-events:none}.mbsc-scroller-wheel-overlay{z-index:2;top:0;bottom:0}.mbsc-scroller-wheel{display:block;overflow:hidden;margin:-1px 0}.mbsc-scroller-wheel,.mbsc-scroller-wheel-cont{border-top:1px solid transparent;border-bottom:1px solid transparent}.mbsc-scroller-wheel-cont{position:relative;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mbsc-scroller-wheel-cont-3d{overflow:hidden;border:0}.mbsc-scroller-wheel-cont-3d>div{position:relative;top:-1px}.mbsc-scroller-items-3d{position:absolute;top:50%;left:0;right:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mbsc-scroller .mbsc-scroller-wheel,.mbsc-scroller .mbsc-scroller-wheel-cont{-moz-box-sizing:content-box;box-sizing:content-box}.mbsc-scroller-wheel-item{display:block;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbsc-scroller-wheel-item:focus{outline:0}.mbsc-scroller-wheel-item-3d{position:absolute;width:100%;top:0;left:0;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mbsc-scroller-wheel-item.mbsc-disabled{opacity:.3}.mbsc-scroller-bar-cont{position:absolute;z-index:4;top:0;bottom:0;width:10px;opacity:0;background:rgba(0,0,0,.05);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .2s;transition:opacity .2s}.mbsc-scroller-bar-cont.mbsc-ltr{right:0}.mbsc-scroller-bar-cont.mbsc-rtl{left:0}.mbsc-scroller-bar-hidden{display:none}.mbsc-scroller-bar-started,.mbsc-scroller-wheel:hover .mbsc-scroller-bar-cont{opacity:1}.mbsc-scroller-bar{position:absolute;right:0;top:0;width:10px}.mbsc-scroller-bar:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:rgba(0,0,0,.5);border-radius:3px}.mbsc-windows.mbsc-datetime-date-wheel.mbsc-scroller-wheel-wrapper{min-width:120px}.mbsc-windows.mbsc-datetime-date-wheel .mbsc-scroller-wheel-item,.mbsc-windows.mbsc-datetime-month-wheel .mbsc-scroller-wheel-item{text-align:left}.mbsc-windows.mbsc-datetime-date-wheel.mbsc-rtl .mbsc-scroller-wheel-item,.mbsc-windows.mbsc-datetime-month-wheel.mbsc-rtl .mbsc-scroller-wheel-item{text-align:right}.mbsc-windows.mbsc-segmented{padding:.75em}.mbsc-windows.mbsc-segmented-selectbox{display:none}.mbsc-windows.mbsc-segmented-button.mbsc-button{margin:0;border-color:transparent}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-active,.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-hover{border-color:transparent}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-focus{z-index:2}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-active,.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-selected{background:#3f97f6}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-active,.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-selected{background:#90979e}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-active,.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-selected{background:#43be5f}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-active,.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-selected{background:#f5504e}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-active,.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-selected{background:#f8b042}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-active,.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-selected{background:#5bb7c5}.mbsc-windows.mbsc-segmented-button.mbsc-button{background:#ccc;color:#333}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-active,.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-hover{background:#d4d4d4}.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-selected{background:#7a7a7a;color:#fff}.mbsc-windows-dark.mbsc-segmented-button.mbsc-button{background:#404040;color:#fff}.mbsc-windows-dark.mbsc-segmented-button.mbsc-button.mbsc-active,.mbsc-windows-dark.mbsc-segmented-button.mbsc-button.mbsc-hover{background:#454545}.mbsc-windows-dark.mbsc-segmented-button.mbsc-button.mbsc-selected{background:#ababab;color:#000}.mbsc-segmented{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden}.mbsc-segmented-item{margin:0;position:relative;vertical-align:top;text-align:center;font-size:1em;-webkit-box-flex:1;-webkit-flex:1 1 0;-moz-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:0}.mbsc-segmented-label{display:block;margin:0;padding:0}.mbsc-segmented-input{width:1px;height:0;opacity:0;position:absolute}.mbsc-segmented-button.mbsc-button{width:100%}.mbsc-windows.mbsc-picker-header{padding:.5em;font-weight:700;text-align:center;border-bottom:1px solid}.mbsc-windows.mbsc-datepicker-tab{border-top:1px solid;margin-top:-1px}.mbsc-windows.mbsc-range-control-wrapper .mbsc-segmented{padding:0;max-width:100%;width:18.5em}.mbsc-windows.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-button.mbsc-font{background:none;border:0;border-bottom:2px solid transparent;padding:.625em 1em;line-height:1.25em;display:block;text-align:left}.mbsc-windows.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-rtl{text-align:right}.mbsc-windows.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-ltr{padding-right:1.875em}.mbsc-windows.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-rtl{padding-left:1.875em}.mbsc-windows.mbsc-datepicker-control-calendar.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented,.mbsc-windows.mbsc-datepicker-control-date.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented,.mbsc-windows.mbsc-datepicker-control-datetime .mbsc-range-control-wrapper .mbsc-segmented{width:26.25em}.mbsc-windows.mbsc-range-control-label{font-size:.9375em;line-height:1.6em}.mbsc-windows.mbsc-range-control-value{font-size:1.0625em;overflow:hidden;text-overflow:ellipsis}.mbsc-windows.mbsc-range-label-clear{width:1em;height:1em;right:.4375em;margin-top:-.5em}.mbsc-windows.mbsc-range-label-clear.mbsc-ltr{right:.4375em}.mbsc-windows.mbsc-range-label-clear.mbsc-rtl{left:.4375em}.mbsc-windows.mbsc-datepicker-inline{background:#fff;color:#333}.mbsc-windows.mbsc-datepicker-tab,.mbsc-windows.mbsc-picker-header{border-color:#e6e6e6}.mbsc-windows.mbsc-range-control-wrapper{border-bottom:1px solid #e6e6e6}.mbsc-windows.mbsc-range-control-wrapper .mbsc-windows.mbsc-segmented-button.mbsc-selected{border-bottom-color:#0078d7}.mbsc-windows.mbsc-range-control-wrapper .mbsc-windows.mbsc-segmented-button.mbsc-focus{box-shadow:inset 0 0 0 1px #333}.mbsc-windows.mbsc-range-control-label.active,.mbsc-windows.mbsc-range-control-value.active{color:#0078d7}.mbsc-windows.mbsc-range-control-text-empty,.mbsc-windows.mbsc-range-control-text-empty.active{color:rgba(51,51,51,.4)}.mbsc-windows.mbsc-range-label-clear{color:rgba(51,51,51,.6)}.mbsc-windows.mbsc-range-label-clear:hover{color:#333}.mbsc-windows-dark.mbsc-datepicker-inline{background:#1a1a1a;color:#fff}.mbsc-windows-dark.mbsc-datepicker-tab,.mbsc-windows-dark.mbsc-picker-header{border-color:#343434}.mbsc-windows-dark.mbsc-range-control-wrapper{border-bottom:1px solid #343434}.mbsc-windows-dark.mbsc-range-control-wrapper .mbsc-windows-dark.mbsc-segmented-button.mbsc-selected{border-bottom-color:#0078d7}.mbsc-windows-dark.mbsc-range-control-wrapper .mbsc-windows-dark.mbsc-segmented-button.mbsc-focus{box-shadow:inset 0 0 0 1px #fff}.mbsc-windows-dark.mbsc-range-control-label.active,.mbsc-windows-dark.mbsc-range-control-value.active{color:#0078d7}.mbsc-windows-dark.mbsc-range-control-text-empty,.mbsc-windows-dark.mbsc-range-control-text-empty.active{color:hsla(0,0%,100%,.4)}.mbsc-windows-dark.mbsc-range-label-clear{color:hsla(0,0%,100%,.6)}.mbsc-windows-dark.mbsc-range-label-clear:hover{color:#fff}mbsc-datetime{display:block;width:100%}.mbsc-datepicker .mbsc-calendar{padding-bottom:.5em;display:block}.mbsc-datepicker .mbsc-calendar-week-days{padding:0 .5em;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:-1px}.mbsc-range-control-wrapper .mbsc-segmented-input{width:1px}.mbsc-range-label-clear{position:absolute;top:50%;display:none}.mbsc-range-label-clear.active{display:block}.mbsc-range-label-clear.mbsc-range-value-empty{display:none}.mbsc-datepicker-tab-wrapper{position:relative;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.mbsc-datepicker-tab,.mbsc-datepicker-tab-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.mbsc-datepicker-tab{visibility:hidden;max-width:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.mbsc-datepicker-tab-expand{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.mbsc-datepicker-tab-active{visibility:visible}.mbsc-datepicker-time-modal{position:absolute;z-index:1;top:0;left:0;right:0;max-width:none;height:100%}.mbsc-datepicker .mbsc-calendar-slide{padding:0 .5em} @font-face { font-family: "bakehouse-iconset"; src: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset.woff2?k58lxp') format("woff2"), url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset.ttf?k58lxp') format("truetype"), url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset.woff?k58lxp') format("woff"), url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset.svg?k58lxp#bakehouse-iconset') format("svg"); font-weight: 400; font-style: normal; font-display: block; } @font-face { font-family: "bakehouse-iconset"; src: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset-bold.woff2?k58lxp') format("woff2"), url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset-bold.ttf?k58lxp') format("truetype"), url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset-bold.woff?k58lxp') format("woff"), url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset-bold.svg?k58lxp#bakehouse-iconset') format("svg"); font-weight: 700; font-style: normal; font-display: block; } @font-face { font-family: "bakehouse-iconset"; src: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset-light.woff2?k58lxp') format("woff2"), url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset-light.ttf?k58lxp') format("truetype"), url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset-light.woff?k58lxp') format("woff"), url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Fonts/frontend-iconset-light.svg?k58lxp#bakehouse-iconset') format("svg"); font-weight: 300; font-style: normal; font-display: block; } [class^="bh-font-"], [class*=" bh-font-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "bakehouse-iconset" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bh-font-menu:before { content: "\e900"; } .bh-font-arrow-left:before { content: "\e901"; } .bh-font-arrow-right:before { content: "\e902"; } .bh-font-arrow-up:before { content: "\e903"; } .bh-font-arrow-down:before { content: "\e904"; } .bh-font-arrow-simple-left:before { content: "\e905"; } .bh-font-arrow-simple-right:before { content: "\e906"; } .bh-font-arrow-simple-up:before { content: "\e907"; } .bh-font-arrow-simple-down:before { content: "\e908"; } .bh-font-arrow-circle-left:before { content: "\e909"; } .bh-font-arrow-circle-right:before { content: "\e90a"; } .bh-font-arrow-circle-up:before { content: "\e90b"; } .bh-font-arrow-circle-down:before { content: "\e90c"; } .bh-font-more:before { content: "\e90d"; } .bh-font-ellipsis:before { content: "\e90e"; } .bh-font-plus:before { content: "\e90f"; } .bh-font-minus:before { content: "\e910"; } .bh-font-check:before { content: "\e911"; } .bh-font-cross:before { content: "\e912"; } .bh-font-square-plus:before { content: "\e913"; } .bh-font-square-minus:before { content: "\e914"; } .bh-font-square-check:before { content: "\e915"; } .bh-font-square-cross:before { content: "\e916"; } .bh-font-circle-plus:before { content: "\e917"; } .bh-font-circle-minus:before { content: "\e918"; } .bh-font-circle-check:before { content: "\e919"; } .bh-font-circle-cross:before { content: "\e91a"; } .bh-font-phone:before { content: "\e91b"; } .bh-font-phone-dial:before { content: "\e91c"; } .bh-font-support:before { content: "\e91d"; } .bh-font-mail:before { content: "\e91e"; } .bh-font-mail-2:before { content: "\e91f"; } .bh-font-archive:before { content: "\e920"; } .bh-font-pencil:before { content: "\e921"; } .bh-font-pen:before { content: "\e922"; } .bh-font-book-pencil:before { content: "\e923"; } .bh-font-book:before { content: "\e924"; } .bh-font-map:before { content: "\e925"; } .bh-font-pin:before { content: "\e926"; } .bh-font-compass:before { content: "\e927"; } .bh-font-location:before { content: "\e928"; } .bh-font-globe2:before { content: "\e929"; } .bh-font-globe:before { content: "\e92a"; } .bh-font-location-2:before { content: "\e92b"; } .bh-font-paper-clip:before { content: "\e92c"; } .bh-font-tag:before { content: "\e92d"; } .bh-font-lucky-smiley:before { content: "\e92e"; } .bh-font-skeptical-smiley:before { content: "\e92f"; } .bh-font-poor-smiley:before { content: "\e933"; } .bh-font-star:before { content: "\e934"; } .bh-font-heart:before { content: "\e935"; } .bh-font-ribbon:before { content: "\e936"; } .bh-font-share:before { content: "\e937"; } .bh-font-like:before { content: "\e938"; } .bh-font-swipehand:before { content: "\e939"; } .bh-font-speech-bubble:before { content: "\e93a"; } .bh-font-q-a:before { content: "\e93b"; } .bh-font-help:before { content: "\e93c"; } .bh-font-price-tag:before { content: "\e93d"; } .bh-font-wrench:before { content: "\e93e"; } .bh-font-cog:before { content: "\e93f"; } .bh-font-toggle:before { content: "\e940"; } .bh-font-settings:before { content: "\e941"; } .bh-font-wizard:before { content: "\e942"; } .bh-font-medal:before { content: "\e943"; } .bh-font-cup:before { content: "\e944"; } .bh-font-shield:before { content: "\e945"; } .bh-font-ball:before { content: "\e946"; } .bh-font-label:before { content: "\e947"; } .bh-font-chart:before { content: "\e948"; } .bh-font-graph:before { content: "\e949"; } .bh-font-bar-graph:before { content: "\e94a"; } .bh-font-bar-graph-2:before { content: "\e94b"; } .bh-font-pie-graph:before { content: "\e94c"; } .bh-font-wlan:before { content: "\e94d"; } .bh-font-signal:before { content: "\e94e"; } .bh-font-microphone:before { content: "\e94f"; } .bh-font-filmstrip:before { content: "\e950"; } .bh-font-play:before { content: "\e951"; } .bh-font-youtube:before { content: "\e952"; } .bh-font-video:before { content: "\e953"; } .bh-font-air-play:before { content: "\e954"; } .bh-font-record:before { content: "\e955"; } .bh-font-skip-back:before { content: "\e956"; } .bh-font-rewind:before { content: "\e957"; } .bh-font-play2:before { content: "\e958"; } .bh-font-pause:before { content: "\e959"; } .bh-font-stop:before { content: "\e95a"; } .bh-font-fast-forward:before { content: "\e95b"; } .bh-font-skip-forward:before { content: "\e95c"; } .bh-font-volume:before { content: "\e95d"; } .bh-font-mute:before { content: "\e95e"; } .bh-font-reply:before { content: "\e95f"; } .bh-font-shuffle:before { content: "\e960"; } .bh-font-repeat:before { content: "\e961"; } .bh-font-webcam:before { content: "\e962"; } .bh-font-camera:before { content: "\e963"; } .bh-font-gallery:before { content: "\e964"; } .bh-font-photo:before { content: "\e965"; } .bh-font-image:before { content: "\e966"; } .bh-font-eye:before { content: "\e967"; } .bh-font-layers:before { content: "\e968"; } .bh-font-paper:before { content: "\e969"; } .bh-font-stack-2:before { content: "\e96a"; } .bh-font-file:before { content: "\e96b"; } .bh-font-clipboard:before { content: "\e96c"; } .bh-font-box:before { content: "\e96d"; } .bh-font-folder:before { content: "\e96e"; } .bh-font-disc:before { content: "\e96f"; } .bh-font-server:before { content: "\e970"; } .bh-font-battery:before { content: "\e971"; } .bh-font-monitor:before { content: "\e972"; } .bh-font-printer:before { content: "\e973"; } .bh-font-bag:before { content: "\e974"; } .bh-font-cart:before { content: "\e975"; } .bh-font-key:before { content: "\e976"; } .bh-font-lock:before { content: "\e977"; } .bh-font-unlock:before { content: "\e978"; } .bh-font-user:before { content: "\e979"; } .bh-font-head:before { content: "\e97a"; } .bh-font-gameplay:before { content: "\e97b"; } .bh-font-briefcase:before { content: "\e97c"; } .bh-font-rocket:before { content: "\e97d"; } .bh-font-bulb:before { content: "\e97e"; } .bh-font-cutlery:before { content: "\e97f"; } .bh-font-bell:before { content: "\e980"; } .bh-font-clock:before { content: "\e981"; } .bh-font-watch:before { content: "\e982"; } .bh-font-target:before { content: "\e983"; } .bh-font-paragraph:before { content: "\e984"; } .bh-font-umbrella:before { content: "\e985"; } .bh-font-moon:before { content: "\e986"; } .bh-font-drop:before { content: "\e987"; } .bh-font-thermometer:before { content: "\e988"; } .bh-font-sun:before { content: "\e989"; } .bh-font-cloud:before { content: "\e98a"; } .bh-font-search:before { content: "\e98b"; } .bh-font-zoom-in:before { content: "\e98c"; } .bh-font-zoom-out:before { content: "\e98d"; } .bh-font-layout:before { content: "\e98e"; } .bh-font-grid:before { content: "\e98f"; } .bh-font-link:before { content: "\e990"; } .bh-font-outbox:before { content: "\e991"; } .bh-font-inbox:before { content: "\e992"; } .bh-font-cloud-upload:before { content: "\e993"; } .bh-font-cloud-download:before { content: "\e994"; } .bh-font-upload:before { content: "\e995"; } .bh-font-download:before { content: "\e996"; } .bh-font-reload:before { content: "\e997"; } .bh-font-loader:before { content: "\e998"; } .bh-font-power:before { content: "\e999"; } .bh-font-command:before { content: "\e99a"; } .bh-font-ban:before { content: "\e99b"; } .bh-font-flag:before { content: "\e99c"; } .bh-font-trash:before { content: "\e99d"; } .bh-font-expand:before { content: "\e99e"; } .bh-font-contract:before { content: "\e99f"; } .bh-font-maximize:before { content: "\e9a0"; } .bh-font-minimize:before { content: "\e9a1"; } .bh-font-move:before { content: "\e9a2"; } .bh-font-twitter:before { content: "\e930"; } .bh-font-facebook:before { content: "\e931"; } .bh-font-whatsapp:before { content: "\e932"; } .bh-font-youtube2:before { content: "\e9a3"; } .bh-font-pinterest:before { content: "\e9a4"; } .bh-font-stop2:before { content: "\e9a6"; } .bh-font-warning:before { content: "\e9a7"; } .bh-font-calendar:before { content: "\e9a8"; } .bh-font-scissor:before { content: "\e9a9"; } .bh-font-star2:before { content: "\e9aa"; } .bh-font-tripadvisor:before { content: "\e9ab"; } .bh-font-instagram:before { content: "\e9ac"; } .bh-font-star-filled:before { content: "\e9ad"; } .bh-font-shopping-bag:before { content: "\e9ae"; } .bh-font-cloud2:before { content: "\e9af"; } .bh-font-home:before { content: "\e9b0"; } .bh-font-edit:before { content: "\e9b1"; } .bh-font-smartphone:before { content: "\e9b2"; } .bh-font-gift:before { content: "\e9b3"; } .bh-font-tablebell:before { content: "\e9b4"; } .bh-font-bed:before { content: "\e9b5"; } .bh-font-group:before { content: "\e9b6"; } .bh-font-compasscircle:before { content: "\e9b7"; } .bh-font-circlefull:before { content: "\e9b8"; } .bh-font-squarefull:before { content: "\e9b9"; } .bh-font-headfull:before { content: "\e9ba"; } .bh-font-euro:before { content: "\e9bb"; } .bh-font-lock2:before { content: "\e9bc"; } .bh-font-ruler:before { content: "\e9bd"; } .bh-font-snowflake:before { content: "\e9bf"; } .bh-font-info-circle:before { content: "\e9c1"; } .bh-font-questionmark:before { content: "\e9c0"; } .bh-font-car:before { content: "\e9c2"; } .bh-font-facebook2:before { content: "\e9a5"; } .bh-font-bar:before { content: "\e9be"; } .bh-font-coffee:before { content: "\e9c3"; } .bh-font-newspaper:before { content: "\e9c4"; } .bh-font-mask:before { content: "\e9c5"; } .bh-font-beer:before { content: "\e9c6"; } .bh-font-sanitizer:before { content: "\e9c7"; } .bh-font-cake:before { content: "\e9c8"; } .bh-font-cutlery2:before { content: "\e9c9"; } .bh-font-wine:before { content: "\e9ca"; } .bh-font-package:before { content: "\e9d4"; } .bh-font-ticket:before { content: "\e9d5"; } .bh-font-ticket2:before { content: "\e9d6"; } .bh-font-signpost:before { content: "\e9d7"; } .bh-font-cablecar:before { content: "\e9d8"; } .bh-font-plane:before { content: "\e9d9"; } .bh-font-boat:before { content: "\e9da"; } .bh-font-truck:before { content: "\e9cb"; } .bh-font-bus:before { content: "\e9db"; } .bh-font-train:before { content: "\e9dc"; } .bh-font-car2:before { content: "\e9dd"; } .bh-font-ice:before { content: "\e9de"; } .bh-font-smoothie:before { content: "\e9df"; } .bh-font-trunks:before { content: "\e9e0"; } .bh-font-leaf:before { content: "\e9e1"; } .bh-font-credit-card:before { content: "\e9e2"; } .bh-font-gps:before { content: "\e9e4"; } .bh-font-external-link:before { content: "\e9cc"; } .bh-font-book-open:before { content: "\e9cd"; } .bh-font-weather-cloud:before { content: "\e9ce"; } .bh-font-weather-drizzle:before { content: "\e9cf"; } .bh-font-weather-rain:before { content: "\e9d0"; } .bh-font-weather-snow:before { content: "\e9d1"; } .bh-font-moon2:before { content: "\e9d2"; } .bh-font-music:before { content: "\e9d3"; } .bh-font-square-check2:before { content: "\e9e3"; } .bh-font-cookie:before { content: "\e9e5"; } .bh-font-skiing:before { content: "\e9e6"; } .bh-font-xing:before { content: "\e9e7"; } .bh-font-linkedin:before { content: "\e9e8"; } .bh-font-megaphone:before { content: "\e9e9"; } .bh-font-news:before { content: "\e9ea"; } .bh-font-backpack:before { content: "\e9eb"; } .bh-font-croissant:before { content: "\e9ec"; } .bh-font-wellness:before { content: "\e9ed"; } .bh-font-tree:before { content: "\e9ee"; } .bh-font-towel:before { content: "\e9ef"; } .bh-font-aperitif:before { content: "\e9f0"; } .bh-font-dog:before { content: "\e9f1"; } .bh-font-dogface:before { content: "\e9f2"; } .bh-font-lightning:before { content: "\e9f3"; } .bh-font-star3:before { content: "\e9f4"; } .bh-font-pool:before { content: "\e9f5"; } .bh-font-sauna:before { content: "\e9f6"; } .bh-font-arrow-simple-left-45:before { content: "\e9f7"; } .bh-font-arrow-simple-right-45:before { content: "\e9f8"; } .bh-font-arrow-simple-up-45:before { content: "\e9f9"; } .bh-font-arrow-simple-down-45:before { content: "\e9fa"; } .bh-font-arrow-simple-left-60:before { content: "\e9fb"; } .bh-font-arrow-simple-right-60:before { content: "\e9fc"; } .bh-font-arrow-simple-up-60:before { content: "\e9fd"; } .bh-font-arrow-simple-down-60:before { content: "\e9fe"; } .bh-font-arrow-long-left:before { content: "\e9ff"; } .bh-font-arrow-long-right:before { content: "\ea00"; } .bh-font-arrow-long-up:before { content: "\ea01"; } .bh-font-arrow-long-down:before { content: "\ea02"; } .bh-font-arrow-full-left:before { content: "\ea03"; } .bh-font-arrow-full-right:before { content: "\ea04"; } .bh-font-arrow-full-up:before { content: "\ea05"; } .bh-font-arrow-full-down:before { content: "\ea06"; } .bh-font-tv:before { content: "\ea07"; } .bh-font-barrierfree:before { content: "\ea0a"; } .bh-font-bike:before { content: "\ea0b"; } .bh-font-infinity:before { content: "\ea0c"; } .bh-font-info-circle2:before { content: "\ea0d"; } .bh-font-ippin:before { content: "\ea0e"; } .bh-font-logout:before { content: "\ea0f"; } .bh-font-logout2:before { content: "\ea10"; } .bh-font-rose:before { content: "\ea11"; } .bh-font-coins:before { content: "\ea12"; } .bh-font-heart2:before { content: "\ea13"; } .bh-font-towlift:before { content: "\ea14"; } .bh-font-chairlift:before { content: "\ea15"; } .bh-font-magiccarpet:before { content: "\ea16"; } .bh-font-slope1:before { content: "\ea17"; } .bh-font-slope2:before { content: "\ea18"; } .bh-font-slopesign:before { content: "\ea19"; } .bh-font-parking:before { content: "\ea1a"; } .bh-font-parkpin:before { content: "\ea1b"; } .bh-font-sale:before { content: "\ea1c"; } .bh-font-route:before { content: "\ea1d"; } .bh-font-upanddown:before { content: "\ea1e"; } .bh-font-tiktok:before { content: "\ea1f"; } .bh-font-archive-box:before { content: "\ea20"; } .bh-font-file-minus:before { content: "\ea21"; } .bh-font-file-plus:before { content: "\ea22"; } .bh-font-send:before { content: "\ea23"; } .bh-font-share-2:before { content: "\ea24"; } .bh-font-thumb-down:before { content: "\ea25"; } .bh-font-thumb-up:before { content: "\ea26"; } .bh-font-user-simple:before { content: "\ea27"; } .bh-font-user-simple-check:before { content: "\ea28"; } .bh-font-user-simple-delete:before { content: "\ea29"; } .bh-font-user-simple-minus:before { content: "\ea2a"; } .bh-font-user-simple-plus:before { content: "\ea2b"; } .bh-font-vimeo:before { content: "\ea2c"; } .bh-font-wind:before { content: "\ea2d"; } .bh-font-paragraph2:before { content: "\ea2e"; } .bh-font-charging:before { content: "\ea2f"; } .bh-font-bakehouse:before { content: "\ea30"; } .bh-font-ai:before { content: "\ea31"; } .bh-font-invert-color:before { content: "\ea32"; } .bh-font-bullet-list:before { content: "\ea33"; } .bh-font-filter:before { content: "\ea49"; } .bh-font-pedestrian:before { content: "\ea4a"; } .bh-font-star3-filled:before { content: "\ea4d"; } .bh-font-champagne-bottle:before { content: "\ea52"; } .bh-font-champagne-bucket:before { content: "\ea53"; } .bh-font-basked:before { content: "\ea55"; } .bh-font-delivery:before { content: "\ea57"; } .bh-font-hourglass:before { content: "\ea5b"; } .bh-font-shop:before { content: "\ea69"; } .bh-font-toilet:before { content: "\ea6d"; } .bh-font-wheelchair:before { content: "\ea71"; } .bh-font-timer:before { content: "\ea48"; } .bh-font-alarm:before { content: "\ea4b"; } .bh-font-puzzle:before { content: "\ea4c"; } .bh-font-alert-circle:before { content: "\ea4e"; } .bh-font-edit2:before { content: "\ea4f"; } .bh-font-booking-no-package:before { content: "\ea08"; } .bh-font-booking-no-room:before { content: "\ea09"; } .bh-font-bf-ai-content:before { content: "\ea34"; } .bh-font-bf-big-cursor:before { content: "\ea35"; } .bh-font-bf-brightness:before { content: "\ea36"; } .bh-font-bf-content:before { content: "\ea37"; } .bh-font-bf-contrast:before { content: "\ea38"; } .bh-font-bf-disable-animations:before { content: "\ea39"; } .bh-font-bf-dyslexia:before { content: "\ea3a"; } .bh-font-bf-focus-text:before { content: "\ea3b"; } .bh-font-bf-greyscale:before { content: "\ea3c"; } .bh-font-bf-hide-images:before { content: "\ea3d"; } .bh-font-bf-highlight-headlines:before { content: "\ea3e"; } .bh-font-bf-invert-color:before { content: "\ea3f"; } .bh-font-bf-navigation:before { content: "\ea40"; } .bh-font-bf-opacity:before { content: "\ea41"; } .bh-font-bf-summary:before { content: "\ea42"; } .bh-font-bf-text:before { content: "\ea43"; } .bh-font-bf-usability:before { content: "\ea44"; } .bh-font-bf-visualization:before { content: "\ea45"; } .bh-font-bf-highlight-links:before { content: "\ea46"; } .bh-font-bf-system-font:before { content: "\ea47"; } /************************************************************************** Design.css ***************************************************************************/ /************************************************************************** Variables ***************************************************************************/ :root { --color-1: #f1eeea; --color-2: #aa9687; --color-3: #8d1b46; --color-4: #616161; --color-5: #2d2c31; --color-5: #2d2c31; --font-family-1: "Assistant", sans-serif; --font-family-2: "Cormorant Infant", serif; --topbar-height: 125px; } /* font-family: gill-sans-nova, sans-serif; font-style: normal; font-weight: 200; font-family: minion-pro, serif; font-style: normal; font-weight: 400; */ /************************************************************************** Colors ***************************************************************************/ .style-background-white { background-color: white; } .style-background-1 { background-color: var(--color-1); color: var(--color-5); } .style-background-2 { background-color: var(--color-2); color: white; } .style-background-3 { background-color: var(--color-3); color: white; } .style-background-4 { background-color: var(--color-4); color: white; } .style-background-5 { background-color: var(--color-5); color: white; } .style-color-white { color: white; } .style-color-1 { color: var(--color-1); } .style-color-2 { color: var(--color-2); } .style-color-3 { color: var(--color-3); } .style-color-4 { color: var(--color-4); } .style-color-5 { color: var(--color-5); } .style-background-1.style-color-1, .style-background-1 .style-color-1 { color: var(--color-4); } :is(.style-background-2.style-color-2, .style-background-3.style-color-2), :is(.style-background-2.style-color-3, .style-background-3.style-color-3), .style-background-4.style-color-4, :is(.style-background-2, .style-background-3) .style-color-2, :is(.style-background-2, .style-background-3) .style-color-3, .style-background-4 .style-color-4 { color: white; } /************************************************************************** General ***************************************************************************/ body { overflow-x: hidden; overflow-y: auto; color: var(--color-5); } img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; height: auto; } a { display: block; color: inherit; } .bh-bodytext a { display: inline-block; color: var(--color-3); } :is(.style-background-2, .style-background-3, .style-background-4) .bh-bodytext a { color: white; } .footer .bh-bodytext a { text-decoration: none; color: var(--color-5); } .footer .bh-bodytext a:hover { text-decoration: underline; } .page *:not(.bhe-element-toolbar) { -webkit-box-sizing: border-box; box-sizing: border-box; } /**************** Browser Styles ****************/ /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: white; border: 1px solid var(--color-1); } /* Handle */ ::-webkit-scrollbar-thumb { background: var(--color-3); border-radius: 20px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--color-2); } /* text selection */ ::-moz-selection { color: #fff; background: var(--color-4); } ::selection { color: #fff; background: var(--color-4); } /* For Mozilla Firefox */ ::-moz-selection { color: #fff; background: var(--color-4); } .style-background-4 ::-moz-selection { color: var(--color-4); background: white; } .style-background-4 ::selection { color: var(--color-4); background: white; } .style-background-4 ::-moz-selection { color: var(--color-4); background: white; } /**************** html inputs/buttons/textarea ****************/ .page select, .page input[type="email"], .page input[type="text"] { padding: calc(var(--clamp-scale-2) * 15) calc(var(--clamp-scale-3) * 20); border-radius: 0; border: 0; -webkit-appearance: none; appereance: none; outline: 0; min-width: calc(var(--clamp-scale-3) * 150); font-size: calc(var(--clamp-scale-1) * 18); font-weight: normal; color: var(--color-4); font-family: var(--font-family-1); } /**************** Hover effects ****************/ /**************** Body Layouts ****************/ body[data-layout="1"]:not(.state-detail) { margin-top: var(--topbar-height); } /* body[data-layout="0"] .main > .bhContainer > .el-layout.fw-pt-xxl:first-child { padding-top: calc(var(--clamp-scale-6) * 215); } body[data-layout="0"] .main > .bhContainer > .el-layout.fw-pt-xl:first-child { padding-top: calc(var(--clamp-scale-6) * 135); } body[data-layout="0"] .main > .bhContainer > .el-layout.fw-pt-lg:first-child { padding-top: calc(var(--clamp-scale-6) * 115); } body[data-layout="0"] .main > .bhContainer > .el-layout.fw-pt-md:first-child { padding-top: calc(var(--clamp-scale-6) * 95); } */ /************************************************ ************************** Typography ***************************************************************************/ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 100%; } body { font-weight: 400; -webkit-font-smoothing: antialiased; font-smooth: auto; font-family: var(--font-family-1); font-size: calc(var(--clamp-scale-1) * 18); line-height: normal; } /* h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child), */ ul:not(:last-child), p:not(:last-child), .style-text-teaser-1:not(:last-child), .style-text-teaser-2:not(:last-child), .style-text-teaser-3:not(:last-child), .style-text-teaser-4:not(:last-child) { margin-bottom: calc(var(--clamp-scale-2) * 25); } .style-text-teaser-1 { font-size: calc(var(--clamp-scale-3) * 47); font-family: var(--font-family-2); font-weight: 600; } .style-text-teaser-2 { font-size: calc(var(--clamp-scale-2) * 40); font-family: var(--font-family-2); font-weight: 600; } .style-text-teaser-3 { font-size: calc(var(--clamp-scale-2) * 35); font-family: var(--font-family-2); font-weight: 600; } .style-text-teaser-4 { font-size: calc(var(--clamp-scale-1) * 19); font-family: var(--font-family-1); text-transform: uppercase; color: var(--color-2); font-weight: 600; letter-spacing: calc(var(--clamp-scale-1) * 1.9); } .style-text-teaser-5 { font-size: calc(var(--clamp-scale-5) * 60); font-family: var(--font-family-2); font-weight: 600; } .style-text-teaser-1 em, .style-text-teaser-2 em, .style-text-teaser-1 em { font-weight: 500; } :is(.style-background-3, .style-background-2) .style-text-teaser-4 { color: white; } .style-text-uppercase { text-transform: uppercase; } .style-text-small { font-size: 0.9em; } .style-text-larger { font-size: 1.25em; } .style-text-large { font-size: 1.81em; } .bh-bodytext a { text-decoration: underline; display: inline; } .bh-bodytext a:hover { text-decoration: none; } /************************************************************************** Html structure ***************************************************************************/ body.bhe-state-editing { margin-top: 50px; } body:not(.bhe-state-editing) .page { max-width: 100%; overflow-x: hidden; } .page > * { position: relative; } body.state-nav-open { overflow: hidden; } /**************** Header ****************/ /**************** Main ****************/ .bhContainer > .bhElement:last-child { margin-bottom: 0 !important; } /**************** Topbar ****************/ .topbar { height: var(--topbar-height); -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; top: 0; left: 0; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .topbar::before { content: ""; left: 0; top: 0; width: 100%; height: 125%; opacity: 0.7; position: absolute; background: -webkit-gradient(linear, left top, left bottom, from(var(--color-4)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, var(--color-4) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, var(--color-4) 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; } body.bhe-state-editing .topbar { display: none; } body.state-nav-open .topbar { background: transparent; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-box-shadow: none; box-shadow: none; } body.bh-bemode .topbar { top: var(--bh-safe-area-inset-top); } body:not(.scrolled) .topbar { background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } body.scrolled:not(.state-nav-open) .topbar { background: white; } body.scrolled:not(.state-nav-open) .topbar::before { display: none; } body.scrolled:not(.state-nav-open) .topbar :is(.bh-language-menu, .headercontact, .socials__icon) { color: var(--color-4); border-color: var(--color-4); color: var(--color-4); border-color: var(--color-4); } body.scrolled:not(.state-nav-open) .topbar :is(.headercontact, .socials__icon):hover { color: white; } body.scrolled:not(.state-nav-open) .topbar .toggler__line { background-color: var(--color-5); } /* HEADERCONTACT*/ .headercontact { border-radius: 50%; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid transparent; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .headercontact.headercontact--whatsapp:hover { background-color: #00cf4d; border: 1px solid white; } /**************** Toggler ****************/ .toggler { width: 50px; gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; height: 40px; margin-right: calc(var(--clamp-scale-3) * 40); } .toggler__line { width: 100%; height: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .toggler__line:nth-child(2) { max-width: 75%; } .toggler__line:nth-child(3) { max-width: 50%; } .toggler__line { } body.state-nav-open .toggler__line:nth-child(2) { height: 0; } body.state-nav-open .toggler__line:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10px 20px; -ms-transform-origin: 10px 20px; transform-origin: 10px 20px; width: 50%; } body.state-nav-open .toggler__line:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 11px -16px; -ms-transform-origin: 11px -16px; transform-origin: 11px -16px; width: 50%; } body:not(.state-nav-open) .toggler:hover .toggler__line:nth-child(1) { width: 75%; } body:not(.state-nav-open) .toggler:hover .toggler__line:nth-child(2) { width: 50%; } body:not(.state-nav-open) .toggler:hover .toggler__line:nth-child(3) { width: 25%; } /**************** Navigation ****************/ body.bhe-state-editing:not(.state-nav-open) .nav.nav--main { display: none; } .nav.nav--main { top: 0; left: 0; width: 100vw; height: 100vh; color: white; padding-top: var(--topbar-height); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgb(97 97 97 / 81%); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.7s, padding 0.7s; -o-transition: max-height 0.7s, padding 0.7s; transition: max-height 0.7s, padding 0.7s; padding-top: calc(var(--clamp-scale-5) * 0); } body:not(.state-nav-open) .nav.nav--main { padding-bottom: 0; } body.state-nav-open .nav.nav--main { max-height: 100vh; max-height: 100dvh; padding-top: calc(var(--clamp-scale-5) * 200); } body:not(.scrolled):not(.state-nav-open) .nav.nav--main { padding-top: 0; } /* .nav.nav--main::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #313131; opacity: 0.91; display: block; } */ .nav.nav--main > .nav__inner { max-height: calc(100% - var(--topbar-height) - var(--clamp-scale-4) * 40); overflow-y: auto; overflow-x: hidden; } body.bh-bemode .nav.nav--main { height: calc(100vh - var(--bh-safe-area-inset-top)); top: var(--bh-safe-area-inset-top); } .nav.nav--main .nav__inner > * { width: 100%; } .nav.nav--main .bh-navigation { font-family: var(--font-family-2); font-size: calc(var(--clamp-scale-3) * 30); font-weight: 700; text-align: center; width: 500px; max-width: 90%; color: white; } .nav.nav--main .bh-navigation .hnavi_item { position: relative; } .nav.nav--main .bh-navigation .hnavi_item__opener { color: white; position: absolute; right: 0; height: 100%; width: 80px; top: 0; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; font-weight: 300; border: 1px solid transparent; } .nav.nav--main .bh-navigation .hnavi_item__opener::after { content: "\e908"; font-family: bakehouse-iconset; display: inline-block; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .nav.nav--main .bh-navigation .hnavi_item__opener:hover { border-color: white; background: #ffffff3d; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .nav.nav--main .bh-navigation a { padding: calc(var(--clamp-scale-2) * 10) calc(var(--clamp-scale-4) * 90); border: 1px solid transparent; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nav.nav--main .bh-navigation .hnavi_item.state-open > a:hover { z-index: 10; } .nav.nav--main .bh-navigation .hnavi_item > a:hover { border: 1px solid white; background: #ffffff3d; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .nav.nav--main .bh-navigation .hsnavi_item > a:hover { text-decoration: underline; } .nav.nav--main .bh-bodytext a { color: white; text-decoration: none; } .nav.nav--main .bh-bodytext a:hover { text-decoration: underline; } .hsnavi_box { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.5s, padding 0.5s; -o-transition: max-height 0.5s, padding 0.5s; transition: max-height 0.5s, padding 0.5s; margin: 0 !important; font-size: calc(var(--clamp-scale-1) * 18); font-weight: 600; font-family: var(--font-family-1); /* letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; */ } .hnavi_item.state-open .hsnavi_box { max-height: 500px; padding-top: calc(var(--clamp-scale-2) * 10); padding-bottom: calc(var(--clamp-scale-2) * 10); } .hnavi_item.state-open .hnavi_item__opener:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .hnavi_item.state-open .hnavi_item__opener { border-left: 1px solid white !important; } :is(.hnavi_item.active, .hsnavi_item.active) > a { text-decoration: underline; } /* .hnavi_item.active > a { text-decoration: none; color: var(--color-3); } */ /**************** Language Navigation ****************/ .bh-language-menu { display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(var(--clamp-scale-1) * 15); text-transform: uppercase; font-weight: 600; font-size: 0.9em; margin-top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bh-language-menu ul, .bh-language-menu li { list-style: none; padding: 0; } .bh-language-menu .active { text-decoration: underline; pointer-events: none; } .nav.nav--main > .bh-navigation { display: none; } .bh-language-menu-link:not(.active):hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /**************** Socials ****************/ .footer .socials { min-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: calc(var(--clamp-scale-1) * 15); } .socials__icon { -webkit-box-flex: unset !important; -ms-flex: unset !important; flex: unset !important; border-radius: 50%; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid transparent; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; color: var(--color-4); background: transparent; border: 1px solid var(--color-4); -webkit-transition: background 0.4s, color 0.4s; -o-transition: background 0.4s, color 0.4s; transition: background 0.4s, color 0.4s; } .socials__icon:hover { background-color: #1877f2; color: white; } .socials__icon.socials__icon--instagram:hover { background: -o-linear-gradient(320deg, #833ab4, #fd1d1d, #fcb045); background: linear-gradient(130deg, #833ab4, #fd1d1d, #fcb045); } .topbar .socials__icon { border-color: transparent; color: white; } .topbar .socials__icon:hover { border-color: white; } /**************** Footer ****************/ .footer_top { border-bottom: 1px solid var(--color-4); } .footer_bottom > *, .footer_top > div > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /**************** Partner ****************/ .webwg a:hover, .zoover:hover, .review:hover, .partner:hover { opacity: 0.8; } .partner--zillertal-arena { width: 110px; height: auto; } .partner--gerlos-hotel { width: 115px; height: auto; } /**************** Review ****************/ .review--zoover { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; max-width: 176px; } /************************************************************************** Bakehouse Elements ***************************************************************************/ /**************** Social ****************/ .el-social .swiper-container { overflow: visible !important; } .el-social.bhElement .swiper-pagination { position: absolute; top: calc(var(--clamp-scale-6) * -40); right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; -webkit-transform: translate(50%, -100%); -ms-transform: translate(50%, -100%); transform: translate(50%, -100%); width: auto; } .el-social .bh-social-datewrapper { padding: calc(var(--clamp-scale-1) * 12) calc(var(--clamp-scale-1) * 25); letter-spacing: calc(var(--clamp-scale-1) * 2.8); font-weight: bold; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: var(--color-4); z-index: 5; top: -100px; -webkit-transition: top 0.4s; -o-transition: top 0.4s; transition: top 0.4s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .el-social .bh-social-post { overflow: hidden; height: calc(var(--clamp-scale-3) * 400); } .el-social .bh-social-post:hover .bh-social-datewrapper { top: 0; } .el-social .bh-social-weekday { display: none; } .el-social .bh-social-message { background: #2d2c31cc; width: 100%; height: 100%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-family: inherit; font-size: inherit; padding: calc(var(--clamp-scale-3) * 40); -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; opacity: 0; } .el-social .bh-social-message:empty { display: none; } .el-social .bh-social-post:hover .bh-social-message { opacity: 1; } /**************** Routenplaner ****************/ .page .cooRouteMap { height: calc(var(--clamp-scale-4) * 550); max-height: 90vh; } .page .cooRouteSubmit { background: var(--color-1); font-size: inherit; font-family: inherit; color: white !important; -webkit-transition: color 0.4s, background 0.4s; -o-transition: color 0.4s, background 0.4s; transition: color 0.4s, background 0.4s; cursor: pointer; border-radius: 0 !important; } .page .cooRouteSubmit:hover { background: white !important; border-color: white; color: var(--color-4) !important; } .page .cooRouteLocation { background: var(--color-3); -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); overflow: visible; z-index: 500; position: relative; padding: calc(var(--clamp-scale-2) * 20); } .page input.cooRouteLocationInput { min-width: calc(var(--clamp-scale-3) * 280); background-color: #ffffff3b; border-bottom: 1px solid white; color: white; } .page input.cooRouteLocationInput::-webkit-input-placeholder { color: white; opacity: 0.6; } .page input.cooRouteLocationInput::-moz-placeholder { color: white; opacity: 0.6; } .page input.cooRouteLocationInput:-ms-input-placeholder { color: white; opacity: 0.6; } .page input.cooRouteLocationInput::-ms-input-placeholder { color: white; opacity: 0.6; } .page input.cooRouteLocationInput::placeholder { color: white; opacity: 0.6; } .page .cooRouteLocation form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .page .cooRouteLocation form > div { display: none; } /**************** Copyright ****************/ .bhLegalNotice { max-width: 1024px; margin: 0 auto; } .bhLegalNotice { } /**************** Bild ****************/ /**************** Tabs ****************/ .bhTabs .bhTabElement { padding: 0; line-height: normal !important; padding: calc(var(--clamp-scale-2) * 15) calc(var(--clamp-scale-3) * 40); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; min-width: calc(var(--clamp-scale-4) * 250); max-width: 100%; -webkit-transition: color 0.4s, border-color 0.4s; -o-transition: color 0.4s, border-color 0.4s; transition: color 0.4s, border-color 0.4s; text-align: center; letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: var(--color-4); font-weight: 600; margin: 0 !important; border: 1px solid var(--color-3) !important; border-right: 0 !important; font-size: calc(var(--clamp-scale-1) * 18); } .bhTabs .bhTabElement:hover p { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .bhTabs .bhTabElement:last-child { border-right: 1px solid var(--color-4) !important; } .bhTabs .bhTabElement.bh-tabtoggler-active { background: var(--color-3); color: white; border-bottom-color: var(--color-3) !important; } .bhTabs .bhTabElement:not(.bh-tabtoggler-active) { border-color: grey; } .bhTabs .bh-tabtogglers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: calc(var(--clamp-scale-3) * 40); } .bhTabs .bh-tabcontent { padding: calc(var(--clamp-scale-4) * 80) calc(var(--clamp-scale-4) * 80); background: var(--color-1); } body:not(.bhe-state-editing) .bhTabs .bh-tabcontent > .bhContainer:not(.bh-tabcontent-active) { display: block !important; max-height: 0; overflow: hidden; padding: 0 !important; pointer-events: none !important; } body.bhe-state-editing .bhTabs .bh-tabcontent > .bhContainer:not(.bh-tabcontent-active) { display: none !important; } .bhTabs .bh-tabcontent a:hover { text-decoration: none; } body .style-background-2 .bhTabs .bhTabElement { border-color: var(--color-1) !important; border-right-color: var(--color-1) !important; color: var(--color-1) !important; } body .style-background-3 .bhTabs .bhTabElement.bh-tabtoggler-active { background: white; color: var(--color-4) !important; border-bottom-color: white !important; } body .style-background-2 .bhTabs .bhTabElement.bh-tabtoggler-active { background: var(--color-1); color: var(--color-4) !important; border-bottom-color: var(--color-1) !important; } body .style-background-3 .bhTabs .bh-tabcontent { background: white; } body .style-background-2 .bhTabs .bh-tabcontent :is(.bh-bodytext), body .style-background-3 .bhTabs .bh-tabcontent :is(.bh-bodytext) { color: var(--color-4); } body .style-background-2 .bhTabs .bh-tabcontent { background: var(--color-1); } /**************** Swiper ****************/ .bhElement .swiper-button-prev, .bhElement .swiper-button-next { background-image: url('../../../fileadmin/images/icons/swiper-arrow.svg') !important; width: calc(var(--clamp-scale-1) * 120); height: calc(var(--clamp-scale-1) * 19); background-position: center; background-size: contain; background-repeat: no-repeat; right: 0; left: auto; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); top: 50%; opacity: 0.7; } :is(.style-background-2, .style-background-3, .style-background-4) :is(.swiper-button-prev, .swiper-button-next) { background-image: url('../../../fileadmin/images/icons/swiper-arrow-negative.svg') !important; } .swiper-navigation:not(.swiper-button-disabled):hover { -webkit-transform: translate(50%, 50%) scale(1.1); -ms-transform: translate(50%, 50%) scale(1.1); transform: translate(50%, 50%) scale(1.1); -webkit-filter: drop-shadow(#00000057 2px 4px 4px); filter: drop-shadow(#00000057 2px 4px 4px); } .bhElement .swiper-button-prev { -webkit-transform: translate(-50%, 50%) rotate(180deg); -ms-transform: translate(-50%, 50%) rotate(180deg); transform: translate(-50%, 50%) rotate(180deg); left: 0; right: auto; } .bhElement .swiper-button-prev.swiper-navigation:not(.swiper-button-disabled):hover { -webkit-transform: translate(-50%, 50%) rotate(180deg) scale(1.1); -ms-transform: translate(-50%, 50%) rotate(180deg) scale(1.1); transform: translate(-50%, 50%) rotate(180deg) scale(1.1); } .bhElement .swiper-button-prev::before, .bhElement .swiper-button-next::before { display: none; } .bhElement .swiper-pagination-bullet { border-color: var(--color-4); width: calc(var(--clamp-scale-1) * 17); min-width: calc(var(--clamp-scale-1) * 17); height: calc(var(--clamp-scale-1) * 17); margin: 0; } .bhElement .swiper-pagination-bullet-active { background-color: var(--color-4); cursor: default; } .bhElement .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover { -webkit-transform: scale(1.05) !important; -ms-transform: scale(1.05) !important; transform: scale(1.05) !important; } .bhElement .swiper-pagination { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: calc(var(--clamp-scale-1) * 40); gap: calc(var(--clamp-scale-1) * 3); overflow: visible; } .el-swiper .swiper-navigation { top: auto; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .el-swiper .swiper-button-prev { left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .el-swiper .swiper-button-prev:not(.swiper-button-disabled):hover { -webkit-transform: rotate(180deg) scale(1.05) !important; -ms-transform: rotate(180deg) scale(1.05) !important; transform: rotate(180deg) scale(1.05) !important; } .el-swiper .swiper-button-next { right: 0; } .el-swiper .swiper-button-next:not(.swiper-button-disabled):hover { -webkit-transform: scale(1.05) !important; -ms-transform: scale(1.05) !important; transform: scale(1.05) !important; } .el-swiper .swiper-pagination { position: absolute; margin-top: 0; bottom: 0; } .el-swiper .swiper-wrapper { margin-bottom: calc(var(--clamp-scale-4) * 60); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.3; } /************************************************************************** Html Elements ***************************************************************************/ /* alliance widget */ /* @media screen and (max-width: 1550px) { } @media screen and (max-height: 900px) { iframe[name="ca-review-widget"] { transform: translateY(calc(100% - 77vh)); } } */ body.scrolled-bottom iframe[name="ca-review-widget"] { opacity: 0; pointer-events: none; } /***************** Lightbox Hover ****************/ .el-gallery__picture_wrapper::before, .pictures__wrapper a[target="lightbox"]::before { content: "＋"; font-family: bakehouse-iconset; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); font-size: calc(var(--clamp-scale-1) * 55); z-index: 1; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; color: white; } .el-gallery__picture_wrapper:hover::before, .pictures__wrapper a[target="lightbox"]:hover::before { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .el-gallery__picture_wrapper:hover img, .pictures__wrapper a[target="lightbox"]:hover img { -webkit-filter: brightness(0.7); filter: brightness(0.7); } @media (hover: none) { .el-gallery__picture_wrapper::before, .pictures__wrapper a[target="lightbox"]::before { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; top: 20px; right: 20px; font-size: 20px; border-radius: 50%; border: 1px solid white; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: white; background: #2d2c313b; left: auto; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } } /***************** Pictures (Partial) ****************/ .pictures__wrapper, .pictures__wrapper :is(.swiper-wrapper, .swiper-container, .bh-swiper, a, img) { height: 100% !important; } .pictures__wrapper img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } /***************** Tooltip ****************/ .wwg-tooltip-gui { position: fixed; z-index: 900; background-color: var(--color-1); padding: calc(var(--clamp-scale-1) * 10); color: var(--color-4); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; max-width: 250px; width: auto; text-align: center; -webkit-box-shadow: 2px 4px 14px -1px #00000045; box-shadow: 2px 4px 14px -1px #00000045; } .wwg-tooltip-gui::after { content: " "; display: block; } .wwg-tooltip-gui img { max-width: 100%; width: 250px; height: auto; border-radius: 7px; } @media (hover: none) { .wwg-tooltip-gui { display: none !important; } } /***************** form manager ****************/ .mbsc-datepicker .mbsc-windows.mbsc-range-control-label.active, .mbsc-datepicker .mbsc-windows.mbsc-range-control-value.active, .mbsc-datepicker .mbsc-windows.mbsc-calendar-today { color: var(--color-2); } .mbsc-datepicker .mbsc-windows.mbsc-range-control-wrapper .mbsc-windows.mbsc-segmented-button.mbsc-selected { border-bottom-color: var(--color-2); } .mbsc-datepicker .mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner { background: #36af36; } .mbsc-datepicker .mbsc-windows.mbsc-scroller-wheel-line, .mbsc-datepicker .mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner, .mbsc-datepicker .mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner { background: #36af3680; } :root { --bh-form-manager-highlight-color: white; --bh-form-manager-input-text: white; --bh-form-manager-input-border: 1px solid white; --bh-form-manager-input-border-radius: 2px; --bh-form-manager-input-bg: transparent; --bh-form-manager-input-font-size: calc(var(--clamp-scale-1) * 18); --bh-form-manager-input-padding: 12px 15px; --bh-form-manager-textarea-height: 100px; --bh-form-manager-placeholder-text: #b2b2b2; --bh-form-manager-input-label-font-family: inherit; --bh-form-manager-input-label-font-size: calc(var(--clamp-scale-1) * 18); --bh-form-manager-input-label-color: inherit; --bh-form-manager-input-label-font-weight: inherit; --bh-form-manager-checkbox-border: 2px solid var(--bh-form-manager-highlight-color); --bh-form-manager-checkbox-bg: transparent; --bh-form-manager-checkbox-bg-checked: var(--bh-form-manager-highlight-color); --bh-form-manager-input-border-invalid: 1px solid #e34242; --bh-form-manager-input-bg-invalid: #e34242; --bh-form-manager-placeholder-text-invalid: #ffffff; --bh-form-manager-input-text-invalid: #ffffff; --bh-form-manager-submit-border: none; --bh-form-manager-submit-padding: calc(var(--clamp-scale-1) * 12) calc(var(--clamp-scale-1) * 15); --bh-form-manager-submit-bg: var(--bh-form-manager-highlight-color); --bh-form-manager-submit-font-family: inherit; --bh-form-manager-submit-text: #ffffff; --bh-form-manager-submit-font-size: calc(var(--clamp-scale-1) * 18); --bh-form-manager-submit-font-weight: inherit; --bh-form-manager-submit-border-radius: 2px; /* --bh-form-manager-column-gap: calc(var(--clamp-scale-1) * 20); */ --bh-form-manager-row-gap: calc(var(--clamp-scale-1) * 25); --bh-form-manager-fieldblock-margin: 30px; --bh-form-manager-input-icon-size: 24px; --bh-form-manager-warningbox-backend: #fdc357; } .bh-form-manager__field__input { padding: var(--bh-form-manager-submit-padding) !important; } .bh-form-manager__submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bh-form-manager__submit__input { border-color: var(--color-2) !important; } .bh-form-manager__submit__input:hover { background-color: var(--color-2) !important; color: white !important; } .bh-form-manager__label { letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: white !important; background: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bh-form-manager__field__input, .bh-form-manager__field__placeholder { outline: 0 !important; border: 1px solid transparent !important; border-bottom: 1px solid white !important; background: #ffffff1a; line-height: normal !important; } :is(.style-background-2, .style-background-3, .style-background-4) :is(.bh-form-manager__field__input, .bh-form-manager__field__placeholder) { color: white !important; } .bh-form-manager__field__datepicker { width: 100%; padding: 0 !important; height: 100%; background: transparent; color: white !important; } .bh-form-manager__field__datepicker { display: none; } .bh-form-manager__item--required .bh-form-manager__item__label:not(.bh-form-manager__item__label--spacer):not(.bh-form-manager__label-extension)::after { content: "*"; color: var(--color-1); font-size: 1.5em; position: absolute; top: -0.2em; } .bh-form-manager__room-list--coo_price > label, .bh-form-manager__room-list--coo_price > label { display: none !important; } .bh-form-manager__package-list__item__link, .bh-form-manager__room-list__item__link { padding: calc(var(--clamp-scale-2) * 15) calc(var(--clamp-scale-3) * 40); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; text-decoration: none !important; max-width: 100%; -webkit-transition: color 0.4s, background-color 0.4s; -o-transition: color 0.4s, background-color 0.4s; transition: color 0.4s, background-color 0.4s; text-align: center; border: 1px solid; letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; font-weight: 600; display: inline-block !important; line-height: normal; margin-top: calc(var(--clamp-scale-1) * 20); margin-top: 0; padding: 0; border: 0; text-decoration: underline !important; display: none !important; } .bh-form-manager__package-list__item__link:hover, .bh-form-manager__room-list__item__link:hover { background-color: white; color: var(--color-4) !important; background: transparent; color: white !important; text-decoration: none !important; } .bh-form-manager__package-list__item__name-link, .bh-form-manager__room-list__item__name-link { text-decoration: none !important; font-weight: bold; color: var(--color-3) !important; color: white !important; font-weight: normal; } .bh-form-manager__package-list__item__name-link:hover, .bh-form-manager__room-list__item__name-link:hover { text-decoration: underline !important; } .bh-form-manager__package-list__item__name-link::after, .bh-form-manager__room-list__item__name-link::after { content: "?"; display: inline-block; margin-left: 5px; border: 1px solid; width: 17px; height: 17px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; text-decoration: none !important; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -30px; font-size: 0.8em; color: var(--color-3); } .bh-form-manager__package-list__item__name-link:hover::after, .bh-form-manager__room-list__item__name-link:hover::after { -webkit-transform: scale(1.05) translateY(-50%); -ms-transform: scale(1.05) translateY(-50%); transform: scale(1.05) translateY(-50%); } .bh-form-manager__package-list__item__infos, .bh-form-manager__room-list__item__infos { text-transform: capitalize; letter-spacing: 0; margin-top: calc(var(--clamp-scale-1) * 20); display: none; } .bh-form-manager__checkbox__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .bh-form-manager__checkbox__icon { cursor: pointer; } .bh-form-manager__checkbox__label { text-transform: none; letter-spacing: 0; } :is(.style-background-white, .style-background-1) :is(.bh-form-manager__field__input, .bh-form-manager__checkbox__icon) { background-color: var(--color-1); border-color: #2d2c3145 !important; color: var(--color-4); } :is(.style-background-white, .style-background-1) :is(.bh-form-manager__field__input) { border-color: transparent; border-bottom-color: #2d2c3145 !important; } :is(.style-background-white, .style-background-1) :is(.bh-form-manager__package-list__item__name-link, .bh-form-manager__room-list__item__name-link, .bh-form-manager__label, .bh-form-manager__field__icon) { color: var(--color-4) !important; } :is(.style-background-white, .style-background-1) .bh-form-manager__checkbox__icon::after { border-color: var(--color-4); } .bh-form-manager__fieldblock:last-child > .bh-form-manager__item, .bh-form-manager__fieldblock:last-child { margin-bottom: 0 !important; } .bh-form-manager__room-list__items { row-gap: calc(var(--clamp-scale-1) * 13); } /* dynamic hidden packages title */ body:not(.bhe-state-editing) .el-form-manager-text[data-uid="263"]:has(+ .bh-form-manager__item--package-list) { display: none; } .el-form-manager-text[data-uid="263"]:has(+ .bh-form-manager__item--package-list input[type="checkbox"]) { display: block; } .bh-form-manager__child-fields__child-age { margin-top: calc(var(--clamp-scale-1) * 25); } .el-form-manager-bh_hapi-package-list .bh-form-manager__package-list__items { row-gap: calc(var(--clamp-scale-1) * 15); } /***************** quickform ****************/ /*.quickform { max-width: calc(1277px - (115px * 2)) !important; }*/ .page:has(:is(.el-rooms .room__items, .el-room, .el-form-manager, .el-packages .packages__list, .el-package)) > .quickform { display: none !important; } body.bhe-state-editing .quickform { display: none !important; } .quickform form > div:first-child { display: none; } .quickform form > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .quickform { /* top: 100%; */ -webkit-transform: translate(-50%, 00%) scaleY(1); -ms-transform: translate(-50%, 00%) scaleY(1); transform: translate(-50%, 00%) scaleY(1); left: 50%; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); background: rgb(95 95 95 / 90%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); /* height: calc(var(--clamp-scale-4) * 90); */ bottom: 0; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform-origin: 50% 200%; -ms-transform-origin: 50% 200%; transform-origin: 50% 200%; -webkit-box-shadow: 2px 4px 14px -1px #00000045; box-shadow: 0px -6px 14px 4px #00000045; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quickform form { gap: calc(var(--clamp-scale-3) * 20); } body:is(.scrolled-bottom, .state-nav-open) .quickform { -webkit-transform: translate(-50%, -100%) scaleY(0); -ms-transform: translate(-50%, -100%) scaleY(0); transform: translate(-50%, -100%) scaleY(0); } .quickform input::-webkit-input-placeholder { letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: white !important; background: transparent; cursor: pointer; -webkit-user-select: none; user-select: none; font-size: calc(var(--clamp-scale-1) * 16); color: transparent !important; width: 100%; } .quickform input::-moz-placeholder { letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: white !important; background: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: calc(var(--clamp-scale-1) * 16); color: transparent !important; width: 100%; } .quickform input:-ms-input-placeholder { letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: white !important; background: transparent; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: calc(var(--clamp-scale-1) * 16); color: transparent !important; width: 100%; } .quickform input::-ms-input-placeholder { letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: white !important; background: transparent; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: calc(var(--clamp-scale-1) * 16); color: transparent !important; width: 100%; } .quickform input::placeholder, .quickform :is(input, select, .quickform__field--departure, .quickform__field--arrival) { letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: white !important; background: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: calc(var(--clamp-scale-1) * 16); color: transparent !important; width: 100%; } .quickform :is(.quickform__field--departure, .quickform__field--arrival) { padding: calc(var(--clamp-scale-2) * 15) calc(var(--clamp-scale-3) * 20); -webkit-box-sizing: border-box; box-sizing: border-box; display: block; color: white !important; } .quickform.state-loaded input::-webkit-input-placeholder { color: white !important; } .quickform.state-loaded input::-moz-placeholder { color: white !important; } .quickform.state-loaded input:-ms-input-placeholder { color: white !important; } .quickform.state-loaded input::-ms-input-placeholder { color: white !important; } .quickform.state-loaded :is(input, select), .quickform.state-loaded input::placeholder { color: white !important; } .quickform .button { font-size: calc(var(--clamp-scale-1) * 16); padding-left: calc(var(--clamp-scale-1) * 30) !important; padding-right: calc(var(--clamp-scale-1) * 30) !important; } .quickform :is(.quickform__field--departure, .quickform__field--arrival, .quickform__field--adults) { border-bottom: 1px solid white; } .quickform .quickform__field--adults { min-width: calc(var(--clamp-scale-2) * 220); } .quickform__field--arrival:hover, .quickform__field--departure:hover, .quickform select:hover, .quickform input:hover { opacity: 0.7; } /* quickform in room- and packagedetail */ .quickform__wrapper { width: 100%; display: block; position: relative; } :is(.el-room, .el-package, .el-rooms, .el-packages) .quickform__wrapper.state-scrolledpast .quickform { position: relative; top: auto; left: auto; bottom: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .state-scrolledpast .quickform > form { -ms-flex-wrap: wrap; flex-wrap: wrap; } .quickform__field--arrival, .quickform__field--departure { width: calc(var(--clamp-scale-3) * 200); max-width: 100%; } .quickform__field--label { letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: white !important; background: transparent; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: calc(var(--clamp-scale-1) * 16); color: transparent !important; width: 100%; border: 0 !important; padding: calc(var(--clamp-scale-2) * 15) calc(var(--clamp-scale-3) * 20); -webkit-box-sizing: border-box; box-sizing: border-box; display: block; color: white !important; -webkit-box-flex: 0 !important; -ms-flex: 0 !important; flex: 0 !important; padding-right: 0; } .quickform__field--reset { padding: calc(var(--clamp-scale-1) * 10); cursor: pointer; display: none; margin-left: -10px; } .hapi-state-datepicker-has-global .quickform__field--reset { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: unset !important; } .quickform__field--reset:hover { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } /***************** el-text table ****************/ .el-text table tr:first-child { background-color: var(--color-3); color: white; } .el-text table tr td { padding: calc(var(--clamp-scale-1) * 5) calc(var(--clamp-scale-1) * 10); } .el-text table tr { border-bottom: 1px solid var(--color-3); } .el-text .table-wrapper { overflow-y: auto; } :is(.style-background-2, .style-background-3) .el-text table tr:first-child { background-color: var(--color-1); color: var(--color-4); } :is(.style-background-2, .style-background-3) .el-text table tr { border-color: var(--color-1); } /***************** Cookie PopUp ****************/ body .bh-cookies-popup-intro-cookies-list { background: transparent; padding: 0; } body .bh-cookies-popup-intro-cookies-list-category-heading { font-size: calc(var(--clamp-scale-4) * 47) !important; font-family: var(--font-family-2); font-weight: 600; } body .bh-cookies-consent-button { padding: 0; line-height: normal !important; padding: calc(var(--clamp-scale-2) * 15) calc(var(--clamp-scale-3) * 40); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; min-width: calc(var(--clamp-scale-4) * 250); -webkit-transition: color 0.4s, background 0.4s; -o-transition: color 0.4s, background 0.4s; transition: color 0.4s, background 0.4s; letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: var(--color-4); font-weight: 600; margin: 0 !important; border: 1px solid var(--color-3); display: inline-block; } body .bh-cookies-consent-button:hover { color: white !important; background: var(--color-3); } body .bh-cookies-popup-intro-cookies-list * { font-size: calc(var(--clamp-scale-1) * 18); line-height: normal !important; } body .bh-cookies-popup-intro-cookies-list-cookie-name { margin-bottom: calc(var(--clamp-scale-1) * 10) !important; } body .bh-cookies-popup-intro-cookies-list-cookie-description { font-size: 0.87em !important; } body .bh-cookies-popup-intro-cookies-list-cookie-icon { display: none; } /*************** Buttons ****************/ .page input[type="submit"], .button { padding: calc(var(--clamp-scale-2) * 15) calc(var(--clamp-scale-3) * 40); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; min-width: calc(var(--clamp-scale-3) * 180); max-width: 100%; -webkit-transition: color 0.4s, border-color 0.4s; -o-transition: color 0.4s, border-color 0.4s; transition: color 0.4s, border-color 0.4s; text-align: center; border: 2px solid; letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: var(--color-4); font-weight: 600; line-height: normal; } .button::before { content: ""; width: 100%; height: 100%; left: 0; top: 0; background: var(--color-4); position: absolute; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; pointer-events: none; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .button .bh-bodytext, .button span { position: relative; z-index: 1; } .button:hover::before { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .button:hover { color: white; border-color: var(--color-4); overflow: hidden; } .button.style-color-2:hover, .button.style-color-3:hover { color: white; } :is(.style-background-2, .style-background-3, .style-background-4) .button { color: white; } :is(.style-background-2, .style-background-3, .style-background-4) .button:not(:where(.style-color-2, .style-color-3, .style-color-1, .style-color-4, .button--noborder)):hover { border-color: white; color: var(--color-4) !important; } :is(.style-background-2, .style-background-3, .style-background-4) .button:hover::before { background-color: white; } .button.style-color-1 { border-color: var(--color-1); } .button.style-color-1:hover { color: var(--color-4) !important; } .button.style-color-2 { border-color: var(--color-2) !important; } .button.style-color-3 { border-color: var(--color-3) !important; } .button.style-color-1::before { background-color: var(--color-1) !important; } .button.style-color-2::before { background-color: var(--color-2) !important; } .button.style-color-3::before { background-color: var(--color-3) !important; } .page .button.button--noborder { padding: calc(var(--clamp-scale-1) * 5) calc(var(--clamp-scale-3) * 0); padding: 0; text-decoration: underline; padding: calc(var(--clamp-scale-1) * 2.8); border: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: unset; font-weight: bold; font-family: var(--font-family-1); font-size: calc(var(--clamp-scale-1) * 18); } .page .button.button--noborder:has(span) { text-decoration: none; } .page .button.button--noborder span { text-decoration: underline; } .page .button.button--noborder:hover span { text-decoration: none; } .button.button--noborder::before { display: none !important; } .button.button--noborder:hover { color: var(--color-4); } :is(.style-color-white, .style-background-2, .style-background-3, .style-background-4) .button.button--noborder:hover { color: white; } :is(.style-background-2 .style-background-1, .style-background-3 .style-background-1, .style-background-4 .style-background-1) .button.button--noborder:hover, :is(.style-background-2 .style-background-white, .style-background-3 .style-background-white, .style-background-4 .style-background-white) .button.button--noborder:hover { color: var(--color-4); } .button.button--noborder:hover { text-decoration: none; } .hapi-button-book, .button--book { white-space: nowrap; } input[type="submit"] { font-size: calc(var(--clamp-scale-1) * 18); } input[type="submit"]:hover { background-color: var(--color-4); color: white; font-size: calc(var(--clamp-scale-1) * 18); } .page :is(.style-background-2, .style-background-3, .style-background-4) input[type="submit"] { color: white; } .page :is(.style-background-2, .style-background-3, .style-background-4) input[type="submit"]:hover { background-color: white; color: var(--color-4); } /**************** Webwg produced by ****************/ .webwg { gap: 10px; } body .webwg img { width: 70px; height: auto; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } /**************** Servicenavigation ****************/ body .servnavi_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } body .servnavi_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body .servnavi_box a { text-decoration: none; color: var(--color-5); text-decoration: underline; } body .servnavi_box a:hover { text-decoration: none !important; } /**************** social buttons ****************/ /**************** logos ****************/ .logo { width: calc(var(--clamp-scale-4) * 307); height: auto; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .logo:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } body.state-nav-open .topbar .logo, body:not(.scrolled) .topbar .logo { -webkit-filter: brightness(10000); filter: brightness(10000); } .topbar .logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .topbar .logo:hover { -webkit-transform: scale(0.95) translateX(-50%); -ms-transform: scale(0.95) translateX(-50%); transform: scale(0.95) translateX(-50%); } .topbar__left { gap: calc(var(--clamp-scale-1) * 10) !important; } /************************************************************************** Container Queries ***************************************************************************/ /************************************************************************** Media Queries ***************************************************************************/ /**************** Landscape Mode ****************/ @media screen and (orientation: landscape) and (max-device-width: 600px) { } /**************** Responsive max-height ****************/ @media screen and (max-height: 800px) { /* :root { --topbar-height: 90px; } */ } @media screen and (max-height: 600px) { :root { --topbar-height: 100px; } } @media screen and (max-height: 400px) { .page > .quickform { display: none; } :root { --topbar-height: 70px; } body.state-nav-open .nav.nav--main { padding-top: calc(var(--clamp-scale-5) * 110); gap: 30px; padding-bottom: 0; } } /**************** Responsive min-width ****************/ @media screen and (min-width: 1500px) { } /**************** Responsive max-width ****************/ @media screen and (max-width: 1250px) and (min-width: 1125px) { .page > .quickform { padding-right: 159px !important; max-width: 100%; width: 100%; } } .page .quickform__wrapper.state-scrolledpast .quickform { max-width: 100%; width: 100%; background: var(--color-4); -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } .page .style-background-4 .quickform__wrapper.state-scrolledpast .quickform { background: var(--color-3); } .page .quickform__wrapper.state-scrolledpast .quickform :is(.quickform__field--book, .quickform__field--enquire) { min-width: calc(50% - var(--clamp-scale-1) * 20); } .page .quickform__wrapper.state-scrolledpast .quickform > form { gap: 20px; } .quickform__wrapper.state-scrolledpast .quickform .quickform__field:not(.quickform__field--enquire):not(.quickform__field--book) { border-right: 0; border-bottom: 1px solid white; max-width: 20%; } @media screen and (max-width: 1300px) { .el-social.bhElement .swiper-pagination { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .toggler { margin-right: 10px; } } @media screen and (max-width: 1124px) { .page .quickform :is(.quickform__field--book, .quickform__field--enquire) { min-width: calc(50% - var(--clamp-scale-1) * 20); } .page .quickform { padding: 20px; height: auto; max-width: calc(100% - var(--clamp-scale-4) * 160); bottom: calc(var(--clamp-scale-1) * -149); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: unset; -ms-transform: unset; transform: unset; left: calc(var(--clamp-scale-4) * 80); max-width: calc(100% - var(--clamp-scale-3) * 280); } .page .quickform.state--focus { bottom: 0; } .page .quickform > form { gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .quickform .quickform__field:not(.quickform__field--enquire):not(.quickform__field--book) { border-right: 0; border-bottom: 1px solid white; } .page .quickform__wrapper.state-scrolledpast .quickform .quickform__field { min-width: calc(50% - var(--clamp-scale-1) * 20); } .page .quickform .button { min-width: 100%; } .page .quickform__wrapper.state-scrolledpast .quickform.quickform--filter { form { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .quickform__field--label { min-width: 100%; } .quickform__field:not(.quickform__field--label) { min-width: 44%; max-width: unset !important; } .quickform__field.quickform__field--roomtype { min-width: 100%; } form { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .quickform__field--label { min-width: 100%; padding-bottom: 0; margin-bottom: -10px; padding-left: 0; } } } @media screen and (max-width: 968px) { .footer_top > div:last-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: calc(var(--clamp-scale-2) * 30); } .footer_top .el-text * { text-align: center !important; } .footer_top .servnavi_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .topbar .socials__icon { display: none; } .page .review--zoover { left: auto; bottom: auto; -webkit-transform: none; -ms-transform: none; transform: none; position: relative; } .page .footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 40px; padding-bottom: 40px; } .page .footer_top { padding-bottom: 40px; } .page .footer__bottom > nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 768px) { .page .cooRouteLocation form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page input.cooRouteSubmit, .page input.cooRouteLocationInput { width: 100%; min-width: unset !important; } .page .quickform { bottom: -136px; } .page .quickform:not(.quickform--filter) .quickform__field.quickform__field--label:not(.quickform__field--reset) { display: none; } .page .quickform input[type="text"] .quickform__field { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 600px) { /* MOBILE VERSION */ .page .footer, .page .topbar { padding-left: 20px; padding-right: 20px; } /* .page .footer_top { padding-top: 0; } */ .page .bh-tabcontent { padding: 40px 20px; } .page .topbar__right { display: none; } .page .topbar__left { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .toggler { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .page .headercontact { /* transform: translateX(-13px); */ font-size: 25px; } :root { --topbar-height: 70px; } body:not(.scrolled) { --topbar-height: 100px; } .topbar { -webkit-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } .quickform .quickform__field--reset { display: none !important; } .page .quickform { max-width: calc(100% - 40px); padding-top: 15px; left: 20px; max-width: calc(100% - 120px); } .page .el-social.bhElement .swiper-pagination { right: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; bottom: auto; top: auto; margin-top: 20px; -webkit-transform: none; -ms-transform: none; transform: none; } .page .el-social.bhElement .swiper-container { max-width: calc(100% - 40px); margin-right: auto !important; margin-left: 0; } .nav.nav--main > .nav__inner { width: 100%; } .nav.nav--main .bh-navigation { width: calc(100% - 20px); max-width: 100%; } .nav.nav--main .bh-navigation .hnavi_item__opener { width: 40px; } .nav.nav--main .bh-navigation .hsnavi_item a { padding-top: 5px; padding-bottom: 5px; } .logo { width: 160px; } .page .quickform .quickform__field { overflow: hidden; } .page .quickform :is(input, select, ::-webkit-input-placeholder) { font-size: 15px !important; } .page .quickform :is(input, select, ::-moz-placeholder) { font-size: 15px !important; } .page .quickform :is(input, select, :-ms-input-placeholder) { font-size: 15px !important; } .page .quickform :is(input, select, ::-ms-input-placeholder) { font-size: 15px !important; } .page .quickform :is(input, select, ::placeholder) { font-size: 15px !important; } .nav.nav--main > .bh-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: calc(var(--clamp-scale-1) * 18); font-family: var(--font-family-1); text-transform: uppercase; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav.nav--main .bh-language-menu a, .nav.nav--main .bh-language-menu { padding: 0; } .bhTabs .bh-tabtogglers { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .page .bhTabElement { border: 1px solid var(--color-3) !important; } .price__introtext .style-text-teaser-2 { font-size: 25px; } .price__introtext { top: 30px; } .page .review--zoover { max-width: 150px; } } @media screen and (max-width: 400px) { .quickform__field--children, .quickform__field--adults, .quickform__field--book, .quickform__field--enquire { min-width: 100% !important; } .page .quickform { bottom: -138px; } .page .quickform :is(input, select, ::-webkit-input-placeholder) { font-size: 14px !important; } .page .quickform :is(input, select, ::-moz-placeholder) { font-size: 14px !important; } .page .quickform :is(input, select, :-ms-input-placeholder) { font-size: 14px !important; } .page .quickform :is(input, select, ::-ms-input-placeholder) { font-size: 14px !important; } .page .quickform :is(input, select, ::placeholder) { font-size: 14px !important; } .page .quickform__field--departure, .page .quickform__field--arrival { font-size: 13px; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 370px) { } @media screen and (max-width: 350px) { .page .quickform > form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .logo { width: 140px; } .quickform .button { font-size: 13px; } } /************************************************************************** Animations ***************************************************************************/ /************************************************************************** Bakehouse editing / logged in / dragging ***************************************************************************/ /* User-CSS */ /* Editing */ .bhe-state-editing .el-swiper .swiper-container { overflow: visible; } .bhe-state-editing .el-swiper .bh-swiper > .swiper-pagination { z-index: 0; } .bhe-state-editing .el-swiper .swiper-container-fade .swiper-slide:not(.swiper-slide-active) .bhe-container-dropzone { display: none !important; } .el-swipe-item > .bhe-element-toolbar .bhe-element-toolbutton[data-content-command="copy"] { display: none; } .swiper-container > .el-gallery-wrapper .el-gallery-item .bh-image-background { background-position: center center; background-size: cover; } .el-gallery-thumbnail-container { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 10px; } .el-gallery-thumbnail-container .el-gallery-item { display: block; position: relative; height: 0; padding-top: 100%; } .el-gallery-thumbnail-container .el-gallery-item .bh-image-background { height: 100%; width: 100%; left: 0; top: 0; position: absolute; background-position: center center; background-size: cover; } .bh-cookies-consent-button { cursor: pointer; } .el-cookies-consent-button .bh-cookies-popup-intro-cookies-list-close { display: none; } .el-html-placeholder { display: flex; justify-content: center; align-items: center; gap: 10px; } .el-pdf-viewer-container { width: 100%; position: relative; } .el-pdf-viewer-container bh-pdf-viewer { display: block; width: 100%; } .date-picker { width: 170px; height: 25px; padding: 0; border: 0; line-height: 25px; padding-left: 10px; font-size: 12px; /* font-family:Arial; font-weight:bold; */ cursor: pointer; /* color:#303030; */ position: relative; z-index: 2; } .date-picker-wrapper { position: absolute; z-index: 1; /* border:1px solid #bfbfbf; */ /* background-color:#efefef; */ padding: 5px 12px; font-size: 12px; line-height: 20px; color: #aaa; /* font-family: 'Montserrat', sans-serif; */ font-weight: 400; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); box-sizing: initial; } .date-picker-wrapper.inline-wrapper { position: relative; box-shadow: none; } .date-picker-wrapper.single-date { width: auto; } .date-picker-wrapper.no-shortcuts { padding-bottom: 12px; } .date-picker-wrapper.no-topbar { padding-top: 12px; } .date-picker-wrapper .footer { font-size: 11px; padding-top: 3px; } .date-picker-wrapper b { /* color:#666; */ /* font-weight:700; */ } .date-picker-wrapper a { /* color: rgb(107, 180, 214); */ /* text-decoration:underline; */ } .date-picker-wrapper .month-name { text-transform: uppercase; } .date-picker-wrapper .month-wrapper { /* border:1px solid #bfbfbf; */ /* border-radius:3px; */ /* background-color:#fff; */ padding: 5px; cursor: default; position: relative; overflow: hidden; } .date-picker-wrapper .month-wrapper table { /* width:190px; */ float: left; } .date-picker-wrapper .month-wrapper table.month2 { /* width:190px; */ float: left; } .date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td { vertical-align: middle; text-align: center; /* line-height:15px; */ margin: 0px; padding: 0px; } .date-picker-wrapper .month-wrapper table .day { /* padding:0px 0px !important; */ /* line-height:15px; */ /* font-size:12px; */ margin-bottom: 1px; /* color:rgba(0,0,0,.2); */ cursor: default; } .date-picker-wrapper .month-wrapper table .day div { /* height:33px; */ } .date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth { /* color:#999; */ cursor: default; } .date-picker-wrapper .month-wrapper table .week-name { /* height:20px; */ line-height: 20px; /* font-weight:100; */ text-transform: uppercase; } .date-picker-wrapper .month-wrapper .next { width: 100%; padding: 0px; margin: 0px; height: 22px; background: url('../../../_assets/5a0278352c095fc45bb527be25f8d54f/Images/datepicker-cal-next.png') right center no-repeat; background: url('../../../_assets/5a0278352c095fc45bb527be25f8d54f/Images/datepicker-cal-next.svg') right center no-repeat; display: block; } .date-picker-wrapper .month-wrapper .prev { width: 100%; padding: 0px; margin: 0px; height: 22px; background: url('../../../_assets/5a0278352c095fc45bb527be25f8d54f/Images/datepicker-cal-prev.png') left center no-repeat; background: url('../../../_assets/5a0278352c095fc45bb527be25f8d54f/Images/datepicker-cal-prev.svg') left center no-repeat; display: block; } .date-picker-wrapper .month-wrapper .next:hover, .date-picker-wrapper .month-wrapper .prev:hover { opacity: 0.6; } .date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor: help !important; } .date-picker-wrapper .time label { white-space: nowrap; } .date-picker-wrapper .month-wrapper table .day.toMonth.valid { /* color:#333; */ cursor: pointer; } .date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth { display: none; } .date-picker-wrapper table .caption { /* height:40px; */ } .date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev { cursor: pointer; } .date-picker-wrapper .gap { position: relative; z-index: 1; /* width:15px; */ height: 100%; /* background-color:red; */ font-size: 0; line-height: 0; float: left; top: -5px; margin: 0 10px -10px; visibility: hidden; height: 0; } .date-picker-wrapper .gap .gap-lines { height: 100%; overflow: hidden; } .date-picker-wrapper .gap .gap-line { height: 15px; width: 15px; position: relative; } .date-picker-wrapper .gap .gap-line .gap-1 { z-index: 1; height: 0; border-left: 8px solid white; border-top: 8px solid #eee; border-bottom: 8px solid #eee; } .date-picker-wrapper .gap .gap-line .gap-2 { position: absolute; right: 0; top: 0px; z-index: 2; height: 0; border-left: 8px solid transparent; border-top: 8px solid white; } .date-picker-wrapper .gap .gap-line .gap-3 { position: absolute; right: 0; top: 8px; z-index: 2; height: 0; border-left: 8px solid transparent; border-bottom: 8px solid white; } .date-picker-wrapper .gap .gap-top-mask { width: 6px; height: 1px; position: absolute; top: -1px; left: 1px; background-color: #eee; z-index: 3; } .date-picker-wrapper .gap .gap-bottom-mask { width: 6px; height: 1px; position: absolute; bottom: -1px; left: 7px; background-color: #eee; z-index: 3; } .date-picker-wrapper .selected-days { display: none; } .date-picker-wrapper .drp_top-bar { line-height: 40px; height: 40px; position: relative; } .date-picker-wrapper .drp_top-bar .error-top { display: none; } .date-picker-wrapper .drp_top-bar .normal-top { display: none; } .date-picker-wrapper .drp_top-bar .default-top { display: block; } .date-picker-wrapper .drp_top-bar.error .default-top { display: none; } .date-picker-wrapper .drp_top-bar.error .error-top { display: block; color: red; } .date-picker-wrapper .drp_top-bar.normal .default-top { display: none; } .date-picker-wrapper .drp_top-bar.normal .normal-top { display: block; } .date-picker-wrapper .drp_top-bar .apply-btn { position: absolute; right: 0px; top: 6px; padding: 3px 5px; margin: 0; font-size: 12px; /* border-radius:4px; */ cursor: pointer; /* color: #d9eef7; border: solid 1px #0076a3; */ /* background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); */ /* color:white; */ line-height: initial; } .date-picker-wrapper .drp_top-bar .apply-btn.disabled { cursor: pointer; /* color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); */ } /*time styling*/ .date-picker-wrapper .time { position: relative; } .date-picker-wrapper.single-month .time { display: none; } .date-picker-wrapper .time input[type="range"] { vertical-align: middle; width: 129px; padding: 0; margin: 0; height: 20px; } .date-picker-wrapper .time1, .time2 { width: 180px; padding: 0 5px; text-align: center; } .date-picker-wrapper .time1 { float: left; } .date-picker-wrapper .time2 { float: right; } .date-picker-wrapper .hour, .minute { text-align: right; } .date-picker-wrapper .hide { display: none; } /* .date-picker-wrapper .first-date-selected { background-color:#389DC6 !important; color:white !important;} */ /* .date-picker-wrapper .last-date-selected { background-color:#389DC6 !important; color:white !important; } */ .date-picker-wrapper .date-range-length-tip { position: absolute; margin-top: -10px; margin-left: -10px; display: none; background-color: rgba(0, 0, 0, 0.7); padding: 5px 10px; border-radius: 3px; font-size: 12px; line-height: 20px; color: #fff; pointer-events: none; } .date-picker-wrapper .date-range-length-tip:after { content: ""; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.7); left: 50%; margin-left: -10px; bottom: -6px; } .hapi-hide-desktop { display: none; } @media (max-width: 768px) { .hapi-hide-mobile { display: none; } .hapi-hide-desktop { display: block; } } #HapiGlobalDateBox { display: none; } #HapiGlobalDateBox.active { display: block; } #HapiGlobalDateBox { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 300; cursor: pointer; } #HapiGlobalDate { cursor: default; width: 100%; position: absolute; min-width: 400px; /* max-width: 800px; */ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; } .date-picker-wrapper { padding: 20px; border: 0px; background: #fff; } .date-picker-wrapper .month-wrapper { padding: 0px !important; border: 0px; border-radius: 0px; width: 100% !important; background-color: none; } .date-picker-wrapper .month-wrapper table { width: 45% !important; } .date-picker-wrapper.single-month .month-wrapper table { width: 100% !important; } .date-picker-wrapper .gap { width: 10%; margin: 0px; background: none; top: 0px; } .date-picker-wrapper .gap-line { margin: 0 auto; } .date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td { width: 14.2857142%; position: relative; } .date-picker-wrapper .month-wrapper table .day.has-tooltip, .date-picker-wrapper .month-wrapper table .day.has-tooltip.hapi-day-available { cursor: pointer !important; } .date-picker-wrapper .month-wrapper table .day { } .date-picker-wrapper .month-wrapper table .day > div { box-sizing: border-box; border: 2px solid transparent; border-width: 2px 0px; line-height: 29px; } /* default day */ .date-picker-wrapper .day { color: rgba(0, 0, 0, 0.8); } .date-picker-wrapper .day.invalid { color: rgba(0, 0, 0, 0.3) !important; } /* .date-picker-wrapper .day.invalid:not(.tmp) { background: #fff !important; } .date-picker-wrapper .day.invalid:not(.tmp) > div { border-color: transparent !important } */ /* VERFÜGBAR */ .hapi-day-available.valid { background: RGBA(105, 199, 53, 0.4); } .hapi-day-available.invalid { background: RGBA(105, 199, 53, 0.2); } /* LOCKED */ .hapi-day-available.hapi-day-locked { background: RGBA(105, 199, 53, 0.2); cursor: default; } /* ABREISE */ .hapi-day-departure, .hapi-day-available.hapi-day-departure { background: RGBA(105, 199, 53, 0.2); border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .hapi-day-available.hapi-day-departure { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .hapi-day-departure.valid:not(.tmp) > div { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-right-width: 2px !important; border-color: rgba(105, 199, 53, 0.4) !important; } .hapi-day-departure.tmp.valid { background: RGBA(105, 199, 53, 0.4); color: rgba(0, 0, 0, 0.8); } /* ERSTER ANREISE */ .hapi-day-arrival.hapi-day-arrival-first, .hapi-day-arrival.hapi-day-arrival-first > div { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } /* availability selection */ .hapi-day-available.invalid.tmp, .hapi-day-locked.hapi-day-available.valid.tmp { background: RGBA(105, 199, 53, 0.2) !important; color: rgba(0, 0, 0, 0.3); } .hapi-day-available.valid.tmp { background: RGBA(105, 199, 53, 0.4) !important; /* color:rgba(0,0,0,0.8); */ } .hapi-day-departure.valid.tmp { background: RGBA(105, 199, 53, 0.4) !important; /* color:rgba(0,0,0,0.3); */ } /* .hapi-day-arrival.valid.tmp { background: RGBA(105, 199, 53, .4) !important; } */ .hapi-day-locked.valid.tmp { background: RGBA(105, 199, 53, 0.2) !important; /* color:rgba(0,0,0,0.3); */ } /* default selection */ .date-picker-wrapper .day.checked > div { border-width: 2px 0px 2px 0px; /* border-style: solid; */ border-color: transparent !important; /* box-sizing: border-box; */ } .date-picker-wrapper .day.checked > div { background-color: rgba(77, 205, 242, 1); color: #fff; border-radius: 0px; } .date-picker-wrapper .day.invalid.tmp.first-date-selected > div { background-color: rgba(77, 205, 242, 1) !important; border-color: transparent !important; } .date-picker-wrapper .day.hovering > div, .date-picker-wrapper .day.hovering-last.hapi-day-locked > div { border-color: RGBA(77, 205, 242, 1) !important; background-color: rgba(77, 205, 242, 0.5); border-top-right-radius: 0px; border-bottom-right-radius: 0px; /* color:#fff; */ } .date-picker-wrapper .day.hovering-last[data-departure="1"] > div, .date-picker-wrapper .day.hovering-last[data-locked="0"] > div { background-color: rgba(77, 205, 242, 1); border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .date-picker-wrapper .day.hovering-last[data-departure="1"] > div { border-right-width: 2px; } .date-picker-wrapper .day.first-date-selected > div { border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-left-width: 2px !important; } .date-picker-wrapper .day.last-date-selected > div { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-right-width: 2px !important; } /* Key Map */ .bh-hapi-datepicker-keymap { text-align: center; padding: 0px 0px; } .bh-keymap-item { display: inline-block; margin: 5px; } .bh-keymap-icon { display: inline-block; width: 15px; height: 15px; /* background:red; */ vertical-align: middle; box-sizing: border-box; } .bh-keymap-item-arrival .bh-keymap-icon { background: RGBA(105, 199, 53, 0.4); border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .bh-keymap-item-departure .bh-keymap-icon { background: RGBA(105, 199, 53, 0.2); border: 2px solid RGBA(105, 199, 53, 0.4); border-left-width: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .bh-keymap-item-available .bh-keymap-icon { background: RGBA(105, 199, 53, 0.4); } .bh-keymap-item-locked .bh-keymap-icon { background: RGBA(105, 199, 53, 0.2); } .bh-keymap-item-notavailable .bh-keymap-icon { border: 1px solid rgba(0, 0, 0, 0.2); } .bh-keymap-item-selected .bh-keymap-icon { background-color: rgba(77, 205, 242, 1); } .bh-keymap-label { padding-left: 5px; display: inline-block; } .bh-social-background-picture { background-size: cover; background-position: center center; } .bh-social-post { position: relative; width: 100%; box-sizing: border-box; height: 400px; display: block; .hashtag { color: #0077b5; /* LinkedIn-Blau z. B. */ font-weight: bold; } } .bh-social-widget[data-cols="2"] .bh-social-post { width: 50%; } .bh-social-widget[data-cols="3"] .bh-social-post { width: 33.3333%; } .bh-social-widget[data-cols="4"] .bh-social-post { width: 25%; } .bh-social-widget[data-cols="5"] .bh-social-post { width: 20%; } .bh-social-widget[data-cols="6"] .bh-social-post { width: 16.66666%; } .bh-social-template { display: none !important; } .bh-social-message { position: absolute; bottom: 0px; padding: 20px; padding-top: 100px; color: white; background: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100% ); background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100% ); background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); width: 100%; box-sizing: border-box; } .bh-social-datewrapper { background: black; position: absolute; left: 0px; top: 0px; padding: 5px 20px; color: white; } .swiper-button-prev, .swiper-button-next { background: none; width: 50px; text-align: center; } .swiper-button-prev:before, .swiper-button-next:before { content: "\e905"; font-family: "bakehouse-iconset" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 50px; } .swiper-button-next:before { content: "\e906"; } /* ROW 1 */ .bh-social-rows .bh-social-post { height: 250px; margin-bottom: 20px; } /* ROW 2 */ .bh-social-rows2 .bh-social-post { display: flex; height: 200px; margin-bottom: 20px; } .bh-social-rows2 .bh-social-background-picture { flex: 0 0 200px; height: 100%; } .bh-social-rows2 .bh-social-message { padding-top: inherit; padding-bottom: inherit; align-items: center; justify-content: center; background: none; color: inherit; } .bh-social-rows2 .bh-social-content { display: flex; align-items: center; justify-content: center; } .bh-social-rows2 .bh-social-datewrapper { position: relative; background: none; color: inherit; font-weight: bold; } .bh-social-rows2 .bh-social-content, .bh-social-rows2 .bh-social-message, .bh-social-rows2 .bh-social-date { position: relative; } .bh-social-default2 .bh-social-background-picture { height: 300px; } .bh-social-post:has(.bh-social-video) { position: relative; } .bh-social-video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center; pointer-events: none; /* fix issue in swiper */ } /* .bh-social-content { position: relative; overflow: hidden; max-height: 300px; } */ .bh-social-pdf-preview-swiper { width: 100%; height: auto; display: block; object-fit: contain; object-fit: cover; max-height: 100%; } .bh-social-pdf-preview-backgrond { background-size: cover; background-position: "center"; } .hashtag { color: #0077b5; /* LinkedIn-Blau z. B. */ font-weight: bold; } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078a8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/layers.png'); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/layers-2x.png'); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url('../../../_assets/4b8447fc5027c18462f92e16ee881224/Css/images/marker-icon.png'); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; transition: transform 0.3s ease-out, opacity 0.3s ease-in; } .leaflet-cluster-spider-leg { /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */ -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; } @-webkit-keyframes leaflet-gestures-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes leaflet-gestures-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .leaflet-container:after { -webkit-animation: leaflet-gestures-fadein 0.8s backwards; animation: leaflet-gestures-fadein 0.8s backwards; color: #fff; font-family: Roboto, Arial, sans-serif; font-size: 22px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 461; pointer-events: none; } .leaflet-gesture-handling-scroll-warning:after, .leaflet-gesture-handling-touch-warning:after { -webkit-animation: leaflet-gestures-fadein 0.8s forwards; animation: leaflet-gestures-fadein 0.8s forwards; } .leaflet-gesture-handling-touch-warning:after { content: attr(data-gesture-handling-touch-content); } .leaflet-gesture-handling-scroll-warning:after { content: attr(data-gesture-handling-scroll-content); } .cooRouteLocation { padding: 20px; background: #dedede; /* Old browsers */ } .cooRouteLocationInput { } .cooRouteMap { min-height: 300px; } .leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error { border-bottom: 0px; } .cooRouteLegs { font: 12px arial; } .leaflet-routing-container { margin-top: 0px !important; margin-right: 0px !important; border: 0px !important; border-radius: 0px !important; } body .leaflet-routing-container input { text-align: center; height: 30px; } .cooRouteRoot { z-index: 1; position: relative; } .cooRouteLegs .adp-placemark { border: none; background: #dedede; color: #000; font: bold 12px arial; margin: 0px; } .cooRouteLegs .adp-placemark td { padding: 5px 10px; } .cooRouteLegs .adp-summary { font: bold 12px arial; text-align: center; padding: 10px; background: #666; /* Old browsers */ color: #fff; } .cooRouteLegs .adp-directions { width: 100%; border-spacing: 10px; border-collapse: separate; background: #fff; /* Old browsers */ } .cooRouteLegs .adp-directions tr { } .cooRouteLegs .adp-directions td { border: none; } .cooRouteLegs .adp-directions td:first-child { text-align: center; background: #666; color: #fff; } .adp-placemark td { border: none; } .cooRouteLocation { padding: 10px; background: #373635; } .cooRouteLegs .adp-summary { font: bold 12px arial; text-align: center; padding: 10px; background: #666; color: white; } .cooRoutePointname { font-weight: bold; } .cooRouteAutocomplete { position: absolute; top: 0px; left: 0px; } /* assistant-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Assistant"; font-style: normal; font-weight: 300; src: url('../../../fileadmin/fonts/assistant/assistant-v19-latin-300.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* assistant-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Assistant"; font-style: normal; font-weight: 400; src: url('../../../fileadmin/fonts/assistant/assistant-v19-latin-regular.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* assistant-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Assistant"; font-style: normal; font-weight: 500; src: url('../../../fileadmin/fonts/assistant/assistant-v19-latin-500.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* assistant-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Assistant"; font-style: normal; font-weight: 600; src: url('../../../fileadmin/fonts/assistant/assistant-v19-latin-600.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* assistant-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Assistant"; font-style: normal; font-weight: 700; src: url('../../../fileadmin/fonts/assistant/assistant-v19-latin-700.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } //* cormorant-infant-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Infant"; font-style: normal; font-weight: 400; src: url('../../../fileadmin/fonts/cormorant-infant/cormorant-infant-v17-latin-regular.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-infant-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Infant"; font-style: italic; font-weight: 400; src: url('../../../fileadmin/fonts/cormorant-infant/cormorant-infant-v17-latin-italic.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-infant-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Infant"; font-style: normal; font-weight: 500; src: url('../../../fileadmin/fonts/cormorant-infant/cormorant-infant-v17-latin-500.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-infant-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Infant"; font-style: italic; font-weight: 500; src: url('../../../fileadmin/fonts/cormorant-infant/cormorant-infant-v17-latin-500italic.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-infant-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Infant"; font-style: normal; font-weight: 600; src: url('../../../fileadmin/fonts/cormorant-infant/cormorant-infant-v17-latin-600.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-infant-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Infant"; font-style: italic; font-weight: 600; src: url('../../../fileadmin/fonts/cormorant-infant/cormorant-infant-v17-latin-600italic.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-infant-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Infant"; font-style: normal; font-weight: 700; src: url('../../../fileadmin/fonts/cormorant-infant/cormorant-infant-v17-latin-700.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-infant-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Infant"; font-style: italic; font-weight: 700; src: url('../../../fileadmin/fonts/cormorant-infant/cormorant-infant-v17-latin-700italic.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* **************************** webwg CSS Framework **************************** // examples https://tailwindcss.com/docs/list-style-type /* clamb calculator https://royalfig.github.io/fluid-typography-calculator/ Min Viewport 550px Max Viewport 1200px */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ :root { /* from 1px to 0.9px */ --clamp-scale-1: clamp(0.05625rem, 0.05178571428571429rem + 0.014285714285714282vw, 0.0625rem); /* from 1px to 0.8px */ --clamp-scale-2: clamp(0.05rem, 0.04107142857142858rem + 0.028571428571428564vw, 0.0625rem); /* from 1px to 0.7px */ --clamp-scale-3: clamp(0.04375rem, 0.030357142857142853rem + 0.042857142857142864vw, 0.0625rem); /* from 1px to 0.6px */ --clamp-scale-4: clamp(0.0375rem, 0.01964285714285714rem + 0.05714285714285715vw, 0.0625rem); /* from 1px to 0.5px */ --clamp-scale-5: clamp(0.03125rem, 0.008928571428571428rem + 0.07142857142857142vw, 0.0625rem); /* from 1px to 0.4px */ --clamp-scale-6: clamp(0.025rem, -0.0017857142857142828rem + 0.08571428571428572vw, 0.0625rem); /* from 1px to 0.3px */ --clamp-scale-7: clamp(0.01875rem, -0.0125rem + 0.1vw, 0.0625rem); /* from 1px to 0.2px */ --clamp-scale-8: clamp(0.0125rem, -0.02321428571428572rem + 0.1142857142857143vw, 0.0625rem); /* from 1px to 0.1px */ --clamp-scale-9: clamp(0.00625rem, -0.033928571428571426rem + 0.12857142857142856vw, 0.0625rem); /* from 1px to 0.9px */ --clamp-scale-1: clamp(0.056rem, 0.052333333333333336rem + 0.010666666666666665vw, 0.063rem); /* from 1px to 0.8px */ --clamp-scale-2: clamp(0.05rem, 0.043190476190476196rem + 0.019809523809523808vw, 0.063rem); /* from 1px to 0.7px */ --clamp-scale-3: clamp(0.044rem, 0.03404761904761904rem + 0.028952380952380955vw, 0.063rem); /* from 1px to 0.6px */ --clamp-scale-4: clamp(0.038rem, 0.024904761904761902rem + 0.0380952380952381vw, 0.063rem); /* from 1px to 0.5px */ --clamp-scale-5: clamp(0.031rem, 0.014238095238095237rem + 0.04876190476190476vw, 0.063rem); /* from 1px to 0.4px */ --clamp-scale-6: clamp(0.025rem, 0.005095238095238097rem + 0.0579047619047619vw, 0.063rem); /* from 1px to 0.3px */ --clamp-scale-7: clamp(0.019rem, -0.004047619047619046rem + 0.06704761904761904vw, 0.063rem); /* from 1px to 0.2px */ --clamp-scale-8: clamp(0.013rem, -0.013190476190476192rem + 0.0761904761904762vw, 0.063rem); /* from 1px to 0.1px */ --clamp-scale-9: clamp(0.006rem, -0.02385714285714286rem + 0.08685714285714285vw, 0.063rem); } /* Bakehouse Framework Override –––––––––––––––––––––––––––––––––––––––––––––––––– */ .bhElement, .bhPseudoElement { margin-left: auto; margin-right: auto; margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .fw-col > .bhContainer > .bhElement:last-child { margin-bottom: 0 !important; } #Content > .bhContainer > .bhElement:last-child { margin-bottom: 0; } .bh-image-background { min-height: 250px; min-height: clamp(11rem, 7.0769230769230775rem + 17.23076923076923vw, 13.889); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* swiper */ .swiper-pagination-bullet { width: 18px; height: 18px; width: clamp(0.85rem, 0.6384615384615384rem + 0.6153846153846156vw, 1.1rem); height: clamp(0.85rem, 0.6384615384615384rem + 0.6153846153846156vw, 1.1rem); border-radius: 0; background: transparent; border: 1px solid rgb(255, 255, 255); opacity: 1; } .swiper-pagination-bullet-active { background: rgb(255, 255, 255); } .swiper-pagination-bullet { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; left: auto !important; } .state-no-pagination :is(.swiper-pagination, .swiper-navigation) { display: none !important; } /* social share */ .bh-social svg { display: none; } .bh-social { margin: -5px; margin-left: 10px; } .bh-social-element { font-family: bakehouse-iconset; width: 35px; height: 35px; font-size: 1.5rem; border-radius: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px; } .bh-social-element-facebook::before { content: "\e931"; } .bh-social-element-whatsapp::before { content: "\e932"; } .bh-social-element-twitter::before { content: "\e930"; } .bh-social-element-email::before { content: "\e91e"; } /* default button */ .page button, .page input[type="button"], .page a.button, .page .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page a:not(.bhElement):active, .button:active { -webkit-filter: brightness(1.1); filter: brightness(1.1); } .page a, .page img { -webkit-user-drag: none; } /* Browser –––––––––––––––––––––––––––––––––––––––––––––––––– */ body:not(.bhe-state-editing) .fw-select-none { -webkit-user-select: none; user-select: none; } body:not(.bhe-state-editing) .fw-drag-none { -webkit-user-drag: none; user-drag: none; } body:not(.bhe-state-editing) .fw-interaction-none { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } @view-transition { navigation: auto; } /* HTML Elements –––––––––––––––––––––––––––––––––––––––––––––––––– */ address { font-style: inherit; font-size: inherit; } figure { margin: 0; } small { font-size: inherit; line-height: inherit; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ html { font-size: 16px; } p { margin-top: 0; } ul:last-of-type, p:last-of-type { margin-bottom: 0; } ul.text-align-right, li.text-align-right, ul.text-align-center, li.text-align-center { list-style-position: inside; } h1, h2, h3, h4, h5, h6 { margin-bottom: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; position: relative; } :is(h1, h2, h3, h4, h5, h6):last-child { margin-bottom: 0; } body.bhe-state-editing :is(h1, h2, h3, h4, h5, h6, .style-text-uppercase)::before { content: "H1"; font-size: 0.9rem; color: inherit; padding: 4px; position: absolute; bottom: calc(100% + 5px); right: calc(100% + 5px); font-weight: bold; background: #0000004f; border: 1px solid #ffffff5e; border-radius: 3px; color: white; } body.bhe-state-editing .style-text-uppercase::before { content: "Grossbuchstaben" !important; } body.bhe-state-editing h2::before { content: "H2" !important; } body.bhe-state-editing h3::before { content: "H3" !important; } body.bhe-state-editing h4::before { content: "H4" !important; } body.bhe-state-editing h5::before { content: "H5" !important; } body.bhe-state-editing h6::before { content: "H6" !important; } p:last-child, .bodytext:last-child, ul:last-child { margin-bottom: 0; } p:last-child, .bodytext:last-child, ul:last-child { margin-bottom: 0; } ul:not(:last-child), p:not(:last-child), .style-text-teaser-1:not(:last-child), .style-text-teaser-2:not(:last-child), .style-text-teaser-3:not(:last-child), .style-text-teaser-4:not(:last-child) { margin-bottom: calc(var(--clamp-scale-2) * 30); } /* list */ ul.fw-list-none, .fw-list-none ul, .fw-list-none li { list-style: none; padding: 0; margin: 0; } /* font size */ .fw-font-size-xsm { font-size: 0.5rem; } .fw-font-size-sm { font-size: 0.7rem; } .fw-font-size-normal { font-size: 1rem; } .fw-font-size-lg { font-size: 1.5rem; } .fw-font-size-xl { font-size: 2.2rem; font-size: clamp(1.5rem, 0.6538461538461539rem + 2.4615384615384617vw, 2.2rem); } .fw-font-size-xxl { font-size: 3.5rem; font-size: clamp(2rem, 0.7307692307692308rem + 3.692307692307692vw, 3.5rem); } /* text transform */ .fw-text-uppercase { text-transform: uppercase; } .fw-text-lowercase { text-transform: lowercase; } .fw-text-bold { font-weight: bold; } .fw-text-light { font-weight: lighter; } .fw-text-italic { font-style: italic; } /* text crop */ .fw-text-crop-1 > p:last-child, .fw-text-crop-1 { text-decoration: none; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .fw-text-crop-2 > p:last-child, .fw-text-crop-2 { text-decoration: none; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .fw-text-crop-3 > p:last-child, .fw-text-crop-3 { text-decoration: none; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .fw-text-crop-4 > p:last-child, .fw-text-crop-4 { text-decoration: none; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .fw-text-crop-5 > p:last-child, .fw-text-crop-5 { text-decoration: none; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; } .fw-text-crop-6 > p:last-child, .fw-text-crop-6 { text-decoration: none; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; } /* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ .page button, .page input[type="submit"], .page input[type="reset"], .page input[type="search"], .page input[type="button"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; -webkit-font-feature-settings: "kern" off; font-feature-settings: "kern" off; } /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– .page input[type="email"], .page input[type="number"], .page input[type="search"], .page input[type="text"], .page input[type="tel"], .page input[type="url"], .page input[type="password"], .page textarea, .page select { padding: 6px 10px; background-color: #fff; border: 1px solid #d1d1d1; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; border: 0; border-radius: 0; font-size: 1rem; line-height: normal; font-family: inherit; padding: 10px 20px; padding: clamp(0.5rem, 0.07692307692307693rem + 1.2307692307692308vw, 1rem) clamp(1.5rem, 1.0769230769230769rem + 1.2307692307692308vw, 2rem); } .page input[type="email"], .page input[type="number"], .page input[type="search"], .page input[type="text"], .page input[type="tel"], .page input[type="url"], .page input[type="password"], .page textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .page textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } .page textarea::placeholder, .page input::placeholder { font-style: italic; } .page label, .page legend { display: block; margin-bottom: 2rem; font-weight: 600; } .page fieldset { padding: 0; border-width: 0; } .page input[type="checkbox"], .page input[type="radio"] { display: inline; }*/ /* Position –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-relative { position: relative; } .fw-absolute { position: absolute; } .fw-fixed { position: fixed; } /* Box sizing –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-sizing-border { -webkit-box-sizing: border-box; box-sizing: border-box; } .fw-sizing-content { -webkit-box-sizing: content-box; box-sizing: content-box; } /* Display –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-block { display: block; } .fw-inline-block { display: inline-block; } .fw-inline-flex { display: inline-flex; } .fw-grid { display: grid; } .fw-inline-grid { display: inline-grid; } /* Flex –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-flex-l-t { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .fw-flex-l-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fw-flex-l-b { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .fw-flex-c-t { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .fw-flex-c-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fw-flex-c-b { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .fw-flex-r-t { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .fw-flex-r-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fw-flex-r-b { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .fw-flex-between-t { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .fw-flex-between-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fw-flex-between-b { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .fw-flex-around-t { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .fw-flex-around-c { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fw-flex-around-b { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .fw-flex-evenly-t { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .fw-flex-evenly-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fw-flex-evenly-b { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } /* flex */ .fw-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .fw-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fw-justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .fw-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .fw-justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fw-justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .fw-justify-evently { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .fw-align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .fw-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fw-align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .fw-align-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .fw-flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fw-flex-columnr { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .fw-flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .fw-flex-rowr { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .fw-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .fw-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .fw-flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .fw-flex-0 { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } /* Z-INDEX –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-z-10 { z-index: 10; } .fw-z-20 { z-index: 20; } .fw-z-30 { z-index: 30; } .fw-z-40 { z-index: 40; } .fw-z-50 { z-index: 50; } .fw-z-60 { z-index: 60; } .fw-z-70 { z-index: 70; } .fw-z-80 { z-index: 80; } .fw-z-90 { z-index: 90; } .fw-z-100 { z-index: 100; } .fw-z-200 { z-index: 200; } .fw-z-300 { z-index: 300; } .fw-z-400 { z-index: 400; } .fw-z-500 { z-index: 500; } /* Text align –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-align-l { text-align: left; } .fw-align-c { text-align: center; } .fw-align-r { text-align: right; } /* Element align –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-center { margin-left: auto; margin-right: auto; } .fw-right { margin-left: auto; margin-right: 0; } .fw-left { margin-left: 0; margin-right: auto; } /* Width –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-w-xxsm { max-width: 350px; } .fw-w-xsm { max-width: 550px; } .fw-w-sm { max-width: 768px; } .fw-w-md { max-width: 1024px; } .fw-w-lg { max-width: 1200px; } .fw-w-xl { max-width: 1400px; } .fw-w-xxl { max-width: 1600px; } .fw-w-xxxl { max-width: 1800px; } .fw-w-full { width: 100%; } /* Max-width –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-maxw-inner-xxxsm > .bhElementInner, .fw-maxw-xxxsm { max-width: 250px; } .fw-maxw-inner-xxsm > .bhElementInner, .fw-maxw-xxsm { max-width: 350px; } .fw-maxw-inner-xsm > .bhElementInner, .fw-maxw-xsm { max-width: 550px; } .fw-maxw-inner-sm > .bhElementInner, .fw-maxw-sm { max-width: 757px; } .fw-maxw-inner-md > .bhElementInner, .fw-maxw-md { max-width: 975px; } .fw-maxw-inner-lg > .bhElementInner, .fw-maxw-lg { max-width: 1075px; } .fw-maxw-inner-xl > .bhElementInner, .fw-maxw-xl { max-width: 1277px; } .fw-maxw-inner-xxl > .bhElementInner, .fw-maxw-xxl { max-width: 1400px; } .fw-maxw-inner-xxxl > .bhElementInner, .fw-maxw-xxxl { max-width: 1600px; } .fw-maxw-inner-xxxxl > .bhElementInner, .fw-maxw-xxxxl { max-width: 1700px; } .fw-maxw-inner-full > .bhElementInner, .fw-maxw-full { max-width: 100%; } .bhElementInner { margin-left: auto; margin-right: auto; } /* Min-width –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-minw-full { min-width: 100%; } .fw-minw-0 { min-width: 0px; } /* Paddings –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* around */ .fw-p-xsm { padding: 20px; padding: calc(var(--clamp-scale-4) * 20); } .fw-p-sm { padding: 40px; padding: calc(var(--clamp-scale-4) * 40); } .fw-p-md { padding: 60px; padding: calc(var(--clamp-scale-4) * 60); } .fw-p-lg { padding: 80px; padding: calc(var(--clamp-scale-4) * 80); } .fw-p-xl { padding: 100px; padding: calc(var(--clamp-scale-4) * 100); } .fw-p-xxl { padding: 120px; padding: calc(var(--clamp-scale-4) * 120); } .fw-p-xxxl { padding: 140px; padding: calc(var(--clamp-scale-4) * 140); } .fw-p-xxxxl { padding: 150px; padding: calc(var(--clamp-scale-4) * 150); } .fw-p-xxxxxl { padding: 160px; padding: calc(var(--clamp-scale-4) * 160); } .fw-p-xxxxxxl { padding: 170px; padding: calc(var(--clamp-scale-4) * 170); } /* horizontal */ .fw-px-none { padding-left: 0 !important; padding-right: 0 !important; } .fw-px-xsm { padding-left: 20px; padding-left: calc(var(--clamp-scale-4) * 20); padding-right: 20px; padding-right: calc(var(--clamp-scale-4) * 20); } .fw-px-sm { padding-left: 40px; padding-left: calc(var(--clamp-scale-4) * 40); padding-right: 40px; padding-right: calc(var(--clamp-scale-4) * 40); } .fw-px-md { padding-left: 60px; padding-left: calc(var(--clamp-scale-4) * 60); padding-right: 60px; padding-right: calc(var(--clamp-scale-4) * 60); } .fw-px-lg { padding-left: 80px; padding-left: calc(var(--clamp-scale-4) * 80); padding-right: 80px; padding-right: calc(var(--clamp-scale-4) * 80); } .fw-px-xl { padding-left: 100px; padding-left: calc(var(--clamp-scale-4) * 100); padding-right: 100px; padding-right: calc(var(--clamp-scale-4) * 100); } .fw-px-xxl { padding-left: 120px; padding-left: calc(var(--clamp-scale-4) * 120); padding-right: 120px; padding-right: calc(var(--clamp-scale-4) * 120); } .fw-px-xxxl { padding-left: 140px; padding-left: calc(var(--clamp-scale-4) * 140); padding-right: 140px; padding-right: calc(var(--clamp-scale-4) * 140); } .fw-px-xxxxl { padding-left: 150px; padding-left: calc(var(--clamp-scale-4) * 150); padding-right: 150px; padding-right: calc(var(--clamp-scale-4) * 150); } .fw-px-xxxxxl { padding-left: 160px; padding-left: calc(var(--clamp-scale-4) * 160); padding-right: 160px; padding-right: calc(var(--clamp-scale-4) * 160); } .fw-px-xxxxxxl { padding-left: 170px; padding-left: calc(var(--clamp-scale-4) * 170); padding-right: 170px; padding-right: calc(var(--clamp-scale-4) * 170); } /* vertical */ .fw-py-none { padding-top: 0 !important; padding-bottom: 0 !important; } .fw-py-xsm { padding-top: 20px; padding-top: calc(var(--clamp-scale-6) * 20); padding-bottom: 20px; padding-bottom: calc(var(--clamp-scale-6) * 20); } .fw-py-sm { padding-top: 40px; padding-top: calc(var(--clamp-scale-6) * 40); padding-bottom: 40px; padding-bottom: calc(var(--clamp-scale-6) * 40); } .fw-py-md { padding-top: 60px; padding-top: calc(var(--clamp-scale-6) * 60); padding-bottom: 60px; padding-bottom: calc(var(--clamp-scale-6) * 60); } .fw-py-lg { padding-top: 80px; padding-top: calc(var(--clamp-scale-6) * 80); padding-bottom: 80px; padding-bottom: calc(var(--clamp-scale-6) * 80); } .fw-py-xl { padding-top: 100px; padding-top: calc(var(--clamp-scale-6) * 100); padding-bottom: 100px; padding-bottom: calc(var(--clamp-scale-6) * 100); } .fw-py-xxl { padding-top: 120px; padding-top: calc(var(--clamp-scale-6) * 120); padding-bottom: 120px; padding-bottom: calc(var(--clamp-scale-6) * 120); } .fw-py-xxxl { padding-top: 140px; padding-top: calc(var(--clamp-scale-6) * 140); padding-bottom: 140px; padding-bottom: calc(var(--clamp-scale-6) * 140); } .fw-py-xxxxl { padding-top: 150px; padding-top: calc(var(--clamp-scale-6) * 150); padding-bottom: 150px; padding-bottom: calc(var(--clamp-scale-6) * 150); } .fw-py-xxxxxl { padding-top: 160px; padding-top: calc(var(--clamp-scale-6) * 160); padding-bottom: 160px; padding-bottom: calc(var(--clamp-scale-6) * 160); } .fw-py-xxxxxxl { padding-top: 170px; padding-top: calc(var(--clamp-scale-6) * 170); padding-bottom: 170px; padding-bottom: calc(var(--clamp-scale-6) * 170); } /* left */ .fw-pl-xsm { padding-left: 20px; padding-left: calc(var(--clamp-scale-4) * 20); } .fw-pl-sm { padding-left: 40px; padding-left: calc(var(--clamp-scale-4) * 40); } .fw-pl-md { padding-left: 60px; padding-left: calc(var(--clamp-scale-4) * 60); } .fw-pl-lg { padding-left: 80px; padding-left: calc(var(--clamp-scale-4) * 80); } .fw-pl-xl { padding-left: 100px; padding-left: calc(var(--clamp-scale-4) * 100); } .fw-pl-xxl { padding-left: 120px; padding-left: calc(var(--clamp-scale-4) * 120); } .fw-pl-xxxl { padding-left: 140px; padding-left: calc(var(--clamp-scale-4) * 140); } .fw-pl-xxxxl { padding-left: 150px; padding-left: calc(var(--clamp-scale-4) * 150); } .fw-pl-xxxxxl { padding-left: 160px; padding-left: calc(var(--clamp-scale-4) * 160); } .fw-pl-xxxxxxl { padding-left: 170px; padding-left: calc(var(--clamp-scale-4) * 170); } /* right */ .fw-pr-xsm { padding-right: 20px; padding-right: calc(var(--clamp-scale-4) * 20); } .fw-pr-sm { padding-right: 40px; padding-right: calc(var(--clamp-scale-4) * 40); } .fw-pr-md { padding-right: 60px; padding-right: calc(var(--clamp-scale-4) * 60); } .fw-pr-lg { padding-right: 80px; padding-right: calc(var(--clamp-scale-4) * 80); } .fw-pr-xl { padding-right: 100px; padding-right: calc(var(--clamp-scale-4) * 100); } .fw-pr-xxl { padding-right: 120px; padding-right: calc(var(--clamp-scale-4) * 120); } .fw-pr-xxxl { padding-right: 140px; padding-right: calc(var(--clamp-scale-4) * 140); } .fw-pr-xxxxl { padding-right: 150px; padding-right: calc(var(--clamp-scale-4) * 150); } .fw-pr-xxxxxl { padding-right: 160px; padding-right: calc(var(--clamp-scale-4) * 160); } .fw-pr-xxxxxxl { padding-right: 170px; padding-right: calc(var(--clamp-scale-4) * 170); } /* top */ .fw-pt-xsm { padding-top: 20px; padding-top: calc(var(--clamp-scale-6) * 20); } .fw-pt-sm { padding-top: 40px; padding-top: calc(var(--clamp-scale-6) * 40); } .fw-pt-md { padding-top: 60px; padding-top: calc(var(--clamp-scale-6) * 60); } .fw-pt-lg { padding-top: 80px; padding-top: calc(var(--clamp-scale-6) * 80); } .fw-pt-xl { padding-top: 100px; padding-top: calc(var(--clamp-scale-6) * 100); } .fw-pt-xxl { padding-top: 120px; padding-top: calc(var(--clamp-scale-6) * 120); } .fw-pt-xxxl { padding-top: 140px; padding-top: calc(var(--clamp-scale-6) * 140); } .fw-pt-xxxxl { padding-top: 150px; padding-top: calc(var(--clamp-scale-6) * 150); } .fw-pt-xxxxxl { padding-top: 160px; padding-top: calc(var(--clamp-scale-6) * 160); } .fw-pt-xxxxxxl { padding-top: 170px; padding-top: calc(var(--clamp-scale-6) * 170); } /* bottom */ .fw-pb-xsm { padding-bottom: 20px; padding-bottom: calc(var(--clamp-scale-6) * 20); } .fw-pb-sm { padding-bottom: 40px; padding-bottom: calc(var(--clamp-scale-6) * 40); } .fw-pb-md { padding-bottom: 60px; padding-bottom: calc(var(--clamp-scale-6) * 60); } .fw-pb-lg { padding-bottom: 80px; padding-bottom: calc(var(--clamp-scale-6) * 80); } .fw-pb-xl { padding-bottom: 100px; padding-bottom: calc(var(--clamp-scale-6) * 100); } .fw-pb-xxl { padding-bottom: 120px; padding-bottom: calc(var(--clamp-scale-6) * 120); } .fw-pb-xxxl { padding-bottom: 140px; padding-bottom: calc(var(--clamp-scale-6) * 140); } .fw-pb-xxxxl { padding-bottom: 150px; padding-bottom: calc(var(--clamp-scale-6) * 150); } .fw-pb-xxxxxl { padding-bottom: 160px; padding-bottom: calc(var(--clamp-scale-6) * 160); } .fw-pb-xxxxxxl { padding-bottom: 170px; padding-bottom: calc(var(--clamp-scale-6) * 170); } /* Margins –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* around */ .fw-m-xsm { margin: 20px; margin: calc(var(--clamp-scale-4) * 20); } .fw-m-sm { margin: 40px; margin: calc(var(--clamp-scale-4) * 40); } .fw-m-md { margin: 60px; margin: calc(var(--clamp-scale-4) * 60); } .fw-m-lg { margin: 80px; margin: calc(var(--clamp-scale-4) * 80); } .fw-m-xl { margin: 100px; margin: calc(var(--clamp-scale-4) * 100); } .fw-m-xxl { margin: 120px; margin: calc(var(--clamp-scale-4) * 120); } .fw-m-xxxl { margin: 140px; margin: calc(var(--clamp-scale-4) * 140); } .fw-m-xxxxl { margin: 150px; margin: calc(var(--clamp-scale-4) * 150); } .fw-m-xxxxxl { margin: 160px; margin: calc(var(--clamp-scale-4) * 160); } .fw-m-xxxxxxl { margin: 170px; margin: calc(var(--clamp-scale-4) * 170); } /* horizontal */ .fw-mx-none { margin-left: 0 !important; margin-right: 0 !important; } .fw-mx-xsm { margin-left: 20px; margin-left: calc(var(--clamp-scale-4) * 20); margin-right: 20px; margin-right: calc(var(--clamp-scale-4) * 20); } .fw-mx-sm { margin-left: 40px; margin-left: calc(var(--clamp-scale-4) * 40); margin-right: 40px; margin-right: calc(var(--clamp-scale-4) * 40); } .fw-mx-md { margin-left: 60px; margin-left: calc(var(--clamp-scale-4) * 60); margin-right: 60px; margin-right: calc(var(--clamp-scale-4) * 60); } .fw-mx-lg { margin-left: 80px; margin-left: calc(var(--clamp-scale-4) * 80); margin-right: 80px; margin-right: calc(var(--clamp-scale-4) * 80); } .fw-mx-xl { margin-left: 100px; margin-left: calc(var(--clamp-scale-4) * 100); margin-right: 100px; margin-right: calc(var(--clamp-scale-4) * 100); } .fw-mx-xxl { margin-left: 120px; margin-left: calc(var(--clamp-scale-4) * 120); margin-right: 120px; margin-right: calc(var(--clamp-scale-4) * 120); } .fw-mx-xxxl { margin-left: 140px; margin-left: calc(var(--clamp-scale-4) * 140); margin-right: 140px; margin-right: calc(var(--clamp-scale-4) * 140); } .fw-mx-xxxxl { margin-left: 150px; margin-left: calc(var(--clamp-scale-4) * 150); margin-right: 150px; margin-right: calc(var(--clamp-scale-4) * 150); } .fw-mx-xxxxxl { margin-left: 160px; margin-left: calc(var(--clamp-scale-4) * 160); margin-right: 160px; margin-right: calc(var(--clamp-scale-4) * 160); } .fw-mx-xxxxxxl { margin-left: 170px; margin-left: calc(var(--clamp-scale-4) * 170); margin-right: 170px; margin-right: calc(var(--clamp-scale-4) * 170); } /* vertical */ .fw-my-none { margin-top: 0 !important; margin-bottom: 0 !important; } .fw-my-xsm { margin-top: 20px; margin-top: calc(var(--clamp-scale-6) * 20); margin-bottom: 20px; margin-bottom: calc(var(--clamp-scale-6) * 20); } .fw-my-sm { margin-top: 40px; margin-top: calc(var(--clamp-scale-6) * 40); margin-bottom: 40px; margin-bottom: calc(var(--clamp-scale-6) * 40); } .fw-my-md { margin-top: 60px; margin-top: calc(var(--clamp-scale-6) * 60); margin-bottom: 60px; margin-bottom: calc(var(--clamp-scale-6) * 60); } .fw-my-lg { margin-top: 80px; margin-top: calc(var(--clamp-scale-6) * 80); margin-bottom: 80px; margin-bottom: calc(var(--clamp-scale-6) * 80); } .fw-my-xl { margin-top: 100px; margin-top: calc(var(--clamp-scale-6) * 100); margin-bottom: 100px; margin-bottom: calc(var(--clamp-scale-6) * 100); } .fw-my-xxl { margin-top: 120px; margin-top: calc(var(--clamp-scale-6) * 120); margin-bottom: 120px; margin-bottom: calc(var(--clamp-scale-6) * 120); } .fw-my-xxxl { margin-top: 140px; margin-top: calc(var(--clamp-scale-6) * 140); margin-bottom: 140px; margin-bottom: calc(var(--clamp-scale-6) * 140); } .fw-my-xxxxl { margin-top: 150px; margin-top: calc(var(--clamp-scale-6) * 150); margin-bottom: 150px; margin-bottom: calc(var(--clamp-scale-6) * 150); } .fw-my-xxxxxl { margin-top: 160px; margin-top: calc(var(--clamp-scale-6) * 160); margin-bottom: 160px; margin-bottom: calc(var(--clamp-scale-6) * 160); } .fw-my-xxxxxxl { margin-top: 170px; margin-top: calc(var(--clamp-scale-6) * 170); margin-bottom: 170px; margin-bottom: calc(var(--clamp-scale-6) * 170); } /* left */ .fw-ml-xsm { margin-left: 20px; margin-left: calc(var(--clamp-scale-4) * 20); } .fw-ml-sm { margin-left: 40px; margin-left: calc(var(--clamp-scale-4) * 40); } .fw-ml-md { margin-left: 60px; margin-left: calc(var(--clamp-scale-4) * 60); } .fw-ml-lg { margin-left: 80px; margin-left: calc(var(--clamp-scale-4) * 80); } .fw-ml-xl { margin-left: 100px; margin-left: calc(var(--clamp-scale-4) * 100); } .fw-ml-xxl { margin-left: 120px; margin-left: calc(var(--clamp-scale-4) * 120); } .fw-ml-xxxl { margin-left: 140px; margin-left: calc(var(--clamp-scale-4) * 140); } .fw-ml-xxxxl { margin-left: 150px; margin-left: calc(var(--clamp-scale-4) * 150); } .fw-ml-xxxxxl { margin-left: 160px; margin-left: calc(var(--clamp-scale-4) * 160); } .fw-ml-xxxxxxl { margin-left: 170px; margin-left: calc(var(--clamp-scale-4) * 170); } /* right */ .fw-mr-xsm { margin-right: 20px; margin-right: calc(var(--clamp-scale-4) * 20); } .fw-mr-sm { margin-right: 40px; margin-right: calc(var(--clamp-scale-4) * 40); } .fw-mr-md { margin-right: 60px; margin-right: calc(var(--clamp-scale-4) * 60); } .fw-mr-lg { margin-right: 80px; margin-right: calc(var(--clamp-scale-4) * 80); } .fw-mr-xl { margin-right: 100px; margin-right: calc(var(--clamp-scale-4) * 100); } .fw-mr-xxl { margin-right: 120px; margin-right: calc(var(--clamp-scale-4) * 120); } .fw-mr-xxxl { margin-right: 140px; margin-right: calc(var(--clamp-scale-4) * 140); } .fw-mr-xxxxl { margin-right: 150px; margin-right: calc(var(--clamp-scale-4) * 150); } .fw-mr-xxxxxl { margin-right: 160px; margin-right: calc(var(--clamp-scale-4) * 160); } .fw-mr-xxxxxxl { margin-right: 170px; margin-right: calc(var(--clamp-scale-4) * 170); } /* top */ .fw-mt-xsm { margin-top: 20px; margin-top: calc(var(--clamp-scale-6) * 20); } .fw-mt-sm { margin-top: 40px; margin-top: calc(var(--clamp-scale-6) * 40); } .fw-mt-md { margin-top: 60px; margin-top: calc(var(--clamp-scale-6) * 60); } .fw-mt-lg { margin-top: 80px; margin-top: calc(var(--clamp-scale-6) * 80); } .fw-mt-xl { margin-top: 100px; margin-top: calc(var(--clamp-scale-6) * 100); } .fw-mt-xxl { margin-top: 120px; margin-top: calc(var(--clamp-scale-6) * 120); } .fw-mt-xxxl { margin-top: 140px; margin-top: calc(var(--clamp-scale-6) * 140); } .fw-mt-xxxxl { margin-top: 150px; margin-top: calc(var(--clamp-scale-6) * 150); } .fw-mt-xxxxxl { margin-top: 160px; margin-top: calc(var(--clamp-scale-6) * 160); } .fw-mt-xxxxxxl { margin-top: 170px; margin-top: calc(var(--clamp-scale-6) * 170); } /* bottom */ .fw-mb-xsm { margin-bottom: 20px; margin-bottom: calc(var(--clamp-scale-6) * 20); } .fw-mb-sm { margin-bottom: 40px; margin-bottom: calc(var(--clamp-scale-6) * 40); } .fw-mb-md { margin-bottom: 60px; margin-bottom: calc(var(--clamp-scale-6) * 60); } .fw-mb-lg { margin-bottom: 80px; margin-bottom: calc(var(--clamp-scale-6) * 80); } .fw-mb-xl { margin-bottom: 100px; margin-bottom: calc(var(--clamp-scale-6) * 100); } .fw-mb-xxl { margin-bottom: 120px; margin-bottom: calc(var(--clamp-scale-6) * 120); } .fw-mb-xxxl { margin-bottom: 140px; margin-bottom: calc(var(--clamp-scale-6) * 140); } .fw-mb-xxxxl { margin-bottom: 150px; margin-bottom: calc(var(--clamp-scale-6) * 150); } .fw-mb-xxxxxl { margin-bottom: 160px; margin-bottom: calc(var(--clamp-scale-6) * 160); } .fw-mb-xxxxxxl { margin-bottom: 170px; margin-bottom: calc(var(--clamp-scale-6) * 170); } /* top negative */ .fw-nmt-xsm { margin-top: -20px; margin-top: calc(var(--clamp-scale-6) * -20); } .fw-nmt-sm { margin-top: -40px; margin-top: calc(var(--clamp-scale-6) * -40); } .fw-nmt-md { margin-top: -60px; margin-top: calc(var(--clamp-scale-6) * -60); } .fw-nmt-lg { margin-top: -80px; margin-top: calc(var(--clamp-scale-6) * -80); } .fw-nmt-xl { margin-top: -100px; margin-top: calc(var(--clamp-scale-6) * -100); } .fw-nmt-xxl { margin-top: -120px; margin-top: calc(var(--clamp-scale-6) * -120); } .fw-nmt-xxxl { margin-top: -140px; margin-top: calc(var(--clamp-scale-6) * -140); } .fw-nmt-xxxxl { margin-top: -150px; margin-top: calc(var(--clamp-scale-6) * -150); } .fw-nmt-xxxxxl { margin-top: -160px; margin-top: calc(var(--clamp-scale-6) * -160); } .fw-nmt-xxxxxxl { margin-top: -170px; margin-top: calc(var(--clamp-scale-6) * -170); } /* bottom negative */ .fw-nmb-xsm { margin-bottom: -20px; margin-bottom: calc(var(--clamp-scale-6) * -20); } .fw-nmb-sm { margin-bottom: -40px; margin-bottom: calc(var(--clamp-scale-6) * -40); } .fw-nmb-md { margin-bottom: -60px; margin-bottom: calc(var(--clamp-scale-6) * -60); } .fw-nmb-lg { margin-bottom: -80px; margin-bottom: calc(var(--clamp-scale-6) * -80); } .fw-nmb-xl { margin-bottom: -100px; margin-bottom: calc(var(--clamp-scale-6) * -100); } .fw-nmb-xxl { margin-bottom: -120px; margin-bottom: calc(var(--clamp-scale-6) * -120); } .fw-nmb-xxxl { margin-bottom: -140px; margin-bottom: calc(var(--clamp-scale-6) * -140); } .fw-nmb-xxxxl { margin-bottom: -150px; margin-bottom: calc(var(--clamp-scale-6) * -150); } .fw-nmb-xxxxxl { margin-bottom: -160px; margin-bottom: calc(var(--clamp-scale-6) * -160); } .fw-nmb-xxxxxxl { margin-bottom: -170px; margin-bottom: calc(var(--clamp-scale-6) * -170); } /* Columns –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fw-cols { display: -ms-grid; display: grid; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 2rem; } /* column count */ .fw-cols.fw-cols-2 { -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); } .fw-cols.fw-cols-3 { -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .fw-cols.fw-cols-4 { -ms-grid-columns: (1fr) [4]; grid-template-columns: repeat(4, 1fr); } .fw-cols.fw-cols-5 { -ms-grid-columns: (1fr) [5]; grid-template-columns: repeat(5, 1fr); } .fw-cols.fw-cols-6 { -ms-grid-columns: (1fr) [6]; grid-template-columns: repeat(6, 1fr); } .fw-cols.fw-cols-7 { -ms-grid-columns: (1fr) [7]; grid-template-columns: repeat(7, 1fr); } .fw-cols.fw-cols-8 { -ms-grid-columns: (1fr) [8]; grid-template-columns: repeat(8, 1fr); } /* gap */ .fw-gap-none { gap: 0px; gap: calc(var(--clamp-scale-4) * 0); } .fw-gap-xsm { gap: 20px; gap: calc(var(--clamp-scale-4) * 20); } .fw-gap-sm { gap: 40px; gap: calc(var(--clamp-scale-4) * 40); } .fw-gap-md { gap: 60px; gap: calc(var(--clamp-scale-4) * 60); } .fw-gap-lg { gap: 80px; gap: calc(var(--clamp-scale-4) * 80); } .fw-gap-xl { gap: 100px; gap: calc(var(--clamp-scale-4) * 100); } .fw-gap-xxl { gap: 120px; gap: calc(var(--clamp-scale-4) * 120); } .fw-gap-xxxl { gap: 140px; gap: calc(var(--clamp-scale-4) * 140); } .fw-gap-xxxxl { gap: 160px; gap: calc(var(--clamp-scale-4) * 160); } .fw-gap-xxxxxl { gap: 180px; gap: calc(var(--clamp-scale-4) * 180); } /* row gap */ .fw-r-gap-none { row-gap: 0px; row-gap: calc(var(--clamp-scale-4) * 0); } .fw-r-gap-xsm { row-gap: 20px; row-gap: calc(var(--clamp-scale-4) * 20); } .fw-r-gap-sm { row-gap: 40px; row-gap: calc(var(--clamp-scale-4) * 40); } .fw-r-gap-md { row-gap: 60px; row-gap: calc(var(--clamp-scale-4) * 60); } .fw-r-gap-lg { row-gap: 80px; row-gap: calc(var(--clamp-scale-4) * 80); } .fw-r-gap-xl { row-gap: 100px; row-gap: calc(var(--clamp-scale-4) * 100); } .fw-r-gap-xxl { row-gap: 120px; row-gap: calc(var(--clamp-scale-4) * 120); } .fw-r-gap-xxxl { row-gap: 140px; row-gap: calc(var(--clamp-scale-4) * 140); } .fw-r-gap-xxxxl { row-gap: 160px; row-gap: calc(var(--clamp-scale-4) * 160); } .fw-r-gap-xxxxxl { row-gap: 180px; row-gap: calc(var(--clamp-scale-4) * 180); } /* column gap */ .fw-y-gap-none { column-gap: 0px; column-gap: calc(var(--clamp-scale-4) * 0); } .fw-y-gap-xsm { column-gap: 20px; column-gap: calc(var(--clamp-scale-4) * 20); } .fw-y-gap-sm { column-gap: 40px; column-gap: calc(var(--clamp-scale-4) * 40); } .fw-y-gap-md { column-gap: 60px; column-gap: calc(var(--clamp-scale-4) * 60); } .fw-y-gap-lg { column-gap: 80px; column-gap: calc(var(--clamp-scale-4) * 80); } .fw-y-gap-xl { column-gap: 100px; column-gap: calc(var(--clamp-scale-4) * 100); } .fw-y-gap-xxl { column-gap: 120px; column-gap: calc(var(--clamp-scale-4) * 120); } .fw-y-gap-xxxl { column-gap: 140px; column-gap: calc(var(--clamp-scale-4) * 140); } .fw-y-gap-xxxxl { column-gap: 160px; column-gap: calc(var(--clamp-scale-4) * 160); } .fw-y-gap-xxxxxl { column-gap: 180px; column-gap: calc(var(--clamp-scale-4) * 180); } @media screen and (max-width: 1300px) { .fw-cols.fw-cols-break-xlarge:not(.fw-cols-break-never) { grid-template-columns: repeat(auto-fill, 100%); -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 4rem; } .fw-cols.fw-cols-break-xlarge.fw-cols-break-switch:not(.fw-cols-break-never) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .fw-cols.fw-cols-break-xlarge.fw-cols.fw-cols-break-mb-0 { row-gap: 0rem; } } @media screen and (max-width: 1200px) { .fw-cols.fw-cols-break-large:not(.fw-cols-break-never) { grid-template-columns: repeat(auto-fill, 100%); -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 4rem; } .fw-cols.fw-cols-break-large.fw-cols-break-switch:not(.fw-cols-break-never) { grid-auto-flow: dense; } .fw-cols.fw-cols-break-large.fw-cols.fw-cols-break-mb-0 { row-gap: 0rem; } } @media screen and (max-width: 1000px) { .fw-cols.fw-cols-break-normal { grid-template-columns: repeat(auto-fill, 100%); -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 4rem; } .fw-cols.fw-cols-break-normal.fw-cols-break-switch.fw-cols-break-normal { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .fw-cols.fw-cols-break-normal.fw-cols.fw-cols-break-mb-0 { row-gap: 0rem; } } @media screen and (max-width: 750px) { .fw-cols.fw-cols-break-small:not(.fw-cols-break-never) { grid-template-columns: repeat(auto-fill, 100%); -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 3rem; } .fw-cols.fw-cols-break-small.fw-cols-break-switch:not(.fw-cols-break-never) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .fw-cols.fw-cols-break-small.fw-cols.fw-cols-break-mb-0 { row-gap: 0rem; } } @media screen and (max-width: 550px) { .fw-cols.fw-cols-break-xsmall:not(.fw-cols-break-never) { grid-template-columns: repeat(auto-fill, 100%); -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 2rem; } .fw-cols.fw-cols-break-xsmall.fw-cols-break-switch:not(.fw-cols-break-never) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .fw-cols.fw-cols-break-xsmall.fw-cols.fw-cols-break-mb-0 { row-gap: 0rem; } } /* Responsive –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Larger than mobile */ @media (min-width: 400px) { } /* Larger than phablet (also point when grid becomes active) */ @media (min-width: 550px) { } /* Larger than tablet */ @media (min-width: 750px) { } /* Larger than desktop */ @media (min-width: 1000px) { } /* Larger than Desktop HD */ @media (min-width: 1200px) { } /* webwg Utility & Plugins -------------------------------------------*/ /* responsive filter category select */ .wwg--res-filter-cats { position: relative; display: none; } .wwg--res-filter-cats-select { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; display: none; } .wwg--res-filter-cats.open .wwg--res-filter-cats-select { display: -webkit-box; display: -ms-flexbox; display: flex; } .wwg--res-filter-cat:hover, .wwg--res-filter-cat { margin: 0; padding: 10px 20px; padding: clamp(0.5rem, 0.07692307692307693rem + 1.2307692307692308vw, 1rem) clamp(1.5rem, 1.0769230769230769rem + 1.2307692307692308vw, 2rem); -webkit-transform: none; -ms-transform: none; transform: none; } .wwg--res-filter-cat { white-space: nowrap; font-weight: normal; } .wwg--res-filter-cat.selected { font-weight: bold; } .wwg--res-filter-cat:not(.wwg--res-filter-cat-first) i { display: none; } .wwg--res-filter-cat i { margin-left: 5px; } .page .button.wwg--res-filter-cat:not(:last-child), .wwg--res-filter-cat:not(:last-child) { border-bottom: 1px solid; } @media screen and (max-width: 1024px) { .wwg-res-filter-cat-original { display: none !important; } .wwg--res-filter-cats { display: block; } } :root { --hapi-background-contrast: #90b54c; --hapi-background-primary: var(--color-3); --hapi-color-primary: var(--color-1); } /* body:not(.bh-bemode) :is(.el-rooms, .el-packages, .el-package-swiper, .el-package, .el-room, .el-room-swiper, .el-roomdetail, .el-packagedetail, .el-pricelist, .el-roomlist, .el-packagelist) > .bhElementInner, body:not(.bh-bemode) .quickform { display: none !important; } body:not(.bh-bemode) :is(.el-rooms, .el-packages, .el-package-swiper, .el-package, .el-room, .el-room-swiper, .el-roomdetail, .el-packagedetail, .el-pricelist, .el-roomlist, .el-packagelist)::before { content: "Umstellung auf Seekda wird gerade vorbereitet."; padding: 10px; display: block; background: var(--color-3); box-sizing: border-box; border-right-color: 5px; color: white; text-align: center; margin: 30px 0px; border-radius: 5px; }*/ /* datepicker */ #HapiGlobalDateBox { width: 100%; backdrop-filter: blur(5px); background: #ffffff3b; } #HapiGlobalDate { max-width: 800px; padding: 20px; box-sizing: border-box; background-color: var(--color-4); color: white; border-radius: 0px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .date-picker-wrapper { padding: 20px; box-sizing: border-box; background-color: transparent; color: white; font-size: calc(var(--clamp-scale-1) * 16); } .date-picker-wrapper .month-wrapper table .day div { font-weight: 600; font-family: var(--font-secondary); } .date-picker-wrapper .month-wrapper table .day.toMonth.valid { color: white; } .date-picker-wrapper .footer { display: none; } .date-picker-wrapper table .caption { height: 40px; } .date-picker-wrapper .month-wrapper table .week-name th { padding-bottom: 5px; } .date-picker-wrapper .month-wrapper table .day.checked:not(.last-date-selected) > div { border-right: 0 !important; } /* FARBEN ÜBERSCHRIEBEN GLOBALER DATEPICKER */ #HapiGlobalDate .hapi-day-available.valid, #HapiGlobalDate .day.valid > div { background-color: #90b54c !important; border-color: transparent !important; color: var(--color-white) !important; } #HapiGlobalDate .hapi-day-available.valid.hapi-day-locked:not(.checked):not(.hovering), #HapiGlobalDate .day.valid.hapi-day-locked:not(.checked):not(.hovering) > div { background-color: rgb(144 181 76 / 23%) !important; border-color: transparent !important; color: var(--color-white) !important; cursor: not-allowed; } #HapiGlobalDate .day.hovering > div, #HapiGlobalDate .day.checked > div { background-color: var(--color-1) !important; border-color: var(--color-4) !important; color: var(--color-5) !important; } /* #HapiGlobalDate .day.checked.hovering:not(.first-date-selected), #HapiGlobalDate .day.hovering { background-color: var(--color-1) !important; } */ #HapiGlobalDate .day.hovering.hovering-last.hapi-day-locked { opacity: 0.7; cursor: not-allowed; } #HapiGlobalDate .day.hovering.hovering-last.hapi-day-locked > div { cursor: not-allowed; pointer-events: none; } #HapiGlobalDate .day.hapi-day-notavailable { cursor: default; pointer-events: none; cursor: not-allowed; } .date-picker-wrapper .day.invalid, #HapiGlobalDate .day.hapi-day-notavailable > div { background: transparent !important; border-color: transparent !important; color: rgba(255, 255, 255, 0.3) !important; cursor: not-allowed !important; } #HapiGlobalDate .day.hapi-day-notavailable > div::before { content: " "; position: absolute; top: 51%; left: 51%; -webkit-transform: translate(-50%, -50%) rotate(-40deg); transform: translate(-50%, -50%) rotate(-40deg); width: 30px; height: 1px; background: currentColor; opacity: 0.5; } /* live price rechner */ .page { .hapi-w-bodytext, .hapi-w-label { letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: white !important; background: transparent; cursor: pointer; -webkit-user-select: none; user-select: none; } .hapi-w-text-tiny { font-size: calc(var(--clamp-scale-1) * 15); } .hapi-w-day-selected.hapi-w-day-tmpinvalid .hapi-w-day-selection-overlay, .hapi-w-calendar-selection-invalid.hapi-w-calendar-selecting .hapi-w-day-selected-end:not(.hapi-w-day-selected-start) .hapi-w-day-selection-overlay, .hapi-w-calendar-selection-invalid:not(.hapi-w-calendar-selecting) .hapi-w-day-selected .hapi-w-day-selection-overlay { background-color: #db6060; background-color: var(--hapi-error-color, #db6060); background-color: #90b54c; opacity: 0.5; } .hapi-w-calendar.hapi-w-calendar-selecting .hapi-w-day-selected-end .hapi-w-day-selection-overlay, .hapi-w-calendar.hapi-w-calendar-selecting .hapi-w-day-selected-start .hapi-w-day-selection-overlay, .hapi-w-calendar.hapi-w-calendar-selecting:not(.hapi-w-calendar-selection-invalid) .hapi-w-day-selected .hapi-w-day-selection-overlay, .hapi-w-calendar:not(.hapi-w-calendar-selecting) .hapi-w-day-selected .hapi-w-day-selection-overlay { opacity: 1; } .hapi-w-calendar.hapi-w-calendar-selecting .hapi-w-day-selected-end .hapi-w-day-label, .hapi-w-calendar.hapi-w-calendar-selecting .hapi-w-day-selected-start .hapi-w-day-label, .hapi-w-calendar.hapi-w-calendar-selecting:not(.hapi-w-calendar-selection-invalid) .hapi-w-day-selected .hapi-w-day-label, .hapi-w-calendar:not(.hapi-w-calendar-selecting) .hapi-w-day-selected .hapi-w-day-label { font-weight: bold !important; } .hapi-w-calendar-selecting .hapi-w-day-tmpinvalid:not(.hapi-w-day-arrival):not(.hapi-w-day-departure):not(.hapi-w-day-invalid) .hapi-w-day-info { background: #90b54c; } .hapi-w-day-invalid, .hapi-w-day-tmpinvalid { cursor: not-allowed !important; } .hapi-w-day-selected > .hapi-w-day-info { background: transparent !important; } .hapi-w-occupancy-person-input .hapi-w-person-count { color: white !important; } .hapi-w-day-invalid .hapi-w-day-text-overlay, .hapi-w-day-tmpinvalid .hapi-w-day-text-overlay { opacity: 1; } :is(.hapi-w-day-invalid, .hapi-w-day-tmpinvalid):not(.hapi-w-day-selected) .hapi-w-day-info { opacity: 0.5; } :is(.hapi-w-person-count, .hapi-w-occupancy-person-input) { } :is(.hapi-w-person-count) { color: #fff; border: 1px solid white; border-radius: 5px; color: #fff; } .hapi-w-person-count-button:hover { transform: scale(1.1); } .hapi-w-occupancy-age { gap: calc(var(--clamp-scale-1) * 20); } .hapi-w-occupancy-age :is(.hapi-w-occupancy-age-input, select) { flex: 1; width: 100%; } .hapi-w-occupancy-person-input .hapi-w-person-count.hapi-w-person-count-active { background-color: var(--color-hightlight) #fff; } .hapi-w-button { padding: calc(var(--clamp-scale-2) * 15) calc(var(--clamp-scale-3) * 40); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; min-width: calc(var(--clamp-scale-3) * 180); max-width: 100%; transition: color 0.4s, border-color 0.4s; text-align: center; border: 2px solid; letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: var(--color-4); font-weight: 600; line-height: normal; font-family: inherit; font-size: inherit; border-radius: 0; outline: 0; flex: 1; font-size: calc(var(--clamp-scale-1) * 16); } .hapi-w-day-selected .hapi-w-day-selection-overlay { background-color: var(--color-1) !important; } .hapi-w-day-selected .hapi-w-day-text-overlay { color: var(--color-5) !important; } /* .hapi-w-calendar:not(.hapi-w-calendar-selecting) :is(.hapi-w-day-selected.hapi-w-day-tmpinvalid, .hapi-w-day-selected.hapi-w-day-invalid) .hapi-w-day-selection-overlay { background: #db6060 !important; } .hapi-w-calendar:not(.hapi-w-calendar-selecting) :is(.hapi-w-day-selected.hapi-w-day-tmpinvalid, .hapi-w-day-selected.hapi-w-day-invalid) .hapi-w-day-departure .hapi-w-day-selection-overlay { background-color: var(--color-3) !important; } */ /* .hapi-w-day-selected.hapi-w-day-tmpinvalid:not(:has(.hapi-w-day-available)):not(:has(.hapi-w-day-departure)) .hapi-w-day-selection-overlay, .hapi-w-day-selected.hapi-w-day-invalid:not(:has(.hapi-w-day-available)):not(:has(.hapi-w-day-departure)) .hapi-w-day-selection-overlay { background: #db6060 !important; }*/ .hapi-w-occupancy-persons { display: flex !important; flex-direction: column !important; gap: calc(var(--clamp-scale-1) * 20) !important; } .hapi-w-occupancy-invalid .hapi-w-occupancy-person-input .hapi-w-person-count { background: transparent; } .hapi-w-liveprice-package-wrapper, .hapi-liveprice-room-wrapper { box-shadow: none !important; background: transparent; z-index: 1; } .hapi-w-person-coun { line-height: normal; } .hapi-w-room-rateplan { border: 1px solid white; margin-bottom: 10px; border-radius: 10px !important; } .hapi-w-occupancy-age { padding-right: 0; } .hapi-w-occupancy-select { min-width: unset !important; background-color: #ffffff21; color: white; border-bottom: 1px solid; } .hapi-w-room-rateplan.hapi-w-room-rateplan-active { background-color: transparent; background-color: var(--color-1); color: var(--color-5); } .hapi-w-room-rateplan.hapi-w-room-rateplan-active .hapi-w-label { color: var(--color-5) !important; } .hapi-w-button-book { border-color: var(--color-3); color: white; letter-spacing: 2.1px; } .hapi-w-button-inquiry { border-color: var(--color-2) !important; color: var(--color-6) !important; } .hapi-w-package-room .hapi-w-buttons { min-width: unset; margin-bottom: calc(var(--clamp-scale-4) * 30); gap: 15px; display: flex; flex-direction: column; } .hapi-w-package-room .hapi-w-button { min-width: unset; color: white !important; margin: 0; } .hapi-w-package-room .hapi-w-button:not(.hapi-w-button-book) { color: var(--color-1); border-color: var(--color-1); margin: 0 !important; } .hapi-w-button.hapi-w-button-disabled { cursor: not-allowed !important; } .hapi-w-price.hapi-w-price-default { display: flex; justify-content: flex-start; align-items: flex-start; font-weight: bold; } .hapi-w-package-room { background: var(--color-4); color: white; border-radius: 0; border: 0; } .hapi-w-package-room .hapi-w-package-room-price-label, .hapi-w-package-room .hapi-w-price { align-items: flex-start; display: flex; } .hapi-w-package-room > *:not(.hapi-w-package-room-image) { margin-left: calc(var(--clamp-scale-4) * 30); margin-right: calc(var(--clamp-scale-4) * 30); } .hapi-w-embedded { font-size: inherit; } .hapi-w-package-room .hapi-w-text-tiny { font-size: inherit; } .hapi-w-price-message { text-align: center; width: 100%; font-style: italic; } .hapi-w-grid-items .hapi-w-price-message { text-align: left; } .hapi-w-package-room-title { font-size: calc(var(--clamp-scale-2) * 35); font-family: var(--font-family-2); font-weight: 600; } .hapi-w-liveprice-package-calendar, .hapi-w-liveprice-package-occupancy { margin-bottom: calc(var(--clamp-scale-4) * 60); } .hapi-w-occupancy-person-count:before { display: none; } .hapi-w-liveprice-package { display: flex; flex-wrap: wrap; gap: calc(var(--clamp-scale-4) * 60); } .hapi-w-liveprice-package-calendar { max-width: calc(50% - var(--clamp-scale-2) * 15); margin: 0; } .hapi-w-liveprice-package-occupancy { flex: 1; } .hapi-w-liveprice-package-rooms { width: 100%; } .hapi-w-liveprice-room-buttons { background: var(--color-4); padding: calc(var(--clamp-scale-2) * 20); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } } @media screen and (max-width: 1200px) { .page { .hapi-w-liveprice-package { flex-direction: column; } .hapi-w-liveprice-package > * { max-width: 100%; width: 100%; } } } @media screen and (max-width: 600px) { .page { .hapi-liveprice-room-wrapper { padding: 40px 20px; padding-top: 0; } .hapi-w-occupancy-age, .hapi-w-occupancy-person-label { padding-left: 0; } .hapi-w-liveprice-room-buttons, .hapi-w-liveprice-room-buttons { flex-direction: column; gap: 15px; } .hapi-w-button { margin: 0; } .hapi-w-room-rateplan { flex-direction: column; align-items: flex-start; } .hapi-w-room-rateplan-title { margin-top: 5px; } .hapi-w-grid-items { display: flex; flex-direction: column; } .hapi-w-package-room .hapi-w-buttons { flex-direction: column; gap: 10px; } .hapi-liveprice-room-wrapper { margin-left: -20px; min-width: calc(100% + 40px); padding-bottom: 0; } } } /* PACKAGEDETAIL */ .packagedetail__header { height: 80vh; min-height: calc(var(--clamp-scale-5) * 500); } .packagedetail__content { overflow: hidden; } /* .packagedetail__contentwrapper::before { content: ""; top: 0; left: 0; background: var(--color-1); position: absolute; height: 60%; width: 100%; } body .packagedetail__header::before { background: linear-gradient(180deg, var(--color-1) 0%, rgba(255, 255, 255, 0) 100%); } */ .el-packagedetail .package__content { background: var(--color-1); } .el-packagedetail .price-table__criteria a:hover { text-decoration: underline !important; } .packagedetail__subtext p, .package__subtext p { margin-bottom: 0 !important; } /* SWIPER */ /*.el-packages .bhElementInner { overflow: hidden; }*/ .el-packages .room__avaiability { top: auto; bottom: 0; z-index: 10; } .packagedetail__similar.state--single, .el-packages.bhElement.state--single { max-width: 768px; } .state--single .package__item { margin: 0 !important; width: 100% !important; max-width: unset; } :is(.packagedetail__similar.state--single, .el-packages.bhElement.state--single) .swiper-wrapper { padding: 10px; margin-top: -10px; } :is(.packagedetail__similar.state--single, .el-packages.bhElement.state--single) { max-width: 600px !important; margin-left: auto; margin-right: auto; } :is(.el-packages, .el-rooms) .bh-swiper { z-index: 20; } :is(.el-packages, .el-rooms, .roomdetail__similar, .packagedetail__similar) .bh-swiper { padding-left: calc(var(--clamp-scale-1) * 40); padding-right: calc(var(--clamp-scale-1) * 40); -webkit-box-sizing: border-box; box-sizing: border-box; } :is(.el-packages, .packagedetail__similar) .swiper-container { padding-bottom: calc(var(--clamp-scale-1) * 15); } .packages__swiper { container-type: inline-size; } .el-packages .bhElementInner { position: relative; } .price__sidetext { -webkit-transform: rotate(-90deg) translate(-100%, 0%); -ms-transform: rotate(-90deg) translate(-100%, 0%); transform: rotate(-90deg) translate(-100%, 0%); -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; position: absolute; left: 0; top: 0; z-index: 30; } .price__sidetext .style-text-teaser-4 { color: var(--color-4); } .package__item { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25); max-width: 600px; width: 100%; cursor: pointer; } .packages__list:has(> *:nth-child(2)) .package__item { max-width: 100%; } .packages__list .package__item { margin: 0 auto; height: 100%; display: flex; flex-direction: column; } .package__content { flex: 1; } .package__item .button { margin-bottom: 0 !important; } .package__pricefrom { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: calc(var(--clamp-scale-1) * 12) calc(var(--clamp-scale-1) * 24); z-index: 70; background-color: #616161d9; backdrop-filter: blur(5px); display: flex; gap: calc(var(--clamp-scale-1) * 6); align-items: center; white-space: nowrap; } .packagedetail__info { gap: calc(var(--clamp-scale-1) * 6); } .package__content > * { display: block; margin-bottom: calc(var(--clamp-scale-1) * 10); } .package__date { margin-bottom: 0; } .package__picture { height: calc(var(--clamp-scale-3) * 320); min-height: calc(var(--clamp-scale-4) * 250); max-height: 42vh; overflow: hidden; } .package__picture img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 4.5s; } .package__item:hover .package__picture img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } :is(.el-packages, .el-rooms, .roomdetail__similar, .packagedetail__similar) .swiper-pagination { width: auto; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; bottom: calc(var(--clamp-scale-1) * 15); -webkit-transform: none; -ms-transform: none; transform: none; width: auto !important; left: auto !important; right: 0 !important; } .packages__list { display: -ms-grid; display: grid; grid-gap: calc(var(--clamp-scale-4) * 50); grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); } :is(.style-background-2, .style-background-3, .style-background-4) :is(.package__content, .package__content .button) { color: var(--color-5); } :is(.style-background-2, .style-background-3, .style-background-4) :is(.package__content .button) { color: var(--color-4); } :is(.style-background-2, .style-background-3, .style-background-4) .packages__sidetext * { color: white; } :is(.style-background-2, .style-background-3, .style-background-4) .swiper-pagination-bullet { border-color: white; } :is(.style-background-2, .style-background-3, .style-background-4) .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: white; } /* FILTER */ .filter__group-item { position: relative; } .filter__group-item i { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: var(--color-4); pointer-events: none; height: 100%; width: calc(var(--clamp-scale-4) * 50); background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .filter__group-item select { cursor: pointer; background-color: white; width: calc(var(--clamp-scale-4) * 250); max-width: 100%; } .filter__group-item select:focus, .filter__group-item select:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } @container (width < 1150px) { .packages__swiper .swiper-navigation { top: auto; bottom: 0px; -webkit-transform: translateX(-50%) rotate(180deg) !important; -ms-transform: translateX(-50%) rotate(180deg) !important; transform: translateX(-50%) rotate(180deg) !important; left: calc(50% - 95px); } .packages__swiper .swiper-navigation.swiper-button-next { left: auto; right: calc(50% - 95px); -webkit-transform: translateX(50%) !important; -ms-transform: translateX(50%) !important; transform: translateX(50%) !important; } .packages__swiper .swiper-wrapper { margin-bottom: calc(var(--clamp-scale-4) * 50) !important; } .packages__swiper .swiper-pagination { bottom: calc(var(--clamp-scale-4) * 67); } } @container (width < 550px) { } @media screen and (max-width: 600px) { .packages__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .package__content { padding: 30px 20px; } .price__sidetext { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; text-align: right; margin-bottom: 20px; display: none; } .packages__swiper .swiper-pagination { display: none !important; } .packages__swiper { padding: 0 !important; } .packages__swiper .swiper-navigation { -webkit-transform: none; -ms-transform: none; transform: none; left: 0; } .packages__swiper .swiper-navigation { -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; left: 0; } .packages__swiper .swiper-navigation.swiper-button-next { right: 0 !important; -webkit-transform: unset !important; -ms-transform: unset !important; transform: unset !important; } .package__content { height: auto !important; } } :is(.el-rooms, .roomdetail__similar) .swiper-wrapper { margin-top: calc(var(--clamp-scale-4) * 50); } .room__item { height: 70vh !important; min-height: calc(var(--clamp-scale-2) * 600) !important; cursor: pointer; } .room__content { left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background: rgb(95 95 95 / 70%); backdrop-filter: blur(3px); max-width: 700px; -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25)); } .room__buttons { gap: 10px; } .room__buttons .button--details { padding-right: calc(var(--clamp-scale-3) * 30) !important; padding-left: 0; text-align: left; justify-content: flex-start !important; } .room__buttons .button { } .room__picture { margin-left: calc(var(--clamp-scale-3) * 100) !important; height: 100%; overflow: hidden; } .room__picture img { width: 100%; height: 100%; transition: transform 4.5s; object-fit: cover; } .room__item:hover .room__picture img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .price__introtext { margin-left: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: calc(var(--clamp-scale-4) * 50); right: calc(var(--clamp-scale-4) * 80); z-index: 50; } body:not(.bhe-state-editing) .el-layout.style-indent-bottom:is(.style-background-2, .style-background-3, .style-background-4) + :is(.el-layout, .bhElement:not(.el-layout)) .price__introtext { color: white; } :is(.el-rooms, .roomdetail__similar) .price__sidetext { top: 50%; -webkit-transform: rotate(-90deg) translate(-50%, 0%); -ms-transform: rotate(-90deg) translate(-50%, 0%); transform: rotate(-90deg) translate(-50%, 0%); } :is(.el-rooms, .roomdetail__similar) .swiper-button-prev { display: none !important; } .room_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: calc(var(--clamp-scale-4) * 80); } .room_list .room__item:nth-child(even) .room__content { left: auto; right: 0; text-align: right; } .room_list .room__item:nth-child(even) .room__picture { margin-left: 0; margin-right: calc(var(--clamp-scale-3) * 100) !important; } :is(.roomdetail__similar, .el-rooms) .swiper-pagination { width: auto !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; right: 0 !important; bottom: 0 !important; left: auto !important; } .room__avaiability { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: calc(var(--clamp-scale-1) * 12) calc(var(--clamp-scale-1) * 20); box-sizing: border-box; background-color: white; text-transform: uppercase; letter-spacing: calc(var(--clamp-scale-1) * 1.5); display: none; align-items: center; justify-content: center; gap: calc(var(--clamp-scale-1) * 7); font-weight: 600; max-width: 80%; white-space: nowrap; } :is(.el-rooms, .el-packages) .bh-swiper .room__avaiability { display: none !important; } .hapi-item-available .room__avaiability--avaiable { color: #29af17; display: flex; } .hapi-item-not-available .room__avaiability--notavaiable { color: #cb0000; display: flex; } @media screen and (max-width: 1024px) { .room__content { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; left: auto; max-width: 100%; -webkit-filter: unset; filter: unset; z-index: 2; background: var(--color-4); } .room__item { max-height: unset !important; height: auto !important; } .room_list .room__item:nth-child(even) .room__picture, .room__picture { height: calc(var(--clamp-scale-6) * 450); margin-left: 0 !important; margin-right: 0 !important; position: relative; z-index: 4; } .room_list .room__item:nth-child(even) .room__content { text-align: left; } /* .room__picture::before { content: ""; height: 50%; width: calc(100% + 2px); background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: -1px; transform: rotate(180deg); opacity: 1; bottom: -1px; z-index: 1; } */ :is(.el-rooms, .roomdetail__similar) .price__sidetext { top: auto; -webkit-transform: rotate(-90deg) translate(0%, 0%); -ms-transform: rotate(-90deg) translate(0%, 0%); transform: rotate(-90deg) translate(0%, 0%); bottom: 32px; } .room__buttons { -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: calc(var(--clamp-scale-2) * 30); } .room__buttons .button--details { min-width: 100% !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } :is(.el-rooms, .roomdetail__similar) .swiper-navigation { top: auto; bottom: 0px; -webkit-transform: translateX(-50%) rotate(180deg) !important; -ms-transform: translateX(-50%) rotate(180deg) !important; transform: translateX(-50%) rotate(180deg) !important; left: calc(50% - 95px); display: block !important; } :is(.el-rooms, .roomdetail__similar) .swiper-navigation.swiper-button-next { left: auto; right: calc(50% - 95px); -webkit-transform: translateX(50%) !important; -ms-transform: translateX(50%) !important; transform: translateX(50%) !important; } :is(.el-rooms, .roomdetail__similar) .swiper-wrapper { margin-bottom: calc(var(--clamp-scale-4) * 50) !important; } :is(.el-rooms, .roomdetail__similar) .swiper-pagination { bottom: calc(var(--clamp-scale-4) * 67) !important; } :is(.el-rooms, .roomdetail__similar) .swiper-container { padding-bottom: calc(var(--clamp-scale-1) * 15); } } @media screen and (max-width: 768px) { .page .room__content { padding: 30px 20px; } } @media screen and (max-width: 600px) { .room_list { gap: 30px; } .page .room__content { padding: 30px 20px; } .room__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .room__buttons > .button { min-width: 100% !important; } .room__buttons > .button.hapi-button-book { margin-top: -7px; } .room__picture { } .room__content { max-width: calc(100% - 20px); max-width: 100%; } :is(.el-rooms, .roomdetail__similar) .bh-swiper { padding-right: 0; padding-left: 0; } :is(.el-rooms, .roomdetail__similar) .swiper-pagination { display: none !important; } :is(.el-rooms, .roomdetail__similar) .price__sidetext { display: none; } :is(.el-rooms, .roomdetail__similar) .swiper-navigation { -webkit-transform: none; -ms-transform: none; transform: none; left: 0; } :is(.el-rooms, .roomdetail__similar) .swiper-navigation { -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; left: 0; } :is(.el-rooms, .roomdetail__similar) .swiper-navigation.swiper-button-next { right: 0 !important; -webkit-transform: unset !important; -ms-transform: unset !important; transform: unset !important; } .price__introtext { right: 20px; max-width: calc(100% - 40px); } .package__subtext, .room__description { -webkit-line-clamp: 2; line-clamp: 2; } .room__avaiability { text-align: center; font-size: 14px; max-width: unset; } } /* ROOMDETAIL */ .page :is(.el-rooms, .el-packages):has(.bh-swiper) { max-width: 1057px; } .packagedetail__header, .roomdetail__header { height: 50vh; min-height: calc(var(--clamp-scale-5) * 500); } :is(.el-room, .el-package) .pictures__wrapper { height: calc(var(--clamp-scale-5) * 400) !important; width: 50%; } :is(.el-room, .el-package) .pictures__wrapper .bh-swiper { padding-left: calc(var(--clamp-scale-1) * 40); padding-left: 0; padding-right: calc(var(--clamp-scale-1) * 40); } :is(.el-room, .el-package) .pictures__wrapper .swiper-button-prev { display: none !important; } :is(.el-room, .el-package) .pictures__wrapper .swiper-pagination { position: absolute; width: auto !important; right: 0 !important; left: auto !important; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 0; } .packagedetail__header::before, .roomdetail__header::before { content: ""; height: 50%; width: 100%; background: -o-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; z-index: 10; bottom: 0; } :is(.roomdetail__header, .packagedetail__header) :is(.roomdetail__firstpicture, .roomdetail__picture, .packagedetail__firstpicture, .packagedetail__picture) { height: 100%; -o-object-fit: cover; object-fit: cover; } :is(.roomdetail__contentwrapper, .roomdetail__similar, .packagedetail__contentwrapper) { margin-top: calc(var(--clamp-scale-6) * -160); } .roomdetail__content { padding-bottom: calc(var(--clamp-scale-5) * 300) !important; overflow: hidden; } .packagedetail__content::before, .roomdetail__content::before { content: ""; background-image: url(/fileadmin/templates/elements/el-layout/patterns/layout-2-negative.svg); width: 100%; height: 150%; position: absolute; background-size: contain; background-position: center; pointer-events: none; background-repeat: no-repeat; /* z-index: 1; */ top: 75%; -webkit-transform: translateY(-75%); -ms-transform: translateY(-75%); transform: translateY(-75%); background-size: cover; left: auto; right: 0; opacity: 0.3; } :is(.roomdetail__extracontent, .packagedetail__extracontent) > .bhContainer { margin-top: calc(var(--clamp-scale-6) * 60); } body:not(.bh-bemode) :is(.roomdetail__extracontent, .packagedetail__extracontent) > .bhContainer.bhe-state-content-empty { margin-top: 0; display: none; } .room-detail__pricetable { min-width: 100%; } @media screen and (max-width: 1200px) { :is(.el-room, .el-package) .pictures__wrapper { min-width: 100%; } :is(.el-room, .el-package) .pictures__wrapper .bh-swiper { padding-left: calc(var(--clamp-scale-1) * 40); padding-left: 0; padding-right: calc(var(--clamp-scale-1) * 40); } } @media screen and (max-width: 1024px) { :is(.el-room, .el-package) .pictures__wrapper .bh-swiper { padding-left: 0; padding-right: 0; } :is(.el-room, .el-package) .pictures__wrapper:not(.state-single) { margin-bottom: calc(var(--clamp-scale-4) * 50) !important; } :is(.el-room, .el-package) .pictures__wrapper .swiper-navigation { top: auto; bottom: calc(var(--clamp-scale-4) * -50); -webkit-transform: translateX(-50%) rotate(180deg) !important; -ms-transform: translateX(-50%) rotate(180deg) !important; transform: translateX(-50%) rotate(180deg) !important; left: calc(50% - 95px); display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } :is(.el-room, .el-package) .pictures__wrapper .swiper-navigation.swiper-button-next { left: auto; right: calc(50% - 95px); -webkit-transform: translateX(50%) !important; -ms-transform: translateX(50%) !important; transform: translateX(50%) !important; } :is(.el-room, .el-package) .pictures__wrapper .swiper-navigation.swiper-button-prev { left: 0; transform: scaleX(-1) !important; } :is(.el-room, .el-package) .pictures__wrapper .swiper-pagination { right: -27px !important; } } @media screen and (max-width: 768px) { .packagedetail__header, .roomdetail__header { height: calc(var(--clamp-scale-6) * 600); } .packagedetail__content::before, .roomdetail__content::before { display: none; } } @media screen and (max-width: 600px) { .roomdetail__contentwrapper, .roomdetail__content, .packagedetail__contentwrapper, .packagedetail__content { padding-left: 20px; padding-right: 20px; } .roomdetail__content, .packagedetail__content { padding-top: 40px; padding-bottom: 40px; } :is(.el-room, .el-package) .pictures__wrapper .swiper-pagination { display: none !important; } :is(.el-room, .el-package) .pictures__wrapper .swiper-navigatio { -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; left: 0; } :is(.el-room, .el-package) .pictures__wrapper .swiper-navigation.swiper-button-next { right: 0 !important; -webkit-transform: unset !important; -ms-transform: unset !important; transform: unset !important; } } .el-accordeon:not(:last-child) { margin-bottom: calc(var(--clamp-scale-1) * 20); } .el-accordeon { border: 2px solid; } .el-accordeon input.hidden-input { position: absolute; opacity: 0; z-index: -1; width: 0; height: 0; } .el-accordeon .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; gap: calc(var(--clamp-scale-4) * 40); padding-top: calc(var(--clamp-scale-5) * 30); padding-bottom: calc(var(--clamp-scale-5) * 30); padding-left: calc(var(--clamp-scale-3) * 45); padding-right: calc(var(--clamp-scale-3) * 90); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; color: var(--color-4); } .el-accordeon .title .style-text-teaser-4 { color: var(--color-4); } .el-accordeon .title .bh-bodytext { /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */ } .style-border-headline.el-accordeon .title::before { content: ""; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0; top: auto; } .style-border-headline.el-accordeon .title:hover::before { -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } .el-accordeon .title .opener { width: 30px; height: 30px; width: calc(var(--clamp-scale-2) * 30); height: calc(var(--clamp-scale-2) * 30); background: transparent; font-size: calc(var(--clamp-scale-1) * 25); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; position: relative; right: auto; color: var(--color-4); } :is(.style-background-2, .style-background-3, .style-background-4) .el-accordeon, :is(.style-background-2, .style-background-3, .style-background-4) .el-accordeon :is(.title, .title .style-text-teaser-4, .content, .opener) { color: white; } :is(.style-background-2, .style-background-4) .el-accordeon.style-color-3 { color: var(--color-3); } :is(.style-background-3, .style-background-4) .el-accordeon.style-color-2 { color: var(--color-2); } .el-accordeon .title:hover .bh-bodytext { opacity: 0.7; } .el-accordeon .title .bh-bodytext * { margin-bottom: 0; line-height: normal; } .el-accordeon .title .bh-bodytext { padding-right: 10px; } .el-accordeon .content { max-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: padding 0.4s, max-height 0.4s; -o-transition: padding 0.4s, max-height 0.4s; transition: padding 0.4s, max-height 0.4s; overflow: hidden; padding-left: calc(var(--clamp-scale-3) * 45); padding-right: calc(var(--clamp-scale-3) * 45); color: var(--color-4); } .el-accordeon input.hidden-input:checked + .tab-label { background: #1a252f; } body.bhe-state-editing .content, .el-accordeon input.hidden-input:checked ~ .content { max-height: 1000px; padding-top: 0; padding-bottom: calc(var(--clamp-scale-3) * 40); } .el-accordeon input.hidden-input:checked ~ .title .style-text-teaser-4, .el-accordeon input.hidden-input:checked ~ .title .opener, .el-accordeon input.hidden-input:checked ~ :is(.content, .title) { background-color: var(--color-4); color: white; } .el-accordeon.style-color-2 input.hidden-input:checked ~ .title .style-text-teaser-4, .el-accordeon.style-color-2 input.hidden-input:checked ~ .title .opener, .el-accordeon.style-color-2 input.hidden-input:checked ~ :is(.content, .title) { background-color: var(--color-2); } .el-accordeon.style-color-3 input.hidden-input:checked ~ .title .style-text-teaser-4, .el-accordeon.style-color-3 input.hidden-input:checked ~ .title .opener, .el-accordeon.style-color-3 input.hidden-input:checked ~ :is(.content, .title) { background-color: var(--color-3); } :is(.style-background-3) .el-accordeon:not(.style-color-2) input.hidden-input:checked ~ .title .style-text-teaser-4, :is(.style-background-3) .el-accordeon:not(.style-color-2) input.hidden-input:checked ~ .title .opener, :is(.style-background-3) .el-accordeon:not(.style-color-2) input.hidden-input:checked ~ :is(.content, .title), :is(.style-background-2) .el-accordeon:not(.style-color-3) input.hidden-input:checked ~ .title .style-text-teaser-4, :is(.style-background-2) .el-accordeon:not(.style-color-3) input.hidden-input:checked ~ .title .opener, :is(.style-background-2) .el-accordeon:not(.style-color-3) input.hidden-input:checked ~ :is(.content, .title) { color: var(--color-4); background-color: white; } :is(.el-accordeon.style-color-3, .el-accordeon.style-color-4) input.hidden-input:checked ~ :is(.content, .title) * { color: white; } body.bhe-state-editing .content { min-height: unset !important; max-height: unset !important; } .el-accordeon input.hidden-input:not(:checked) ~ .content { min-height: unset !important; } .el-accordeon input.hidden-input:checked ~ .title .opener { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .el-accordeon input.hidden-input:checked ~ .title .opener:before { content: "\e910"; } body.bhe-state-editing .content { overflow: visible; } @media screen and (max-width: 768px) { body.bhe-state-editing .content, .el-accordeon input.hidden-input:checked ~ .content { max-height: 1400px; } } @media screen and (max-width: 600px) { .el-accordeon .content, .el-accordeon .title { padding-left: 20px; padding-right: 20px; } .el-accordeon .title { padding-top: 20px; padding-bottom: 20px; } .el-accordeon .title .opener { right: 0; } .el-accordeon input.hidden-input:checked ~ .content { padding-bottom: 30px; padding-top: 10px; } } /* BG TEXT CONTAINER */ .el-bg-text-container { background: transparent !important; } .el-bg-text-container .bhImageInner, .el-bg-text-container .el-bg-text--wrapper, .el-bg-text-container .bhElementInner, .el-bg-text-container .bh-swiper, .el-bg-text-container .swiper-container, .el-bg-text-container .swiper-wrapper, .el-bg-text-container .swiper-slide { height: 100% !important; } /* .el-bg-text-container-inner { height: 80vh; } */ /* BG TEXT ITEM */ .el-bg-text--wrapper { position: relative; overflow: hidden; } .el-bg-text img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .el-bg-text--content-wrapper { max-width: none; z-index: 10; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 100%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0; } body:not(.bhe-state-editing) .el-bg-text--content-wrapper { pointer-events: none; } body.bhe-state-dragging .el-bg-text--content-wrapper { display: none !important; } .el-bg-text--content { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; pointer-events: all; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-bg-text--content .style-text-teaser-1 { margin-bottom: 0 !important; } .el-bg-text--content-wrapper::before { content: ""; height: 45%; width: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, #fff 15%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #fff 15%, rgba(255, 255, 255, 0) 100%); position: absolute; left: -1px; bottom: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; bottom: calc(var(--clamp-scale-6) * 79); } .el-layout.style-background-1 .el-bg-text--content-wrapper::before { background: -webkit-gradient(linear, left top, left bottom, from(var(--color-1)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, var(--color-1) 15%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, var(--color-1) 15%, rgba(255, 255, 255, 0) 100%); } .el-layout.style-background-2 .el-bg-text--content-wrapper::before { background: -webkit-gradient(linear, left top, left bottom, from(var(--color-2)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, var(--color-2) 15%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, var(--color-2) 15%, rgba(255, 255, 255, 0) 100%); } .el-layout.style-background-3 .el-bg-text--content-wrapper::before { background: -webkit-gradient(linear, left top, left bottom, from(var(--color-3)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, var(--color-3) 15%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, var(--color-3) 15%, rgba(255, 255, 255, 0) 100%); } .el-layout.style-background-4 .el-bg-text--content-wrapper::before { background: -webkit-gradient(linear, left top, left bottom, from(var(--color-4)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, var(--color-4) 15%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, var(--color-4) 15%, rgba(255, 255, 255, 0) 100%); } /*header .bh-image-responsive { min-height: inherit !important; height: inherit !important; }*/ header .el-bg-text--content { padding: 0 20px calc(var(--clamp-scale-6) * 180) 20px; } .el-bg-text--content .bh-bodytext, .el-bg-text--content .bh-button, .el-bg-text--content .bh-bodytext *, .el-bg-text--content .bh-button * { width: 100%; color: var(--tmpl-text--color-white); } .el-bg-text--content > .bh-button { width: auto; -ms-flex-item-align: start; align-self: flex-start; border-color: var(--tmpl-text--color-white); } .el-bg-text--content > .bh-button * { color: var(--tmpl-text--color-white); white-space: nowrap; font-size: calc(var(--clamp-scale-1) * 20); line-height: calc(var(--clamp-scale-1) * 28); letter-spacing: 1.2px; text-transform: uppercase; font-family: var(--tmpl-font--secondary); } .el-bg-text--picture { padding-bottom: calc(var(--clamp-scale-6) * 80); } a.el-bg-text:is([target="_self"], [target="_blank"], [target="lightbox"]) .el-bg-text--picture2:hover, a.el-bg-text:is([target="_self"], [target="_blank"], [target="lightbox"]) .el-bg-text--picture:hover { -webkit-filter: brightness(0.9); filter: brightness(0.9); } /* DOUBLE IMAGES */ .el-bg-text--wrapper.state-double-pictures .el-bg-text--picture2 { width: 35%; height: 60%; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position: absolute; bottom: 0; right: 0; z-index: 20; } .el-bg-text-container.text-position_RB .el-bg-text--picture2 { rigth: auto; left: 0; } .el-bg-text--wrapper.state-double-pictures .el-bg-text--content { -webkit-transform: none; -ms-transform: none; transform: none; left: 0; max-width: calc(65% - calc(var(--clamp-scale-5) * 80)); } .el-bg-text-container.text-position_RB .el-bg-text--wrapper.state-double-pictures .el-bg-text--content { left: auto; right: 0; } .el-bg-text-container .el-bg-text--wrapper.state-double-pictures .el-bg-text--picture { max-width: 80%; margin-left: 0; margin-right: auto; } .el-bg-text-container.text-position_RB .el-bg-text--wrapper.state-double-pictures .el-bg-text--picture { margin-right: 0; margin-left: auto; } /* SETTINGS */ /* SWIPER */ body.bhe-state-editing .el-bg-text-container:hover .swiper-container { overflow: visible; } .el-bg-text .swiper-slide { min-height: calc(var(--clamp-scale-5) * 550); } /* VIDEO */ .el-bg-text video { width: 100%; height: 100%; min-height: 400px; max-height: 100vh; -o-object-fit: cover; object-fit: cover; display: block; } .el-bg-text video::-webkit-media-controls-panel { display: none !important; -webkit-appearance: none; } /* Old shadow dom for play button */ .el-bg-text video::-webkit-media-controls-play-button { display: none !important; -webkit-appearance: none; } /* New shadow dom for play button */ /* This one works! */ .el-bg-text video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .el-bg-text__play { font-size: 30px; border-radius: 50%; width: 80px; height: 80px; width: calc(var(--clamp-scale-3) * 80); height: calc(var(--clamp-scale-3) * 80); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 40px; right: 40px; cursor: pointer; z-index: 10; } .el-bg-text__play.playing::before { content: "\e959"; } /* EFFECTS */ /* TEXT POSITION */ .el-bg-text-container.text-position_CT .el-bg-text--content-wrapper, .el-bg-text.text-position_CT .el-bg-text--content-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .el-bg-text-container.text-position_CB .el-bg-text--content-wrapper, .el-bg-text.text-position_CB .el-bg-text--content-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .el-bg-text-container.text-position_LC .el-bg-text--content-wrapper, .el-bg-text.text-position_LC .el-bg-text--content-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-bg-text-container.text-position_RC .el-bg-text--content-wrapper, .el-bg-text.text-position_RC .el-bg-text--content-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-bg-text-container.text-position_LT .el-bg-text--content-wrapper, .el-bg-text.text-position_LT .el-bg-text--content-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .el-bg-text-container.text-position_RT .el-bg-text--content-wrapper, .el-bg-text.text-position_RT .el-bg-text--content-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .el-bg-text-container.text-position_LB .el-bg-text--content-wrapper, .el-bg-text.text-position_LB .el-bg-text--content-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .el-bg-text-container.text-position_RB .el-bg-text--content-wrapper, .el-bg-text.text-position_RB .el-bg-text--content-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .el-bg-text-container.text-position_LC .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text-container.text-position_LT .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text-container.text-position_LB .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text.text-position_LC .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text.text-position_LT .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text.text-position_LB .el-bg-text--content-wrapper .el-bg-text--content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .el-bg-text-container.text-position_RC .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text-container.text-position_RT .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text-container.text-position_RB .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text.text-position_RC .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text.text-position_RT .el-bg-text--content-wrapper .el-bg-text--content, .el-bg-text.text-position_RB .el-bg-text--content-wrapper .el-bg-text--content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } /* number of columns */ @media screen and (min-width: 1017px) { .el-bg-text-container .el-bg-text-container-inner:is([data-columns="2"], [data-columns="3"], [data-columns="4"]) .el-bg-text--content-wrapper { padding: calc(var(--clamp-scale-3) * 60); } .el-bg-text-container .el-bg-text-container-inner[data-columns="2"] .swiper-slide-active, .el-bg-text-container .el-bg-text-container-inner[data-columns="3"] .swiper-slide-next { margin-top: calc(var(--clamp-scale-3) * 80); } .el-bg-text-container .el-bg-text-container-inner:is([data-columns="3"], [data-columns="2"]) .swiper-wrapper { padding-bottom: calc(var(--clamp-scale-3) * 80) !important; } .el-bg-text-container .el-bg-text-container-inner:not([data-columns="1"]) .swiper-slide { -webkit-transition: margin 0.45s, -webkit-transform 0.7s; transition: margin 0.45s, -webkit-transform 0.7s; -o-transition: margin 0.45s, transform 0.7s; transition: margin 0.45s, transform 0.7s; transition: margin 0.45s, transform 0.7s, -webkit-transform 0.7s; } .el-bg-text-container .el-bg-text-container-inner:not([data-columns="1"]) .swiper-slide:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .el-bg-text-container .el-bg-text-container-inner:not([data-columns="1"]) .el-bg-text { -webkit-box-shadow: 2px 4px 14px -1px #00000045; box-shadow: 2px 4px 14px -1px #00000045; } .el-bg-text-container .el-bg-text-container-inner:not([data-columns="1"]) .swiper-button-prev { left: calc(50% - 40px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); right: auto; bottom: 0; } .el-bg-text-container .el-bg-text-container-inner:not([data-columns="1"]) .swiper-button-next { left: auto; right: calc(50% - 40px); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); bottom: 0; } .el-bg-text-container:not(.state-swiper-removed) .el-bg-text-container-inner:not([data-columns="1"]) .swiper-wrapper { padding-bottom: calc(var(--clamp-scale-4) * 180) !important; } } @media screen and (max-width: 1200px) and (min-width: 1016px) { .el-bg-text-container .el-bg-text-container-inner[data-columns="3"] .el-bg-text--content-wrapper { padding: 30px; } } @media screen and (max-width: 1024px) { .el-bg-text-container .el-bg-text--wrapper.state-double-pictures .el-bg-text--content { position: absolute; padding: calc(var(--clamp-scale-4) * 80); padding-top: calc(var(--clamp-scale-4) * 400); padding-bottom: 0; } .el-bg-text-container:not(.state-swiper-removed) .el-bg-text-container-inner:not([data-columns="1"]) .swiper-wrapper { padding-bottom: calc(var(--clamp-scale-4) * 100) !important; } .el-bg-text-container-inner { height: calc(var(--clamp-scale-3) * 750) !important; } .el-bg-text-container .bh-swiper .swiper-navigation { top: auto; bottom: calc(var(--clamp-scale-2) * -80); right: 0; left: auto; transform: unset; /* display: flex !important; */ } .el-bg-text-container .bh-swiper .swiper-navigation.swiper-button-prev { left: 0; right: auto; transform: rotate(180deg) !important; } .el-bg-text-container .bh-swiper .swiper-pagination { display: none !important; } :is(.style-background-2, .style-background-3) .el-bg-text-container .bh-swiper .swiper-navigation { border-color: var(--color-4) !important; color: var(--color-4) !important; } .el-bg-text-container:not(.state-swiper-removed) .el-bg-text-container-inner { margin-bottom: calc(var(--clamp-scale-2) * 80) !important; } .el-bg-text--wrapper.state-double-pictures .el-bg-text--picture2 { bottom: auto; top: 0; height: calc(var(--clamp-scale-4) * 400); width: 50%; } .el-bg-text-container .el-bg-text--wrapper.state-double-pictures .el-bg-text--picture { padding-bottom: 0; margin-bottom: 0; margin-top: calc(var(--clamp-scale-4) * 60); max-width: calc(100% - var(--clamp-scale-4) * 80); } .el-bg-text--wrapper.state-double-pictures .el-bg-text--content { max-width: calc(90% - var(--clamp-scale-4) * 80); } .el-bg-text--wrapper.state-double-pictures .el-bg-text--content-wrapper::before { bottom: -1px; } } @media screen and (max-width: 600px) { .el-bg-text-container .el-bg-text--wrapper.state-double-pictures .el-bg-text--content { padding-left: 20px; padding-right: 20px; } .el-bg-text-container:not(.state-swiper-removed) .el-bg-text-container-inner:not([data-columns="1"]) .swiper-wrapper { padding-bottom: 0 !important; } .el-bg-text-container:not(.state-swiper-removed) .el-bg-text-container-inner { padding-bottom: 0px !important; margin: 0 !important; } .el-bg-text-container:not(.state-swiper-removed) { margin-bottom: 120px !important; } .el-bg-text-container.fw-mb-none:not(.state-swiper-removed) { margin-bottom: calc(var(--clamp-scale-4) * 70) !important; } .el-bg-text-container .el-bg-text-container-inner:is([data-columns="2"], [data-columns="3"], [data-columns="4"]) .el-bg-text--content-wrapper, .el-bg-text--content-wrapper { padding: 40px 30px; } .el-bg-text-container .bh-swiper .swiper-navigation { right: 30px; color: white !important; border-color: white !important; bottom: calc(var(--clamp-scale-4) * -50); } .el-bg-text-container .bh-swiper .swiper-navigation.swiper-button-prev { right: 90px; } .el-bg-text-container.text-position_RB .bh-swiper .swiper-button-prev { right: auto; left: 30px; } .el-bg-text-container.text-position_RB .bh-swiper .swiper-button-next { right: 0 !important; left: auto; } .el-bg-text__button { padding-left: 20px; padding-right: 20px; } .el-bg-text--wrapper::before { height: 100%; } :is(.style-background-2, .style-background-3) .el-bg-text-container .bh-swiper .swiper-navigation { border-color: var(--color-4) !important; color: var(--color-4) !important; } /* MOBILE BREAAK */ .el-bg-text-container .el-bg-text-container-inner { height: auto !important; } .el-bg-text-container.mobile-break :is(.el-bg-text--wrapper, .swiper-container, .swiper-wrapper) { height: auto !important; } .el-bg-text-container.mobile-break .el-bg-text--content-wrapper { position: relative !important; top: auto; left: auto; bottom: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding-left: 20px; padding-right: 20px; } .el-bg-text-container.mobile-break .el-bg-text--content { position: relative !important; top: auto; left: auto; bottom: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding: 0 !important; } .el-bg-text-container.mobile-break .el-bg-text--content .el-bg-text__text * { color: var(--color-5); } .el-layout .el-bg-text-container.mobile-break .el-bg-text--content-wrapper { padding: 30px; } .el-bg-text-container.mobile-break .el-bg-text--content { text-shadow: unset; } .el-bg-text-container.mobile-break .el-bg-text--wrapper::before { display: none; } .el-bg-text-container.mobile-break .el-bg-text-container-inner { max-height: unset !important; height: auto !important; min-height: unset !important; } .el-bg-text-container.mobile-break .el-bg-text--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .style-background-2 .el-bg-text-container.mobile-break .el-bg-text--content-wrapper { background: var(--color-3); } .el-bg-text-container.mobile-break .el-bg-text--content-wrapper .bh-bodytext { color: var(--color-4); } .el-bg-text-container.mobile-break .el-bg-text-container-inner :is(.style-text-teaser-1, .style-text-teaser-2) { color: var(--color-1); } .el-bg-text-container.mobile-break .el-bg-text--content-wrapper .button:hover .bh-bodytext { color: white; } .el-bg-text--wrapper.state-double-pictures .el-bg-text--picture2 { width: 70%; } .el-bg-text-container .el-bg-text--wrapper.state-double-pictures .el-bg-text--picture { padding-bottom: 0; margin-bottom: 0; margin-top: calc(var(--clamp-scale-4) * 300); max-width: calc(100% - 20px); } .el-bg-text--wrapper.state-double-pictures .el-bg-text--content { max-width: calc(90% - 20px); } } @media screen and (max-width: 600px) { .el-bg-text-container .el-bg-text-container-inner:is([data-columns="2"], [data-columns="3"], [data-columns="4"]) .el-bg-text--content-wrapper, .el-bg-text--content-wrapper { padding: 40px 20px; } .el-bg-text-container .bh-swiper .swiper-navigation { right: 20px; } .el-bg-text-container .bh-swiper .swiper-navigation.swiper-button-prev { right: 80px; } .el-bg-text-container.text-position_RB .bh-swiper .swiper-button-prev { right: auto; left: 20px; transform: rotate(180deg) !important; } .el-bg-text-container.text-position_RB .bh-swiper .swiper-button-next { right: 0; left: auto; } } @media screen and (max-width: 768px) { } /* animations */ @-webkit-keyframes el-bg-text__zoom-in-zoom-out { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes el-bg-text__zoom-in-zoom-out { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .el-columns-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .el-columns-wrapper > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 300px; } .el-columns.style-cols-minw-xsm .el-columns-wrapper > * { min-width: 100px; } .el-columns.style-cols-minw-sm .el-columns-wrapper > * { min-width: 200px; } .el-columns.style-cols-minw-lg .el-columns-wrapper > * { min-width: 400px; } body.bhe-state-editing .el-columns.same-height .el-columns-wrapper > .bhContainer { height: auto !important; } /* .el-columns-wrapper.items-per-row-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } */ /* responsive swiper */ .el-columns.state-swiper .el-columns-swiper { overflow: hidden; } .el-columns.state-swiper .el-columns-wrapper { -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; gap: unset; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; /* height: auto !important; */ -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .el-columns.state-swiper .el-columns-wrapper > .bhContainer { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; min-width: unset; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; height: auto !important; } .el-columns .el-columns-swiper > .swiper-navigation { display: none; top: auto; bottom: 0; } .el-columns.state-swiper .custom-pagination, .el-columns.state-swiper .swiper-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; bottom: calc(var(--clamp-scale-4) * 80); } .el-columns.state-swiper .swiper-button-next { left: calc(var(--clamp-scale-4) * 160); right: auto; } .el-columns.state-swiper .custom-pagination { color: var(--color-4); } .el-columns.state-swiper .custom-pagination__line, .el-columns.state-swiper .custom-pagination__progress { background-color: var(--color-4); } .el-columns .swiper-navigation { background-image: url('../../../fileadmin/images/icons/swiper-arrow-brown.svg'); } .el-columns.state-swiper .el-columns-wrapper > .bhContainer .swiper-slide { width: 100% !important; } .el-columns.same-height .el-columns-wrapper > .bhContainer { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .el-columns.same-height .el-columns-wrapper > .bhContainer > .bhElement { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .el-columns.same-height .el-picture__picture { height: calc(var(--clamp-scale-4) * 450); } .el-columns.same-height .el-columns-wrapper > .bhContainer :is(.bhElementInner), .el-columns.same-height .el-columns-wrapper > .bhContainer > .bhElement { height: 100%; width: 100%; } .el-columns.same-height .el-picture .swiper-navigation { display: none !important; } .fw-gap-30 { gap: calc(var(--clamp-scale-2) * 30); } .el-columns.same-height .el-columns-wrapper.fw-align-center > .bhContainer > .bhElement > .bhElementInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-columns.same-height .el-columns-wrapper.fw-align-end > .bhContainer > .bhElement > .bhElementInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 1024px) { .el-columns:not(.style-break-swiper) .el-columns-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .el-columns.switch-cols-mobile:not(.style-break-swiper) .el-columns-wrapper { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .el-columns .el-picture__picture, .el-columns:not(.style-break-swiper) .el-columns-wrapper > * { min-width: 100%; height: auto !important; } .el-columns .el-picture__picture { height: calc(var(--clamp-scale-4) * 450) !important; } .el-columns-wrapper:not(.fw-gap-none) { gap: calc(var(--clamp-scale-4) * 80); } } @media screen and (max-width: 550px) { .el-columns .swiper-navigation { background-image: url('../../../fileadmin/images/icons/swiper-arrow-small-brown.svg'); } .el-columns.state-swiper .swiper-navigation { bottom: 20px; left: 20px; } .el-columns.state-swiper .swiper-navigation.swiper-button-next { bottom: 20px; left: 80px; } .el-columns-wrapper:not(.fw-gap-none) { gap: 30px; } } /**************************** CSS el-layout **************************** */ .el-layout .el-layout, .el-columns .el-layout { padding-left: calc(var(--clamp-scale-5) * 60); padding-right: calc(var(--clamp-scale-5) * 60); } .el-layout.fw-pb-xxl { padding-bottom: calc(var(--clamp-scale-6) * 160); } .el-layout.fw-pt-xxl { padding-top: calc(var(--clamp-scale-6) * 160); } .el-layout > * > .bhBackgroundImage { top: 0; left: 0; position: absolute; background-repeat: repeat; background-position: fixed; background-size: unset; } .el-layout--background-image { top: 0; left: 0; position: absolute; width: 100%; height: 100%; overflow: hidden; } .el-layout--background-image img, .el-layout--background-image svg, .el-layout--background-image .bh-image-background { height: 100%; width: 100%; background-size: cover; background-position: center; } .el-layout--background-image img, .el-layout--background-image svg { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: relative; } /* Pattern */ /* .el-layout { overflow: hidden; } */ body.bhe-state-editing .el-layout:hover { overflow: visible; } .el-layout__pattern { width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; overflow: hidden; } .el-layout:is(.style-pattern-1, .style-pattern-2) .el-layout__pattern::before { content: ""; background-image: url(/fileadmin/templates/elements/el-layout/patterns/layout-1.svg); width: 77%; height: 150%; position: absolute; background-size: contain; background-position: center; pointer-events: none; background-repeat: no-repeat; /* z-index: 1; */ top: 75%; -webkit-transform: translateY(-75%); -ms-transform: translateY(-75%); transform: translateY(-75%); background-size: cover; opacity: 1; left: -5px; opacity: 0.15; } .el-layout.style-pattern-2 .el-layout__pattern::before { background-image: url(/fileadmin/templates/elements/el-layout/patterns/layout-2.svg); left: auto; right: 0; height: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50%; } .el-layout.style-pattern-1:is(.style-background-2, .style-background-3, .style-background-4) .el-layout__pattern::before { background-image: url(/fileadmin/templates/elements/el-layout/patterns/layout-1-negative.svg); } .el-layout.style-pattern-2:is(.style-background-2, .style-background-3, .style-background-4) .el-layout__pattern::before { background-image: url(/fileadmin/templates/elements/el-layout/patterns/layout-2-negative.svg); } /* body.bhe-state-editing .el-layout:not(:hover), body:not(.bhe-state-editing) .el-layout { overflow: hidden; } */ /* inside columns */ .el-columns.same-height .el-layout > .bhElementInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-columns.same-height .el-layout > .bhElementInner > * { width: 100%; } /* shadow */ .el-layout.style-shadow { -webkit-box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.25); } /* background layouer color */ .el-layout__bglayer { bottom: 0; left: 0; width: 100%; max-height: 37%; height: calc(var(--clamp-scale-5) * 450); pointer-events: none; } body.bhe-state-dragging .el-layout__bglayer { display: none !important; } /* EINZUG UNTEN UND OBEN */ body:not(.bhe-state-editing) :is(.el-layout, .bhElement):has(+ .el-layout.style-indent-top) { padding-bottom: 0 !important; } body:not(.bhe-state-editing) .bhElement:not(.el-layout):has(+ .el-layout.style-indent-top), body:not(.bhe-state-editing) .el-layout:has(+ .el-layout.style-indent-top) > .bhElementInner > .el-layout--container-outer > .el-layout--container > .bhContainer > .bhElement:last-child { margin-bottom: calc(var(--clamp-scale-6) * -160) !important; z-index: 1; } body:not(.bhe-state-editing) .el-layout.style-indent-bottom + :is(.el-layout, .bhElement:not(.el-layout)) { padding-top: 0 !important; } body:not(.bhe-state-editing) .el-layout.style-indent-bottom + .bhElement:not(.el-layout), body:not(.bhe-state-editing) .el-layout.style-indent-bottom + .el-layout > .bhElementInner > .el-layout--container-outer > .el-layout--container > .bhContainer > .bhElement:first-child { margin-top: calc(var(--clamp-scale-6) * -160); } body:not(.bhe-state-editing) .el-layout.style-indent-bottom { padding-bottom: calc(var(--clamp-scale-6) * 280) !important; } body:not(.bhe-state-editing) .el-layout.style-indent-top { padding-top: calc(var(--clamp-scale-6) * 280) !important; } @media screen and (max-width: 600px) { /* responsvie framework override */ .el-layout.fw-px-sm, .el-layout.fw-px-md, .el-layout.fw-px-lg, .el-layout.fw-px-xl, .el-layout.fw-px-xxl, .el-layout.fw-px-xxxl { padding-left: 30px; padding-right: 30px; } /* .el-layout.fw-py-1, */ .el-layout.fw-py-sm { padding-top: 40px; padding-bottom: 40px; } .el-layout.fw-py-md, .el-layout.fw-py-lg { padding-top: 50px; padding-bottom: 50px; } .el-layout.fw-py-xxl, .el-layout.fw-py-xxxl { padding-top: 60px; padding-bottom: 60px; } .el-layout.fw-pt-sm { padding-top: 40px; } .el-layout.fw-pb-sm { padding-bottom: 40px; } .el-layout.fw-pt-xl, .el-layout.fw-pt-md, .el-layout.fw-pt-lg { padding-top: 60px; } .el-layout.fw-pb-xl, .el-layout.fw-pb-md, .el-layout.fw-pb-lg { padding-bottom: 60px; } .el-layout.fw-pt-xxl, .el-layout.fw-pt-xxxl { padding-top: 60px; } .el-layout.fw-pb-xxl, .el-layout.fw-pb-xxxl { padding-bottom: 60px; } /* inside another layout */ .el-layout .el-layout.fw-py-sm { padding-top: 30px; padding-bottom: 30px; } .el-layout .el-layout.fw-py-md, .el-layout .el-layout.fw-py-lg { padding-top: 30px; padding-bottom: 30px; } .el-layout .el-layout.fw-py-xxl, .el-layout .el-layout.fw-py-xxxl { padding-top: 30px; padding-bottom: 30px; } .el-layout .el-layout.fw-pt-sm { padding-top: 30px; } .el-layout .el-layout.fw-pb-sm { padding-bottom: 30px; } .el-layout .el-layout.fw-pt-xl, .el-layout .el-layout.fw-pt-md, .el-layout .el-layout.fw-pt-lg { padding-top: 30px; } .el-layout .el-layout.fw-pb-xl, .el-layout .el-layout.fw-pb-md, .el-layout .el-layout.fw-pb-lg { padding-bottom: 30px; } .el-layout .el-layout.fw-pt-xxl, .el-layout .el-layout.fw-pt-xxxl { padding-top: 30px; } .el-layout .el-layout.fw-pb-xxl, .el-layout .el-layout.fw-pb-xxxl { padding-bottom: 30px; } /* responsvie framework override */ .el-layout.fw-px-sm, .el-layout.fw-px-md, .el-layout.fw-px-lg, .el-layout.fw-px-xl, .el-layout.fw-px-xxl, .el-layout.fw-px-xxxl { padding-left: 20px; padding-right: 20px; } body:not(.bhe-state-editing) .bhElement:not(.el-layout):has(+ .el-layout.style-indent-top), body:not(.bhe-state-editing) .el-layout:has(+ .el-layout.style-indent-top) > .bhElementInner > .el-layout--container-outer > .el-layout--container > .bhContainer > .bhElement:last-child { margin-bottom: calc(var(--clamp-scale-6) * -160) !important; } body:not(.bhe-state-editing) .el-layout.style-indent-bottom + .bhElement:not(.el-layout), body:not(.bhe-state-editing) .el-layout.style-indent-bottom + .el-layout > .bhElementInner > .el-layout--container-outer > .el-layout--container > .bhContainer > .bhElement:first-child { margin-top: calc(var(--clamp-scale-6) * -160); } body:not(.bhe-state-editing) .el-layout.style-indent-bottom { padding-bottom: calc(var(--clamp-scale-6) * 280) !important; } body:not(.bhe-state-editing) .el-layout.style-indent-top { padding-top: 60px; } .el-layout__pattern { width: 160%; opacity: 0.3; } .el-layout.style-pattern-2 .el-layout__pattern, .el-layout.style-pattern-2 .el-layout__pattern::before { width: 100%; } } /********************************************** * CSS FÜR DAS ELEMENT el-linkboxe **********************************************/ .el-linkbox { text-decoration: none; } .el-linkbox .bhElementInner { margin: 0; } .el-linkbox__body { /* background: white; color: var(--color-4); */ padding: calc(var(--clamp-scale-2) * 15) calc(var(--clamp-scale-3) * 40); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; min-width: calc(var(--clamp-scale-4) * 250); max-width: 100%; transition: color 0.4s, border-color 0.4s; text-align: center; border: 2px solid; letter-spacing: calc(var(--clamp-scale-1) * 2.8); text-transform: uppercase; color: var(--color-4); font-weight: 600; } :is(.style-background-2, .style-background-3, .style-background-4) .el-linkbox__body { color: white; } .el-linkbox.style-color-2 .el-linkbox__body { border-color: var(--color-2); } .el-linkbox.style-color-3 .el-linkbox__body { border-color: var(--color-3); } .el-linkbox__body:hover { color: white; border-color: var(--color-4); } .style-background-3 .el-linkbox.style-color-3 .el-linkbox__body:hover, .style-background-2 .el-linkbox.style-color-2 .el-linkbox__body:hover, :is(.style-background-2, .style-background-3, .style-background-4) .el-linkbox:not(:is(.style-color-2, .style-color-3)) .el-linkbox__body:hover { color: var(--color-4); border-color: white; } .style-background-3 .el-linkbox.style-color-3 .el-linkbox__body, .style-background-2 .el-linkbox.style-color-2 .el-linkbox__body { border-color: white; } .el-linkbox__body::before { content: ""; width: 100%; height: 100%; left: 0; top: 0; background: var(--color-4); position: absolute; transition: all 0.4s; pointer-events: none; transform: scale(0); } .style-background-3 .el-linkbox.style-color-3 .el-linkbox__body::before, .style-background-2 .el-linkbox.style-color-2 .el-linkbox__body::before, :is(.style-background-2, .style-background-3, .style-background-4) .el-linkbox__body::before { background: white; } .el-linkbox.style-color-2 .el-linkbox__body::before { background-color: var(--color-2); } .el-linkbox.style-color-3 .el-linkbox__body::before { background-color: var(--color-3); } .el-linkbox__body:hover::before { transform: scale(1); } .el-twocols__content .el-linkbox__body *, .el-linkbox__body * { text-align: center !important; } .el-iconbox--text p { margin-bottom: 0; } .el-linkbox .el-linkbox__body { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; pointer-events: all; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body.bhe-state-editing .el-linkbox { pointer-events: all !important; } /***************** * OPTIONS ****************/ /* Background */ .el-linkbox { background-color: transparent !important; } .el-linkbox.style-background-white .el-linkbox__body { background-color: white; } .el-linkbox.style-background-white .el-linkbox__body::before { background-color: var(--color-3); } .el-linkbox.style-background-1 .el-linkbox__body { background-color: var(--color-1); } .el-linkbox.style-background-2 .el-linkbox__body { background-color: var(--color-2); border-color: var(--color-3); } .el-linkbox.style-background-3 .el-linkbox__body { background-color: var(--color-3); } .el-linkbox.style-background-4 .el-linkbox__body { background-color: var(--color-4); } .el-linkbox.style-background-5 .el-linkbox__body { background-color: var(--color-5); } .el-linkbox:is(.style-background-white, .style-background-2, .style-background-3) .el-linkbox__body { color: var(--color-4); } .el-linkbox:is(.style-background-1, .style-background-2, .style-background-3) .el-linkbox__body::before { background: var(--color-4); } .el-linkbox:is(.style-background-1, .style-background-2, .style-background-3) .el-linkbox__body:hover { color: white; } .el-linkbox:is(.style-background-white) .el-linkbox__body::before { background: var(--color-2); } .el-linkbox:is(.style-background-white) .el-linkbox__body:hover { color: var(--color-4); } .el-linkbox:is(.style-background-1, .style-background-2, .style-background-3, .style-background-4, .style-background-5, .style-background-6. .style-background-white) .el-linkbox__body:not(:hover)::before { height: 0; } .el-linkbox:is(.style-background-1, .style-background-2, .style-background-3, .style-background-4, .style-background-5, .style-background-6. .style-background-white) .el-linkbox__body { font-style: italic; } /********************************************** * CSS FÜR DAS ELEMENT el-linkboxes **********************************************/ .el-linkboxes .bhContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: calc(var(--clamp-scale-3) * 30); row-gap: calc(var(--clamp-scale-5) * 30); -ms-flex-wrap: wrap; flex-wrap: wrap; } body:not(.bhe-state-dragging) .el-linkboxes .bhContainer .bhe-container-dropzone { display: none; } .el-linkboxes .el-linkbox { margin: 0 !important; } /***************** * OPTIONS ****************/ /* Position */ .el-linkboxes.boxPosition_RC .bhContainer, .el-linkboxes.boxPosition_LC .bhContainer, .el-linkboxes.boxPosition_CC .bhContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; } .el-linkboxes.boxPosition_RC .bhContainer { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .el-linkboxes.boxPosition_LC .bhContainer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .el-linkboxes.boxPosition_BW .bhContainer { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .el-linkboxes.boxPosition_DF .bhContainer .el-linkbox__body, .el-linkboxes.boxPosition_DF .bhContainer .el-linkbox { width: 100%; } @media screen and (max-width: 560px) { .el-linkboxes .bhContainer .el-linkbox__body, .el-linkboxes .bhContainer .el-linkbox { /* width: 100%; */ } } /********************************************** * CSS FÜR DAS ELEMENT el-picture **********************************************/ .el-picture .el-picture-wrapper { height: calc(100vh - calc(var(--clamp-scale-4) * 45)); height: calc(100svh - calc(var(--clamp-scale-4) * 45)); } .el-picture.style-height-half .el-picture-wrapper, .el-picture.style-height-full .el-picture-wrapper { min-height: calc(var(--clamp-scale-5) * 500); } body.state-noheader .el-picture .el-picture-wrapper { height: 100vh; height: 100svh; } body.bh-bemode .el-picture .el-picture-wrapper { height: calc(100vh - var(--bh-safe-area-inset-top) - calc(var(--clamp-scale-4) * 45)); height: calc(100svh - var(--bh-safe-area-inset-top) - calc(var(--clamp-scale-4) * 45)); } body.bh-bemode.state-noheader .el-picture .el-picture-wrapper { height: calc(100vh - var(--bh-safe-area-inset-top)); height: calc(100svh - var(--bh-safe-area-inset-top)); } .el-picture__slide { height: 100%; overflow: hidden; } a.el-picture__slide:hover img { -webkit-filter: brightness(0.7); filter: brightness(0.7); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } a.el-picture__slide::before { content: "\e90f"; font-family: bakehouse-iconset; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 35px; color: white; -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); opacity: 0; pointer-events: none; z-index: 6; } a.el-picture__slide:hover::before { opacity: 1; } .el-picture-wrapper { height: 100%; } .el-columns.same-height .el-picture-wrapper { min-height: 100% !important; } .el-columns.same-height .el-picture-wrapper { min-height: 100%; } .el-picture__content { width: 100%; height: 100%; top: 0; left: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); padding-bottom: calc(var(--clamp-scale-4) * 120); } .text-position_RB .el-picture__content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } body:not(.bhe-state-editing) .el-picture__content { pointer-events: none; } .el-picture .swiper-slide, .el-picture .swiper-wrapper, .el-picture .swiper-container, .el-picture .bh-swiper { height: 100% !important; } .el-picture .bhImageInner { height: 100%; } .el-picture img { height: 100% !important; -o-object-fit: cover; object-fit: cover; transition: max-height 0.5s, transform 0.5s, -webkit-transform 0.5s; } /* video */ .el-picture .bhHtml5VideoElement { height: 100%; padding: 0; } .el-picture .bhHtml5VideoElement video { -o-object-fit: cover; object-fit: cover; cursor: pointer; } .el-picture__play { background-image: url('../../../fileadmin/images/icons/icon-play.svg'); background-size: contain; width: calc(var(--clamp-scale-4) * 100); height: calc(var(--clamp-scale-4) * 100); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 50; -webkit-animation: EL_HEADER_ZOOMINOUT 3s ease-in-out infinite; animation: EL_HEADER_ZOOMINOUT 3s ease-in-out infinite; /* Hier kannst du die Dauer der Animation (3s), die Timing-Funktion (ease-in-out) und die Wiederholung (infinite) anpassen */ pointer-events: none; } .state-playing .el-picture__play { background-image: url('../../../fileadmin/images/icons/icon-pause.svg'); -webkit-animation-play-state: paused; animation-play-state: paused; } body.bhe-state-editing .el-picture-wrapper { margin-right: unset !important; margin-left: unset !important; min-width: unset !important; } .bhHtml5VideoElement::before { display: none !important; } .el-picture__button { pointer-events: all; } /***************** * OPTIONS ****************/ /* MASK */ .el-picture .el-picture-wrapper:is(.state--badge2)::before, .el-picture.show-text .el-picture-wrapper::before { content: ""; height: 100%; width: 100%; background: var(--color-4); position: absolute; left: 0; top: 0; z-index: 5; background: linear-gradient(180deg, rgba(45, 44, 49, 0) 0%, var(--color-4) 100%); opacity: 1; pointer-events: none; height: 40%; top: auto; border: 0; bottom: 0; } .state--gradient-white .el-picture .el-picture-wrapper::before { background: linear-gradient(180deg, rgba(45, 44, 49, 0) 0%, white 100%); } .state--gradient-2 .el-picture .el-picture-wrapper::before { background: linear-gradient(180deg, rgba(45, 44, 49, 0) 0%, var(--color-2) 100%); } .state--gradient-3 .el-picture .el-picture-wrapper::before { background: linear-gradient(180deg, rgba(45, 44, 49, 0) 0%, var(--color-3) 100%); } .header .el-picture .el-picture-wrapper::after { content: ""; height: 100%; width: 100%; background: var(--color-4); position: absolute; left: 0; top: 0; z-index: 5; background: linear-gradient(180deg, rgba(45, 44, 49, 0) 0%, var(--color-4) 100%); opacity: 1; pointer-events: none; height: 30%; border: 0; transform: scaleY(-1); top: 0; opacity: 0.7; } .header .el-picture + .sibling #change { color: red; } /* SCROLL */ .el-picture__scroll { bottom: calc(var(--clamp-scale-2) * 30); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: calc(var(--clamp-scale-2) * 75); height: calc(var(--clamp-scale-2) * 45); cursor: pointer; -webkit-animation: EL_HEADER_BOUNCE 0.5s infinite alternate; animation: EL_HEADER_BOUNCE 0.5s infinite alternate; background-image: url('../../../fileadmin/images/icons/icon-scrolldown.svg'); background-size: contain; background-repeat: no-repeat; pointer-events: all; } .el-picture__scroll:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } /* AUTO HEIHT */ .el-picture.style-height-auto :is(.el-picture-wrapper, img) { height: auto !important; object-fit: unset !important; } /* HALBE HÖHE */ .el-picture.style-height-half .el-picture-wrapper { height: 70vh; height: 70svh; } body.bh-bemode .el-picture.style-height-half .el-picture-wrapper { height: calc(65vh - var(--bh-safe-area-inset-top)); height: calc(65svh - var(--bh-safe-area-inset-top)); } /* INDIVIDUELLE HÖHE */ /* HEADER BADGE */ body:not(.state-nav-open) :is(.el-picture__badge, .el-picture__badge2) { z-index: 50; } .el-picture :is(.el-picture__badge, .el-picture__badge2) { right: 0; bottom: 0; width: calc(var(--clamp-scale-5) * 288); max-width: 40%; height: auto !important; right: calc(var(--clamp-scale-4) * 80); bottom: calc(var(--clamp-scale-4) * 100); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .el-picture a.el-picture__badge:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .el-picture.style-height-half :is(.el-picture__badge, .el-picture__badge2, .swiper-pagination) { bottom: calc(var(--clamp-scale-4) * 40); } .el-picture.style-height-half .el-picture__content { padding-bottom: calc(var(--clamp-scale-4) * 80); align-items: flex-start; } /* HEADER BADGE 2 */ .el-picture .el-picture__badge2 { rigth: auto; left: calc(var(--clamp-scale-4) * 80); width: calc(var(--clamp-scale-5) * 320); /* transform: translateY(calc(var(--clamp-scale-6) * -20)); */ z-index: 50 !important; filter: drop-shadow(0px 0px 10px #ffffffc7); } /* SWIPER */ .el-picture .swiper-pagination { bottom: calc(var(--clamp-scale-4) * 80); margin-top: 0; } .header .el-picture .swiper-pagination { bottom: calc(var(--clamp-scale-4) * 130); } .el-picture:not(.style-height-full) .swiper-pagination { bottom: calc(var(--clamp-scale-2) * 60) !important; } .main .el-picture:not(.style-height-full) .swiper-pagination { bottom: calc(var(--clamp-scale-2) * 60) !important; } .el-picture.bhElement .swiper-pagination-bullet { border-color: white; } .el-picture.bhElement .swiper-pagination-bullet-active { background-color: white; } @media screen and (max-width: 1024px) { .el-picture :is(.el-picture__badge, .el-picture__badge2) { z-index: 50 !important; } .el-picture .el-picture-wrapper { max-height: calc(var(--clamp-scale-6) * 800); } .header .el-picture .swiper-pagination { bottom: calc(var(--clamp-scale-2) * 40); } } @media screen and (max-width: 768px) { } @media screen and (max-width: 600px) { .el-picture .el-picture-wrapper { max-height: 400px; } .el-picture:not(.style-height-full) .swiper-pagination, .el-picture .swiper-pagination { bottom: 40px !important; } .el-picture .el-picture-wrapper :is(.el-picture__badge, .el-picture__badge2) { right: 20px; bottom: 62px !important; } .el-picture .el-picture-wrapper.state--noswiper :is(.el-picture__badge, .el-picture__badge2) { bottom: 30px !important; } .el-picture .el-picture__badge2 { right: auto; left: 20px; } .el-picture.style-height-half .el-picture__content, header .el-picture__content, body[data-layout="0"] .el-picture__content { padding-bottom: calc(var(--clamp-scale-4) * 100); padding-left: 20px; padding-right: 20px; padding-top: 20px; } header .el-picture__content .bh-bodytext { max-width: 35%; } .el-picture .swiper-pagination { bottom: 40px !important; } .el-picture .el-picture__badge2 { width: 120px; max-width: 30%; } } @media screen and (max-width: 350px) { .el-picture .el-picture__badge2 { width: 100px; max-width: 27%; } } /***************** * ANIMATIONS ****************/ @-webkit-keyframes EL_HEADER_BOUNCE { 0% { -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); } 100% { -webkit-transform: translateY(calc(var(--clamp-scale-2) * -40)) translateX(-50%); transform: translateY(calc(var(--clamp-scale-2) * -40)) translateX(-50%); } } @keyframes EL_HEADER_BOUNCE { 0% { -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); } 100% { -webkit-transform: translateY(calc(var(--clamp-scale-2) * -40)) translateX(-50%); transform: translateY(calc(var(--clamp-scale-2) * -40)) translateX(-50%); } } @-webkit-keyframes EL_HEADER_ZOOMINOUT { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 50% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); /* Hier kannst du den Wert anpassen, um den Zoom-In-Effekt zu definieren */ } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } @keyframes EL_HEADER_ZOOMINOUT { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 50% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); /* Hier kannst du den Wert anpassen, um den Zoom-In-Effekt zu definieren */ } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } /* **************************** CSS el-text **************************** */ .el-text.bhElement.zweiSpalter { column-count: 2; column-gap: calc(var(--clamp-scale-3) * 50); -moz-column-count: 2; -moz-column-gap: calc(var(--clamp-scale-3) * 50); -webkit-column-count: 2; -webkit-column-gap: calc(var(--clamp-scale-3) * 50); } @media screen and (max-width: 768px) { .el-text.bhElement.zweiSpalter { column-count: 1; column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; } }