/*!****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./Assets/css/style.less ***! \****************************************************************************************************************/ /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 87.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } /* min-width:0 fixes error involving text-overflow on elements inside fieldset */ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */ button, input { line-height: normal; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ============================================================================= Chrome Frame Prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ==|== primary styles ===================================================== Author: ========================================================================== */ /*! jQuery UI - v1.11.2 - 2015-01-26 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery 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-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .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-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .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; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; } .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-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .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: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only, .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: 0.4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -0.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .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; } .ui-dialog { overflow: hidden; 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-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px 0.4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-autocomplete .ui-menu-item a { display: block; padding: 3px 0.9em 3px 0.4em; margin: -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 { 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-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%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ 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-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -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-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 22px; } .ui-spinner-button { width: 16px; 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: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .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; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/5ffb1eae88005978c8e2.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/f0ef41de4cf1bd1d9f49.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/057b318e3d2f9061a30e.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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-content .ui-state-active, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/950d35389640b7fd637b.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .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 { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/75d62cb48fdfe6a49775.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/f90a62765790f09f4b7f.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/4ff270a625dc1fe9fc57.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .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; 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; filter: alpha(opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { 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(images/3f23f6f9dd1c59691eba.png); } .ui-widget-header .ui-icon { background-image: url(images/3f23f6f9dd1c59691eba.png); } .ui-state-default .ui-icon { background-image: url(images/ef5ac6aea7df68591eec.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/2cb6131e0e292e27c5cb.png); } .ui-state-active .ui-icon { background-image: url(images/2cb6131e0e292e27c5cb.png); } .ui-state-highlight .ui-icon { background-image: url(images/1c753b4b338b6f900faf.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/459791cd7103af739d35.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-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: -64px -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: -64px -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: 0 -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: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/d35927f1e17fbe1569cd.png) 50% 50% repeat-x; opacity: 0.3; filter: alpha(opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/d35927f1e17fbe1569cd.png) 50% 50% repeat-x; opacity: 0.3; filter: alpha(opacity=30); /* support: IE8 */ border-radius: 8px; } /*! * jQuery UI CSS Framework 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* 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-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .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-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .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; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; } .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-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .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: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: 0.4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -0.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .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; } .ui-dialog { overflow: hidden; 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-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px 0.4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .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 { 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-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%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ 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-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -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-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 22px; } .ui-spinner-button { width: 16px; 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: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .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; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /*! * jQuery UI CSS Framework 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: inherit; font-size: inherit; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/5ffb1eae88005978c8e2.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/f0ef41de4cf1bd1d9f49.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/057b318e3d2f9061a30e.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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 { border: 1px solid #999999; background: #dadada url(images/950d35389640b7fd637b.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .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 { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/75d62cb48fdfe6a49775.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/f90a62765790f09f4b7f.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/4ff270a625dc1fe9fc57.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .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; 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; filter: alpha(opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { 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(images/3f23f6f9dd1c59691eba.png); } .ui-widget-header .ui-icon { background-image: url(images/3f23f6f9dd1c59691eba.png); } .ui-state-default .ui-icon { background-image: url(images/ef5ac6aea7df68591eec.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/2cb6131e0e292e27c5cb.png); } .ui-state-active .ui-icon { background-image: url(images/2cb6131e0e292e27c5cb.png); } .ui-state-highlight .ui-icon { background-image: url(images/1c753b4b338b6f900faf.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/459791cd7103af739d35.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-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: -64px -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: -64px -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: 0 -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: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/d35927f1e17fbe1569cd.png) 50% 50% repeat-x; opacity: 0.3; filter: alpha(opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/d35927f1e17fbe1569cd.png) 50% 50% repeat-x; opacity: 0.3; filter: alpha(opacity=30); /* support: IE8 */ border-radius: 8px; } .consent-box { background-color: white; bottom: 0; box-shadow: #121212 2px 2px 14px 2px; z-index: 2; padding: 10px; width: 100%; position: fixed; transform: scale(calc(var(--consentBoxScale))); transform-origin: bottom left; width: calc(1 / var(--consentBoxScale) * 100%); box-sizing: border-box; } .consent-box .consent-box-header { font-size: 14pt; font-weight: bold; } .consent-box .consent-box-inner { max-width: calc(1 / var(--consentBoxScale) * 920px); margin: 0 auto; } .consent-box .consent-box-details { max-height: calc(var(--consentBoxScale) * 45vh); overflow-y: scroll; padding: 10px; border: 1px solid lightgray; margin: 10px 0 0 0; display: none; } .consent-box .consent-box-details table { width: 100%; } .consent-box .consent-box-details td, .consent-box .consent-box-details th { padding: 3px 5px 3px 0; text-align: left; } .consent-box .consent-box-details td:nth-of-type(2), .consent-box .consent-box-details td:nth-of-type(3) { white-space: nowrap; } .consent-box .consent-box-details .consent-category-name, .consent-box .consent-box-details .consent-functionality-name { font-weight: bold; } .consent-box .consent-box-details .consent-category-name { font-size: 14pt; } .consent-box .consent-box-details table { font-size: smaller; } .consent-box .consent-box-text p { margin: 0 0 0.8em 0; } .consent-box .consent-functionality { margin-bottom: 5px; } .consent-box .consent-box-choices { text-align: center; } .consent-box .consent-box-choices button { margin: 0 5px 0.8em 5px; padding: 5px 10px; background-color: #169720; color: #fff; border: none; } .consent-box .consent-box-text, .consent-box .consent-box-choices { margin: 10px 0 0 0; } .consent-box .consent-category { margin-bottom: 20px; } .consent-box a { white-space: nowrap; outline: none; color: #000; } .consent-box-with-detail .consent-box-details { display: block; } .consent-detail .consent-box-details { overflow-x: auto; } .consent-detail .consent-box-choices { text-align: center; } .consent-detail .consent-box-group { margin-bottom: 20px; } .consent-detail input { margin: 0 5px 0.8em 5px; padding: 5px 10px; background-color: #169720; color: #fff; border: none; } @media all and (max-width: 399px) { .consent-box .consent-box-choices button { display: block; margin: 0 auto 10px auto; width: 100%; } .consent-detail .consent-box-choices input { display: block; margin: 0 auto 10px auto; width: 100%; } } ::-moz-selection { background: #cbe5f2; color: #000; } ::selection { background: #cbe5f2; color: #000; } html.js .nojssubmit { display: none; } /* Autocomplete */ .ui-autocomplete-category { position: relative; margin: 0; padding: 3px 1em 3px 0.4em; min-height: 0; } .powered-by-google { background: url(images/8b4633d5b53d6adf86bb.png) no-repeat; height: 16px !important; } /* \Autocomplete */ html.history .historyhide { display: none; } form span.hint { color: silver; } form span.field-validation-error { display: block; color: red; } div.trap { display: none; } h1, h2 { margin: 0.4em 0; padding: 0; line-height: 1; font-size: 1.714em; } h3, h4, h5, h6 { margin: 0; padding: 0; line-height: 1; font-size: 1em; } p { margin: 0 0 1.4em 0; } figure { overflow: hidden; display: table; table-layout: fixed; height: auto; text-align: center; background-color: #434343; color: #fff; } figure > figcaption { display: table-caption; caption-side: bottom; padding: 10px; font-size: 0.857em; background-color: inherit; text-align: left; font-style: italic; } select { background-color: #fff; } .image > img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .input-validation-error { background-color: #ffcd00; box-shadow: inset 0 0 0 20px #ffcd00; } .input-validation-error + .ui-datepicker-trigger { background-color: #ffcd00 !important; } .inspiration { padding: 10px; margin-bottom: 20px; } .inspiration ul { list-style: none; margin: 0; padding: 0; } body > div { position: relative; z-index: 1; background-color: #f1f1f1; } .ui-widget { font-size: 1em; } * { background-repeat: no-repeat; } .l-mph { height: 100%; } .l-peter { overflow: hidden; position: absolute; width: 100%; height: 100%; } .l-peter .main { position: absolute; bottom: 0; top: 165px; width: 100%; max-width: none; padding: 0; } .l-peter .main .zone-content { height: 100%; } .l-peter .main .zone-content > article > header { display: none; } .l-peter .main aside { display: none; } .l-peter .zone-before-content, .l-peter .logo { max-width: none; } .l-peter footer { display: none; } body > div > header, body > div > .zone-before-content { background-color: #fff; } body > div > header { padding: 0 10px; } body { background-color: #f1f1f1; } .logo { height: 85px; max-width: 1000px; margin: 0 auto 0 auto; position: relative; height: 72px; background-position: center 31px; } .logo a { background-image: url(images/933aa83a723a51f394c1.png); background-position: 0 12px; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; text-indent: -999px; outline: 0; } .logo-da-dk { background-image: url(images/9a9822ab28012ca2e871.png); } .logo-de-de { background-image: url(images/7a5e84ff7cb31fe9dcde.png); } .zone-navigation { text-align: center; } .zone-navigation ul.menu-main-menu-default, .zone-navigation ul.menu-main-menu-holiday-center, .zone-navigation ul.menu-main-menu-weekend-stay { border-top: 1px solid #d9d9d9; display: inline-block; padding: 10px 0; line-height: 7px; } .zone-navigation ul.menu-main-menu-default li, .zone-navigation ul.menu-main-menu-holiday-center li, .zone-navigation ul.menu-main-menu-weekend-stay li { display: inline-block; } .zone-navigation ul.menu-main-menu-default a, .zone-navigation ul.menu-main-menu-holiday-center a, .zone-navigation ul.menu-main-menu-weekend-stay a { color: #767676; text-decoration: none; display: inline-block; padding: 10px; outline: 0; } .zone-navigation .other-sites-container { top: 0; left: 0; right: 0; position: absolute; height: 0; padding: 0 10px; } .zone-navigation .other-sites { height: 0; max-width: 1000px; margin: 0 auto; text-align: right; font-size: 0; } .zone-navigation .other-sites ul { padding: 15px 0; line-height: 14px; display: inline-block; } .zone-navigation .other-sites li { display: inline-block; margin-right: 15px; } .zone-navigation .other-sites li:last-child { margin-right: 0px; } .zone-navigation .other-sites a { display: inline-block; width: 14px; height: 11px; padding: 0; text-indent: 999px; overflow: hidden; background-image: url(images/44b103a3c0c8a101759d.png); outline: 0; } .zone-navigation .other-sites a.da { background-position: 0 0; } .zone-navigation .other-sites a.de { background-position: 0 -11px; } .zone-navigation .other-sites a.en { background-position: 0 -22px; } .zone-navigation .other-sites a.no { background-position: 0 -33px; } .zone-navigation .other-sites a.sv { background-position: 0 -44px; } .zone-navigation .other-sites a.nl { background-position: 0 -55px; } .menu-main-menu-button:focus { outline: 0; } @media all and (max-width: 600px) { .logo { background-image: none; } } @media all and (max-width: 500px), (max-height: 500px) { .js .logo { height: 40px; background-image: none; } .js .logo a { background-image: url(images/e31ad97f9b485f5ca04b.png); background-position: 0 4px; } .js .menu-main-menu-button { top: 0; right: 10px; position: absolute; display: block; width: 22px; height: 40px; background-image: url(images/8cf46ada0a66503040a1.png); background-position: center center; } .js .zone-navigation { text-align: center; } .js .zone-navigation ul.menu-main-menu-default, .js .zone-navigation ul.menu-main-menu-holiday-center, .js .zone-navigation ul.menu-main-menu-weekend-stay { display: none; } .js .zone-navigation ul.menu-main-menu-open { display: block; } .js .other-sites-container { right: 42px; } } @media all and (max-width: 274px) { .js .other-sites-container { display: none; } } .content-breadcrumb { font-size: 0.857em; height: 100%; padding: 0 10px; } .content-breadcrumb h4 { max-width: 1000px; margin: 0 auto 0 auto; } .content-breadcrumb-header { display: none; } .content-breadcrumb-items { max-width: 1000px; margin: 0 auto 0 auto; list-style: none; overflow: hidden; padding: 5px 0; border-top: 1px solid #d9d9d9; } .content-breadcrumb-items li { float: left; margin: 0 15px 0 0; } .content-breadcrumb-items li a { color: #767676; text-decoration: none; outline: none; } .content-item--detail { background-color: #f1f1f1; color: #434343; } .pageheader { background-color: #007bc2; color: #fff; padding: 10px; margin-bottom: 20px; } .pageheader h1, .pageheader h2, .pageheader div { max-width: 1000px; margin: 0 auto; } .pageheader h2 { font-size: 1em; font-weight: normal; line-height: 1.4; } .beforeContent { color: #000; max-width: 1440px; margin: 0 auto; background-color: #cbe5f2; } .beforeContent h2 { margin: 0; padding: 0; } .beforeContent h2 span { color: #434343 !important; } .beforeContent a { color: #434343; } .beforeContent .content { max-width: 1000px; margin: 0 auto; } .beforeContent .content:after { content: ''; display: table; clear: both; } .beforeContent .content > * { float: left; margin-bottom: 60px; } .beforeContent .accommodation-favorite-overview-widget-test1 { width: 66%; padding-left: 10px; box-sizing: border-box; } .beforeContent #search-history-container { width: 33%; padding-right: 10px; box-sizing: border-box; } .beforeContent #search-history-container.hidden ~ .accommodation-favorite-overview-widget-test1 { width: 100%; padding-left: 0; } .beforeContent #search-history-container.historyOnly { width: 100%; } @media all and (max-width: 800px) { .beforeContent .accommodation-favorite-overview-widget-test1 { width: 100%; padding-left: 0; } .beforeContent #search-history-container { width: 100%; } .beforeContent .content > * { margin-bottom: 0; } .beforeContent .content > *:last-child, .beforeContent .content > *.historyOnly { margin-bottom: 60px; } } .avoid-column-break-inside { -webkit-column-break-inside: avoid; break-inside: avoid; } .avoid-column-break-after { -webkit-column-break-after: avoid; break-after: avoid; } .avoid-column-break-before { -webkit-column-break-before: avoid; break-before: avoid; } .arrow1 { width: 20px; height: 20px; display: inline-block; border: 1px solid #434343; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: 18px 18px; background-position: center; } .zone-footer { padding: 10px; background-color: #f1f1f1; } .zone-footer .trustpilot-footer-container { background-color: #fff; padding: 20px 0; margin-bottom: 20px; } .zone-footer .trustpilot-footer { max-width: 1000px; margin: 0 auto; } .zone-footer .footer-address { text-align: center; max-width: 1000px; margin: 0 auto; } .zone-footer .footer-address hr { display: none; } .zone-footer .footer-address a { color: inherit; } .zone-footer .footer-address span { white-space: nowrap; } .zone-footer .footer-address span.adr, .zone-footer .footer-address span.tel, .zone-footer .footer-address span.org { white-space: normal; } .zone-footer .footer-address span .email { white-space: pre-wrap; } .zone-footer .follow { margin-top: 15px; display: flex; justify-content: center; } .zone-footer .follow h3, .zone-footer .follow ul, .zone-footer .follow li { display: inline; } .zone-footer .follow article { text-align: center; } .zone-footer .follow ul { padding: 0; } .zone-footer .follow ul li { margin-left: 8px; } .zone-footer .follow a span { background-size: 16px; background-position: center; display: inline-block; overflow: hidden; width: 16px; height: 16px; text-indent: 999px; white-space: nowrap; vertical-align: text-bottom; } .zone-footer .follow-containter-newsletter h3 { display: none; } .footer-menu-container { max-width: 1000px; margin: 0 auto; } .footer-menu-container .dropdown > span { font-weight: bold; } .footer-menu-container a { color: #434343; text-decoration: none; } .footer-menu-container .emark { display: inline-block; width: 110px; height: 33px; direction: ltr; text-indent: 999px; background-image: url(images/7b5ef47f4c7e33efd212.png); overflow: hidden; white-space: nowrap; } .footer-menu-container .trustpilot { display: inline-block; width: 110px; height: 26px; direction: ltr; text-indent: 999px; background-image: url(images/94b501d975d86777a6eb.svg); overflow: hidden; white-space: nowrap; } .footer-menu-container { margin-top: 20px; text-align: center; } .footer-menu-container .menu-footer-menu { display: inline-block; text-align: center; } .footer-menu-container .dropdown { display: inline-block; vertical-align: top; margin: 0 30px 20px 30px; text-align: center; } @media all and (max-width: 500px) { .footer-menu-container .dropdown { display: block; } .footer-menu-container .dropdown:nth-child(-n+3) { display: block; text-align: left; margin: 10px 0; } .footer-menu-container .dropdown:nth-child(-n+3) ul li { float: left; margin-right: 10px; } .footer-menu-container .dropdown:nth-child(-n+3) ul li a { text-decoration: underline; } .footer-menu-container .dropdown:nth-child(-n+3) ul:after { content: ''; display: table; clear: both; } .footer-menu-container .trustpilot { margin-top: 20px; } } .attraction--detail .content-b { margin-bottom: 20px; } .attraction--detail .content-a { background-color: #434343; max-width: 1000px; margin: 0 auto; overflow: hidden; } .attraction--detail .content-a .image { float: left; max-width: 60%; margin-right: 10px; display: block; } .attraction--detail .content-a .image figcaption { display: block; } .attraction--detail .content-a .content-a2 { color: #fff; padding: 10px; } .attraction--detail .content-a .content-a2 .attraction-info a { color: white; text-decoration: none; display: block; word-wrap: break-word; } .attraction--detail .content-a .content-a2 .attraction-info div { margin-bottom: 1em; } .attraction--detail .content-a2 .buttonlink { text-align: center; margin-bottom: 1em; display: block; } .attraction--detail .content-b { clear: both; background-color: #fff; padding: 10px; color: #434343; } .attraction--detail .content-b .content-b1 { max-width: 1000px; margin: 0 auto; -moz-column-width: 350px; -webkit-column-width: 350px; column-width: 350px; } .attraction--detail .content-b .content-b1 h2 { -webkit-column-span: all; /* Chrome, Safari, Opera */ column-span: all; text-align: center; color: #007bc2; } .attraction--detail .content-b .content-b1 h3, .attraction--detail .content-b .content-b1 h4 { -webkit-column-break-after: avoid; break-after: avoid; line-height: unset; } .attraction--detail .content-b .content-b1 .image { -webkit-column-break-inside: avoid; break-inside: avoid; width: auto; float: none; padding: 0; margin: 0.4em auto 1em auto; } .attraction--detail .content-b1 .buttonlink { text-align: right; margin-bottom: 1em; display: block; } .attraction--detail .attraction-info { overflow: hidden; } .attraction--detail .aside-a { max-width: 1000px; margin: 0 auto; } .attraction--detail .teaser-articles-recent { background-color: #434343; color: #fff; } .attraction--detail .teaser-articles-recent a { color: #fff; } .attraction--detail .bbtext .image img { width: auto; max-width: 100%; } .attraction--detail .bbtext .imageset { text-align: center; } .attraction--detail .bbtext .imageset div { display: inline-block; } .attraction--detail .bbtext .imageset img { width: auto; max-width: 100%; } @media all and (max-width: 650px) and (min-width: 501px) { .attraction--detail .content-a .image { max-width: 50%; } } @media all and (max-width: 500px) { .attraction--detail .content-a .image { max-width: none; float: none; margin: 0 auto; } } .attraction-summary { padding: 0; position: relative; overflow: hidden; margin-bottom: 20px; background-color: #fff; } .attraction-summary header { display: block; overflow: hidden; position: relative; height: 100px; padding: 10px 10px 10px 170px; background-color: #fff; color: #434343; } .attraction-summary header h3 { font-size: 1.714em; } .attraction-summary header h3 a { z-index: 2; padding: 10px 10px 10px 170px; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background-image: url(images/12f88555485bb5ac6bc9.gif); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; color: inherit; } .attraction-summary header .attraction-info { margin-top: 2.3996em; } .attraction-summary header:hover { background-color: #007bc2; color: #fff; } .attraction-summary .image { z-index: 1; margin: 0; position: absolute; top: 0; width: 160px; height: 120px; overflow: hidden; } .attraction-summary .image img { width: 100%; height: 100%; } .attraction-summary footer { padding: 2px 5px; } .attraction-summary footer a { color: inherit; } @media all and (max-width: 499px) { .attraction-summary header { height: 40px; padding: 10px 10px 10px 90px; } .attraction-summary header h3 { font-size: inherit; } .attraction-summary header h3 a { padding: 10px 10px 10px 90px; } .attraction-summary header .attraction-info { display: none; } .attraction-summary .image { width: 80px; height: 60px; } } .article-detail .introtext { margin-bottom: 0.4em; } .article-detail .content { background-color: #fff; padding: 10px; margin-bottom: 20px; overflow: hidden; } .article-detail .content-a { margin: 0 auto 20px auto; max-width: 1000px; } .article-detail .content-a1 .buttonlink { text-align: center; margin-bottom: 1em; display: block; } .article-detail .content-a2 { position: relative; width: 100%; margin-bottom: 10px; } .article-detail .content-a2 .image { width: 100%; } .article-detail .content-a3 { clear: left; } .article-detail .aside-a { max-width: 1000px; margin: 0 auto; } .article-detail .teaser-articles-recent { background-color: #434343; color: #fff; } .article-detail .teaser-articles-recent a { color: #fff; } .article-detail .list-items { padding: 0; list-style: none; } .article-detail .list-items .press a { color: #000; } @media all and (min-width: 500px) { .article-detail .content-a2 { float: right; width: calc(50% - 10px); margin-left: 10px; } .article-detail .content-a1 { float: left; width: calc(50% - 10px); margin-right: 10px; } } .article-summary { padding: 0; position: relative; overflow: hidden; margin-bottom: 20px; background-color: #fff; } .article-summary header { display: block; overflow: hidden; position: relative; height: 100px; padding: 10px 10px 10px 170px; background-color: #fff; color: #434343; } .article-summary header h3 { font-size: 1.714em; } .article-summary header h3 a { z-index: 2; padding: 10px 10px 10px 170px; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background-image: url(images/12f88555485bb5ac6bc9.gif); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; color: inherit; } .article-summary header .introtext { margin-top: 2.3996em; } .article-summary header:hover { background-color: #007bc2; color: #fff; } .article-summary .image { z-index: 1; margin: 0; position: absolute; top: 0; width: 160px; height: 120px; overflow: hidden; } .article-summary .image img { width: 100%; height: 100%; } .article-summary footer { padding: 2px 5px; } .article-summary footer a { color: inherit; } @media all and (max-width: 499px) { .article-summary header { height: 40px; padding: 10px 10px 10px 90px; } .article-summary header h3 { font-size: inherit; } .article-summary header h3 a { padding: 10px 10px 10px 90px; } .article-summary header .introtext { display: none; } .article-summary .image { width: 80px; height: 60px; } } .article-filter-teaser { padding: 10px; } .article-filter-teaser div { font-weight: bold; margin-bottom: 0.4em; } .article-filter-teaser ul { margin: 0; padding: 0; } .article-filter-teaser li { margin: 0; padding: 0; list-style: none; } .article-filter-teaser a { color: #434343; outline: none; text-decoration: none; } .article-filter-teaser .article-filter-teaser-breadcrumbs { color: #989898; } .articles-filters { background-color: #fff; overflow: hidden; } .childtoparticlelinks { margin: 0; padding: 0; margin-bottom: 20px; } .childtoparticlelinks li { position: relative; overflow: hidden; -webkit-column-break-inside: avoid; break-inside: avoid; list-style: none; background-color: #fff; margin-bottom: 10px; } .childtoparticlelinks li a { display: block; padding: 0 10px 0 0; color: inherit; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; } .childtoparticlelinks li img { margin-right: 10px; } .childtoparticlelinks li:hover { background-color: #007bc2; color: #fff; } .articles-filters, .articles-articles { margin-bottom: 20px; } @media all and (min-width: 560px) { .articles-content { margin: 0 auto; max-width: 1000px; overflow: hidden; } .articles-filters, .articles-articles { position: relative; float: left; left: 100%; } .articles-filters { width: 160px; margin-left: -160px; } .articles-articles { margin-left: -100%; width: 100%; } .articles-articles-content { margin-right: 180px; } } @media all and (min-width: 610px) { .childtoparticlelinks { -moz-column-width: 300px; -webkit-column-width: 300px; column-width: 300px; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } } .summary-list { margin-bottom: 20px; } .summary-list .summary-list-header { padding: 0.4em 10px; } .summary-list .summary-list-header h2 { max-width: 1000px; margin: 0 auto; } .summary-list .summary-list-content { max-width: 1000px; margin: 0 auto 20px auto; } .summary-items { margin: 0; padding: 0; } .summary-items .summary-item { margin: 0; padding: 0; list-style: none; } .frontpageheader { position: relative; max-width: 1440px; margin: 0 auto; height: 275px; background-image: url(images/fa8c2d05019e759d2b32.jpg); background-position: center center; background-color: #f9ecdb; } .frontpageheader h1 { color: #007bc2; font-weight: bolder; font-size: 2.429em; margin: 0.4em 0; line-height: 1.1; } .frontpageheader .subheader { color: #000; font-weight: bold; font-size: 1.286em; margin: 0.4em 0; line-height: 1.1; } .frontpageheader-content { position: relative; line-height: 230px; width: 100%; height: 100%; max-width: 1000px; margin: 0 auto; } .frontpageheader-content2 { display: inline-block; vertical-align: middle; line-height: 1em; max-width: 53%; padding: 0 10px; } .front-page--detail .content nav { position: relative; max-width: 1000px; margin: 0 auto; } .front-page--detail .content nav :after { content: ""; clear: both; display: table; } .front-page--detail .content nav ul { position: absolute; padding: 0 10px; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .front-page--detail .content nav li { float: left; list-style: none; margin-right: 5px; } .front-page--detail .content nav li.current a { background-color: #007bc2; color: #fff; padding: 20px 25px 10px 25px; margin-top: 0; } .front-page--detail .content nav a { outline: none; line-height: 15px; margin-top: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; background-color: #ffcd00; color: #434343; text-decoration: none; padding: 10px 25px; display: inline-block; } .front-page--detail .content nav .end-menu { position: relative; } .front-page--detail .content nav .end-menu ul { width: auto; margin-top: 2px; right: 0; position: absolute; bottom: auto; background: #f1f1f1; padding: 0; z-index: 4; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .front-page--detail .content nav .end-menu li { float: none; line-height: 15px; margin-right: 0 !important; } .front-page--detail .content nav .end-menu li:nth-child(n+2) { margin-top: 1px; } .front-page--detail .content nav .end-menu li a { display: block; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; margin-top: 0; } .front-page--detail .content nav .end-menu div { display: none; } .front-page--detail .content nav .open .end-menu { margin-bottom: -2px; border-bottom: 2px solid #ffcd00; } .front-page--detail .content nav .open .end-menu div { display: block; } .front-page--detail .content .accommodation-search-form { max-width: 1440px; margin: 0 auto 20px auto; } .front-page--detail .description-container { background-color: #fff; padding: 10px; clear: both; } .front-page--detail .description { max-width: 1000px; margin: 0 auto; overflow: hidden; } .front-page--detail .description section { padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .front-page--detail .description section h3 { margin-bottom: 1em; text-align: center; } .front-page--detail .search-teaser { padding: 10px; background-color: #fff; margin-bottom: 20px; overflow: hidden; } .front-page--detail .search-teaser ul { padding: 0; min-width: 50%; float: left; } .front-page--detail .search-teaser ul li { list-style: none; margin-bottom: 10px; } .front-page--detail .search-teaser ul li a { color: inherit; text-decoration: none; line-height: 20px; display: inline-block; vertical-align: top; outline: 0; } .front-page--detail .search-teaser ul li a:before { content: ''; display: inline-block; height: 20px; width: 20px; margin-right: 10px; background-color: #007bc2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; vertical-align: top; background-size: 18px; background-position: center; } .front-page--detail .search-teaser ul li a:hover { color: #007bc2; } .front-page--detail .content-a { display: block; width: 100%; max-width: 1000px; margin: 0 auto 20px auto; } .front-page--detail .content-a .follow, .front-page--detail .content-a .gift-certificate { display: block; width: 100%; vertical-align: middle; } .front-page--detail .content-a .follow { background-color: #ffcd00; color: #434343; overflow: hidden; } .front-page--detail .content-a .follow a { color: #fff; } .front-page--detail .content-a .follow article { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; display: block; float: left; } .front-page--detail .content-a .follow article.follow-containter-newsletter { text-align: right; } .front-page--detail .content-a .follow h3 { display: inline-block; font-size: inherit; margin: 0; max-width: 65%; max-width: calc(100% - 55px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .front-page--detail .content-a .follow ul { padding: 0; margin: 0; display: inline-block; vertical-align: middle; } .front-page--detail .content-a .follow li { display: inline-block; list-style: none; padding: 0; } .front-page--detail .content-a .follow li span { display: inline-block; overflow: hidden; width: 48px; height: 48px; text-indent: 999px; white-space: nowrap; } .front-page--detail .content-a .follow .follow-facebook span { background-size: 30px; background-position: center; } .front-page--detail .content-a .follow .follow-youtube span { background-size: 30px; background-position: center; } .front-page--detail .content-a .follow .follow-newsletter span { background-size: 30px; background-position: center; } .front-page--detail .content-a .gift-certificate { background-color: #fff; color: #434343; font-size: 1.286em; } .front-page--detail .content-a .gift-certificate a { color: #434343; padding: 10px; color: inherit; text-decoration: none; display: block; overflow: hidden; line-height: 48px; } .front-page--detail .content-a .gift-certificate a:before { content: ''; display: inline-block; width: 48px; height: 48px; vertical-align: middle; float: right; background-size: 40px; background-position: center; } .front-page--detail .content-a .gift-certificate h3 { line-height: 48px; } .front-page--detail .content-b { max-width: 1000px; margin: 0 auto; overflow: hidden; } .content-shortvacation .content-b, .content-lastminute .content-b { box-sizing: border-box; padding: 10px; background-color: #fff; } @media all and (min-width: 850px) { .front-page--detail .content-a { display: table !important; table-layout: fixed !important; } .front-page--detail .follow, .front-page--detail .gift-certificate { display: table-cell !important; width: 50% !important; } } .weekend-stay-front-page--detail .frontpageheader { background-image: url(images/fa8c2d05019e759d2b32.jpg); } .holiday-center-front-page--detail .frontpageheader { background-image: url(images/25ad53f032d01b251561.jpg); } .holiday-center-front-page--detail .frontpageheader-content2 { max-width: 53%; } .holiday-home-front-page--detail .frontpageheader { background-image: url(images/7ac5ec60d3b577c5f8a7.jpg); } .holiday-home-front-page--detail .frontpageheader-content2 { max-width: 63%; } .ski-holiday-front-page--detail .frontpageheader { background-image: url(images/97af94a48e2c130c1954.jpg); } .ski-holiday-front-page--detail .frontpageheader-content2 { max-width: 63%; } .holiday-home-city-front-page--detail .frontpageheader { background-image: url(images/0dae4b82c7de20bd9ccd.jpg); } .holiday-home-city-front-page--detail .frontpageheader-content2 { max-width: 63%; } .menu-front-page-footer-links { display: block; text-align: center; } .menu-front-page-footer-links li { display: inline-block; } .menu-front-page-footer-links a { color: #6e6e6e; } .holidayhomecities-cities { padding: 0; bottom: 0; margin: 20px auto 0 auto; max-width: 1000px; } .holidayhomecities-city { list-style: none; margin: 0 0 20px 0; clear: both; background-color: #fff; } .holidayhomecities-city > h3 { font-size: 1.714em; padding: 10px; margin: 0; } .holidayhomecities-city > .content { background-color: #434343; color: #fff; overflow: hidden; } .holidayhomecities-city > .content > .text { padding: 10px; } .holidayhomecities-city > .content > .text > .searchlink { text-align: center; } @media all and (min-width: 500px) { .holidayhomecities-city .image { float: left; width: 200px; height: 150px; position: relative; margin: 0 10px 0 0; } } @media all and (min-width: 850px) { .holidayhomecities-city .image { width: 300px; height: 225px; } } .trust-seals { clear: both; max-width: 1000px; margin: 0 auto 20px auto; text-align: center; } .trust-seals-text { font-size: 1.286em; } .trust-seals-seals a { display: inline-block; margin: 10px 10px 0 10px; outline: 0; } .trust-seals-trustpilot { padding: 20px 0; } @media all and (min-width: 500px) and (max-width: 649px) { .front-page--detail .description section { width: 50%; float: left; } .front-page--detail .description section:nth-of-type(2n+1) { clear: left; } } @media all and (min-width: 650px) { .front-page--detail .description section { width: 33%; float: left; } .front-page--detail .description section:nth-of-type(3n+1) { clear: left; } } @media all and (min-width: 500px) { .front-page--detail .search-teaser { width: 50%; float: left; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; } .front-page--detail .search-teaser:nth-of-type(odd) { border-right: 10px solid transparent; } .front-page--detail .search-teaser:nth-of-type(even) { border-left: 10px solid transparent; } } @media all and (max-width: 799px) { .frontpageheader { /*display: none;*/ height: 40vw; background-position-x: 67%; background-size: cover; } .frontpageheader .frontpageheader-content { line-height: 20vw; } .frontpageheader .frontpageheader-content .frontpageheader-content2 { max-width: 65%; } .frontpageheader h1 { /*display: none;*/ font-size: 2rem; /*color:@black;*/ } .frontpageheader .subheader { font-size: 1rem; /*display: none;*/ } .front-page--detail .content nav { /*margin-top: @spacing;*/ background: none; height: auto; } .front-page--detail .content nav ul { /*position: relative;*/ } } @media all and (max-width: 550px) { .frontpageheader h1 { font-size: 1.5rem; } } @media all and (max-width: 420px) { .frontpageheader h1 { font-size: 1.2rem; } .frontpageheader .subheader { display: none; } } .bbtext--Corona { background-color: #cbe5f2; } .bbtext--Corona p { max-width: 1000px; margin: 0 auto !important; padding: 10px; } .geography3 { margin-bottom: -5px; } .geography2 { margin-top: 5px; } .l-carsten { margin-bottom: 20px; /*.pager-top { margin-bottom: @spacing; }*/ } .l-carsten .section-search > h2, .l-carsten .section-result > h2, .l-carsten .section-search > a.pagelink, .l-carsten .section-result > a.pagelink { display: none; } .accommodation-search--detail .section-search { padding: 10px; } .displayoptions-sortorder label, .displayoptions-sortorder select { vertical-align: middle; } .displayoptions-count span, .displayoptions-count a { vertical-align: middle; } .displayoptions-displaytype a span { vertical-align: middle; } .searchform { overflow: hidden; } .searchform legend { font-weight: bold; } .searchform label { display: block; } .searchform .input-delete-icon { display: none; } .searchform div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchform div input[type=text] { width: 100%; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 3px; } .searchform div input[type=text]:focus { outline: 0; } .searchform div input[type=submit] { margin-top: 1px; width: 100%; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .searchform div.fieldset-facilities-checkboxes { margin-top: 4px; } .searchform div.checkbox-group { margin-bottom: 10px; } .searchform div.checkbox-indent { margin-top: -2px; padding: 0 0 0 20px; } .searchform div.checkbox { white-space: nowrap; overflow: hidden; line-height: 20px; } .searchform div.checkbox label { display: inline-block; overflow: hidden; white-space: normal; vertical-align: middle; line-height: normal; padding-right: 20px; } .searchform div.checkbox input { vertical-align: middle; margin-right: 2px; background-color: #fff; } .searchform div.dropdown { white-space: nowrap; } .searchform div.dropdown select { height: 25px; width: 100%; border-radius: 12.5px; padding: 0 5px; } .searchform div.persondistribution-childages > div.dropdown { margin-bottom: 1px; } .searchform .textsearch-phrase { background-color: #434343; color: #fff; display: inline-block; padding: 3px 10px; cursor: pointer; margin-top: 5px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid #434343; } .searchform .textsearch-phrase:after { content: "\2715"; font-size: 0.8em; margin-left: 0.5em; } .searchform .textsearch-phrase:focus { outline: none; border: 1px solid #007bc2; } .searchform input::-webkit-input-placeholder { color: #a9a9a9; } .searchform input:-moz-placeholder { /* FF 4-18 */ color: #a9a9a9; } .searchform input::-moz-placeholder { /* FF 19+ */ color: #a9a9a9; } .searchform input:-ms-input-placeholder { /* IE 10+ */ color: #a9a9a9; } .searchform div.count { text-align: center; font-weight: bold; } .searchform input, .searchform select, .searchform .ui-datepicker-trigger { border: 1px solid #aaa; } .searchform input:focus, .searchform input:focus + .ui-datepicker-trigger { border: 1px solid #007bc2; } .searchform fieldset { background-color: transparent; } .searchform legend { margin: 0 0 -4px 0; padding: 0; display: block; width: 100%; } .searchform div.dropdown label, .searchform div.date label, .searchform div.geography label, .searchform div.label label { height: 20px; line-height: 20px; margin-top: 4px; } .searchform .alternate-dates-button { margin-top: 4px; border: 2px solid #ffcd00; background-color: #ffcd00; color: #434343; -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; border-radius: 12.5px; height: 25px; line-height: 20px; vertical-align: middle; } .searchform .alternate-dates-button:hover { background-color: transparent; } .searchform .alternate-dates { display: none; } .searchform .alternate-dates.show { display: block; } .searchform-white input, .searchform-white select, .searchform-white .ui-datepicker-trigger { border: 1px solid #434343; } .searchform-white input:focus, .searchform-white input:focus + .ui-datepicker-trigger { border: 1px solid #007bc2; } .js .searchform input[type=text] { padding: 0 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .js .searchform div.date { padding: 0 30px 0 0; display: block; position: relative; } .js .searchform div.date input[type=text] { -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px; } .js .searchform div.date > span { display: inline-block; width: 100%; } .js .searchform div.date .date-span + .date-span { margin-top: 5px; } .js .searchform div.dropdown select { -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; border-radius: 12.5px; padding: 0 5px; } .js .searchform .show-input-delete-icon { position: relative; display: inline-block; width: 100%; /* IE & Edge */ /* Chrome & FF */ } .js .searchform .show-input-delete-icon .input-delete-icon { width: 16px; height: 100%; top: 0; right: 9px; background-size: 10px; background-position: center; cursor: pointer; } .js .searchform .show-input-delete-icon input[type=text].hasDatepicker ~ .input-delete-icon { right: 3px; } .js .searchform .show-input-delete-icon input::-ms-clear { display: none; } .js .searchform .show-input-delete-icon input[type=text]:not(:placeholder-shown) ~ .input-delete-icon { display: block; position: absolute; } .js .searchform .show-input-delete-icon input[type=text]:not(:-ms-input-placeholder) ~ .input-delete-icon { display: block; position: absolute; } .js .searchform .show-input-delete-icon .ui-datepicker-trigger { right: -30px; } html:not(.history) form div.nohistory input[type=submit] { width: 25px; height: 25px; padding: 0; position: absolute; overflow: hidden; text-indent: -999px; direction: ltr; right: 0; bottom: 0; background-image: url(images/918271934c48bc7f2103.png); background-position: center center; background-color: #fff; } html:not(.history) form div.nohistory span { padding: 0 30px 0 0; display: block; position: relative; } html.history form div.nohistory input[type=submit] { display: none; } .poul { background-color: #007bc2; color: #fff; } .poul .searchform div.count, .poul .searchform div.submit { overflow: hidden; margin-top: 10px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .poul .searchform div.count span { padding: 5px; display: block; } .l-carsten { margin: 0 auto; max-width: 1000px; } .l-peter .l-carsten { margin: 0; max-width: 100%; } l-fullwidth { margin: 0 auto; max-width: 100%; } .adjustment-and-result-map .pager { text-align: center; } .adjustment-and-result-map .pager span { display: inline-block; vertical-align: middle; } .adjustment-and-result-map .pager .arrow { width: 16px; height: 16px; white-space: nowrap; overflow: hidden; direction: ltr; text-indent: 9999px; background-size: 16px; } .adjustment-and-result-map .pager .text { display: none; } .adjustment-and-result-map .pager .previous .arrow { border: 1px solid #434343; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .adjustment-and-result-map .pager .next .arrow { border: 1px solid #434343; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .searchwait { visibility: hidden; } .t1 { background-color: red; } .t2 { background-color: green; } .js .date input { border-right: none !important; } html.borderradius.js .searchform { overflow: visible; } html.borderradius.js .searchform:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .ui-datepicker-trigger { width: 30px; height: 25px; padding: 0; position: absolute; text-align: center; right: 0; -webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0; color: #434343; overflow: hidden; direction: ltr; text-indent: 9999px; border-left: none !important; background-size: 14px; background-position: 7px 5px; background-color: #fff; } .ui-datepicker-trigger:before { position: absolute; content: ''; display: block; width: 1px; height: 25px; background-color: #ddd; top: 0; } @media all and (max-width: 500px), (max-height: 500px) { .l-peter .main { top: 40px; } } @media all and (min-width: 500px) { .poul .searchform .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form) { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .poul .searchform .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form):nth-of-type(odd) { border-right: 10px solid transparent; clear: both; } .poul .searchform .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form):nth-of-type(even) { border-left: 10px solid transparent; } .poul .searchform .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).persondistribution-childages { width: 100%; border: none; } .poul .searchform .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).persondistribution-childages > div.dropdown { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .poul .searchform .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).persondistribution-childages > div.dropdown:nth-of-type(even) { border-right: 10px solid transparent; clear: both; } .poul .searchform .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).persondistribution-childages > div.dropdown:nth-of-type(odd) { border-left: 10px solid transparent; } .poul .searchform .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).geography { width: 100%; border: none; } .poul .searchform .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).distancepoint { border-right: 5px solid transparent; border-left: none; } .poul .searchform .fieldsets fieldset.fieldset-facilities { margin-bottom: 5px; } .poul .searchform .fieldsets fieldset.fieldset-facilities .fieldset-facilities-checkboxes { column-count: 2; } .poul .searchform .fieldsets fieldset.fieldset-facilities .fieldset-facilities-checkboxes .checkbox-group { break-inside: avoid; } .poul .searchform div.count { float: left; width: 50%; padding-right: 10px; } .poul .searchform div.submit { float: right; width: 50%; padding-left: 10px; } } @media all and (min-width: 750px) { .poul { width: 50%; } } .searchbutton { display: block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #434343; font-weight: bold; height: 35px; background-color: #ffcd00; border: 2px solid #ffcd00; width: 100%; margin: 0; position: relative; text-align: center; } .searchbutton:focus { outline: 0; } .searchbutton:hover { background-color: #fff; color: #434343; } .searchbutton:after { position: absolute; margin-top: -11px; top: 50%; right: 10px; content: ''; display: block; width: 21px; height: 21px; background-size: 22px; } .searchbutton:before { content: ''; background-color: #edbe00; height: 100%; height: calc(100% + 4px); width: 2px; position: absolute; right: 38px; top: 0; top: calc(-2px); } .searchbutton span { line-height: 1.2em; display: inline-block; white-space: normal; vertical-align: middle; text-align: center; overflow: visible; margin: 5px 55px 5px 15px; } .accommodation-search-form { margin-bottom: 20px; } .accommodation-search-form .fieldsets { margin-bottom: 10px; } .accommodation-search-form legend { display: none; } .accommodation-search-form div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accommodation-search-form div.country, .accommodation-search-form div.distancepoint, .accommodation-search-form div.geography, .accommodation-search-form div.duration, .accommodation-search-form div.arrivalcorrection, .accommodation-search-form div.arrival, .accommodation-search-form div.more-search-options-link { margin-top: 0.2em; } .accommodation-search-form div.date input, .accommodation-search-form div.geography input, .accommodation-search-form div.country input { width: 100%; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .accommodation-search-form div.geography label { display: block; } .accommodation-search-form div.geography label span { display: none; } .accommodation-search-form div.geography input { width: 100%; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accommodation-search-form div.date input { width: 100%; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accommodation-search-form div.dropdown { white-space: nowrap; } .accommodation-search-form div.dropdown select { height: 25px; width: 100%; } .accommodation-search-form div.checkbox { white-space: nowrap; } .accommodation-search-form div.checkbox label { display: inline-block; } .accommodation-search-form div.more-search-options-link { overflow: hidden; margin-top: 1.6em; } .accommodation-search-form div.more-search-options-link a { color: #fff; display: block; border: 1px solid #fff; text-align: center; text-decoration: none; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; line-height: 23px; } .accommodation-search-form div.more-search-options-link a span { vertical-align: middle; line-height: 1em; } .accommodation-search-form div.submit { overflow: hidden; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; float: right; width: auto; margin-top: 0; } .accommodation-search-form div.country, .accommodation-search-form div.distancepoint { width: 25%; } .accommodation-search-form div.country, .accommodation-search-form div.distancepoint, .accommodation-search-form div.geography { float: left; } .accommodation-search-form div.country { padding-right: 5px; } .accommodation-search-form div.distancepoint { padding-left: 5px; } .accommodation-search-form div.geography { width: 100%; } .accommodation-search-form div.duration, .accommodation-search-form div.arrivalcorrection, .accommodation-search-form div.arrival, .accommodation-search-form div.more-search-options-link { width: 25%; } .accommodation-search-form div.duration, .accommodation-search-form div.arrivalcorrection, .accommodation-search-form div.arrival { float: left; } .accommodation-search-form div.more-search-options-link { float: right; } .accommodation-search-form div.arrival { padding-right: 5px; } .accommodation-search-form div.arrivalcorrection { padding-top: 1.6em; } .accommodation-search-form div.duration, .accommodation-search-form div.arrivalcorrection { padding-left: 5px; padding-right: 5px; } .accommodation-search-form div.more-search-options-link { padding-left: 5px; } .accommodation-search-form .hascountry div.geography { width: 75%; padding-left: 5px; } .accommodation-search-form .hasradius div.geography { width: 75%; padding-right: 5px; } .accommodation-search-form .hascountryandradius div.geography { width: 50%; padding-left: 5px; padding-right: 5px; } .accommodation-search-form .count-and-submit div.text { float: left; font-weight: bold; font-size: 1.286em; line-height: 35px; vertical-align: middle; } .accommodation-search-form .count-and-submit div.text span { display: inline-block; line-height: 1em; } .accommodation-search-form .form { background-color: #007bc2; color: #fff; padding: 0 10px; } .accommodation-search-form .form .form2 { max-width: 1000px; margin: 0 auto; padding: 10px 0; position: relative; } .accommodation-search-form .form .form2:after { content: ''; display: block; height: 0; clear: both; } .accommodation-search-form .c1 { background-color: #cbe5f2; color: #fff; padding: 0; } .accommodation-search-form .c1 .c2 { max-width: 1440px; margin: 0 auto; overflow: hidden; } .accommodation-search-form .d1 { background-color: #007bc2; color: #fff; padding: 0 10px; } .accommodation-search-form .d1 .d2 { max-width: 1000px; margin: 0 auto; padding: 10px 0; overflow: hidden; } .popular-areas-country { padding: 10px; } .popular-areas-country h2 { color: #434343; text-align: center; } .popular-areas-country img { display: none; height: 550px; } .popular-areas-country ul { padding: 10px; margin: 0; -moz-column-width: 150px; -webkit-column-width: 150px; column-width: 150px; } .popular-areas-country li { list-style: none; margin: 0; } .popular-areas-country a { color: #434343; } .popular-areas-country-no-areas { display: none; } .js .accommodation-search-form div.date input, .js .accommodation-search-form div.geography input, .js .accommodation-search-form div.country input { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .js .accommodation-search-form div.date { padding: 0 30px 0 0; display: block; position: relative; } .js .accommodation-search-form div.date button { width: 30px; height: 25px; padding: 0; position: absolute; text-align: center; right: 0; -webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0; } .js .accommodation-search-form div.date input { -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px; } .js .accommodation-search-form div.arrival { padding: 0 35px 0 0; } .js .accommodation-search-form div.arrival button { right: 5px; } @media all and (min-width: 760px) { html.js .popular-areas-country-no-areas { display: block; } html.js .popular-areas-country { width: 1440px; height: 550px; margin-left: -720px; position: relative; left: 50%; padding: 0; } html.js .popular-areas-country h2 { display: none; } html.js .popular-areas-country img { display: block; } html.js .popular-areas-country ul { position: absolute; top: 0; left: 0; padding: 0; margin: 0; } html.js .popular-areas-country li { position: absolute; display: block; margin: 0; padding: 0; width: 0; height: 0; z-index: 9; } html.js .popular-areas-country li .popular-areas-area-marker { font-size: 1px; z-index: 2; display: block; height: 12px; width: 12px; position: absolute; left: -6px; top: -6px; background-color: #fff; border: 1px solid #007bc2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } html.js .popular-areas-country li .popular-areas-area-connection { display: block; position: absolute; z-index: 1; border-style: none; border-width: 2px; border-color: #007bc2; } html.js .popular-areas-country li .popular-areas-area-text { display: block; width: 999px; height: 0; position: absolute; z-index: 2; } html.js .popular-areas-country li .Left .popular-areas-area-connection { right: -1px; top: 0; width: 30px; height: 0; border-top-style: solid; } html.js .popular-areas-country li .Left .popular-areas-area-text { right: 22px; text-align: right; margin-top: -10px; } html.js .popular-areas-country li .Right .popular-areas-area-connection { top: 0; left: 1px; width: 30px; height: 0; border-top-style: solid; } html.js .popular-areas-country li .Right .popular-areas-area-text { left: 24px; text-align: left; margin-top: -10px; } html.js .popular-areas-country li .Top .popular-areas-area-connection { width: 0; height: 27px; left: 0; bottom: -1px; border-left-style: solid; } html.js .popular-areas-country li .Top .popular-areas-area-text { text-align: center; left: -498px; bottom: 21px; margin-bottom: 21px; } html.js .popular-areas-country li .TopLarge .popular-areas-area-connection { width: 0; height: 42px; left: 0; bottom: -1px; border-left-style: solid; } html.js .popular-areas-country li .TopLarge .popular-areas-area-text { text-align: center; left: -498px; bottom: 36px; margin-bottom: 21px; } html.js .popular-areas-country li .Bottom .popular-areas-area-connection { width: 0; height: 27px; left: 0; top: 1px; border-left-style: solid; } html.js .popular-areas-country li .Bottom .popular-areas-area-text { text-align: center; left: -498px; top: 23px; } html.js .popular-areas-country li .BottomLarge .popular-areas-area-connection { width: 0; height: 42px; left: 0; top: 1px; border-left-style: solid; } html.js .popular-areas-country li .BottomLarge .popular-areas-area-text { text-align: center; left: -498px; top: 38px; } html.js .popular-areas-country li .UpRight .popular-areas-area-connection { width: 21px; height: 21px; left: 0; bottom: -1px; border-left-style: solid; border-top-style: solid; } html.js .popular-areas-country li .UpRight .popular-areas-area-text { left: 16px; bottom: 22px; text-align: left; margin-bottom: 10px; } html.js .popular-areas-country li .UpRightLarge .popular-areas-area-connection { width: 21px; height: 36px; left: 0; bottom: -1px; border-left-style: solid; border-top-style: solid; } html.js .popular-areas-country li .UpRightLarge .popular-areas-area-text { left: 16px; bottom: 37px; text-align: left; margin-bottom: 10px; } html.js .popular-areas-country li .DownRight .popular-areas-area-connection { width: 21px; height: 21px; left: 0; top: 1px; border-left-style: solid; border-bottom-style: solid; } html.js .popular-areas-country li .DownRight .popular-areas-area-text { left: 16px; top: 23px; text-align: left; margin-top: -10px; } html.js .popular-areas-country li .DownRightLarge .popular-areas-area-connection { width: 21px; height: 36px; left: 0; top: 1px; border-left-style: solid; border-bottom-style: solid; } html.js .popular-areas-country li .DownRightLarge .popular-areas-area-text { left: 16px; top: 38px; text-align: left; margin-top: -10px; } html.js .popular-areas-country li .UpLeft .popular-areas-area-connection { width: 21px; height: 21px; right: -2px; bottom: -1px; border-right-style: solid; border-top-style: solid; } html.js .popular-areas-country li .UpLeft .popular-areas-area-text { right: 14px; bottom: 21px; text-align: right; margin-bottom: 10px; } html.js .popular-areas-country li .UpLeftLarge .popular-areas-area-connection { width: 21px; height: 36px; right: -2px; bottom: -1px; border-right-style: solid; border-top-style: solid; } html.js .popular-areas-country li .UpLeftLarge .popular-areas-area-text { right: 14px; bottom: 36px; text-align: right; margin-bottom: 10px; } html.js .popular-areas-country li .DownLeft .popular-areas-area-connection { width: 21px; height: 21px; right: -2px; top: 1px; border-right-style: solid; border-bottom-style: solid; } html.js .popular-areas-country li .DownLeft .popular-areas-area-text { right: 14px; top: 23px; text-align: right; margin-top: -10px; } html.js .popular-areas-country li .DownLeftLarge .popular-areas-area-connection { width: 21px; height: 36px; right: -2px; top: 1px; border-right-style: solid; border-bottom-style: solid; } html.js .popular-areas-country li .DownLeftLarge .popular-areas-area-text { right: 14px; top: 38px; text-align: right; margin-top: -10px; } html.js .popular-areas-country li a { z-index: 2; font-size: 12px; line-height: 12px; display: inline-block; white-space: nowrap; background-color: #fff; padding: 3px 10px 3px 10px; border: 1px solid #007bc2; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #007bc2; text-decoration: none; outline: 0; vertical-align: middle; } html.js .popular-areas-country li.selected { z-index: 10; } html.js .popular-areas-country li.selected a { background-color: #ffcd00; color: #434343; } html.js .popular-areas-country li.selected .popular-areas-area-marker { background-color: #ffcd00; } } @media all and (min-width: 760px) { .accommodation-search-form .fieldsets { width: 79%; float: left; margin-bottom: 0; } .accommodation-search-form .form .count-and-submit { position: absolute; top: 10px; bottom: 10px; right: 0; } .accommodation-search-form .form .count-and-submit div.text { margin-top: 1em; } .accommodation-search-form .form .count-and-submit div.submit { position: absolute; bottom: 0; right: 0; } } @media all and (max-width: 599px) { .accommodation-search-form div.country, .accommodation-search-form div.distancepoint { width: 33.3%; } .accommodation-search-form div.geography { clear: both; width: 100%; padding-left: 0; } .accommodation-search-form div.duration, .accommodation-search-form div.arrivalcorrection, .accommodation-search-form div.arrival, .accommodation-search-form div.more-search-options-link { width: 33.3%; } .accommodation-search-form div.duration, .accommodation-search-form div.arrivalcorrection { padding-left: 5px; padding-right: 5px; } .accommodation-search-form div.more-search-options-link { padding-left: 5px; } .accommodation-search-form .hascountry div.geography { width: 100%; padding-left: 0; } .accommodation-search-form .hasradius div.geography { width: 66.6%; padding-right: 5px; } .accommodation-search-form .hascountryandradius div.geography { width: 66.6%; padding-left: 0; padding-right: 5px; } } @media all and (max-width: 479px) { .accommodation-search-form div.country, .accommodation-search-form div.distancepoint { width: 50%; padding-left: 0; padding-right: 5px; } .accommodation-search-form div.geography { clear: both; width: 100%; padding-left: 0; } .accommodation-search-form div.duration, .accommodation-search-form div.arrivalcorrection, .accommodation-search-form div.arrival, .accommodation-search-form div.more-search-options-link { width: 50%; } .accommodation-search-form div.duration { padding-left: 5px; padding-right: 0; } .accommodation-search-form div.arrivalcorrection { padding-right: 5px; padding-left: 0; } .accommodation-search-form div.more-search-options-link { padding-left: 5px; } .accommodation-search-form .hascountry div.geography { width: 100%; padding-left: 0; } .accommodation-search-form .hasradius div.geography { width: 100%; padding-right: 0; } .accommodation-search-form .hascountryandradius div.geography { width: 100%; padding-left: 0; padding-right: 0; } } @media all and (max-width: 319px) { .accommodation-search-form div.country, .accommodation-search-form div.distancepoint, .accommodation-search-form div.geography, .accommodation-search-form div.duration, .accommodation-search-form div.arrivalcorrection, .accommodation-search-form div.arrival, .accommodation-search-form div.more-search-options-link { width: 100%; padding-left: 0; padding-right: 0; } .accommodation-search-form .hascountry div.geography, .accommodation-search-form .hasradius div.geography, .accommodation-search-form .hascountryandradius div.geography { width: 100%; padding-left: 0; padding-right: 0; } .js .accommodation-search-form div.arrival { padding: 0 30px 0 0; } .js .accommodation-search-form div.arrival button { right: 0; } } .accommodation-price-name-request { display: block; margin-bottom: -0.3em; color: lightgray; } .accommodation-header-name { overflow: hidden; } .accommodation-header-2 { overflow: hidden; color: #fff; background-color: #007bc2; padding: 10px; margin-bottom: 20px; } .accommodation-header-2 .accommodation-header-name, .accommodation-header-2 .accommodation-intro { max-width: 1000px; margin: 0 auto; } .accommodation-header-2.has-intro h1 { font-size: 1em; font-weight: normal; margin: 0; line-height: 1.4; height: 1.4em; } .accommodation-header-2.has-intro .accommodation-intro { font-size: 1.714em; line-height: 1; } .accommodation-header-3 { margin: 0; z-index: 2; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; font-size: 1.714em; } .accommodation-header-4 { margin-top: 1.714em; padding: 10px 10px 0 10px; } .accommodation-header-4.has-intro { margin-top: 0; margin-right: 45px; } .accommodation-header-4.has-intro .accommodation-header-link { font-size: 14px; font-weight: normal; } .accommodation-header-4.has-intro .accommodation-intro { font-size: 18px; margin-bottom: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media (min-width: 600px) { .accommodation-header-4.has-intro { margin-right: 115px; } } .accommodation-header-5 { padding: 5px; } .accommodation-header-6 { margin-top: 1.714em; padding: 10px; } .accommodation-intro { line-height: 1.2; font-weight: bold; } .accommodation-header-link { z-index: 2; padding: 12px 55px 10px 10px; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background-image: url(images/12f88555485bb5ac6bc9.gif); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; color: inherit; outline: none; font-size: 16px; letter-spacing: -0.03em; } .accommodation-header-link:hover, .accommodation-header-link:visited { color: inherit; } .has-intro .accommodation-header-link { padding-top: 36px; padding-right: 10px; } .accommodation-header-prefix { display: none; } .accommodation-header-flashline { font-weight: bold; float: left; padding-right: 0.5em; } .accommodation-header-introtext { float: left; } .accommodation-header-accommodation-number { margin-bottom: 10px; display: block; } .accommodation-headline { font-size: 16px; font-weight: bold; margin-bottom: 20px; padding: 0 10px; line-height: 1.3; } .accommodation-persons { display: inline; font-weight: bold; color: #007bc2; } .accommodation-persons > div { white-space: nowrap; } .accommodation-persons div { display: inline; } .accommodation-persons .accommodation-persons-bedcapacity { display: inline; } .accommodation-persons .accommodation-persons-bedcapacity:not(:last-child):after { content: ','; } .accommodation-price-status { padding: 10px; } .accommodation-price-name-period-value { white-space: nowrap; } .accommodation--list .accommodation-price, .accommodation--gallery .accommodation-price, .accommodation--banner .accommodation-price { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; clear: both; } .accommodation--list .accommodation-price .accommodation-price-container, .accommodation--gallery .accommodation-price .accommodation-price-container, .accommodation--banner .accommodation-price .accommodation-price-container { margin: 5px 0; text-align: center; } .accommodation--list .accommodation-price .accommodation-price-container-content, .accommodation--gallery .accommodation-price .accommodation-price-container-content, .accommodation--banner .accommodation-price .accommodation-price-container-content { display: inline-block; text-align: center; } .accommodation--list .accommodation-price .accommodation-price-price, .accommodation--gallery .accommodation-price .accommodation-price-price, .accommodation--banner .accommodation-price .accommodation-price-price { white-space: nowrap; display: inline-block; padding: 0 15px; font-size: 1em; } .accommodation--list .accommodation-price .accommodation-price-price:after, .accommodation--gallery .accommodation-price .accommodation-price-price:after, .accommodation--banner .accommodation-price .accommodation-price-price:after { display: inline-block; content: attr(data-book); font-size: 1.286em; } .accommodation--list .accommodation-price .accommodation-price-price-test, .accommodation--gallery .accommodation-price .accommodation-price-price-test, .accommodation--banner .accommodation-price .accommodation-price-price-test { white-space: nowrap; display: inline-block; padding: 0 15px; font-size: 1em; } .accommodation--list .accommodation-price .accommodation-price-price-currency-amount, .accommodation--gallery .accommodation-price .accommodation-price-price-currency-amount, .accommodation--banner .accommodation-price .accommodation-price-price-currency-amount { font-weight: bold; } .accommodation--list .accommodation-price .accommodation-price-persons-persons, .accommodation--gallery .accommodation-price .accommodation-price-persons-persons, .accommodation--banner .accommodation-price .accommodation-price-persons-persons { display: block; } .accommodation--list .accommodation-price .accommodation-price-price-text, .accommodation--gallery .accommodation-price .accommodation-price-price-text, .accommodation--banner .accommodation-price .accommodation-price-price-text, .accommodation--list .accommodation-price .accommodation-price-price-currency, .accommodation--gallery .accommodation-price .accommodation-price-price-currency, .accommodation--banner .accommodation-price .accommodation-price-price-currency { vertical-align: middle; font-size: 1.286em; } .accommodation--list .accommodation-price .accommodation-price-price-amount, .accommodation--gallery .accommodation-price .accommodation-price-price-amount, .accommodation--banner .accommodation-price .accommodation-price-price-amount { vertical-align: middle; font-size: 2.429em; } .accommodation-alternative-price-offers.multiple-dates { text-align: left; clear: left; } .accommodation-alternative-price-offers.multiple-dates .accommodation-price-name-period-value { white-space: normal; } .accommodation-alternative-price-offers.multiple-dates .no-alternative-dates { font-style: italic; } .accommodation-alternative-price-offers.multiple-dates .accommodation-price-offers { display: table; width: auto; /*float: left; margin-top: -10px;*/ padding: 0 !important; } .accommodation-alternative-price-offers.multiple-dates .accommodation-price-offers .accommodation-price-offer { display: table-row; } .accommodation-alternative-price-offers.multiple-dates .accommodation-price-offers .accommodation-price-offer .accommodation-price-name { float: none; width: auto; padding-right: 10px; } .accommodation-alternative-price-offers.multiple-dates .accommodation-price-offers .accommodation-price-offer .accommodation-price-name-arrival { display: table-cell; width: auto; padding-right: 10px; } .accommodation-alternative-price-offers.multiple-dates .accommodation-price-offers .accommodation-price-offer .accommodation-price-container { display: table-cell; margin: 0; top: auto; text-align: right; font-size: inherit; float: none; width: auto; padding-right: 10px; } .accommodation-alternative-price-offers.multiple-dates .accommodation-price-offers .accommodation-price-offer .accommodation-price-container .accommodation-price-price-currency-amount { font-size: inherit; } .accommodation-alternative-price-offers.multiple-dates .accommodation-price-offers .accommodation-price-offer .accommodation-price-container .accommodation-price-price-currency-amount .accommodation-price-price-currency { font-size: inherit; } .accommodation-alternative-price-offers.multiple-dates .accommodation-price-offers .accommodation-price-offer .accommodation-price-container .accommodation-price-price-currency-amount .accommodation-price-price-amount { font-size: inherit; } .accommodation-alternative-price-offers.multiple-dates > .accommodation-price-container { margin-right: 10px !important; } .accommodation-alternative-price-offers.multiple-dates-detail { padding: 10px; text-align: center; } .accommodation-alternative-price-offers.multiple-dates-detail .accommodation-price-offers { margin: 0 auto; } .accommodation-alternative-price-offers.multiple-dates-detail .accommodation-price-name-duration, .accommodation-alternative-price-offers.multiple-dates-detail .accommodation-price-name-period-value, .accommodation-alternative-price-offers.multiple-dates-detail .accommodation-price-price-currency-amount { font-size: 1em !important; /*display: inline-block;*/ } .accommodation-alternative-price-offers.multiple-dates-detail .accommodation-price-price-currency-amount { font-weight: bold; } .accommodation--gallery { overflow: hidden; } .accommodation--gallery ul { margin: 0; padding: 0; } .accommodation--gallery li { float: left; list-style: none; } .accommodation--gallery img { width: auto; height: 180px; } .accommodation--list .rating-summary, .accommodation--gallery .rating-summary { position: absolute; top: 10px; right: 10px; } .accommodation--list .rating-summary__rating, .accommodation--gallery .rating-summary__rating { display: flex; gap: 4px; } .accommodation--list .stars--rating-summary, .accommodation--gallery .stars--rating-summary { --star-count: 1; --star-size: 18px; } .accommodation--banner { overflow: hidden; position: relative; background-color: #fff; } .accommodation--banner .accommodation-primaryimage { position: relative; } .accommodation--banner .accommodation-primaryimage img { width: 100%; height: 75%; } .accommodation--banner .content-a, .accommodation--banner .content-a1, .accommodation--banner .content-a2, .accommodation--banner .content-b { margin: 0; } .accommodation--banner .content-a { background-color: #434343; color: #fff; } .accommodation--banner ul.accommodation-searchablevalues2 { list-style: none; margin: 0; -moz-column-width: 200px; -webkit-column-width: 200px; column-width: 200px; } .accommodation--banner ul.accommodation-searchablevalues2 li.accommodation-searchablevalue2 { margin: 0; overflow: hidden; } .accommodation--banner ul.accommodation-searchablevalues2 li.accommodation-searchablevalue2 .accommodation-searchablevalue2-name { float: left; clear: left; } .accommodation--banner ul.accommodation-searchablevalues2 li.accommodation-searchablevalue2 .accommodation-searchablevalue2-value { float: right; clear: right; padding-left: 5px; } .accommodation--banner .accommodation-info { padding: 10px; } .accommodation--banner .accommodation-info ul { padding: 0; margin: 0; } .accommodation--banner .accommodation-info li { list-style: none; padding: 0; } .accommodation--banner .accommodation-info .commoninfo-icons > div { float: left; width: 33.33%; height: 50px; text-align: center; box-sizing: border-box; margin-bottom: 10px; } .accommodation--banner .accommodation-info .commoninfo-icons > div img { width: 30px; height: 30px; display: block; margin: auto; } .accommodation--banner .accommodation-info .commoninfo-icons:after { content: ''; display: table; clear: both; } .accommodation--banner .accommodation-price .accommodation-price-offers { padding: 10px; } @media all and (min-width: 480px) and (max-width: 799px), (min-width: 1000px) { .accommodation--banner .accommodation-price .accommodation-price-name { float: left; width: calc(100% - 320px); } .accommodation--banner .accommodation-price .accommodation-price-container { margin: 0 0 10px 0; top: 0; width: 320px; float: right; text-align: right; } .accommodation--banner .accommodation-price .accommodation-price-information { clear: left; } } @media all and (min-width: 400px) { .accommodation--banner .content-a { display: table; table-layout: fixed; } .accommodation--banner .content-a1, .accommodation--banner .content-a2 { width: 50%; display: table-cell; vertical-align: top; } } @media all and (max-width: 399px), (min-width: 800px) and (max-width: 999px) { .accommodation--banner .accommodation-price { text-align: center; } } .js-price1 .js-loading-overlay, .js-price2 .js-loading-overlay, .js-price3 .js-loading-overlay { position: absolute; background-color: rgba(0, 0, 0, 0.7); top: 0; bottom: 0; left: 0; right: 0; z-index: 1; backdrop-filter: blur(2px); text-align: center; } .js-price1 .js-loading-overlay:before, .js-price2 .js-loading-overlay:before, .js-price3 .js-loading-overlay:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 id=%27icon-spinner%27 fill=%27%23fff%27 viewBox=%270 0 32 32%27%3E%3Cpath d=%27M12 4c0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4s-4-1.791-4-4zM20.485 7.515c0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4s-4-1.791-4-4zM26 16c0-1.105 0.895-2 2-2s2 0.895 2 2c0 1.105-0.895 2-2 2s-2-0.895-2-2zM22.485 24.485c0-1.105 0.895-2 2-2s2 0.895 2 2c0 1.105-0.895 2-2 2s-2-0.895-2-2zM14 28c0 0 0 0 0 0 0-1.105 0.895-2 2-2s2 0.895 2 2c0 0 0 0 0 0 0 1.105-0.895 2-2 2s-2-0.895-2-2zM5.515 24.485c0 0 0 0 0 0 0-1.105 0.895-2 2-2s2 0.895 2 2c0 0 0 0 0 0 0 1.105-0.895 2-2 2s-2-0.895-2-2zM4.515 7.515c0 0 0 0 0 0 0-1.657 1.343-3 3-3s3 1.343 3 3c0 0 0 0 0 0 0 1.657-1.343 3-3 3s-3-1.343-3-3zM1.75 16c0-1.243 1.007-2.25 2.25-2.25s2.25 1.007 2.25 2.25c0 1.243-1.007 2.25-2.25 2.25s-2.25-1.007-2.25-2.25z%27%3E%3C/path%3E%3C/svg%3E"); content: ''; display: inline-block; width: 50px; height: 50px; animation-name: loading-overlay-spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; left: 40%; left: calc(50% - 25px); top: 50%; top: calc(50% + 5px); position: absolute; } .js-price1 .js-loading-overlay .loading-overlay-text, .js-price2 .js-loading-overlay .loading-overlay-text, .js-price3 .js-loading-overlay .loading-overlay-text { background-color: #fff; padding: 5px 10px; color: #000; display: inline-block; font-size: 1.2rem; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; white-space: nowrap; top: 50%; left: 50%; transform: translate(-50%, -100%); } @keyframes loading-overlay-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .accommodation--detail { position: relative; } .accommodation--detail .section-overview-b2 { position: relative; } .accommodation--detail .js-price1, .accommodation--detail .js-price2, .accommodation--detail .js-price3 { min-height: 50px; } .accommodation--detail .accommodation-primaryimage { position: relative; } .accommodation--detail .accommodation-primaryimage .accommodation-primaryimage-example { background-color: black; color: white; position: absolute; width: 100%; bottom: 0; text-align: center; } .accommodation--detail .content { position: relative; margin-bottom: 20px; } .accommodation--detail .accommodation-persons { color: #007bc2; } .accommodation--detail .accommodation-price { text-align: center; } .accommodation--detail .accommodation-price a { color: inherit; } .accommodation--detail .accommodation-price .accommodation-price-offers { padding: 10px; } .accommodation--detail .accommodation-price .accommodation-price-discount { font-weight: bold; } .accommodation--detail .accommodation-price .accommodation-price-price { font-size: 1.714em; font-weight: bold; } .accommodation--detail .accommodation-price .accommodation-price-name-duration { font-size: 1.714em; } .accommodation--detail .accommodation-price .accommodation-price-discount { font-size: 1.714em; } .accommodation--detail .accommodation-price .accommodation-price-price { font-size: 2.429em; } .accommodation--detail .accommodation-price .accommodation-price-links { padding: 10px 0 0 0; } .accommodation--detail .accommodation-price .accommodation-price-links .accommodation-price-links-primary { font-size: 1.714em; font-weight: bold; } @media all and (min-width: 500px) and (max-width: 650px) { .accommodation--detail .accommodation-price .accommodation-price-links .accommodation-price-links-primary .accommodation-price-price-section-link { font-size: 0.714em; } } @media all and (max-width: 350px) { .accommodation--detail .accommodation-price .accommodation-price-links .accommodation-price-links-primary .accommodation-price-price-section-link { font-size: 0.714em; } } .accommodation--detail .accommodation-price .accommodation-price-links a { text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; overflow: hidden; -webkit-border-radius: 22.5px; -moz-border-radius: 22.5px; border-radius: 22.5px; padding: 10px; margin: 0 10px 10px 10px; } .accommodation--detail .accommodation-price .accommodation-price-links { background-color: #fff; overflow: hidden; } .accommodation--detail .accommodation-price .accommodation-price-links-primary a { padding: 0 10px 0 15px; background-color: #ffcd00; border: 2px solid #ffcd00; text-decoration: none; height: 41px; line-height: 41px; } .accommodation--detail .accommodation-price .accommodation-price-links-primary a:before { float: right; content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-top: 10.5px; margin-left: 15px; background-size: 20px; } .accommodation--detail .accommodation-price .accommodation-price-links-primary a:after { content: ''; background-color: #edbe00; height: 45px; width: 2px; position: absolute; right: 38px; top: -2px; } .accommodation--detail .accommodation-price .accommodation-price-links-primary a:hover { background-color: #fff; color: #434343; } .accommodation--detail .accommodation-price .accommodation-price-links-primary a:hover:after { background-color: #ffcd00; } .accommodation--detail .accommodation-price .accommodation-price-links-secondary { /*a { padding: 0 10px 0 15px; color: @blue; font-weight: bold; border: 2px solid @yellow; text-decoration: none; height: 41px; line-height: 41px; &:before { content: ''; float: right; display: inline-block; vertical-align: middle; background-size: 20px 20px; width: 20px; height: 20px; margin-top: 10.5px; margin-left: 15px; } &:after { content: ''; background-color: @yellow2; height: 45px; width: 2px; position: absolute; right: 38px; top: -2px; } &:hover { color: @gray-dark; } }*/ } .accommodation--detail .accommodation-price .accommodation-price-links-secondary .accommodation-price-links-link { float: left; width: 50%; min-width: 150px; } @media all and (min-width: 500px) and (max-width: 600px) { .accommodation--detail .accommodation-price .accommodation-price-links-secondary .accommodation-price-links-link { width: 100%; } } .accommodation--detail .accommodation-price .accommodation-price-links-secondary:after { content: ''; display: table; clear: both; } .accommodation--detail .accommodation-price .accommodation-price-links-secondary a { padding: 0; } .accommodation--detail .accommodation-price .accommodation-price-price-online { font-size: 0.9em; margin-top: -5px; color: #aaa; } .accommodation--detail .section h2 { text-align: center; color: #007bc2; } .accommodation--detail .section-container-description { background-color: #fff; } .accommodation--detail .section-container-description .descriptionImportant { background-color: #FFF200; color: #000; } .accommodation--detail .section-container-facilities { background-color: #fff; } .accommodation--detail .section-container-rentalterms { background-color: #fff; } .accommodation--detail .section-container-rentallicense { background-color: #fff; } .accommodation--detail .section-container-shortvacationinformation { background-color: #fff; } .accommodation--detail .section-header-and-overview { max-width: 1000px; margin: 0 auto; background-color: #fff; position: relative; } .accommodation--detail .section-header header { padding: 10px 10px 0 10px; } .accommodation--detail .section-header header a { color: #434343; } .accommodation--detail .section-header header a:hover { color: #007bc2; } .accommodation--detail .section-header header .accommodation-persons, .accommodation--detail .section-header header .accommodation-holidaytype { font-weight: bold; } .accommodation--detail .section-overview h2:first-child { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; display: block; } .accommodation--detail .section-overview img { max-width: 100%; height: auto; } .accommodation--detail .accommodation-commoninformations { overflow: hidden; } .accommodation--detail .accommodation-commoninformations .commoninfo-icons > div { float: left; width: 25%; height: 50px; text-align: center; box-sizing: border-box; margin-bottom: 10px; fill: #000; } .accommodation--detail .accommodation-commoninformations .commoninfo-icons > div img { width: 30px; height: 30px; display: block; margin: auto; } .accommodation--detail .accommodation-commoninformations .commoninfo-icons:after { content: ''; display: table; clear: both; } .accommodation--detail .accommodation-commoninformation { padding: 0 10px 0 10px; list-style: none; margin: 0; } .accommodation--detail .accommodation-commoninformation .commoninformation-item { margin-bottom: 2px; overflow: hidden; } .accommodation--detail .accommodation-commoninformation .commoninformation-item .commoninformation-item-name { float: left; clear: left; } .accommodation--detail .accommodation-commoninformation .commoninformation-item .commoninformation-item-value { float: right; clear: right; padding-left: 5px; } .accommodation--detail .section-images { background-color: #fff; } .accommodation--detail .section-description { max-width: 1000px; margin: 0 auto; padding: 10px; } .accommodation--detail .section-facilities { max-width: 1000px; margin: 0 auto; padding: 10px; } .accommodation--detail .section-rentalterms { max-width: 1000px; margin: 0 auto; padding: 10px; } .accommodation--detail .section-rentallicense { max-width: 1000px; margin: 0 auto; padding: 10px; } .accommodation--detail .section-price { max-width: 1000px; margin: 0 auto; padding: 10px; } .accommodation--detail .section-price .accommodation-vacation-header { padding: 5px 0 0 0; font-weight: bold; } .accommodation--detail .section-price .accommodation-vacation-arrival, .accommodation--detail .section-price .accommodation-vacation-duration, .accommodation--detail .section-price .accommodation-vacation-persons, .accommodation--detail .section-price .accommodation-vacation-hints { padding: 0 0 10px 0; overflow: hidden; } .accommodation--detail .section-price h2 { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; display: block; } .accommodation--detail .section-price h4 { font-size: inherit; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-information .accommodation-vacation-price-period-value { overflow: hidden; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-information .accommodation-vacation-price-period-value dl { margin: 0; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-information .accommodation-vacation-price-period-value dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: both; display: block; width: 100%; margin: 0; padding: 0; padding-right: 120px; word-wrap: break-word; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-information .accommodation-vacation-price-period-value dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 120px; margin-left: -120px; text-align: right; padding: 0; word-wrap: break-word; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-price h4 { display: none; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-price-details .accommodation-vacation-price-price-details-items { margin: 0; overflow: hidden; list-style: none; padding: 0; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-price-details .accommodation-vacation-price-price-details-items .accommodation-vacation-price-price-details-item-text { float: left; clear: left; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-price-details .accommodation-vacation-price-price-details-items .accommodation-vacation-price-price-details-item-value { float: right; clear: right; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-price-price { margin: 0; overflow: hidden; list-style: none; padding: 0; font-size: 1.714em; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-price-price .accommodation-vacation-price-price-price-text { float: left; clear: left; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-price-price .accommodation-vacation-price-price-price-value { float: right; clear: right; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-price-discount { margin: 0; overflow: hidden; list-style: none; padding: 0; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-price-discount .accommodation-vacation-price-price-discount-text { float: left; clear: left; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-price-discount .accommodation-vacation-price-price-discount-value { float: right; clear: right; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-price-discount .accommodation-price-discount-comparedto { clear: both; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-bookinglink-container { text-align: center; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-bookinglink { display: inline-block; font-size: 1.714em; font-weight: bold; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-border-radius: 22.5px; -moz-border-radius: 22.5px; border-radius: 22.5px; margin: 10px 0; background-color: #ffcd00; color: #434343; border: 2px solid #ffcd00; height: 41px; line-height: 41px; position: relative; padding: 0 10px 0 30px; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-bookinglink:before { content: ''; float: right; display: inline-block; vertical-align: middle; background-size: 20px; width: 20px; height: 20px; margin-top: 10.5px; margin-left: 30px; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-bookinglink:after { content: ''; background-color: #edbe00; height: 45px; width: 2px; position: absolute; right: 38px; top: -2px; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-bookinglink:hover { background-color: #fff; color: #434343; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-bookinglink:hover:after { background-color: #ffcd00; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-errors { background-color: #ffcd00; color: #434343; padding: 10px; margin: 10px 0; } .accommodation--detail .section-price .accommodation-vacation-price .rental-terms-link-container { display: block; text-align: center; } .accommodation--detail .section-price .accommodation-vacation-price .rental-terms-link { color: inherit; } .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-price-online { font-size: 0.9em; margin-top: 5px; text-align: right; color: #aaa; } .accommodation--detail .section-alternates { max-width: 1000px; margin: 0 auto; } .accommodation--detail .section-alternates h2 { display: none; } .accommodation--detail .section-review { max-width: 1000px; margin: 0 auto; padding: 10px; } .accommodation--detail .section-shortvacationinformation { max-width: 1000px; margin: 0 auto; padding: 10px; } .accommodation--detail .section-price-a { max-width: 815px; } .accommodation--detail .section-price-a .calendar { border-color: #d9d9d9; } .accommodation--detail .section-price-a .calendar .weekday, .accommodation--detail .section-price-a .calendar .weeknumber, .accommodation--detail .section-price-a .calendar .nw, .accommodation--detail .section-price-a .calendar .week { background-color: #fff; color: #434343; font-weight: bold; } .accommodation--detail .section-price-a .calendar td { border-top-color: #d9d9d9; border-left-color: #d9d9d9; } .accommodation--detail .section-price-a .calendar .weekday { border-left: 1px solid #d9d9d9; } .accommodation--detail .section-price-a .calendar .weeknumber { border-top: 1px solid #d9d9d9; } .accommodation--detail .context-pager { background-color: #fff; margin-bottom: 20px; } .accommodation--detail .context-pager .pager2 { max-width: 1000px; margin: 0 auto; } .accommodation--detail .context-hints { max-width: 1000px; margin: 0 auto; margin-bottom: 20px; } .accommodation--detail .context-hints .hints { padding: 10px; margin-bottom: 20px; background-color: #fff; } .accommodation--detail .context-hints .hints ul { margin: 0; padding: 0; } .accommodation--detail .context-hints .hints ul li { padding: 0; margin: 0.8em 0; list-style: none; } .accommodation--detail .context-hints .hints ul li a { color: inherit; } .accommodation--detail .context-hints .hints ul li p { margin: 0; } .accommodation--detail .context-hints .hints ul li:nth-of-type(1) { margin-top: 0; } .accommodation--detail .context-hints .hints ul li:nth-last-of-type(1) { margin-bottom: 0; } .accommodation--detail .images-image-example { width: 100%; background-color: black; color: white; bottom: 0; font-size: 0.857em; text-align: center; position: absolute; } .accommodation--detail .advance-reservation-teaser { height: 126px; background-color: #fff; border: 1px solid #d9d9d9; padding: 10px; } .accommodation--detail .accommodation-vacation-priceandcalendar h3 { font-size: 1.714em; text-align: center; color: #007bc2; line-height: 1.4; } .accommodation--detail .accommodation-vacation-priceandcalendar label { display: block; } .accommodation--detail .accommodation-vacation-priceandcalendar select { width: 50%; height: 25px; margin-bottom: 5px; width: calc(50% - 5px / 2); border-radius: 12.5px; } .accommodation--detail .accommodation-vacation-priceandcalendar select:first-of-type:before { content: ''; clear: both; display: block; } .accommodation--detail .accommodation-vacation-priceandcalendar select.accommodation-vacation-persons-age { width: calc(50% - 5px / 2); float: left; } .accommodation--detail .accommodation-vacation-priceandcalendar select.accommodation-vacation-persons-age:nth-of-type(2n) { margin-left: 5px; } .accommodation--detail .accommodation-vacation-priceandcalendar .calendar-navigation select { min-width: 150px; } .accommodation--detail .accommodation-vacation-priceandcalendar .accommodation-vacation-hint { background-color: white; padding: 10px; } .accommodation--detail .accommodation-vacation-priceandcalendar .accommodation-vacation-hint-link { margin-top: 5px; } .accommodation--detail .accommodation-vacation-priceandcalendar .accommodation-vacation-hint-link a { color: black; } .accommodation--detail .accommodation-review-summary { display: flex; align-items: center; justify-content: center; margin-top: 10px; margin-bottom: 20px; } .accommodation--detail .accommodation-review-summary .stars { margin: 0 2px 0 5px; } .accommodation--detail .accommodation-review-summary a { display: inline; color: inherit; width: auto; } .accommodation-vacation-alternates-content { padding: 10px; } .accommodation-vacation-alternates-content .accommodation-vacation-section h3 { margin: 0.4em 0; } .accommodation-vacation-alternates-content .accommodation-vacation-section:first-of-type h3 { margin: 0 0 0.4em 0; } .facilities-groups { padding: 0; margin: 0; } .facilities-group { -webkit-column-break-inside: avoid; break-inside: avoid; margin: 0 0 15px 0; list-style: none; overflow: hidden; } .facilities-group-name { font-weight: bold; font-size: inherit; clear: both; } .facilities-facilities { margin: 0; padding: 0; list-style: none; } .facilities-facility { margin: 0; display: flex; flex-wrap: wrap; } .facilities-facility-value { margin-left: auto; padding-left: 15px; } .accommodation--pdf { background-color: #fff; margin-bottom: -20px; padding-bottom: 20px; } .accommodation--pdf .accommodation-persons, .accommodation--pdf .accommodationnumber { display: block; max-width: 1000px; margin: 0 auto; color: #fff; } .accommodation--pdf .section-images h2 { /*page-break-before: always;*/ display: block; } .accommodation--pdf .facilities { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .accommodation--pdf .facilities-group { overflow: auto; } .accommodation--pdf .facilities-group-name { font-weight: bold; font-size: inherit; clear: both; } .accommodation--pdf .facilities-facilities { margin: 0; padding: 0; list-style: none; } .accommodation--pdf .facilities-facility { margin: 0; display: block; clear: both; } .accommodation--pdf .facilities-facility-name { float: left; } .accommodation--pdf .facilities-facility-value { float: right; } .accommodation--pdf .links-container { display: none; } html.js .accommodation--detail .accommodation-vacation-priceandcalendar select { -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; border-radius: 12.5px; padding: 0 5px; } @media all and (min-width: 580px) { .accommodation--detail .facilities { -moz-column-width: 280px; -webkit-column-width: 280px; column-width: 280px; } } @media all and (min-width: 760px) { .accommodation--detail .accommodation-vacation-priceandcalendar .section-price-a { float: left; width: calc(70% - 8 * 10px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accommodation--detail .accommodation-vacation-priceandcalendar .section-price-b { float: right; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accommodation--detail .accommodation-vacation-priceandcalendar .accommodation-vacation-section { position: relative; z-index: 3; } } @media all and (min-width: 560px) { .accommodation--detail .accommodation-vacation-priceandcalendar { position: relative; overflow: hidden; } .accommodation--detail .accommodation-vacation-priceandcalendar select { width: 100%; } .accommodation--detail .accommodation-vacation-priceandcalendar .section-price-a { overflow: hidden; } .accommodation--detail .accommodation-vacation-priceandcalendar .section-price-a-1 { float: left; width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accommodation--detail .accommodation-vacation-priceandcalendar .section-price-a-2 { float: right; width: calc(40% - 2 * 10px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media all and (min-width: 500px) { .accommodation--detail .section-overview .section-overview-b { position: relative; } .accommodation--detail .section-overview .section-overview-b, .accommodation--detail .section-overview .section-overview-c { display: table; width: 100%; table-layout: fixed; } .accommodation--detail .section-overview .section-overview-b1, .accommodation--detail .section-overview .section-overview-b2, .accommodation--detail .section-overview .section-overview-c1, .accommodation--detail .section-overview .section-overview-c2 { width: 50%; display: table-cell; } .accommodation--detail .section-overview .section-overview-c1 { padding: 10px 0 10px 0; } .accommodation--detail .section-overview .section-overview-b2 { vertical-align: top; } .accommodation--detail .section-overview .section-overview-c2 { vertical-align: top; } } @media all and (min-width: 750px) { .accommodation--detail .section-overview .section-overview-c .accommodation-commoninformation { column-count: 2; } } @media print { .accommodation--detail .accommodation-price-links { display: none; } .accommodation--detail .accommodation-vacation-price-bookinglink { display: none; } .accommodation--detail .rental-terms-link { display: none; } .accommodation--detail .links-container { display: none; } } @media all and (max-width: 560px) { #dynamic-header .accommodation-header-prefix2 { display: none; } } .cancellation-rules { margin-top: 10px; } .cancellation-rules__legend { margin-left: 15px; height: 16px; line-height: 16px; padding: 0 0 0 20px; position: relative; font-size: 1em; font-weight: bold; white-space: nowrap; } .cancellation-rules__value { margin-left: 15px; border-left: 2px solid darkgray; padding: 10px 0 10px 20px; font-size: 0.9em; position: relative; } .cancellation-rules__value-active { border-left: 2px solid black; } .cancellation-rules__legend::before { display: block; position: absolute; content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3E%3Ccircle cx=%2715%27 cy=%2715%27 r=%2711%27 stroke=%27darkgray%27 stroke-width=%278%27 fill=%27white%27/%3E%3C/svg%3E"); width: 16px; height: 16px; top: 50%; margin-top: -8px; left: -7px; } .cancellation-rules__legend-active::before { content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3E%3Ccircle cx=%2715%27 cy=%2715%27 r=%2711%27 stroke=%27black%27 stroke-width=%278%27 fill=%27white%27/%3E%3C/svg%3E"); } .cancellation-rules__value-bullet::before { display: block; content: ''; height: 2px; width: 5px; position: absolute; background-color: darkgray; top: 50%; margin-top: -1px; left: 5px; } .accommodation--catalog-list { overflow: hidden; position: relative; background-color: #fff; } .accommodation--catalog-list:hover { background-color: #007bc2; color: #fff; } .accommodation--catalog-list .accommodation-persons { color: inherit; } .accommodation--list { overflow: hidden; position: relative; background-color: #fff; margin-bottom: 20px; } .accommodation--list > .content { position: relative; } .accommodation--list > .content > .content-a { overflow: hidden; margin: 0; background-color: #434343; color: #fff; } .accommodation--list > .content > .content-a .accommodation-images { overflow: hidden; } .accommodation--list > .content > .content-a .accommodation-primaryimage { float: left; width: calc(300% / 4 - 1px / 12); position: relative; } .accommodation--list > .content > .content-a .accommodation-primaryimage img { width: 100%; height: auto; } .accommodation--list > .content > .content-a .accommodation-secondaryimages { float: right; overflow: hidden; width: calc(100% / 4 - 33px / 36); } .accommodation--list > .content > .content-a .accommodation-secondaryimages img { width: 100%; height: auto; } .accommodation--list > .content > .content-a .accommodation-secondaryimages img:nth-of-type(n+2) { margin-top: 1px; } .accommodation--list > .content > .content-b { margin: 0; } .accommodation--list ul.accommodation-searchablevalues2 { list-style: none; margin: 0; column-count: 2; } .accommodation--list ul.accommodation-searchablevalues2 li.accommodation-searchablevalue2 { margin: 0; overflow: hidden; } .accommodation--list ul.accommodation-searchablevalues2 li.accommodation-searchablevalue2 .accommodation-searchablevalue2-name { float: left; clear: left; } .accommodation--list ul.accommodation-searchablevalues2 li.accommodation-searchablevalue2 .accommodation-searchablevalue2-value { float: right; clear: right; padding-left: 5px; } .accommodation--list .accommodation-info { padding: 10px; } .accommodation--list .accommodation-info ul { padding: 0; margin: 0; } .accommodation--list .accommodation-info li { list-style: none; padding: 0; } .accommodation--list .accommodation-info .commoninfo-icons > div { float: left; width: 25%; height: 50px; text-align: center; box-sizing: border-box; margin-bottom: 10px; } .accommodation--list .accommodation-info .commoninfo-icons > div img { width: 30px; height: 30px; display: block; margin: auto; } .accommodation--list .accommodation-info .commoninfo-icons:after { content: ''; display: table; clear: both; } .accommodation--list .accommodation-price .accommodation-price-offers { padding: 10px; } .accommodation--list .accommodation-price .accommodation-price-offers:after { content: ''; display: table; clear: both; } @media all and (min-width: 480px) { .accommodation--list > .content > .content-a .accommodation-images { float: left; width: 230px; } .accommodation--list > .content > .content-a .accommodation-primaryimage { width: 100%; } .accommodation--list > .content > .content-a .accommodation-secondaryimages { width: 100%; float: none; } .accommodation--list > .content > .content-a .accommodation-secondaryimages img { float: left; width: 33%; margin-top: 1px; } .accommodation--list > .content > .content-a .accommodation-secondaryimages img:nth-of-type(n+2) { margin-left: 1px; } .accommodation--list > .content > .content-a .accommodation-info { float: right; width: calc(100% - 230px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 227px; overflow: hidden; } } @media all and (min-width: 560px) { .accommodation--list .accommodation-price .accommodation-price-name { float: left; width: calc(100% - 330px); margin-bottom: 10px; } .accommodation--list .accommodation-price .accommodation-price-container { margin: 0 0 10px 0; top: 0; width: 330px; float: right; text-align: right; } .accommodation--list .accommodation-price .accommodation-price-information { clear: left; } .accommodation--list .accommodation-price .multiple-dates .accommodation-price-name { margin-bottom: 0; } } @media all and (min-width: 680px) and (max-width: 799px), all and (min-width: 900px) { .accommodation--list > .content > .content-a .accommodation-images { width: 403.666px; } .accommodation--list > .content > .content-a .accommodation-primaryimage { float: left; width: calc(100% - 101px); } .accommodation--list > .content > .content-a .accommodation-secondaryimages { float: left; width: 100px; height: 227px; } .accommodation--list > .content > .content-a .accommodation-secondaryimages img { width: 100%; margin-top: 0; margin-left: 1px; } .accommodation--list > .content > .content-a .accommodation-secondaryimages img:nth-of-type(n+2) { margin-top: 1px; } .accommodation--list > .content > .content-a .accommodation-info { float: right; width: calc(100% - 403.666px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media all and (max-width: 559px) { .accommodation--list .accommodation-price { text-align: center; } .accommodation--list .accommodation-price .multiple-dates { text-align: center; } .accommodation--list .accommodation-price .multiple-dates .accommodation-price-offers { margin: 0 auto; } } @media all and (min-width: 900px) and (max-width: 960px), all and (min-width: 680px) and (max-width: 740px), all and (min-width: 480px) and (max-width: 550px) { .accommodation--list .accommodation-info .commoninfo-icons > div { width: 33.33%; } .accommodation--list .accommodation-info .accommodation-searchablevalues2 .accommodation-searchablevalue2:nth-child(n+3) { display: none; } } .accommodation--map { background-color: #fff; position: relative; overflow: hidden; } .accommodation--map h3 { margin: 0; overflow: hidden; white-space: nowrap; direction: ltr; text-indent: 9999px; } .accommodation--map .accommodation-price { text-align: center; } .accommodation--map .accommodation-price a { color: inherit; } .accommodation--map .accommodation-price .accommodation-price-offers { padding: 5px; } .accommodation--map .accommodation-price .multiple-dates .accommodation-price-duration { display: none; } .accommodation--map .accommodation-price .accommodation-price-discount { font-weight: bold; } .accommodation--map .accommodation-price .accommodation-price-price { font-size: 1.714em; font-weight: bold; } .accommodation--map img { width: 280px; height: 210px; } .accommodation--map .accommodation-price { background-color: transparent; } .accommodation--map .accommodation-price .accommodation-price-price { color: #434343; border: 2px solid #edbe00; background-color: #ffcd00; -webkit-border-radius: 22.5px; -moz-border-radius: 22.5px; border-radius: 22.5px; display: inline-block; padding: 0 5px; } .accommodation--map .accommodation-price .accommodation-price-price:after { border-left: 2px solid #edbe00; line-height: 41px; margin-left: 10px; padding-left: 10px; } .accommodation--map:hover .accommodation-price-price { background-color: #fff; color: #434343; } @media all and (max-width: 550px), (max-height: 600px) { .accommodation--map img { width: 92px; height: 69px; float: left; margin-right: 5px; } .accommodation--map .accommodation-price-discount, .accommodation--map .accommodation-price-included-information, .accommodation--map .accommodation-price-persons { display: none; } } .accommodation--gallery { overflow: hidden; position: relative; background-color: #fff; margin-bottom: 20px; } .accommodation--gallery > .content { position: relative; } .accommodation--gallery > .content > .content-a { overflow: hidden; margin: 0; background-color: #434343; color: #fff; } .accommodation--gallery > .content > .content-b { margin: 0 0 15px 0; z-index: 3; position: relative; background-color: #434343; } .accommodation--gallery > .content > .content-b .accommodation-images { margin-right: -1px; width: 100%; } .accommodation--gallery > .content > .content-b .accommodation-images .images-image { float: left; padding-right: 1px; padding-top: 1px; box-sizing: border-box; } .accommodation--gallery > .content > .content-b .accommodation-images .images-image img { width: 100%; height: auto; } .accommodation--gallery > .content > .content-b .accommodation-images .arrow-left, .accommodation--gallery > .content > .content-b .accommodation-images .arrow-right { position: absolute; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; top: 50%; transform: translateY(-50%); text-indent: 99999px; z-index: 1; border: 1px solid #000; background-position: center; opacity: 0; transition: opacity 0.5s ease-out; } .accommodation--gallery > .content > .content-b .accommodation-images .arrow-left { left: 10px; } .accommodation--gallery > .content > .content-b .accommodation-images .arrow-right { right: 10px; } .accommodation--gallery > .content > .content-b .accommodation-images:hover .arrow-left, .accommodation--gallery > .content > .content-b .accommodation-images:hover .arrow-right { opacity: 1; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container { width: 100%; margin: auto; position: relative; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider { position: relative; width: 10000%; width: calc(var(--amount) * 100%); margin-left: calc(var(--index) * -100%); transition: all 0.5s ease-out; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider .images-image { width: 1%; width: calc(100% / var(--amount)); padding: 0 1px; position: relative; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider .images-image.lazy:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 id=%27icon-spinner%27 fill=%27%23fff%27 viewBox=%270 0 32 32%27%3E%3Cpath d=%27M12 4c0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4s-4-1.791-4-4zM20.485 7.515c0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4s-4-1.791-4-4zM26 16c0-1.105 0.895-2 2-2s2 0.895 2 2c0 1.105-0.895 2-2 2s-2-0.895-2-2zM22.485 24.485c0-1.105 0.895-2 2-2s2 0.895 2 2c0 1.105-0.895 2-2 2s-2-0.895-2-2zM14 28c0 0 0 0 0 0 0-1.105 0.895-2 2-2s2 0.895 2 2c0 0 0 0 0 0 0 1.105-0.895 2-2 2s-2-0.895-2-2zM5.515 24.485c0 0 0 0 0 0 0-1.105 0.895-2 2-2s2 0.895 2 2c0 0 0 0 0 0 0 1.105-0.895 2-2 2s-2-0.895-2-2zM4.515 7.515c0 0 0 0 0 0 0-1.657 1.343-3 3-3s3 1.343 3 3c0 0 0 0 0 0 0 1.657-1.343 3-3 3s-3-1.343-3-3zM1.75 16c0-1.243 1.007-2.25 2.25-2.25s2.25 1.007 2.25 2.25c0 1.243-1.007 2.25-2.25 2.25s-2.25-1.007-2.25-2.25z%27%3E%3C/path%3E%3C/svg%3E"); content: ''; display: inline-block; width: 50px; height: 50px; animation-name: loading-overlay-spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; left: 40%; left: calc(50% - 25px); top: 40%; top: calc(50% - 25px); position: absolute; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider:after { content: ''; clear: both; display: table; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container { position: absolute; bottom: -15px; left: 50%; height: 10px; width: 200px; width: calc(var(--dotsShown) * 20px); box-sizing: content-box; transform: translateX(-50%); } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-arrow-left, .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-arrow-right { display: none; position: absolute; width: 15px; height: 15px; border: 1px solid #434343; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: 'border-box'; -moz-box-sizing: 'border-box'; box-sizing: 'border-box'; background-size: 18px 18px; background-position: center; cursor: pointer; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-arrow-left { left: -20px; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-arrow-right { right: -20px; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-slider-container { height: 10px; width: 100%; box-sizing: content-box; overflow: hidden; margin-top: 3px; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-slider-container .accommodation-images-dots-slider { width: calc(var(--amount) * 20px); margin-left: calc(var(--dotsOffset) * -20px); transition: all 0.5s ease-out; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-slider-container .accommodation-images-dots-slider .images-dots { margin: 0 5px; float: left; height: 10px; width: 10px; border: 1px solid #000; background-color: #989898; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-sizing: border-box; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-slider-container .accommodation-images-dots-slider .images-dots.active { background-color: #fff; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-slider-container .accommodation-images-dots-slider:after { content: ''; clear: both; display: table; } .accommodation--gallery > .content > .content-b .accommodation-images.no-transition .accommodation-images-container .accommodation-images-container-slider { transition: none; } .accommodation--gallery > .content > .content-b .accommodation-images.show-left-dots-arrow .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-arrow-left { display: inline-block; } .accommodation--gallery > .content > .content-b .accommodation-images.show-right-dots-arrow .accommodation-images-container .accommodation-images-dots-container .accommodation-images-dots-arrow-right { display: inline-block; } .accommodation--gallery > .content > .content-b .accommodation-images.hide-left-arrow .js-arrow-left { display: none !important; } .accommodation--gallery > .content > .content-b .accommodation-images.hide-right-arrow .js-arrow-right { display: none !important; } .accommodation--gallery > .content > .content-b:after { content: ''; clear: both; display: table; } .accommodation--gallery .accommodation-info { padding: 10px; } .accommodation--gallery .accommodation-info .commoninfo-icons ul { padding: 0; margin: 0; } .accommodation--gallery .accommodation-info .commoninfo-icons li { list-style: none; padding: 0; } .accommodation--gallery .accommodation-info .commoninfo-icons > div { float: left; width: 65px; text-align: center; box-sizing: border-box; } .accommodation--gallery .accommodation-info .commoninfo-icons > div img { width: 25px; height: 25px; display: block; margin: auto; } .accommodation--gallery .accommodation-info .commoninfo-icons:after { content: ''; display: table; clear: both; } .accommodation--gallery .accommodation-info ul li { list-style: circle; margin-left: 16px; margin-right: 5px; text-indent: -5px; } .accommodation--gallery .accommodation-info:after { content: ''; display: table; clear: both; } .accommodation--gallery ul.accommodation-searchablevalues2 { display: none; float: right; } .accommodation--gallery ul.accommodation-searchablevalues2 li { float: none; } .accommodation--gallery ul.accommodation-searchablevalues2:after { content: ''; display: table; clear: both; } .accommodation--gallery .accommodation-price .accommodation-price-offers { padding: 10px; } .accommodation--gallery .accommodation-price .accommodation-price-offers:after { content: ''; display: table; clear: both; } .no-js .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider .images-image.no-js-hidden { display: none; } .no-js .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-dots-container { display: none; } @media all and (min-width: 480px) { .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider { width: 5000%; width: calc(var(--amount) * 50%); margin-left: calc((var(--index) / 2) * -100%); } } @media all and (min-width: 700px) { .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider { width: 3333%; width: calc(var(--amount) * 33.333%); margin-left: calc((var(--index) / 3) * -100%); } } @media all and (min-width: 1200px) { .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider { width: 2500%; width: calc(var(--amount) * 25%); margin-left: calc((var(--index) / 4) * -100%); } } @media all and (min-width: 1440px) { .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider { width: 2000%; width: calc(var(--amount) * 20%); margin-left: calc((var(--index) / 5) * -100%); } } @media all and (min-width: 2000px) { .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider { width: 1666%; width: calc(var(--amount) * 16.666%); margin-left: calc((var(--index) / 6) * -100%); } } @media all and (min-width: 2500px) { .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider { width: 1250%; width: calc(var(--amount) * 12.5%); margin-left: calc((var(--index) / 8) * -100%); } } @media all and (min-width: 3000px) { .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container .accommodation-images-container-slider { width: 1000%; width: calc(var(--amount) * 10%); margin-left: calc((var(--index) / 10) * -100%); } } @media all and (min-width: 560px) { .accommodation--gallery .accommodation-price .accommodation-price-name { float: left; margin-bottom: 10px; margin-right: 20px; } .accommodation--gallery .accommodation-price .accommodation-price-container { margin: 0 0 10px 0; top: 0; float: right; text-align: right; } .accommodation--gallery .accommodation-price .accommodation-price-information { clear: left; } .accommodation--gallery .accommodation-price .accommodation-price-alternatve-dates-container { float: left; } .accommodation--gallery .accommodation-price .multiple-dates .accommodation-price-name { margin-bottom: 0; } } @media all and (max-width: 559px) { .accommodation--gallery .accommodation-price { text-align: center; } .accommodation--gallery .accommodation-price .multiple-dates { text-align: center; } .accommodation--gallery .accommodation-price .multiple-dates .accommodation-price-offers { margin: 0 auto; } } @media all and (max-width: 550px) { .accommodation--gallery .accommodation-info { height: 45px; overflow: hidden; } .accommodation--gallery .accommodation-info .commoninfo-icons > div { width: auto; height: 45px; margin-right: 20px; margin-bottom: 10px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .accommodation--gallery > .content > .content-b .accommodation-images .arrow-left, .accommodation--gallery > .content > .content-b .accommodation-images .arrow-right { display: none !important; } .accommodation--gallery > .content > .content-b .accommodation-images .accommodation-images-container { overflow: hidden; } } .accommodation--list .accommodation-price, .accommodation--gallery .accommodation-price, .accommodation--banner .accommodation-price { background-color: transparent; } .accommodation--list .accommodation-price .accommodation-price-price, .accommodation--gallery .accommodation-price .accommodation-price-price, .accommodation--banner .accommodation-price .accommodation-price-price { border: 2px solid #ffcd00; background-color: #ffcd00; color: #434343; -webkit-border-radius: 22.5px; -moz-border-radius: 22.5px; border-radius: 22.5px; height: 41px; line-height: 41px; } .accommodation--list .accommodation-price .accommodation-price-price:after, .accommodation--gallery .accommodation-price .accommodation-price-price:after, .accommodation--banner .accommodation-price .accommodation-price-price:after { border-left: 2px solid #edbe00; line-height: 41px; margin-left: 10px; padding-left: 10px; } .accommodation--list .accommodation-price .accommodation-price-price.accommodation-price-price-request, .accommodation--gallery .accommodation-price .accommodation-price-price.accommodation-price-price-request, .accommodation--banner .accommodation-price .accommodation-price-price.accommodation-price-price-request { padding-right: 20px; padding-left: 20px; } .accommodation--list .accommodation-price .accommodation-price-price.accommodation-price-price-request:after, .accommodation--gallery .accommodation-price .accommodation-price-price.accommodation-price-price-request:after, .accommodation--banner .accommodation-price .accommodation-price-price.accommodation-price-price-request:after { display: none; border-left: none; margin-left: 0; } .accommodation--list .accommodation-price .accommodation-price-price-test, .accommodation--gallery .accommodation-price .accommodation-price-price-test, .accommodation--banner .accommodation-price .accommodation-price-price-test { border: 2px solid #ffcd00; background-color: #ffcd00; color: #434343; -webkit-border-radius: 22.5px; -moz-border-radius: 22.5px; border-radius: 22.5px; height: 41px; line-height: 41px; } .accommodation--list:hover .accommodation-price-price, .accommodation--gallery:hover .accommodation-price-price, .accommodation--banner:hover .accommodation-price-price { background-color: #fff; color: #434343; } .accommodation--list:hover .accommodation-price-price-test, .accommodation--gallery:hover .accommodation-price-price-test, .accommodation--banner:hover .accommodation-price-price-test { background-color: #fff; color: #434343; } ul.accommodationlist { padding: 0; } ul.accommodationlist li { margin: 5px 0; padding: 0; list-style: none; } ul.accommodationlist li.first { margin: 0; } ul.accommodationlist > .accommodationlist-item.notShownBefore, ul.accommodationlist > .accommodationlist-item.shownBefore { position: relative; } ul.accommodationlist > .accommodationlist-item.notShownBefore .icon-shownBefore, ul.accommodationlist > .accommodationlist-item.shownBefore .icon-shownBefore { display: inline-block; height: 20px; width: 20px; margin-left: 2px; z-index: 3; background-position: center; background-size: 15px; } .inspiration2, .inspiration3, .teaser-articles-inspiration { padding: 10px; color: #fff; background-color: #434343; } .inspiration2 .inspiration-content, .inspiration3 .inspiration-content, .teaser-articles-inspiration .inspiration-content { margin: 0 auto; max-width: 1000px; } .inspiration2 h4, .inspiration3 h4, .teaser-articles-inspiration h4 { font-size: 1.714em; margin: 0.4em 0; } .inspiration2 a, .inspiration3 a, .teaser-articles-inspiration a { color: inherit; } .inspiration2 { background-color: #ffcd00; color: #434343; margin-bottom: 20px; } .abtest-b .ab-a { display: none; } .abtest-b .ab-b { display: inline; } .inspiration3 { background-color: #434343; color: #fff; } @media all and (max-width: 360px) { .accommodation--list .accommodation-price .accommodation-price-price, .accommodation--gallery .accommodation-price .accommodation-price-price, .accommodation--banner .accommodation-price .accommodation-price-price { font-size: 0.857em; } .accommodation--list .accommodation-price .accommodation-price-price:after, .accommodation--gallery .accommodation-price .accommodation-price-price:after, .accommodation--banner .accommodation-price .accommodation-price-price:after { font-size: 1em; } .accommodation--list .accommodation-price .accommodation-price-price-test, .accommodation--gallery .accommodation-price .accommodation-price-price-test, .accommodation--banner .accommodation-price .accommodation-price-price-test { font-size: 0.857em; } .accommodation--list .accommodation-price .accommodation-price-price-text, .accommodation--gallery .accommodation-price .accommodation-price-price-text, .accommodation--banner .accommodation-price .accommodation-price-price-text, .accommodation--list .accommodation-price .accommodation-price-price-currency, .accommodation--gallery .accommodation-price .accommodation-price-price-currency, .accommodation--banner .accommodation-price .accommodation-price-price-currency { font-size: 1em; } .accommodation--list .accommodation-price .accommodation-price-price-amount, .accommodation--gallery .accommodation-price .accommodation-price-price-amount, .accommodation--banner .accommodation-price .accommodation-price-price-amount { font-size: 1.714em; } } @media all and (min-width: 560px) { .accommodation-header-link { padding: 10px 125px 10px 10px; padding-right: 125px; font-size: 18px; letter-spacing: 0; } .has-intro .accommodation-header-link { padding-top: 36px; } .accommodation--list .stars--rating-summary, .accommodation--gallery .stars--rating-summary { --star-count: 5; } } .accommodation-vacation-alternate__row { display: flex; width: 100%; } .accommodation-vacation-alternate__row > * { display: none; padding-left: 5px; flex: 1 1 0; min-width: 0; } div.accommodation-vacation-alternate__row { font-weight: bold; } a.accommodation-vacation-alternate__row { color: inherit; text-decoration: none; } a.accommodation-vacation-alternate__row:focus, a.accommodation-vacation-alternate__row:hover { background-color: #ffcd00; color: inherit; } .accommodation-vacation-alternate__row .arrival--arrivals, .accommodation-vacation-alternate__row .duration--durations { display: block; } .accommodation-vacation-alternate__row .catalogprice { text-align: right; } .accommodation-vacation-alternate__row .discount { text-align: right; } .accommodation-vacation-alternate__row .price { display: block; text-align: right; } @media all and (min-width: 425px) { .accommodation-vacation-alternate__row .catalogprice { display: block; } } @media all and (min-width: 560px) { .accommodation-vacation-alternate__row .departure { display: block; } } @media all and (min-width: 695px) { .accommodation-vacation-alternate__row .discount { display: block; } } @media all and (min-width: 830px) { .accommodation-vacation-alternate__row .duration, .accommodation-vacation-alternate__row .arrival { display: block; } } @media all and (min-width: 965px) { .accommodation-vacation-alternate__row .dayofweek { display: block; } } .accommodation-search-and-banners { max-width: 1000px; margin: 0 auto; margin-bottom: 20px; } .accommodation-search-and-banners .accommodationlist { padding: 0; overflow: hidden; margin: 0; } .accommodation-search-and-banners .accommodationlist-item { margin: 0; padding: 0; list-style: none; margin-top: 20px; } .accommodation-search-and-banners .accommodationlist-item:nth-child(1) { margin-top: 0; } .accommodation-search-and-banners .accommodationlist-item li { margin: 0; } @media all and (min-width: 800px) { .accommodation-search-and-banners .accommodationlist-item { float: left; width: 50%; } .accommodation-search-and-banners .accommodationlist-item:nth-child(2n+1) { clear: both; } .accommodation-search-and-banners .accommodationlist-item:nth-child(2) { margin-top: 0; } .accommodation-search-and-banners .accommodationlist-item:nth-child(even) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; } .accommodation-search-and-banners .accommodationlist-item:nth-child(odd) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; } } .accommodation-list--detail { margin-bottom: 20px; } .accommodation-list--detail .result { max-width: 1000px; margin: 0 auto; } .accommodationlist-search { padding: 10px; background-color: #007bc2; color: #fff; overflow: hidden; } .accommodationlist-search .searchform input { width: 100%; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .accommodationlist-search .searchform div.submit { overflow: hidden; margin-top: 10px; } .accommodationlist-search ul { margin: 0; padding: 0; } .accommodationlist-search li { list-style: none; } .accommodationlist-search li a { color: inherit; text-decoration: none; } html.js .accommodationlist-search .searchform input { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } @media all and (min-width: 500px) { .accommodationlist-search { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media all and (min-width: 500px) { .accommodationlist-search .searchform div.submit { float: right; width: 50%; padding-left: 10px; } } .banners { max-width: 1000px; margin: 0 auto 20px auto; clear: both; } .banners h4 { display: none; } .banners ul { position: relative; margin: 0; padding: 0; list-style: none; overflow: hidden; margin-bottom: -20px; } .banners li { width: 100%; float: left; margin-bottom: 20px; position: relative; background-color: #fff; } .banners li div { position: relative; padding-bottom: 50px; } .banners li div h5, .banners li div h4, .banners li div h3 { margin: 0; font-size: 1.286em; } .banners li div h5 a, .banners li div h4 a, .banners li div h3 a { display: block; background-image: url(images/12f88555485bb5ac6bc9.gif); height: 100%; width: 100%; position: absolute; text-decoration: none; color: inherit; } .banners li div h5 a span, .banners li div h4 a span, .banners li div h3 a span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; line-height: 30px; height: 50px; padding: 10px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .banners li div img { width: 100%; height: auto; } .banners li div.banner-with-image h3 { display: block; } .banners:after { content: ''; display: block; clear: both; } @media all and (min-width: 500px) { .banners li { width: calc(50% - 20px / 2); } .banners li:nth-of-type(even) { margin-left: 10px; } .banners li:nth-of-type(odd) { margin-right: 10px; } } .last-minute-teaser { margin-bottom: 20px; } .last-minute-teaser-header { background-color: #ffcd00; color: #434343; padding: 10px; text-align: center; margin-bottom: 20px; line-height: 100px; } .last-minute-teaser-header h2 { max-width: 1000px; margin: 0 auto; font-size: 2.429em; line-height: 1em; vertical-align: middle; display: inline-block; } .last-minute-teaser-content { max-width: 1000px; margin: 0 auto; } .last-minute-teaser-items { margin: 0; padding: 0; } .last-minute-teaser-item { position: relative; list-style: none; padding: 0; background-color: #006ba8; color: #fff; text-align: center; width: calc(25% - 1.5 * 10px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0 10px 20px 10px; background-size: cover; background-position: center; } .last-minute-teaser-item:nth-child(1) { margin-left: 0; } .last-minute-teaser-item:nth-child(4) { margin-right: 0; } .last-minute-teaser-item .last-minute-teaser-item-layer { color: #fff; padding: 10px; text-align: center; width: 100%; height: 250px; padding-bottom: 85px; position: relative; box-sizing: border-box; } .last-minute-teaser-item .last-minute-teaser-item-layer .last-minute-teaser-item-arrival { background-color: #006ba8; margin: -10px -10px 20px -10px; padding: 5px; } .last-minute-teaser-item .last-minute-teaser-item-layer .last-minute-teaser-item-count { background-color: #006ba8; } .last-minute-teaser-item .last-minute-teaser-item-layer .last-minute-teaser-item-arrival-weekday { display: inline; } .last-minute-teaser-item .last-minute-teaser-item-layer .last-minute-teaser-item-arrival-date { display: inline; } .last-minute-teaser-item .last-minute-teaser-item-layer .last-minute-teaser-item-count-text { display: block; font-size: 0.7rem; } .last-minute-teaser-item .last-minute-teaser-item-layer .last-minute-teaser-item-country { display: inline; } .last-minute-teaser-item-arrival { font-weight: bold; margin-bottom: 1em; } .last-minute-teaser-item-arrival-weekday { display: block; } .last-minute-teaser-item-arrival-date { display: block; } .last-minute-teaser-item-count { display: inline-block; font-size: 1.714em; font-weight: bold; border: 2px solid #fff; padding: 5px 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .last-minute-teaser-item-text { margin-top: 1em; display: block; } .last-minute-teaser-item-country { display: block; } .last-minute-teaser-item-country:before { content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 11px; background-image: url(images/44b103a3c0c8a101759d.png); margin-top: -2px; } .last-minute-teaser-item-link { position: absolute; right: 0; top: 0; bottom: 0; left: 0; } .last-minute-teaser-item-link:hover .last-minute-teaser-item-link-text { color: #434343; background-color: #fff; } .last-minute-teaser-item-link-text-container { width: 100%; display: block; position: absolute; bottom: 10px; text-align: center; } .last-minute-teaser-item-link-text { border: 2px solid #ffcd00; background-color: #ffcd00; color: #434343; min-height: 41px; line-height: 41px; font-weight: bold; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-decoration: none; outline: 0; display: inline-block; white-space: nowrap; position: relative; margin: 0 10px; text-align: center; } .last-minute-teaser-item-link-text:after { content: ''; position: absolute; margin-top: -7px; top: 50%; right: 11px; display: block; width: 16px; height: 16px; background-size: 16px; } .last-minute-teaser-item-link-text:before { content: ''; background-color: #edbe00; height: 100%; height: calc(100% + 4px); width: 2px; position: absolute; right: 38px; top: 0; top: calc(-2px); } .last-minute-teaser-item-link-text:hover { color: #434343; background-color: #fff; } .last-minute-teaser-item-link-text span { line-height: 1.2em; display: inline-block; white-space: normal; vertical-align: middle; text-align: center; overflow: visible; margin: 5px 55px 5px 15px; } @media all and (max-width: 750px) { .last-minute-teaser-item { width: calc(50% - 10px); } .last-minute-teaser-item:nth-child(3) { margin-left: 0; } .last-minute-teaser-item:nth-child(2) { margin-right: 0; } } @media all and (max-width: 500px) { .last-minute-teaser-item { margin-left: 0; margin-right: 0; width: 100%; } } .catalog-result { margin: 0 auto 0 auto; max-width: 1000px; overflow: hidden; } .catalog-countries { margin: -10px 0 20px 0; padding: 0; } .catalog-countries li { margin: 0; padding-top: 10px; list-style: none; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; } .catalog-countries li a { display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; color: inherit; text-decoration: none; background-color: #fff; color: #000; outline: none; } .catalog-countries li a:hover { background-color: #007bc2; color: #fff; } .catalog-placeindexes { margin: -10px -10px 0 0; padding: 0; } .catalog-placeindexes li { float: left; list-style: none; width: 38px; height: 38px; margin-right: 10px; margin-top: 10px; } .catalog-placeindexes li a { display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 36px; vertical-align: middle; text-align: center; color: inherit; text-decoration: none; background-color: #fff; color: #000; outline: none; } .catalog-placeindexes li a:hover { background-color: #007bc2; color: #fff; } .catalog-places { margin: -10px 0 20px 0; padding: 0; } .catalog-places li { margin: 0; padding-top: 10px; list-style: none; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; } .catalog-places li a { display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; color: inherit; text-decoration: none; background-color: #fff; color: #000; outline: none; } .catalog-places li a:hover { background-color: #007bc2; color: #fff; } .catalog-accommodations { margin: 0; padding: 0; } .catalog-accommodations li { margin-bottom: 20px; list-style: none; position: relative; } @media all and (min-width: 410px) { .catalog-countries, .catalog-places { -moz-column-width: 200px; -webkit-column-width: 200px; column-width: 200px; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } } .geography-summary-list { margin: 20px auto 0 auto; max-width: 1000px; } .taxonomy--detail .geography-summary-list .summary-list-header { display: none; } .contact-detail .content-a, .contact-detail .content-b { margin: 0 auto 20px auto; max-width: 1000px; } .contact-detail .content-a2, .contact-detail .content-a3 { padding: 10px; margin-bottom: 20px; } .contact-detail .content-a2 a, .contact-detail .content-a3 a { color: inherit; } .contact-detail .content-a2 { background-color: #fff; color: #000; } .contact-detail .content-a3 { background-color: #434343; color: #fff; } .contact-detail .openinghours .section { margin-bottom: 1.4em; } .contact-detail .openinghours .section:last-of-type { margin-bottom: 0; } .contact-detail .openinghours-week { display: table; } .contact-detail .openinghours-day { display: table-row; } .contact-detail .openinghours-day-name { padding-right: 10px; } .contact-detail .openinghours-day-name, .contact-detail .openinghours-day-value { display: table-cell; } .contactaddress .portaladdress .section { margin-bottom: 1.4em; } .contactaddress .portaladdress .section:last-of-type { margin-bottom: 0; } .contactaddress .portaladdress .table { display: table; } .contactaddress .portaladdress .table .row { display: table-row; } .contactaddress .portaladdress .table .cell { display: table-cell; } .contactaddress .portaladdress .table .cell:first-child { padding-right: 5px; } .call-center-employees h2 { display: none; } .call-center-employees ul { overflow: hidden; margin: 0; padding: 0; } .call-center-employees li { list-style: none; overflow: hidden; } .call-center-employee { overflow: hidden; } .call-center-employee h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; margin: 0.4em 0; width: 50%; float: right; } .call-center-employee .photo { width: 50%; float: left; } .call-center-employee .photo img { width: 100%; height: auto; } .call-center-employee .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 10px 10px; width: 50%; float: right; } .call-center-employee .content dl { margin: 0; } .call-center-employee .content dt, .call-center-employee .content div { font-weight: bold; } .call-center-employee .content dd { margin: 0; } @media all and (min-width: 500px) { .contact-detail .content-a { display: table; width: 100%; } .contact-detail .content-a2, .contact-detail .content-a3 { display: table-cell; width: 50%; } .call-center-employees .employee-table { display: table; table-layout: fixed; width: 100%; } .call-center-employees .employee-row { display: table-row; } .call-center-employees .employee-cell { display: table-cell; width: 50%; vertical-align: top; } } @media all and (max-width: 1000px) { .call-center-employee .photo, .call-center-employee .content, .call-center-employee h3 { float: none; width: 100%; } .call-center-employee .content { padding: 10px; } } .call-center-employees .employee-cell:nth-child(2n+1) { background-color: #007bc2; color: #fff; } .call-center-employees .employee-cell:nth-child(2n+2) { background-color: #fff; color: #000; } .call-center-employee { background-color: transparent; } .call-center-employee h3 { font-size: 1.714em; } @media all and (min-width: 500px) { .call-center-employees .employee-row:nth-child(2n+1) .employee-cell:nth-child(2n+1) { background-color: #007bc2; color: #fff; } .call-center-employees .employee-row:nth-child(2n+1) .employee-cell:nth-child(2n+2) { background-color: #fff; color: #000; } .call-center-employees .employee-row:nth-child(2n+2) .employee-cell:nth-child(2n+1) { background-color: #fff; color: #000; } .call-center-employees .employee-row:nth-child(2n+2) .employee-cell:nth-child(2n+2) { background-color: #007bc2; color: #fff; } } .bbtext p, .bbtext ul, .bbtext ol { word-wrap: break-word; margin: 0.4em 0 1em 0; min-width: 1px; } .bbtext ul, .bbtext ol { padding-left: 20px; } .bbtext dt { font-weight: bold; } .bbtext dd { margin-left: 10px; } .bbtext a { color: #434343; } .bbtext blockquote { position: relative; clear: both; overflow: hidden; } .bbtext blockquote:before { display: block; content: "\201C"; font-size: 5em; margin-bottom: -0.8em; margin-left: -0.03em; margin-top: -0.15em; } .bbtext blockquote footer { font-size: 0.857em; } .bbtext .image { padding-bottom: 5px; text-align: center; } .bbtext .image div { display: inline-block; } .bbtext .image img { width: 100%; height: auto; } .bbtext .imageset { text-align: center; } .bbtext .imageset div { display: inline-block; } .bbtext .imageset img { width: auto; max-width: 100%; } .bbtext iframe.googlemap { height: 450px; width: 100%; padding: 0 5%; box-sizing: border-box; } section.index li { margin-top: 0.375rem; } @media all and (min-width: 500px) { .article-detail .bbtext:not(.bbtext-blog) .image:not(.large) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33%; float: left; padding: 0 10px 10px 0; } .article-detail .bbtext:not(.bbtext-blog) .image:not(.large):nth-of-type(2n) { float: right; padding: 0 0 10px 10px; } } @media all and (max-width: 500px) { .bbtext p, .bbtext ul, .bbtext ol { overflow: hidden; } } .stars { --star-size: 20px; --star-count: 1; --star-fill-color: #000; --star-fill: 0; --star-img: url("data:image/svg+xml,"); --star-img-mask: url("data:image/svg+xml,"); position: relative; display: inline-block; width: calc(var(--star-size) * var(--star-count)); height: var(--star-size); mask-image: var(--star-img-mask); mask-size: var(--star-size); } .stars::after { content: ' '; display: block; position: relative; background-image: var(--star-img); height: var(--star-size); width: calc(var(--star-size) * var(--star-count)); background-size: var(--star-size); } .stars::before { content: ''; background-color: var(--star-fill-color); position: absolute; inset: 0; width: var(--star-fill); } .rating-bar { --bar-height: 8px; --bar-fill: 0; --bar-color: #ddd; --bar-active-color: #000; position: relative; width: 100%; height: var(--bar-height); background-color: var(--bar-color, #ddd); } .rating-bar::after { content: ''; background-color: var(--bar-active-color, #919191); position: absolute; inset: 0; width: var(--bar-fill); } .partners--detail .content { background-color: #fff; padding: 0 10px; } .partners--detail ul { max-width: 1000px; margin: 0 auto; padding: 10px 0 0 0; } .partners--detail li { list-style: none; margin: 0; padding: 0 0 10px 0; } .partners--detail img { display: inline-block; } .partners--detail a { color: #000; } .location-list--detail .pager { max-width: 1000px; margin: 0 auto; margin-bottom: 20px; background-color: #fff; } .location-list--detail ul.locationlist { padding: 0; max-width: 1000px; margin: 0 auto; } .location-list--detail ul.locationlist li { padding: 0; list-style: none; } .location-list--detail ul.locationlist li.first { margin: 0; } .location--detail .images-image-example { width: 100%; background-color: black; color: white; bottom: 0; font-size: 0.857em; text-align: center; position: absolute; } .location--detail .section-overview h2 { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; display: block; } .location--detail .section-overview img { max-width: 100%; height: auto; } .location--detail .section-header-and-overview { max-width: 1000px; margin: 0 auto; } .location--detail .section-overview-b1 { position: relative; } .location--detail .section-images { background-color: #434343; } .location--detail .section-description { background-color: #fff; padding: 10px; } .location--detail .section-description h2 { text-align: center; color: #007bc2; } .location--detail .section-description .textlanguage { max-width: 1000px; margin: 0 auto; } .location--detail .section-description .descriptionImportant { background-color: #FFF200; color: #000; } .location--detail .section-facilities { padding: 10px; margin-bottom: 20px; background-color: #434343; color: #fff; } .location--detail .section-facilities h2 { text-align: center; } .location--detail .section-facilities .facilities-container { max-width: 1000px; margin: 0 auto; } @media all and (min-width: 500px) { .location--detail .section-overview .section-overview-b { position: relative; } .location--detail .section-overview .section-overview-b { display: table; width: 100%; table-layout: fixed; } .location--detail .section-overview .section-overview-b1, .location--detail .section-overview .section-overview-b2 { width: 50%; display: table-cell; vertical-align: top; } } .location--list { overflow: hidden; position: relative; background-color: #fff; margin-bottom: 20px; } .location--list header { display: block; margin-top: 1.714em; padding: 10px; } .location--list header h3 { margin: 0; z-index: 2; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; font-size: 1.714em; color: #434343; } .location--list header h3 a { z-index: 2; padding: 10px; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background-image: url(images/12f88555485bb5ac6bc9.gif); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; color: inherit; } .location--list .content { position: relative; overflow: hidden; background-color: #434343; color: #fff; } .location--list .content .location-introtext { padding: 10px; } .location--list .content img { clear: left; width: 100%; height: auto; } .location--list:hover .content { background-color: #007bc2; } @media all and (min-width: 400px) { .location--list .accommodation-primaryimage { width: 200px; height: 150px; float: left; margin: 0 10px 0 0; } .location--list .accommodation-primaryimage img { width: 100%; height: 100%; } } .paging { padding: 0; list-style: none; margin: 0; margin-bottom: -4px; overflow: hidden; } .paging li { float: left; margin: 0 4px 4px 0; line-height: 36px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-color: #fff; color: #434343; font-weight: bold; } .paging li span.current { background-color: #434343; color: #fff; } .paging li a { display: block; width: 36px; height: 36px; text-align: center; vertical-align: middle; color: inherit; text-decoration: none; outline: none; } .paging li span { display: block; width: 36px; height: 36px; text-align: center; vertical-align: middle; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .paging li:hover { background-color: #007bc2; color: #fff; } .pager2 { text-align: center; position: relative; overflow: hidden; padding: 10px; } .pager2 > span { position: absolute; width: 100%; height: inherit; z-index: 1; left: 0; } .pager2 > span a { margin-left: 5px; } .pager2 > a { z-index: 2; position: relative; text-decoration: none; display: inline-block; overflow: hidden; vertical-align: middle; } .pager2 a { color: inherit; } .pager2 .previous { float: left; } .pager2 .next { float: right; } .pager2 .text { display: inline-block; } .pager2 { background-color: #fff; vertical-align: middle; line-height: 20px; height: 20px; } .pager2 a { overflow: hidden; } .pager2 a.overviewpagetype:before { vertical-align: middle; content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 4px; background-size: 16px; } .pager2 a .arrow { text-indent: 999px; direction: ltr; width: 20px; height: 20px; display: inline-block; border: 1px solid #434343; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: 18px 18px; background-position: center; } .pager2 .arrow { display: none; } .pager2 .previous .arrow { width: 20px; height: 20px; display: inline-block; border: 1px solid #434343; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: 18px 18px; background-position: center; } .pager2 .next .arrow { width: 20px; height: 20px; display: inline-block; border: 1px solid #434343; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: 18px 18px; background-position: center; } @media all and (max-width: 500px) { .pager2 .text { display: none; } } @media print { .pager2 { display: none; } } .faq-detail-content { padding: 10px; background-color: #fff; } .faq-detail-content ul { margin: 0; padding: 0; } .faq-detail-content li { list-style: none; padding: 0; margin: 0; } .faq-detail-content h3 { margin: 0.4em 0; } .faq-detail-content .content { padding: 0; } .qa-category-summary { max-width: 1000px; margin: 0 auto; } .videos--detail .content { max-width: 1000px; margin: 0 auto; } .video--summary { padding: 0; position: relative; overflow: hidden; margin-bottom: 20px; background-color: #fff; } .video--summary header { display: block; overflow: hidden; position: relative; top: 0; bottom: 0; padding: 10px 10px 10px 10px; background-color: #fff; color: #434343; } .video--summary header h3 { font-size: 1.714em; } .video--summary header h3 a { z-index: 2; padding: 10px 10px 10px 10px; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background-image: url(images/12f88555485bb5ac6bc9.gif); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; color: inherit; } .video--summary header .introtext { margin-top: 2.3996em; } .video--summary header:hover { background-color: #007bc2; color: #fff; } .video--detail .content { background-color: #fff; overflow: hidden; } .video--detail .content-a { padding: 10px; max-width: 1000px; margin: 0 auto; color: #434343; } .video--detail .content-a a { color: #434343; } .video--detail .buttonlink { margin-top: 20px; display: block; } .video--detail video { display: block; margin: 20px auto; max-width: 100%; height: 56.25%; } .ff2-banner { max-width: 1000px; margin: 0 auto; position: relative; background-color: #434343; color: #fff; padding: 10px; margin-bottom: 20px; overflow: hidden; } .ff2-banner a { color: inherit; text-decoration: none; } .ff2-banner-header { text-align: center; } .ff2-banner-header h2 { font-size: 2.429em; margin: 0.4em 0 0 0; } .ff2-banner-header div { font-size: 1.286em; margin: 0 0 0.4em 0; } .ff2-banner-group-content { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ff2-banner-group-links { width: 100%; float: left; text-align: center; margin-bottom: 15px; } .ff2-banner-group-links a { display: inline-block; background-color: #ffcd00; border: 2px solid #ffcd00; height: 41px; -webkit-border-radius: 22.5px; -moz-border-radius: 22.5px; border-radius: 22.5px; white-space: nowrap; padding: 0 15px; border-collapse: collapse; color: #434343; } .ff2-banner-group-links a:hover { background-color: #434343; padding: 0 14px; color: #fff; } .ff2-banner-group-links a:hover span.cta { border-left: 2px solid #ffcd00; } .ff2-banner-group-links span { line-height: 41px; display: inline-block; vertical-align: middle; } .ff2-banner-group-links span.text { font-size: 2.429em; font-weight: bold; padding: 0 10px 0 0; } .ff2-banner-group-links span.cta { border-left: 2px solid #edbe00; font-size: 1.286em; padding: 0 0 0 10px; } .ff2-banner-group-links span.from { font-size: 1.286em; } .ff2-banner-group-header { text-align: center; margin: 0 0 15px 0; } .ff2-banner-group-header h3 { display: block; font-weight: normal; font-size: 2.429em; color: #ffcd00; vertical-align: middle; } .ff2-banner-group-header span { display: block; text-align: center; font-size: 1.286em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ff2-banner-group-header ul { text-align: center; font-size: 1.286em; margin: 0; padding: 0; vertical-align: middle; } .ff2-banner-group-header li { list-style: none; margin: 0 5px; } .ff2-banner-splash { font-size: 1.286em; text-align: center; line-height: 20px; padding: 15px 0; font-weight: bold; } @media all and (min-width: 600px) { .ff2-banner-splash { position: absolute; background-color: #ffcd00; color: #434343; width: 90px; height: 60px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; top: 70px; right: 30px; } .ff2-banner-splash span { display: block; } .ff2-banner-group-header { margin: 15px 120px; } .ff2-banner-group-header h3 { display: inline-block; } .ff2-banner-group-header ul { display: inline-block; margin: 0 5px; } .ff2-banner-group-header li { display: inline-block; } } @media all and (max-width: 320px) { .ff2-banner-group-links span.cta { display: none; } } .internal-information { z-index: 99; position: absolute; top: 0px; right: 0px; text-decoration: none; border: 1px solid black; padding: 5px; font-size: 0.857em; color: black; white-space: nowrap; } .internal-information-accommodation-has-information { background-color: #ec0000; color: white; } .internal-information-accommodation-has-information a { color: white; } .internal-information-accommodation-has-information a:hover { color: black; } .internal-information-accommodation-has-no-information { background-color: white; } .internal-information-accommodation-has-no-information a { color: black; } @media print { #internal-information { display: none; } } .accommodation-favoriteinformation-container { position: relative; z-index: 3; padding: 0 10px 10px 10px; overflow: hidden; } .accommodation-favoriteinformation-container .accommodationnumber { display: inline-block; line-height: 21px; float: left; } .accommodation-favoriteinformation-container .accommodationnumber span { vertical-align: middle; } .accommodation-favoriteinformation-favoritelistname { font-weight: bold; display: inline-block; line-height: 21px; float: left; } .accommodation-favoriteinformation-favoritelistname span { vertical-align: middle; } .accommodation-favoriteinformation-favoritelists { padding: 0; } .accommodation-favoriteinformation-favoritelist { overflow: hidden; list-style: none; } .accommodation-favoriteinformation-links { line-height: 21px; display: inline-block; float: right; } .accommodation-favoriteinformation-links a { white-space: nowrap; float: right; margin-left: 20px; color: inherit; text-decoration: none; outline: 0; } .accommodation-favoriteinformation-links a span { vertical-align: middle; } .accommodation-favoriteinformation-links a:after { display: inline-block; width: 20px; height: 20px; content: ''; margin-left: 5px; vertical-align: middle; background-repeat: no-repeat; background-size: 90%; background-position: center; } .accommodation-favoriteinformation-note { font-style: italic; padding: 10px; margin: 0; line-height: 1; font-family: inherit; _font-family: inherit; clear: both; } .accommodationfavoritelists-lists { padding: 0; } .accommodationfavoritelists-list { list-style: none; margin-bottom: 10px; } .accommodationfavoritelists-list a { margin-right: 10px; line-height: 1.2em; } .accommodationfavoritelists-list-name { font-weight: bold; margin-bottom: 0.2em; } .accommodation-favorite-overview-widget-test1 { margin-bottom: 20px; position: relative; overflow: hidden; } .accommodation-favorite-overview-widget-test1 h2 { margin: 10px 0; } .accommodation-favorite-overview-widget-test1 ul { margin: 0; padding: 0; overflow: hidden; } .accommodation-favorite-overview-widget-test1 li { margin: 0; padding: 0; list-style: none; float: left; display: none; } .accommodation-favorite-overview-widget-test1 li > a { text-decoration: none; } .accommodation-favorite-overview-widget-test1 li .title { text-overflow: ellipsis; overflow: hidden; height: 19px; white-space: nowrap; padding: 3px 10px; background-color: #007bc2; color: #fff; text-decoration: none; text-align: center; } .accommodation-favorite-overview-widget-test1 li .link { width: 100%; padding-bottom: 75%; background-color: #ffcd00; position: relative; } .accommodation-favorite-overview-widget-test1 li .link a { position: absolute; margin: auto; display: block; width: 100%; text-align: center; top: 50%; top: calc(50% - 10px); transform: translateY(-50%); } .accommodation-favorite-overview-widget-test1 li .link a:before { content: ''; display: inline-block; height: 20px; width: 20px; background-position: center; background-size: 16px; vertical-align: middle; } .accommodation-favorite-overview-widget-test1 li.show-all { display: block !important; } .accommodation-favorite-overview-widget-test1 li.show-all .link a:after { content: attr(data-show-all); } .accommodation-favorite-overview-widget-test1 img { width: 100%; height: auto; } @media all and (max-width: 800px) { .accommodation-favorite-overview-widget-test1 h2 span { padding-left: 10px; } } @media all and (min-width: 1px) and (max-width: 500px) { .accommodation-favorite-overview-widget-test1 li { width: 33.33%; } .accommodation-favorite-overview-widget-test1 li:nth-child(-n+2):not(.show-all) { display: block; } .accommodation-favorite-overview-widget-test1 ul.css-showall-count-1 li.show-all .link a:after, .accommodation-favorite-overview-widget-test1 ul.css-showall-count-2 li.show-all .link a:after { content: attr(data-show-list); } } @media all and (min-width: 500px) and (max-width: 600px) { .accommodation-favorite-overview-widget-test1 li { width: 25%; } .accommodation-favorite-overview-widget-test1 li:nth-child(-n+3):not(.show-all) { display: block; } .accommodation-favorite-overview-widget-test1 ul.css-showall-count-1 li.show-all .link a:after, .accommodation-favorite-overview-widget-test1 ul.css-showall-count-2 li.show-all .link a:after, .accommodation-favorite-overview-widget-test1 ul.css-showall-count-3 li.show-all .link a:after { content: attr(data-show-list); } } @media all and (min-width: 600px) { .accommodation-favorite-overview-widget-test1 li { width: 20%; } .accommodation-favorite-overview-widget-test1 li:nth-child(-n+4):not(.show-all) { display: block; } .accommodation-favorite-overview-widget-test1 ul.css-showall-count-1 li.show-all .link a:after, .accommodation-favorite-overview-widget-test1 ul.css-showall-count-2 li.show-all .link a:after, .accommodation-favorite-overview-widget-test1 ul.css-showall-count-3 li.show-all .link a:after, .accommodation-favorite-overview-widget-test1 ul.css-showall-count-4 li.show-all .link a:after { content: attr(data-show-list); } } .accommodation--detail .calendars { overflow: hidden; } .accommodation--detail .calendar-navigation { text-align: center; } .accommodation--detail .calendar-navigation .calendar-navigation-inner { display: inline-block; } .accommodation--detail .calendar-navigation .calendar-navigation-inner form { margin: 0 32px; } .accommodation--detail .calendar-navigation .calendar-navigation-inner span { display: block; width: 20px; height: 20px; } .accommodation--detail .calendar-navigation .calendar-navigation-inner span a { text-indent: -999px; direction: ltr; display: block; width: 18px; height: 18px; font-size: 0; overflow: hidden; border: 1px solid #434343; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 3px; background-position: center; } .accommodation--detail .calendar-navigation .calendar-navigation-inner span.calendar-navigation-next { float: right; } .accommodation--detail .calendar-navigation .calendar-navigation-inner span.calendar-navigation-next a { background-size: 18px; } .accommodation--detail .calendar-navigation .calendar-navigation-inner span.calendar-navigation-previous { float: left; } .accommodation--detail .calendar-navigation .calendar-navigation-inner span.calendar-navigation-previous a { background-size: 18px; } .accommodation--detail .calendar-navigation .calendar-navigation-inner select { border-radius: 12.5px; padding: 0 5px; } .accommodation--detail .calendar-months { list-style: none; padding: 0 0 0 0; overflow: hidden; } .accommodation--detail .calendar-months .calendar-month1 > span { display: none; } .accommodation--detail .calendar-month { display: block; float: left; text-align: center; width: 100%; } .accommodation--detail .calendar { border: 1px solid #6e6e6e; width: 100%; text-align: center; background-color: #f2f2f2; color: #94ce6b; border-collapse: separate; font-size: 0.857em; } .accommodation--detail .calendar td, .accommodation--detail .calendar th { width: 12.5%; padding: 0; } .accommodation--detail .calendar td { height: 30px; vertical-align: middle; overflow: hidden; border-top: 1px solid #6e6e6e; border-left: 1px solid #6e6e6e; } .accommodation--detail .calendar .weekday, .accommodation--detail .calendar .weeknumber, .accommodation--detail .calendar .nw, .accommodation--detail .calendar .week { height: 30px; background-color: #6e6e6e; color: #fff; font-family: Verdana,Arial,Helvetica; font-weight: normal; border: none; } .accommodation--detail .calendar .sw, .accommodation--detail .calendar .s, .accommodation--detail .calendar .se, .accommodation--detail .calendar .e, .accommodation--detail .calendar .ne { display: none; visibility: hidden; } .accommodation--detail .calendar .nodata { color: #cdcdcd; } .accommodation--detail .calendar .nodata, .accommodation--detail .calendar .nodata_start { background-color: #f2f2f2; } .accommodation--detail .calendar .nodata, .accommodation--detail .calendar .nodata_end { background-image: url(images/3b0b7fc52c0798a4197b.png); background-position: center -183px; } .accommodation--detail .calendar .occupied, .accommodation--detail .calendar .occupied_start, .accommodation--detail .calendar .occupied_end { color: #d57677; } .accommodation--detail .calendar .occupied, .accommodation--detail .calendar .occupied_start { background-color: #f3d5d5; } .accommodation--detail .calendar .occupied, .accommodation--detail .calendar .occupied_end { background-image: url(images/3b0b7fc52c0798a4197b.png); background-position: center -75px; } .accommodation--detail .calendar .available, .accommodation--detail .calendar .available_start, .accommodation--detail .calendar .available_end { color: #94ce6b; } .accommodation--detail .calendar .available, .accommodation--detail .calendar .available_start { background-color: #e1f3d5; } .accommodation--detail .calendar .available, .accommodation--detail .calendar .available_end { background-image: url(images/3b0b7fc52c0798a4197b.png); background-position: center -39px; } .accommodation--detail .calendar .valid, .accommodation--detail .calendar .valid_start { color: #fff; background-color: #71a44d; } .accommodation--detail .calendar .valid, .accommodation--detail .calendar .valid_end { background-image: url(images/3b0b7fc52c0798a4197b.png); background-position: center -111px; } .accommodation--detail .calendar .invalid, .accommodation--detail .calendar .invalid_start { color: #fff; background-color: #ff4b4b; } .accommodation--detail .calendar .invalid, .accommodation--detail .calendar .invalid_end { background-image: url(images/3b0b7fc52c0798a4197b.png); background-position: center -147px; } .accommodation--detail .calendar em { font-style: inherit; } .accommodation--detail .calendar a.arrival { color: #000; font-weight: lighter; } .accommodation--detail .calendar a.validperiod { font-weight: bolder; } .accommodation--detail .calendar-legends { margin: 0 -25px 15px 0; } .accommodation--detail .calendar-legends .legend-group { overflow: hidden; float: left; margin: 0 25px 0 0; } .accommodation--detail .calendar-legends .legend-group div { margin-bottom: 2px; line-height: 30px; } .accommodation--detail .calendar-legends .legend-label { display: inline-block; vertical-align: middle; } .accommodation--detail .calendar-legends .legend-marker { display: inline-block; vertical-align: middle; width: 32px; height: 30px; text-align: center; border: 1px solid #6e6e6e; } .accommodation--detail .calendar-legends .available .legend-marker { color: #94ce6b; background-color: #e1f3d5; } .accommodation--detail .calendar-legends .occupied .legend-marker { color: #d57677; background-color: #f3d5d5; } .accommodation--detail .calendar-legends .nodata .legend-marker { color: #cdcdcd; background-color: #fff; } .accommodation--detail .calendar-legends .validperiod .legend-marker { color: #fff; background-color: #71a44d; } .accommodation--detail .calendar-legends .invalidperiod .legend-marker { color: #fff; background-color: #ff4b4b; } .accommodation--detail .calendar-legends .arrivalpossible .legend-marker { color: #000; text-decoration: underline; background-color: #e1f3d5; } .accommodation--detail .calendar-legends .arrivalpossiblewithduration .legend-marker { color: #000; text-decoration: underline; font-weight: bold; background-color: #e1f3d5; } .accommodation--detail .calendar-legends .arrivalnotpossible .legend-marker { color: #94ce6b; background-color: #e1f3d5; } .accommodation--detail .calendar-legends .requere-check { display: none; } .accommodation--detail .calendar-legends .requere-check .legend-marker { color: #000; background-color: #fff; text-decoration: underline; } .accommodation--detail .suppressAvailabilityColor .calendar .available, .accommodation--detail .suppressAvailabilityColor .calendar .available_start, .accommodation--detail .suppressAvailabilityColor .calendar .available_end { color: #000; } .accommodation--detail .suppressAvailabilityColor .calendar .available, .accommodation--detail .suppressAvailabilityColor .calendar .available_start { background-color: #fff; } .accommodation--detail .suppressAvailabilityColor .calendar .available, .accommodation--detail .suppressAvailabilityColor .calendar .available_end { background-image: url(images/3b0b7fc52c0798a4197b.png); background-position: center -3px; } .accommodation--detail .suppressAvailabilityColor .calendar .valid, .accommodation--detail .suppressAvailabilityColor .calendar .valid_start { color: #fff; background-color: #71a44d; } .accommodation--detail .suppressAvailabilityColor .calendar .valid, .accommodation--detail .suppressAvailabilityColor .calendar .valid_end { background-image: url(images/3b0b7fc52c0798a4197b.png); background-position: center -111px; } .accommodation--detail .suppressAvailabilityColor .calendar .invalid, .accommodation--detail .suppressAvailabilityColor .calendar .invalid_start { color: #fff; background-color: #ff4b4b; } .accommodation--detail .suppressAvailabilityColor .calendar .invalid, .accommodation--detail .suppressAvailabilityColor .calendar .invalid_end { background-image: url(images/3b0b7fc52c0798a4197b.png); background-position: center -147px; } .accommodation--detail .suppressAvailabilityColor .calendar-legends .available { display: none; } .accommodation--detail .suppressAvailabilityColor .calendar-legends .validperiod .legend-marker { color: #fff; background-color: #71a44d; } .accommodation--detail .suppressAvailabilityColor .calendar-legends .invalidperiod .legend-marker { color: #fff; background-color: #ff4b4b; } .accommodation--detail .suppressAvailabilityColor .calendar-legends .arrivalpossible { display: none; } .accommodation--detail .suppressAvailabilityColor .calendar-legends .requere-check { display: block; } :root { --f-rating-color: #007bc2; --f-rating-partner-color: #3ead5b; --f-rating-offset: 0px; --f-rating-border-color: #ccc; } .ratings { display: grid; column-gap: 32px; row-gap: 16px; } .ratings--noinfo { text-align: center; font-weight: bold; } .ratings--noinfo label { text-decoration: underline; margin: 8px; cursor: pointer; font-weight: normal; } .ratings__rating { align-self: start; text-align: center; } .ratings__summary { text-align: left; display: grid; grid-template-columns: auto auto; grid-template-rows: 3fr 4fr auto; column-gap: 12px; line-height: 1.2; } .ratings__summary .text { grid-row: 1 / 3; grid-column: 1; font-size: 60px; justify-self: flex-end; line-height: 1; color: #222; width: 85px; text-align: center; } .ratings__summary .count { grid-row: 1; grid-column: 2; align-self: flex-end; font-size: 12px; color: #666; } .ratings__summary .stars { grid-row: 2; grid-column: 2; align-self: flex-start; margin: 0; } .ratings__summary .info, .ratings__summary .latest { grid-row: 3; grid-column: 1 / 3; text-align: center; } .ratings__summary .latest { color: #666; font-size: 12px; margin-top: 8px; } .ratings__comment-goto { text-align: center; margin-top: 32px; } .ratings__comment-goto label { text-decoration: underline; cursor: pointer; } @media all and (min-width: 700px) { .ratings { grid-template-columns: calc(33% - 16px) calc(67% - 16px); } .ratings__summary { grid-template-columns: 3fr 4fr; } .ratings__rating { position: sticky; top: var(--f-rating-offset); } .ratings__comments { border-left: 1px solid var(--f-rating-border-color); padding-left: 32px; } } .ratings__details { display: flex; flex-direction: column; gap: 8px; margin-top: 24px; } .ratings__details.partner-averages { grid-template-columns: 1fr; } .ratings__details-item { display: grid; grid-template-columns: auto 4fr auto; width: 100%; gap: 8px; align-items: center; font-size: 12px; color: #666; line-height: 1; white-space: nowrap; text-align: left; } .ratings__details-item > div:first-child { display: flex; align-items: center; gap: 6px; font-size: 14px; } .partner-averages { display: grid; column-gap: 16px; row-gap: 8px; grid-template-columns: repeat(auto-fill, minmax(122px, 1fr)); } .partner-averages__item { white-space: nowrap; } .partner-averages__item > div:first-child { display: flex; justify-content: space-between; align-items: end; line-height: 1.2; font-size: 12px; } .partner-averages__item > div:first-child > div:first-child { text-overflow: ellipsis; overflow: hidden; } .partner-comments { display: grid; align-content: flex-start; text-align: center; position: relative; } .partner-comments__head { font-weight: bold; } .partner-comments__comments { display: grid; gap: 16px; } .partner-comment { display: flex; flex-direction: column; gap: 4px; margin-top: 32px; text-align: left; } .partner-comment .partner-averages { flex-direction: row; align-items: end; margin-bottom: 4px; } .partner-comment__input { opacity: 0; position: absolute; pointer-events: none; left: -9999px; } .partner-comment__input:checked ~ .partner-comment--hide { display: flex; } .partner-comment__input:checked ~ .partner-comment__showall { display: none; } .partner-comment__showall { cursor: pointer; text-decoration: underline; margin-top: 24px; justify-self: center; } .partner-comment--hide { display: none; } .partner-comment__head { display: flex; align-items: center; gap: 8px; font-size: 14px; } .partner-comment__rating { display: flex; align-items: start; gap: 8px; margin-right: auto; } .partner-comment__type { font-size: 12px; line-height: 1; margin-top: 6px; color: #939495; } .partner-comment__text { overflow: hidden; font-style: italic; line-height: 1.4; } .partner-comment__text::before { content: "\275D"; } .partner-comment__text::after { content: "\275E"; } .stars { --star-fill-color: var(--f-rating-color); } .stars--partner { --star-img: url("data:image/svg+xml,"); --star-img-mask: url("data:image/svg+xml,"); --star-fill-color: var(--f-rating-partner-color); } .stars--tab { --star-fill: 100%; --star-fill-color: var(--f-rating-color); } .stars--tab-partner { --star-fill: 100%; --star-fill-color: var(--f-rating-partner-color); } .stars--ratings { --star-size: 25px; --star-count: 5; --star-fill-color: var(--f-rating-color); margin: 12px 0; } .stars--ratings-partner { --star-size: 25px; --star-count: 5; margin: 12px 0; } .stars--distribution { --star-size: 14px; --star-fill-color: #eee; --star-fill: 100%; } .stars--partner-comment { --star-size: 16px; --star-count: 5; } .stars--review { --star-count: 5; --star-size: 18px; --star-fill-color: var(--f-rating-color); } .stars--summary { --star-size: 20px; --star-count: 5; --star-fill-color: var(--f-rating-color); } .stars--summary-partner { --star-size: 18px; --star-count: 5; } .rating-bar--distribution { --bar-height: 8px; --bar-active-color: var(--f-rating-color); } .rating-bar--partner { --bar-height: 6px; --bar-active-color: var(--f-rating-partner-color); } .rating-bar--partner-review { --bar-height: 3px; --bar-active-color: var(--f-rating-partner-color); } .tabber__head { display: flex; align-items: center; flex-wrap: wrap; margin: 0; row-gap: 16px; border-bottom: 1px solid transparent; } .tabber__tabs { display: flex; align-items: center; gap: 24px; white-space: nowrap; max-width: 100%; } .tabber__tab { display: flex; position: relative; padding: 8px 0 4px 0; cursor: pointer; margin-bottom: -1px; border-bottom: 2px solid transparent; transition: border-color ease 150ms; border-radius: 5px 5px 0 0; font-size: 16px; overflow: hidden; } .tabber__tab:hover { border-color: var(--f-rating-border-color); } .tabber__tab.tabber__tab-1:hover { border-color: var(--f-rating-color); } .tabber__tab.tabber__tab-2:hover { border-color: var(--f-rating-partner-color); } .tabber__tab .stars { margin-left: 10px; margin-right: 2px; } .tabber__tab-text { overflow: hidden; text-overflow: ellipsis; } .tabber__title { margin: 0 auto 0 0; } .tabber__title span { display: none; } .tabber__content { display: none; padding: 24px 0 12px; } .tabber__radio { opacity: 0; position: absolute; left: -9999px; pointer-events: none; } .tabber__radio.tabber__radio--1:checked ~ .tabber__content--1, .tabber__radio.tabber__radio--2:checked ~ .tabber__content--2, .tabber__radio.tabber__radio--1:checked ~ .tabber__head .tabber__title-1, .tabber__radio.tabber__radio--2:checked ~ .tabber__head .tabber__title-2 { display: block; } .tabber__radio.tabber__radio--1:checked ~ .tabber__head .tabber__tab-1 { border-bottom: 2px solid var(--f-rating-color); } .tabber__radio.tabber__radio--2:checked ~ .tabber__head .tabber__tab-2 { border-bottom: 2px solid var(--f-rating-partner-color); } @media all and (max-width: 1000px) { .tabber__tabs { gap: 12px; } .tabber__tab { font-size: 14px; } .tabber__tab .stars { --star-size: 16px; } } @media all and (max-width: 700px) { .tabber__title { width: 100%; } .tabber__tabs { width: 100%; justify-content: center; } } @media all and (max-width: 500px) { .tabber__tabs { gap: 8px; } .tabber__tab { padding: 8px 0 4px 0; } .tabber__tab span:not(.tabber__tab-text) { display: none; } } .buttonlink { text-align: center; } .buttonlink > a, .buttonlink > span { outline: 0; border: 2px solid #ffcd00; background-color: #ffcd00; color: #434343; min-height: 41px; line-height: 41px; font-weight: bold; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; display: inline-block; text-decoration: none; white-space: nowrap; position: relative; } .buttonlink > a:after, .buttonlink > span:after { position: absolute; margin-top: -10px; top: 50%; right: 10px; content: ''; display: block; background-size: 20px; width: 20px; height: 20px; } .buttonlink > a:before, .buttonlink > span:before { content: ''; background-color: #edbe00; height: 100%; height: calc(100% + 4px); width: 2px; position: absolute; right: 38px; top: 0; top: calc(-2px); } .buttonlink > a:hover, .buttonlink > span:hover { color: #434343; background-color: #fff; } .buttonlink > a > span, .buttonlink > span > span { line-height: 1.2em; display: inline-block; white-space: normal; vertical-align: middle; text-align: center; overflow: visible; margin: 5px 55px 5px 15px; } .buttonlink > a > span span.keep-together, .buttonlink > span > span span.keep-together { white-space: nowrap; } .buttonlink-more { display: block; text-align: right; } .advance-reservation-teaser .buttonlink > a { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-overview-c1 .buttonlink { clear: both; margin: 10px; display: block; } .section-overview-c1 .buttonlink > a { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .location--detail .section-overview-b1 .accommodations-link { position: absolute; bottom: 0; width: 100%; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .location--detail .section-overview-b1 .accommodations-link .buttonlink > a { display: block; } .links-container { display: flex; flex-flow: row wrap; justify-content: space-around; } .links-container .link-container { flex: 0 1 auto; text-align: center; padding: 10px; min-width: 150px; } .links-container a { color: #434343; cursor: pointer; text-decoration: none; } .links-container a span:not(.emoji) { text-decoration: underline; } .teaser { padding: 10px; border: none; } .teaser > .teaser-items, .teaser > .inspiration-content > .teaser-items { margin: 0; padding: 0; } .teaser > .teaser-items > li, .teaser > .inspiration-content > .teaser-items > li { position: relative; overflow: hidden; vertical-align: bottom; margin: 0; padding: 0; list-style: none; } .teaser > a { display: inline-block; color: inherit; } .errors-container { overflow: hidden; clear: both; } .errors-alternates { font-style: normal; } .errors-alternates ul { margin: 0; padding: 0; } .errors-alternates li { margin: 0; text-decoration: underline; list-style: none; } .errors-alternates input { float: left; } .errors-alternates label { overflow: hidden; } .js .errors-alternates li, .errors-result .errors-alternates li { background-image: url(images/143abbdc046370c2550a.png); background-position: 0 8px; padding: 0 0 0 10px; } .js .errors-alternates input, .errors-result .errors-alternates input { display: none; } .accommodation-search-form .errors-list { margin: 10px 0; padding: 10px; display: none; } .accommodation-search-form .errors-list:has(*) { display: block; } .no-js .accommodation-search-form .errors-alternates li { list-style: none; } .no-js .accommodation-search-form .errors-alternates input { margin-right: 10px; } .errors-form { clear: both; overflow: hidden; } .errors-form .errors-list { margin-top: 5px; background-color: #ffcd00; color: #434343; } .errors-form .errors-error { padding: 5px; font-style: italic; } .errors-result .errors-error { margin-bottom: 10px; } .errors-result .errors-alternates li:hover { color: #006ba8; } .popup-text-container { background-color: #fff; } .popup-text { max-width: 1000px; margin: 0 auto; padding: 10px; } .popup-text p:last-of-type { margin: 0; } .popup-text a { color: inherit; } .popup-form-container { background-color: #007bc2; color: #fff; margin-bottom: 20px; } .popup-form-container form { padding: 10px; max-width: 1000px; margin: 0 auto; zoom: 1; /* ie 6/7 */ } .popup-form-container form:before, .popup-form-container form:after { content: " "; display: table; } .popup-form-container form:after { clear: both; } .popup-form-container fieldset { margin-bottom: 10px; } .popup-form-container select { width: 100%; height: 25px; } .popup-form-container label { margin-top: 5px; display: block; } .popup-form-container legend { font-weight: bold; } .popup-form-container legend label { margin: 0 0 10px 0; } .popup-form-container input[type='text'], .popup-form-container textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; border-radius: 12.5px; padding: 0 10px; height: 25px; } .popup-form-container input[type='text']:focus, .popup-form-container textarea:focus { border: 1px solid #5897fb; } .popup-form-container textarea { height: 100px; } .popup-form-container .section { margin-bottom: 20px; } .popup-form-container .field-group3 { margin: 0 -5px; } .popup-form-container .field-group3::after { content: ''; clear: both; display: table; } .popup-form-container .field-group3 > div { display: block; width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 5px; } .popup-form-container .field-group3 > div:nth-child(n+4) { margin-top: 10px; } .popup-form-container .error-summary { font-style: italic; margin-top: 5px; } .popup-form-container .error-summary .error { padding: 5px; } .popup-form-container .checkbox { overflow: hidden; white-space: nowrap; } .popup-form-container .checkbox input { display: inline-block; vertical-align: middle; margin-right: 4px; } .popup-form-container .checkbox label { display: inline-block; vertical-align: middle; white-space: normal; margin: 0; } .popup-form-container .field-validation-error { margin-top: 5px; display: block; color: #000; font-style: italic; background-color: #ffcd00; padding: 5px; } .popup-form-container .validation-error { background-color: #ffcd00; } .popup-form-container div.validation-error { background-color: inherit; } .popup-form-container .error-summary { background-color: #ffcd00; color: #000; } .popup-form-container .altcha { margin-top: 5px; float: right; } .popup-error { margin: 5px 0 20px 0; display: block; color: #000; font-style: italic; background-color: #ffcd00; padding: 5px; } .popup-error a { color: inherit; } .popup-form-buttons, .popup-text-buttons { clear: both; } .popup-form-buttons button, .popup-text-buttons button { text-align: center; padding: 0px 15px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #434343; font-weight: bold; height: 35px; background-color: #ffcd00; border: 2px solid #ffcd00; } .popup-form-buttons button:hover, .popup-text-buttons button:hover { background-color: #fff; } .popup-form-buttons a, .popup-text-buttons a { color: white; padding: 0 15px; } .popup-form-buttons { text-align: right; } .popup-form-buttons button { margin-left: 5px; } .popup-form-buttons button:first-of-type { margin-left: 0; } .popup-text-buttons button { margin-top: 10px; } .btn-facebooklogin { margin: 0.5em 0; background-color: #4267B2; color: white; border: none; padding: 10px; font-size: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-facebooklogin:before { content: ''; height: 20px; width: 20px; background: url(images/0110d52071f4e89a1f6b.png); display: inline-block; vertical-align: middle; margin-right: 10px; } .btn-facebooklogin span { vertical-align: middle; } .btn-clipboard { margin-top: 10px; } .btn { text-align: center; padding: 0px 15px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #434343; font-weight: bold; height: 35px; background-color: #ffcd00; border: 2px solid #ffcd00; } .btn:hover { background-color: #fff; } .removerecipient, .addrecipient { overflow: hidden; margin-top: 10px; } .removerecipient .btn { float: right; } .addrecipient { margin-bottom: 10px; } @media all and (min-width: 500px) { .popup .section-group:nth-child(n) { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup .section-group:nth-child(2n+1) { padding-right: 5px; } .popup .section-group:nth-child(2n) { padding-left: 5px; } } @media all and (min-width: 200px) { .popup .field-group2 > div:nth-child(n) { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup .field-group2 > div:nth-child(2n+1) { padding-right: 5px; } .popup .field-group2 > div:nth-child(2n) { padding-left: 5px; } .popup .field-group2:after { content: ''; display: block; clear: both; } } .js .popup-form-container .date { padding: 0 30px 0 0; display: block; position: relative; } .js .popup-form-container .date button { width: 30px; height: 25px; padding: 0; position: absolute; text-align: center; right: 0; -webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0; border: 1px solid #aaa; } .js .popup-form-container .date input { -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px; } .js .popup-form-container .date input:focus + button { border: 1px solid #5897fb; } .ui-dialog-popup { background: #f1f1f1; } .ui-dialog-popup .popup { margin-top: 20px; } .ui-dialog-popup .ui-dialog-title { display: block; float: none; max-width: 1000px; margin: 0 auto; } .ui-dialog-popup .ui-dialog-titlebar-close { display: none; } @media all and (min-width: 480px) { .popup-form-container .cols { overflow: hidden; } .popup-form-container .cols .col:nth-child(n) { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-form-container .cols .col:nth-child(1) { padding-right: 5px; } .popup-form-container .cols .col:nth-child(2) { padding-left: 5px; } } .popup-text { overflow: hidden; } .popup-text .image { display: none; } @media all and (min-width: 600px) { .popup-text .image { display: block; float: right; margin: -10px -10px -10px 10px; } } .simple-accommodation-search { padding: 10px; color: #fff; background-color: #007bc2; } .simple-accommodation-search label { display: block; } .simple-accommodation-search .searchform { width: auto; } .simple-accommodation-search .searchform div.geography label span { display: none; } .simple-accommodation-search .searchform div.geography input { width: 100%; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .simple-accommodation-search .searchform div.date input { width: 100%; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .simple-accommodation-search .searchform div.dropdown select { height: 25px; width: 100%; } .simple-accommodation-search .searchform div.submit { overflow: hidden; margin-top: 10px; padding: 0; clear: both; float: right; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; } .simple-accommodation-search .searchform div.more-search-options-link { overflow: hidden; margin-top: 10px; } .simple-accommodation-search .searchform div.more-search-options-link a { color: inherit; } .simple-accommodation-search fieldset label { display: none; } .simple-accommodation-search fieldset legend { font-weight: normal; margin: 0; height: 20px; line-height: 20px; margin-top: 4px; } .simple-accommodation-search fieldset .section div { margin-top: 10px; } .simple-accommodation-search fieldset .section div:first-child { margin-top: 0; } .simple-accommodation-search .searchform div.more-search-options-link { overflow: hidden; margin-top: 10px; } .simple-accommodation-search .searchform div.more-search-options-link a { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; line-height: 43px; vertical-align: middle; height: 45px; color: #fff; border: 2px solid #fff; } .simple-accommodation-search .searchform div.more-search-options-link a:hover { color: #434343; } .simple-accommodation-search-frontpage .searchform div.geography input { height: auto; font-size: 1.714em; } @media all and (min-width: 500px) { .simple-accommodation-search .searchform { overflow: hidden; } .simple-accommodation-search .searchform div.geography label span { display: inline; } .simple-accommodation-search .searchform div.section::after { content: ''; clear: both; display: block; } .simple-accommodation-search .searchform div.section > div:nth-of-type(odd) { border-right: 10px solid transparent; } .simple-accommodation-search .searchform div.section > div:nth-of-type(even) { border-left: 10px solid transparent; } .simple-accommodation-search .searchform div.date, .simple-accommodation-search .searchform div.dropdown { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .simple-accommodation-search .searchform fieldset .section div { margin-top: 0; } .simple-accommodation-search .searchform .table { display: table; table-layout: fixed; width: 100%; } .simple-accommodation-search .searchform .row { display: table-row; } .simple-accommodation-search .searchform .cell { display: table-cell; width: 50%; vertical-align: bottom; } .simple-accommodation-search .searchform .first { padding-right: 10px; } .simple-accommodation-search .searchform .last { padding-left: 10px; } .simple-accommodation-search-frontpage .searchform div.submit { width: 25%; } } .l-mads-content { max-width: 1000px; margin: 0 auto; } .l-mads-content-a1, .l-mads-content-a2 { padding: 10px; } .l-mads-content-a1 { background-color: #007bc2; color: #fff; margin-bottom: 20px; } .l-mads-content-a2 { background-color: #fff; color: #434343; } @media all and (min-width: 750px) { .l-mads-content { width: 100%; display: table; table-layout: fixed; } .l-mads-content-a1, .l-mads-content-a2 { width: 50%; display: table-cell; vertical-align: top; background-clip: padding-box; } .l-mads-content-a1 { border-right: 20px / 2 solid transparent; } .l-mads-content-a2 { border-left: 20px / 2 solid transparent; } } .customerservice { padding: 10px; } .customer-service { padding: 10px 0; } .customer-service-header { font-size: 1.714em; margin: 0.4em 0; } .customer-service-section-header { font-size: 1em; margin: 0.4em 0; } .customerservice { background-color: #fff; } .customerservice .question-link { background-color: #007bc2; color: #fff; } .customer-service-container { background-color: #007bc2; color: #fff; padding: 0 10px; } .customer-service { margin: 0 auto; max-width: 1000px; } .customer-service-link { color: #fff; } .customer-service-link:hover, .customer-service-link:visited { color: #fff; } @media all and (min-width: 800px) { .customerservice .question-link { padding: 5px; } } .ui-autocomplete .ui-menu-item a { display: block; } .ui-autocomplete .ui-menu-item a.ui-state-focus, .ui-autocomplete .ui-menu-item a.ui-state-active { background-color: #007bc2; background-image: none; color: #fff; border-color: transparent; } .ui-datepicker .ui-widget-header { background-color: #007bc2; } .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon { width: 16px; height: 16px; background-size: 16px; background-position: 0; } /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .textlanguage { padding: 0; margin: 0; } .textlanguage-tabs { overflow: hidden; background: url(images/13814e779a55f9320a40.png) bottom repeat-x; } .textlanguage-tabs ul { position: relative; z-index: 100; float: right; list-style-type: none; line-height: 25px; padding: 0; margin: 0; } .textlanguage-tabs-tab { float: left; } .textlanguage-tabs-tab-link { display: block; line-height: 25px; height: 25px; text-decoration: none; color: #808080; padding: 0 20px 0 20px; background: url(images/13814e779a55f9320a40.png) #c1c1c1 repeat-x bottom left; } .textlanguage-tabs-tab-link:focus { outline: 0; } .textlanguage-tabs-tab-link:hover { background: url(images/13814e779a55f9320a40.png) #d2d2d2 repeat-x bottom left; color: #666; } .textlanguage-tabs-tab-active .textlanguage-tabs-tab-link, .textlanguage-tabs-tab-active .textlanguage-tabs-tab-link:hover { background-color: #f0f0f0; background-image: none; color: #000; } .textlanguage-content-description { display: inline-block; padding-top: 10px; max-width: 100%; overflow-wrap: break-word; } .textlanguage-content-description-information { background-color: #eaffc4; margin: 0 0 10px 0; } .textlanguage-content-description-information-text { display: block; background-image: url(images/4a158af793b2bfc4bce9.png); background-position: 10px 7px; line-height: 25px; padding: 0 0 0 27px; } .description1 ul { margin: 0 0 1.4em 0; padding: 0 0 0 20px; } .description1 ul.bundlecontent-notes { list-style: none; padding: 0; } .description1 .arrival-days-label { font-weight: bold; } .textlanguage-tabs { background: none; } .textlanguage-tabs-tab-link, .textlanguage-tabs-tab-link:visited { background: none; background-color: #f1f1f1; color: #434343; } .textlanguage-tabs-tab-link:hover { background-color: #d9d9d9; color: inherit; } .textlanguage-tabs-tab-active .textlanguage-tabs-tab-link, .textlanguage-tabs-tab-active .textlanguage-tabs-tab-link:hover { background-color: #fff; } .textlanguage-content-description-information { background-color: #fff; color: #000; } .textlanguage-content-description-information a { color: inherit; } @media all and (max-width: 580px) { .description1 .video-youtube { width: 100%; padding-bottom: 56.25%; position: relative; } .description1 .video-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media all and (min-width: 500px) { .l-mhfl { float: left; margin: 0 10px 10px 0; } .l-mhfr { float: right; margin: 0 0 10px 10px; } } .l-jens { background-color: #fff; } .l-jens-content { max-width: 1000px; margin: 0 auto; padding: 10px; overflow: hidden; } .l-jens-content section { clear: both; } .l-jens-content a { color: inherit; } .ui-dialog { padding: 0; border: none; } .ui-dialog .ui-dialog-titlebar { background: none; border: none; padding: 10px; font-size: 1.714em; white-space: nowrap; } .ui-dialog .ui-dialog-titlebar-close { padding: 0; margin: 10px; right: 0; top: 0; border: none; background: none; outline: none; } .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { margin: 0; top: 0; left: 0; } .ui-dialog .ui-dialog-content { padding: 0; } .ui-dialog .pageheader { background-color: #fff; color: #434343; } .ui-dialog .pageheader h1, .ui-dialog .pageheader h2, .ui-dialog .pageheader div { max-width: none; margin: 0; } .ui-dialog .content-item--detail { background-color: transparent; } .imageview-previous-text { margin-left: 10px; } .imageview-next-text { margin-right: 10px; } .ui-widget { font-family: inherit; } .ui-dialog .ui-dialog-titlebar { background-color: #007bc2; color: #fff; } .ui-dialog .ui-dialog-titlebar-close { width: 32px; height: 32px; } .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { width: 32px; height: 32px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-size: 10px; background-position: center; } .imageview-previous-text, .imageview-next-text { width: 32px; height: 32px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-size: 22px; background-position: center; } body.dialog-open, html.dialog-open { margin: 0; padding: 0; overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important; } .dialog-hide-content { display: none; } .ui-widget { font-size: 1em; } .section-images { max-width: 1000px; margin: 0 auto; } .section-images .images { padding: 0; margin: 0; overflow: hidden; } .section-images .images-image { float: left; list-style: none; position: relative; width: 100px; height: 75%; } .section-images .images-image-thumb { width: 100%; height: auto; } article:not(.accommodation--pdf) .section-images h2 { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; display: block; } @media all and (min-width: 1px) { .section-images .images-image { width: 100%; } } @media all and (min-width: 100px) { .section-images .images-image { width: 50%; } } @media all and (min-width: 200px) { .section-images .images-image { width: 33.33%; } } @media all and (min-width: 300px) { .section-images .images-image { width: 25%; } } @media all and (min-width: 400px) { .section-images .images-image { width: 20%; } } @media all and (min-width: 500px) { .section-images .images-image { width: 16.66%; } } @media all and (min-width: 600px) { .section-images .images-image { width: 12.5%; } } @media all and (min-width: 800px) { .section-images .images-image { width: 10%; } } .accommodation--pdf .section-images ul { padding: 0; } .accommodation--pdf .section-images ul:after { content: ''; display: table; clear: both; } .accommodation--pdf .section-images .images-image { width: 48vw; height: 38vw; box-sizing: border-box; text-align: center; padding: 5px; position: relative; max-width: 500px; max-height: 380px; } .accommodation--pdf .section-images .images-image:nth-child(2n) { float: right; } .accommodation--pdf .section-images .images-image:nth-child(2n+1) { float: left; clear: both; } .accommodation--pdf .section-images .images-image img { width: auto; height: auto; box-sizing: border-box; max-width: 100%; max-height: 100%; object-fit: contain; } .accommodation--pdf .section-images .images-image .images-image-example { bottom: auto; top: 20px; width: auto; left: 50%; transform: translate(-50%, 0); } .alternative-searches { margin-bottom: 20px; background-color: #fff; } .alternative-searches .alternative-searches-intro { text-align: center; padding: 10px; font-weight: bold; } .alternative-searches .alternative-searches-banners { margin-right: -10px; } .alternative-searches .alternative-searches-banners:after { content: ''; display: table; clear: both; } .alternative-searches .alternative-searches-banners .alternative-searches-banner { display: block; width: 33.3333%; height: 200px; float: left; box-sizing: border-box; padding-right: 10px; position: relative; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-container { background-size: cover; background-position: center; height: 100%; width: 100%; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-title { background-color: #007bc2; text-align: center; margin-bottom: 20px; font-weight: bold; color: #fff; padding: 2px; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link-container { position: absolute; right: 0; top: 0; bottom: 0; left: 0; text-decoration: none; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link-container:hover .alternative-searches-banner-link { color: #434343; background-color: #fff; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link { border: 2px solid #ffcd00; background-color: #ffcd00; color: #434343; min-height: 41px; line-height: 41px; font-weight: bold; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-decoration: none; outline: 0; display: inline-block; white-space: nowrap; width: auto; display: block; position: absolute; bottom: 10px; text-align: center; margin: 0 auto; left: 50%; transform: translateX(-50%); padding: 0 55px 0 20px; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link:after { content: ''; position: absolute; margin-top: -7px; top: 50%; right: 11px; display: block; width: 16px; height: 16px; background-size: 16px; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link:before { content: ''; background-color: #edbe00; height: 100%; height: calc(100% + 4px); width: 2px; position: absolute; right: 38px; top: 0; top: calc(-2px); } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link:hover { color: #434343; background-color: #fff; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link span { line-height: 1.2em; display: inline-block; white-space: normal; vertical-align: middle; text-align: center; overflow: visible; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link .alternative-searches-banner-link-intro { display: none; text-decoration: none; } @media all and (max-width: 550px) { .alternative-searches .alternative-searches-banners .alternative-searches-banner { width: 100%; height: auto; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-container { background-image: none !important; margin-bottom: 10px; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link-container { position: relative; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link-container .alternative-searches-banner-link { position: relative; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link-container .alternative-searches-banner-link .alternative-searches-banner-link-intro { display: inline; margin-right: 0; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link-country { margin-left: 0; } .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-title { display: none; } } .adjustment-and-result .toggle-adjustment-bar { display: none; } .adjustment-and-result .displayoptions-filter, .adjustment-and-result .displayoptions-favorites { display: block; } .adjustment-and-result .sticky { position: sticky; top: 0; z-index: 4; } .adjustment-and-result .displayoptions-container:after { content: ''; display: table; clear: both; } .adjustment-and-result > .adjustment { margin-bottom: 20px; position: relative; z-index: 2; } .adjustment-and-result > .result { margin-bottom: 20px; position: relative; z-index: 1; } .adjustment-and-result > .result ul { margin: 0; } .adjustment-and-result .favoriteoptions { background-color: #434343; padding: 10px; margin-bottom: 20px; } .adjustment-and-result .favoriteoptions > div { display: inline-block; margin-right: 20px; } .adjustment-and-result .favoriteoptions a { color: #fff; } .adjustment-and-result .displayoptions { display: block; padding: 10px; background-color: #434343; color: #fff; overflow: hidden; line-height: inherit; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .adjustment-and-result .displayoptions a { color: inherit; } .adjustment-and-result .displayoptions select { border-radius: 12.5px; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .adjustment-and-result .displayoptions .displayoptions-filter a { display: flex; align-items: center; border: 1px solid #fff; background-color: #434343; color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-decoration: none; white-space: nowrap; margin-bottom: 10px; } .adjustment-and-result .displayoptions .displayoptions-filter a span:last-child { text-decoration: none; display: inline-block; line-height: 30px; margin-right: 10px; padding-right: 10px; } .adjustment-and-result .displayoptions .displayoptions-filter a:before { display: none; } .adjustment-and-result .displayoptions .displayoptions-filter a:after { position: relative; content: ''; display: inline-block; background-repeat: no-repeat; background-size: 16px; background-position: center; width: 22px; height: 22px; line-height: 22px !important; font-size: 16px; text-align: center; } .adjustment-and-result .displayoptions .displayoptions-filter a:hover { /*background-color: @yellow;*/ background-color: #fff; color: #434343; } .adjustment-and-result .displayoptions .displayoptions-favorites, .adjustment-and-result .displayoptions .displayoptions-displaytype { display: flex; } .adjustment-and-result .displayoptions .displayoptions-favorites a, .adjustment-and-result .displayoptions .displayoptions-displaytype a { display: flex; align-items: center; color: #fff; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*padding: 0 @padding;*/ white-space: nowrap; margin-bottom: 0; text-decoration: none; } .adjustment-and-result .displayoptions .displayoptions-favorites a:hover, .adjustment-and-result .displayoptions .displayoptions-displaytype a:hover { color: #007bc2; } .adjustment-and-result .displayoptions .displayoptions-favorites a span:last-child, .adjustment-and-result .displayoptions .displayoptions-displaytype a span:last-child { text-decoration: none; display: inline-block; line-height: 30px; /*margin-right: 10px; padding-right: 10px;*/ } .adjustment-and-result .displayoptions .displayoptions-favorites a:after, .adjustment-and-result .displayoptions .displayoptions-displaytype a:after { display: none; } .adjustment-and-result .displayoptions .displayoptions-favorites a:before, .adjustment-and-result .displayoptions .displayoptions-displaytype a:before { position: relative; content: ''; display: inline-block; background-repeat: no-repeat; background-size: 16px; background-position: center; width: 22px; height: 22px; line-height: 22px !important; font-size: 16px; text-align: center; } .adjustment-and-result .displayoptions .displayoptions-sortorder { position: relative; } .adjustment-and-result .displayoptions .displayoptions-sortorder label { display: none; } .adjustment-and-result .displayoptions .displayoptions-sortorder select { border: 1px solid #fff; background-color: #434343; color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .adjustment-and-result .displayoptions .displayoptions-sortorder select::-ms-expand { display: none; } .adjustment-and-result .displayoptions .displayoptions-sortorder:after { content: ''; background-color: #434343; background-size: 16px; background-position: center; right: 7px; top: 4px; position: absolute; pointer-events: none; width: 22px; height: 22px; line-height: 22px; font-size: 16px; } .adjustment-and-result .displayoptions .displayoptions-sortorder:hover select { background-color: #fff; color: #434343; } .adjustment-and-result .displayoptions .displayoptions-sortorder:hover:after { background-color: #fff; color: #434343; } .adjustment-and-result .displayoptions .displayoptions-displaytype:first-child { display: none; } .adjustment-and-result .displayoptions-filter, .adjustment-and-result .displayoptions-favorites, .adjustment-and-result .displayoptions-count, .adjustment-and-result .displayoptions-sortorder { height: 30px; margin-bottom: 0; } .adjustment-and-result .displayoptions-count { float: right; } .adjustment-and-result .displayoptions-displaytype a, .adjustment-and-result .displayoptions-count span { height: 30px; display: inline-block; line-height: 30px; } .adjustment-and-result .displayoptions-displaytype a { margin-right: 5px; } .adjustment-and-result .displayoptions-sortorder { float: left; margin-right: 15px; } .adjustment-and-result .displayoptions-filter, .adjustment-and-result .displayoptions-sortorder { float: left; margin-right: 15px; margin-left: 0; } .adjustment-and-result .displayoptions-favorites, .adjustment-and-result .displayoptions-count { float: right; margin-left: 15px; margin-right: 0; } .adjustment-and-result .displayoptions-displaytype { float: left; margin-left: 0; margin-right: 0; } .adjustment-and-result .displayoptions-displaytype-map, .adjustment-and-result .displayoptions-displaytype-list { color: #fff; text-decoration: none; } .adjustment-and-result .displayoptions-displaytype-map:before, .adjustment-and-result .displayoptions-displaytype-list:before { content: ''; vertical-align: middle; display: inline-block; width: 16px; height: 16px; margin-right: 4px; background-size: 16px; } .adjustment-and-result .displayoptions-displaytype-map:hover, .adjustment-and-result .displayoptions-displaytype-list:hover { color: #007bc2; } .adjustment-and-result .displayoptions-displaytype-map span, .adjustment-and-result .displayoptions-displaytype-list span { text-decoration: underline; } .adjustment-and-result .displayoptions-displaytype-map:before { width: 18px; margin-right: 0; } .adjustment-and-result .displayoptions-sortorder { display: flex; align-items: center; } .adjustment-and-result .section-adjustment { padding: 10px; background-color: #fff; } .adjustment-and-result .section-adjustment > h2, .adjustment-and-result .section-adjustment > a.pagelink { display: none; } .adjustment-and-result .adjustment-count { margin-top: 10px; text-align: center; } .adjustment-and-result .adjustment-count a { color: inherit; } .adjustment-and-result .hints { padding: 10px; margin-bottom: 20px; background-color: #fff; } .adjustment-and-result .hints ul { margin: 0; padding: 0; } .adjustment-and-result .hints ul li { padding: 0; margin: 0.8em 0; list-style: none; } .adjustment-and-result .hints ul li a { color: inherit; } .adjustment-and-result .hints ul li p { margin: 0; } .adjustment-and-result .hints ul li:nth-of-type(1) { margin-top: 0; } .adjustment-and-result .hints ul li:nth-last-of-type(1) { margin-bottom: 0; } .adjustment-and-result .resultlist-errors, .adjustment-and-result .resultlist-empty { padding: 10px; background-color: #fff; } .adjustment-and-result .resultlist-errors a, .adjustment-and-result .resultlist-empty a { color: inherit; } .adjustment-and-result .section-adjustment .gertrud-2 { background-color: transparent; } .adjustment-and-result .section-adjustment .gertrud-2 .adjustment-count, .adjustment-and-result .gertrud-2 .adjustment-searchlink { background: #fff; } .adjustment-and-result .section-adjustment .gertrud-2 .adjustment-count { margin-top: 0 !important; } .adjustment-and-result .section-adjustment .gertrud-2 > div:before { content: ""; display: block; height: 30px; background: #ffffff; background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 0) 100%); } .adjustment-and-result .toggle-adjustment-bar-adjust-title { text-align: center; display: none; } .adjustment-and-result .toggle-adjustment-bar-showadjustment .toggle-adjustment-bar { display: block !important; } .adjustment-and-result .toggle-adjustment-bar-showadjustment .toggle-adjustment-bar.sticky ul { position: relative; } .adjustment-and-result .toggle-adjustment-bar-showadjustment .toggle-adjustment-bar ul { background-color: #fff; } .adjustment-and-result .toggle-adjustment-bar-showadjustment .toggle-adjustment-bar-adjust-title { display: block; } .adjustment-and-result .toggle-adjustment-bar-showadjustment .toggle-adjustment-bar-adjust .searchbutton { display: none; } .adjustment-and-result .adjustment-form { color: #000; } .adjustment-and-result .adjustment-form a { color: #000; } .adjustment-and-result .adjustment-form .gertrud-2 { position: sticky; bottom: 0; } .adjustment-and-result .adjustment-form .gertrud-2 .adjustment-searchlink { padding: 10px; } .adjustment-and-result .resultlist-result .pager2 { margin: 0; border-bottom: 1px solid #f1f1f1; } .adjustment-and-result.favorites-adjustment-and-result .displayoptions-favorites { display: none; } .adjustment-and-result.favorites-adjustment-and-result .displayoptions-container, .adjustment-and-result.favorites-adjustment-and-result .displayoptions { height: 50px; } .adjustment-and-result.favorites-adjustment-and-result .displayoptions-count { clear: none; margin-left: 0; } .adjustment-and-result.favorites-adjustment-and-result .displayoptions > div { clear: none; } .adjustment-and-result.favorites-adjustment-and-result .pager { top: 50px; } .adjustment-and-result .adjustment .fieldsets fieldset.fieldset-facilities { margin-bottom: -5px; } .toggle-adjustment-bar { display: none; } .adjustment-and-result-map { height: 20px; } .adjustment-and-result-map .adjustment { display: none; } .adjustment-and-result-map .result { position: absolute; left: 0; right: 0; height: 100%; } .adjustment-and-result-map .result .content { width: 100%; height: 100%; } .adjustment-and-result-map .displayoptions { position: relative; z-index: 2; line-height: 2em; } .adjustment-and-result-map .resultmap-result-content-result { z-index: 1; height: 100%; width: 100%; padding-top: 1.4em; position: absolute; top: 25px; padding-bottom: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap { position: relative; height: 100%; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .displaytype, .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .legend, .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .accommodationmap-list-content { background-color: white; border: 1px solid #717b87; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .map { height: 100%; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .displaytype { position: absolute; width: 100px; z-index: 2; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .legend { position: absolute; width: 220px; bottom: 30px; left: 5px; font-weight: normal; padding: 1px 6px; font-size: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .legend .dot { display: inline-block; width: 7px; height: 7px; line-height: 7px; margin-right: 3px; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .legend .insidedestination .dot { background-color: #253a4a; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .legend .outsidedestination .dot { background-color: #1c7bb2; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .legend .selected .dot { background-color: #ffcd00; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .accommodationmap-list { font-size: 11px; position: absolute; bottom: 30px; right: 5px; width: 280px; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .accommodationmap-list .hint, .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .accommodationmap-list .pager { padding: 5px; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .accommodationmap-list ul { margin: 0; padding: 0; } .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .accommodationmap-list ul li { list-style: none; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations { display: grid; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list { overflow: auto; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul { margin: 0; padding: 0; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li { list-style: none; display: block; font-size: 13px; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li .accommodation--map .accommodation-price .accommodation-price-price { font-size: 13px; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li:nth-child(odd) .accommodation--map { background-color: #f1f1f1; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list .pager { padding: 5px 0; } .js .adjustment-and-result .adjustment { display: none; } .js .toggle-adjustment-bar-showadjustment .adjustment { display: block; } .js .toggle-adjustment-bar-showadjustment .result { display: none; } .js .displayoptions select { -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; border-radius: 12.5px; padding: 0 5px; } @media all and (max-width: 768px) { .adjustment-and-result-list .displayoptions .displayoptions-favorites, .adjustment-and-result-list .displayoptions .displayoptions-count, .adjustment-and-result-list .displayoptions .displayoptions-displaytype { margin-bottom: 10px; } .adjustment-and-result-list .displayoptions .displayoptions-displaytype { display: none; } .adjustment-and-result-list .displayoptions .displayoptions-displaytype:first-child { display: flex; } .adjustment-and-result-list .displayoptions .displayoptions-filter { clear: left; } } @media all and (max-width: 550px) { .adjustment-and-result-map .resultmap-result-content-result .accommodationmap .legend { display: none; } } @media all and (min-width: 800px) { .adjustment-and-result-list { position: relative; float: left; width: 100%; } .adjustment-and-result-list > div { position: relative; float: left; left: 100%; margin-bottom: 0; } .adjustment-and-result-list.layout1 .adjustment { width: 200px; margin-left: -100%; display: block; } .adjustment-and-result-list.layout1 .result { margin-left: -100%; width: 100%; } .adjustment-and-result-list.layout1 .result > .content { margin-left: 220px; } .adjustment-and-result-list.layout2 .adjustment { width: 200px; margin-left: -200px; } .adjustment-and-result-list.layout2 .result { margin-left: -100%; width: 100%; } .adjustment-and-result-list.layout2 .result > .content { margin-right: 220px; } .adjustment-and-result-list.layout3 .adjustment { width: 100%; margin-left: -100%; } .adjustment-and-result-list.layout3 .adjustment > .content { margin-left: 520px; } .adjustment-and-result-list.layout3 .result { margin-left: -100%; width: 500px; } .adjustment-and-result-list.layout4 .adjustment { width: 100%; margin-left: -100%; } .adjustment-and-result-list.layout4 .adjustment > .content { margin-right: 520px; } .adjustment-and-result-list.layout4 .result { margin-left: -500px; width: 500px; } .js .adjustment-and-result:not(.adjustment-and-result-map) .adjustment { display: block; } .js .adjustment-and-result:not(.adjustment-and-result-map) .result { display: block; } .js .adjustment-and-result-list .toggle-adjustment-bar { display: none; } .adjustment-searchlink { display: none; } } @media all and (min-width: 800px) and (min-height: 500px) { .js .adjustment-and-result-map .adjustment { display: block; position: absolute; width: 220px; height: 100%; overflow-y: scroll; } .js .adjustment-and-result-map .result { left: 220px; } } @media all and (min-width: 500px) and (max-width: 799px) { .adjustment-and-result .adjustment .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form) { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .adjustment-and-result .adjustment .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form):nth-of-type(odd) { border-right: 5px solid transparent; clear: both; } .adjustment-and-result .adjustment .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form):nth-of-type(even) { border-left: 5px solid transparent; } .adjustment-and-result .adjustment .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).persondistribution-childages { width: 100%; border: none; } .adjustment-and-result .adjustment .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).persondistribution-childages > div.dropdown { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .adjustment-and-result .adjustment .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).persondistribution-childages > div.dropdown:nth-of-type(even) { border-right: 5px solid transparent; clear: both; } .adjustment-and-result .adjustment .fieldsets fieldset:not(.fieldset-facilities) > div:not(.errors-form).persondistribution-childages > div.dropdown:nth-of-type(odd) { border-left: 5px solid transparent; } .adjustment-and-result .adjustment .fieldsets fieldset.fieldset-facilities { margin-bottom: 5px; } .adjustment-and-result .adjustment .fieldsets fieldset.fieldset-facilities .fieldset-facilities-checkboxes { column-count: 2; } .adjustment-and-result .adjustment .fieldsets fieldset.fieldset-facilities .fieldset-facilities-checkboxes .checkbox-group { break-inside: avoid; } } @media all and (max-width: 374px) { html .adjustment-and-result .displayoptions-filter-link span { display: none !important; } html .adjustment-and-result .displayoptions-favorites span { border-right: none !important; padding-right: 0 !important; } html .adjustment-and-result .displayoptions-filter, html .adjustment-and-result .displayoptions-sortorder, html .adjustment-and-result .displayoptions-displaytype { margin-right: 15px; } html .adjustment-and-result .displayoptions-favorites, html .adjustment-and-result .displayoptions-count { margin-left: 15px; } } @media all and (max-width: 500px) { html .favorites-adjustment-and-result .displayoptions-filter-link span { display: none !important; } html .favorites-adjustment-and-result .displayoptions-filter, html .favorites-adjustment-and-result .displayoptions-sortorder { margin-right: 15px !important; } html .favorites-adjustment-and-result .displayoptions-count { margin-left: 0 !important; } html .adjustment-and-result .displayoptions-displaytype, html .adjustment-and-result .displayoptions-sortorder { margin-right: 15px; } html .adjustment-and-result .displayoptions-filter, html .adjustment-and-result .displayoptions-sortorder, html .adjustment-and-result .displayoptions-displaytype { margin-right: 15px; } html .adjustment-and-result .displayoptions-favorites, html .adjustment-and-result .displayoptions-count { margin-left: 15px; } } @media all and (min-width: 800px) { html .adjustment-and-result .gertrud-2, html .adjustment-and-result .displayoptions-filter { display: none !important; } html .adjustment-and-result .displayoptions-displaytype { float: left; margin-left: 0; } } @media all and (max-width: 410px) { html .adjustment-and-result-list .displayoptions-count { display: none; } } @media all and (max-height: 450px) { html .adjustment-and-result .displayoptions > div { clear: none; } html .displayoptions-count { display: none; } html .adjustment-and-result .displayoptions-displaytype { float: right; margin-right: 0; } html .adjustment-and-result .displayoptions, html .adjustment-and-result .displayoptions-container { height: 45px; } html .adjustment-and-result .resultlist-result .pager { top: 45px; } } @media all and (max-width: 500px) { .displayoptions-favorites-text { display: none; } } @media all and (max-height: 450px) and (max-width: 700px) { html .displayoptions-favorites-text { display: none; } } @media all and (max-height: 450px) and (max-width: 650px) { html .adjustment-and-result .displayoptions-filter-link span { display: none !important; } } @media (min-aspect-ratio: 4/3) { .adjustment-and-result-map .resultmap-result-content-result.showAccommodations { display: grid; grid-template-columns: auto 250px; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap { grid-row: 1; grid-column: 1; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list { grid-row: 1; grid-column: 2; max-height: 100%; border-left: 1px solid #434343; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map img { max-height: 150px; object-fit: cover; } } @media (max-aspect-ratio: 4/3) { .adjustment-and-result-map .resultmap-result-content-result.showAccommodations { display: grid; grid-template-columns: auto; grid-template-rows: auto 285px; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap { grid-row: 1; grid-column: 1; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list { grid-row: 2; grid-column: 1; max-width: 100%; border-top: 1px solid #434343; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list .accommodationmap-list-content > div { display: table; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul { display: table-row; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li { display: table-cell; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article { height: 240px !important; width: 170px !important; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map .accommodation-primaryimage { height: 195px; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map .accommodation-primaryimage img { height: 100%; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map .accommodation-price { background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; width: 80%; left: 10%; color: #fff; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map img { float: none; width: 100%; object-fit: cover; height: 80px; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map .accommodation-price-name-period-label { display: none; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map .accommodation-price-name-request { font-size: 10px; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map .accommodation-price-name-departure { display: none; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list .pager { position: absolute; width: 100%; padding: 5px 0; } } @media (max-aspect-ratio: 4/3) and (min-height: 1000px) { .adjustment-and-result-map .resultmap-result-content-result.showAccommodations { display: grid; grid-template-columns: auto; grid-template-rows: auto 300px; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article { height: 260px !important; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map .beforecontent { height: 235px; } .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article.accommodation--map .beforecontent img { height: 100%; } } @media (max-aspect-ratio: 4/3) and (min-width: 700px) { .adjustment-and-result-map .resultmap-result-content-result.showAccommodations .accommodationmap-list ul li article { width: 230px !important; } } .geographiclocation-staticmap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: auto; position: relative; overflow: hidden; margin: 0 auto 0 auto; } .geographiclocation-staticcountrymap { position: absolute; top: 0; right: 0; width: 25%; } html.js .geographiclocation-staticmap, html.js .sunpathbutton { cursor: pointer; } html.js .sunpathbutton { text-decoration: underline; } html.no-js .sunpathbutton { display: none; } .imageview-next-text, .imageview-previous-text { background-image: none; background-position: initial; background: #fff; color: #000; border-radius: 50%; text-align: center; border: 1px solid #000; width: 32px !important; height: 32px !important; } .imageview-next-text:before, .imageview-previous-text:before { display: inline-block; font-size: 20px; line-height: 32px !important; font-weight: bold !important; } .imageview-next-text:before { /*.icon(@icon-arrow-right);*/ } .imageview-previous-text:before { /*.icon(@icon-arrow-left);*/ } #search-history-container { padding: 10px 10px 0 10px; box-sizing: border-box; } #search-history-container .title span { font-weight: bold; } #search-history-container .list { padding: 10px 0 0 0; } #search-history-container .list .list-item { display: block; padding: 3px; white-space: nowrap; max-width: 100%; } #search-history-container .list .list-item .item-link { display: inline-block; text-decoration: none; position: relative; padding-right: 25px; max-width: 90%; max-width: calc(100% - 20px); } #search-history-container .list .list-item .item-link .item-link-left { padding: 3px 15px; display: block; border: 1px solid #007bc2; background-color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-overflow: ellipsis; overflow: hidden; max-width: calc(100% - 31px); text-decoration: none; } #search-history-container .list .list-item .item-link .item-link-right { position: absolute; right: 0; top: 0; width: 20px; padding-left: 5px; height: 100%; background-position: center; background-size: 10px; cursor: pointer; } #search-history-container.historyOnly .list .list-item { display: inline-block; max-width: 100%; } .no-js #search-history-container { display: none; } @media all and (max-width: 800px) { #search-history-container .list .list-item { display: inline-block; max-width: 100%; } } /* Helpfull links for SVG. 1. Get SVG codes from here: https://icomoon.io/app/ 2. Get CSS code by inserting SVG code here: https://yoksel.github.io/url-encoder/ */ .pager2 .previous .arrow, .accommodation--detail .calendar-navigation .calendar-navigation-inner span.calendar-navigation-previous a, .ui-datepicker .ui-datepicker-prev .ui-icon, .adjustment-and-result-map .pager .previous .arrow, .imageview-previous-text, .accommodation-images .arrow-left, .accommodation-images-dots-arrow-left { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Earrow-left%3C/title%3E%3Cpath d=%27M20.563 22.125l-1.875 1.875-8-8 8-8 1.875 1.875-6.125 6.125z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .pager2 .next .arrow, .accommodation--detail .accommodation-price .accommodation-price-links-primary a:before, .accommodation--detail .accommodation-price .accommodation-price-links-secondary a:hover:before, .accommodation--detail .calendar-navigation .calendar-navigation-inner span.calendar-navigation-next a, .accommodation--detail .section-price .accommodation-vacation-price .accommodation-vacation-price-bookinglink:before, .buttonlink > a:after, .buttonlink > span:after, .ui-datepicker .ui-datepicker-next .ui-icon, .adjustment-and-result-map .pager .next .arrow, .alternative-searches .alternative-searches-banners .alternative-searches-banner .alternative-searches-banner-link:after, .imageview-next-text, .accommodation-images .arrow-right, .accommodation-images-dots-arrow-right { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpath d=%27M11.438 22.125l6.125-6.125-6.125-6.125 1.875-1.875 8 8-8 8z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .accommodation--detail .accommodation-price .accommodation-price-links-secondary a:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23007bc2%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpath d=%27M11.438 22.125l6.125-6.125-6.125-6.125 1.875-1.875 8 8-8 8z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .search-teaser ul li a:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpath d=%27M11.438 22.125l6.125-6.125-6.125-6.125 1.875-1.875 8 8-8 8z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .buttonlink-onpage > a:after, .buttonlink-onpage > span:after, #guides-show { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Earrow-down%3C/title%3E%3Cpath d=%27M9.875 11.438l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } #guides-hide { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Earrow-up%3C/title%3E%3Cpath d=%27M9.875 20.563l-1.875-1.875 8-8 8 8-1.875 1.875-6.125-6.125z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } #guides-header:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27%3E%3Ctitle%3Ehelp%3C/title%3E%3Cpath d=%27M14.090 2.233c-1.14-0.822-2.572-1.233-4.296-1.233-1.311 0-2.418 0.289-3.317 0.868-1.427 0.906-2.185 2.445-2.277 4.615h3.307c0-0.633 0.185-1.24 0.553-1.828 0.369-0.586 0.995-0.879 1.878-0.879 0.898 0 1.517 0.238 1.854 0.713 0.339 0.477 0.508 1.004 0.508 1.582 0 0.504-0.252 0.965-0.557 1.383-0.167 0.244-0.387 0.469-0.661 0.674 0 0-1.793 1.15-2.58 2.074-0.456 0.535-0.497 1.338-0.538 2.488-0.002 0.082 0.029 0.252 0.315 0.252s2.316 0 2.571 0c0.256 0 0.309-0.189 0.312-0.274 0.018-0.418 0.064-0.633 0.141-0.875 0.144-0.457 0.538-0.855 0.979-1.199l0.91-0.627c0.822-0.641 1.477-1.166 1.767-1.578 0.494-0.676 0.842-1.51 0.842-2.5-0.001-1.615-0.571-2.832-1.711-3.656zM9.741 14.924c-1.139-0.035-2.079 0.754-2.115 1.99-0.035 1.234 0.858 2.051 1.998 2.084 1.189 0.035 2.104-0.727 2.141-1.963 0.034-1.236-0.834-2.076-2.024-2.111z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .accommodation-favorite-overview-widget-test1 .show-all .link a:before, .pager2 a.overviewpagetype-list:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Elist%3C/title%3E%3Cpath d=%27M0 0h8v8h-8zM12 2h20v4h-20zM0 12h8v8h-8zM12 14h20v4h-20zM0 24h8v8h-8zM12 26h20v4h-20z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .pager2 a.overviewpagetype-gallery:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 id=%27icon-images%27 fill=%27%23434343%27 viewBox=%270 0 36 32%27%3E%3Cpath d=%27M34 4h-2v-2c0-1.1-0.9-2-2-2h-28c-1.1 0-2 0.9-2 2v24c0 1.1 0.9 2 2 2h2v2c0 1.1 0.9 2 2 2h28c1.1 0 2-0.9 2-2v-24c0-1.1-0.9-2-2-2zM4 6v20h-1.996c-0.001-0.001-0.003-0.002-0.004-0.004v-23.993c0.001-0.001 0.002-0.003 0.004-0.004h27.993c0.001 0.001 0.003 0.002 0.004 0.004v1.996h-24c-1.1 0-2 0.9-2 2v0zM34 29.996c-0.001 0.001-0.002 0.003-0.004 0.004h-27.993c-0.001-0.001-0.003-0.002-0.004-0.004v-23.993c0.001-0.001 0.002-0.003 0.004-0.004h27.993c0.001 0.001 0.003 0.002 0.004 0.004v23.993z%27%3E%3C/path%3E%3Cpath d=%27M30 11c0 1.657-1.343 3-3 3s-3-1.343-3-3 1.343-3 3-3 3 1.343 3 3z%27%3E%3C/path%3E%3Cpath d=%27M32 28h-24v-4l7-12 8 10h2l7-6z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions .displayoptions-displaytype a:hover:after, .pager2 a.overviewpagetype-map:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Elocation%3C/title%3E%3Cpath d=%27M16 0c-5.523 0-10 4.477-10 10 0 10 10 22 10 22s10-12 10-22c0-5.523-4.477-10-10-10zM16 16c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions-displaytype-map:before, .adjustment-and-result .displayoptions .displayoptions-displaytype a:after { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Elocation%3C/title%3E%3Cpath d=%27M16 0c-5.523 0-10 4.477-10 10 0 10 10 22 10 22s10-12 10-22c0-5.523-4.477-10-10-10zM16 16c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions-displaytype-map:hover:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23007bc2%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Elocation%3C/title%3E%3Cpath d=%27M16 0c-5.523 0-10 4.477-10 10 0 10 10 22 10 22s10-12 10-22c0-5.523-4.477-10-10-10zM16 16c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions-displaytype-list:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Elist%3C/title%3E%3Cpath d=%27M0 0h8v8h-8zM12 2h20v4h-20zM0 12h8v8h-8zM12 14h20v4h-20zM0 24h8v8h-8zM12 26h20v4h-20z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions-displaytype-list:hover:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23007bc2%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Elist%3C/title%3E%3Cpath d=%27M0 0h8v8h-8zM12 2h20v4h-20zM0 12h8v8h-8zM12 14h20v4h-20zM0 24h8v8h-8zM12 26h20v4h-20z%27%3E%3C/path%3E%3C/svg%3E"); } .adjustment-and-result .displayoptions-displaytype-gallery:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 id=%27icon-images%27 fill=%27%23fff%27 viewBox=%270 0 36 32%27%3E%3Cpath d=%27M34 4h-2v-2c0-1.1-0.9-2-2-2h-28c-1.1 0-2 0.9-2 2v24c0 1.1 0.9 2 2 2h2v2c0 1.1 0.9 2 2 2h28c1.1 0 2-0.9 2-2v-24c0-1.1-0.9-2-2-2zM4 6v20h-1.996c-0.001-0.001-0.003-0.002-0.004-0.004v-23.993c0.001-0.001 0.002-0.003 0.004-0.004h27.993c0.001 0.001 0.003 0.002 0.004 0.004v1.996h-24c-1.1 0-2 0.9-2 2v0zM34 29.996c-0.001 0.001-0.002 0.003-0.004 0.004h-27.993c-0.001-0.001-0.003-0.002-0.004-0.004v-23.993c0.001-0.001 0.002-0.003 0.004-0.004h27.993c0.001 0.001 0.003 0.002 0.004 0.004v23.993z%27%3E%3C/path%3E%3Cpath d=%27M30 11c0 1.657-1.343 3-3 3s-3-1.343-3-3 1.343-3 3-3 3 1.343 3 3z%27%3E%3C/path%3E%3Cpath d=%27M32 28h-24v-4l7-12 8 10h2l7-6z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions-displaytype-gallery:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 id=%27icon-images%27 fill=%27%23007bc2%27 viewBox=%270 0 36 32%27%3E%3Cpath d=%27M34 4h-2v-2c0-1.1-0.9-2-2-2h-28c-1.1 0-2 0.9-2 2v24c0 1.1 0.9 2 2 2h2v2c0 1.1 0.9 2 2 2h28c1.1 0 2-0.9 2-2v-24c0-1.1-0.9-2-2-2zM4 6v20h-1.996c-0.001-0.001-0.003-0.002-0.004-0.004v-23.993c0.001-0.001 0.002-0.003 0.004-0.004h27.993c0.001 0.001 0.003 0.002 0.004 0.004v1.996h-24c-1.1 0-2 0.9-2 2v0zM34 29.996c-0.001 0.001-0.002 0.003-0.004 0.004h-27.993c-0.001-0.001-0.003-0.002-0.004-0.004v-23.993c0.001-0.001 0.002-0.003 0.004-0.004h27.993c0.001 0.001 0.003 0.002 0.004 0.004v23.993z%27%3E%3C/path%3E%3Cpath d=%27M30 11c0 1.657-1.343 3-3 3s-3-1.343-3-3 1.343-3 3-3 3 1.343 3 3z%27%3E%3C/path%3E%3Cpath d=%27M32 28h-24v-4l7-12 8 10h2l7-6z%27%3E%3C/path%3E%3C/svg%3E"); } .accommodation-favoriteinformation-links a.add:after, .accommodation-favoriteinformation-links a.remove:after { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2735%27 height=%2732%27 viewBox=%270 0 35 32%27%3E%3Ctitle%3Eheart%3C/title%3E%3Cpath d=%27M9.307 0.012c-0.472 0.039-0.844 0.088-1.218 0.163-3.009 0.612-5.709 2.698-7.105 5.488-0.37 0.739-0.689 1.689-0.835 2.486-0.114 0.625-0.158 1.16-0.144 1.781 0.014 0.563 0.056 0.896 0.188 1.432 0.344 1.4 1.139 2.853 2.482 4.533 1.14 1.426 2.351 2.7 5.518 5.798 2.914 2.851 4.453 4.435 5.967 6.14 1.16 1.307 2.363 2.781 3.174 3.889 0.111 0.153 0.205 0.275 0.211 0.275s0.156-0.2 0.337-0.442c0.798-1.074 1.744-2.237 2.793-3.433 1.561-1.779 3.182-3.456 6.203-6.412 2.058-2.014 3.112-3.077 3.981-4.018 2.47-2.672 3.714-4.684 4.105-6.64 0.102-0.502 0.116-0.672 0.114-1.333 0-0.649-0.025-0.935-0.121-1.502-0.384-2.232-1.588-4.314-3.377-5.849-2.074-1.777-4.725-2.621-7.246-2.305-1.286 0.161-2.558 0.637-3.693 1.382-0.547 0.361-1.030 0.753-1.542 1.256-0.519 0.509-0.953 1.012-1.368 1.586-0.095 0.132-0.179 0.239-0.186 0.239-0.005 0-0.065-0.081-0.132-0.177-0.697-1.032-1.563-1.956-2.456-2.626-1.349-1.011-2.833-1.574-4.489-1.705-0.205-0.016-0.986-0.019-1.16-0.005z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions .displayoptions-favorites a:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%2735%27 height=%2732%27 viewBox=%270 0 35 32%27%3E%3Ctitle%3Eheart%3C/title%3E%3Cpath d=%27M9.307 0.012c-0.472 0.039-0.844 0.088-1.218 0.163-3.009 0.612-5.709 2.698-7.105 5.488-0.37 0.739-0.689 1.689-0.835 2.486-0.114 0.625-0.158 1.16-0.144 1.781 0.014 0.563 0.056 0.896 0.188 1.432 0.344 1.4 1.139 2.853 2.482 4.533 1.14 1.426 2.351 2.7 5.518 5.798 2.914 2.851 4.453 4.435 5.967 6.14 1.16 1.307 2.363 2.781 3.174 3.889 0.111 0.153 0.205 0.275 0.211 0.275s0.156-0.2 0.337-0.442c0.798-1.074 1.744-2.237 2.793-3.433 1.561-1.779 3.182-3.456 6.203-6.412 2.058-2.014 3.112-3.077 3.981-4.018 2.47-2.672 3.714-4.684 4.105-6.64 0.102-0.502 0.116-0.672 0.114-1.333 0-0.649-0.025-0.935-0.121-1.502-0.384-2.232-1.588-4.314-3.377-5.849-2.074-1.777-4.725-2.621-7.246-2.305-1.286 0.161-2.558 0.637-3.693 1.382-0.547 0.361-1.030 0.753-1.542 1.256-0.519 0.509-0.953 1.012-1.368 1.586-0.095 0.132-0.179 0.239-0.186 0.239-0.005 0-0.065-0.081-0.132-0.177-0.697-1.032-1.563-1.956-2.456-2.626-1.349-1.011-2.833-1.574-4.489-1.705-0.205-0.016-0.986-0.019-1.16-0.005z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions .displayoptions-favorites a:hover:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23007bc2%27 width=%2735%27 height=%2732%27 viewBox=%270 0 35 32%27%3E%3Ctitle%3Eheart%3C/title%3E%3Cpath d=%27M9.307 0.012c-0.472 0.039-0.844 0.088-1.218 0.163-3.009 0.612-5.709 2.698-7.105 5.488-0.37 0.739-0.689 1.689-0.835 2.486-0.114 0.625-0.158 1.16-0.144 1.781 0.014 0.563 0.056 0.896 0.188 1.432 0.344 1.4 1.139 2.853 2.482 4.533 1.14 1.426 2.351 2.7 5.518 5.798 2.914 2.851 4.453 4.435 5.967 6.14 1.16 1.307 2.363 2.781 3.174 3.889 0.111 0.153 0.205 0.275 0.211 0.275s0.156-0.2 0.337-0.442c0.798-1.074 1.744-2.237 2.793-3.433 1.561-1.779 3.182-3.456 6.203-6.412 2.058-2.014 3.112-3.077 3.981-4.018 2.47-2.672 3.714-4.684 4.105-6.64 0.102-0.502 0.116-0.672 0.114-1.333 0-0.649-0.025-0.935-0.121-1.502-0.384-2.232-1.588-4.314-3.377-5.849-2.074-1.777-4.725-2.621-7.246-2.305-1.286 0.161-2.558 0.637-3.693 1.382-0.547 0.361-1.030 0.753-1.542 1.256-0.519 0.509-0.953 1.012-1.368 1.586-0.095 0.132-0.179 0.239-0.186 0.239-0.005 0-0.065-0.081-0.132-0.177-0.697-1.032-1.563-1.956-2.456-2.626-1.349-1.011-2.833-1.574-4.489-1.705-0.205-0.016-0.986-0.019-1.16-0.005z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .accommodation-favoriteinformation-links a.addnote:after, .accommodation-favoriteinformation-links a.editnote:after { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Epencil%3C/title%3E%3Cpath d=%27M26.736 0.026c-0.048 0.013-0.138 0.046-0.2 0.074-0.109 0.050-0.158 0.096-1.541 1.475l-1.427 1.426 5.432 5.432 1.402-1.402c0.949-0.949 1.418-1.429 1.454-1.488 0.090-0.15 0.131-0.285 0.139-0.462 0.010-0.19-0.014-0.307-0.101-0.488-0.056-0.117-0.107-0.17-2.213-2.274-2.106-2.106-2.157-2.157-2.274-2.213-0.066-0.032-0.163-0.069-0.216-0.082-0.118-0.030-0.341-0.029-0.456 0.002z%27%3E%3C/path%3E%3Cpath d=%27M13.379 13.189l-8.547 8.547 5.432 5.432 17.104-17.104-2.712-2.712c-1.491-1.491-2.715-2.712-2.72-2.712s-3.854 3.846-8.557 8.549z%27%3E%3C/path%3E%3Cpath d=%27M3.173 23.418c-0.010 0.026-0.725 1.886-1.59 4.134l-1.573 4.088v0.123c-0.002 0.12 0 0.126 0.051 0.176 0.050 0.051 0.056 0.053 0.176 0.051l0.123-0.002 4.080-1.568c2.245-0.862 4.104-1.579 4.133-1.59l0.051-0.022-2.717-2.718c-2.696-2.694-2.718-2.717-2.734-2.672z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions .displayoptions-filter a:after { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Efilter%3C/title%3E%3Cpath d=%27M14 4v-0.5c0-0.825-0.675-1.5-1.5-1.5h-5c-0.825 0-1.5 0.675-1.5 1.5v0.5h-6v4h6v0.5c0 0.825 0.675 1.5 1.5 1.5h5c0.825 0 1.5-0.675 1.5-1.5v-0.5h18v-4h-18zM8 8v-4h4v4h-4zM26 13.5c0-0.825-0.675-1.5-1.5-1.5h-5c-0.825 0-1.5 0.675-1.5 1.5v0.5h-18v4h18v0.5c0 0.825 0.675 1.5 1.5 1.5h5c0.825 0 1.5-0.675 1.5-1.5v-0.5h6v-4h-6v-0.5zM20 18v-4h4v4h-4zM14 23.5c0-0.825-0.675-1.5-1.5-1.5h-5c-0.825 0-1.5 0.675-1.5 1.5v0.5h-6v4h6v0.5c0 0.825 0.675 1.5 1.5 1.5h5c0.825 0 1.5-0.675 1.5-1.5v-0.5h18v-4h-18v-0.5zM8 28v-4h4v4h-4z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions .displayoptions-filter a:hover:after { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Efilter%3C/title%3E%3Cpath d=%27M14 4v-0.5c0-0.825-0.675-1.5-1.5-1.5h-5c-0.825 0-1.5 0.675-1.5 1.5v0.5h-6v4h6v0.5c0 0.825 0.675 1.5 1.5 1.5h5c0.825 0 1.5-0.675 1.5-1.5v-0.5h18v-4h-18zM8 8v-4h4v4h-4zM26 13.5c0-0.825-0.675-1.5-1.5-1.5h-5c-0.825 0-1.5 0.675-1.5 1.5v0.5h-18v4h18v0.5c0 0.825 0.675 1.5 1.5 1.5h5c0.825 0 1.5-0.675 1.5-1.5v-0.5h6v-4h-6v-0.5zM20 18v-4h4v4h-4zM14 23.5c0-0.825-0.675-1.5-1.5-1.5h-5c-0.825 0-1.5 0.675-1.5 1.5v0.5h-6v4h6v0.5c0 0.825 0.675 1.5 1.5 1.5h5c0.825 0 1.5-0.675 1.5-1.5v-0.5h18v-4h-18v-0.5zM8 28v-4h4v4h-4z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions .displayoptions-sortorder:after { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Esort%3C/title%3E%3Cpath d=%27M32 2v-2h-16v2h16z%27%3E%3C/path%3E%3Cpath d=%27M16 32v-2h-16v2h16z%27%3E%3C/path%3E%3Cpath d=%27M10 22v-22h-4v22h-5l7 7 7-7h-5z%27%3E%3C/path%3E%3Cpath d=%27M22 10v22h4v-22h5l-7-7-7 7z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .adjustment-and-result .displayoptions .displayoptions-sortorder:hover:after { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Esort%3C/title%3E%3Cpath d=%27M32 2v-2h-16v2h16z%27%3E%3C/path%3E%3Cpath d=%27M16 32v-2h-16v2h16z%27%3E%3C/path%3E%3Cpath d=%27M10 22v-22h-4v22h-5l7 7 7-7h-5z%27%3E%3C/path%3E%3Cpath d=%27M22 10v22h4v-22h5l-7-7-7 7z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .searchform .show-input-delete-icon .input-delete-icon, #search-history-container .list-item .item-link .item-link-right, .accommodation-favoriteinformation-links a.removenote:after, .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%27M5.002 0.026c-0.053 0.013-0.15 0.048-0.216 0.080-0.12 0.058-0.154 0.090-2.371 2.309-2.197 2.197-2.251 2.253-2.307 2.37-0.147 0.307-0.142 0.642 0.014 0.949 0.056 0.109 0.33 0.386 5.138 5.195l5.077 5.080-5.056 5.056c-2.957 2.955-5.082 5.093-5.115 5.144-0.078 0.117-0.146 0.315-0.158 0.474-0.014 0.171 0.022 0.355 0.109 0.534l0.064 0.136 2.211 2.213c1.277 1.278 2.246 2.237 2.298 2.272 0.146 0.098 0.317 0.15 0.512 0.158 0.202 0.010 0.336-0.018 0.512-0.102 0.118-0.056 0.202-0.139 5.203-5.139l5.085-5.082 10.152 10.149 0.136 0.066c0.309 0.15 0.619 0.15 0.928 0l0.136-0.066 2.197-2.195c1.648-1.645 2.216-2.222 2.275-2.31 0.117-0.173 0.165-0.334 0.166-0.555 0.002-0.142-0.005-0.198-0.035-0.296-0.086-0.275 0.32 0.144-5.21-5.389l-5.074-5.075 5.058-5.061c2.782-2.782 5.082-5.094 5.11-5.136 0.136-0.205 0.192-0.518 0.138-0.77-0.016-0.067-0.058-0.182-0.093-0.254-0.064-0.131-0.066-0.133-2.299-2.365l-2.234-2.235-0.136-0.066c-0.178-0.086-0.334-0.12-0.514-0.109-0.149 0.010-0.336 0.064-0.461 0.134-0.048 0.027-1.802 1.768-5.146 5.11-2.79 2.789-5.080 5.070-5.088 5.070s-2.298-2.282-5.088-5.070l-5.072-5.070-0.136-0.066c-0.075-0.035-0.179-0.077-0.232-0.090-0.117-0.030-0.352-0.029-0.478 0.002z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } #hints-container .hint-hide { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%27M5.002 0.026c-0.053 0.013-0.15 0.048-0.216 0.080-0.12 0.058-0.154 0.090-2.371 2.309-2.197 2.197-2.251 2.253-2.307 2.37-0.147 0.307-0.142 0.642 0.014 0.949 0.056 0.109 0.33 0.386 5.138 5.195l5.077 5.080-5.056 5.056c-2.957 2.955-5.082 5.093-5.115 5.144-0.078 0.117-0.146 0.315-0.158 0.474-0.014 0.171 0.022 0.355 0.109 0.534l0.064 0.136 2.211 2.213c1.277 1.278 2.246 2.237 2.298 2.272 0.146 0.098 0.317 0.15 0.512 0.158 0.202 0.010 0.336-0.018 0.512-0.102 0.118-0.056 0.202-0.139 5.203-5.139l5.085-5.082 10.152 10.149 0.136 0.066c0.309 0.15 0.619 0.15 0.928 0l0.136-0.066 2.197-2.195c1.648-1.645 2.216-2.222 2.275-2.31 0.117-0.173 0.165-0.334 0.166-0.555 0.002-0.142-0.005-0.198-0.035-0.296-0.086-0.275 0.32 0.144-5.21-5.389l-5.074-5.075 5.058-5.061c2.782-2.782 5.082-5.094 5.11-5.136 0.136-0.205 0.192-0.518 0.138-0.77-0.016-0.067-0.058-0.182-0.093-0.254-0.064-0.131-0.066-0.133-2.299-2.365l-2.234-2.235-0.136-0.066c-0.178-0.086-0.334-0.12-0.514-0.109-0.149 0.010-0.336 0.064-0.461 0.134-0.048 0.027-1.802 1.768-5.146 5.11-2.79 2.789-5.080 5.070-5.088 5.070s-2.298-2.282-5.088-5.070l-5.072-5.070-0.136-0.066c-0.075-0.035-0.179-0.077-0.232-0.090-0.117-0.030-0.352-0.029-0.478 0.002z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .hint-identity span, .hinttarget-container a { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27%3E%3Ctitle%3Ehelp%3C/title%3E%3Cpath d=%27M14.090 2.233c-1.14-0.822-2.572-1.233-4.296-1.233-1.311 0-2.418 0.289-3.317 0.868-1.427 0.906-2.185 2.445-2.277 4.615h3.307c0-0.633 0.185-1.24 0.553-1.828 0.369-0.586 0.995-0.879 1.878-0.879 0.898 0 1.517 0.238 1.854 0.713 0.339 0.477 0.508 1.004 0.508 1.582 0 0.504-0.252 0.965-0.557 1.383-0.167 0.244-0.387 0.469-0.661 0.674 0 0-1.793 1.15-2.58 2.074-0.456 0.535-0.497 1.338-0.538 2.488-0.002 0.082 0.029 0.252 0.315 0.252s2.316 0 2.571 0c0.256 0 0.309-0.189 0.312-0.274 0.018-0.418 0.064-0.633 0.141-0.875 0.144-0.457 0.538-0.855 0.979-1.199l0.91-0.627c0.822-0.641 1.477-1.166 1.767-1.578 0.494-0.676 0.842-1.51 0.842-2.5-0.001-1.615-0.571-2.832-1.711-3.656zM9.741 14.924c-1.139-0.035-2.079 0.754-2.115 1.99-0.035 1.234 0.858 2.051 1.998 2.084 1.189 0.035 2.104-0.727 2.141-1.963 0.034-1.236-0.834-2.076-2.024-2.111z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .searchbutton:after { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3ESearch%3C/title%3E%3Cpath d=%27M15.544 0.12c-0.144 0.064-0.336 0.232-0.424 0.376-0.144 0.248-0.16 0.4-0.16 2.184 0 1.76 0.016 1.944 0.16 2.176 0.4 0.664 1.36 0.664 1.76 0 0.144-0.232 0.16-0.416 0.16-2.176 0-2.16-0.032-2.28-0.584-2.544-0.336-0.16-0.568-0.168-0.912-0.016z%27%3E%3C/path%3E%3Cpath d=%27M4.904 4.552c-0.328 0.208-0.504 0.552-0.504 0.976 0 0.336 0.032 0.376 1.344 1.696 1.384 1.392 1.608 1.576 1.992 1.576 0.488 0 1.064-0.576 1.064-1.064 0-0.376-0.184-0.608-1.544-1.968-1.296-1.288-1.328-1.312-1.704-1.344-0.296-0.024-0.456 0.008-0.648 0.128z%27%3E%3C/path%3E%3Cpath d=%27M26.12 4.48c-0.288 0.12-2.824 2.744-2.88 2.984-0.16 0.624 0.392 1.336 1.040 1.336 0.36 0 0.608-0.192 1.952-1.544 1.232-1.24 1.304-1.336 1.344-1.672 0.096-0.816-0.704-1.424-1.456-1.104z%27%3E%3C/path%3E%3Cpath d=%27M14.456 7.56c-1.744 0.328-3.208 1.112-4.504 2.4-1.76 1.752-2.592 3.888-2.488 6.4 0.048 1.176 0.216 1.928 0.664 3.024l0.288 0.704-2.632 2.656c-2.432 2.448-2.656 2.696-2.816 3.12-0.36 0.984-0.168 1.904 0.544 2.624 0.56 0.56 1.048 0.744 1.832 0.696 0.952-0.056 1.064-0.144 3.944-3.008l2.616-2.592 0.72 0.288c1.384 0.552 1.816 0.64 3.376 0.64 1.184 0 1.496-0.032 2.024-0.176 3.2-0.88 5.48-3.16 6.304-6.312 0.208-0.808 0.288-2.336 0.16-3.232-0.496-3.416-3.024-6.224-6.408-7.112-0.888-0.232-2.712-0.288-3.624-0.12zM17.384 9.728c2.976 0.68 5.016 3.224 5.016 6.272 0 3.584-2.816 6.4-6.4 6.4-1.784 0-3.256-0.608-4.528-1.88-0.68-0.672-1.152-1.392-1.472-2.208-0.328-0.856-0.424-1.536-0.384-2.664 0.032-0.808 0.080-1.088 0.28-1.664 0.744-2.152 2.416-3.68 4.624-4.232 0.736-0.184 2.096-0.192 2.864-0.024z%27%3E%3C/path%3E%3Cpath d=%27M0.496 15.12c-0.272 0.168-0.496 0.568-0.496 0.888 0 0.288 0.256 0.72 0.512 0.88 0.224 0.136 0.432 0.152 2.152 0.152 2.112 0 2.248-0.024 2.536-0.504 0.2-0.328 0.2-0.744 0-1.072-0.288-0.48-0.424-0.504-2.536-0.504-1.768 0-1.92 0.016-2.168 0.16z%27%3E%3C/path%3E%3Cpath d=%27M27.2 15.064c-0.504 0.256-0.704 0.976-0.4 1.472 0.288 0.48 0.424 0.504 2.536 0.504 2.136 0 2.272-0.032 2.528-0.584 0.168-0.352 0.168-0.56 0-0.912-0.264-0.552-0.384-0.584-2.544-0.584-1.376 0-1.976 0.032-2.12 0.104z%27%3E%3C/path%3E%3Cpath d=%27M23.768 23.344c-0.488 0.264-0.696 0.896-0.456 1.36 0.064 0.12 0.712 0.808 1.432 1.528 1.296 1.288 1.328 1.312 1.704 1.344 0.712 0.064 1.208-0.448 1.128-1.16-0.040-0.336-0.112-0.432-1.344-1.672-0.72-0.72-1.408-1.368-1.528-1.432-0.296-0.152-0.608-0.144-0.936 0.032z%27%3E%3C/path%3E%3Cpath d=%27M15.432 26.824c-0.456 0.304-0.472 0.392-0.472 2.496 0 2.16 0.032 2.28 0.584 2.544 0.352 0.168 0.56 0.168 0.912 0 0.552-0.264 0.584-0.384 0.584-2.544 0-1.376-0.032-1.976-0.104-2.12-0.144-0.296-0.592-0.56-0.936-0.56-0.176 0-0.408 0.072-0.568 0.184z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .last-minute-teaser-item-link-text:after { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%27M15.368 0.016c-2.795 0.117-5.442 0.928-7.8 2.389-1.368 0.846-2.666 1.962-3.733 3.206-1.827 2.133-3.072 4.747-3.57 7.498-0.184 1.018-0.256 1.827-0.256 2.891 0 0.642 0.013 0.946 0.064 1.496 0.219 2.363 0.958 4.635 2.178 6.685 1.227 2.064 2.944 3.859 4.963 5.187 2.197 1.445 4.685 2.318 7.29 2.558 0.552 0.051 0.856 0.064 1.496 0.064s0.944-0.013 1.496-0.064c4.603-0.424 8.802-2.837 11.515-6.618 1.018-1.419 1.818-3.050 2.317-4.717 0.341-1.146 0.538-2.234 0.634-3.52 0.034-0.45 0.038-1.6 0.010-2.024-0.054-0.763-0.117-1.278-0.237-1.939-0.498-2.75-1.742-5.365-3.57-7.498-0.558-0.651-1.267-1.35-1.925-1.901-1.632-1.365-3.59-2.421-5.605-3.024-1.182-0.354-2.309-0.558-3.563-0.646-0.424-0.029-1.296-0.042-1.704-0.024zM16.451 4.656c0.802 0.168 1.451 0.746 1.707 1.515 0.114 0.342 0.104-0.093 0.114 4.646l0.008 4.267 1.664 1.715c0.915 0.946 1.76 1.818 1.877 1.941 0.376 0.397 0.562 0.733 0.662 1.2 0.050 0.234 0.050 0.669 0 0.902-0.288 1.336-1.622 2.122-2.914 1.715-0.085-0.027-0.232-0.088-0.33-0.136-0.36-0.178-0.258-0.078-3.002-2.909l-2.51-2.592v-5.098c0-3.4 0.005-5.141 0.016-5.229 0.050-0.395 0.216-0.789 0.469-1.112 0.373-0.474 0.899-0.773 1.515-0.859 0.163-0.022 0.546-0.006 0.723 0.032z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .ui-datepicker-trigger { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Ecalendar%3C/title%3E%3Cpath d=%27M10 12h4v4h-4zM16 12h4v4h-4zM22 12h4v4h-4zM4 24h4v4h-4zM10 24h4v4h-4zM16 24h4v4h-4zM10 18h4v4h-4zM16 18h4v4h-4zM22 18h4v4h-4zM4 18h4v4h-4zM26 0v2h-4v-2h-14v2h-4v-2h-4v32h30v-32h-4zM28 30h-26v-22h26v22z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .front-page--detail .follow .follow-newsletter span { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Email-closed%3C/title%3E%3Cpath d=%27M16.015 18.861l-4.072-3.343-8.862 10.463h25.876l-8.863-10.567-4.079 3.447zM29.926 6.019h-27.815l13.908 11.698 13.907-11.698zM20.705 14.887l9.291 11.084v-18.952l-9.291 7.868zM2.004 7.019v18.952l9.291-11.084-9.291-7.868z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .ratings .ratings-summary .ratings-star-bar:before, .ratings .ratings-details .rating .stars:after { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27500%27 height=%27100%27 style=%27background-color:transparent%27%3E%3Cpath d=%27M50,0 62,38 100,38 70,60 83,100 50,76 17,100 30,60 0,38 38,38z%27 stroke=%27%23000%27 stroke-width=%274%27 fill=%27transparent%27 /%3E%3Cpath d=%27M150,0 162,38 200,38 170,60 183,100 150,76 117,100 130,60 100,38 138,38z%27 stroke=%27%23000%27 stroke-width=%274%27 fill=%27transparent%27 /%3E%3Cpath d=%27M250,0 262,38 300,38 270,60 283,100 250,76 217,100 230,60 200,38 238,38z%27 stroke=%27%23000%27 stroke-width=%274%27 fill=%27transparent%27 /%3E%3Cpath d=%27M350,0 362,38 400,38 370,60 383,100 350,76 317,100 330,60 300,38 338,38z%27 stroke=%27%23000%27 stroke-width=%274%27 fill=%27transparent%27 /%3E%3Cpath d=%27M450,0 462,38 500,38 470,60 483,100 450,76 417,100 430,60 400,38 438,38z%27 stroke=%27%23000%27 stroke-width=%274%27 fill=%27transparent%27 /%3E%3Cmask id=%27mask1%27%3E%3Crect fill=%27%23fff%27 width=%27100%25%27 height=%27100%25%27/%3E%3Cpath d=%27M50,0 62,38 100,38 70,60 83,100 50,76 17,100 30,60 0,38 38,38z%27 fill=%27%23000%27 /%3E%3Cpath d=%27M150,0 162,38 200,38 170,60 183,100 150,76 117,100 130,60 100,38 138,38z%27 fill=%27%23000%27 /%3E%3Cpath d=%27M250,0 262,38 300,38 270,60 283,100 250,76 217,100 230,60 200,38 238,38z%27 fill=%27%23000%27 /%3E%3Cpath d=%27M350,0 362,38 400,38 370,60 383,100 350,76 317,100 330,60 300,38 338,38z%27 fill=%27%23000%27 /%3E%3Cpath d=%27M450,0 462,38 500,38 470,60 483,100 450,76 417,100 430,60 400,38 438,38z%27 fill=%27%23000%27 /%3E%3C/mask%3E%3Crect mask=%27url%28%23mask1%29%27 fill=%27%23f1f1f1%27 width=%27100%25%27 height=%27100%25%27/%3E%3C/svg%3E"); background-repeat: no-repeat; } .icon-help { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27%3E%3Ctitle%3Ehelp%3C/title%3E%3Cpath d=%27M14.090 2.233c-1.14-0.822-2.572-1.233-4.296-1.233-1.311 0-2.418 0.289-3.317 0.868-1.427 0.906-2.185 2.445-2.277 4.615h3.307c0-0.633 0.185-1.24 0.553-1.828 0.369-0.586 0.995-0.879 1.878-0.879 0.898 0 1.517 0.238 1.854 0.713 0.339 0.477 0.508 1.004 0.508 1.582 0 0.504-0.252 0.965-0.557 1.383-0.167 0.244-0.387 0.469-0.661 0.674 0 0-1.793 1.15-2.58 2.074-0.456 0.535-0.497 1.338-0.538 2.488-0.002 0.082 0.029 0.252 0.315 0.252s2.316 0 2.571 0c0.256 0 0.309-0.189 0.312-0.274 0.018-0.418 0.064-0.633 0.141-0.875 0.144-0.457 0.538-0.855 0.979-1.199l0.91-0.627c0.822-0.641 1.477-1.166 1.767-1.578 0.494-0.676 0.842-1.51 0.842-2.5-0.001-1.615-0.571-2.832-1.711-3.656zM9.741 14.924c-1.139-0.035-2.079 0.754-2.115 1.99-0.035 1.234 0.858 2.051 1.998 2.084 1.189 0.035 2.104-0.727 2.141-1.963 0.034-1.236-0.834-2.076-2.024-2.111z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } ul.accommodationlist > .accommodationlist-item.shownBefore .icon-shownBefore { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctitle%3Eeye%3C/title%3E%3Cpath d=%27M16 6c-6.979 0-13.028 4.064-16 10 2.972 5.936 9.021 10 16 10s13.027-4.064 16-10c-2.972-5.936-9.021-10-16-10zM23.889 11.303c1.88 1.199 3.473 2.805 4.67 4.697-1.197 1.891-2.79 3.498-4.67 4.697-2.362 1.507-5.090 2.303-7.889 2.303s-5.527-0.796-7.889-2.303c-1.88-1.199-3.473-2.805-4.67-4.697 1.197-1.891 2.79-3.498 4.67-4.697 0.122-0.078 0.246-0.154 0.371-0.228-0.311 0.854-0.482 1.776-0.482 2.737 0 4.418 3.582 8 8 8s8-3.582 8-8c0-0.962-0.17-1.883-0.482-2.737 0.124 0.074 0.248 0.15 0.371 0.228v0zM16 13c0 1.657-1.343 3-3 3s-3-1.343-3-3 1.343-3 3-3 3 1.343 3 3z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .front-page--detail .follow .follow-facebook span, .icon-sm-facebook, .zone-footer .follow-facebook span { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2724%27 height=%2728%27 viewBox=%270 0 24 28%27%3E%3Ctitle%3Esm-facebook%3C/title%3E%3Cpath d=%27M19.5 2c2.484 0 4.5 2.016 4.5 4.5v15c0 2.484-2.016 4.5-4.5 4.5h-2.938v-9.297h3.109l0.469-3.625h-3.578v-2.312c0-1.047 0.281-1.75 1.797-1.75l1.906-0.016v-3.234c-0.328-0.047-1.469-0.141-2.781-0.141-2.766 0-4.672 1.687-4.672 4.781v2.672h-3.125v3.625h3.125v9.297h-8.313c-2.484 0-4.5-2.016-4.5-4.5v-15c0-2.484 2.016-4.5 4.5-4.5h15z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .zone-footer .follow-instagram span { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2724%27 height=%2728%27 viewBox=%270 0 24 28%27%3E%3Ctitle%3Esm-instagram%3C/title%3E%3Cpath d=%27M16 14c0-2.203-1.797-4-4-4s-4 1.797-4 4 1.797 4 4 4 4-1.797 4-4zM18.156 14c0 3.406-2.75 6.156-6.156 6.156s-6.156-2.75-6.156-6.156 2.75-6.156 6.156-6.156 6.156 2.75 6.156 6.156zM19.844 7.594c0 0.797-0.641 1.437-1.437 1.437s-1.437-0.641-1.437-1.437 0.641-1.437 1.437-1.437 1.437 0.641 1.437 1.437zM12 4.156c-1.75 0-5.5-0.141-7.078 0.484-0.547 0.219-0.953 0.484-1.375 0.906s-0.688 0.828-0.906 1.375c-0.625 1.578-0.484 5.328-0.484 7.078s-0.141 5.5 0.484 7.078c0.219 0.547 0.484 0.953 0.906 1.375s0.828 0.688 1.375 0.906c1.578 0.625 5.328 0.484 7.078 0.484s5.5 0.141 7.078-0.484c0.547-0.219 0.953-0.484 1.375-0.906s0.688-0.828 0.906-1.375c0.625-1.578 0.484-5.328 0.484-7.078s0.141-5.5-0.484-7.078c-0.219-0.547-0.484-0.953-0.906-1.375s-0.828-0.688-1.375-0.906c-1.578-0.625-5.328-0.484-7.078-0.484zM24 14c0 1.656 0.016 3.297-0.078 4.953-0.094 1.922-0.531 3.625-1.937 5.031s-3.109 1.844-5.031 1.937c-1.656 0.094-3.297 0.078-4.953 0.078s-3.297 0.016-4.953-0.078c-1.922-0.094-3.625-0.531-5.031-1.937s-1.844-3.109-1.937-5.031c-0.094-1.656-0.078-3.297-0.078-4.953s-0.016-3.297 0.078-4.953c0.094-1.922 0.531-3.625 1.937-5.031s3.109-1.844 5.031-1.937c1.656-0.094 3.297-0.078 4.953-0.078s3.297-0.016 4.953 0.078c1.922 0.094 3.625 0.531 5.031 1.937s1.844 3.109 1.937 5.031c0.094 1.656 0.078 3.297 0.078 4.953z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .icon-sm-email, .zone-footer .follow-newsletter span { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2724%27 height=%2728%27 viewBox=%270 0 24 28%27%3E%3Ctitle%3Eenvelope-square%3C/title%3E%3Cpath d=%27M19.5 2c2.484 0 4.5 2.016 4.5 4.5v15c0 2.484-2.016 4.5-4.5 4.5h-15c-2.484 0-4.5-2.016-4.5-4.5v-15c0-2.484 2.016-4.5 4.5-4.5h15zM20 18.5v-6.813c-0.297 0.328-0.625 0.625-1 0.859-1.469 0.969-2.984 1.875-4.438 2.875-0.734 0.516-1.641 1.078-2.562 1.078v0 0 0 0c-0.922 0-1.828-0.562-2.562-1.078-1.453-1-2.984-1.891-4.438-2.891-0.359-0.234-0.641-0.578-1-0.844v6.813c0 0.828 0.672 1.5 1.5 1.5h13c0.828 0 1.5-0.672 1.5-1.5zM20 9.547c0-0.844-0.625-1.547-1.5-1.547h-13c-0.828 0-1.5 0.672-1.5 1.5 0 0.844 0.875 1.766 1.531 2.203 1.375 0.922 2.797 1.781 4.172 2.688 0.594 0.391 1.578 1.109 2.297 1.109s1.703-0.719 2.297-1.109c1.391-0.906 2.781-1.797 4.172-2.719 0.609-0.406 1.531-1.344 1.531-2.125z%27%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; } .front-page--detail .gift-certificate a:before { background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23434343%27 width=%2730%27 height=%2732%27 viewBox=%270 0 30 32%27%3E%3Ctitle%3Egift%3C/title%3E%3Cpath d=%27M8.098 1.118c-0.668 0.063-1.219 0.224-1.805 0.521-1.475 0.748-2.502 2.155-2.688 3.679-0.066 0.544-0.036 1.029 0.097 1.549 0.213 0.839 0.656 1.586 1.345 2.274 0.502 0.502 1.077 0.92 1.828 1.331l0.204 0.112-6.187 0.008v6.754h12.178l0.003-3.381 0.005-3.38h4.064l0.005 3.38 0.003 3.381h12.178v-6.754l-4.827-0.008 0.080-0.045c0.044-0.026 0.187-0.106 0.317-0.18 0.419-0.234 0.876-0.55 1.219-0.839 0.184-0.154 0.558-0.521 0.709-0.697 0.775-0.896 1.172-1.908 1.172-2.984 0-1.021-0.346-1.972-1.039-2.848-0.151-0.19-0.574-0.61-0.781-0.777-0.408-0.326-0.851-0.582-1.346-0.78-1.364-0.545-2.999-0.406-4.531 0.384-1.044 0.538-2.046 1.387-2.916 2.472-0.548 0.684-1.033 1.446-1.46 2.287l-0.137 0.27-0.177-0.346c-1.413-2.763-3.522-4.676-5.759-5.225-0.45-0.11-0.817-0.159-1.283-0.168-0.178-0.003-0.39 0-0.468 0.008zM9.080 3.845c0.61 0.080 1.097 0.261 1.589 0.592 0.813 0.547 1.555 1.319 2.195 2.286 0.512 0.774 0.984 1.754 1.274 2.646 0.086 0.264 0.172 0.574 0.163 0.585-0.012 0.012-0.428-0.035-0.931-0.104-3.103-0.426-5.424-1.287-6.589-2.446-0.37-0.367-0.594-0.733-0.704-1.145-0.036-0.131-0.041-0.175-0.041-0.411 0-0.227 0.005-0.281 0.032-0.385 0.095-0.346 0.283-0.645 0.609-0.976 0.391-0.393 0.851-0.6 1.488-0.669 0.131-0.014 0.733 0.005 0.914 0.029zM23.441 3.822c0.348 0.039 0.621 0.115 0.891 0.249 0.213 0.106 0.387 0.237 0.583 0.443 0.319 0.334 0.512 0.672 0.598 1.052 0.017 0.074 0.024 0.178 0.024 0.341 0 0.202-0.006 0.254-0.039 0.379-0.070 0.263-0.202 0.533-0.385 0.778-0.125 0.169-0.447 0.493-0.65 0.653-0.178 0.142-0.561 0.399-0.78 0.524-1.257 0.719-3.106 1.254-5.418 1.57-0.503 0.069-0.981 0.121-0.993 0.11-0.015-0.015 0.063-0.292 0.199-0.698 0.37-1.117 0.873-2.097 1.511-2.946 0.757-1.006 1.81-1.899 2.606-2.207 0.456-0.177 0.899-0.254 1.481-0.26 0.128-0.002 0.296 0.005 0.37 0.012z%27%3E%3C/path%3E%3Cpath d=%27M3.596 26.161v4.737h9.473v-9.473h-9.473v4.737z%27%3E%3C/path%3E%3Cpath d=%27M17.148 26.161v4.737h9.473v-9.473h-9.473v4.737z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } /*ul.accommodationlist > .accommodationlist-item.notShownBefore .icon-shownBefore { background-image: @icon-eye-slash; background-repeat: no-repeat; }*/ .consent-detail .content { background-color: #fff; padding: 10px; margin-bottom: 20px; overflow: hidden; } .consent-detail .content-a { margin: 0 auto 20px auto; max-width: 1000px; } .consent-detail .consent-box-details { padding: 10px; border: 1px solid lightgray; margin: 20px 0; } .consent-detail .consent-box-details table { margin-top: 5px; width: 100%; } .consent-detail .consent-box-details td, .consent-detail .consent-box-details th { padding: 3px 5px 3px 0; text-align: left; } .consent-detail .consent-box-details td:nth-of-type(2), .consent-detail .consent-box-details td:nth-of-type(3) { white-space: nowrap; } .consent-detail .consent-box-details .consent-category-name, .consent-detail .consent-box-details .consent-functionality-name { font-weight: bold; } .consent-detail .consent-box-details .consent-category-name { font-size: larger; } .consent-detail .consent-box-details .consent-category { margin-bottom: 10px; } .consent-detail .consent-box-details .consent-functionality { margin-top: 5px; } .consent-detail .consent-box-details table { font-size: smaller; } .consent-detail .consent-box-details h3 { margin: 0.4em 0; } .icon-helpscout { background-position: -38px -2px; } #beacon-container { z-index: 2; } .accommodation-social-media { float: right; height: 1.4em; } .accommodation-social-media span { vertical-align: middle; } .accommodation-social-media a { width: 20px; height: 20px; background-size: 20px 20px; background-position: center; display: inline-block; overflow: hidden; text-indent: 999px; vertical-align: middle; margin-left: 6px; } #hints-container { position: relative; margin-bottom: 20px; } #hints-container:not(:has(*)) { margin-bottom: 0; } #hints-container.hints-container-fade .hint { position: relative; min-height: 30px; padding-left: 40px; } #hints-container.hints-container-fade .hint:first-child { padding-top: 10px; margin-top: 0; } #hints-container.hints-container-fade .hint:last-child { padding-bottom: 10px; margin-bottom: 0; } #hints-container.hints-container-fade .hint .hint-identity { position: absolute; left: 0; margin-top: 3px; } #hints-container.hints-container-fade .hint .hint-identity span { font-size: 0.857em; box-sizing: border-box; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-weight: bold; cursor: pointer; } #hints-container.hints-container-fade .hint .hint-header span { font-size: 0.857em; font-weight: bold; color: inherit; text-decoration: underline; cursor: pointer; } #hints-container.hints-container-fade .hint .hint-body { font-size: 0.714em; line-height: 1.2em; } #hints-container.hints-container-fade .hint .hint-hide { box-sizing: border-box; font-size: 0.714em; float: right; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-position: center; background-size: 9px; width: 20px; height: 20px; overflow: hidden; margin-top: 5px; cursor: pointer; } #hints-container { color: #fff; } #hints-container.hints-container-fade .hints-container-list { background-color: #358507; } #hints-container.hints-container-fade .hint { margin: 10px; animation: hints-blink 1s; } #hints-container.hints-container-fade .hint .hint-identity span { border: 1px solid #fff; background-color: #358507; color: #fff; text-indent: 999px; background-position: center; background-size: 15px; overflow: hidden; } #hints-container.hints-container-fade .hint .hint-hide { border: 1px solid #fff; text-indent: -9999px; } @keyframes hints-blink { 0% { opacity: 0; } 25% { opacity: 0.9; } 50% { opacity: 0.5; } 60% { opacity: 1; } 80% { opacity: 0.6; } 100% { opacity: 1; } } .hinttarget-container { position: relative; height: 0px; } .hinttarget-container a { font-size: 0.857em; position: absolute; display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #000; font-weight: bold; top: 0px; right: 0; text-indent: 999px; background-position: center; background-size: 12px; overflow: hidden; } .hinttarget-container a span { display: inline-block; color: #fff; } .hinttarget-container a { background-color: #358507; } .hinttarget-container a span { color: #000; } .js .searchform div.date .hinttarget-container a { right: -30px; } #guides-container { position: relative; margin-bottom: 20px; } #guides-container:not(:has(*)) { margin-bottom: 0; } #guides-container.guides-container-fade { background-color: #fff; } #guides-container.guides-container-fade #guides-show, #guides-container.guides-container-fade #guides-hide { box-sizing: border-box; position: absolute; right: 10px; top: 3px; background-position: center; background-size: 16px; width: 20px; height: 20px; text-indent: 999px; z-index: 1; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #000; } #guides-container.guides-container-fade #guides-header { background-color: #fff; line-height: 26px; padding-right: 30px; padding-left: 25px; display: block; color: inherit; cursor: pointer; text-decoration: none; } #guides-container.guides-container-fade #guides-header:before { content: ""; display: inline-block; height: 20px; width: 10px; background-position: center; background-size: 14px; position: absolute; left: 10px; top: 3px; box-sizing: border-box; } #guides-container.guides-container-fade #guides-container-list { font-size: 0.857em; padding: 0 10px 10px 10px; } #guides-container.guides-container-fade #guides-container-list .guide { margin-top: 3px; } #guides-container.guides-container-fade #guides-container-list .guide a { color: inherit; } #guides-container.hideall #guides-container-list { display: none; } #guides-container.hideall #guides-hide, #guides-container.hideall #guides-show-all { display: none; } #guides-container.showall #guides-hide { right: 10px; bottom: 12px; } #guides-container.showall #guides-show-all { display: none; } .questionnaire-modal .modal-background { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(10, 10, 10, 0.4); } .questionnaire-modal .modal { position: fixed; bottom: 0; right: 0; width: 400px; max-width: 100vw; background-color: #fff; box-shadow: 2px 2px 14px 2px #434343; border: 1px solid #434343; box-sizing: border-box; } .questionnaire-modal .modal .titel { font-size: 1.2em; font-weight: bold; background-color: #007bc2; padding: 10px; color: #fff; } .questionnaire-modal .modal .body { max-height: 80vh; overflow: auto; margin: 10px; } .questionnaire-modal .modal .footer { margin: 10px; text-align: right; } .questionnaire-modal .modal .footer input[type=button] { height: 35px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 0 20px; line-height: 35px; box-sizing: border-box; margin-right: 20px; } .questionnaire-modal .modal .footer input[type=button].button-ok { border: 1px solid #ffcd00; background-color: #ffcd00; } .questionnaire-modal .modal .footer input[type=button].button-close { background-color: #fff; border: none; text-decoration: underline; } .accordion .card { overflow: hidden; } .accordion .card .card-header { padding: 3px 0; background: none; } .accordion .card .card-header { /* border-bottom: 1px solid rgba(0,0,0,.125); margin-bottom: -1px;*/ } .accordion .card .card-body { padding: 0.45em 0 0; } .accordion .card .btn-link { font-weight: 400; text-decoration: underline; background: none; border-radius: 0; height: auto; border: none; } .accordion .card .btn-link { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; font-weight: 900; text-align: left; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; white-space: normal; } .accordion .card .btn-link.focus, .accordion .card .btn-link:focus { text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; } .accordion .card .btn-link:hover { text-decoration: underline; } .accordion .card .btn-link:after { position: relative; left: 13px; top: 3px; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 fill=%27%434343%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12.706 6.294a1.001 1.001 0 00-1.416 0L1.04 16.544l1.416 1.416L12 8.416l9.544 9.544 1.416-1.416-10.253-10.25z%27/%3E%3C/svg%3E"); content: ""; } .accordion .card .btn-link.collapsed:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 fill=%27%434343%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M21.544 6.044L12 15.585 2.456 6.044 1.04 7.46l10.25 10.25a.999.999 0 001.412 0l10.25-10.25-1.409-1.416z%27/%3E%3C/svg%3E"); } .collapse:not(.show) { display: none; } .collapsing { -webkit-transition: none; transition: none; display: none; } .popup-message-box { position: fixed; left: 30px; bottom: 0; background-color: #ffcd00; color: #fff; width: 350px; max-width: 100%; box-sizing: border-box; padding: 0; max-height: 100%; overflow: auto; box-shadow: 0 0 20px #111; transition: max-height 0s ease-in-out, opacity 0s cubic-bezier(0.5, 0, 1, 0.5); } .popup-message-box .popup-message-box__image { width: 100%; box-sizing: border-box; padding: 20px; } .popup-message-box .popup-message-box__image img { width: 100%; } .popup-message-box .popup-message-box__text { padding: 0 20px 20px; color: #000; text-align: center; } .popup-message-box .popup-message-box__text .popup-message-box__text__title { font-size: 1.7em; line-height: 1.2em; padding: 10px; } .popup-message-box .popup-message-box__text .popup-message-box__text__title .popup-message-box__text__title__long { display: inline; } .popup-message-box .popup-message-box__text .popup-message-box__text__title .popup-message-box__text__title__short { display: none; } .popup-message-box .popup-message-box__text .popup-message-box__text__form .error { border: 2px solid red; } .popup-message-box .popup-message-box__text .popup-message-box__text__form input[type=text] { width: 90%; margin: 10px 0; } .popup-message-box .popup-message-box__text .popup-message-box__text__form button { margin: 10px 0; text-align: center; padding: 0px 15px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #fff; font-weight: bold; height: 35px; background-color: #434343; border: 2px solid #434343; background-size: 20px; background-position: right 10px center; padding-right: 40px; } .popup-message-box .popup-message-box__close { position: absolute; width: 40px; height: 40px; top: 0; right: 0; background-position: center; background-size: 11px; cursor: pointer; background-color: inherit; border-radius: 20px; } .popup-message-box.small { padding: 0; } .popup-message-box.small .popup-message-box__image { display: none; } .popup-message-box.small .popup-message-box__text { padding: 0 20px; } .popup-message-box.small .popup-message-box__text .popup-message-box__text__paragraph, .popup-message-box.small .popup-message-box__text .popup-message-box__text__form { display: none; } .popup-message-box.small .popup-message-box__text .popup-message-box__text__title { padding: 0; cursor: pointer; height: 1.7em; line-height: 1.7em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 25px; font-size: 1.5em; } .popup-message-box.small .popup-message-box__text .popup-message-box__text__title .popup-message-box__text__title__long { display: none; } .popup-message-box.small .popup-message-box__text .popup-message-box__text__title .popup-message-box__text__title__short { display: inline; } .popup-message-box.small .popup-message-box__close { height: 100%; right: initial; left: 0px; } .popup-message-box.hide { transition: max-height 0s ease-in-out, opacity 0s cubic-bezier(0.5, 0, 1, 0.5); max-height: 0; padding: 0; opacity: 0; } .popup-message-box.slow-transition { transition: max-height 1s ease-in-out, opacity 1s cubic-bezier(0.5, 0, 1, 0.5); } @media (max-width: 450px) { .popup-message-box { left: 3%; width: 94%; } } .geography-reviews { padding: 10px; margin: 0 auto; max-width: 1000px; } .geography-reviews .review:first-child { margin-top: 0; } .geography-reviews .review-text { margin: 6px 0; } .geography-reviews .review-header { justify-content: flex-start; } .geography-reviews .js-showMoreReviews { margin-top: 1.5em; } .stars--geographyreview { --star-count: 5; --star-fill-color: #007bc2; } .review-source { display: flex; column-gap: 16px; flex-wrap: wrap; justify-content: flex-end; } .review-source span { display: flex; flex-direction: row-reverse; gap: 4px; } .review-source span span { width: 1em; height: 1em; text-indent: 100px; overflow: hidden; white-space: nowrap; display: inline-block; color: gray; } .review-date { white-space: nowrap; min-width: 110px; } .review-source .review-duration span { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27gray%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27m18.14925,20.87325c-2.055,-1.4745,-3.89925,-3.03375,-3.89925,-5.87325s1.84425,-4.39875,3.89925,-5.87325c0.441,-0.3165,0.66075,-0.82875,0.58725,-1.37175,-0.07425,-0.549,-0.44175,-1.01025,-0.96,-1.20225,-1.02525,-0.38025,-2.547,-0.55275,-3.5265,-0.55275C9.20325,6,5.25,9.95325,5.25,15s3.95325,9,9,9c0.9795,0,2.50125,-0.1725,3.5265,-0.55275,0.51825,-0.192,0.8865,-0.6525,0.96,-1.20225,0.0735,-0.543,-0.14625,-1.05525,-0.58725,-1.37175Z%27/%3E%3C/svg%3E"); } .review-source .review-adults span { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27gray%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M18.5,5c1.38,0,2.5-1.12,2.5-2.5s-1.12-2.5-2.5-2.5-2.5,1.12-2.5,2.5,1.12,2.5,2.5,2.5Zm0-4m5.47,16.15l-1.66-8.04c-.37-1.8-1.97-3.11-3.81-3.11s-3.44,1.31-3.81,3.11l-1.67,8.08c-.09,.71,.13,1.43,.61,1.96,.47,.54,1.16,.85,1.87,.85h.5v3.5c0,.28,.22,.5,.5,.5s.5-.22,.5-.5v-3.5h3v3.5c0,.28,.22,.5,.5,.5s.5-.22,.5-.5v-3.5h.5c.72,0,1.4-.31,1.87-.85,.47-.54,.7-1.25,.6-2ZM5.5,5c1.38,0,2.5-1.12,2.5-2.5S6.88,0,5.5,0,3,1.12,3,2.5s1.12,2.5,2.5,2.5Zm0-4m1,5h-2c-1.93,0-3.5,1.57-3.5,3.5v4c0,1.39,.82,2.6,2,3.16v6.84c0,.28,.22,.5,.5,.5s.5-.22,.5-.5v-6.54c.16,.02,.33,.04,.5,.04h2c.17,0,.34-.01,.5-.04v6.54c0,.28,.22,.5,.5,.5s.5-.22,.5-.5v-6.84c1.18-.56,2-1.77,2-3.16v-4c0-1.93-1.57-3.5-3.5-3.5Z%27/%3E%3C/svg%3E"); } .review-source .review-children span { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27gray%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M16.875,9.75c1.035,0,1.875,-0.84,1.875,-1.875s-0.84,-1.875,-1.875,-1.875,-1.875,0.84,-1.875,1.875,0.84,1.875,1.875,1.875Zm0,-3m4.1025,12.1125l-1.245,-6.03c-0.2775,-1.35,-1.4775,-2.3325,-2.8575,-2.3325s-2.58,0.9825,-2.8575,2.3325l-1.2525,6.06c-0.0675,0.5325,0.0975,1.0725,0.4575,1.47,0.3525,0.405,0.87,0.6375,1.4025,0.6375h0.375v2.625c0,0.21,0.165,0.375,0.375,0.375s0.375,-0.165,0.375,-0.375v-2.625h2.25v2.625c0,0.21,0.165,0.375,0.375,0.375s0.375,-0.165,0.375,-0.375v-2.625h0.375c0.54,0,1.05,-0.2325,1.4025,-0.6375,0.3525,-0.405,0.525,-0.9375,0.45,-1.5ZM7.125,9.75c1.035,0,1.875,-0.84,1.875,-1.875S8.16,6,7.125,6,5.25,6.84,5.25,7.875s0.84,1.875,1.875,1.875Zm0,-3m0.75,3.75h-1.5c-1.4475,0,-2.625,1.1775,-2.625,2.625v3c0,1.0425,0.615,1.95,1.5,2.37v5.13c0,0.21,0.165,0.375,0.375,0.375s0.375,-0.165,0.375,-0.375v-4.905c0.12,0.015,0.2475,0.03,0.375,0.03h1.5c0.1275,0,0.255,-0.0075,0.375,-0.03v4.905c0,0.21,0.165,0.375,0.375,0.375s0.375,-0.165,0.375,-0.375v-5.13c0.885,-0.42,1.5,-1.3275,1.5,-2.37v-3c0,-1.4475,-1.1775,-2.625,-2.625,-2.625Z%27/%3E%3C/svg%3E"); } .review-source .review-pets span { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27gray%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27m19.5885,9.75c-0.3825,0,-0.7335,-0.225,-0.8925,-0.573,-0.25875,-0.56325,-0.86775,-0.927,-1.5525,-0.927h-0.6435V6.70575c0,-0.225,-0.108,-0.441,-0.2895,-0.5775,-0.177,-0.13275,-0.39825,-0.174,-0.6075,-0.11475,-0.7845,0.2265,-1.35375,1.0095,-1.35375,1.86075v1.317l-0.7455,2.0655c-0.1605,0.44475,-0.58575,0.74325,-1.05825,0.74325l-3.82575,0.00225c-1.28025,0,-2.4255,0.588,-3.18225,1.506,-0.29475,-0.17475,-1.69125,-1.1235,-1.69125,-3.384,0,-0.207,-0.168,-0.375,-0.375,-0.375S2.99775,9.918,2.99775,10.125C2.99775,12.6825,4.53075,13.83,5.016,14.12925c-0.32925,0.5925,-0.5175,1.27425,-0.5175,1.99875l0.0015,6.0015c0,1.03275,0.8415,1.8735,1.87425,1.8735s1.87425,-0.84075,1.87425,-1.87425v-2.6295l5.25225,-0.00225v2.62875c0,1.0335,0.84075,1.87425,1.87875,1.87425s1.87425,-0.84075,1.87425,-1.87425l-0.006,-2.55825,0.9225,-5.01075c0.033,-0.17775,0.1875,-0.30675,0.369,-0.30675,1.3575,0,2.46225,-1.10475,2.46225,-2.46225v-0.53775c0,-1.10025,-0.84375,-1.5,-1.4115,-1.5z%27/%3E%3C/svg%3E"); } .review-location::after { content: ''; width: 1em; height: 1em; color: gray; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27gray%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12,10.5a3,3,0,1,0,3,3A3,3,0,0,0,12,10.5ZM12,24a3.95325,3.95325,0,0,1,-3.23325,-1.65c-2.85825,-3.94275,-4.308,-6.90675,-4.308,-8.81025a7.54125,7.54125,0,0,1,15.0825,0c0,1.9035,-1.44975,4.8675,-4.308,8.81025A3.95325,3.95325,0,0,1,12,24Z%27/%3E%3C/svg%3E"); } .review { margin: 32px 0 0 0; font-style: normal; /* Undoing global blockqoute styling */ font-size: 1rem; font-family: unset; color: unset; text-align: left; } .review-header { font-size: 14px; display: flex; gap: 32px; justify-content: space-between; } .review-text { margin-top: 8px; font-style: italic; line-height: 1.4; } .review-text::before { content: '\275D'; } .review-text::after { content: "\275E"; } .review-stars { white-space: nowrap; } .reviews { display: flex; flex-direction: column; text-align: left; } .review-comments { text-align: center; } .review-comments a { color: inherit; } html.js .js-action[data-link]:not([data-link='']) { color: inherit; display: inline-block; cursor: pointer; text-decoration: underline; } html.js .js-action[data-link]:not([data-link='']):visited, html.js .js-action[data-link]:not([data-link='']):hover { color: inherit; } html.js .js-action[data-link]:not([data-link=''])::after { content: attr(data-text); } .partner-deals { display: grid; } .partner-deals--v1 { grid-template: "partner-deals-header" "partner-deals-items" / 1fr; } .partner-deals--v1 .partner-deals__header { padding: 0.4em 10px; } .partner-deals--v1 .partner-deals__header h2 { max-width: 1000px; margin: 0 auto; } .partner-deals--v1 .partner-deals__items { margin: 0 auto 20px auto; max-width: 1000px; } .partner-deals--v2 { margin: 0 auto 20px auto; max-width: 1000px; row-gap: 32px; column-gap: 16px; grid-template: "partner-deals-items partner-deals-filters" "partner-deals-pager partner-deals-filters" / 1fr 200px; } @media all and (max-width: 800px) { .partner-deals--v2 { grid-template: "partner-deals-items" "partner-deals-pager" "partner-deals-filters" / 1fr; } } .partner-deals__header { grid-area: partner-deals-header; } .partner-deals__items { grid-area: partner-deals-items; display: flex; flex-direction: column; row-gap: 32px; } .partner-deals__filters { grid-area: partner-deals-filters; } .partner-deals__filters .article-filter-teaser { background-color: #fff; padding: 10px; } .partner-deals__filters .article-filter-teaser > div { font-weight: bold; margin-bottom: 3px; font-size: 1.2em; } .partner-deals__filters .article-filter-teaser ul, .partner-deals__filters .article-filter-teaser li { margin: 0; padding: 0; } .partner-deals__filters .article-filter-teaser li { list-style: none; } .partner-deals__filters .article-filter-teaser li a { font-weight: normal; text-decoration: none; } .partner-deals__filters .article-filter-teaser li a:hover { text-decoration: underline; } .partner-deals__pager { grid-area: partner-deals-pager; } .partner-deals__pager .pager-center { margin-top: 0; } .partner-deal { background-color: #fff; padding: 24px; } .partner-deal__logo { float: right; width: 200px; margin: 0 0 24px 24px; } .partner-deal__logo img { width: 100%; height: 100%; } @media (max-width: 500px) { .partner-deal__logo { float: none; width: 100%; max-width: 350px; margin: 0 auto 32px; } } .partner-deal__link { text-align: center; margin: 16px auto 0; clear: both; } .partner-deals-link { margin: 0 auto 20px auto; max-width: 1000px; background-color: #434343; color: #fff; padding: 10px; box-sizing: border-box; display: grid; column-gap: 40px; grid-template: "partner-deal-link-header partner-deal-link-link" "partner-deal-link-text partner-deal-link-link" / 1fr auto; } .partner-deals-link__header { grid-area: partner-deal-link-header; } .partner-deals-link__header h3 { margin: 0.4em 0; padding: 0; line-height: 1; font-size: 1.714em; } .partner-deals-link__text { grid-area: partner-deal-link-text; } .partner-deals-link__link { grid-area: partner-deal-link-link; place-content: center; } @media all and (max-width: 700px) { .partner-deals-link { grid-template: "partner-deal-link-header " "partner-deal-link-text" "partner-deal-link-link" / 1fr; } .partner-deals-link__link { margin-top: 10px; } } .share { display: none; position: relative; float: right; z-index: 4; } html.js .share { display: inline-flex; } html.can-share .share-btn--share { display: flex; } .share__body { display: none; flex-direction: column; gap: 16px; position: absolute; right: -4px; top: calc(100% + 12px); padding: 16px; border-radius: 5px; border: 1px solid #ededed; background-color: #fff; box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.1); z-index: 1; } .share__body::after { position: absolute; content: ""; width: 14px; height: 14px; top: -8px; right: 30px; background-color: #fff; transform: rotate(-45deg); box-shadow: rgba(166, 166, 166, 0.2) 1px -1px 0px 0px, rgba(166, 166, 166, 0.2) 0px 0px 0px 0px; z-index: 2; } .share.is-open .share__body { display: flex; } .share-btn { cursor: pointer; display: flex; gap: 5px; white-space: nowrap; background: transparent; border: 0; color: #222; font-size: inherit; font-family: inherit; transition: all 0.15s ease-in-out; padding: 0; text-decoration: none; align-items: center; } .share-btn::before { content: ''; display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 100%; } .share-btn:hover { color: #222 !important; } .share-btn:hover, .share-btn:focus, .share-btn:focus-visible { text-decoration: underline; outline: none; } .share-btn__toggle { align-items: center; } .share-btn__toggle::before { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.68439 10.6578L15.3124 7.34378M15.3156 16.6578L8.69379 13.3469M21 6C21 7.65685 19.6569 9 18 9C16.3431 9 15 7.65685 15 6C15 4.34315 16.3431 3 18 3C19.6569 3 21 4.34315 21 6ZM9 12C9 13.6569 7.65685 15 6 15C4.34315 15 3 13.6569 3 12C3 10.3431 4.34315 9 6 9C7.65685 9 9 10.3431 9 12ZM21 18C21 19.6569 19.6569 21 18 21C16.3431 21 15 19.6569 15 18C15 16.3431 16.3431 15 18 15C19.6569 15 21 16.3431 21 18Z%27 stroke=%27%23434343%27 stroke-width=%271.5%27/%3E%3C/svg%3E"); } .share-btn--share { display: none; } .share-btn--share::before { background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 13L20 18C20 19.1046 19.1046 20 18 20L6 20C4.89543 20 4 19.1046 4 18L4 13%27 stroke=%27%23434343%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M16 8L12 4M12 4L8 8M12 4L12 16%27 stroke=%27%23434343%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"); } .share-btn--copy::before { background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M19.5 16.5L19.5 4.5L18.75 3.75H9L8.25 4.5L8.25 7.5L5.25 7.5L4.5 8.25V20.25L5.25 21H15L15.75 20.25V17.25H18.75L19.5 16.5ZM15.75 15.75L15.75 8.25L15 7.5L9.75 7.5V5.25L18 5.25V15.75H15.75ZM6 9L14.25 9L14.25 19.5L6 19.5L6 9Z%27 fill=%27%23434343%27/%3E%3C/svg%3E"); } .share-btn--copy.has-copied::before { background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4 12.6111L8.92308 17.5L20 6.5%27 stroke=%27%23434343%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"); } .share-btn--facebook::before { background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6ZM6 4C4.89543 4 4 4.89543 4 6V18C4 19.1046 4.89543 20 6 20H12V13H11C10.4477 13 10 12.5523 10 12C10 11.4477 10.4477 11 11 11H12V9.5C12 7.567 13.567 6 15.5 6H16.1C16.6523 6 17.1 6.44772 17.1 7C17.1 7.55228 16.6523 8 16.1 8H15.5C14.6716 8 14 8.67157 14 9.5V11H16.1C16.6523 11 17.1 11.4477 17.1 12C17.1 12.5523 16.6523 13 16.1 13H14V20H18C19.1046 20 20 19.1046 20 18V6C20 4.89543 19.1046 4 18 4H6Z%27 fill=%27%23434343%27%3E%3C/path%3E%3C/svg%3E"); } .share-btn--email::before { background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z%27 fill=%27%23434343%27%3E%3C/path%3E%3C/svg%3E"); } .disclaimer-container { display: flex; justify-content: flex-end; margin: 5px; } .disclaimer-container a { font-size: 12px; color: #aaa; text-decoration: underline; margin-bottom: 0px; display: inline-flex; align-items: center; gap: 4px; line-height: 1; } .disclaimer-container a:visited { color: #aaa; } .disclaimer-container a:hover { color: #222; } .disclaimer-container a::before { content: ''; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724px%27 viewBox=%270 -960 960 960%27 width=%2724px%27 fill=%27%23aaa%27%3E%3Cpath d=%27M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z%27/%3E%3C/svg%3E"); background-size: contain; } @media all and (max-width: 1000px) { .disclaimer-container { margin-right: 5px; } } @media print { .disclaimer-container { display: none; } } .visually-hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; display: block; } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }