@charset "UTF-8";.ce-align-left{text-align:left}.ce-align-center{text-align:center}.ce-align-right{text-align:right}.ce-table td,.ce-table th{vertical-align:top}.ce-textpic,.ce-image,.ce-nowrap .ce-bodytext,.ce-gallery,.ce-row,.ce-uploads li,.ce-uploads div{overflow:hidden}.ce-left .ce-gallery,.ce-column{float:left}.ce-center .ce-outer{position:relative;float:right;right:50%}.ce-center .ce-inner{position:relative;float:right;right:-50%}.ce-right .ce-gallery{float:right}.ce-gallery figure{display:table;margin:0}.ce-gallery figcaption{display:table-caption;caption-side:bottom}.ce-gallery img{display:block}.ce-gallery iframe{border-width:0}.ce-border img,.ce-border iframe{border:2px solid #000;padding:0}.ce-intext.ce-right .ce-gallery,.ce-intext.ce-left .ce-gallery,.ce-above .ce-gallery{margin-bottom:10px}.ce-image .ce-gallery{margin-bottom:0}.ce-intext.ce-right .ce-gallery{margin-left:10px}.ce-intext.ce-left .ce-gallery{margin-right:10px}.ce-below .ce-gallery{margin-top:10px}.ce-column{margin-right:10px}.ce-column:last-child{margin-right:0}.ce-row{margin-bottom:10px}.ce-row:last-child{margin-bottom:0}.ce-above .ce-bodytext{clear:both}.ce-intext.ce-left ol,.ce-intext.ce-left ul{padding-left:40px;overflow:auto}.ce-headline-left{text-align:left}.ce-headline-center{text-align:center}.ce-headline-right{text-align:right}.ce-uploads{margin:0;padding:0}.ce-uploads li{list-style:none outside none;margin:1em 0}.ce-uploads img{float:left;padding-right:1em;vertical-align:top}.ce-uploads span{display:block}.ce-table{width:100%;max-width:100%}.ce-table th,.ce-table td{padding:.5em .75em;vertical-align:top}.ce-table thead th{border-bottom:2px solid #dadada}.ce-table th,.ce-table td{border-top:1px solid #dadada}.ce-table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.ce-table-bordered th,.ce-table-bordered td{border:1px solid #dadada}.frame-space-before-extra-small{margin-top:1em}.frame-space-before-small{margin-top:2em}.frame-space-before-medium{margin-top:3em}.frame-space-before-large{margin-top:4em}.frame-space-before-extra-large{margin-top:5em}.frame-space-after-extra-small{margin-bottom:1em}.frame-space-after-small{margin-bottom:2em}.frame-space-after-medium{margin-bottom:3em}.frame-space-after-large{margin-bottom:4em}.frame-space-after-extra-large{margin-bottom:5em}.frame-ruler-before:before{content:'';display:block;border-top:1px solid rgba(0,0,0,.25);margin-bottom:2em}.frame-ruler-after:after{content:'';display:block;border-bottom:1px solid rgba(0,0,0,.25);margin-top:2em}.frame-indent{margin-left:15%;margin-right:15%}.frame-indent-left{margin-left:33%}.frame-indent-right{margin-right:33%}.ui-helper-hidden-accessible{display:none}.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{background-color:#fff}.accordionjs{position:relative;margin:0;padding:0;list-style:none}.accordionjs .acc_section{position:relative;z-index:10;overflow:hidden;margin:0;padding:0}.accordionjs .acc_section .acc_head{position:relative;cursor:pointer}.accordionjs .acc_section.acc_active>.acc_content{display:block}.tx-hiroki-faq *{outline:none!important}.tx-hiroki-faq .faqFilter{display:flex}:root{--snowflake-icon:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 14 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-12 -11)' fill='%23000000' fill-rule='nonzero'%3E%3Cg transform='translate(12 11)'%3E%3Cpath d='m13.959 8.4964c0.11654 0.27407-0.02154 0.58648-0.30845 0.69785l-1.5583 0.60538 1.4422 0.82779c0.26899 0.14674 0.36247 0.47394 0.20891 0.73089-0.15362 0.25694-0.49616 0.34624-0.76515 0.19955-0.007229-0.0039659-0.01436-0.0080717-0.021443-0.012318l-1.4421-0.8277 0.17208 1.5991c0.026669 0.29478-0.20187 0.55438-0.51047 0.57986-0.30161 0.024915-0.56948-0.18336-0.60518-0.47049l-0.258-2.3981-2.7559-1.5814v3.0711l2.019 1.4464c0.24779 0.17753 0.298 0.51332 0.11215 0.75002-0.18585 0.23669-0.53738 0.28466-0.78517 0.10713l-1.346-0.96427v1.6072c0 0.29585-0.25111 0.53572-0.56083 0.53572s-0.56083-0.23987-0.56083-0.53572v-1.6072l-1.346 0.96427c-0.24779 0.17753-0.59932 0.12957-0.78517-0.10713-0.18585-0.23669-0.13564-0.57249 0.11215-0.75002l2.019-1.4464v-3.0711l-2.7557 1.5818-0.258 2.3981c-0.026669 0.29478-0.29844 0.51309-0.60704 0.48762s-0.53714-0.28508-0.51047-0.57986c5.3729e-4 -0.0056922 0.0011234-0.011431 0.0018561-0.017123l0.17208-1.5991-1.4421 0.8277c-0.26185 0.15803-0.60826 0.083377-0.77369-0.16675-0.16544-0.25013-0.087285-0.58102 0.17457-0.73905 0.0070336-0.0042458 0.014214-0.0083517 0.021443-0.012318l1.4422-0.82779-1.5583-0.60538c-0.28506-0.11576-0.41791-0.43032-0.29673-0.70261 0.11845-0.26618 0.43672-0.39449 0.71899-0.28988l2.3378 0.90814 2.8052-1.6104-2.8055-1.6102-2.3378 0.90842c-0.28877 0.10703-0.61368-0.029861-0.72573-0.3057-0.10951-0.26963 0.024813-0.57365 0.30347-0.6868l1.5583-0.60538-1.4421-0.82798c-0.26899-0.14674-0.36247-0.47394-0.20891-0.73084 0.15362-0.25694 0.49616-0.34624 0.7651-0.19955 0.007229 0.0039659 0.01436 0.0080717 0.021443 0.012318l1.4421 0.8277-0.17208-1.5991c-0.031602-0.29431 0.19254-0.55741 0.50065-0.5876s0.58354 0.18392 0.61515 0.47824l0.258 2.3981 2.7559 1.5817v-3.0712l-2.019-1.4464c-0.24788-0.17744-0.29824-0.51318-0.11249-0.74997 0.18575-0.23679 0.53724-0.28489 0.78512-0.10745 1.4653e-4 9.331e-5 2.4422e-4 1.8663e-4 3.9075e-4 2.7994e-4l1.346 0.96427v-1.6071c-4.884e-5 -0.29585 0.25106-0.53572 0.56078-0.53572s0.56083 0.23987 0.56083 0.53572v1.6072l1.346-0.96427c0.24779-0.17753 0.59932-0.12957 0.78517 0.10713 0.18585 0.23669 0.13564 0.57249-0.11215 0.75002l-2.019 1.4464v3.0711l2.7558-1.5819 0.258-2.3981c0.036536-0.2938 0.31553-0.50367 0.62311-0.46877 0.30064 0.034106 0.51863 0.28998 0.49255 0.57808l-0.17208 1.5991 1.4421-0.8277c0.26185-0.15803 0.60826-0.083377 0.77369 0.1668 0.16544 0.25013 0.087236 0.58102-0.17462 0.73905-0.0070335 0.0042458-0.014165 0.0083517-0.021443 0.012318l-1.4423 0.82779 1.5583 0.60538c0.28506 0.11576 0.41791 0.43032 0.29673 0.70261-0.11845 0.26618-0.43672 0.39449-0.71899 0.28988l-2.3378-0.90814-2.8052 1.6104 2.8055 1.6102 2.3378-0.90814c0.28642-0.1116 0.61334 0.019736 0.73012 0.29333 1.465e-4 2.7995e-4 2.93e-4 6.5321e-4 4.396e-4 9.7981e-4z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");--cycling-icon:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 16 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-13 -11)' fill='%23000000' fill-rule='nonzero'%3E%3Cg transform='translate(13 11)'%3E%3Cpath id='a' d='m10.333 2.7317c0.73334 0 1.3333-0.61463 1.3333-1.3659 0-0.75123-0.6-1.3659-1.3333-1.3659-0.73334 0-1.3333 0.61463-1.3333 1.3659 0 0.75123 0.6 1.3659 1.3333 1.3659z'/%3E%3Cpath id='b' d='m3.3333 7.1707c-1.8333 0-3.3333 1.5366-3.3333 3.4146s1.5 3.4146 3.3333 3.4146 3.3333-1.5366 3.3333-3.4146-1.5-3.4146-3.3333-3.4146zm0 5.8049c-1.3 0-2.3333-1.0585-2.3333-2.3903s1.0333-2.3903 2.3333-2.3903 2.3333 1.0585 2.3333 2.3903-1.0333 2.3903-2.3333 2.3903z'/%3E%3Cpath d='m12.633 6.4536v-1.3659c-1 0-1.8333-0.3756-2.4333-0.99023l-1.3-1.2975c-0.2-0.23903-0.53334-0.40976-0.9-0.40976s-0.7 0.1366-0.93334 0.40976l-1.8333 1.8781c-0.23334 0.23903-0.4 0.58048-0.4 0.95611 0 0.37563 0.16666 0.71707 0.4 0.99023l2.1 1.9122v3.4146h1.3333v-4.2683l-1.4667-1.5024 1.5667-1.639 0.5 0.51219c0.83334 0.88779 2 1.4 3.3667 1.4z'/%3E%3Cpath d='m12.667 7.1707c-1.8333 0-3.3333 1.5366-3.3333 3.4146s1.5 3.4146 3.3333 3.4146c1.8333 0 3.3333-1.5366 3.3333-3.4146s-1.5-3.4146-3.3333-3.4146zm0 5.8049c-1.3 0-2.3333-1.0585-2.3333-2.3903s1.0333-2.3903 2.3333-2.3903 2.3333 1.0585 2.3333 2.3903-1.0333 2.3903-2.3333 2.3903z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");--arrow-up-icon:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12.1 8' style='enable-background:new 0 0 12.1 8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M20,14.4l-4.8,5.2c-0.5,0.5-0.5,1.4,0,2c0.5,.5,1.3,.5,1.8,0l3.9-4.2l3.9,4.2 c0.5,.5,1.3,.5,1.8,0c0.3-0.3,0.4-0.6,0.4-1c0-0.4-0.1-0.7-0.4-1l-4.8-5.2C21.6,14.1,21.3,14,21,14C20.6,14,20.3,14.1,20,14.4 z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--arrow-down-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12.1 8' style='enable-background:new 0 0 12.1 8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M21.8,21.6l4.8-5.2c0.5-0.5,0.5-1.4,0-2c-0.5-0.5-1.3-0.5-1.8,0l-3.9,4.2L17,14.4 c-0.5-0.5-1.3-0.5-1.8,0c-0.3,0.3-0.4,0.6-0.4,1c0,.4,.1,.7,.4,1l4.8,5.2c0.2,.3,.6,.4,.9,.4 C21.3,22,21.6,21.9,21.8,21.6z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--arrow-right-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 12.1' style='enable-background:new 0 0 8 12.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Desktop---Widescreen---w_1600px'%3E%3Cg id='_x30_1a-Startseite' transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M19.4,21l5.2,4.8c0.5,.5,1.4,.5,2,0c0.5-0.5,0.5-1.3,0-1.8l-4.2-3.9l4.2-3.9 c0.5-0.5,0.5-1.3,0-1.8c-0.3-0.3-0.6-0.4-1-0.4c-0.4,0-0.7,0.1-1,0.4l-5.2,4.8C19.1,19.4,19,19.7,19,20 C19,20.4,19.1,20.7,19.4,21z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--arrow-left-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 12.1' style='enable-background:new 0 0 8 12.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M26.6,19.2l-5.2-4.8c-0.5-0.5-1.4-0.5-2,0c-0.5,0.5-0.5,1.3,0,1.8l4.2,3.9L19.4,24 c-0.5,0.5-0.5,1.3,0,1.8c0.3,.3,.6,.4,1,0.4c0.4,0,0.7-0.1,1-0.4l5.2-4.8c0.3-0.2,0.4-0.6,0.4-0.9 C27,19.7,26.9,19.4,26.6,19.2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--minus-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='13px' height='13px' viewBox='0 0 13 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1511,-6514)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='Group-166' transform='translate(124,6491)'%3E%3Cg id='Group-165' transform='translate(1387,23)'%3E%3Cpath d='M6.5,0 C5.82716875,0 5.28125,.54591875 5.28125,1.21875 L5.28125,5.28125 L1.21875,5.28125 C0.54591875,5.28125 0,5.82716875 0,6.5 C0,7.17283125 .54591875,7.71875 1.21875,7.71875 L5.28125,7.71875 L5.28125,11.78125 C5.28125,12.4540812 5.82716875,13 6.5,13 C7.17283125,13 7.71875,12.4540812 7.71875,11.78125 L7.71875,7.71875 L11.78125,7.71875 C12.4540812,7.71875 13,7.17283125 13,6.5 C13,5.82716875 12.4540812,5.28125 11.78125,5.28125 L7.71875,5.28125 L7.71875,1.21875 C7.71875,.54591875 7.17283125,0 6.5,0 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--plus-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='13px' height='3px' viewBox='0 0 13 3' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1512,-6031)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='Group-167' transform='translate(125,5957)'%3E%3Cg id='Group-166' transform='translate(0,46)'%3E%3Cg id='Group-165' transform='translate(1387,28)'%3E%3Cpath d='M5.28125,.28125 L1.21875,.28125 C0.54591875,.28125 0,.82716875 0,1.5 C0,2.17283125 .54591875,2.71875 1.21875,2.71875 L5.28125,2.71875 C5.64519583,2.71875 6.05144583,2.71875 6.5,2.71875 C6.94855417,2.71875 8.70897083,2.71875 11.78125,2.71875 C12.4540813,2.71875 13,2.17283125 13,1.5 C13,.82716875 12.4540813,.28125 11.78125,.28125 L7.71875,.28125 L5.28125,.28125 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--location-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='21px' height='29px' viewBox='0 0 21 29' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M10.1429357,0 C7.45078383,.00339681159 4.87126531,1.10281159 2.9692706,3.05710145 C1.06741718,5.01023188 -5.82112136e-12,7.65855072 -5.82112136e-12,10.4188406 C-5.82112136e-12,16.1672464 10.1429357,29 10.1429357,29 C10.1429357,29 20.3,16.1672464 20.3,10.4188406 L20.2988963,10.4188406 C20.2988963,7.65501449 19.2293033,5.00550725 17.3242568,3.05130435 C15.4201993,1.09704348 12.8361596,0 10.1429623,0 L10.1429357,0 Z M10.1429357,15.2898551 C8.90117135,15.2898551 7.71125905,14.7848696 6.83373051,13.8847246 C5.95620198,12.9845797 5.46280234,11.764029 5.46280234,10.4902319 C5.46280234,9.2175942 5.95620198,7.99701449 6.83373051,7.09689855 C7.71125905,6.19678261 8.9011431,5.69063768 10.1429357,5.69063768 C11.383598,5.69063768 12.5735103,6.19675362 13.4510106,7.09689855 C14.3285391,7.99704348 14.8219388,9.2175942 14.8219388,10.4902319 C14.8219388,11.764 14.3285391,12.9845797 13.4510106,13.8847246 C12.573482,14.7848696 11.383598,15.2898551 10.1429357,15.2898551 L10.1429357,15.2898551 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--date-from-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-754,-451)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-39' transform='translate(618,16)'%3E%3Cg id='Group-42' transform='translate(13,10)'%3E%3Cg id='Group-40'%3E%3Cpath d='M15.6078383,2.06015745 L15.0385979,2.06015745 L15.0385979,3.08941277 C15.0385979,3.77682128 14.4790851,4.33633404 13.7916766,4.33633404 C13.1042681,4.33633404 12.5447553,3.77682128 12.5447553,3.08941277 L12.5447553,2.06015745 L4.68775532,2.06015745 L4.68775532,3.08941277 C4.68775532,3.77682128 4.12824255,4.33633404 3.44158085,4.33633404 C2.75417234,4.33633404 2.19465957,3.77682128 2.19465957,3.08941277 L2.19465957,2.06015745 L1.62616596,2.06015745 C0.727812766,2.06015745 0,2.78797021 0,3.6855766 L0,16.2587681 C0,17.1563745 .727812766,17.8841872 1.62616596,17.8841872 L15.6087191,17.8841872 C16.5063255,17.8841872 17.2348851,17.1563745 17.2348851,16.2587681 L17.2341371,3.6855766 C17.2341371,2.78797021 16.5063244,2.06015745 15.6079712,2.06015745 L15.6078383,2.06015745 Z M15.2285936,15.3454979 C15.2285936,15.6701298 14.9376255,15.9334277 14.5778362,15.9334277 L2.65609149,15.9334277 C2.29630213,15.9334277 2.00533404,15.6708766 2.00533404,15.3454979 L2.00533404,7.20126383 C2.00533404,6.87588511 2.29630213,6.61258723 2.65609149,6.61258723 L14.5786021,6.61258723 C14.9383915,6.61258723 15.2293596,6.87588511 15.2293596,7.20126383 L15.2285936,15.3454979 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M3.4415617,3.68551915 C3.76992766,3.68551915 4.03772553,3.41848723 4.03772553,3.08935532 L4.03772553,.59616383 C4.03772553,.267031915 3.77069362,0 3.4415617,0 C3.11242979,0 2.84539787,.267031915 2.84539787,.59616383 L2.84539787,3.08935532 C2.84539787,3.41848723 3.11242979,3.68551915 3.4415617,3.68551915 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M13.7923277,3.68551915 C14.1214596,3.68551915 14.3884915,3.41848723 14.3884915,3.08935532 L14.3884915,.59616383 C14.3884915,.267031915 14.1214596,0 13.7923277,0 C13.4631957,0 13.1961638,.267031915 13.1961638,.59616383 L13.1961638,3.08935532 C13.1961638,3.41848723 13.4639426,3.68551915 13.7923277,3.68551915 Z' id='Shape'%3E%3C/path%3E%3Cpolygon id='Shape' points='7.11566809 7.62828511 10.2700723 7.62828511 10.2700723 10.8558383 7.11566809 10.8558383'%3E%3C/polygon%3E%3Cpolygon id='Shape' points='3.14532766 11.5955617 6.29973191 11.5955617 6.29973191 14.8231149 3.14532766 14.8231149'%3E%3C/polygon%3E%3Cpolygon id='Shape' points='7.11566809 11.5955617 10.2700723 11.5955617 10.2700723 14.8231149 7.11566809 14.8231149'%3E%3C/polygon%3E%3Cpolygon id='Shape' points='11.2349872 7.62828511 14.3893915 7.62828511 14.3893915 10.8558383 11.2349872 10.8558383'%3E%3C/polygon%3E%3Cpolygon id='Shape' points='11.2349872 11.5955617 14.3893915 11.5955617 14.3893915 14.8231149 11.2349872 14.8231149'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--date-to-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-892,-451)' fill='%23000000' fill-rule='nonzero'%3E%3Cg transform='translate(123,425)'%3E%3Cg id='Group-39' transform='translate(756,16)'%3E%3Cg id='Group-42' transform='translate(13,10)'%3E%3Cg id='Group-38'%3E%3Cpath d='M15.6079149,2.11768085 L15.0386745,2.11768085 L15.0386745,3.14693617 C15.0386745,3.83434468 14.4791617,4.39385745 13.7917532,4.39385745 C13.1043447,4.39385745 12.5448319,3.83434468 12.5448319,3.14693617 L12.5448319,2.11768085 L4.68783191,2.11768085 L4.68783191,3.14693617 C4.68783191,3.83434468 4.12831915,4.39385745 3.44165745,4.39385745 C2.75424894,4.39385745 2.19473617,3.83434468 2.19473617,3.14693617 L2.19473617,2.11768085 L1.62624255,2.11768085 C0.727889362,2.11768085 7.65957443e-05,2.84549362 7.65957443e-05,3.7431 L7.65957443e-05,16.3162915 C7.65957443e-05,17.2138979 .727889362,17.9417106 1.62624255,17.9417106 L15.6087957,17.9417106 C16.5064021,17.9417106 17.2349617,17.2138979 17.2349617,16.3162915 L17.2342137,3.7431 C17.2342137,2.84549362 16.506401,2.11768085 15.6080478,2.11768085 L15.6079149,2.11768085 Z M15.2286702,15.4030213 C15.2286702,15.7276532 14.9377021,15.9909511 14.5779128,15.9909511 L2.65616809,15.9909511 C2.29637872,15.9909511 2.00541064,15.7284 2.00541064,15.4030213 L2.00541064,7.25878723 C2.00541064,6.93340851 2.29637872,6.67011064 2.65616809,6.67011064 L14.5786787,6.67011064 C14.9384681,6.67011064 15.2294362,6.93340851 15.2294362,7.25878723 L15.2286702,15.4030213 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M3.4416383,3.74304255 C3.77000426,3.74304255 4.03780213,3.47601064 4.03780213,3.14687872 L4.03780213,.653687234 C4.03780213,.324555319 3.77077021,.0575234043 3.4416383,.0575234043 C3.11250638,.0575234043 2.84547447,.324555319 2.84547447,.653687234 L2.84547447,3.14687872 C2.84547447,3.47601064 3.11250638,3.74304255 3.4416383,3.74304255 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M13.7924043,3.74304255 C14.1215362,3.74304255 14.3885681,3.47601064 14.3885681,3.14687872 L14.3885681,.653687234 C14.3885681,.324555319 14.1215362,.0575234043 13.7924043,.0575234043 C13.4632723,.0575234043 13.1962404,.324555319 13.1962404,.653687234 L13.1962404,3.14687872 C13.1962404,3.47601064 13.4640191,3.74304255 13.7924043,3.74304255 Z' id='Shape'%3E%3C/path%3E%3Cpolygon id='Shape' points='3.14540426 7.68580851 6.29980851 7.68580851 6.29980851 10.9133617 3.14540426 10.9133617'%3E%3C/polygon%3E%3Cpolygon id='Shape' points='7.11574468 7.68580851 10.2701489 7.68580851 10.2701489 10.9133617 7.11574468 10.9133617'%3E%3C/polygon%3E%3Cpolygon id='Shape' points='3.14540426 11.6530851 6.29980851 11.6530851 6.29980851 14.8806383 3.14540426 14.8806383'%3E%3C/polygon%3E%3Cpolygon id='Shape' points='7.11574468 11.6530851 10.2701489 11.6530851 10.2701489 14.8806383 7.11574468 14.8806383'%3E%3C/polygon%3E%3Cpolygon id='Shape' points='11.2350638 7.68580851 14.3894681 7.68580851 14.3894681 10.9133617 11.2350638 10.9133617'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--close-icon: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-147 -456)' fill='%23fff' fill-rule='nonzero'%3E%3Cg transform='translate(123 425)'%3E%3Cg transform='translate(10 17)'%3E%3Cg transform='translate(14 14)'%3E%3Cg id='b' transform='translate(7 5) scale(-1 1) rotate(-90) translate(-5 -3)'%3E%3Cpath id='a' d='m4.9123 5.9484c0.28098 0 0.54414-0.10312 0.7367-0.29129l3.9125-3.823c0.40365-0.39442 0.40365-1.046 0-1.4397-0.40365-0.39442-1.0705-0.39442-1.4734 0l-3.1579 3.0857-3.1579-3.0857c-0.40365-0.39442-1.0705-0.39442-1.4734 0-0.21039 0.20558-0.29811 0.46272-0.29811 .71986 0 .25714 .10554 .5317 .29811 0.71986l3.8768 3.823c0.19258 .18885 .45574 .29129 .7367 0.29129h-1.0526e-4z'/%3E%3C/g%3E%3Cg transform='translate(3 5) scale(-1 1) rotate(90) translate(-5 -3)'%3E%3Cpath d='m4.9123 5.9484c0.28098 0 0.54414-0.10312 0.7367-0.29129l3.9125-3.823c0.40365-0.39442 0.40365-1.046 0-1.4397-0.40365-0.39442-1.0705-0.39442-1.4734 0l-3.1579 3.0857-3.1579-3.0857c-0.40365-0.39442-1.0705-0.39442-1.4734 0-0.21039 0.20558-0.29811 0.46272-0.29811 .71986 0 .25714 .10554 .5317 .29811 0.71986l3.8768 3.823c0.19258 .18885 .45574 .29129 .7367 0.29129h-1.0526e-4z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--loading-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='64px' height='64px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill-opacity='0'/%3E%3Cg%3E%3Cpath d='M64 9.75A54.25 54.25 0 0 0 9.75 64H0a64 64 0 0 1 128 0h-9.75A54.25 54.25 0 0 0 64 9.75z' fill='%23000000' fill-opacity='1'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='1000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");
--user-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='22px' viewBox='0 0 20 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M9.94446047,12.9872553 C7.92593488,12.9882545 6.02129767,12.0499274 4.79211163,10.4480972 C3.56300233,8.84626693 3.14830233,6.76488786 3.66993256,4.81430647 C4.19256047,2.86472275 5.59153023,1.26795763 7.45623488,.495399493 C9.32188605,-.278028414 11.4402814,-.140144693 13.1890256,.869118097 C14.9377442,1.87838089 16.1168163,3.64316461 16.3815837,5.64465298 C16.6453791,7.64619252 15.962893,9.65683903 14.5359372,11.0847925 C13.3208209,12.3068925 11.668007,12.9923972 9.94433256,12.9874358 L9.94446047,12.9872553 Z M9.94446047,1.99723205 L9.94446047,1.99823126 C8.7513186,1.99823126 7.60716512,2.47189638 6.76366977,3.31526382 C5.92027674,4.15965452 5.44663721,5.303808 5.44763331,6.49707777 C5.44763331,7.69021963 5.92229767,8.83437312 6.76566512,9.67684521 C7.61005581,10.5202382 8.75520698,10.9938778 9.94747907,10.9928817 C11.1406209,10.9918809 12.2847744,10.516222 13.1272465,9.67183126 C13.9706395,8.82744056 14.4432814,7.68328707 14.4412923,6.49001731 C14.4392874,5.29889638 13.9646279,4.15671266 13.1212349,3.31434289 C12.2778419,2.47294521 11.1356837,1.99930568 9.94453721,1.998308 L9.94446047,1.99723205 Z M18.8900186,21.9328134 L18.8900186,21.9338127 C18.3384326,21.9338127 17.8917558,21.4861382 17.8917558,20.9345522 C17.8917558,18.0955289 16.3768512,15.4716452 13.917686,14.0526452 C11.4594674,12.6326731 8.4297093,12.6326731 5.97159302,14.0526452 C3.51237674,15.4716196 1.99752326,18.0957847 1.99752326,20.9345522 C1.99752326,21.4861382 1.55084651,21.9338127 .999260465,21.9338127 C0.447674419,21.9338127 0,21.4861382 0,20.9345522 C0.0019984186,17.8517382 1.43296744,14.943901 3.87430233,13.0613661 C6.31653256,11.1797266 9.49325581,10.536201 12.4750233,11.3186336 C15.4567907,12.1020638 17.9059535,14.223401 19.1082791,17.0624243 C19.6268907,18.2875429 19.892707,19.6045754 19.889739,20.9346801 C19.889739,21.1994987 19.7847893,21.4542894 19.5979326,21.6411615 C19.4100679,21.8290261 19.1562442,21.9339406 18.8904535,21.9339406 L18.8900186,21.9328134 Z' id='Shape' fill='%23000000' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--bills-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='25px' viewBox='0 0 25 25' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-124,-503)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(124,500)'%3E%3Cg id='Group-9' transform='translate(0,3)'%3E%3Cpath d='M20.7896845,2.52673684 L9.05231605,-8.97527666e-14 L8.18368447,4.02657895 L8.63870379e-13,4.02657895 L8.63870379e-13,25 L17.1844739,25 L17.1844739,23.1846311 L21.4218424,24.1056837 L24.7636845,8.65857895 L20.7896845,2.52673684 Z M20.6848318,4.78928947 L22.6317792,7.81560526 L20.1317792,7.26255263 L20.6848318,4.78928947 Z M15.8687792,23.6842903 L1.29035842,23.6842903 L1.29035842,5.31560526 L11.0795687,5.31560526 L11.0795687,10.1316579 L15.8432529,10.1316579 L15.8422266,23.6842903 L15.8687792,23.6842903 Z M12.3953582,8.81586842 L12.3953582,6.26344737 L14.9477792,8.81586842 L12.3953582,8.81586842 Z M20.4216739,22.5524474 L17.1845687,21.8421316 L17.1845687,19.3688684 L18.4736213,19.6587632 L18.7367792,18.3953947 L17.1578318,18.0530789 L17.1578318,15.5798158 L19.2363582,16.0269737 L19.4995161,14.7636053 L17.1578318,14.2640263 L17.1578318,11.7907632 L20.0257266,12.4219211 L20.2888845,11.1585526 L17.1578318,10.4739211 L17.1578318,9.23728947 L11.9994108,4.07886842 L9.49941079,4.07886842 L10.0257266,1.57886842 L19.6041476,3.63171053 L18.6039371,8.28934211 L23.2615687,9.28955263 L20.4216739,22.5524474 Z' id='Fill-1'%3E%3C/path%3E%3Cpolygon id='Fill-2' points='3.81600026 21.2888421 13.3420529 21.2888421 13.3420529 19.9730526 3.81600026 19.9730526'%3E%3C/polygon%3E%3Cpolygon id='Fill-3' points='3.81600026 17.5791053 13.3420529 17.5791053 13.3420529 16.2633158 3.81600026 16.2633158'%3E%3C/polygon%3E%3Cpath d='M4.763895,12.8677895 C5.00032658,13.2101053 5.31694763,13.4465263 5.65821079,13.6305263 C6.00052658,13.7888316 6.36852658,13.8936842 6.76326342,13.8936842 L6.81568974,13.8936842 L6.86811605,13.8936842 C7.42116868,13.8669579 7.92074763,13.7096789 8.39464237,13.4465263 L7.92074763,12.4987368 C7.60516868,12.7094684 7.23611605,12.8143158 6.84137921,12.8410526 C6.31506342,12.8143263 5.76201079,12.5778947 5.44643184,11.9724211 L7.07780026,11.9724211 L7.07780026,10.9197895 L5.15653711,10.9197895 C5.15653711,10.8149368 5.12981079,10.7090579 5.12981079,10.6042105 C5.12981079,10.4726316 5.12981079,10.3677789 5.15653711,10.2362105 L7.07780026,10.2362105 L7.07780026,9.21031579 L5.44643184,9.21031579 C5.76201079,8.63157895 6.31506342,8.36842105 6.84137921,8.36842105 C7.23611605,8.39514737 7.60411605,8.5 7.92074763,8.71073684 L8.39464237,7.73726316 C7.94748447,7.47410526 7.42116868,7.31578947 6.89485289,7.31578947 L6.79000026,7.31578947 C6.36852658,7.31578947 6.00052658,7.42064211 5.68494763,7.57894737 C5.31694763,7.76295263 5.02705289,8.00042105 4.79063184,8.34168421 C4.60662658,8.60484211 4.42263184,8.89473684 4.31673711,9.236 L3.44810553,9.236 L3.44810553,10.2618947 L4.10600026,10.2618947 C4.10600026,10.3934737 4.07927395,10.4983263 4.07927395,10.6298947 L4.07927395,10.9454737 L3.42137921,10.9454737 L3.42137921,11.9981053 L4.26327395,11.9981053 C4.39485289,12.2890263 4.55316868,12.6046053 4.76387921,12.8677632 L4.763895,12.8677895 Z' id='Fill-4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--house-icon: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 33 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-305 -32)' fill='%23D10019'%3E%3Cg transform='translate(70)'%3E%3Cg transform='translate(235 32)'%3E%3Cpath d='m32.451 10.155-5.0579-4.8979v-3.6669c0-0.87822-0.72427-1.5905-1.6186-1.5905h-18.619c-0.89295 0-1.6172 0.71231-1.6172 1.5905v3.6814l-5.0483 4.8834c-0.31327 0.30415-0.48999 0.71889-0.48999 1.1521v3.5931c0 2.1172 1.7444 3.8328 3.8957 3.8328h0.16467c1.1834-0.0013401 2.3027-0.53194 3.0403-1.4431 .73763 .91111 1.8555 1.4417 3.0403 1.4431h0.16065c1.1834-0.0013401 2.3027-0.53194 3.0403-1.4431 .7363 .91111 1.8555 1.4417 3.039 1.4431h0.16467c1.1848-0.0013401 2.3027-0.53194 3.0403-1.4431 .74034 .91506 1.8649 1.447 3.0537 1.4431h0.16467c1.1834-0.0013401 2.3027-0.53194 3.0403-1.4431 .7363 .91111 1.8555 1.4417 3.039 1.4431h0.16467c2.1514-0.0013401 3.8929-1.717 3.8929-3.8328v-3.5931c0-0.43319-0.17671-0.84792-0.48999-1.1521h5.82e-5zm-25.203-8.4701h18.432v3.0981l-18.432-0.0013179v-3.0968zm-1.0041 13.215c-0.00134 1.185-0.97863 2.1461-2.1835 2.1475h-0.16467c-1.2049-0.001318-2.1808-0.96248-2.1822-2.1475v-3.0731h4.5304l-7.882e-5 3.0731zm6.244 0c-0.00134 1.1863-0.97997 2.1475-2.1862 2.1475h-0.16467c-1.2049-0.001318-2.1808-0.96248-2.1835-2.1475v-3.0731h4.5383l-0.0039515 3.0731zm6.244 0h0.0013366c-0.0026766 1.185-0.97863 2.1461-2.1835 2.1475h-0.16467c-1.2049-0.001318-2.1808-0.96248-2.1835-2.1475v-3.0731h4.5342l-0.0038487 3.0731zm6.244 0h0.0013366c-0.0013366 1.185-0.97863 2.1461-2.1835 2.1475h-0.15396c-1.2049-0.001318-2.1808-0.96248-2.1835-2.1475v-3.0731h4.5277l-0.0080471 3.0731zm0.8568-4.7597-22.886 .0013179 3.798-3.6774h19.452l3.798 3.6774-4.1623-0.0013179zm5.3951 4.7597c0 0.57011-0.22893 1.1165-0.63859 1.5194-0.40965 0.40158-0.96523 0.62805-1.5436 0.62805h-0.16467c-1.2062 0-2.1835-0.96117-2.1835-2.1475v-3.0731h4.5304l-7.88e-5 3.0731zm-5.8464 13.065c0.22759 0 0.44581-0.088226 0.60644-0.24622s0.25035-0.37262 0.25035-0.59643v-5.0559c0-0.22383-0.089696-0.43845-0.25035-0.59643-0.16065-0.15798-0.37888-0.24621-0.60644-0.24621h-6.8959c-0.47258 0-0.8568 0.37788-0.8568 0.84266v5.0559c0 .22383 .091033 .43845 .25169 .59643 .16065 .15798 .37888 .24621 .60511 0.24621h6.8959zm-6.0565-5.056h5.2131v3.3706h-5.1956l-0.017482-3.3706zm12.746 7.4154h-2.1996v-9.701c0-0.46478-0.38422-0.84266-0.8568-0.84266-0.47391 0-0.8568 0.37788-0.8568 0.84266v9.6906h-12.681v-8.2476c0-0.22383-0.091033-0.43845-0.25168-0.59643-0.16065-0.15798-0.37888-0.24621-0.60511-0.24621h-6.5357c-0.22893-0.0026325-0.44982 0.084266-0.61316 0.24358-0.16333 0.158-0.25436 0.37394-0.25436 0.59906v8.2476h-2.4339v-9.6906c0-0.46478-0.38289-0.84266-0.8568-0.84266-0.47258 0-0.8568 0.37788-0.8568 0.84266v9.6906h-2.2129c-0.47391 0-0.8568 0.37788-0.8568 .84266 0 .46609 .38289 .84266 .8568 0.84266h31.228c0.47391 0 0.8568-0.37657 0.8568-0.84266 0-0.46478-0.38289-0.84266-0.8568-0.84266l-0.013411 0.010452zm-18.305 0h-4.8354v-7.4154h4.8488l-0.013366 7.4154z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--cart-circle-icon: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1281 -144)'%3E%3Cg transform='translate(1080)'%3E%3Cg transform='translate(70 144)'%3E%3Cg transform='translate(131)'%3E%3Ccircle cx='50' cy='50' r='48.5' stroke='%2310019' stroke-width='3'/%3E%3Cpath d='m26.194 32.389h3.9175l2.1071 6.323c0.0055992 .018664 .011198 .035461 .016797 0.05226l4.7685 14.307 1.954 5.8639c-1.8645 0.65136-3.2082 2.4244-3.2082 4.5091 0 2.6353 2.1426 4.7779 4.7779 4.7779 2.6353 0 4.7779-2.1426 4.7779-4.7779 0-0.86971-0.23702-1.6853-0.64577-2.3889h12.044c-0.4106 0.70363-0.64764 1.5192-0.64764 2.3889 0 2.6353 2.1426 4.7779 4.7779 4.7779 2.6353 0 4.7779-2.1426 4.7779-4.7779 0-2.6353-2.1426-4.7779-4.7779-4.7779h-19.445l-1.592-4.7779h4.3112 .0018662 .0037325 11.941 .0037324 .0018663 5.9685c0.51324 0 0.97048-0.32848 1.1329-0.81744l4.7779-14.334c0.12131-0.36394 0.059723-0.76522-0.16424-1.0769-0.22396-0.30982-0.58419-0.4946-0.96861-0.4946h-25.037-0.0037324-7.5438l-2.1164-6.3493c-0.16237-0.48897-0.61964-0.81744-1.1329-0.81744h-4.7779c-0.66068 0-1.1945 0.53378-1.1945 1.1945 0 .66068 .53378 1.1945 1.1945 1.1945l-1.099e-4 4.874e-4zm25.084 19.111v-4.7779h4.5632l-0.79695 4.7779h-3.7663zm0-7.1668v-4.7779h5.7578l-0.79695 4.7779h-4.9608zm-2.3889 0h-4.9608l-0.79695-4.7779h5.7578v4.7779zm0 2.3889v4.7779h-3.7663l-0.79695-4.7779h4.5632zm-6.1868 4.7779h-3.701l-1.592-4.7779h4.4979l0.79503 4.7779zm0.21463 11.945c0 1.3176-1.0713 2.3889-2.3889 2.3889s-2.3889-1.0713-2.3889-2.3889c0-1.3176 1.0713-2.3889 2.3889-2.3889s2.3889 1.0713 2.3889 2.3889zm20.306 0c0 1.3176-1.0713 2.3889-2.3889 2.3889-1.3176 0-2.3889-1.0713-2.3889-2.3889 0-1.3176 1.0713-2.3889 2.3889-2.3889 1.3176 0 2.3889 1.0713 2.3889 2.3889zm-2.0549-11.945h-3.701l0.79695-4.7779h4.4979l-1.5939 4.7779zm2.3889-7.1668h-4.8973l0.79695-4.7779h5.6923l-1.592 4.7779zm-22.846-4.7779 .79695 4.7779h-4.8973l-1.592-4.7779h5.6923z' fill='%23D10019' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--support-circle-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 100 100' version='1.1' viewBox='0 0 100 100' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23D10019;stroke-width:3;%7D .st1%7Bfill:%23D10019;%7D%0A%3C/style%3E%3Cg transform='translate(-1256 -124)'%3E%3Cg transform='translate(1080)'%3E%3Cg transform='translate(201 144)'%3E%3Ccircle class='st0' cx='25' cy='30' r='48.5'/%3E%3Cg transform='translate(38 33)'%3E%3Cpath class='st1' d='m-1.7-8.3c0-6.4-5.2-11.7-11.7-11.7-6.4 0-11.6 5.2-11.6 11.7h6.9c0-2.6 2.1-4.8 4.8-4.8 2.6 0 4.8 2.1 4.8 4.8 0 1.8-1 3.3-2.4 4.1-2.3 1.3-4.1 3.4-5 5.9-0.3 0.8-0.6 1.7-0.7 2.7v2.1h7v-2.1c0.4-1.1 1.2-2.1 2.2-2.7 3.4-2 5.7-5.8 5.7-10z'/%3E%3Cpolygon class='st1' points='-16.4 9.6 -9.4 9.6 -9.4 15 -16.4 15'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--info-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='13px' viewBox='0 0 6 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-709,-455)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-11' transform='translate(568,16)'%3E%3Cg id='Group-80' transform='translate(18,14)'%3E%3Cpath d='M2.80253375,3.56592781 C3.73000386,3.57456066 4.48873148,2.78592173 4.49830239,1.80324407 C4.4973437,.810972326 3.74098586,.0055900436 2.80486513,0 C1.87739503,.00507809961 1.12921994,.804888278 1.13253295,1.78751394 C1.1267812,2.25927462 1.30077234,2.71377117 1.61472267,3.04841978 C1.92915156,3.38306839 2.35717976,3.56943784 2.80246013,3.56588881 L2.80253375,3.56592781 Z M5.85148159,11.8133221 L4.74714601,11.8133221 C4.63546578,11.7117589 4.59759443,11.5467161 4.59759443,11.279096 L4.59759443,4.80998552 L0,4.98569489 L0,5.74742283 C0.272255532,5.74742283 .53011789,5.73980555 .787992518,5.74742283 C1.41397901,5.77230632 1.61144648,5.99168174 1.61241584,6.64168681 L1.61241584,11.1241218 C1.61481249,11.2485366 1.60858134,11.3734637 1.59372312,11.4973677 C1.57934344,11.6156894 1.52853664,11.7258835 1.44896927,11.8106961 L0.300533885,11.8106961 C0.219051098,11.811204 .153387304,11.8812828 .153387304,11.9676073 L0.153387304,12.8441002 C0.153387304,12.8852338 .168725298,12.9248425 .196525106,12.9542968 C0.223846368,12.9837499 .261711581,13 .300536339,13 L5.85141778,13 C5.93338034,13 5.99952145,12.9304287 6,12.8441028 L6,11.970145 C6,11.8833082 5.93385521,11.8132337 5.85141778,11.8132337 L5.85148159,11.8133221 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--phone-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.8 13.8' style='enable-background:new 0 0 13.8 13.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1196,-374)'%3E%3Cg id='Group-186' transform='translate(1190,0)'%3E%3Cg id='Group-199' transform='translate(0,320)'%3E%3Cg id='Group-129' transform='translate(30,72)'%3E%3Cpath id='Shape' class='st0' d='M-23.9-15.8c0,0,0.1-0.6,0.5-1.2c0.5-0.7,0.9-0.9,0.9-0.9s0.3-0.3,.7,0.1c0.4,.3,2.4,2,2.4,2 s0.5,.7,.3,1.1c-0.3,0.5-1.3,1.4-1.3,1.4s-0.2,.2,.2,0.9c0.5,1,3.3,3.8,4.3,4.3c0.7,.4,.9,.2,.9,0.2s1-0.9,1.5-1.2 c0.5-0.3,1.1,.3,1.1,0.3s1.7,1.9,2,2.4c0.3,.4,.1,.7,.1,0.7s-0.3,0.4-0.9,0.9c-0.7,0.5-1.2,0.5-1.2,.5 C-16.9-3.4-24.8-11.3-23.9-15.8L-23.9-15.8z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--clock-3-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 448.4 448.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m224.2,419.7c-108,0-195.6-87.5-195.6-195.5S116.2,28.6,224.2,28.6s195.6,87.6,195.6,195.6c0,7.9,6.4,14.3,14.3,14.3s14.3-6.4,14.3-14.3C448.4,100.4,348,0,224.2,0S0,100.4,0,224.2s100.4,224.2,224.2,224.2c7.9,0,14.3-6.4,14.3-14.3s-6.4-14.4-14.3-14.4h0Z'/%3E%3Cpath class='cls-1' d='m209.9 71.6v157.4h-81.1c-7.9 0-14.3 6.4-14.3 14.3s6.4 14.3 14.3 14.3h95.4c7.9 0 14.3-6.4 14.3-14.3v-171.7c0-7.9-6.4-14.3-14.3-14.3s-14.3 6.4-14.3 14.3z'/%3E%3Cpath class='cls-1' d='m338.7 229c-60.6 0-109.7 49.1-109.7 109.7s49.1 109.7 109.7 109.7 109.7-49.1 109.7-109.7-49.1-109.7-109.7-109.7zm1.3 158.5c-4.8 6.3-13.7 7.6-20 2.8l-43.8-33.1c-6.3-4.8-7.5-13.7-2.8-20 4.8-6.3 13.7-7.5 20-2.8l32.3 24.4 45.6-60.3c4.8-6.3 13.7-7.6 20-2.8s7.6 13.7 2.8 20l-54.1 71.8z'/%3E%3C/svg%3E%0A");
--clock-2-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1195,-477)'%3E%3Cg id='Group-186' transform='translate(1190,0)'%3E%3Cg id='Group-193' transform='translate(29,493)'%3E%3Cpath id='Shape' class='st0' d='M-16.5-16c-4.1,0-7.5,3.4-7.5,7.5S-20.6-1-16.5-1S-9-4.4-9-8.5S-12.4-16-16.5-16z M-16.5-13.7 c0.3,0,.5,.2,.5,0.5V-9h3.8c0.3,0,.5,.2,.5,0.5S-12-8-12.3-8h-4.2C-16.8-8-17-8.2-17-8.5v-4.7 C-17-13.4-16.8-13.7-16.5-13.7z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--burger-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='17' viewBox='0 0 26 17'%3E%3Cg fill='%23d10019'%3E%3Crect x='0' y='0' width='26' height='3' rx='1.5'/%3E%3Crect x='0' y='7' width='26' height='3' rx='1.5'/%3E%3Crect x='0' y='14' width='26' height='3' rx='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
:root {
--font-base: "Inter", sans-serif;
--font-bold: "Inter", sans-serif;
--font-special: "Sport2000 Regular", sans-serif;
--font-special-bold: "Sport2000 Bold", sans-serif;
--font-size-base: 1rem;
--font-size-base-mobile: 14px;
--line-height-base: 1.4;
--primary-color: #d10019;
--primary-color-dark: #d30007;
--dynamic-primary-color: var(--primary-color);
--dynamic-primary-color-dark: var(--primary-color-dark);
--secondary-color: #107733;
--secondary-color-dark: #0d6129;
--dynamic-secondary-color: var(--secondary-color);
--dynamic-secondary-color-dark: var(--secondary-color-dark);
--tertiary-color: #000000;
--lighter-grey: #FDFDFC;
--light-grey: #FAFAFA;
--light-grey2: #F2F2F2;
--medium-grey: #98999E;
--dark-grey: #7F8185;
--darker-grey: #66686b;
--light-black: #303133;
--color-bg-inrange-main: #ffa1a3;
--cart-slide-in-calculation-base-color: #0f5c29;
--input-background: #ffffff;
--input-border: var(--medium-grey);
--submit-background: var(--primary-color);
--submit-color: #ffffff;
--stripes-01: url('../../../fileadmin/templates/img/stripes01.png');
--stripes-02: url('../../../fileadmin/templates/img/stripes02.png');
--stripes-03: url('../../../fileadmin/templates/img/stripes03.png');
--stripes-04: url('../../../fileadmin/templates/img/stripes04.png');
--stripes-05: url('../../../fileadmin/templates/img/stripes05.png');
--stripes-06: url('../../../fileadmin/templates/img/stripes06.png');
--stripes-06-02: url('../../../fileadmin/templates/img/stripes06_02.png');
--stripes-07: url('../../../fileadmin/templates/img/stripes07.png');
--stripes-07-02: url('../../../fileadmin/templates/img/stripes07_02.png');
--stripes-08: url('../../../fileadmin/templates/img/stripes08.png');
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: inherit;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
.loading, .loading.kundenkonto, .loadingBookingprocessStep, .loading.storno, .saferpayLoadingIndicator, .loading.editShop {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99999;
display: none;
opacity: 1;
background-color: #ffffff;
}
.loading::before, .loading.kundenkonto::before, .loadingBookingprocessStep::before, .loading.storno::before, .saferpayLoadingIndicator::before, .loading.editShop::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
width: 4vw;
height: 4vw;
display: block;
content: "";
-webkit-mask-image: var(--loading-icon);
mask-image: var(--loading-icon);
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.loading.kundenkonto {
background-color: transparent;
display: block;
position: absolute;
border-radius: 0.3125vw;
z-index: 1;
}
.loading.kundenkonto::before {
width: 2.5vw;
height: 2.5vw;
}
.loading.bookingprocess, .loading.einkaufsregal, .loading.buchungssupport, .loading.rentalpriceslist {
display: block;
transition: none !important;
opacity: 1 !important;
}
.loadingBookingprocessStep {
position: absolute;
z-index: 3;
}
.loading.buchungssupport {
left: 0px;
}
.loading.products {
display: block;
position: fixed;
z-index: 4;
width: 100%;
height: 100vh;
background-color: #ffffff;
}
.loading.storno {
display: block;
}
.loading.products.initDone {
height: 100%;
}
.saferpayLoadingIndicator {
display: block;
position: relative;
height: 4vw;
}
.saferpayLoadingIndicator::before {
width: 2vw;
height: 2vw;
}
.btnGreenLink.activeLoading {
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='64px' height='64px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='%23ffffff' fill-opacity='0'/%3E%3Cg%3E%3Cpath d='M64 9.75A54.25 54.25 0 0 0 9.75 64H0a64 64 0 0 1 128 0h-9.75A54.25 54.25 0 0 0 64 9.75z' fill='%23ffffff' fill-opacity='1'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='1000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E") no-repeat center var(--dynamic-secondary-color) !important;
background-size: auto 60% !important;
color: transparent !important;
pointer-events: none !important;
transition: none !important;
}
.btnRedLink.activeLoading, input.activeLoading, #nextStep.activeLoading, #updateBooking.activeLoading, #proceedToCheckout.activeLoading, .btnRed a.activeLoading {
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='64px' height='64px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='%23ffffff' fill-opacity='0'/%3E%3Cg%3E%3Cpath d='M64 9.75A54.25 54.25 0 0 0 9.75 64H0a64 64 0 0 1 128 0h-9.75A54.25 54.25 0 0 0 64 9.75z' fill='%23ffffff' fill-opacity='1'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='1000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E") no-repeat center var(--dynamic-primary-color) !important;
background-size: auto 60% !important;
color: transparent !important;
pointer-events: none !important;
}
.rentRatingWebsite .rentRatingWebsiteSubmit.activeLoading,
#nextStep.activeLoading,
#updateBooking.activeLoading,
#proceedToCheckout.activeLoading {
background-color: var(--dynamic-secondary-color) !important;
}
#proceedToCheckout.activeLoading span {
display: none;
}
.pace-done .loading,
.pace-done .pace {
opacity: 0;
z-index: -10;
}
body .content, body footer {
opacity: 1;
transition: all 0.8s ease-in-out;
}
body.pace-done .content, body.pace-done footer {
opacity: 1;
}
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 2000;
position: fixed;
height: 90px;
width: 90px;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pace.pace-inactive .pace-activity {
display: none;
}
.pace .pace-activity {
display: none !important;
position: fixed;
z-index: 2000;
display: block;
position: absolute;
left: -30px;
top: -30px;
height: 90px;
width: 90px;
display: block;
border-width: 30px;
border-style: double;
border-color: var(--dynamic-primary-color) transparent transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
.pace .pace-activity:before {
content: " ";
position: absolute;
top: 10px;
left: 10px;
height: 50px;
width: 50px;
display: block;
border-width: 10px;
border-style: solid;
border-color: var(--dynamic-primary-color) transparent transparent;
border-radius: 50%;
}
@keyframes spin {
100% {
transform: rotate(359deg);
}
}
@media screen and (max-width: 800px) {
.loading.kundenkonto {
border-radius: 5px;
}
.loading.kundenkonto::before {
width: 30px;
height: 30px;
}
.saferpayLoadingIndicator {
display: block;
position: relative;
height: 30px;
}
.saferpayLoadingIndicator::before {
width: 25px;
height: 25px;
}
}
* {
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.hidden {
display: none !important;
visibility: hidden;
}
.clearer {
clear: both;
}
.align-left,
.text-left {
text-align: left;
}
.align-center,
.text-center {
text-align: center;
}
.align-right,
.text-right {
text-align: right;
}
.align-justify,
.text-justify {
text-align: left;
}
.iframeContainer {
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.iframeContainer iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.ce-gallery .ce-textpic.ce-center {
display: flex;
justify-content: center;
}
.ce-gallery {
display: grid;
gap: 0.5em;
}
.ce-gallery figure,
.ce-media figure {
position: relative;
}
.ce-center .ce-gallery .ce-media {
margin: 0 auto;
}
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
overflow: initial;
}
.cols-100 .col {
margin: 0 0 1.75vw 0;
float: none !important;
}
.cols-50-50 .col01 {
width: 48%;
margin: 0 0 4.5vw 0;
}
.cols-50-50 .col02 {
width: 48%;
margin-bottom: 4.5vw;
}
.cols-66-33 .col01 {
width: 65.4%;
margin: 0 0 4.5vw 0;
}
.cols-66-33 .col02 {
width: 30.6%;
margin-bottom: 4.5vw;
}
.cols-33-66 .col01 {
width: 30.6%;
margin: 0 0 4.5vw 0;
}
.cols-33-66 .col02 {
width: 65.4%;
margin-bottom: 4.5vw;
}
.cols-33-33-33 .col01 {
width: 30.6%;
margin: 0 0 4.5vw 0;
}
.cols-33-33-33 .col02 {
width: 30.6%;
margin: 0 0 4.5vw 0;
}
.cols-33-33-33 .col03 {
width: 30.6%;
margin-bottom: 4.5vw;
}
.cols-25-50-25 .col01 {
width: 22%;
margin: 0 0 4.5vw 0;
}
.cols-25-50-25 .col02 {
width: 48%;
margin: 0 0 4.5vw 0;
}
.cols-25-50-25 .col03 {
width: 22%;
margin-bottom: 4.5vw;
}
.cols-60-40 .col01 {
width: 58%;
margin: 0 0 4.5vw 0;
}
.cols-60-40 .col02 {
width: 38%;
margin-bottom: 4.5vw;
}
.cols-40-60 .col01 {
width: 38%;
margin: 0 0 4.5vw 0;
}
.cols-40-60 .col02 {
width: 58%;
margin-bottom: 4.5vw;
}
.cols-75-25 .col01 {
width: 74%;
margin: 0 0 4.5vw 0;
}
.cols-75-25 .col02 {
width: 22%;
margin-bottom: 4.5vw;
}
.cols-25-75 .col01 {
width: 22%;
margin: 0 0 4.5vw 0;
}
.cols-25-75 .col02 {
width: 74%;
margin-bottom: 4.5vw;
}
.cols-25-25-25-25 .col01,
.cols-25-25-25-25 .col02,
.cols-25-25-25-25 .col03 {
width: 22%;
margin: 0 0 4.5vw 0;
}
.cols-25-25-25-25 .col04 {
width: 22%;
margin: 0 0 4.5vw 0;
}
.content > .cols-100, .content > .cols-50-50, .content > .cols-66-33, .content > .cols-33-66, .content > .cols-33-33-33, .content > .cols-60-40, .content > .cols-40-60, .content > .cols-75-25, .content > .cols-25-75, .content > .cols-25-25-25-25, .content > .cols-25-50-25 {
padding: 0 0 0 4.4vw;
}
.cols-50-50 div.container, .cols-66-33 div.container, .cols-33-66 div.container, .cols-33-33-33 div.container, .cols-60-40 div.container, .cols-40-60 div.container, .cols-75-25 div.container, .cols-25-75 div.container, .cols-25-25-25-25 div.container, .cols-25-50-25 div.container {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 800px) {
.cols-50-50 div.container, .cols-66-33 div.container, .cols-33-66 div.container, .cols-33-33-33 div.container, .cols-60-40 div.container, .cols-40-60 div.container, .cols-75-25 div.container, .cols-25-75 div.container, .cols-25-25-25-25 div.container, .cols-25-50-25 div.container {
display: block;
}
.col {
width: 100% !important;
margin: 0 0 32px 0 !important;
}
}
.multiColList ul li {
display: inline-block;
margin: 0 4% 1em 0;
padding: 0;
}
.multiColList.multiColList02 ul li {
width: 47.7%;
}
.multiColList.multiColList02 ul li:nth-child(2n+2) {
margin: 0 0 1em 0;
}
.multiColList.multiColList03 ul li {
width: 30.6%;
}
.multiColList.multiColList03 ul li :nth-child(3n+3) {
margin: 0 0 1em 0;
}
.multiColList.multiColList04 ul li {
width: 21.6%;
}
.multiColList.multiColList04 ul li:nth-child(4n+4) {
margin: 0 0 1em 0;
}
.multiColList.defaultFlowWithCustomBtnStyling ul {
text-align: center;
font-size: 0px;
}
.multiColList.defaultFlowWithCustomBtnStyling ul li {
background: #ffffff;
color: #101010;
font-weight: 500;
font-size: 1.125vw;
padding: 0.775vw 1.875vw 0.975vw 1.875vw !important;
line-height: 1;
border: 1px solid #D9D9D9;
border-radius: 0.625vw;
margin: 0 0.5vw 0.5vw 0;
letter-spacing: -0.2px;
}
.multiColList.defaultFlowWithCustomBtnStyling ul li a {
color: #101010;
}
.multiColList.defaultFlowWithCustomBtnStyling ul li a:hover {
color: var(--primary-color);
}
.multiColList.defaultFlowWithCustomBtnStyling ul li:last-child {
margin-right: 0px;
}
.multiColList.defaultFlowWithCustomBtnStyling p {
margin-bottom: 2vw;
}
@media screen and (max-width: 767px) {
.multiColList ul li {
display: block;
width: 100%;
}
.multiColList.defaultFlowWithCustomBtnStyling ul li {
font-size: 12px;
padding: 10px 17px 11px 17px !important;
border-radius: 10px;
margin: 0 10px 10px 0;
display: inline-block;
width: auto;
}
}
.tableItem {
display: table;
}
.tableItem .tableItemRow {
display: table-row;
}
.tableItem .tableItemLeft,
.tableItem .tableItemRight {
display: table-cell;
padding: 0 16px 0 0;
}
.tableItemContent {
display: table;
margin: 16px 0;
}
.tableItemContent .tableItemContentLeft,
.tableItemContent .tableItemContentRight {
display: table-cell;
vertical-align: middle;
padding: 0 12px 0 0;
}
.tableItemContent .ce-media,
.tableItemContent .ce-gallery figure {
padding: 0;
}
.tableItemContent .tableItemContentRight * {
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 788px) {
.tableItemContent.twoLines .tableItemContentLeft,
.tableItemContent.twoLines .tableItemContentRight {
width: 100%;
display: block;
padding-bottom: 8px !important;
}
}
@media screen and (max-width: 480px) {
.tableItem .tableItemLeft,
.tableItem .tableItemRight {
width: 100%;
display: block;
}
.multiColList.defaultFlowWithCustomBtnStyling ul li {
display: block;
width: 100%;
}
}
.ui-draggable-handle {
touch-action: none;
}
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
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 {
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-sortable-handle {
touch-action: none;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0.2em;
margin: auto 0;
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: 0.4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: 0.1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: 0.4em 1em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: 0.4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: 0.12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.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;
}
.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-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: 0.5em;
top: 0.3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: 0.2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: 0.5em;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-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);
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;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
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;
}
.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.222em 0;
margin: 0.2em 0;
vertical-align: middle;
margin-left: 0.4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: 0.5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;
padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px 0.2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
.ui-tabs {
padding: 0;
}
.ui-tabs .ui-tabs-nav {
padding: 0;
}
.ui-tabs .ui-tabs-nav li {
display: inline-block;
background: #ffffff;
color: var(--dark-grey);
border-radius: 0.3125vw;
box-shadow: 0 0.1vw 0.3vw 0 rgba(0, 0, 0, 0.15);
font-size: 0.75vw;
padding: 0.4vw 0.7vw 0.5vw 0.7vw !important;
font-weight: 600;
margin: 0 0.3vw 0 0 !important;
border: 1px solid var(--medium-grey);
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li:hover {
background: var(--medium-grey);
color: #ffffff;
}
.ui-tabs .ui-tabs-nav li a {
padding: 0 !important;
color: var(--dark-grey);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li:hover a {
color: #ffffff;
}
.ui-tabs .ui-tabs-panel {
padding: 0.875vw 0 0 0;
}
.keen-slider:not([data-keen-slider-disabled]) {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
align-content: flex-start;
display: flex;
overflow: hidden;
position: relative;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-khtml-user-select: none;
width: 100%;
}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
min-height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
flex-direction: row-reverse;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
flex-wrap: wrap;
}
[data-keen-slider-moves] * {
pointer-events: none;
}
.xdsoft_datetimepicker {
background: #fff;
border-radius: 0.21875vw;
box-shadow: 0px 0px 1.3vw 0.3vw rgba(0, 0, 0, 0.15);
color: #000;
padding: 0.8vw;
position: absolute;
z-index: 9999;
box-sizing: border-box;
display: none;
margin-top: 1.5vw;
}
.xdsoft_datetimepicker.xdsoft_overlay {
margin: 0 auto;
width: 90%;
top: 210px !important;
left: 0px !important;
right: 0px !important;
border: none !important;
box-shadow: none;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker {
width: 100%;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_monthpicker, .xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_mounthpicker {
margin-bottom: 20px;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_mounthpicker .xdsoft_prev {
width: 30px !important;
height: 30px !important;
background-size: auto 60%;
top: 4px;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_next, .xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_mounthpicker .xdsoft_next {
width: 30px !important;
height: 30px !important;
background-size: auto 60%;
top: 4px;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label, .xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_mounthpicker .xdsoft_label {
font-size: 14px;
padding: 5px 0;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar th, .xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar td {
height: 30px;
font-size: 14px;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar td div {
padding-top: 30%;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar td div:after {
content: "";
display: block;
padding-bottom: 32%;
}
.xdsoft_datetimepicker:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.xdsoft_datetimepicker:before {
border-color: rgba(238, 238, 238, 0);
border-bottom-color: #fff;
border-width: 0.8vw;
margin-left: -0.8vw;
}
.xdsoft_datetimepicker.xdsoft_rtl {
padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
position: absolute;
left: 0;
top: 0;
width: 75px;
height: 210px;
background: transparent;
border: none;
}
.xdsoft_datetimepicker button {
border: none !important;
}
.xdsoft_noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.xdsoft_noselect::-moz-selection {
background: transparent;
}
.xdsoft_noselect::selection {
background: transparent;
}
.xdsoft_noselect::-moz-selection {
background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
display: inline-block;
position: static;
box-shadow: none;
}
.xdsoft_datetimepicker * {
box-sizing: border-box;
padding: 0;
margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
width: 18vw;
float: left;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
float: right;
margin-right: 8px;
margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
width: 58px;
float: left;
text-align: center;
margin-left: 8px;
margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
float: right;
margin-right: 8px;
margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
margin-top: 8px;
margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker, .xdsoft_datetimepicker .xdsoft_mounthpicker {
position: relative;
text-align: center;
display: flex;
justify-content: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next {
position: absolute !important;
width: 3vw !important;
height: 2vw !important;
background-position: 0px 0 !important;
opacity: 1 !important;
background-size: auto 30%;
}
.xdsoft_datetimepicker .xdsoft_prev {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 12.1' style='enable-background:new 0 0 8 12.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d10019;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M26.6,19.2l-5.2-4.8c-0.5-0.5-1.4-0.5-2,0c-0.5,0.5-0.5,1.3,0,1.8l4.2,3.9L19.4,24 c-0.5,0.5-0.5,1.3,0,1.8c0.3,.3,.6,.4,1,0.4c0.4,0,0.7-0.1,1-0.4l5.2-4.8c0.3-0.2,0.4-0.6,0.4-0.9 C27,19.7,26.9,19.4,26.6,19.2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: left 0.8vw !important;
left: 0px;
}
.xdsoft_datetimepicker .xdsoft_next {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 12.1' style='enable-background:new 0 0 8 12.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d10019;%7D%0A%3C/style%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Desktop---Widescreen---w_1600px'%3E%3Cg id='_x30_1a-Startseite' transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M19.4,21l5.2,4.8c0.5,.5,1.4,.5,2,0c0.5-0.5,0.5-1.3,0-1.8l-4.2-3.9l4.2-3.9 c0.5-0.5,0.5-1.3,0-1.8c-0.3-0.3-0.6-0.4-1-0.4c-0.4,0-0.7,0.1-1,0.4l-5.2,4.8C19.1,19.4,19,19.7,19,20 C19,20.4,19.1,20.7,19.4,21z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right 0.8vw !important;
right: 0px;
}
.xdsoft_datetimepicker .xdsoft_label i {
opacity: 0.5;
background-position: -92px -19px;
display: inline-block;
width: 9px;
height: 20px;
vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
float: left;
background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
float: left;
background-position: -70px 0;
margin-left: 5px;
display: none !important;
}
.xdsoft_datetimepicker .xdsoft_next {
float: right;
background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
background-color: transparent;
background-repeat: no-repeat;
border: 0 none;
cursor: pointer;
display: block;
height: 30px;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
outline: medium none;
overflow: hidden;
padding: 0;
position: relative;
text-indent: 100%;
white-space: nowrap;
width: 20px;
min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
float: none;
background-position: -40px -15px;
height: 15px;
width: 30px;
display: block;
margin-left: 14px;
margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
float: none;
margin-left: 0;
margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
background-position: -40px 0;
margin-bottom: 7px;
margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 151px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
background: #f5f5f5;
border-top: 1px solid #ddd;
color: #666;
font-size: 12px;
text-align: center;
border-collapse: collapse;
cursor: pointer;
border-bottom-width: 0;
height: 25px;
line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
display: inline;
position: relative;
z-index: 9999;
margin: 0;
font-size: 1vw;
font-weight: bold;
background-color: #fff;
float: left;
width: 182px;
text-align: center;
cursor: pointer;
padding: 0.6vw 0;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
border: 1px solid var(--input-border);
position: absolute;
right: 0;
top: 30px;
z-index: 101;
display: none;
background: #fff;
max-height: 160px;
overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #fff;
background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
padding: 2px 10px 2px 5px;
text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #33aaff;
box-shadow: #178fe5 0 1px 3px 0 inset;
color: #fff;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
width: auto;
text-align: right;
pointer-events: none;
}
.xdsoft_datetimepicker .xdsoft_month i {
display: none;
}
.xdsoft_datetimepicker .xdsoft_calendar {
clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
width: auto;
margin-left: 5px;
pointer-events: none;
}
.xdsoft_datetimepicker .xdsoft_year i {
display: none;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
border-collapse: collapse;
width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar table thead {
border-bottom: solid thin #ddd;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
width: 14.2857142%;
background: #fff;
color: #000;
font-size: 0.95vw;
text-align: right;
vertical-align: middle;
padding: 0;
border-collapse: collapse;
cursor: pointer;
height: 2.2vw;
}
.xdsoft_datetimepicker .xdsoft_calendar table tbody tr td {
border: 1px solid #ddd;
text-align: center;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
color: var(--primary-color);
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
background: color-mix(in srgb, var(--primary-color) 62%, white);
color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
background: var(--primary-color);
color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
cursor: default;
border: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
color: #fff !important;
background: color-mix(in srgb, var(--primary-color) 62%, white) !important;
box-shadow: none !important;
}
.xdsoft_datetimepicker td.xdsoft_today:hover {
color: #fff !important;
background: color-mix(in srgb, var(--primary-color) 62%, white) !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
background: #33aaff !important;
box-shadow: #178fe5 0 1px 3px 0 inset !important;
color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
color: inherit !important;
background: inherit !important;
box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
text-align: center;
color: #000;
text-transform: uppercase;
cursor: default;
background-color: #fff !important;
font-weight: 400;
}
.xdsoft_datetimepicker .xdsoft_copyright {
color: #ccc !important;
font-size: 10px;
clear: both;
float: none;
margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
color: #aaa !important;
}
.xdsoft_time_box {
position: relative;
border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
background: #ccc !important;
height: 20px;
border-radius: 3px;
}
.xdsoft_scrollbar {
position: absolute;
width: 7px;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
left: 0;
right: auto;
}
.xdsoft_scroller_box {
position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
background: #000;
border-bottom: 1px solid #444;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-top: 1px solid #333;
color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
background: #0a0a0a;
border-top: 1px solid #222;
color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
border: 1px solid #333;
background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #000;
background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0a0a0a;
border: 1px solid #222;
color: #999;
transition: 0.2s all ease-in-out;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
background: color-mix(in srgb, var(--primary-color) 62%, white);
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
color: #000 !important;
background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
color: #555 !important;
}
.xdsoft_dark .xdsoft_time_box {
border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
display: block;
border: 1px solid #dddddd !important;
margin-top: 5px;
width: 100%;
color: #454551;
font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
font-family: "museo-sans", "Book Antiqua", sans-serif;
font-size: 12px;
font-weight: 300;
color: #82878c;
height: 28px;
position: relative;
padding: 4px 17px 4px 33px;
border: 1px solid #d7d8da;
background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#f4f8fa",GradientType=0 );
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
color: #454551;
background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f4f8fa", endColorstr="#FFF",GradientType=0 );
}
@media screen and (max-width: 800px) {
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar td div {
padding-top: 20%;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar td div:after {
padding-bottom: 20%;
}
.xdsoft_datetimepicker.xdsoft_overlay {
top: 173px !important;
}
}
.superWheel {
position: relative;
max-width: 100%;
margin: 4em auto 1em;
font-size: 25px;
font-weight: 700;
}
.superWheel, .superWheel * {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.sWheel-wrapper {
position: relative;
}
.superWheel .sWheel-inner {
display: block;
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
}
.superWheel .sWheel {
border-radius: 100%;
overflow: hidden;
}
.superWheel .sWheel, .superWheel .sWheel > .sWheel-bg-layer, .superWheel .sWheel > .sWheel-txt-wrap, .superWheel .sWheel > .sWheel-txt-wrap > .sWheel-txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.superWheel .sWheel > .sWheel-txt-wrap > .sWheel-txt, .superWheel .sWheel > .sWheel-bg-layer {
margin: 0 auto;
border-radius: 100%;
padding: 0;
list-style: none;
overflow: hidden;
color: #ecf0f1;
}
.superWheel .sWheel > .sWheel-txt-wrap, .superWheel .sWheel > .sWheel-bg-layer {
transform: rotate(-90deg);
}
.superWheel .sWheel .sWheel-child .sWheel-inside {
display: table;
transform: rotate(0) skew(-45deg);
width: 50%;
height: 50%;
transform-origin: 0 0;
text-align: right;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}
.superWheel .sWheel .sWheel-child .sWheel-inside > div {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
transform: rotate(25deg);
transform-origin: 115% 25%;
padding-right: 40px;
font-size: 18px;
font-weight: 700;
}
.superWheel .sWheel > .sWheel-bg-layer > div {
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform-origin: 0 0;
border: 1px solid transparent;
background-color: #404040;
}
.superWheel .sWheel > .sWheel-bg-layer > div:nth-child(odd) {
background-color: #616161;
}
.superWheel .sWheel > .sWheel-txt-wrap > .sWheel-txt > div {
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 1.2em;
max-height: 23.4em;
transform-origin: 0 1px;
width: 50%;
padding-right: 6%;
font-weight: 700;
font-size: 100%;
cursor: default;
color: #fff;
text-align: right;
}
.superWheel .sWheel > .sWheel-txt-wrap > .sWheel-txt > div img {
max-width: 40%;
}
.superWheel .sWheel-center {
width: 100%;
height: 100%;
border-radius: 100%;
text-align: center;
}
.superWheel .sWheel-center > .sw-center-empty, .superWheel .sWheel-center > .sw-center-html {
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 2;
}
.superWheel .sWheel-center > .sw-center-empty {
position: absolute;
}
.superWheel .sWheel-center > img {
max-width: 100%;
width: 200px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.superWheel .sWheel-center > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent !important;
}
.superWheel .sWheel-marker {
border-spacing: 90px;
width: 16%;
height: 14%;
position: absolute;
left: 50%;
top: -18%;
margin-top: 7%;
margin-left: -8%;
transition: 0.2 rotate linear;
z-index: 1;
display: block;
transform: rotate(0deg);
transform-origin: 50% 35%;
}
.superWheel .sWheel-marker > svg {
height: 100%;
display: block;
text-align: center;
margin: 0 auto;
}
.superWheel .rotate {
transform: rotate(100deg);
}
.sWheel > .sWheel-bg-layer > svg {
margin: 0 auto;
border-radius: 50%;
display: block;
width: 100%;
height: 100%;
transform: rotate(0deg);
}
@keyframes animateColor {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.superWheel {
margin-top: 6em;
margin-bottom: 2em;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fileadmin/templates/css/webfonts/Inter/Inter-Regular.woff2?v=3.19) format("woff2"), url(/fileadmin/templates/css/webfonts/Inter/Inter-Regular.woff?v=3.19) format("woff");
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fileadmin/templates/css/webfonts/Inter/Inter-Medium.woff2?v=3.19) format("woff2"), url(/fileadmin/templates/css/webfonts/Inter/Inter-Medium.woff?v=3.19) format("woff");
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fileadmin/templates/css/webfonts/Inter/Inter-MediumItalic.woff2?v=3.19) format("woff2"), url(/fileadmin/templates/css/webfonts/Inter/Inter-MediumItalic.woff?v=3.19) format("woff");
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/fileadmin/templates/css/webfonts/Inter/Inter-SemiBold.woff2?v=3.19) format("woff2"), url(/fileadmin/templates/css/webfonts/Inter/Inter-SemiBold.woff?v=3.19) format("woff");
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(/fileadmin/templates/css/webfonts/Inter/Inter-SemiBoldItalic.woff2?v=3.19) format("woff2"), url(/fileadmin/templates/css/webfonts/Inter/Inter-SemiBoldItalic.woff?v=3.19) format("woff");
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fileadmin/templates/css/webfonts/Inter/Inter-Bold.woff2?v=3.19) format("woff2"), url(/fileadmin/templates/css/webfonts/Inter/Inter-Bold.woff?v=3.19) format("woff");
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fileadmin/templates/css/webfonts/Inter-BoldItalic.woff2?v=3.19) format("woff2"), url(/fileadmin/templates/css/webfonts/Inter-BoldItalic.woff?v=3.19) format("woff");
}
@font-face {
font-family: "Sport2000 Regular";
src: url(/fileadmin/templates/css/webfonts/Sport2000-Regular.eot);
src: url(/fileadmin/templates/css/webfonts/Sport2000-Regular.eot) format("embedded-opentype"), url(/fileadmin/templates/css/webfonts/Sport2000-Regular.woff) format("woff"), url(/fileadmin/templates/css/webfonts/Sport2000-Regular.ttf) format("truetype"), url(/fileadmin/templates/css/webfonts/Sport2000-Regular.svg) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Sport2000 Bold";
src: url(/fileadmin/templates/css/webfonts/Sport2000-Bold.eot);
src: url(/fileadmin/templates/css/webfonts/Sport2000-Bold.eot) format("embedded-opentype"), url(/fileadmin/templates/css/webfonts/Sport2000-Bold.woff) format("woff"), url(/fileadmin/templates/css/webfonts/Sport2000-Bold.ttf) format("truetype"), url(/fileadmin/templates/css/webfonts/Sport2000-Bold.svg) format("svg");
font-weight: normal;
font-style: normal;
}
* {
outline: none !important;
}
html, body {
height: 100%;
}
body {
font-family: var(--font-base);
font-size: 1vw;
line-height: var(--line-height-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004) !important;
overflow-x: hidden;
}
::-webkit-scrollbar:horizontal {
display: none;
}
::-webkit-input-placeholder {
color: #000000 !important;
opacity: 1 !important;
}
::-moz-placeholder {
color: #000000 !important;
opacity: 1 !important;
}
:-ms-input-placeholder {
color: #000000 !important;
opacity: 1 !important;
}
:-moz-placeholder {
color: #000000 !important;
opacity: 1 !important;
}
a {
color: var(--dynamic-primary-color);
text-decoration: none;
cursor: pointer;
transition: all 0.1s ease-in-out, background-position 0s;
}
a:hover {
color: var(--dynamic-primary-color-dark);
}
b, strong {
font-family: var(--font-bold);
font-weight: 600;
}
.rentSearch b, .rentSearch strong {
font-family: var(--font-special-bold);
}
.content p,
.fancyboxWrapper p {
line-height: 1.7;
margin: 0 0 2vw 0;
}
.blogdetail p {
margin: 0 0 4vw 0;
}
.contenttable {
margin: 0 auto;
}
.contenttable td {
padding: 4px 40px 4px 0;
border-bottom: 1px solid #dcdde6;
}
.content iframe {
width: 100% !important;
height: 37vw !important;
}
.noBottomMargin {
margin-bottom: 0px !important;
}
.noTopMargin {
margin-top: 0px !important;
}
.hideDesktop {
display: none !important;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
h1 {
font-family: var(--font-special-bold), "Arial";
font-size: 4.375vw;
letter-spacing: -0.06vw;
line-height: 1;
margin-bottom: 1vw;
margin-top: 2.25vw;
}
h3,
h2.sliderHeadline {
font-family: var(--font-special-bold), "Arial";
color: #101010;
font-size: 3.75vw;
line-height: 1.2;
margin: 0 0 0.4vw 0;
letter-spacing: -0.03vw;
}
h4, p.h4-headline, .content p.h4-headline {
font-family: var(--font-special-bold);
font-size: 1.5vw;
letter-spacing: -0.17px;
color: #101010;
line-height: 1.4;
margin: 0 0 1.355vw 0;
}
h4 em, h4 i, p.h4-headline em, p.h4-headline i, .content p.h4-headline em, .content p.h4-headline i {
color: var(--dynamic-primary-color);
font-style: normal;
}
h2 {
font-family: var(--font-special-bold);
color: var(--dynamic-primary-color);
font-size: 2vw;
line-height: 1.2;
margin: 0;
letter-spacing: -0.025vw;
}
h2.text-center,
h4.text-center {
font-family: var(--font-special-bold);
font-size: 1.875vw;
line-height: 1.2;
margin: 0 0 1vw 0;
color: #000000;
}
h2.text-center em, h2.text-center i,
h4.text-center em,
h4.text-center i {
color: var(--dynamic-primary-color);
font-style: normal;
}
.content .frame-h2StylingLikeH4 .ce-bodytext h2, .content .cols-frame-h2StylingLikeH4 .col .ce-bodytext h2 {
font-family: var(--font-special-bold);
font-size: 1.5vw;
letter-spacing: -0.17px;
color: #101010;
line-height: 1.4;
margin: 0 0 1.355vw 0;
}
.content .frame-h2StylingLikeH4 .ce-bodytext h2 em, .content .frame-h2StylingLikeH4 .ce-bodytext h2 i, .content .cols-frame-h2StylingLikeH4 .col .ce-bodytext h2 em, .content .cols-frame-h2StylingLikeH4 .col .ce-bodytext h2 i {
color: var(--dynamic-primary-color);
font-style: normal;
}
.content .frame-h2StylingLikeH4 .ce-bodytext h2.text-center, .content .cols-frame-h2StylingLikeH4 .col .ce-bodytext h2.text-center {
font-family: var(--font-special-bold);
font-size: 1.875vw;
line-height: 1.2;
margin: 0 0 1vw 0;
color: #000000;
}
h5 {
font-family: var(--font-special-bold);
font-size: 1.375vw;
letter-spacing: -0.005vw;
}
h5 a {
color: var(--dynamic-primary-color);
text-decoration: underline;
}
h6 {
font-family: var(--font-special-bold);
font-size: 1vw;
}
h6.text-center a {
text-decoration: underline;
}
.blogPostHeadline p,
.shopdisplayContainer p,
.content .ce-bodytext p,
.fancyboxWrapper .ce-bodytext p,
.tx-dim-faq .innerContent p {
color: #363636;
}
.blogPostHeadline ul, .blogPostHeadline ol,
.shopdisplayContainer ul,
.shopdisplayContainer ol,
.content .ce-bodytext ul,
.content .ce-bodytext ol,
.fancyboxWrapper .ce-bodytext ul,
.fancyboxWrapper .ce-bodytext ol,
.tx-dim-faq .innerContent ul,
.tx-dim-faq .innerContent ol {
margin: 3.75vw 0 3.25vw 0;
}
.blogPostHeadline ul li, .blogPostHeadline ol li,
.shopdisplayContainer ul li,
.shopdisplayContainer ol li,
.content .ce-bodytext ul li,
.content .ce-bodytext ol li,
.fancyboxWrapper .ce-bodytext ul li,
.fancyboxWrapper .ce-bodytext ol li,
.tx-dim-faq .innerContent ul li,
.tx-dim-faq .innerContent ol li {
padding: 0 0 0 0.6vw;
margin: 0vw 0 0.35vw 2vw;
line-height: 1.8;
font-size: 1vw;
}
.blogPostHeadline ul li ul, .blogPostHeadline ul li ol, .blogPostHeadline ol li ul, .blogPostHeadline ol li ol,
.shopdisplayContainer ul li ul,
.shopdisplayContainer ul li ol,
.shopdisplayContainer ol li ul,
.shopdisplayContainer ol li ol,
.content .ce-bodytext ul li ul,
.content .ce-bodytext ul li ol,
.content .ce-bodytext ol li ul,
.content .ce-bodytext ol li ol,
.fancyboxWrapper .ce-bodytext ul li ul,
.fancyboxWrapper .ce-bodytext ul li ol,
.fancyboxWrapper .ce-bodytext ol li ul,
.fancyboxWrapper .ce-bodytext ol li ol,
.tx-dim-faq .innerContent ul li ul,
.tx-dim-faq .innerContent ul li ol,
.tx-dim-faq .innerContent ol li ul,
.tx-dim-faq .innerContent ol li ol {
margin: 0.8vw 0 1.5vw 0;
}
.blogPostHeadline h2,
.shopdisplayContainer h2,
.content .ce-bodytext h2,
.fancyboxWrapper .ce-bodytext h2,
.tx-dim-faq .innerContent h2 {
color: var(--dynamic-primary-color);
font-size: 3.25vw;
line-height: 1.2;
margin: 0;
letter-spacing: -0.03vw;
}
.blogPostHeadline h2.text-center,
.shopdisplayContainer h2.text-center,
.content .ce-bodytext h2.text-center,
.fancyboxWrapper .ce-bodytext h2.text-center,
.tx-dim-faq .innerContent h2.text-center {
font-size: 2.625vw;
line-height: 1.2;
color: #101010;
margin: 0 0 1vw 0;
}
.blogPostHeadline h2.text-center em, .blogPostHeadline h2.text-center i,
.shopdisplayContainer h2.text-center em,
.shopdisplayContainer h2.text-center i,
.content .ce-bodytext h2.text-center em,
.content .ce-bodytext h2.text-center i,
.fancyboxWrapper .ce-bodytext h2.text-center em,
.fancyboxWrapper .ce-bodytext h2.text-center i,
.tx-dim-faq .innerContent h2.text-center em,
.tx-dim-faq .innerContent h2.text-center i {
letter-spacing: normal;
font-size: 1vw;
font-family: var(--font-base);
font-weight: 500;
color: var(--dynamic-primary-color);
font-style: normal;
line-height: 3.1;
}
.blogPostHeadline h1.text-center em, .blogPostHeadline h1.text-center i,
.shopdisplayContainer h1.text-center em,
.shopdisplayContainer h1.text-center i,
.content .ce-bodytext h1.text-center em,
.content .ce-bodytext h1.text-center i,
.fancyboxWrapper .ce-bodytext h1.text-center em,
.fancyboxWrapper .ce-bodytext h1.text-center i,
.tx-dim-faq .innerContent h1.text-center em,
.tx-dim-faq .innerContent h1.text-center i {
letter-spacing: normal;
font-size: 1.125vw;
font-family: var(--font-base);
font-weight: 500;
color: var(--dynamic-primary-color);
font-style: normal;
line-height: 3.3;
}
.blogPostHeadline h3,
.shopdisplayContainer h3,
.content .ce-bodytext h3,
.fancyboxWrapper .ce-bodytext h3,
.tx-dim-faq .innerContent h3 {
color: #101010;
font-size: 2.75vw;
line-height: 1.2;
margin: 0;
letter-spacing: -0.025vw;
}
.blogPostHeadline h6,
.shopdisplayContainer h6,
.content .ce-bodytext h6,
.fancyboxWrapper .ce-bodytext h6,
.tx-dim-faq .innerContent h6 {
color: var(--dynamic-primary-color);
font-size: 1vw !important;
margin-bottom: 1vw;
}
.blogPostHeadline p sup,
.shopdisplayContainer p sup,
.content .ce-bodytext p sup,
.fancyboxWrapper .ce-bodytext p sup,
.tx-dim-faq .innerContent p sup {
top: unset;
font-size: inherit;
color: var(--dynamic-primary-color);
}
.tx-dim-faq .innerContent ul, .tx-dim-faq .innerContent ol {
margin: 1.75vw 0 1.25vw 0;
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#fader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
pointer-events: none;
background-color: white;
animation-duration: 300ms;
animation-timing-function: ease-in-out;
}
#fader:before {
content: "fade";
}
#fader.fade-out {
opacity: 0;
}
#fader.fade-in {
opacity: 1;
animation-name: fade-in;
}
#fader.animate-fade-out.fade-out {
animation-name: fade-out;
}
#fader.animate-fade-out.fade-in {
animation-name: fade-in;
}
.buttonReset {
background-color: transparent;
border-width: 0;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
padding: 0;
cursor: pointer;
}
.personalizedContentLocalProcessingHidden {
display: none !important;
}
.smallLink {
font-size: 1vw;
margin-bottom: 0.2vw;
text-decoration: underline;
font-weight: 600;
}
.content .rentBooking .ce-above .ce-bodytext {
width: 90%;
}
.content h6,
.fancyboxWrapper h6 {
color: var(--dynamic-primary-color);
font-weight: 600;
font-size: 0.75vw;
font-family: var(--font-base);
}
.fancyboxWrapper h1 {
-webkit-hyphens: auto;
hyphens: auto;
}
.image-embed-item {
max-width: 100%;
height: auto;
margin: 0 0 4.375vw 0;
}
.image-caption {
font-size: 0.875vw;
font-weight: 600;
margin: 0.2vw 0 0 0.1vw;
}
.btnGreyLink,
.btnGreenLink,
.btnWhiteLink,
.btnRed a,
.btnRedLink {
cursor: pointer;
display: inline-block;
color: #ffffff;
font-weight: 600;
font-size: 0.875vw;
padding: 0.75vw 1.2vw 0.875vw 1.2vw;
line-height: 1.15;
border-radius: 0.725vw;
letter-spacing: -0.2px;
border: none;
}
.btnGreyLink.disabled,
.btnGreenLink.disabled,
.btnWhiteLink.disabled,
.btnRed a.disabled,
.btnRedLink.disabled {
cursor: initial;
opacity: 0.3 !important;
pointer-events: none !important;
}
.btnGreyLink,
.btnGreenLink,
.btnWhiteLink,
.btnRedLink {
transition: all 0.2s ease-in-out, background-position 0s;
}
.btnWhiteLink {
background: #ffffff;
color: #101010;
border: 1px solid #CCCCCC;
}
.btnWhiteLink:hover {
background: #101010;
color: #ffffff !important;
border-color: #101010;
color: var(--dark-grey);
}
.btnGreyLink {
background: var(--medium-grey);
}
.btnGreyLink:hover {
color: #ffffff;
}
.btnGreenLink {
background: var(--dynamic-secondary-color);
}
.btnGreenLink:hover {
color: #ffffff;
background: #101010;
}
.btnRedLink {
background: var(--dynamic-primary-color);
background-position: center center !important;
}
.btnRedLink:hover {
background: #101010;
color: #ffffff;
}
.btnRedLink.confirmError {
display: table;
margin: 0 auto;
cursor: pointer;
}
.btnRed {
display: block;
text-align: center;
}
.btnRed a {
background: var(--dynamic-primary-color);
}
.btnRed a:hover {
background: #101010;
color: #ffffff;
}
.btnRed.eticket {
text-align: left;
margin: 0 0 2.5vw 0;
}
.btnRed.eticket a {
padding: 1.1vw 3.1vw 1.3vw;
font-size: 1vw;
}
.btnTag {
padding: 0.23vw 0.625vw 0.3vw 0.625vw;
line-height: 1.1;
font-size: 0.75vw;
border-radius: 0.25vw;
letter-spacing: -0.2px;
font-weight: 600;
}
.btnTag.btnTagBlue {
background-color: #0042F5;
color: #fff;
}
.btnTag.btnTagRed {
background-color: var(--primary-color);
color: #fff;
}
.btnTag.btnTagYellow {
background-color: #FFD700;
color: #000;
}
.btnTag.btnTagGreen {
background-color: #11B700;
color: #fff;
}
.btnTag.btnTagViolet {
background-color: #800080;
color: #fff;
}
.btnTag.btnTagBlack {
background-color: #000;
color: #fff;
}
.btnTag.btnTagLightBlue {
background-color: #81c9e7;
color: #fff;
}
.frame-layout-1 {
padding: 1.4vw 1vw;
border: 1px solid #DCDEE6;
background-color: var(--light-grey);
}
.frame-layout-1 .ce-above .ce-bodytext {
width: 100% !important;
}
.frame-layout-1 p {
margin: 0px !important;
}
mark {
background: none;
color: var(--dynamic-primary-color);
}
.formItem {
position: relative;
}
.formItem label span {
color: var(--dynamic-primary-color);
}
.formItemInput {
}
.formItemInput input, .formItemInput iframe {
background: #ffffff;
border-radius: 0;
font-size: 0.875vw;
border: 1px solid var(--input-border);
height: 2.875vw !important;
width: 100%;
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
padding: 0 0 0 1.125vw;
margin: 0 0 0.875vw 0;
letter-spacing: -0.2px;
}
.formItemInput iframe {
padding: 0px;
border: none;
}
.formItemInput input::-webkit-input-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.formItemInput input::-moz-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.formItemInput input:-ms-input-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.formItemInput input:-moz-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.formItemInput input[type=number]::-webkit-outer-spin-button,
.formItemInput input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.formItemInput input[type=number] {
-moz-appearance: textfield;
}
.formItemInput label, .formItemSelect label {
display: block;
font-size: 0.875vw;
margin: 0 0 0.625vw 0;
}
.formItemSelect select {
background: #ffffff;
border-radius: 0;
font-size: 0.875vw;
border: 1px solid var(--input-border);
height: 2.875vw;
width: 100%;
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
padding: 0 0 0 1.125vw;
}
.formItemCheckbox {
text-align: left;
margin: 0.5vw 0 0 0;
padding: 0 0 0 1.75vw;
}
.formItemCheckbox.formItemError label {
color: var(--primary-color);
}
.formItemCheckbox.formItemError label p {
color: var(--primary-color);
}
.formItemCheckbox label[for=checkboxPrivacy] {
font-size: 0.875vw;
}
.formItemSubmit input {
display: block;
width: auto;
background: var(--dynamic-primary-color);
border: 0;
color: #ffffff;
font-weight: 600;
font-size: 0.875vw;
padding: 0.75vw 1.2vw 0.875vw 1.2vw;
line-height: 1;
border-radius: 0.725vw;
cursor: pointer;
transition: all 0.1s ease-in-out, background-position 0s;
}
.formItemSubmit input:hover {
background: #101010;
color: #ffffff;
}
.formItemSubmitText a {
font-size: 0.75vw;
font-weight: 600;
text-decoration: underline;
}
.formItemError input, .formItemError select, .formItemError .CaptionCont.SelectBox {
border: 2px solid var(--primary-color) !important;
}
.formItemInput.formItemError input:focus {
border: 1px solid var(--primary-color) !important;
}
.formItemValid input, .formItemValid select, .formItemValid .CaptionCont.SelectBox {
border: 1px solid var(--secondary-color) !important;
}
.fancyboxWrapper {
padding: 2.5vw;
}
hr {
border-top: 1px solid #dcdde6;
border-bottom: 0;
}
.subsite {
padding: 9.375vw 0 0 0;
}
.subsite h1 {
font-size: 5.125vw;
line-height: 0.98;
letter-spacing: -0.8px;
margin-bottom: 0.9375vw;
margin-top: 0;
color: #101010;
hyphens: auto;
-webkit-hyphens: auto;
padding-top: 1vw;
}
.subsiteContent {
padding: 9.375vw 0 0 0;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.sr-only-focusable {
max-width: 320px;
position: absolute;
top: 0px;
overflow: visible;
z-index: -1;
opacity: 0;
pointer-events: none;
}
.sr-only-focusable.centered {
display: table;
left: 0px;
right: 0px;
margin-left: auto !important;
margin-right: auto !important;
}
.sr-only-focusable:focus {
opacity: 1;
pointer-events: initial;
z-index: 100;
}
*[tabindex]:not([tabindex="-1"]):focus-visible,
a[href]:focus-visible,
a[role=button]:focus-visible,
button:not([disabled]):focus-visible,
input:not([disabled]):focus-visible,
select:not([disabled]):focus-visible,
.icheckbox_square.focus,
.iradio_square.focus {
box-shadow: 0 0 0 0.13rem #fff, 0 0 0 0.3rem #000, 0 0 0 0.375rem #fff !important;
outline: none !important;
transition: box-shadow 0.1s ease-out !important;
}
@supports not selector(:focus-visible) {
*[tabindex]:not([tabindex="-1"]):focus-visible,
a[href]:focus-visible,
a[role=button]:focus-visible,
button:not([disabled]):focus-visible,
input:not([disabled]):focus-visible,
select:not([disabled]):focus-visible,
.icheckbox_square.focus,
.iradio_square.focus {
box-shadow: 0 0 0 0.13rem #fff, 0 0 0 0.3rem #000, 0 0 0 0.375rem #fff !important;
outline: none !important;
transition: box-shadow 0.1s ease-out !important;
}
}
.burger {
width: 4.4vw;
height: 4.4vw;
position: relative;
font-size: 0.75vw;
cursor: pointer;
transition: 0.2s all;
-webkit-tap-highlight-color: transparent;
}
.burger .burger-lines {
margin: 2.2vw 0 0 1.3vw;
}
.burger .burger-lines:after {
left: 0vw;
top: -8px;
}
.burger .burger-lines:before {
left: 0;
top: 8px;
}
.burger:after {
content: "";
display: block;
position: absolute;
height: 150%;
width: 150%;
top: -25%;
left: -25%;
}
.burger:hover {
background-color: var(--dynamic-primary-color-dark);
}
.burger .burger-lines, .burger .burger-lines:after, .burger .burger-lines:before {
pointer-events: none;
display: block;
content: "";
width: 1.75vw;
background-color: white;
height: 3px;
border-radius: 1.5px;
position: absolute;
transform: rotate(0);
}
.burger.burger-squeeze .burger-lines, .burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
transition: 0.2s top 0.2s, 0.1s left, 0.2s transform, 0.4s background-color 0.2s;
}
.burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
width: 1.75vw;
}
.burger.burger-squeeze.open .burger-lines, .burger.burger-squeeze.open .burger-lines:after, .burger.burger-squeeze.open .burger-lines:before {
transition: 0.2s background-color, 0.2s top, 0.2s left, 0.2s transform 0.15s;
}
.burger.burger-squeeze.open .burger-lines {
background-color: transparent;
}
.burger.burger-squeeze.open .burger-lines:before, .burger.burger-squeeze.open .burger-lines:after {
left: 0;
top: 0px;
}
.burger.burger-squeeze.open .burger-lines:before {
transform: rotate(-45deg);
}
.burger.burger-squeeze.open .burger-lines:after {
transform: rotate(45deg);
}
.navSlideIn {
position: fixed;
z-index: 200;
width: 4.4vw;
height: var(--app-height, 100vh);
left: 0;
top: 0;
}
.navSlideIn .navSlideInBar {
width: calc(4.4vw + 1px);
height: var(--app-height, 100vh);
background: var(--dynamic-primary-color);
text-align: center;
padding: 0;
font-size: 0.75vw;
color: #ffffff;
font-weight: 600;
position: fixed;
left: 0;
transition: 0.3s all cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.25s;
box-shadow: -4px 0px 17px 0px rgba(0, 0, 0, 0.5);
border-right: solid 1px #D9D9D9;
z-index: 3;
}
.navSlideIn .navSlideInToggle {
width: 4.4vw;
height: 4.4vw;
background: url('../../../fileadmin/templates/img/icon-menu.svg') no-repeat center 1.7vw;
background-size: 1.75vw auto;
display: inline-block;
cursor: pointer;
transition: 0.2s all ease-in-out;
}
.navSlideIn .navSlideInFacebook,
.navSlideIn .navSlideInInstagram,
.navSlideIn .navSlideInLanguage,
.navSlideIn .navSlideInLogin,
.navSlideIn .navSlideInNewsletter,
.navSlideIn .navSlideInAppSwitch,
.navSlideIn .navSlideInToTop {
width: 4.4vw;
height: 4.4vw;
position: absolute;
border-top: 1px solid rgba(255, 255, 255, 0.4);
transition: 0.2s all ease-in-out;
cursor: pointer;
}
.navSlideIn .navSlideInLanguage.active,
.navSlideIn .navSlideInLogin.active,
.navSlideIn .navSlideInNewsletter.active {
background-color: var(--dynamic-primary-color-dark);
}
.navSlideIn .navSlideInFacebook a,
.navSlideIn .navSlideInInstagram a {
color: transparent;
text-indent: -9999px;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.navSlideIn .navSlideInFacebook:hover,
.navSlideIn .navSlideInInstagram:hover,
.navSlideIn .navSlideInLanguage:hover,
.navSlideIn .navSlideInLogin:hover,
.navSlideIn .navSlideInNewsletter:hover,
.navSlideIn .navSlideInAppSwitch:hover,
.navSlideIn .navSlideInLanguage.active,
.navSlideIn .navSlideInLogin.active,
.navSlideIn .navSlideInNewsletter.active,
.navSlideIn .navSlideInToggle:hover,
.navSlideIn .navSlideInToTop:hover {
background-color: var(--dynamic-primary-color-dark) !important;
}
.navSlideIn .navSlideInFacebook {
bottom: 3.3125vw;
background: url('../../../fileadmin/templates/img/icon-facebook-white.svg') no-repeat center center;
background-size: 0.56vw auto;
}
.navSlideIn .navSlideInInstagram {
bottom: 7.7125vw;
background: url('../../../fileadmin/templates/img/icon-instagram-white.svg') no-repeat center center;
background-size: 1.35vw auto;
}
.navSlideIn .navSlideInToTop {
bottom: 0;
height: 3.3125vw;
}
.navSlideIn .navSlideInToTop::before {
display: block;
content: "";
width: 100%;
height: 100%;
background-color: #ffffff;
-webkit-mask-image: var(--arrow-up-icon);
mask-image: var(--arrow-up-icon);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 0.56vw auto;
mask-size: 0.56vw auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.navSlideIn .navSlideInLanguage {
bottom: 12.1125vw;
padding: 2.5vw 0 0 0;
}
.navSlideIn .navSlideInLogin {
bottom: 16.5125vw;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='22px' viewBox='0 0 20 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M9.94446047,12.9872553 C7.92593488,12.9882545 6.02129767,12.0499274 4.79211163,10.4480972 C3.56300233,8.84626693 3.14830233,6.76488786 3.66993256,4.81430647 C4.19256047,2.86472275 5.59153023,1.26795763 7.45623488,.495399493 C9.32188605,-.278028414 11.4402814,-.140144693 13.1890256,.869118097 C14.9377442,1.87838089 16.1168163,3.64316461 16.3815837,5.64465298 C16.6453791,7.64619252 15.962893,9.65683903 14.5359372,11.0847925 C13.3208209,12.3068925 11.668007,12.9923972 9.94433256,12.9874358 L9.94446047,12.9872553 Z M9.94446047,1.99723205 L9.94446047,1.99823126 C8.7513186,1.99823126 7.60716512,2.47189638 6.76366977,3.31526382 C5.92027674,4.15965452 5.44663721,5.303808 5.44763331,6.49707777 C5.44763331,7.69021963 5.92229767,8.83437312 6.76566512,9.67684521 C7.61005581,10.5202382 8.75520698,10.9938778 9.94747907,10.9928817 C11.1406209,10.9918809 12.2847744,10.516222 13.1272465,9.67183126 C13.9706395,8.82744056 14.4432814,7.68328707 14.4412923,6.49001731 C14.4392874,5.29889638 13.9646279,4.15671266 13.1212349,3.31434289 C12.2778419,2.47294521 11.1356837,1.99930568 9.94453721,1.998308 L9.94446047,1.99723205 Z M18.8900186,21.9328134 L18.8900186,21.9338127 C18.3384326,21.9338127 17.8917558,21.4861382 17.8917558,20.9345522 C17.8917558,18.0955289 16.3768512,15.4716452 13.917686,14.0526452 C11.4594674,12.6326731 8.4297093,12.6326731 5.97159302,14.0526452 C3.51237674,15.4716196 1.99752326,18.0957847 1.99752326,20.9345522 C1.99752326,21.4861382 1.55084651,21.9338127 .999260465,21.9338127 C0.447674419,21.9338127 0,21.4861382 0,20.9345522 C0.0019984186,17.8517382 1.43296744,14.943901 3.87430233,13.0613661 C6.31653256,11.1797266 9.49325581,10.536201 12.4750233,11.3186336 C15.4567907,12.1020638 17.9059535,14.223401 19.1082791,17.0624243 C19.6268907,18.2875429 19.892707,19.6045754 19.889739,20.9346801 C19.889739,21.1994987 19.7847893,21.4542894 19.5979326,21.6411615 C19.4100679,21.8290261 19.1562442,21.9339406 18.8904535,21.9339406 L18.8900186,21.9328134 Z' id='Shape' fill='%23ffffff' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center 0.875vw;
background-size: 1.243vw auto;
padding: 2.5vw 0 0 0;
}
.navSlideIn .text-muted {
display: none;
}
.navSlideIn .navSlideInLanguageDe {
background: url('../../../fileadmin/templates/img/icon-flag-de.svg') no-repeat center 1.2vw;
background-size: auto 1vw;
}
.navSlideIn .navSlideInLanguageEn {
background: url('../../../fileadmin/templates/img/icon-flag-uk.svg') no-repeat center 1.2vw;
background-size: auto 1vw;
}
.navSlideIn .navSlideInLanguageNl {
background: url('../../../fileadmin/templates/img/icon-flag-nl.svg') no-repeat center 1.2vw;
background-size: auto 1vw;
}
.navSlideIn .navSlideInNewsletter, .navSlideIn .navSlideInAppSwitch {
height: 8.3vw;
padding: 3.75vw 0 0 0;
}
.navSlideIn .navSlideInNewsletter span, .navSlideIn .navSlideInAppSwitch span {
-khtml-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod="auto expand");
zoom: 1;
display: block;
font-size: 0.875vw;
color: #fff;
}
.navSlideIn .navSlideInNewsletter a, .navSlideIn .navSlideInAppSwitch a {
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
}
.navSlideIn .navSlideInNewsletter a span, .navSlideIn .navSlideInAppSwitch a span {
position: relative;
top: 50%;
-khtml-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.navSlideIn .navSlideInNewsletter {
bottom: 20.9125vw;
}
.navSlideIn .navSlideInAppSwitch {
bottom: 29.1125vw;
}
.navSlideIn .navSlideInContent {
position: fixed;
width: 0px;
max-width: 0px;
height: 100vh;
left: 0vw;
top: 0;
background: var(--light-black);
color: #ffffff;
padding: 0 0 2vw 0;
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
overflow: hidden;
transition-delay: 0.25s;
}
.navSlideIn .navSlideInContent .navSlideInContentLogo {
margin: 1.25vw 0 0 6.15vw;
}
.navSlideIn .navSlideInContent .navSlideInContentLogo a {
display: block;
background: url('../../../fileadmin/templates/img/logo-sport2000rent.png') no-repeat;
background-size: 100% auto;
width: 10vw;
height: 4.4vw;
color: transparent;
text-indent: -999px;
}
.navSlideIn .navSlideInContent .navSlideInContentIcon {
display: block;
height: 6.25vw;
opacity: 1;
margin: 3.875vw 0 1.75vw 0;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletter, .navSlideIn .navSlideInContent .navSlideInContentLogin {
text-align: center;
padding: 0 1.5vw;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletter .formItemSubmit input, .navSlideIn .navSlideInContent .navSlideInContentLogin .formItemSubmit input {
width: 13.75vw;
margin-left: auto;
margin-right: auto;
}
.navSlideIn .navSlideInContent .navSlideInContentIconNewsletter {
background: url('../../../fileadmin/templates/img/icon-newsletter.svg') no-repeat center center;
background-size: auto 6.25vw;
}
.navSlideIn .navSlideInContent .navSlideInContentIconLanguage {
background: url('../../../fileadmin/templates/img/icon-language.svg') no-repeat center center;
background-size: auto 6.25vw;
}
.navSlideIn .navSlideInContent .navSlideInContentIconLogin {
background: url('../../../fileadmin/templates/img/icon-account.svg') no-repeat center center;
background-size: auto 6.25vw;
}
.navSlideIn .navSlideInContent .navSlideInContentHeadline {
text-align: center;
font-size: 1.875vw;
font-family: var(--font-special-bold);
line-height: 1.2;
margin: 0 0 1.5vw 0;
}
.navSlideIn .navSlideInContent .navSlideInContentSubline {
font-size: 1.25vw;
font-family: var(--font-special);
margin: 0 0 2vw 0;
line-height: 1.3;
}
.navSlideIn .navSlideInContent .navSlideInContentSubline strong {
font-size: 1.875vw;
font-family: var(--font-special-bold);
}
.navSlideIn .navSlideInContent .navSlideInContentLogin .formItemSubmit input {
margin-top: 1.5vw;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm label {
display: none;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm .formItemCheckbox {
margin: 0.6vw 0 0 0;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm .formItemCheckbox label {
display: block !important;
font-size: 0.75vw;
padding-top: 0px;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm .formItemSubmit input {
margin-top: 2.5vw;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm a {
color: #ffffff;
text-decoration: underline;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm input::-webkit-input-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm input::-moz-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm input:-ms-input-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm input:-moz-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm .SumoSelect > .CaptionCont {
padding-top: 0.8vw;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm .newsletterForm p {
text-align: left;
font-size: 0.75em;
margin: 0 0 2em 0;
}
.navSlideIn .navSlideInContent .navSlideInContentNewsletterForm .newsletterForm .formItem.formItemSubmit {
margin: 0 0 4em 0;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul {
border-top: 1px solid rgba(151, 151, 151, 0.2);
margin: 3vw 0 0 0;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li {
list-style-type: none;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a {
font-size: 1vw;
font-weight: 600;
display: block;
text-align: center;
border-bottom: 1px solid rgba(151, 151, 151, 0.2);
padding: 1.1vw 2vw;
color: #ffffff;
background-color: rgba(16, 16, 16, 0.2) !important;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a:hover,
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li.active a {
background-color: rgba(16, 16, 16, 0.4) !important;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a.langDe {
background: url('../../../fileadmin/templates/img/icon-flag-de.svg') no-repeat 5.75vw center;
background-size: 1.625vw auto;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a.langEn {
background: url('../../../fileadmin/templates/img/icon-flag-uk.svg') no-repeat 5.75vw center;
background-size: 1.625vw auto;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a.langNe {
background: url('../../../fileadmin/templates/img/icon-flag-nl.svg') no-repeat 5.75vw center;
background-size: 1.625vw auto;
}
.navSlideIn .copyrightOverlay {
background-color: rgba(255, 255, 255, 0.4);
}
.navSlideIn .copyrightOverlay span {
color: #fff;
opacity: 0.8;
}
.navSlideIn .navSlideInContentMenu {
z-index: -1;
opacity: 0;
transition: 0.3s all ease-in-out;
transition-delay: 0.15s;
}
.navSlideIn .navSlideInContentMenu nav {
margin: 1vw 0 0 0;
}
.navSlideIn .navSlideInContentMenu nav ul {
border-top: 1px solid rgba(151, 151, 151, 0.2);
}
.navSlideIn .navSlideInContentMenu nav ul ul {
border-top: 0;
}
.navSlideIn .navSlideInContentMenu nav ul li {
list-style-type: none;
position: relative;
}
.navSlideIn .navSlideInContentMenu nav ul li a {
font-size: 1vw;
font-weight: 600;
display: block;
text-align: center;
border-bottom: 1px solid rgba(151, 151, 151, 0.2);
padding: 1.1vw 2vw;
color: #ffffff;
background: rgba(16, 16, 16, 0.2);
transition: all 0.1s ease-in-out;
position: relative;
display: block;
}
.navSlideIn .navSlideInContentMenu nav ul li a .submenuToggle {
position: absolute;
height: 3.5vw;
width: 22%;
top: 0px;
right: 0px;
z-index: 9999;
-webkit-mask-image: var(--arrow-down-icon);
mask-image: var(--arrow-down-icon);
background-color: var(--primary-color);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.navSlideIn .navSlideInContentMenu nav ul li ul li a {
font-size: 0.85vw;
background: rgba(255, 255, 255, 0.03);
padding: 0.7vw 2vw;
font-weight: 500;
color: #bfbfbf;
}
.navSlideIn .navSlideInContentMenu .submenuToggle {
position: absolute;
height: 3.5vw;
width: 22%;
top: 0;
right: 0;
background-color: var(--primary-color);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: var(--arrow-down-icon);
mask-image: var(--arrow-down-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 0.8vw auto;
mask-size: 0.8vw auto;
z-index: 9999;
cursor: pointer;
}
.navSlideIn .navSlideInContentMenu .submenuToggle.clicked {
-webkit-mask-image: var(--arrow-up-icon);
mask-image: var(--arrow-up-icon);
}
.navSlideIn .navSlideInContentMenu nav ul li a:hover,
.navSlideIn .navSlideInContentMenu nav ul li a.active {
background: rgba(16, 16, 16, 0.4);
}
.navSlideIn .navSlideInContentMenu nav ul li a.active {
color: rgba(255, 255, 255, 0.8);
}
.navSlideIn .navSlideInContentMenu nav ul li .level2 {
display: none;
}
.navSlideIn .navSlideInContentMenu nav ul li .level2.show {
display: block !important;
}
.navSlideIn .navSlideInContentMenu .navSlideInContentContact {
font-size: 0.875vw;
text-align: center;
margin: 4.5vw 0 2.5vw 0;
}
.navSlideIn .navSlideInContentMenu .navSlideInContentContact p {
line-height: 1.5;
}
.navSlideIn .navSlideInContentMenu .navSlideInContentContact a {
color: #ffffff;
text-decoration: underline;
}
.navSlideIn .navSlideInContentMenu .navSlideInContentContact a:hover {
opacity: 0.8;
}
.navSlideIn .navSlideInContentMenu .navSlideInContentService {
margin: 0 0 1vw 0;
}
.navSlideIn .navSlideInContentMenu .btnRed .ce-bodytext {
margin: 0 0 0.625vw 0;
}
.navSlideIn .navSlideInContentMenu .btnRed .ce-bodytext a {
width: 13.75vw;
font-size: 0.875vw;
}
.navSlideIn .navSlideInContentLanguage,
.navSlideIn .navSlideInContentNewsletter,
.navSlideIn .navSlideInContentLogin {
z-index: -1;
opacity: 0;
transition: 0.4s all ease-in-out;
transition-delay: 0.15s;
}
.navSlideIn .navSlideInContentLanguage,
.navSlideIn .navSlideInContentNewsletter,
.navSlideIn .navSlideInContentLogin,
.navSlideIn .navSlideInContentMenu {
position: absolute;
width: 100%;
z-index: 1 !important;
}
.navSlideIn .navSlideInContentLanguage.navHidden,
.navSlideIn .navSlideInContentNewsletter.navHidden,
.navSlideIn .navSlideInContentMenu.navHidden,
.navSlideIn .navSlideInContentLogin.navHidden {
opacity: 0 !important;
z-index: 0 !important;
visibility: hidden;
display: none;
}
.navSlideInOpen {
display: block !important;
}
.navSlideInOpen .navSlideInContentMenu,
.navSlideInOpen .navSlideInContent .navSlideInContentNewsletter,
.navSlideInOpen .navSlideInContent .navSlideInContentLanguage,
.navSlideInOpen .navSlideInContent .navSlideInContentLogin {
z-index: 20;
opacity: 1;
}
.navSlideInOpen .navSlideInBar {
left: 22vw;
transition-delay: unset;
}
.navSlideInOpen .navSlideInToggle {
background: url('../../../fileadmin/templates/img/icon-close-nav.svg') no-repeat center 1.5vw;
background-size: 1.5vw auto;
}
.navSlideInOpen .navSlideInContent {
display: block;
width: 22vw;
max-width: 22vw;
overflow: auto;
transition-delay: unset;
}
.cols-frame-layout-200 .container {
width: calc(100% - 6.924vw);
margin: 0 3.437vw;
}
.cols-frame-layout-100 .container {
width: 48.75vw;
margin: 0 auto;
}
.container {
width: 66.25vw;
margin: 0 auto;
}
.container h2.text-center, .container p.text-center {
max-width: 48.75vw;
margin-left: auto !important;
margin-right: auto !important;
}
.container .image-embed-item {
margin-bottom: 2.625vw;
}
.frame-addBorderForTextMediaImage .image-embed-item {
border-bottom: solid 1px #DCDEE6;
border-top: solid 1px #DCDEE6;
}
.slider-navigation-next, .slider-navigation-prev {
width: 2.625vw;
height: 2.625vw;
border-radius: 100%;
border: solid 1px #CCCCCC;
background-color: #ffffff;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
transition: 0.2s all ease-in-out;
}
.slider-navigation-next:hover, .slider-navigation-prev:hover {
border: solid 1px #a2a3a3;
}
.slider-navigation-next[disabled], .slider-navigation-prev[disabled] {
opacity: 0.2;
cursor: default;
border: solid 1px #CCCCCC;
}
.slider-navigation-next::before, .slider-navigation-prev::before {
content: "";
display: block;
width: 100%;
height: 100%;
-webkit-mask-image: var(--arrow-right-icon);
mask-image: var(--arrow-right-icon);
-webkit-mask-size: 0.51vw auto;
mask-size: 0.51vw auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.slider-navigation-next {
left: initial;
right: 3.46vw;
top: -0.6vw;
}
.slider-navigation-next::before {
-webkit-mask-image: var(--arrow-right-icon);
mask-image: var(--arrow-right-icon);
}
.slider-navigation-prev {
left: initial;
right: 6.3vw;
top: -0.6vw;
}
.slider-navigation-prev::before {
-webkit-mask-image: var(--arrow-left-icon);
mask-image: var(--arrow-left-icon);
}
.slider-navigation.noHeadline {
height: 3.5vw;
}
.greysection {
overflow: hidden;
background: var(--lighter-grey);
padding: 5.625vw 0 3.9375vw 4.4vw;
border-top: 1px solid #DCDEE6;
}
.greysection.darkerGrey {
background: var(--light-grey2);
}
.greysection.addBorderBottom {
border-bottom: 1px solid #DCDEE6;
}
.greysection.addBottomMargin {
margin-bottom: 5.625vw;
}
.greysection.addTopMargin {
margin-top: 7.0625vw;
}
.greysection .ratingHighlightsContainer,
.greysection .blogTeaserSection,
.greysection .blogList,
.greysection .locationSliderContainer,
.greysection .shopdisplayContainer,
.greysection .ratingOverviewContainer {
margin-left: 0px !important;
}
.stripes.stripes01 {
background-image: var(--stripes-01);
background-repeat: no-repeat;
}
.stripes.stripes02 {
background-image: var(--stripes-02);
background-repeat: no-repeat;
}
.stripes.stripes03 {
background-image: var(--stripes-03);
background-repeat: no-repeat;
}
.stripes.stripes04 {
background-image: var(--stripes-04);
background-repeat: no-repeat;
}
.stripes.stripes05 {
background-image: var(--stripes-05);
background-repeat: no-repeat;
}
.stripes.stripes06 {
background-image: var(--stripes-06);
background-repeat: no-repeat;
}
.stripes.stripes07 {
background-image: var(--stripes-07);
background-repeat: no-repeat;
}
.stripes.stripes08 {
background-image: var(--stripes-08);
background-repeat: no-repeat;
}
.logo {
margin: 0 0 0 -1.6vw;
padding: 1.25vw 0 0 0;
}
.logo a {
display: block;
background: url('../../../fileadmin/templates/img/logo-sport2000rent.png') no-repeat;
background-size: 100% auto;
width: 10vw;
height: 4.4vw;
color: transparent;
text-indent: -9999px;
}
.tx-sport2000rent {
position: relative;
}
.rentSearch .partnerInfoBar .poweredByInfo,
#bookingDataTopBar .poweredByInfo,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo {
display: flex;
align-items: center;
gap: 0.5vw;
}
.rentSearch .partnerInfoBar .poweredByInfo .poweredBy,
#bookingDataTopBar .poweredByInfo .poweredBy,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo .poweredBy {
color: #747474;
font-weight: 600;
letter-spacing: 0.3px;
font-size: 0.6875vw;
}
.rentSearch .partnerInfoBar .poweredByInfo .logo,
#bookingDataTopBar .poweredByInfo .logo,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo .logo {
margin: 0;
padding: 0;
border: none;
width: 5.875vw;
height: 2.3125vw;
}
.rentSearch .partnerInfoBar .poweredByInfo .logo div, .rentSearch .partnerInfoBar .poweredByInfo .logo a,
#bookingDataTopBar .poweredByInfo .logo div,
#bookingDataTopBar .poweredByInfo .logo a,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo .logo div,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo .logo a {
width: 100%;
height: 100%;
}
.rentSearch .partnerInfoBar .poweredByInfo .logo p,
#bookingDataTopBar .poweredByInfo .logo p,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo .logo p {
margin-bottom: 0 !important;
}
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo {
display: none;
}
.rentSearch {
height: 56.25vw;
max-height: 100vh;
min-height: 43vw;
position: relative;
padding: 0 0 14vw 8.15vw;
margin: 0 0 4.875vw 0;
}
.rentSearch .logo {
display: table;
}
.rentSearch .partnerInfoBar {
width: 45.625vw;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 0 -1.6vw;
padding: 1.25vw 0 0 0;
}
.rentSearch .partnerInfoBar .partnerLogo img {
max-width: 12.5vw;
height: auto;
}
.rentSearch .rentSearchContentWrapper {
position: relative;
z-index: 1;
top: 38%;
transform: translateY(-50%);
}
.rentSearch p {
margin: 0 !important;
}
.rentSearch .introLine {
max-width: 32vw;
color: var(--dynamic-primary-color);
font-weight: 500;
font-size: 1.125vw;
margin: 0 0 0.6vw 0;
}
.rentSearch .headline {
max-width: 45vw;
margin: 0 0 0.8vw 0;
}
.rentSearch .headline h1 {
font-size: 3.25vw;
font-family: var(--font-special-bold), "Arial";
letter-spacing: -0.5px;
line-height: 1;
margin: 0;
}
.rentSearch .subline {
max-width: 28vw;
margin: 0 0 1.6vw 0;
}
.rentSearch .subline p {
font-size: 1.125vw;
line-height: 1.56;
margin: 0;
color: #363636;
}
.rentSearch .bgGradient {
width: 100vw;
height: 100%;
max-height: 56.25vw;
background-repeat: no-repeat;
background-position: right top;
background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(249, 249, 250));
background-size: 100% auto;
top: 0;
left: 0;
position: absolute;
z-index: -1;
}
.rentSearch .bgGradient .stripes {
position: absolute;
bottom: 0px;
right: 0px;
width: 84%;
height: 1.3125vw;
background-size: contain;
background-position: right 0px center;
}
.rentSearch .bgMedia {
width: 45.9375vw;
height: 100%;
max-height: 56.25vw;
top: 0;
right: 0;
position: absolute;
z-index: -1;
}
.rentSearch .bgMedia .bgImage {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.rentSearch .bgMedia .bgVideoWrapper {
transition: 0.4s all ease-in-out;
opacity: 0;
}
.rentSearch .bgMedia .bgVideoWrapper video {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
top: 0px;
-o-object-fit: cover;
object-fit: cover;
background-size: cover;
}
.rentSearch .bgMedia .bgVideoWrapper.isActiveForDesktop {
opacity: 1;
}
.rentSearch .bgMedia.video .bgImage {
display: none;
}
.newsletterForm .validationError {
color: var(--primary-color);
}
.newsletterForm .validationError label {
color: var(--primary-color);
}
.rentSearch .newsletterForm, .newsletterForm.newsletterSection {
max-width: 30vw;
}
.rentSearch .newsletterForm .formItemInput label, .newsletterForm.newsletterSection .formItemInput label {
display: none;
}
.rentSearch .newsletterForm .formItemCheckbox, .newsletterForm.newsletterSection .formItemCheckbox {
margin: 0.5vw 0 1vw 0;
font-size: 0.75vw;
}
.rentSearch .newsletterForm .formItemCheckbox label, .newsletterForm.newsletterSection .formItemCheckbox label {
display: block;
}
.rentSearch .newsletterForm input[type=submit]:hover, .newsletterForm.newsletterSection input[type=submit]:hover {
background: #98999f;
}
.newsletterForm.newsletterSection {
margin: 0;
}
.bottomHighlight {
font-size: 1.75vw;
font-family: var(--font-special-bold);
position: absolute;
bottom: 3.125vw;
left: 8.15vw;
width: 55vw;
}
.bottomHighlight p {
margin: 0;
display: inline;
}
.bottomHighlight span {
display: inline-block;
background-size: 1vw auto;
padding: 0.4vw 0 0 2.8vw;
white-space: nowrap;
}
.bottomHighlight a {
text-decoration: underline;
}
.selectBookingDateFrom, .selectBookingDateTo {
visibility: hidden;
padding: 0px;
position: absolute;
width: 100%;
height: 100%;
top: 10px;
left: 0px;
}
.bookingDateDatepicker {
position: absolute;
bottom: 0;
visibility: hidden;
pointer-events: none;
width: 49%;
height: 85%;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.stickySearchBar .bookingDateDatepicker {
width: 44%;
}
button.bookingDatePresentation {
position: relative;
display: flex;
align-items: center;
border: solid 1px #CCCCCC;
border-radius: 0.725vw;
width: 8.25vw;
height: 2.6525vw;
padding: 0.6875vw 0 0.8125vw 2.05vw;
font-size: 0.855vw;
margin: 0 0.5vw 0 0;
cursor: pointer;
letter-spacing: normal;
color: #101010;
font-stretch: normal;
font-weight: 500;
}
button.bookingDatePresentation::before {
position: absolute;
left: 0.65vw;
display: block;
content: "";
width: 1.106vw;
height: 100%;
}
button.bookingDatePresentation.bookingDateFromPresentation::before {
-webkit-mask-image: var(--date-from-icon);
mask-image: var(--date-from-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
button.bookingDatePresentation.bookingDateToPresentation::before {
-webkit-mask-image: var(--date-to-icon);
mask-image: var(--date-to-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.rentSearch .rentSearchFormContainer:not(.showonclick) .rentSearchFormLocationInput:focus-visible, .stickySearchBar .rentSearchFormContainer:not(.showonclick) .rentSearchFormLocationInput:focus-visible {
box-shadow: none !important;
}
.rentSearch .rentSearchFormContainer.showonclick .rentSearchFormLocationInput:focus-visible, .stickySearchBar .rentSearchFormContainer.showonclick .rentSearchFormLocationInput:focus-visible {
box-shadow: none !important;
color: var(--dynamic-primary-color) !important;
font-size: 1.3vw;
}
.rentSearch .appSwitch,
.stickySearchBar .appSwitch {
display: flex;
margin: 2.1875vw 0 0.75vw 0;
gap: 0.75vw;
}
.rentSearch .appSwitch a,
.stickySearchBar .appSwitch a {
position: relative;
display: table;
border: solid 1px #CCCCCC;
border-radius: 0.75vw;
background-color: #fff;
line-height: 1;
padding: 0.8125vw 0.78125vw 0.8125vw 0;
color: #000;
font-size: 0.84375vw;
font-family: var(--font-bold);
font-weight: 500;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.rentSearch .appSwitch a.ski,
.stickySearchBar .appSwitch a.ski {
padding-left: 2.375vw;
}
.rentSearch .appSwitch a.bike,
.stickySearchBar .appSwitch a.bike {
padding-left: 2.5vw;
}
.rentSearch .appSwitch a::before,
.stickySearchBar .appSwitch a::before {
content: "";
position: absolute;
top: 50%;
left: 0.84375vw;
transform: translateY(-50%);
background-size: contain;
transition: background-color 0.2s ease-in-out;
pointer-events: none;
background-color: #000;
}
.rentSearch .appSwitch a.ski::before,
.stickySearchBar .appSwitch a.ski::before {
-webkit-mask-image: var(--snowflake-icon);
mask-image: var(--snowflake-icon);
width: 1vw;
height: 1.125vw;
}
.rentSearch .appSwitch a.bike::before,
.stickySearchBar .appSwitch a.bike::before {
-webkit-mask-image: var(--cycling-icon);
mask-image: var(--cycling-icon);
width: 1.15625vw;
height: 1vw;
}
.rentSearch .appSwitch a:hover,
.stickySearchBar .appSwitch a:hover {
color: #fff !important;
background-color: var(--dynamic-primary-color);
border-color: var(--dynamic-primary-color);
}
.rentSearch .appSwitch a:hover::before,
.stickySearchBar .appSwitch a:hover::before {
background-color: #fff !important;
}
.rentSearch .appSwitch a.active,
.stickySearchBar .appSwitch a.active {
color: var(--dynamic-primary-color);
}
.rentSearch .appSwitch a.active::before,
.stickySearchBar .appSwitch a.active::before {
background-color: var(--dynamic-primary-color);
}
.rentSearch .rentSearchFormContainer,
.stickySearchBar .rentSearchFormContainer {
position: relative;
width: 65.75vw;
height: 5.375vw;
background-color: rgba(204, 204, 204, 0.8);
border-radius: 1.625vw;
box-shadow: 2px 21px 36px 0px rgba(33, 33, 33, 0.1);
padding: 0.375vw 0 0 0.375vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm,
.stickySearchBar .rentSearchFormContainer .rentSearchForm {
background: #ffffff;
width: 65vw;
height: 4.625vw;
border: solid 2px #ffffff;
border-radius: 1.25vw;
transition: border 0.2s ease-out;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper {
width: 100%;
height: calc(4.625vw - 4px);
border-radius: 1.25vw;
display: flex;
align-items: center;
padding: 0 0 0 1.25vw;
transition: 0.2s all ease-in-out;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results {
display: none;
width: 100%;
margin: 0.3vw 0 0 0;
position: relative;
overflow-y: auto;
overflow-x: hidden;
height: auto;
max-height: 23.1vw;
border-top: solid thin #D0D2D9;
transition: 0.2s max-height ease-in-out;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results .loaderWrapper,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results .loaderWrapper {
display: none;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results .loaderWrapper .loader,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results .loaderWrapper .loader {
background-color: transparent;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results .noResults,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results .noResults {
padding: 3vw 0;
text-align: center;
font-weight: 600;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results .category,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results .category {
text-align: center;
background-color: #f5f5f5;
line-height: 1.5;
color: #363636;
border-top: solid thin #D0D2D9;
border-bottom: solid thin #D0D2D9;
text-transform: uppercase;
font-weight: 600;
font-size: 0.75vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results .category:first-child,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results .category:first-child {
border-top: 0;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li {
position: relative;
border-bottom: solid thin #D0D2D9;
padding: 0.875vw 1.3125vw 0.875vw 1.75vw;
list-style-type: none;
cursor: pointer;
color: #101010;
display: flex;
align-items: center;
justify-content: space-between;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper {
width: 90%;
display: inline-flex;
align-items: center;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col01,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col01 {
display: inline-block;
width: 50%;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col01 .title,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col01 .title {
font-weight: 700;
font-size: 1vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col01 .subtitle,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col01 .subtitle {
font-size: 0.875vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02 {
display: inline-block;
text-align: right;
width: 49%;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02 .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02 .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 0.65vw;
height: 0.65vw;
margin: 0 0.1vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02 .rating, .rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02 .rentalPeriod,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02 .rating,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02 .rentalPeriod {
font-size: 0.75vw;
font-weight: 600;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02 .rating .starRating,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .infoWrapper .col02 .rating .starRating {
display: inline-block;
width: auto !important;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li:hover,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li:hover {
background-color: var(--light-grey);
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li:focus-visible, .rentSearch .rentSearchFormContainer .rentSearchForm .results ul li.highlighted,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li:focus-visible,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li.highlighted {
background-color: var(--light-grey2);
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li:last-child,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li:last-child {
border-bottom: 0;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results .mapBtnWrapper,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results .mapBtnWrapper {
width: 10%;
display: inline-block;
vertical-align: top;
margin: 0vw 0 0 0;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results .mapBtnWrapper a,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results .mapBtnWrapper a {
float: right;
font-size: 0.75vw;
}
.rentSearch .rentSearchFormContainer.showonclick .rentSearchForm .results,
.stickySearchBar .rentSearchFormContainer.showonclick .rentSearchForm .results {
max-height: 22.1vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm.showResults,
.rentSearch .rentSearchFormContainer .rentSearchForm.loadResults,
.stickySearchBar .rentSearchFormContainer .rentSearchForm.showResults,
.stickySearchBar .rentSearchFormContainer .rentSearchForm.loadResults {
height: auto !important;
border: 2px solid var(--dynamic-primary-color);
overflow: hidden;
}
.rentSearch .rentSearchFormContainer .rentSearchForm.showResults .results,
.rentSearch .rentSearchFormContainer .rentSearchForm.loadResults .results,
.stickySearchBar .rentSearchFormContainer .rentSearchForm.showResults .results,
.stickySearchBar .rentSearchFormContainer .rentSearchForm.loadResults .results {
display: block;
}
.rentSearch .rentSearchFormContainer .rentSearchForm.loadResults .results,
.stickySearchBar .rentSearchFormContainer .rentSearchForm.loadResults .results {
padding-top: 7.4vw;
max-height: 7.4vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm.loadResults .results .loaderWrapper,
.stickySearchBar .rentSearchFormContainer .rentSearchForm.loadResults .results .loaderWrapper {
display: block;
}
.rentSearch .rentSearchFormContainer .rentSearchForm.noResults .results,
.stickySearchBar .rentSearchFormContainer .rentSearchForm.noResults .results {
max-height: 7.4vw;
}
.rentSearch .rentSearchFormContainer input[type=text],
.stickySearchBar .rentSearchFormContainer input[type=text] {
border: 0;
font-weight: 500;
font-size: 1.125vw;
}
.rentSearch .rentSearchFormContainer input[type=text]:disabled,
.stickySearchBar .rentSearchFormContainer input[type=text]:disabled {
color: white;
}
.rentSearch .rentSearchFormContainer label,
.stickySearchBar .rentSearchFormContainer label {
display: none;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocation, .rentSearch .rentSearchFormContainer .rentSearchFormSubmit,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocation,
.stickySearchBar .rentSearchFormContainer .rentSearchFormSubmit {
position: relative;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocation input,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocation input {
background-color: #fff;
width: 37vw;
padding: 0 0 0 2.185vw;
transition: 0.2s all ease-in-out;
height: 3vw;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocation .shopInfo, .rentSearch .rentSearchFormContainer .rentSearchFormLocation .shopClear,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocation .shopInfo,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocation .shopClear {
display: none;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocation::before,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocation::before {
content: "";
position: absolute;
left: 0;
display: block;
width: 1.268vw;
height: 100%;
-webkit-mask-image: var(--location-icon);
mask-image: var(--location-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-webkit-input-placeholder,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-webkit-input-placeholder {
-webkit-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-moz-placeholder,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-moz-placeholder {
-moz-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-ms-input-placeholder,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-ms-input-placeholder {
-ms-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-moz-placeholder,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-moz-placeholder {
-moz-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-webkit-input-placeholder,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-webkit-input-placeholder {
color: var(--dynamic-primary-color) !important;
font-size: 1.3vw;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-moz-placeholder,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-moz-placeholder {
color: var(--dynamic-primary-color) !important;
font-size: 1.3vw;
opacity: 1;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-ms-input-placeholder,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-ms-input-placeholder {
color: var(--dynamic-primary-color) !important;
font-size: 1.3vw;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-moz-placeholder,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocationInput.highlight::-moz-placeholder {
color: var(--dynamic-primary-color) !important;
font-size: 1.3vw;
}
.rentSearch .rentSearchFormContainer .rentSearchFormSubmit,
.stickySearchBar .rentSearchFormContainer .rentSearchFormSubmit {
position: relative;
margin: 0 1vw 0 0;
}
.rentSearch .rentSearchFormContainer .rentSearchFormSubmit input,
.stickySearchBar .rentSearchFormContainer .rentSearchFormSubmit input {
display: block;
background: var(--dynamic-primary-color);
border: 0;
color: #ffffff;
width: 8.125vw;
height: 2.6525vw;
border-radius: 0.725vw;
border: 1px solid rgba(255, 255, 255, 0.1019607843);
font-weight: 600;
text-align: center;
transition: 0.25s all ease-in-out;
letter-spacing: -0.2px;
}
.rentSearch .rentSearchFormContainer .rentSearchFormSubmit.active input,
.stickySearchBar .rentSearchFormContainer .rentSearchFormSubmit.active input {
background: var(--dynamic-secondary-color);
cursor: pointer;
}
.rentSearch .rentSearchFormContainer .rentSearchFormSubmit.active input:hover,
.stickySearchBar .rentSearchFormContainer .rentSearchFormSubmit.active input:hover {
padding-right: 1.8vw;
}
.rentSearch .rentSearchFormContainer .rentSearchFormSubmit.active:after,
.stickySearchBar .rentSearchFormContainer .rentSearchFormSubmit.active:after {
content: " ";
position: absolute;
right: 2.1vw;
width: 1vw;
height: 0.5vw;
background: url('../../../fileadmin/templates/img/icon-arrow-right-white.svg') no-repeat center center;
background-size: 100% auto;
opacity: 0;
transition: 0.2s all ease;
top: 50%;
transform: translateY(-50%);
}
.rentSearch .rentSearchFormContainer .rentSearchFormSubmit.active:hover:after,
.stickySearchBar .rentSearchFormContainer .rentSearchFormSubmit.active:hover:after {
right: 1.5vw;
opacity: 1;
}
.rentSearch .rentSearchFormContainer .selectedShop,
.stickySearchBar .rentSearchFormContainer .selectedShop {
position: absolute;
padding: 0 0 0 2.5vw;
width: 75%;
background-color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
top: 50%;
transform: translateY(-50%);
z-index: 1;
opacity: 1;
}
.rentSearch .rentSearchFormContainer .selectedShop .title,
.stickySearchBar .rentSearchFormContainer .selectedShop .title {
font-size: 1.125vw;
font-weight: 600;
}
.rentSearch .rentSearchFormContainer .selectedShop .subtitle,
.stickySearchBar .rentSearchFormContainer .selectedShop .subtitle {
font-size: 0.875vw;
}
.rentSearch .rentSearchFormContainer .shopInfo,
.rentSearch .rentSearchFormContainer .shopClear,
.stickySearchBar .rentSearchFormContainer .shopInfo,
.stickySearchBar .rentSearchFormContainer .shopClear {
position: absolute;
width: 2vw;
height: 2vw;
border-radius: 0.725vw;
border: 1px solid #CCCCCC;
top: 1.1vw;
cursor: pointer;
transition: all 0.1s ease-in-out;
z-index: 1;
}
.rentSearch .rentSearchFormContainer .shopInfo,
.stickySearchBar .rentSearchFormContainer .shopInfo {
height: 2.6525vw;
width: 2.6525vw;
right: 0.5vw;
top: 0.17vw;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='13px' viewBox='0 0 6 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-709,-455)' fill='%23101010' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-11' transform='translate(568,16)'%3E%3Cg id='Group-80' transform='translate(18,14)'%3E%3Cpath d='M2.80253375,3.56592781 C3.73000386,3.57456066 4.48873148,2.78592173 4.49830239,1.80324407 C4.4973437,.810972326 3.74098586,.0055900436 2.80486513,0 C1.87739503,.00507809961 1.12921994,.804888278 1.13253295,1.78751394 C1.1267812,2.25927462 1.30077234,2.71377117 1.61472267,3.04841978 C1.92915156,3.38306839 2.35717976,3.56943784 2.80246013,3.56588881 L2.80253375,3.56592781 Z M5.85148159,11.8133221 L4.74714601,11.8133221 C4.63546578,11.7117589 4.59759443,11.5467161 4.59759443,11.279096 L4.59759443,4.80998552 L0,4.98569489 L0,5.74742283 C0.272255532,5.74742283 .53011789,5.73980555 .787992518,5.74742283 C1.41397901,5.77230632 1.61144648,5.99168174 1.61241584,6.64168681 L1.61241584,11.1241218 C1.61481249,11.2485366 1.60858134,11.3734637 1.59372312,11.4973677 C1.57934344,11.6156894 1.52853664,11.7258835 1.44896927,11.8106961 L0.300533885,11.8106961 C0.219051098,11.811204 .153387304,11.8812828 .153387304,11.9676073 L0.153387304,12.8441002 C0.153387304,12.8852338 .168725298,12.9248425 .196525106,12.9542968 C0.223846368,12.9837499 .261711581,13 .300536339,13 L5.85141778,13 C5.93338034,13 5.99952145,12.9304287 6,12.8441028 L6,11.970145 C6,11.8833082 5.93385521,11.8132337 5.85141778,11.8132337 L5.85148159,11.8133221 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 0.375vw auto;
}
.rentSearch .rentSearchFormContainer .shopInfo:hover,
.stickySearchBar .rentSearchFormContainer .shopInfo:hover {
background-color: #101010;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='13px' viewBox='0 0 6 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-709,-455)' fill='%23ffffff' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-11' transform='translate(568,16)'%3E%3Cg id='Group-80' transform='translate(18,14)'%3E%3Cpath d='M2.80253375,3.56592781 C3.73000386,3.57456066 4.48873148,2.78592173 4.49830239,1.80324407 C4.4973437,.810972326 3.74098586,.0055900436 2.80486513,0 C1.87739503,.00507809961 1.12921994,.804888278 1.13253295,1.78751394 C1.1267812,2.25927462 1.30077234,2.71377117 1.61472267,3.04841978 C1.92915156,3.38306839 2.35717976,3.56943784 2.80246013,3.56588881 L2.80253375,3.56592781 Z M5.85148159,11.8133221 L4.74714601,11.8133221 C4.63546578,11.7117589 4.59759443,11.5467161 4.59759443,11.279096 L4.59759443,4.80998552 L0,4.98569489 L0,5.74742283 C0.272255532,5.74742283 .53011789,5.73980555 .787992518,5.74742283 C1.41397901,5.77230632 1.61144648,5.99168174 1.61241584,6.64168681 L1.61241584,11.1241218 C1.61481249,11.2485366 1.60858134,11.3734637 1.59372312,11.4973677 C1.57934344,11.6156894 1.52853664,11.7258835 1.44896927,11.8106961 L0.300533885,11.8106961 C0.219051098,11.811204 .153387304,11.8812828 .153387304,11.9676073 L0.153387304,12.8441002 C0.153387304,12.8852338 .168725298,12.9248425 .196525106,12.9542968 C0.223846368,12.9837499 .261711581,13 .300536339,13 L5.85141778,13 C5.93338034,13 5.99952145,12.9304287 6,12.8441028 L6,11.970145 C6,11.8833082 5.93385521,11.8132337 5.85141778,11.8132337 L5.85148159,11.8133221 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.rentSearch .rentSearchFormContainer .shopClear,
.stickySearchBar .rentSearchFormContainer .shopClear {
height: 2.375vw;
width: 2.375vw;
border-radius: 200px;
left: -0.625vw;
top: 0.35vw;
}
.rentSearch .rentSearchFormContainer .shopClear::before,
.stickySearchBar .rentSearchFormContainer .shopClear::before {
display: block;
content: "";
width: 100%;
height: 100%;
-webkit-mask-image: var(--close-icon);
mask-image: var(--close-icon);
-webkit-mask-size: 0.625vw auto;
mask-size: 0.625vw auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: #101010;
}
.rentSearch .rentSearchFormContainer .shopClear:hover,
.stickySearchBar .rentSearchFormContainer .shopClear:hover {
background-color: var(--dynamic-primary-color);
border: 1px solid var(--dynamic-primary-color);
}
.rentSearch .rentSearchFormContainer .shopClear:hover::before,
.stickySearchBar .rentSearchFormContainer .shopClear:hover::before {
background-color: #ffffff;
}
.rentSearch .stripes,
.stickySearchBar .stripes {
position: absolute;
width: 100%;
height: 0.375vw;
right: 0px;
bottom: -0.375vw;
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
z-index: -1;
}
.actionInfo {
cursor: pointer;
border-radius: 0.725vw;
border: 1px solid #CCCCCC;
transition: background-color 0.1s ease-in-out, background-image 0.1s ease-in-out;
z-index: 1;
min-height: 2.6525vw;
width: 2.6525vw;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='13px' viewBox='0 0 6 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-709,-455)' fill='%23101010' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-11' transform='translate(568,16)'%3E%3Cg id='Group-80' transform='translate(18,14)'%3E%3Cpath d='M2.80253375,3.56592781 C3.73000386,3.57456066 4.48873148,2.78592173 4.49830239,1.80324407 C4.4973437,.810972326 3.74098586,.0055900436 2.80486513,0 C1.87739503,.00507809961 1.12921994,.804888278 1.13253295,1.78751394 C1.1267812,2.25927462 1.30077234,2.71377117 1.61472267,3.04841978 C1.92915156,3.38306839 2.35717976,3.56943784 2.80246013,3.56588881 L2.80253375,3.56592781 Z M5.85148159,11.8133221 L4.74714601,11.8133221 C4.63546578,11.7117589 4.59759443,11.5467161 4.59759443,11.279096 L4.59759443,4.80998552 L0,4.98569489 L0,5.74742283 C0.272255532,5.74742283 .53011789,5.73980555 .787992518,5.74742283 C1.41397901,5.77230632 1.61144648,5.99168174 1.61241584,6.64168681 L1.61241584,11.1241218 C1.61481249,11.2485366 1.60858134,11.3734637 1.59372312,11.4973677 C1.57934344,11.6156894 1.52853664,11.7258835 1.44896927,11.8106961 L0.300533885,11.8106961 C0.219051098,11.811204 .153387304,11.8812828 .153387304,11.9676073 L0.153387304,12.8441002 C0.153387304,12.8852338 .168725298,12.9248425 .196525106,12.9542968 C0.223846368,12.9837499 .261711581,13 .300536339,13 L5.85141778,13 C5.93338034,13 5.99952145,12.9304287 6,12.8441028 L6,11.970145 C6,11.8833082 5.93385521,11.8132337 5.85141778,11.8132337 L5.85148159,11.8133221 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 0.375vw auto;
flex-shrink: 0;
}
.actionInfo:hover {
background-color: #101010;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='13px' viewBox='0 0 6 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-709,-455)' fill='%23ffffff' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-11' transform='translate(568,16)'%3E%3Cg id='Group-80' transform='translate(18,14)'%3E%3Cpath d='M2.80253375,3.56592781 C3.73000386,3.57456066 4.48873148,2.78592173 4.49830239,1.80324407 C4.4973437,.810972326 3.74098586,.0055900436 2.80486513,0 C1.87739503,.00507809961 1.12921994,.804888278 1.13253295,1.78751394 C1.1267812,2.25927462 1.30077234,2.71377117 1.61472267,3.04841978 C1.92915156,3.38306839 2.35717976,3.56943784 2.80246013,3.56588881 L2.80253375,3.56592781 Z M5.85148159,11.8133221 L4.74714601,11.8133221 C4.63546578,11.7117589 4.59759443,11.5467161 4.59759443,11.279096 L4.59759443,4.80998552 L0,4.98569489 L0,5.74742283 C0.272255532,5.74742283 .53011789,5.73980555 .787992518,5.74742283 C1.41397901,5.77230632 1.61144648,5.99168174 1.61241584,6.64168681 L1.61241584,11.1241218 C1.61481249,11.2485366 1.60858134,11.3734637 1.59372312,11.4973677 C1.57934344,11.6156894 1.52853664,11.7258835 1.44896927,11.8106961 L0.300533885,11.8106961 C0.219051098,11.811204 .153387304,11.8812828 .153387304,11.9676073 L0.153387304,12.8441002 C0.153387304,12.8852338 .168725298,12.9248425 .196525106,12.9542968 C0.223846368,12.9837499 .261711581,13 .300536339,13 L5.85141778,13 C5.93338034,13 5.99952145,12.9304287 6,12.8441028 L6,11.970145 C6,11.8833082 5.93385521,11.8132337 5.85141778,11.8132337 L5.85148159,11.8133221 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.rentSearch .rentSearchFormContainer.showonclick .rentSearchForm.showResults,
.stickySearchBar .rentSearchFormContainer.showonclick .rentSearchForm.showResults {
height: auto !important;
}
.rentSearch .rentSearchFormContainer.showonclick .rentSearchForm.showResults .results,
.stickySearchBar .rentSearchFormContainer.showonclick .rentSearchForm.showResults .results {
height: auto;
}
.overlaySearch {
display: none;
}
.rentSearch .rentSearchFormContainer:hover .rentSearchForm:hover, .rentSearch .rentSearchFormContainer:hover .rentSearchForm:focus-within {
border-color: var(--dynamic-primary-color);
}
.rentSupportLoginContainer, .rentSearchDefaultFormContainer {
padding: 0;
}
.rentSupportLoginContainer .formWrapper, .rentSearchDefaultFormContainer .formWrapper {
width: 20vw;
}
.rentSupportLoginContainer label, .rentSearchDefaultFormContainer label {
margin: 0 0 0.5vw 0;
font-size: 0.875vw;
}
.rentSupportLoginContainer .rentSearchDefaultSubmit, .rentSearchDefaultFormContainer .rentSearchDefaultSubmit {
margin: 0 0 3vw 0;
}
.rentSupportLoginContainer #submitRentSupportCompleteBookingForm, .rentSupportLoginContainer #submitRentSupportLoginForm, .rentSearchDefaultFormContainer #submitRentSupportCompleteBookingForm, .rentSearchDefaultFormContainer #submitRentSupportLoginForm {
margin: 0 0 1.8vw 0;
}
.rentSupportLoginContainerAdmin .formWrapper {
width: 30vw;
}
.rentSupportLoginContainerAdmin .formWrapper form {
display: flex;
gap: 1vw;
align-items: flex-end;
}
.rentSupportLoginContainerAdmin .formWrapper form input {
margin-bottom: 0px;
}
.rentSupportLoginContainerAdmin #submitRentSupportCompleteBookingForm, .rentSupportLoginContainerAdmin #submitRentSupportLoginForm {
margin: 0 0 0.15em 0;
}
.tx-felogin-pi1, .frame-type-felogin_login {
margin: 2vw 0;
width: 20vw;
}
.tx-felogin-pi1 form, .frame-type-felogin_login form {
margin: 1vw 0;
}
.tx-felogin-pi1 form.logout, .frame-type-felogin_login form.logout {
margin-top: 0vw !important;
}
.tx-felogin-pi1 label, .frame-type-felogin_login label {
display: block;
margin: 0 0 0.5vw 0;
}
.stickySearchBar {
position: fixed;
z-index: -1;
top: 0;
left: 4.4vw;
right: 0;
padding: 0;
height: 6.25vw;
background: #ffffff;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
border-bottom: 1px solid #DCDEE6;
display: flex;
}
.stickySearchBar .logo {
display: flex;
align-items: center;
margin: 0px;
padding: 0 3.5vw 0 2.15vw;
border-right: 1px solid #DCDEE6;
}
.stickySearchBar .logo img {
max-width: 8.5vw;
max-height: 3vw;
width: 100%;
height: 100%;
}
.stickySearchBar .logo a {
display: block;
}
.stickySearchBar .logo p, .stickySearchBar .logo a {
margin: 0;
}
.stickySearchBar span {
display: inline-block;
white-space: nowrap;
}
.stickySearchBar a {
text-decoration: none;
}
.stickySearchBar .rentSearchFormContainer {
background: none;
box-shadow: none;
padding: 0.75vw 0.375vw 0 0.375vw;
width: 79.6vw;
}
.stickySearchBar .rentSearchFormContainer .rentSearchForm {
width: 100%;
}
.stickySearchBar .rentSearchFormContainer .rentSearchForm .rentSearchFormLocation {
width: 70%;
}
.stickySearchBar.sticky, .stickySearchBar.isPermanent {
top: 0;
opacity: 1;
visibility: visible;
z-index: 41;
}
.xdsoft_current {
background: #fff !important;
color: #000 !important;
}
.xdsoft_startdate, .xdsoft_enddate, .xdsoft_current.xdsoft_startdate, .xdsoft_current.xdsoft_enddate {
background-color: var(--primary-color) !important;
color: #fff !important;
}
.noAvailableShops {
margin: 3vw 0;
text-align: center;
font-weight: 600;
}
.groupInfo {
padding: 6.25vw 0 0 0;
}
.groupInfo h3 {
font-size: 1.375vw;
}
.groupInfo ul {
margin: 0.7vw 0;
}
.groupInfo ul li {
font-family: var(--font-special);
font-size: 1.125vw;
background: url('../../../fileadmin/templates/img/icon-check-red.svg') no-repeat left 0.2vw;
background-size: 0.75vw auto;
padding: 0 0 0 1.25vw;
margin: 0 0 0.3vw 0.1vw;
list-style-type: none;
}
.groupInfo ul li b {
font-family: var(--font-special-bold);
}
.mapOverlay {
visibility: hidden;
opacity: 0;
position: fixed;
background: #ffffff;
left: 0;
top: 0;
height: 100vh;
width: 69.975vw;
z-index: 260;
opacity: 0;
transition: all 0.15s;
margin-left: 4.4vw;
}
.mapOverlay #map {
width: 100%;
height: 100%;
position: relative;
}
.mapOverlay #map .loaderWrapper {
display: block;
}
.mapOverlay .cookiesMustBeAcceptedInfo {
position: absolute;
top: 50%;
transform: translateY(-50%);
max-width: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.mapOverlay .cookiesMustBeAcceptedInfo .info {
margin: 0 0 1em 0;
}
.mapOverlay.open {
opacity: 1;
visibility: visible;
}
.infoWindoContent {
text-align: center;
padding: 1vw 0.5vw 0 0.5vw;
}
.infoWindoContent .starRating {
display: table;
width: auto !important;
margin: 0 auto;
padding: 2px 0px;
}
.infoWindoContent .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 0.65vw;
height: 0.65vw;
margin: 0 0.1vw;
}
.infoWindoContent span {
display: block;
line-height: 1.4;
}
.infoWindoContent span.name {
font-family: var(--font-special-bold);
font-size: 1.1vw;
}
.infoWindoContent span.mapRentalPeriod {
font-family: var(--font-special-bold);
}
.infoWindoContent div.btnWrapper {
text-align: center;
}
.infoWindoContent a.routeLink {
margin: 0.5vw 0 0.4vw;
display: block;
text-decoration: underline;
font-weight: 500;
line-height: normal;
letter-spacing: -0.1px;
text-align: center;
color: #101010;
}
.infoWindoContent a.routeLink:hover {
color: var(--primary-color);
}
.slideInRight {
visibility: hidden;
display: none;
position: fixed;
left: 74.375vw;
top: 0;
height: 100vh;
width: 25.625vw;
background: #ffffff;
overflow: scroll;
-webkit-overflow-scrolling: auto;
z-index: 99991;
box-shadow: 0px -2vw 4vw 0px rgba(0, 0, 0, 0.5);
margin-right: -100%;
overflow-x: hidden;
}
.slideInRight .btnWhiteLink {
border: 0;
}
.slideInRight .btnWhiteLink:hover {
background: var(--dynamic-primary-color);
}
.slideInRight p {
line-height: 1.6;
}
.slideInRight h5 {
font-family: var(--font-base);
font-weight: 600;
font-size: 0.875vw;
margin: 0 0 1vw 0;
color: #000;
}
.slideInRight h5 p {
margin: 0px;
line-height: normal;
}
.slideInRight .slideInRightClose {
position: absolute;
height: 2.375vw;
width: 2.375vw;
border-radius: 200px;
border: 1px solid #CCCCCC;
cursor: pointer;
right: 0.875vw;
top: 0.875vw;
z-index: 120;
opacity: 1;
transition: all 0.1s ease-in-out;
background-color: #fff;
min-width: 30px;
min-height: 30px;
}
.slideInRight .slideInRightClose::before {
position: absolute;
width: 0.625vw;
height: 0.625vw;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
display: block;
content: "";
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-image: var(--close-icon);
mask-image: var(--close-icon);
background-color: var(--dynamic-primary-color);
}
.slideInRight .slideInRightClose:hover {
border: 1px solid #a2a3a3;
}
.slideInRight .slideInRightClose:hover::before {
background-color: var(--dynamic-primary-color-dark);
}
.slideInRight .slideInRightImageSliderContainer {
height: 12.5vw;
position: relative;
}
.slideInRight .slideInRightImageSliderContainer .slider-prev,
.slideInRight .slideInRightImageSliderContainer .slider-next {
width: 0.875vw;
height: 1.75vw;
position: absolute;
top: 50%;
z-index: 120;
margin-top: -0.85vw;
opacity: 0.5;
transition: all 0.1s ease-in-out;
cursor: pointer;
display: none;
}
.slideInRight .slideInRightImageSliderContainer .slider-prev {
background: url('../../../fileadmin/templates/img/icon-slider-left-white.svg') no-repeat;
background-size: 100% auto;
left: 1.5vw;
}
.slideInRight .slideInRightImageSliderContainer .slider-next {
background: url('../../../fileadmin/templates/img/icon-slider-right-white.svg') no-repeat;
background-size: 100% auto;
right: 1.5vw;
}
.slideInRight .slideInRightImageSliderContainer .slider-prev:hover,
.slideInRight .slideInRightImageSliderContainer .slider-next:hover {
opacity: 1;
}
.slideInRight .slideInRightImageSliderContainer .slider-dots {
bottom: 0.875vw;
z-index: 120;
}
.slideInRight .slideInRightImageSliderContainer .slideInRightImageSlider {
height: 12.5vw;
position: relative;
}
.slideInRight .slideInRightImageSliderContainer .slideInRightImageItem {
background-size: cover;
background-position: center center;
height: 12.5vw !important;
position: relative;
}
.slideInRight .slideInRightImageSliderContainer .stripes {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 1.3125vw;
background-position: left bottom;
background-size: 100% auto;
}
.slideInRight .slideInRightHeader {
background: #101010;
color: #ffffff;
padding: 1.5vw 1.5vw;
}
.slideInRight .slideInRightTitle {
font-size: 1.125vw;
font-weight: 500;
margin: 0 0 0.1vw 0;
letter-spacing: -0.02vw;
}
.slideInRight .slideInRightTitle h5 {
margin: 0px;
color: #fff;
}
.slideInRight .slideInRightTitle p {
margin: 0px;
line-height: normal;
}
.slideInRight .slideInRightRating {
font-size: 0.875vw;
font-weight: 600;
}
.slideInRight .slideInRightRating .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 0.75vw;
height: 0.75vw;
margin: 0 0.1vw;
}
.slideInRight .slideInRightRating .jq-ry-container {
display: inline-block;
width: auto !important;
padding: 0 0.5vw 0 0;
margin: 0.5vw 0 0 0;
}
.slideInRight .slideInRightRatingDetails {
display: none !important;
}
.slideInRight .slideInRightRatingDetails .slideInRightRatingQuestionWrapper {
padding: 1vw 0;
}
.slideInRight .slideInRightRatingDetails .slideInRightRatingQuestionWrapper .slideInRightRatingQuestion {
font-size: 0.875vw;
}
.slideInRight .slideInRightActions {
margin: 0.875vw 0 0 0;
}
.slideInRight .slideInRightActions .btnGreenLink {
position: relative;
}
.slideInRight .slideInRightActions .btnGreenLink:hover, .slideInRight .slideInRightActions .btnGreenLink:focus, .slideInRight .slideInRightActions .btnGreenLink:active {
background: var(--secondary-color);
padding-right: 1.2vw;
}
.slideInRight .slideInRightActions .btnGreenLink:hover:after, .slideInRight .slideInRightActions .btnGreenLink:focus:after, .slideInRight .slideInRightActions .btnGreenLink:active:after {
right: 0.8vw;
opacity: 1;
}
.slideInRight .slideInRightActions .btnGreenLink:after {
content: " ";
position: absolute;
right: 1.5vw;
width: 0.8vw;
height: 0.5vw;
background: url('../../../fileadmin/templates/img/icon-arrow-right-white.svg') no-repeat center center;
background-size: 100% auto;
opacity: 0;
transition: 0.25s all ease;
top: 50%;
transform: translateY(-50%);
}
.slideInRight .slideInRightActions .btnGreenLink.bookingAction:hover, .slideInRight .slideInRightActions .btnGreenLink.bookingAction:focus, .slideInRight .slideInRightActions .btnGreenLink.bookingAction:active {
padding-right: 2.2vw;
}
.slideInRight .slideInRightActions .btnGreenLink:not(.bookingAction) {
width: 8vw;
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
.slideInRight .slideInRightContentSection {
padding: 1.75vw 2.5vw 1.75vw 1.875vw;
font-size: 0.875vw;
color: #363636;
border-bottom: 1px solid #D0D2D9;
}
.slideInRight .slideInRightContentSection:last-of-type {
border: none;
}
.slideInRight .shopAddress, .slideInRight .shopInfo, .slideInRight .shopPhone {
position: relative;
padding: 0 0 0 2vw;
margin: 0 0 0.3vw 0;
}
.slideInRight .shopAddress::before, .slideInRight .shopInfo::before, .slideInRight .shopPhone::before {
position: absolute;
display: block;
content: "";
}
.slideInRight .shopPhone a {
color: unset;
}
.slideInRight .shopAddress::before {
left: 0.1vw;
width: 0.9vw;
height: 0.9vw;
-webkit-mask-image: var(--location-icon);
mask-image: var(--location-icon);
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.slideInRight .shopInfo::before {
left: 0.1vw;
width: 0.9vw;
height: 0.9vw;
-webkit-mask-image: var(--info-icon);
mask-image: var(--info-icon);
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.slideInRight .shopPhone::before {
left: 0.25vw;
width: 0.8vw;
height: 0.8vw;
-webkit-mask-image: var(--phone-icon);
mask-image: var(--phone-icon);
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.slideInRight .pickupDay {
position: relative;
display: block;
padding: 0 0 0.2vw 2vw;
margin: 0 0 1.7vw 0;
}
.slideInRight .pickupDay::before {
position: absolute;
display: block;
content: "";
left: 0;
top: 0.15vw;
width: 1vw;
height: 1vw;
-webkit-mask-image: var(--clock-3-icon);
mask-image: var(--clock-3-icon);
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.slideInRight .shopHoursDay {
position: relative;
display: block;
padding: 0 0 0.2vw 2vw;
}
.slideInRight .shopHoursDay:first-child::before {
position: absolute;
display: block;
content: "";
left: 0;
top: 0.15vw;
width: 1vw;
height: 1vw;
-webkit-mask-image: var(--clock-2-icon);
mask-image: var(--clock-2-icon);
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.slideInRight .shopHoursDay span {
display: inline-block;
vertical-align: top;
line-height: 1.6;
}
.slideInRight .shopHoursDay span:first-child {
width: 30%;
}
.slideInRight .shopHoursDay span:last-child {
width: 65%;
}
.slideInRight .shopHoursDay.active {
color: var(--primary-color);
}
.slideInRight .comment {
margin: 1vw 0;
}
.slideInRight ul {
margin: 0.5vw 0;
}
.slideInRight ul li {
padding: 0 0 0 0.8vw;
margin: 0 0 0 1.5vw;
line-height: 1.5;
}
.slideInRight.open {
opacity: 1;
visibility: visible;
margin-right: 0%;
display: block;
}
.rentProductsCountdownContainer,
.rentProductsNotification {
top: 0;
position: fixed;
z-index: 40;
width: 100%;
left: 0;
}
.rentProductsCountdown,
.rentProductsNotification {
height: 3vw;
background: var(--light-black);
color: #ffffff;
text-align: right;
font-weight: 600;
font-size: 0.8125vw;
padding: 0.8vw 1.25vw;
width: 100%;
left: 0;
display: none;
}
.rentProductsCountdown span,
.rentProductsNotification span {
display: inline-block;
padding: 0.2vw 0 0 2vw;
}
.rentProductsCountdown span div.counter,
.rentProductsNotification span div.counter {
display: inline-block;
}
.rentProductsCountdown span div.counter span,
.rentProductsNotification span div.counter span {
padding: 0px !important;
}
.rentProductsCountdown span p,
.rentProductsNotification span p {
margin: 0px !important;
line-height: normal;
}
.rentProductsCountdown a,
.rentProductsNotification a {
color: #ffffff;
text-decoration: underline;
}
.rentProductsCountdown .btnClose,
.rentProductsNotification .btnClose {
width: 0.75vw;
height: 0.75vw;
top: 50%;
transform: translateY(-50%);
}
.rentProductsNotification {
z-index: 42;
text-align: center;
}
.rentProductsNotification.rentProductsNotificationAlert span {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-441,-13)'%3E%3Cg id='Group-7' transform='translate(70,0)'%3E%3Cg id='Group-195' transform='translate(371,13)'%3E%3Cg id='Group-6'%3E%3Ccircle id='Oval' stroke='%23d10019' stroke-width='2' fill='%23d10019' cx='12' cy='12' r='11'%3E%3C/circle%3E%3Cpath d='M13.521084,15.8892141 C13.521084,15.0770515 12.8672954,14.4224173 12.0542873,14.4224173 C11.2421247,14.4224173 10.568,15.076206 10.568,15.8892141 C10.568,16.7013767 11.2421247,17.3755014 12.0542873,17.3755014 C12.8664499,17.3755014 13.521084,16.7013767 13.521084,15.8892141 Z' id='Path' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M12.0542873,12.9361518 C11.5190461,12.9361518 11.12271,12.5000108 11.0634363,11.9453008 L10.568,7.52622222 C10.4883924,6.75301897 11.3013984,6.03993496 12.0542873,6.03993496 C12.8071762,6.03993496 13.6201843,6.75301897 13.521084,7.52622222 L13.0451382,11.9453008 C12.9858558,12.5000108 12.5895068,12.9361518 12.0542873,12.9361518 L12.0542873,12.9361518 Z' id='Path' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left center;
background-size: 1.5vw auto;
min-height: 1.5vw;
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: 70%;
}
.rentProductsNotification.rentProductsNotificationAlert .btnConfirm {
display: block;
position: absolute;
right: 0.875vw;
top: 50%;
transform: translateY(-50%);
}
.rentProductsNotification.rentProductsNotificationAlert .btnConfirm button {
border: none;
cursor: pointer;
background-color: var(--primary-color);
padding: 0.5vw 1vw;
color: #fff;
text-transform: uppercase;
}
.rentProducts {
padding: 9vw 0 0 0;
}
.rentTopBar {
position: fixed;
top: 0;
width: 100%;
height: 6.25vw;
background: #ffffff;
z-index: 41;
border-bottom: 1px solid #DCDEE6;
display: flex;
justify-content: flex-start;
}
.rentTopBar .logo {
display: flex;
flex-shrink: 0;
position: relative;
z-index: 99;
left: 0;
height: 100%;
margin: 0 0 0 4.4vw;
padding: 0 2.0625vw 0 1.75vw;
border-right: 1px solid #DCDEE6;
width: 13.8125vw;
justify-content: center;
align-items: center;
}
.rentTopBar .logo img {
max-width: 10vw;
max-height: 4vw;
width: auto;
height: auto;
}
.rentTopBar .logo a {
background-size: 10vw auto;
background-position: center !important;
}
.rentTopBar .logo p {
margin: 0px !important;
}
.rentTopBar .infoBar {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.rentTopBar .infoBar .infoBarShopReset {
position: absolute;
height: 2.375vw;
width: 2.375vw;
border-radius: 200px;
border: 1px solid #CCCCCC;
cursor: pointer;
transition: all 0.1s ease-in-out;
left: 1.25vw;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='10px' height='10px' viewBox='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-147,-456)' fill='%23101010' fill-rule='nonzero'%3E%3Cg transform='translate(123,425)'%3E%3Cg id='Group-25' transform='translate(10,17)'%3E%3Cg id='Group-24' transform='translate(14,14)'%3E%3Cg id='Group-9' transform='translate(7,5) scale(-1,1) rotate(-90) translate(-7,-5) translate(2,2)'%3E%3Cpath d='M4.9122807,5.9484 C5.19326316,5.9484 5.45642105,5.84527543 5.64898246,5.65710857 L9.5614386,1.83408 C9.96508772,1.43965714 9.96508772,.788091429 9.5614386,.394354286 C9.15778947,-6.85714286e-05 8.49098246,-6.85714286e-05 8.08803509,.394354286 L4.93014035,3.48006857 L1.77224561,.394354286 C1.36859649,-6.85714286e-05 .701789474,-6.85714286e-05 .298842105,.394354286 C0.0884561404,.599931429 .000736842105,.857074286 .000736842105,1.11421714 C0.000736842105,1.37136 .106273684,1.64592 .298842105,1.83408 L4.17568421,5.65710857 C4.36826316,5.84595429 4.63142105,5.9484 4.91238596,5.9484 L4.9122807,5.9484 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3Cg id='Group-9' transform='translate(3,5) scale(-1,1) rotate(-270) translate(-3,-5) translate(-2,2)'%3E%3Cpath d='M4.9122807,5.9484 C5.19326316,5.9484 5.45642105,5.84527543 5.64898246,5.65710857 L9.5614386,1.83408 C9.96508772,1.43965714 9.96508772,.788091429 9.5614386,.394354286 C9.15778947,-6.85714286e-05 8.49098246,-6.85714286e-05 8.08803509,.394354286 L4.93014035,3.48006857 L1.77224561,.394354286 C1.36859649,-6.85714286e-05 .701789474,-6.85714286e-05 .298842105,.394354286 C0.0884561404,.599931429 .000736842105,.857074286 .000736842105,1.11421714 C0.000736842105,1.37136 .106273684,1.64592 .298842105,1.83408 L4.17568421,5.65710857 C4.36826316,5.84595429 4.63142105,5.9484 4.91238596,5.9484 L4.9122807,5.9484 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 0.625vw auto;
top: 50%;
transform: translateY(-50%);
}
.rentTopBar .infoBar .infoBarShopReset:hover {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='10px' height='10px' viewBox='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-147,-456)' fill='%23ffffff' fill-rule='nonzero'%3E%3Cg transform='translate(123,425)'%3E%3Cg id='Group-25' transform='translate(10,17)'%3E%3Cg id='Group-24' transform='translate(14,14)'%3E%3Cg id='Group-9' transform='translate(7,5) scale(-1,1) rotate(-90) translate(-7,-5) translate(2,2)'%3E%3Cpath d='M4.9122807,5.9484 C5.19326316,5.9484 5.45642105,5.84527543 5.64898246,5.65710857 L9.5614386,1.83408 C9.96508772,1.43965714 9.96508772,.788091429 9.5614386,.394354286 C9.15778947,-6.85714286e-05 8.49098246,-6.85714286e-05 8.08803509,.394354286 L4.93014035,3.48006857 L1.77224561,.394354286 C1.36859649,-6.85714286e-05 .701789474,-6.85714286e-05 .298842105,.394354286 C0.0884561404,.599931429 .000736842105,.857074286 .000736842105,1.11421714 C0.000736842105,1.37136 .106273684,1.64592 .298842105,1.83408 L4.17568421,5.65710857 C4.36826316,5.84595429 4.63142105,5.9484 4.91238596,5.9484 L4.9122807,5.9484 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3Cg id='Group-9' transform='translate(3,5) scale(-1,1) rotate(-270) translate(-3,-5) translate(-2,2)'%3E%3Cpath d='M4.9122807,5.9484 C5.19326316,5.9484 5.45642105,5.84527543 5.64898246,5.65710857 L9.5614386,1.83408 C9.96508772,1.43965714 9.96508772,.788091429 9.5614386,.394354286 C9.15778947,-6.85714286e-05 8.49098246,-6.85714286e-05 8.08803509,.394354286 L4.93014035,3.48006857 L1.77224561,.394354286 C1.36859649,-6.85714286e-05 .701789474,-6.85714286e-05 .298842105,.394354286 C0.0884561404,.599931429 .000736842105,.857074286 .000736842105,1.11421714 C0.000736842105,1.37136 .106273684,1.64592 .298842105,1.83408 L4.17568421,5.65710857 C4.36826316,5.84595429 4.63142105,5.9484 4.91238596,5.9484 L4.9122807,5.9484 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-color: #98999f;
}
.rentTopBar .infoBar .infoBarShop {
width: 30.8vw;
padding: 0 0 0 4.0625vw;
}
.rentTopBar .infoBar .infoBarShop.higherWidth {
width: 41.5vw;
}
.rentTopBar .infoBar .infoBarShop .infoBarShopTitle {
line-height: normal;
letter-spacing: normal;
color: #101010;
font-weight: 600;
font-size: 1.125vw;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 1vw;
}
.rentTopBar .infoBar .infoBarShop .infoBarShopSubtitle {
color: #363636;
font-size: 0.875vw;
}
.rentTopBar .infoBar .infoBarShop.withIcon {
background-image: url('../../../fileadmin/templates/img/icon-house-red.svg');
background-repeat: no-repeat;
background-size: 2.0625vw auto;
background-position: left 1.3125vw center;
}
.rentTopBar .infoBar .infoBarShopMore {
flex-shrink: 0;
height: 2.6525vw;
width: 2.6525vw;
border-radius: 0.725vw;
border: 1px solid #CCCCCC;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='13px' viewBox='0 0 6 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-709,-455)' fill='%23101010' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-11' transform='translate(568,16)'%3E%3Cg id='Group-80' transform='translate(18,14)'%3E%3Cpath d='M2.80253375,3.56592781 C3.73000386,3.57456066 4.48873148,2.78592173 4.49830239,1.80324407 C4.4973437,.810972326 3.74098586,.0055900436 2.80486513,0 C1.87739503,.00507809961 1.12921994,.804888278 1.13253295,1.78751394 C1.1267812,2.25927462 1.30077234,2.71377117 1.61472267,3.04841978 C1.92915156,3.38306839 2.35717976,3.56943784 2.80246013,3.56588881 L2.80253375,3.56592781 Z M5.85148159,11.8133221 L4.74714601,11.8133221 C4.63546578,11.7117589 4.59759443,11.5467161 4.59759443,11.279096 L4.59759443,4.80998552 L0,4.98569489 L0,5.74742283 C0.272255532,5.74742283 .53011789,5.73980555 .787992518,5.74742283 C1.41397901,5.77230632 1.61144648,5.99168174 1.61241584,6.64168681 L1.61241584,11.1241218 C1.61481249,11.2485366 1.60858134,11.3734637 1.59372312,11.4973677 C1.57934344,11.6156894 1.52853664,11.7258835 1.44896927,11.8106961 L0.300533885,11.8106961 C0.219051098,11.811204 .153387304,11.8812828 .153387304,11.9676073 L0.153387304,12.8441002 C0.153387304,12.8852338 .168725298,12.9248425 .196525106,12.9542968 C0.223846368,12.9837499 .261711581,13 .300536339,13 L5.85141778,13 C5.93338034,13 5.99952145,12.9304287 6,12.8441028 L6,11.970145 C6,11.8833082 5.93385521,11.8132337 5.85141778,11.8132337 L5.85148159,11.8133221 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 0.375vw auto;
cursor: pointer;
transition: all 0.1s ease-in-out;
margin: 0 0.5vw 0 0;
}
.rentTopBar .infoBar .infoBarShopMore:hover {
background-color: #101010;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='13px' viewBox='0 0 6 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-709,-455)' fill='%23ffffff' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-11' transform='translate(568,16)'%3E%3Cg id='Group-80' transform='translate(18,14)'%3E%3Cpath d='M2.80253375,3.56592781 C3.73000386,3.57456066 4.48873148,2.78592173 4.49830239,1.80324407 C4.4973437,.810972326 3.74098586,.0055900436 2.80486513,0 C1.87739503,.00507809961 1.12921994,.804888278 1.13253295,1.78751394 C1.1267812,2.25927462 1.30077234,2.71377117 1.61472267,3.04841978 C1.92915156,3.38306839 2.35717976,3.56943784 2.80246013,3.56588881 L2.80253375,3.56592781 Z M5.85148159,11.8133221 L4.74714601,11.8133221 C4.63546578,11.7117589 4.59759443,11.5467161 4.59759443,11.279096 L4.59759443,4.80998552 L0,4.98569489 L0,5.74742283 C0.272255532,5.74742283 .53011789,5.73980555 .787992518,5.74742283 C1.41397901,5.77230632 1.61144648,5.99168174 1.61241584,6.64168681 L1.61241584,11.1241218 C1.61481249,11.2485366 1.60858134,11.3734637 1.59372312,11.4973677 C1.57934344,11.6156894 1.52853664,11.7258835 1.44896927,11.8106961 L0.300533885,11.8106961 C0.219051098,11.811204 .153387304,11.8812828 .153387304,11.9676073 L0.153387304,12.8441002 C0.153387304,12.8852338 .168725298,12.9248425 .196525106,12.9542968 C0.223846368,12.9837499 .261711581,13 .300536339,13 L5.85141778,13 C5.93338034,13 5.99952145,12.9304287 6,12.8441028 L6,11.970145 C6,11.8833082 5.93385521,11.8132337 5.85141778,11.8132337 L5.85148159,11.8133221 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.rentTopBar .infoBar .infoBarShopOffers {
flex-shrink: 0;
text-align: left;
width: 10.625vw;
height: 2.6525vw;
border-radius: 0.725vw;
border: 1px solid #CCCCCC;
cursor: pointer;
background: url('../../../fileadmin/templates/img/icon-shop-offers.svg') no-repeat 0.3vw 0.2vw;
background-size: auto 90%;
color: #101010;
font-weight: 500;
font-size: 0.875vw;
margin: 0 0.5vw 0 0;
padding: 0 0 0 2.625vw;
}
.rentTopBar .infoBar .infoBarShopOffers:hover {
background-color: #101010;
color: #ffffff;
}
.rentTopBar .support {
font-weight: 500;
font-size: 0.75vw;
padding: 0 0 0 1.875vw;
display: flex;
align-items: center;
}
.rentTopBar .support a {
text-decoration: underline;
line-height: 1;
letter-spacing: -0.1px;
color: #101010;
font-size: 0.75vw;
}
.rentTopBar .stripes {
position: absolute;
width: 100%;
height: 0.375vw;
right: 0px;
bottom: -0.375vw;
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
}
.rentTopBar.rentBookingTopBar .infoBar .infoBarShop {
position: relative;
width: 43.3vw;
}
.rentTopBar.rentBookingTopBar .infoBar .infoBarShop::before {
position: absolute;
width: 2.0625vw;
height: 100%;
top: 0;
left: 1.3125vw;
display: block;
content: "";
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-image: var(--house-icon);
mask-image: var(--house-icon);
background-color: var(--dynamic-primary-color);
}
.rentTopBar.rentBookingTopBar .support {
width: 13.56vw;
justify-content: center;
border-left: 1px solid #DCDEE6;
padding: 0;
}
.rentTopBar.rentBookingTopBar .support a {
color: var(--dynamic-primary-color);
}
.rentBooking.orderConfirmation .rentTopBar.rentBookingTopBar .infoBar .infoBarShop {
width: 50.3vw;
}
.cart {
position: absolute;
z-index: 50;
background-color: #ffffff;
border-left: 1px solid #DCDEE6;
width: 6.25vw;
height: 100%;
right: 0px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='34px' height='30px' viewBox='0 0 34 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Desktop---Widescreen---w_1600px' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='02a-Produktoverview---Ski+Stöcke' transform='translate(-1531,-34)' fill='%239E9E9E' fill-rule='nonzero'%3E%3Cg id='Group-4' transform='translate(70,0)'%3E%3Cg id='Group-3' transform='translate(1461,34)'%3E%3Cpath d='M0.937414922,1.87538484 L4.01211877,1.87538484 L5.66594583,6.83814105 C5.67034046,6.85278969 5.67473472,6.86597321 5.67912935,6.8791586 L9.42182153,18.1085476 L10.9554984,22.7109284 C9.49213412,23.2221665 8.4374453,24.6137558 8.4374453,26.2499953 C8.4374453,28.3183479 10.1190974,30 12.18745,30 C14.2558026,30 15.9374547,28.3183479 15.9374547,26.2499953 C15.9374547,25.567382 15.7514207,24.9272562 15.430604,24.374993 L24.8832409,24.374993 C24.560973,24.9272562 24.3749277,25.567382 24.3749277,26.2499953 C24.3749277,28.3183479 26.0565798,30 28.1249324,30 C30.193285,30 31.8749371,28.3183479 31.8749371,26.2499953 C31.8749371,24.1816427 30.193285,22.5 28.1249324,22.5 L12.8627883,22.5 L11.6132868,18.7499859 L14.997066,18.7499859 L14.9985307,18.7499859 L15.0014603,18.7499859 L24.373472,18.7499859 L24.3764015,18.7499859 L24.3778662,18.7499859 L29.0623721,18.7499859 C29.4651976,18.7499859 29.824073,18.4921731 29.9515357,18.1083976 L33.7015404,6.85838357 C33.7967567,6.57273822 33.7484154,6.25778282 33.572634,6.01317002 C33.3968525,5.77000471 33.1141209,5.62496953 32.8123955,5.62496953 L13.161621,5.62496953 L13.1586914,5.62496953 L7.23780905,5.62496953 L5.57666947,.641588302 C5.44922931,.257812822 5.09033136,0 4.68750586,0 L0.937501172,0 C0.418950524,0 0,.418950524 0,.937501172 C0,1.45605182 .418950524,1.87500234 .937501172,1.87500234 L0.937414922,1.87538484 Z M20.6249395,16.8754036 L20.6249395,13.1253989 L24.206494,13.1253989 L23.5809932,16.8754036 L20.6249395,16.8754036 Z M20.6249395,11.2503966 L20.6249395,7.50039188 L25.1440702,7.50039188 L24.5185694,11.2503966 L20.6249395,11.2503966 Z M18.7499372,11.2503966 L14.8563073,11.2503966 L14.2308065,7.50039188 L18.7499372,7.50039188 L18.7499372,11.2503966 Z M18.7499372,13.1253989 L18.7499372,16.8754036 L15.7938835,16.8754036 L15.1683827,13.1253989 L18.7499372,13.1253989 Z M13.8940561,16.8754036 L10.989265,16.8754036 L9.73976342,13.1253989 L13.2700553,13.1253989 L13.8940561,16.8754036 Z M14.0625138,26.2504153 C14.0625138,27.2845916 13.2216878,28.1254177 12.1875115,28.1254177 C11.1533352,28.1254177 10.3125091,27.2845916 10.3125091,26.2504153 C10.3125091,25.216239 11.1533352,24.375413 12.1875115,24.375413 C13.2216878,24.375413 14.0625138,25.216239 14.0625138,26.2504153 Z M30.0000338,26.2504153 C30.0000338,27.2845916 29.1592077,28.1254177 28.1250314,28.1254177 C27.0908551,28.1254177 26.2500291,27.2845916 26.2500291,26.2504153 C26.2500291,25.216239 27.0908551,24.375413 28.1250314,24.375413 C29.1592077,24.375413 30.0000338,25.216239 30.0000338,26.2504153 Z M28.3872317,16.8754036 L25.4824406,16.8754036 L26.1079414,13.1253989 L29.6382333,13.1253989 L28.3872317,16.8754036 Z M30.2622341,11.2503966 L26.4184793,11.2503966 L27.0439801,7.50039188 L31.5117356,7.50039188 L30.2622341,11.2503966 Z M12.3312117,7.50039188 L12.9567124,11.2503966 L9.11295764,11.2503966 L7.86345608,7.50039188 L12.3312117,7.50039188 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 2.125vw 1.875vw;
background-position: top 2.125vw left 1.9375vw;
transition: all 0.1s ease-in-out;
cursor: pointer;
}
.cart span {
position: absolute;
width: 1.4vw;
height: 1.4vw;
background: #FF902A;
border-radius: 50%;
border: 2px solid #ffffff;
left: 3.125vw;
top: 3vw;
color: #ffffff;
font-size: 0.6875vw;
font-weight: 600;
text-align: center;
padding: 0.07vw 0 0 0;
transition: all 0.1s ease-in-out;
}
.cart span.active {
background: var(--dynamic-secondary-color);
}
.cart:hover {
background-color: var(--dynamic-secondary-color);
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='34px' height='30px' viewBox='0 0 34 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Desktop---Widescreen---w_1600px' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='02a-Produktoverview---Ski+Stöcke' transform='translate(-1531,-34)' fill='%23ffffff' fill-rule='nonzero'%3E%3Cg id='Group-4' transform='translate(70,0)'%3E%3Cg id='Group-3' transform='translate(1461,34)'%3E%3Cpath d='M0.937414922,1.87538484 L4.01211877,1.87538484 L5.66594583,6.83814105 C5.67034046,6.85278969 5.67473472,6.86597321 5.67912935,6.8791586 L9.42182153,18.1085476 L10.9554984,22.7109284 C9.49213412,23.2221665 8.4374453,24.6137558 8.4374453,26.2499953 C8.4374453,28.3183479 10.1190974,30 12.18745,30 C14.2558026,30 15.9374547,28.3183479 15.9374547,26.2499953 C15.9374547,25.567382 15.7514207,24.9272562 15.430604,24.374993 L24.8832409,24.374993 C24.560973,24.9272562 24.3749277,25.567382 24.3749277,26.2499953 C24.3749277,28.3183479 26.0565798,30 28.1249324,30 C30.193285,30 31.8749371,28.3183479 31.8749371,26.2499953 C31.8749371,24.1816427 30.193285,22.5 28.1249324,22.5 L12.8627883,22.5 L11.6132868,18.7499859 L14.997066,18.7499859 L14.9985307,18.7499859 L15.0014603,18.7499859 L24.373472,18.7499859 L24.3764015,18.7499859 L24.3778662,18.7499859 L29.0623721,18.7499859 C29.4651976,18.7499859 29.824073,18.4921731 29.9515357,18.1083976 L33.7015404,6.85838357 C33.7967567,6.57273822 33.7484154,6.25778282 33.572634,6.01317002 C33.3968525,5.77000471 33.1141209,5.62496953 32.8123955,5.62496953 L13.161621,5.62496953 L13.1586914,5.62496953 L7.23780905,5.62496953 L5.57666947,.641588302 C5.44922931,.257812822 5.09033136,0 4.68750586,0 L0.937501172,0 C0.418950524,0 0,.418950524 0,.937501172 C0,1.45605182 .418950524,1.87500234 .937501172,1.87500234 L0.937414922,1.87538484 Z M20.6249395,16.8754036 L20.6249395,13.1253989 L24.206494,13.1253989 L23.5809932,16.8754036 L20.6249395,16.8754036 Z M20.6249395,11.2503966 L20.6249395,7.50039188 L25.1440702,7.50039188 L24.5185694,11.2503966 L20.6249395,11.2503966 Z M18.7499372,11.2503966 L14.8563073,11.2503966 L14.2308065,7.50039188 L18.7499372,7.50039188 L18.7499372,11.2503966 Z M18.7499372,13.1253989 L18.7499372,16.8754036 L15.7938835,16.8754036 L15.1683827,13.1253989 L18.7499372,13.1253989 Z M13.8940561,16.8754036 L10.989265,16.8754036 L9.73976342,13.1253989 L13.2700553,13.1253989 L13.8940561,16.8754036 Z M14.0625138,26.2504153 C14.0625138,27.2845916 13.2216878,28.1254177 12.1875115,28.1254177 C11.1533352,28.1254177 10.3125091,27.2845916 10.3125091,26.2504153 C10.3125091,25.216239 11.1533352,24.375413 12.1875115,24.375413 C13.2216878,24.375413 14.0625138,25.216239 14.0625138,26.2504153 Z M30.0000338,26.2504153 C30.0000338,27.2845916 29.1592077,28.1254177 28.1250314,28.1254177 C27.0908551,28.1254177 26.2500291,27.2845916 26.2500291,26.2504153 C26.2500291,25.216239 27.0908551,24.375413 28.1250314,24.375413 C29.1592077,24.375413 30.0000338,25.216239 30.0000338,26.2504153 Z M28.3872317,16.8754036 L25.4824406,16.8754036 L26.1079414,13.1253989 L29.6382333,13.1253989 L28.3872317,16.8754036 Z M30.2622341,11.2503966 L26.4184793,11.2503966 L27.0439801,7.50039188 L31.5117356,7.50039188 L30.2622341,11.2503966 Z M12.3312117,7.50039188 L12.9567124,11.2503966 L9.11295764,11.2503966 L7.86345608,7.50039188 L12.3312117,7.50039188 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.cart.disabled {
opacity: 1;
pointer-events: none !important;
}
#bookingDataTopBar {
position: relative;
display: flex;
justify-content: space-between;
padding-left: 4.4vw;
}
#bookingDataTopBar .rentProductsFilter {
display: flex;
padding-left: 3.4375vw;
}
#bookingDataTopBar .rentProductsFilter .rentProductsFilterHeadline {
font-family: var(--font-special-bold);
font-size: 2.625vw;
line-height: 1;
letter-spacing: -0.4px;
color: #101010;
margin: 0.2vw 0.75vw 0 0;
}
#bookingDataTopBar .rentProductsFilter .rentProductsFilterAge,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterCategory,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterGroupsize {
margin: 0 0.375vw 0 0;
}
#bookingDataTopBar .rentProductsFilter .rentProductsFilterAge label,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterCategory label,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterGroupsize label {
display: none;
}
#bookingDataTopBar .rentProductsFilter .rentProductsFilterAge .SumoSelect,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterCategory .SumoSelect,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterGroupsize .SumoSelect {
width: auto;
}
#bookingDataTopBar .rentProductsFilter .rentProductsFilterAge .SumoSelect > .CaptionCont,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterCategory .SumoSelect > .CaptionCont,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterGroupsize .SumoSelect > .CaptionCont {
background-color: var(--dynamic-primary-color);
border-color: var(--dynamic-primary-color);
color: #fff;
}
#bookingDataTopBar .rentProductsFilter .rentProductsFilterAge .SumoSelect > .CaptionCont span,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterCategory .SumoSelect > .CaptionCont span,
#bookingDataTopBar .rentProductsFilter .rentProductsFilterGroupsize .SumoSelect > .CaptionCont span {
padding-right: 3.25vw;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12.1 8' style='enable-background:new 0 0 12.1 8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M21.8,21.6l4.8-5.2c0.5-0.5,0.5-1.4,0-2c-0.5-0.5-1.3-0.5-1.8,0l-3.9,4.2L17,14.4 c-0.5-0.5-1.3-0.5-1.8,0c-0.3,0.3-0.4,0.6-0.4,1c0,.4,.1,.7,.4,1l4.8,5.2c0.2,.3,.6,.4,.9,.4 C21.3,22,21.6,21.9,21.8,21.6z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
}
#bookingDataTopBar .poweredByInfo {
padding-right: 1.7vw;
}
.rentProductsContent {
margin: 0 0 3.75vw 0;
}
.rentProductsContent:first-child {
margin: 2.5vw 0 3.75vw 0;
}
.rentProductsSliderContainer {
position: relative;
padding: 0 0 0 4.4vw;
color: #101010;
}
.rentProductsSliderContainer .slider {
padding: 0 2.812vw;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader {
position: relative;
display: flex;
align-items: flex-end;
padding: 0 0 0 3.4375vw;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader h2 {
font-size: 1.5vw;
letter-spacing: -0.17px;
position: relative;
color: #101010;
line-height: 1;
margin: 0 0.9375vw 0 0;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter {
font-size: 0px;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn {
cursor: pointer;
color: #101010 !important;
font-weight: 500;
font-size: 0.75vw;
padding: 0.5vw 1.187vw 0.56vw 1.25vw;
background-color: #fff;
margin: 0 0.5vw 0 0;
border-radius: 0.375vw;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn.active, .rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn:hover, .rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn:focus, .rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn:active {
color: var(--dynamic-primary-color) !important;
border-color: var(--dynamic-primary-color);
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .slider-navigation-prev, .rentProductsSliderContainer .rentProductsSliderContainerHeader .slider-navigation-next {
top: unset;
bottom: -0.4vw;
}
.rentProductsSliderContainer .rentProductsSlider {
margin: 1.1875vw 0 0 0;
}
.rentProductsSliderContainer {
position: relative;
}
.rentProductsSliderContainer .rentProductsSliderItem {
position: relative;
font-size: 0.875vw;
height: 25.31vw;
background-color: #fff;
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem {
border: 4px solid #e5e5e5;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemImage {
position: absolute;
width: 9.375vw;
right: 0;
bottom: 0;
height: 95%;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center bottom;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemImage span {
font-size: 0.5625vw;
font-weight: 700;
-khtml-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod="auto expand");
zoom: 1;
display: block;
color: #ccc;
text-transform: uppercase;
position: absolute;
right: -1.25vw;
bottom: 2.7vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemImage.insuranceProductImage {
background-size: 6.25vw auto;
background-position: top 5vw center;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem.uid498, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid505, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid504, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid506, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid461, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid462, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid463, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid464 {
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent {
text-align: left;
padding: 0 9vw 0 1vw;
margin-top: 4.875vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent.reducedTopMargin {
margin-top: 2.875vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemModel {
font-family: var(--font-special-bold);
font-size: 1.525vw;
line-height: 1;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemModel span.stars {
font-size: 1vw;
display: block;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemModel.type4 {
font-size: 1.65vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemModel.larger {
font-size: 1.95vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemDetails button {
display: block;
font-weight: 500;
text-decoration: underline;
font-size: 0.75vw;
margin: 0.5vw 0 0 0;
cursor: pointer;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemDetails button:hover {
color: var(--dynamic-primary-color);
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemOnlinePrice {
font-size: 1.375vw;
letter-spacing: -0.1px;
color: var(--dynamic-primary-color);
line-height: 1;
font-weight: 400;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemOnlinePrice b {
font-weight: 600;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemPrice {
font-size: 0.75vw;
line-height: 2.17;
letter-spacing: -0.1px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemPrice span {
text-decoration: line-through;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemPrice.hide {
opacity: 0 !important;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemProduct {
font-size: 0.75vw;
font-weight: 500;
margin: 0 0 0.5vw 0;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemGroupAmount {
font-size: 0.75vw;
font-weight: 600;
margin: 0.6vw 0 0 0;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemGroupAmount input {
background: #ffffff;
border-radius: 0.21875vw;
font-size: 0.75vw;
border: 1px solid #D0D2D9;
height: 1.75vw;
width: 1.75vw;
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
padding: 0.3vw;
margin: 0 0 0 0.3vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemGroupAmount.error input {
border-color: var(--primary-color);
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .modellgenauSelectWrapper {
margin: 0.6vw 0 0 0;
width: 10.25vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect {
width: 10.25vw;
display: block;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect > .CaptionCont {
margin: 0px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect > .optWrapper > .options {
max-height: 8.5vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemOnlineBottom {
position: absolute;
width: 100%;
padding: 0 9vw 0 0;
bottom: 1.8125vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink {
position: relative;
display: block;
width: 9.75vw;
height: 2.625vw;
background-image: url('../../../fileadmin/templates/img/cart-add.svg');
background-repeat: no-repeat;
background-position: center 3vw;
background-size: 1.875vw auto;
overflow: hidden;
transition: all 0.3s ease-in-out;
margin-top: 0.5vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink span {
position: absolute;
width: 100%;
transition: all 0.1s ease-in-out;
top: 0.77vw;
left: 0;
text-align: center;
letter-spacing: -0.1px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink:hover, .rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink:active, .rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink:focus {
background-position: center center;
background-color: var(--dynamic-secondary-color);
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink:hover span, .rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink:active span, .rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink:focus span {
top: -3vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .btnTag {
position: absolute;
left: 1vw;
top: 1vw;
margin: 0px;
right: unset;
}
.rentProductsSliderContainer .rentProductsSliderItem.visible {
opacity: 1;
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem {
padding: 0px;
}
.btnClose {
position: absolute;
height: 2.375vw;
width: 2.375vw;
border-radius: 200px;
border: 1px solid #CCCCCC;
background-color: #fff;
cursor: pointer;
right: 0.9375vw;
top: 0.9375vw;
z-index: 120;
opacity: 1;
transition: all 0.1s ease-in-out;
min-width: 30px;
min-height: 30px;
}
.btnClose::before {
display: block;
content: "";
width: 100%;
height: 100%;
-webkit-mask-image: var(--close-icon);
mask-image: var(--close-icon);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 0.625vw auto;
mask-size: 0.625vw auto;
background-color: var(--dynamic-primary-color);
}
.btnClose:hover {
opacity: 0.8;
border: 1px solid #A2A3A5;
}
.productItemInfo {
background: #ffffff;
border-bottom: 1px solid #DCDEE6;
border-top: 1px solid #DCDEE6;
padding: 0 0 0 7.8375vw;
position: relative;
display: flex;
align-items: center;
color: #101010;
margin: 2vw 0 0 0;
}
.productItemInfo .col01, .productItemInfo .col02, .productItemInfo .col03 {
position: relative;
height: 35.9375vw;
display: flex;
justify-content: center;
flex-direction: column;
}
.productItemInfo .col01, .productItemInfo .col02 {
border-right: 1px solid #DCDEE6;
}
.productItemInfo .col01 {
width: 40%;
padding: 2vw 5.625vw 2vw 0;
}
.productItemInfo .col02 {
cursor: pointer;
width: 20%;
background-size: auto 95%;
background-repeat: no-repeat;
background-position: center bottom;
}
.productItemInfo .col02 span {
font-size: 0.5625vw;
font-weight: 700;
-khtml-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod="auto expand");
zoom: 1;
display: block;
color: #ccc;
text-transform: uppercase;
position: absolute;
right: -1.25vw;
bottom: 2.7vw;
}
.productItemInfo .col03 {
width: 40%;
padding: 2.5vw 3.437vw 0 3.437vw;
}
.productItemInfo .productItemInfoProduct {
font-family: var(--font-special-bold);
color: var(--dynamic-primary-color);
font-size: 2.1875vw;
letter-spacing: -0.05vw;
line-height: 1;
}
.productItemInfo .productItemInfoModel {
font-family: var(--font-special-bold);
font-size: 4vw;
letter-spacing: -0.155vw;
line-height: 1;
margin: 0.5vw 0 0.2vw 0;
}
.productItemInfo .productItemInfoModel br {
display: inline;
}
.productItemInfo .productItemInfoModel span.stars {
font-size: 3vw;
display: block;
}
.productItemInfo .productItemLinks {
margin: -0.2vw 0 1.8vw 0;
}
.productItemInfo .productItemLinks .btnWhiteLink {
margin: 0 0.75vw 0 0;
}
.productItemInfo .productItemPrice {
margin: 0 0 0.2vw 0;
}
.productItemInfo .productItemPrice.hide {
opacity: 0 !important;
height: 0.25vw;
}
.productItemInfo .productItemOnlinePrice {
font-size: 2vw;
margin: 0 0 0.5vw 0;
font-weight: 600;
color: var(--dynamic-primary-color);
}
.productItemInfo .productItemOnlinePrice b {
font-weight: 700;
}
.productItemInfo ul {
margin: 1vw 0 2.5vw 0;
}
.productItemInfo ul li {
padding: 0 0 0 0.6vw;
margin: 0vw 0 0.35vw 1.2vw;
line-height: 1.4;
font-size: 0.875vw;
}
.productItemInfo .productItemInfoTitle {
font-family: var(--font-base);
font-weight: 600;
font-size: 1vw;
letter-spacing: -0.1px;
}
.productItemInfo .btnClose {
z-index: 1;
}
.overlayClose {
right: 0.875vw;
}
.overlayProductAdded, .overlayResetSearch {
position: fixed;
z-index: 40;
width: 100%;
height: auto;
top: 0;
left: 0px;
}
.overlayProductAdded .overlayProductAddedTopBar, .overlayProductAdded .overlayResetSearchTopBar, .overlayResetSearch .overlayProductAddedTopBar, .overlayResetSearch .overlayResetSearchTopBar {
position: relative;
z-index: 1;
height: 6.25vw;
background: #ffffff;
}
.overlayProductAdded .overlayProductAddedTopBar .message, .overlayProductAdded .overlayResetSearchTopBar .message, .overlayResetSearch .overlayProductAddedTopBar .message, .overlayResetSearch .overlayResetSearchTopBar .message {
position: absolute;
display: table;
font-size: 1.625vw;
font-family: var(--font-special-bold);
left: 21.3vw;
right: 0px;
top: 1.8vw;
}
.overlayProductAdded .overlayProductAddedTopBar .message.messageSuccess span, .overlayProductAdded .overlayResetSearchTopBar .message.messageSuccess span, .overlayResetSearch .overlayProductAddedTopBar .message.messageSuccess span, .overlayResetSearch .overlayResetSearchTopBar .message.messageSuccess span {
background: url('../../../fileadmin/templates/img/icon-check-green.svg') no-repeat left center;
background-size: contain;
}
.overlayProductAdded .overlayProductAddedTopBar .message.messageInfo span, .overlayProductAdded .overlayResetSearchTopBar .message.messageInfo span, .overlayResetSearch .overlayProductAddedTopBar .message.messageInfo span, .overlayResetSearch .overlayResetSearchTopBar .message.messageInfo span {
background: url('../../../fileadmin/templates/img/icon-bell-circle-red.svg') no-repeat left center;
background-size: contain;
}
.overlayProductAdded .overlayProductAddedTopBar .message span, .overlayProductAdded .overlayResetSearchTopBar .message span, .overlayResetSearch .overlayProductAddedTopBar .message span, .overlayResetSearch .overlayResetSearchTopBar .message span {
background-size: 2.5625vw auto;
display: inline-block;
padding: 0.5vw 0 0 3.5vw;
}
.overlayProductAdded .overlayProductAddedTopBar .continueShopping, .overlayProductAdded .overlayResetSearchTopBar .continueShopping, .overlayResetSearch .overlayProductAddedTopBar .continueShopping, .overlayResetSearch .overlayResetSearchTopBar .continueShopping {
cursor: pointer;
position: absolute;
font-size: 1vw;
top: 50%;
transform: translateY(-50%);
right: 10.375vw;
}
.overlayProductAdded .overlayProductAddedTopBar .stripes, .overlayProductAdded .overlayResetSearchTopBar .stripes, .overlayResetSearch .overlayProductAddedTopBar .stripes, .overlayResetSearch .overlayResetSearchTopBar .stripes {
position: absolute;
width: 100%;
height: 0.375vw;
right: 0px;
bottom: -0.375vw;
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
}
.overlayProductAdded .overlayProductAddedTopBar .overlayResetSearchTopBarInner, .overlayProductAdded .overlayResetSearchTopBar .overlayResetSearchTopBarInner, .overlayResetSearch .overlayProductAddedTopBar .overlayResetSearchTopBarInner, .overlayResetSearch .overlayResetSearchTopBar .overlayResetSearchTopBarInner {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
padding-left: 18.25vw;
padding-right: 6.3vw;
}
.overlayProductAdded .overlayProductAddedTopBar .overlayResetSearchTopBarInner .message, .overlayProductAdded .overlayProductAddedTopBar .overlayResetSearchTopBarInner .continueShopping, .overlayProductAdded .overlayResetSearchTopBar .overlayResetSearchTopBarInner .message, .overlayProductAdded .overlayResetSearchTopBar .overlayResetSearchTopBarInner .continueShopping, .overlayResetSearch .overlayProductAddedTopBar .overlayResetSearchTopBarInner .message, .overlayResetSearch .overlayProductAddedTopBar .overlayResetSearchTopBarInner .continueShopping, .overlayResetSearch .overlayResetSearchTopBar .overlayResetSearchTopBarInner .message, .overlayResetSearch .overlayResetSearchTopBar .overlayResetSearchTopBarInner .continueShopping {
position: static;
transform: none;
}
.overlayProductAdded .overlayProductAddedTopBar .overlayResetSearchTopBarInner .message, .overlayProductAdded .overlayResetSearchTopBar .overlayResetSearchTopBarInner .message, .overlayResetSearch .overlayProductAddedTopBar .overlayResetSearchTopBarInner .message, .overlayResetSearch .overlayResetSearchTopBar .overlayResetSearchTopBarInner .message {
margin: 0 1.4375vw 0 0;
}
.overlayProductAdded .overlayProductAddedTopBar .overlayResetSearchTopBarInner .btnRedLink, .overlayProductAdded .overlayResetSearchTopBar .overlayResetSearchTopBarInner .btnRedLink, .overlayResetSearch .overlayProductAddedTopBar .overlayResetSearchTopBarInner .btnRedLink, .overlayResetSearch .overlayResetSearchTopBar .overlayResetSearchTopBarInner .btnRedLink {
font-size: 1vw;
margin: 0 0.375vw 0 0;
}
.overlayResetSearch {
height: 6.25vw;
}
.overlayProductAdded .continueShopping {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.overlayProductAdded.noSuggestion {
height: 6.25vw;
}
.overlayProductAdded.noSuggestion .overlayProductAddedSuggestions {
display: none;
}
.overlayProductAddedSuggestions {
position: relative;
background-color: var(--light-grey);
left: 0px;
right: 0px;
opacity: 0;
padding: 0 0 0 4.4vw;
box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.2);
border-top: 1px solid #DCDEE6;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner {
max-height: calc(100vh - (6.25vw + 5.3125vw));
overflow-y: auto;
width: 100%;
padding: 3.125vw 0;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock {
margin: 0 0 2.8125vw;
padding: 0 3.125vw;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock p.h4-headline {
margin-bottom: 0.5vw;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.25vw;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item {
position: relative;
display: flex;
align-items: center;
background-color: #fff;
border: solid 2px #e5e5e5;
height: 6.25vw;
cursor: pointer;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item.disabled {
cursor: initial;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemImage {
flex-shrink: 0;
height: 100%;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemImage span {
display: none;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 0.3vw;
padding: 0 1.25vw 0 0;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemHead .itemTitle {
font-family: var(--font-special-bold);
font-size: 1.375vw;
line-height: 1.18;
letter-spacing: normal;
color: #101010;
font-weight: normal;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter {
display: flex;
align-items: center;
justify-content: space-between;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemSubtitle {
color: var(--dynamic-primary-color);
font-size: 1vw;
font-weight: normal;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemSubtitle span {
font-weight: 600;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo {
flex-shrink: 0;
color: #101010;
font-size: 0.75vw;
line-height: 1;
letter-spacing: -0.1px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo span {
text-decoration: line-through;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo.hide {
display: none;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo a, .overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo button {
text-decoration: underline;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo a:hover, .overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo a:focus, .overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo button:hover, .overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo button:focus {
text-decoration: none;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemAction {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.8125vw;
height: 100%;
border-left: 1px solid #E5E5E5;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemAction .icheckbox_square {
position: relative;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item.product.SKI .itemImage {
width: 2.8125vw;
margin-left: 1.25vw;
margin-right: 1.25vw;
align-self: flex-end;
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item.product.BIKE .itemImage {
width: 4.0625vw;
margin-left: 0.625vw;
margin-right: 0.625vw;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item.service .itemImage {
width: 2.8125vw;
margin-left: 1.25vw;
margin-right: 1.25vw;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock:last-child {
margin-bottom: 0px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter {
height: 5.3125vw;
padding: 0 3.125vw;
background-color: #fff;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
width: 100%;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerLeft {
font-size: 0.875vw;
color: #6a6a6a;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerLeft span#selectedOverlayProductSuggestionsAmount {
font-weight: 600;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight {
display: flex;
gap: 0.9375vw;
justify-content: flex-end;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.red, .overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.green {
font-size: 0.875vw;
color: #fff;
padding: 0.875vw;
min-width: 9.375vw;
text-align: center;
border-radius: 0.725vw;
font-weight: 600;
transition: all 0.2s ease-in-out, background-position 0s, opacity 0.2s ease-in-out;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.red[disabled], .overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.green[disabled] {
opacity: 0.3 !important;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.red {
background-color: var(--dynamic-primary-color);
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.red:hover, .overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.red:focus {
background-color: var(--dynamic-primary-color-dark);
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.green {
background-color: var(--dynamic-secondary-color);
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.green:not([disabled]):hover, .overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.green:not([disabled]):focus {
background-color: #101010;
}
.sizeTable {
margin: 0.4vw 0 0 0;
}
.sizeTable .row {
margin: 0 0 0.6vw 0;
display: block;
}
.sizeTable .col01, .sizeTable .col03 {
width: auto;
display: inline-block;
}
.sizeTable .col01 {
padding: 0 1vw 0 0;
}
.sizeTable .col03 {
padding: 0 0 0 1vw;
}
.sizeTable .col02 {
width: 1.125vw;
height: 1vw;
display: inline-block;
background: url('../../../fileadmin/templates/img/icon-arrow-right-red.svg') no-repeat left 0.25vw;
background-size: 1vw auto;
}
.supportSlideIn {
text-align: center;
padding: 9vw 3vw 0 3vw;
}
.supportSlideIn .slideInRightSupport {
text-align: center;
}
.supportSlideIn .slideInRightSupportIcon {
width: 6.25vw;
height: 6.25vw;
display: inline-block;
}
.supportSlideIn .slideInRightSupportIcon::before {
display: block;
content: "";
width: 100%;
height: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: var(--support-circle-icon);
mask-image: var(--support-circle-icon);
background-color: var(--dynamic-primary-color);
}
.supportSlideIn .slideInRightSupportHeadline {
font-size: 1.875vw;
font-family: var(--font-special-bold);
margin: 1.5vw 0 1.25vw 0;
}
.supportSlideIn .slideInRightSupportHeadline p {
line-height: 1.1;
}
.supportSlideIn .slideInRightSupportSubline {
font-size: 1.25vw;
font-family: var(--font-special);
}
.supportSlideIn .slideInRightSupportSubline p {
line-height: 1.3;
}
.supportSlideIn .slideInRightSupportContent .btnRedLink {
font-size: 1vw;
padding: 1vw 6vw 1.25vw 6vw;
margin: 2vw 0 0 0;
}
.loaderWrapper {
width: 100%;
height: 100%;
background-color: transparent;
position: absolute;
z-index: 121;
display: none;
left: 0;
top: 0;
bottom: 0;
}
.loaderWrapper .loader {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 4vw;
width: 100%;
}
.loaderWrapper .loader::before {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2.5vw;
height: 2.5vw;
display: block;
content: "";
-webkit-mask-image: var(--loading-icon);
mask-image: var(--loading-icon);
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.loaderWrapper .loader .status {
text-align: center;
margin-top: 5vw;
}
.cartSlideIn .loaderWrapper {
height: 100vh;
}
.btnRed .loaderWrapper .loader {
height: 125%;
}
.cartSlideIn {
width: 32.5vw;
left: 67.5vw;
padding: 0 0 9vw 0;
overflow-x: hidden;
background-color: var(--light-grey);
}
.cartSlideIn .overlayContent {
padding: 0 0 6vw 0;
}
.cartSlideIn .cartItemCheckWrapper {
display: none !important;
}
.cartSlideInInfo {
position: relative;
padding: 1.75vw 1.5vw 2vw;
height: 6.25vw;
background-color: #fff;
color: #101010;
}
.cartSlideInInfo h5 {
margin: 0 0 0.375vw 0;
font-family: var(--font-base);
line-height: 1;
font-weight: 600;
font-size: 1vw;
}
.cartSlideInInfo a {
color: #101010;
font-size: 0.75vw;
font-weight: 500;
text-decoration: underline;
line-height: 1;
}
.cartSlideInInfo p {
line-height: 1;
margin: 0px;
}
.cartSlideInInfo .stripes {
position: absolute;
width: 100%;
height: 0.375vw;
right: 0px;
bottom: -0.375vw;
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
}
.cartSlideInCalculation {
position: fixed;
height: 8.4375vw;
width: 32.5vw;
bottom: 0;
background: var(--cart-slide-in-calculation-base-color);
color: #ffffff;
}
.cartSlideInCalculation .row01 {
height: 4.0625vw;
padding: 0 1.5625vw;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
justify-content: center;
}
.cartSlideInCalculation .row01 .calculationPrice {
width: 100%;
font-size: 0.875vw;
display: flex;
}
.cartSlideInCalculation .row01 .calculationPrice > span {
width: 50%;
display: block;
}
.cartSlideInCalculation .row01 .calculationPrice > span.col02 {
text-align: right;
}
.cartSlideInCalculation .row01 .calculationPrice > span.col02:not(.noLineThrough) {
text-decoration: line-through;
}
.cartSlideInCalculation .row01 .calculationPrice.priceIsEqual {
display: none;
}
.cartSlideInCalculation .row01 .calculationOnlinePrice {
width: 100%;
font-size: 1.125vw;
display: flex;
}
.cartSlideInCalculation .row01 .calculationOnlinePrice b {
font-weight: 700;
}
.cartSlideInCalculation .row01 .calculationOnlinePrice > span {
width: 50%;
display: block;
}
.cartSlideInCalculation .row01 .calculationOnlinePrice > span.col02 {
text-align: right;
}
.cartSlideInCalculation .row02 {
height: 4.375vw;
background: var(--dynamic-secondary-color);
display: flex;
flex-wrap: wrap;
}
.cartSlideInCalculation .row02 .btnBack {
width: 12.3%;
height: 100%;
flex-shrink: 0;
cursor: pointer;
position: relative;
overflow: hidden;
}
.cartSlideInCalculation .row02 .btnBack:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url('../../../fileadmin/templates/img/icon-arrow-left-white.svg') no-repeat center center rgba(0, 0, 0, 0.35);
background-size: 1vw auto;
transition: 0.2s all ease-in-out;
}
.cartSlideInCalculation .row02 .btnBack:after {
content: "";
position: absolute;
left: 100%;
right: -100%;
top: 0;
bottom: 0;
background: url('../../../fileadmin/templates/img/icon-arrow-left-white.svg') no-repeat center center rgba(0, 0, 0, 0.45);
background-size: 1vw auto;
transition: 0.2s all ease-in-out;
}
.cartSlideInCalculation .row02 .btnBack:hover:before {
left: -100%;
right: 100%;
}
.cartSlideInCalculation .row02 .btnBack:hover:after {
left: 0;
right: 0;
}
.cartSlideInCalculation .row02 .proceed {
display: flex;
align-items: center;
justify-content: center;
width: 87.7%;
height: 100%;
background: var(--dynamic-secondary-color);
text-align: center;
font-size: 1.375vw;
font-weight: bold;
cursor: pointer;
position: relative;
transition: background-color 0.1s ease-in-out;
}
.cartSlideInCalculation .row02 .proceed span {
position: relative;
padding: 0 1.5vw 0 0;
display: block;
transition: 0.2s all ease-in-out;
}
.cartSlideInCalculation .row02 .proceed span:after {
content: "";
width: 1vw;
height: 2vw;
position: absolute;
right: 0px;
background: url('../../../fileadmin/templates/img/icon-arrow-right-white.svg') no-repeat right center;
background-size: 1vw auto;
transition: 0.2s all ease-in-out;
}
.cartSlideInCalculation .row02 .proceed.disabled {
background-color: var(--light-black);
pointer-events: none;
}
.cartSlideInCalculation .row02 .proceed.disabled span {
opacity: 0.5;
}
.cartSlideInCalculation .row02 .proceed.declineOffer {
background: #98999E;
font-weight: normal;
}
.cartSlideInCalculation .row02 .proceed.declineOffer:hover {
background: var(--dynamic-primary-color-dark);
}
.cartSlideInCalculation .row02 .proceed:hover {
background: var(--dynamic-secondary-color-dark);
}
.cartSlideInCalculation .row02 .proceed:hover span:after {
right: -0.5vw;
}
.cartSlideInAgeContainer {
background: var(--light-grey);
transition: all 0.2s ease-in-out;
padding: 2.375vw 1.75vw 0;
}
.cartSlideInAgeContainer .cartSlideInAgeContent {
transition: all 0.2s ease-in-out;
}
.cartSlideInAgeContainer .cartSlideInAgeTitle {
line-height: 1.78;
letter-spacing: -0.11px;
color: #000;
font-size: 1.125vw;
font-weight: 500;
margin: 0 0 0.6875vw 0;
}
.rentBooking[data-step="1"] .rentBookingContent .col02 .rentBookingCalculation .productsWrapper {
display: none;
}
.rentBooking[data-step="1"] .rentBookingContent .col02 .rentBookingCalculation .productsWrapper .savePersonAndUpdateProducts {
display: none;
}
.rentBooking[data-step="2"] .rentBookingContent .col02 .rentBookingCalculation .productsWrapper {
display: none;
}
.rentBooking[data-step="2"] .rentBookingContent .col02 .rentBookingCalculation .productsWrapper .savePersonAndUpdateProducts {
display: none;
}
.rentBooking[data-step="2"] .cartSlideInAgeContainer .cartItem {
cursor: pointer;
}
.rentBooking[data-step="3"] .rentBookingContent .col02 .basketTabFilter button[data-id=basket_products], .rentBooking[data-step="3"] .rentBookingContent .col02 .productsWrapper {
display: none;
}
.rentBooking[data-step="3"] .col02.bookingProcessCart {
overflow-y: scroll;
}
.rentBooking[data-step="4"] .rentBookingContent .col02 .basketTabFilter button[data-id=basket_products], .rentBooking[data-step="4"] .rentBookingContent .col02 .productsWrapper {
display: none;
}
.rentBooking[data-step="4"] .col02.bookingProcessCart {
overflow-y: scroll;
}
.rentBooking[data-step="4"] .rentBookingContent .cartSlideInCalculation.acceptGroupbookingOffer {
height: 11.625vw;
}
.rentBooking[data-step="4"] .rentBookingContent .cartSlideInCalculation.acceptGroupbookingOffer .row02 {
height: 8vw;
flex-direction: column;
}
.rentBooking[data-step="4"] .rentBookingContent .cartSlideInCalculation.acceptGroupbookingOffer .row02 .acceptAndDeclineOfferWrapper {
width: 87.7%;
}
.rentBooking[data-step="4"] .rentBookingContent .cartSlideInCalculation.acceptGroupbookingOffer .row02 .acceptAndDeclineOfferWrapper .proceed {
width: 100%;
}
.rentBooking[data-step="4"] .rentBookingContent .cartSlideInCalculation.acceptGroupbookingOffer .row02 .btnBack {
height: 8vw;
}
.rentBooking[data-step="5"] .col02.bookingProcessCart {
padding: 0vw 0 10.7vw 0;
overflow: auto;
}
.rentBooking[data-step="5"] .stepsWrapper .content section {
height: auto !important;
}
.rentBooking.paymentProcessing .rentBookingContent > .col02, .rentBooking.paymentError .rentBookingContent > .col02 {
padding: 0 0 11vw 0;
}
.rentBooking.paymentProcessing .cartSlideInCalculation, .rentBooking.paymentError .cartSlideInCalculation {
height: auto;
}
.groupbookingOfferCheck .rentBooking[data-step="3"] .row02 .proceed {
width: 100%;
}
.groupbookingOfferCheck .rentBooking[data-step="3"] .row02 .btnBack {
display: none;
}
.cartItem {
background: #ffffff;
margin: 0 0 0.375vw 0;
border: solid 2px #e5e5e5;
height: 6.25vw;
transition: 0.2s all ease-in-out;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.cartItem .cartItemImage {
width: 19.4%;
height: 5.625vw;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center bottom 0;
margin-top: 0.45vw;
}
.cartItem .cartItemContent {
width: 80.6%;
font-size: 0.875vw;
padding: 1vw 0 0 0;
position: relative;
height: 6.25vw;
}
.cartItem .cartItemContent .cartItemProduct {
font-family: var(--font-special-bold);
font-size: 1.375vw;
line-height: 1.18;
letter-spacing: normal;
color: #101010;
font-weight: normal;
width: 78%;
}
.cartItem .cartItemContent .cartItemPrice {
position: absolute;
color: #101010;
right: 4vw;
bottom: 0.9375vw;
}
.cartItem .cartItemContent .cartItemPrice span {
text-decoration: line-through;
}
.cartItem .cartItemContent .cartItemOnlinePrice {
position: absolute;
color: var(--dynamic-primary-color);
font-size: 1vw;
font-weight: normal;
left: 0px;
bottom: 0.9375vw;
}
.cartItem .cartItemContent .cartItemOnlinePrice span {
font-weight: 600;
}
.cartItem .cartItemContent .cartItemDelete {
position: absolute;
top: 0px;
right: 0px;
width: 2.8125vw;
height: 100%;
border-left: 1px solid #E5E5E5;
cursor: pointer;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='24px' viewBox='0 0 20 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1541,-218)' fill='%239E9E9E' fill-rule='nonzero'%3E%3Cg id='Group-32' transform='translate(1080,0)'%3E%3Cg id='Group-30' transform='translate(25,138)'%3E%3Cg id='Group-29' transform='translate(0,43)'%3E%3Cg id='Group-27' transform='translate(436,37)'%3E%3Cpath d='M19.1479982,5.58510638 C19.1479982,4.26362553 18.0757088,3.19148936 16.754228,3.19148936 L14.2808237,3.19148936 C14.0953191,2.29090213 13.6056322,1.48205106 12.8935216,.900587234 C12.181411,.319148936 11.2908067,.000995744682 10.3712493,1.15260182e-12 L8.77550459,1.15260182e-12 C7.85594714,.000998297873 6.96534288,.319148936 6.25323225,.900587234 C5.54112161,1.48202553 5.05144501,2.2908766 4.86593012,3.19148936 L2.39252586,3.19148936 C1.22763225,3.18949532 .232296075,4.02725106 .0348067131,5.17519149 C-0.162667329,6.32213617 .496576926,7.44513191 1.59465352,7.83204255 L1.59465352,20.1381702 C1.59565182,21.1454809 1.99657693,22.1109191 2.70868756,22.8220854 C3.41980246,23.534196 4.38521522,23.9351237 5.39260246,23.9361194 L13.7543046,23.9361194 C14.7616152,23.9351221 15.7270535,23.534196 16.4382195,22.8220854 C17.1503301,22.1109702 17.5512578,21.1455574 17.5522535,20.1381702 L17.5522535,7.83204255 C18.5047216,7.49494468 19.1440152,6.59532766 19.1479982,5.58502979 L19.1479982,5.58510638 Z M8.77550459,1.59574468 L10.3712493,1.59574468 C11.3815471,1.59973277 12.2811642,2.23902128 12.618262,3.19148936 L6.52838969,3.19148936 C6.86548756,2.23902128 7.76510459,1.59972766 8.77540246,1.59574468 L8.77550459,1.59574468 Z M13.754228,22.3404255 L5.39252586,22.3404255 C4.17677267,22.3394283 3.19139395,21.3540511 3.1903982,20.1382979 L3.1903982,7.9787234 L15.9563556,7.9787234 L15.9563556,20.1382979 C15.9553574,21.3540511 14.9699812,22.3394298 13.754228,22.3404255 Z M16.754228,6.38297872 L2.39252586,6.38297872 C1.95169182,6.38297872 1.59465352,6.02594043 1.59465352,5.58510638 C1.59465352,5.14427234 1.95169182,4.78723404 2.39252586,4.78723404 L16.754228,4.78723404 C17.195062,4.78723404 17.5521003,5.14427234 17.5521003,5.58510638 C17.5521003,6.02594043 17.195062,6.38297872 16.754228,6.38297872 Z' id='Fill-1'%3E%3C/path%3E%3Cpath d='M7.1797599,10.3723404 C6.73892586,10.3723404 6.38188756,10.7293787 6.38188756,11.1702128 L6.38188756,19.1489362 C6.38188756,19.5897702 6.73892586,19.9468085 7.1797599,19.9468085 C7.62059395,19.9468085 7.97763225,19.5897702 7.97763225,19.1489362 L7.97763225,11.1702128 C7.97763225,10.9587779 7.89385693,10.7553191 7.74425522,10.6057277 C7.59465352,10.456126 7.3911999,10.3723404 7.17977012,10.3723404 L7.1797599,10.3723404 Z' id='Fill-2'%3E%3C/path%3E%3Cpath d='M11.9669939,10.3723404 C11.5261599,10.3723404 11.1691216,10.7293787 11.1691216,11.1702128 L11.1691216,19.1489362 C11.1691216,19.5897702 11.5261599,19.9468085 11.9669939,19.9468085 C12.407828,19.9468085 12.7648663,19.5897702 12.7648663,19.1489362 L12.7648663,11.1702128 C12.7648663,10.9587779 12.681091,10.7553191 12.5314893,10.6057277 C12.3818876,10.456126 12.1784339,10.3723404 11.9670042,10.3723404 L11.9669939,10.3723404 Z' id='Fill-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 1.1875vw auto;
}
.cartItem .cartItemContent .cartItemDelete:hover, .cartItem .cartItemContent .cartItemDelete:focus, .cartItem .cartItemContent .cartItemDelete:active {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='24px' viewBox='0 0 20 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1541,-218)' fill='%23d10019' fill-rule='nonzero'%3E%3Cg id='Group-32' transform='translate(1080,0)'%3E%3Cg id='Group-30' transform='translate(25,138)'%3E%3Cg id='Group-29' transform='translate(0,43)'%3E%3Cg id='Group-27' transform='translate(436,37)'%3E%3Cpath d='M19.1479982,5.58510638 C19.1479982,4.26362553 18.0757088,3.19148936 16.754228,3.19148936 L14.2808237,3.19148936 C14.0953191,2.29090213 13.6056322,1.48205106 12.8935216,.900587234 C12.181411,.319148936 11.2908067,.000995744682 10.3712493,1.15260182e-12 L8.77550459,1.15260182e-12 C7.85594714,.000998297873 6.96534288,.319148936 6.25323225,.900587234 C5.54112161,1.48202553 5.05144501,2.2908766 4.86593012,3.19148936 L2.39252586,3.19148936 C1.22763225,3.18949532 .232296075,4.02725106 .0348067131,5.17519149 C-0.162667329,6.32213617 .496576926,7.44513191 1.59465352,7.83204255 L1.59465352,20.1381702 C1.59565182,21.1454809 1.99657693,22.1109191 2.70868756,22.8220854 C3.41980246,23.534196 4.38521522,23.9351237 5.39260246,23.9361194 L13.7543046,23.9361194 C14.7616152,23.9351221 15.7270535,23.534196 16.4382195,22.8220854 C17.1503301,22.1109702 17.5512578,21.1455574 17.5522535,20.1381702 L17.5522535,7.83204255 C18.5047216,7.49494468 19.1440152,6.59532766 19.1479982,5.58502979 L19.1479982,5.58510638 Z M8.77550459,1.59574468 L10.3712493,1.59574468 C11.3815471,1.59973277 12.2811642,2.23902128 12.618262,3.19148936 L6.52838969,3.19148936 C6.86548756,2.23902128 7.76510459,1.59972766 8.77540246,1.59574468 L8.77550459,1.59574468 Z M13.754228,22.3404255 L5.39252586,22.3404255 C4.17677267,22.3394283 3.19139395,21.3540511 3.1903982,20.1382979 L3.1903982,7.9787234 L15.9563556,7.9787234 L15.9563556,20.1382979 C15.9553574,21.3540511 14.9699812,22.3394298 13.754228,22.3404255 Z M16.754228,6.38297872 L2.39252586,6.38297872 C1.95169182,6.38297872 1.59465352,6.02594043 1.59465352,5.58510638 C1.59465352,5.14427234 1.95169182,4.78723404 2.39252586,4.78723404 L16.754228,4.78723404 C17.195062,4.78723404 17.5521003,5.14427234 17.5521003,5.58510638 C17.5521003,6.02594043 17.195062,6.38297872 16.754228,6.38297872 Z' id='Fill-1'%3E%3C/path%3E%3Cpath d='M7.1797599,10.3723404 C6.73892586,10.3723404 6.38188756,10.7293787 6.38188756,11.1702128 L6.38188756,19.1489362 C6.38188756,19.5897702 6.73892586,19.9468085 7.1797599,19.9468085 C7.62059395,19.9468085 7.97763225,19.5897702 7.97763225,19.1489362 L7.97763225,11.1702128 C7.97763225,10.9587779 7.89385693,10.7553191 7.74425522,10.6057277 C7.59465352,10.456126 7.3911999,10.3723404 7.17977012,10.3723404 L7.1797599,10.3723404 Z' id='Fill-2'%3E%3C/path%3E%3Cpath d='M11.9669939,10.3723404 C11.5261599,10.3723404 11.1691216,10.7293787 11.1691216,11.1702128 L11.1691216,19.1489362 C11.1691216,19.5897702 11.5261599,19.9468085 11.9669939,19.9468085 C12.407828,19.9468085 12.7648663,19.5897702 12.7648663,19.1489362 L12.7648663,11.1702128 C12.7648663,10.9587779 12.681091,10.7553191 12.5314893,10.6057277 C12.3818876,10.456126 12.1784339,10.3723404 11.9670042,10.3723404 L11.9669939,10.3723404 Z' id='Fill-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.cartItem .cartItemContent .cartItemCheckWrapper {
position: absolute;
top: 0px;
right: 0px;
width: 2.8125vw;
height: 100%;
border-left: 1px solid #E5E5E5;
}
.cartItem .cartItemContent .cartItemCheckWrapper div:first-of-type {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
margin: 0 auto;
}
.cartItem.selected {
opacity: 0.3;
}
.cartItem.selected .cartItemCheckWrapper, .cartItem.selected .cartItemDelete {
display: none !important;
}
.overlaySaveCart {
position: fixed;
display: none;
width: 32.5vw;
right: 0;
top: 0;
height: 100vh;
background: #ffffff;
z-index: 9999;
}
.overlaySaveCart .saveCartIcon {
position: relative;
display: block;
height: 6.25vw;
opacity: 1;
margin: 9vw 0 1.75vw 0;
}
.overlaySaveCart .saveCartIcon::before {
display: block;
content: "";
width: 100%;
height: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: auto 6.25vw;
mask-size: auto 6.25vw;
-webkit-mask-image: var(--cart-circle-icon);
mask-image: var(--cart-circle-icon);
background-color: var(--dynamic-primary-color);
}
.overlaySaveCart .saveCartTitle {
text-align: center;
font-size: 1.875vw;
font-family: var(--font-special-bold);
margin: 0 5vw 1.5vw 5vw;
text-align: center;
}
.overlaySaveCart .saveCartTitle p {
line-height: 1.1;
}
.overlaySaveCart .saveCartInfo p {
font-size: 1.25vw;
font-family: var(--font-special);
margin: 0 5vw 1.5vw 5vw;
line-height: 1.3;
text-align: center;
}
.overlaySaveCart .saveCartForm {
margin: 0 4.375vw;
text-align: center;
}
.overlaySaveCart .saveCartForm label {
display: none;
}
.overlaySaveCart .saveCartForm .formItemCheckbox {
margin: 0.6vw 0 2.5vw 0;
}
.overlaySaveCart .saveCartForm .formItemCheckbox label {
display: block !important;
font-size: 0.75vw;
}
.overlaySaveCart .saveCartForm .formItemCheckbox label a {
color: #000000;
text-decoration: underline;
}
.overlaySaveCart .saveCartForm .formItemSubmit input {
width: 78%;
display: inline-block;
transition: all 0.1s ease-in-out;
cursor: pointer;
}
.overlaySaveCart .saveCartForm .formItemSubmit input:hover {
background-color: var(--dynamic-secondary-color);
}
.isHidden {
display: none !important;
}
.rentBookingContent {
padding: 0 0 0 4.4vw;
margin: 6.25vw 0 0 0;
}
.rentBookingContent > .col01 {
position: relative;
width: 63.1vw;
padding-top: 5vw;
}
.rentBookingContent > .col02 {
position: fixed;
left: 67.5vw;
top: 6.25vw;
width: 32.5vw;
height: 100vh;
border-left: 1px solid #DCDEE6;
background: #ffffff;
z-index: 5;
padding: 0 0 15vw 0;
overflow-y: scroll;
display: flex;
flex-direction: column;
}
.rentBookingContent > .col02.reducePadding {
padding-bottom: 11vw;
}
.rentBookingContent h1 {
margin-top: 0.3vw;
font-size: 3.75vw;
margin-bottom: 0.5vw;
}
.rentBookingContent .formItem {
width: 49%;
float: left;
font-size: 0.875vw;
}
.rentBookingContent .formItem label {
margin: 0 0 0.5vw 0;
display: block;
}
.rentBookingContent .formItemRight {
margin-left: 2%;
}
.rentBookingContent .formItemInputSmall {
width: 10%;
}
.rentBookingContent .formItemInputMedium {
width: 37%;
}
.rentBookingContent .formItemInput33 {
width: 15%;
}
.rentBookingContent .formRequiredInfo {
font-size: 0.75vw;
margin: 1vw 0 0 0;
text-align: right;
}
.rentBookingContent .formRequiredInfo span {
color: var(--dynamic-primary-color);
}
.rentBookingContent .cartSlideInInfo {
position: relative;
z-index: 10;
width: 100%;
height: auto;
padding: 2.125vw 1.5625vw 1.0625vw 1.5625vw;
display: flex;
justify-content: space-between;
background: #ffffff;
}
.rentBookingContent .cartSlideInInfo a {
color: var(--dynamic-primary-color);
}
.rentBookingContent .productsWrapper {
padding: 1.5625vw 0 0 0;
}
.rentBookingContent .additionalProductsContentTabHeadline {
font-size: 1.125vw;
font-weight: 600;
line-height: 1.78;
letter-spacing: -0.11px;
color: #000;
margin: 0 0 0.625vw 0;
}
.rentBookingContent .additionalProductsContentTabHeadlineMobile {
display: none;
}
.rentBookingContent .cartSlideInAgeContainer {
background: none;
padding: 0 0 1.5625vw 0;
}
.rentBookingContent .rentBookingProcessInfoBar {
display: none;
}
.rentBookingContent .bookingProcessStepIntroLine {
color: var(--dynamic-primary-color);
font-size: 1vw;
font-weight: 500;
margin: 0 0 0.4vw 0;
}
.rentBookingContent .bookingProcessStepHeadline {
font-family: var(--font-special-bold);
font-size: 2.625vw;
line-height: 1;
letter-spacing: -0.4px;
color: #101010;
}
.rentBookingContent .bookingProcessStepText {
font-size: 1vw;
line-height: 1.5;
letter-spacing: -0.1px;
color: #363636;
margin: 0;
}
.rentBookingContent .bookingProcessStepText p {
line-height: 1.5;
}
.rentBookingContent .paymentProcessing {
text-align: center;
margin: 3vw 0;
}
.rentBookingContent .paymentProcessing .loading {
position: initial;
display: block;
opacity: 1;
margin: 0 auto 1vw auto;
width: 4vw;
height: 4vw;
}
.rentBookingContent .rentBookingCalculation {
position: relative;
padding: 1px 1.5625vw;
flex: 1;
}
.rentBookingContent .rentBookingCalculation .calculationTable {
padding: 1.25vw 0 1.125vw 0;
font-weight: 500;
font-size: 1.125vw;
border-bottom: 1px solid #d8d8d8;
}
.rentBookingContent .rentBookingCalculation .calculationTable .label, .rentBookingContent .rentBookingCalculation .calculationTable .value {
display: inline-block;
width: 49.45%;
margin: 0.3vw 0;
}
.rentBookingContent .rentBookingCalculation .calculationTable .value {
text-align: right;
}
.rentBookingContent .rentBookingCalculation .calculationTable .value span {
font-weight: 600;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable {
padding: 0px;
border: 0;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row {
border-bottom: 1px solid #d8d8d8;
padding: 1.375vw 0 1.5625vw 0;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row .label, .rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row .value {
margin: 0px;
font-weight: normal;
font-size: 1vw;
line-height: 1.875;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row.totalPrice {
padding: 1.5625vw 0 1.25vw 0;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row.totalPrice .label, .rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row.totalPrice .value {
font-size: 1.125vw;
line-height: 1.7;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row.totalPrice .label, .rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row.totalPrice .value span {
font-weight: 500;
}
.rentBookingContent .rentBookingCalculation .calculationExtras {
padding: 1.25vw 0 1.25vw 0;
font-weight: 600;
font-size: 1vw;
border-bottom: 1px solid #d8d8d8;
}
.rentBookingContent .rentBookingCalculation .calculationExtras .formItem {
display: block;
width: 100%;
float: none;
margin: 0.2vw 0;
}
.rentBookingContent .rentBookingCalculation .calculationExtras label {
display: inline-block;
padding-top: 0;
}
.rentBookingContent .rentBookingCalculation .calculationExtras span {
color: #000000;
font-weight: normal;
font-size: 1vw;
}
.rentBookingContent .rentBookingCalculation .calculationExtras button.infoIcon {
position: absolute;
margin: 0.2vw 0 0 0.5vw;
width: 0.875vw;
height: 0.875vw;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='13px' viewBox='0 0 6 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-709,-455)' fill='%23ffffff' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-11' transform='translate(568,16)'%3E%3Cg id='Group-80' transform='translate(18,14)'%3E%3Cpath d='M2.80253375,3.56592781 C3.73000386,3.57456066 4.48873148,2.78592173 4.49830239,1.80324407 C4.4973437,.810972326 3.74098586,.0055900436 2.80486513,0 C1.87739503,.00507809961 1.12921994,.804888278 1.13253295,1.78751394 C1.1267812,2.25927462 1.30077234,2.71377117 1.61472267,3.04841978 C1.92915156,3.38306839 2.35717976,3.56943784 2.80246013,3.56588881 L2.80253375,3.56592781 Z M5.85148159,11.8133221 L4.74714601,11.8133221 C4.63546578,11.7117589 4.59759443,11.5467161 4.59759443,11.279096 L4.59759443,4.80998552 L0,4.98569489 L0,5.74742283 C0.272255532,5.74742283 .53011789,5.73980555 .787992518,5.74742283 C1.41397901,5.77230632 1.61144648,5.99168174 1.61241584,6.64168681 L1.61241584,11.1241218 C1.61481249,11.2485366 1.60858134,11.3734637 1.59372312,11.4973677 C1.57934344,11.6156894 1.52853664,11.7258835 1.44896927,11.8106961 L0.300533885,11.8106961 C0.219051098,11.811204 .153387304,11.8812828 .153387304,11.9676073 L0.153387304,12.8441002 C0.153387304,12.8852338 .168725298,12.9248425 .196525106,12.9542968 C0.223846368,12.9837499 .261711581,13 .300536339,13 L5.85141778,13 C5.93338034,13 5.99952145,12.9304287 6,12.8441028 L6,11.970145 C6,11.8833082 5.93385521,11.8132337 5.85141778,11.8132337 L5.85148159,11.8133221 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: auto 50%;
background-repeat: no-repeat;
cursor: pointer;
background-position: center;
background-color: var(--dynamic-primary-color);
border-radius: 999px;
}
.rentBookingContent .rentBookingCalculation .calculationExtras .amount {
float: right;
font-size: 1vw;
font-weight: normal;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode {
padding: 1.5vw 0 0.8vw 0;
margin: 0 0 3vw 0;
font-weight: 600;
font-size: 1vw;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeInfo {
font-size: 0.75vw;
color: #363636;
display: block;
padding: 0.875vw 0 0 0;
height: auto;
width: 100%;
font-weight: 400;
line-height: 1.33;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeInfo em {
color: var(--dynamic-primary-color);
font-style: normal;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper .formItem {
width: 77%;
margin: 0px;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper .formItem input {
margin: 0px;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper .formItemSubmitText {
width: 20%;
flex-shrink: 0;
text-align: right;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper .formItemSubmitText a {
font-weight: 400;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeError {
display: none;
font-size: 0.8vw;
color: var(--primary-color);
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeValid {
display: none;
font-size: 0.8vw;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeError, .rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeValid {
margin: 0.5vw 0 0.5vw 0;
}
.rentBookingContent .rentBookingCalculation .calculationInfo {
position: absolute;
bottom: 0px;
margin: 0;
padding: 0 0 1vw 0;
font-size: 0.75vw;
color: #101010;
border-top: none;
}
.rentBookingContent .rentBookingCalculation .calculationInfo p {
margin: 0;
line-height: 1.5;
}
.rentBookingContent .rentBookingCalculation .calculationInfo p strong, .rentBookingContent .rentBookingCalculation .calculationInfo p b {
font-weight: 500;
}
.rentBookingProgress {
position: fixed;
height: 5vw;
background-color: #ffffff;
padding: 0 0 0 3.4375vw;
width: 63.1vw;
top: 6.25vw;
left: 4.4vw;
z-index: 10;
}
.rentBookingProgress .progressAnimation {
display: table;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.rentBookingProgress .progressAnimation .line {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 95%;
height: 0.125vw;
background: #D0D2D9;
}
.rentBookingProgress .progressAnimation .line span {
background: var(--dynamic-primary-color);
width: 0%;
height: 100%;
display: block;
vertical-align: top;
transition: width 0.2s ease-in-out;
}
.rentBookingProgress .progressAnimation ul {
position: relative;
line-height: 1;
padding: 0 0 0 2vw;
font-size: 0px;
}
.rentBookingProgress .progressAnimation ul li {
position: relative;
display: inline-block;
font-size: 0.875vw;
font-weight: 400;
color: #363636;
padding: 0.3125vw;
margin-left: 2.625vw;
background-color: #fff !important;
}
.rentBookingProgress .progressAnimation ul li:first-child {
margin-left: 0px;
}
.rentBookingProgress .progressAnimation ul li:before {
position: absolute;
content: "";
width: 1.4375vw;
height: 1.5vw;
left: -2.01vw;
top: 50%;
transform: translateY(-50%);
background-color: #ffffff;
color: #d0d2d9;
border-radius: 999px;
line-height: 1;
font-family: var(--font-bold);
font-size: 0.65vw;
display: flex;
align-items: center;
justify-content: center;
text-indent: 0;
box-shadow: inset 0 0 0 2px #d0d2d9;
font-weight: 600;
}
.rentBookingProgress .progressAnimation ul li.step01:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
content: "1";
}
.rentBookingProgress .progressAnimation ul li.step02:before {
content: "2";
}
.rentBookingProgress .progressAnimation ul li.step03:before {
content: "3";
}
.rentBookingProgress .progressAnimation ul li.step04:before {
content: "4";
}
.rentBookingProgress .progressAnimation ul li.step05:before {
content: "5";
}
.rentBookingProgress[data-step="1"] .progressAnimation .line span {
width: 10%;
}
.rentBookingProgress[data-step="1"] .progressAnimation li.step01 {
color: var(--dynamic-primary-color);
font-weight: 600;
}
.rentBookingProgress[data-step="2"] .progressAnimation .line span {
width: 37%;
}
.rentBookingProgress[data-step="2"] .progressAnimation li.step01, .rentBookingProgress[data-step="2"] .progressAnimation li.step02 {
color: var(--dynamic-primary-color);
font-weight: 600;
}
.rentBookingProgress[data-step="2"] .progressAnimation li.step02:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="3"] .progressAnimation .line span {
width: 60%;
}
.rentBookingProgress[data-step="3"] .progressAnimation li.step01, .rentBookingProgress[data-step="3"] .progressAnimation li.step02, .rentBookingProgress[data-step="3"] .progressAnimation li.step03 {
color: var(--dynamic-primary-color);
font-weight: 600;
}
.rentBookingProgress[data-step="3"] .progressAnimation li.step02:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="3"] .progressAnimation li.step03:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="4"] .progressAnimation .line span {
width: 82%;
}
.rentBookingProgress[data-step="4"] .progressAnimation li.step01, .rentBookingProgress[data-step="4"] .progressAnimation li.step02, .rentBookingProgress[data-step="4"] .progressAnimation li.step03, .rentBookingProgress[data-step="4"] .progressAnimation li.step04 {
color: var(--dynamic-primary-color);
font-weight: 600;
}
.rentBookingProgress[data-step="4"] .progressAnimation li.step02:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="4"] .progressAnimation li.step03:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="4"] .progressAnimation li.step04:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="5"] .progressAnimation .line span {
width: 100%;
}
.rentBookingProgress[data-step="5"] .progressAnimation li.step01, .rentBookingProgress[data-step="5"] .progressAnimation li.step02, .rentBookingProgress[data-step="5"] .progressAnimation li.step03, .rentBookingProgress[data-step="5"] .progressAnimation li.step04, .rentBookingProgress[data-step="5"] .progressAnimation li.step05 {
color: var(--dynamic-primary-color);
font-weight: 600;
}
.rentBookingProgress[data-step="5"] .progressAnimation li.step02:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="5"] .progressAnimation li.step03:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="5"] .progressAnimation li.step04:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="5"] .progressAnimation li.step05:before {
background-color: var(--dynamic-primary-color);
box-shadow: none;
color: #fff;
}
.rentBookingProgress[data-step="5"] .bookingFooter .footerRow01 {
display: none !important;
}
.rentBookingInvoice .rentBookingInvoiceForm {
padding: 1.875vw 0 0 0;
}
.rentBookingCalculation .btnRed .assignProductsBtn {
margin: 0px 0px 20px;
padding: 15px 20px;
}
.rentBookingCalculation .btnRed .assignProductsBtn.disabled {
background-color: #98999E;
pointer-events: none;
}
.rentBookingCalculation .btnRed .assignProductsBtn.showMobile {
display: none;
}
.stepsWrapper .content section {
position: relative;
padding: 0 3.4375vw 3vw;
}
.helperOverlay {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
}
.helperOverlay .helperOverlayClose {
position: absolute;
top: 0px;
right: 0px;
width: 1.5vw;
height: 1.5vw;
margin: 1vw 1vw 0 0;
background-image: url('../../../fileadmin/templates/img/icon-close-white-red.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
cursor: pointer;
z-index: 2;
}
.helperOverlay .helperOverlayClose:hover {
background-image: url('../../../fileadmin/templates/img/icon-close-red.svg');
}
.helperOverlay .helperOverlayText {
font-size: 1.2vw;
font-family: var(--font-special-bold);
color: #fff;
}
.helperOverlay .helperOverlayText p {
line-height: 1.4;
margin: 0px;
}
.helperOverlay.chooseProducts {
background: rgb(0, 0, 0);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(57, 57, 57, 0.8) 63%, rgba(113, 113, 113, 0.8) 100%);
}
.helperOverlay.chooseProducts .helperOverlayText {
position: absolute;
width: 30vw;
text-align: right;
top: 0px;
right: 0px;
margin: 2vw 0 0 0;
padding: 1.5vw 9vw 1.5vw 0;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='369px' height='369px' viewBox='0 0 369 369' preserveAspectRatio='xMinYMid' style='enable-background:new 0 0 369.9 369.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M364.5,268.3c-33-8.6-63.6-26.3-97.9-30c-6.7-0.6-8,8-4.9,11.6c4.3,4.9,9.8,12.2,15.9,18.4 c-17.1,1.2-33,7.3-50.2,11c-15.9,3.7-31.8,1.2-46.5-4.3c3.7-3.7,6.7-8,10.4-12.2c24.5-34.9,39.8-149.3-23.9-157.3 c-36.1-4.9-69.2,41-71,73.4c-2.4,42.8,23.3,78.9,58.1,100.4c-14.7,9.8-32.4,14.7-51.4,15.9c-39.8,1.8-67.9-24.5-81.4-60 C-2.7,170.4,18.1,81.6,87.9,56.5c3.1-1.2,3.1-6.1-0.6-6.1C-0.2,51.6-12.5,182,9.5,242.6c25.1,69.2,107.7,83.8,159.7,43.5 c4.3,1.8,9.2,4.3,14.1,5.5c33.7,11.6,63.6-4.9,96.1-8.6c-4.3,8-8.6,16.5-14.7,23.9c-4.3,5.5-0.6,14.7,7.3,12.2 c33-9.8,66.7-17.1,94.9-37.3C371.2,278.1,371.2,269.5,364.5,268.3z M167.4,268.3c-7.3-4.3-14.7-9.2-20.8-14.7 c-42.2-35.5-48.3-101.6,4.3-131c24.5-13.5,38.6,16.5,43.5,35.5c7.3,27.5,3.1,59.4-8.6,85.1C180.3,253,174.2,260.9,167.4,268.3z M299.6,276.2L299.6,276.2c0.6,0,1.2-1.2,1.2-1.8c-1.8-6.7-7.3-12.2-13.5-17.7c19.6,5.5,37.9,14.1,57.5,20.2 c-18.4,9.8-38.6,15.9-59.4,22c3.7-6.7,6.7-13.5,12.2-19C299,278.7,299.6,277.5,299.6,276.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
background-position: right 1.5vw center;
background-repeat: no-repeat;
background-size: contain;
}
.helperOverlay.assignProducts {
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(57, 57, 57, 0.8) 63%, rgba(113, 113, 113, 0.8) 100%);
}
.helperOverlay.assignProducts .helperOverlayText {
position: absolute;
width: 37vw;
text-align: left;
bottom: 0px;
left: 0px;
padding: 1.5vw 6vw 0vw 3.5vw;
margin: 0 0 1.5vw 0;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='369px' height='369px' viewBox='0 0 369 369' preserveAspectRatio='xMinYMid' style='enable-background:new 0 0 369.9 369.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M281.8,367c20.2-28.2,27.5-61.8,37.3-94.9c2.4-8-6.7-11.6-12.2-7.3c-7.3,6.1-15.9,10.4-23.9,14.7 c3.7-32.4,20.2-62.4,8.6-96.1c-1.2-4.9-3.7-9.8-5.5-14.1c40.4-52,25.7-134.6-43.5-159.7C182-12.5,51.6-0.2,50.4,87.3 c0,3.7,4.9,3.7,6.1,0.6C81.6,18.1,170.4-2.7,235.2,21.8c35.5,13.5,61.8,41.6,60,81.4c-1.2,19-6.1,36.7-15.9,51.4 c-21.4-34.9-57.5-60.6-100.4-58.1c-32.4,1.8-78.3,34.9-73.4,71c8,63.6,122.4,48.3,157.3,23.9c4.3-3.7,8.6-6.7,12.2-10.4 c5.5,14.7,8,30.6,4.3,46.5c-3.7,17.1-9.8,33-11,50.2c-6.1-6.1-13.5-11.6-18.4-15.9c-3.7-3.1-12.2-1.8-11.6,4.9 c3.7,34.3,21.4,64.9,30,97.9C269.5,371.2,278.1,371.2,281.8,367z M243.2,185.8c-25.7,11.6-57.5,15.9-85.1,8.6 c-19-4.9-49-19-35.5-43.5c29.4-52.6,95.5-46.5,131-4.3c5.5,6.1,10.4,13.5,14.7,20.8C260.9,174.2,253,180.3,243.2,185.8z M279.9,297.8c5.5-5.5,12.2-8.6,19-12.2c-6.1,20.8-12.2,41-22,59.4c-6.1-19.6-14.7-37.9-20.2-57.5c5.5,6.1,11,11.6,17.7,13.5 c0.6,0,1.8-0.6,1.8-1.2l0,0C277.5,299.6,278.7,299,279.9,297.8z'/%3E%3C/g%3E%3C/svg%3E");
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain;
}
.rentBookingPersons {
}
.rentBookingPersons .btnRed a.disabled {
pointer-events: initial !important;
}
.rentBookingPersons .rentBookingAddPersonForm.ui-accordion-content-active {
overflow: visible;
}
.rentBookingPersons .rentBookingAddPersonForm:last-of-type.ui-accordion-content-active {
border-bottom: 1px solid #d8d8d8;
}
.rentBookingPersons .rentBookingPersonName {
font-size: 1.125vw !important;
padding: 0.7vw 1.375vw 0.7vw 1.875vw;
border-bottom: 1px solid #d8d8d8;
font-weight: 600;
position: relative;
margin: 1.5vw 0 0 0;
}
.rentBookingPersons .rentBookingPersonName::before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.25vw;
height: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-image: var(--user-icon);
mask-image: var(--user-icon);
background-color: var(--dynamic-primary-color);
}
.rentBookingPersons .rentBookingPersonName:first-child {
margin: 1.5vw 0 0 0;
}
.rentBookingPersons .rentBookingPersonName:after {
content: " ";
position: absolute;
width: 0.8125vw;
height: 1.875vw;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--minus-icon);
mask-image: var(--minus-icon);
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
right: 1.375vw;
top: 50%;
transform: translateY(-50%);
}
.rentBookingPersons .rentBookingPersonName.ui-accordion-header-collapsed:after {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--plus-icon);
mask-image: var(--plus-icon);
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.rentBookingPersons .rentBookingPersonData {
padding: 1vw 0 1vw 0;
position: relative;
}
.rentBookingPersons .rentBookingPersonData .removeSinglePerson {
display: table;
height: auto;
width: auto;
text-align: right;
margin: 0 0 1.8vw auto;
color: var(--dynamic-primary-color);
cursor: pointer;
font-size: 0.75vw;
font-weight: 600;
}
.rentBookingPersons .rentBookingPersonData .removeSinglePerson:hover {
color: var(--dynamic-primary-color-dark);
}
.rentBookingPersons .ageGroup {
height: 2.875vw;
background: #107733;
border-radius: 0.3125vw;
color: #ffffff;
padding: 0.8vw 0 0 1.125vw;
font-weight: 500;
margin: 0 0 0.75vw 0;
}
.rentBookingPersons .ageGroup.disabled {
background: #98999E;
}
.rentBookingPersons .rentBookingPersonProducts {
padding: 2vw 0 1vw 0;
}
.rentBookingPersons .rentBookingPersonProducts .cartItem {
width: 48.5%;
float: left;
margin: 0 3% 3% 0;
}
.rentBookingPersons .rentBookingPersonProducts .cartItem:nth-child(even) {
margin: 0 0 3% 0;
}
.rentBookingPersons .rentBookingPersonProductsOverview {
display: none;
}
.rentBookingPersons .rentBookingPersonProceed {
padding: 1vw 0 2vw;
}
.rentBookingPersons .rentBookingPersonProceed .assignProductsInfo {
text-align: center;
color: var(--dynamic-primary-color);
margin: 0 0 1.5vw 0;
font-size: 1.1vw;
font-weight: 600;
}
.rentBookingPersons .rentBookingAddAnotherPerson {
text-align: center;
margin: 4.5vw 0;
color: var(--dynamic-primary-color);
font-size: 1vw;
font-weight: 600;
cursor: default;
position: relative;
}
.rentBookingPersons .rentBookingAddAnotherPerson span {
opacity: 0.5;
transition: 0.2s all ease-in-out;
text-decoration: underline;
}
.rentBookingPersons .rentBookingAddAnotherPerson span.ajaxLoad {
color: #fff;
}
.rentBookingPersons .rentBookingAddAnotherPerson.valid {
opacity: 1;
pointer-events: auto;
cursor: pointer;
}
.rentBookingPersons .rentBookingAddAnotherPerson.valid span {
opacity: 1;
}
.rentBookingPersons .rentBookingAddAnotherPerson.valid:hover {
color: var(--dynamic-primary-color-dark);
}
.rentBookingPersons .bookingprocessInfoBox.bookingprocessCheckAgainBeforeProceed {
display: none;
}
.rentSummaryBox {
border: 1px solid #d8d8d8 !important;
margin: 0 0 1.5vw 0 !important;
background: #ffffff !important;
}
.rentSummaryBox .rentSummaryTitle {
background: #ffffff;
color: #101010;
font-size: 1.125vw;
line-height: 1;
font-weight: 600;
position: relative;
display: flex !important;
align-items: center;
margin: 0px;
min-height: 3.25vw;
height: auto;
}
.rentSummaryBox .rentSummaryTitle p {
margin: 0px;
display: inline-block;
line-height: normal;
}
.rentSummaryBox .rentSummaryTitle.ui-accordion-header-active:after {
-webkit-mask-image: var(--minus-icon);
mask-image: var(--minus-icon);
background-color: var(--dynamic-primary-color);
}
.rentSummaryBox .rentSummaryTitle:after {
content: "";
position: absolute;
width: 0.8125vw;
height: 0.8125vw;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--plus-icon);
mask-image: var(--plus-icon);
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-position: center;
mask-position: center;
background-color: #101010;
right: 1.3125vw;
}
.rentSummaryBox .rentSummaryTitle span {
font-size: 0.9375vw;
}
.rentSummaryBox .rentSummaryTitle span a {
color: #000000;
text-decoration: underline;
transition: none !important;
}
.rentSummaryBox .rentSummaryTitle span a:hover {
color: var(--dynamic-primary-color);
}
.rentSummaryBox .rentSummaryTitle span.black {
color: #000000 !important;
}
.rentSummaryBox .rentSummaryTitle span.red {
color: var(--dynamic-primary-color);
}
.rentSummaryBox .rentSummaryTitle span.default {
font-weight: 400;
color: #000000 !important;
}
.rentSummaryBox .rentSummaryTitle span.mr-3 {
margin-right: 3vw;
}
.rentSummaryBox .rentSummaryTitle span.fixedWith-11, .rentSummaryBox .rentSummaryTitle span.fixedWith-12, .rentSummaryBox .rentSummaryTitle span.fixedWith-18 {
display: inline-block;
height: auto;
}
.rentSummaryBox .rentSummaryTitle span.fixedWith-11 {
width: 11vw;
}
.rentSummaryBox .rentSummaryTitle span.fixedWith-12 {
width: 12vw;
}
.rentSummaryBox .rentSummaryTitle span.fixedWith-18 {
width: 18vw;
}
.rentSummaryBox .rentSummaryTitle span.price {
position: absolute;
display: block;
right: 5vw;
width: auto;
height: auto;
top: 50%;
transform: translateY(-50%);
}
.rentSummaryBox .rentSummaryTitle div.partnerInfo {
position: absolute;
right: 12.5vw;
top: 50%;
transform: translateY(-50%);
display: flex;
gap: 0.625vw;
align-items: center;
}
.rentSummaryBox .rentSummaryTitle div.partnerInfo div.partnerLabel {
display: block;
color: #747474;
font-weight: 600;
letter-spacing: 0.3px;
font-size: 0.6875vw;
}
.rentSummaryBox .rentSummaryTitle div.partnerInfo div.partnerLogo img {
width: auto;
max-height: 1.375vw;
}
.rentSummaryBox .rentSummaryTitle span.iconCalendar {
position: relative;
padding: 0 0 0 1.3vw;
font-size: 0.875vw;
font-family: var(--font-bold);
font-weight: 500;
}
.rentSummaryBox .rentSummaryTitle span.iconCalendar::before {
position: absolute;
left: 0;
display: block;
width: 0.85vw;
height: 100%;
content: "";
-webkit-mask-image: var(--date-from-icon);
mask-image: var(--date-from-icon);
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.rentSummaryBox .rentSummaryTitle span.iconLocation {
padding: 0 0 0 1vw;
font-size: 0.875vw;
font-family: var(--font-bold);
font-weight: 500;
position: relative;
}
.rentSummaryBox .rentSummaryTitle span.iconLocation::before {
position: absolute;
left: 0;
display: block;
width: 0.875vw;
height: 0.875vw;
content: "";
-webkit-mask-image: var(--location-icon);
mask-image: var(--location-icon);
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.rentSummaryBox .rentSummaryContent {
padding: 1.8vw 1.375vw 1.8vw 1.375vw;
border-top: 1px solid #d8d8d8;
font-size: 1vw;
}
.rentSummaryBox .rentSummaryContent.reducedPTagPadding p {
margin: auto !important;
}
.rentSummaryBox.hasPageLink .rentSummaryTitle span:not(.ui-accordion-header-icon) {
position: absolute;
display: block;
height: 100% !important;
left: 0px;
top: 0px;
}
.rentSummaryBox.hasPageLink .rentSummaryTitle span:not(.ui-accordion-header-icon) a {
display: flex;
align-items: center;
height: 100%;
width: 100%;
padding: 0 1.25vw;
}
.rentSummaryBox .rentSummaryContent {
padding: 1.8vw 1.375vw 1.8vw 1.375vw;
border-top: 1px solid #d8d8d8;
font-size: 1vw;
}
.rentSummaryBox .rentSummaryContent.reducedPTagPadding p {
margin: auto !important;
}
.rentSummaryBox .rentSummaryContentItem {
display: inline-flex;
width: 47.5%;
margin: 0 5% 0.15vw 0;
line-height: 1.4;
}
.rentSummaryBox .rentSummaryContentItem .label {
font-weight: 500;
width: 34%;
}
.rentSummaryBox .rentSummaryContentItem .value {
width: 58%;
}
.rentSummaryBox .rentSummaryContentItem:nth-child(2n) {
width: 46.5%;
margin-right: 0px;
}
.rentSummaryBox .summaryContentContainer {
margin: 0 0 1.5vw 0;
}
.rentSummaryBox .cartItem {
width: 48.5%;
float: left;
margin: 0 3% 3% 0;
overflow: hidden;
}
.rentSummaryBox .cartItem:nth-child(even) {
margin: 0 0 3% 0;
}
.rentSummaryBox.rentSummaryBoxPerson .rentSummaryTitle, .rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryTitle, .rentSummaryBox.rentSummaryBoxInvoice .rentSummaryTitle, .rentSummaryBox.rentSummaryBoxOrder .rentSummaryTitle, .rentSummaryBox.bookingOverview .rentSummaryTitle, .rentSummaryBox.rentSummaryBoxCancellationDetails .rentSummaryTitle {
padding: 0 0 0 2vw;
}
.rentSummaryBox.rentSummaryBoxPerson .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxInvoice .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxOrder .rentSummaryTitle::before, .rentSummaryBox.bookingOverview .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxCancellationDetails .rentSummaryTitle::before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
background-color: var(--dynamic-primary-color);
}
.rentSummaryBox.rentSummaryBoxInvoice .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxOrder .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxCancellationDetails .rentSummaryTitle::before {
width: 1.4vw;
-webkit-mask-image: var(--bills-icon);
mask-image: var(--bills-icon);
}
.rentSummaryBox.rentSummaryBoxCancellationDetails .rentSummaryTitle {
margin: 0 0 0 1.375vw;
}
.rentSummaryBox.rentSummaryBoxOrder .rentSummaryTitle:after {
content: none;
background: none !important;
}
.rentSummaryBox.rentSummaryBoxPerson .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryTitle::before {
width: 1.25vw;
-webkit-mask-image: var(--user-icon);
mask-image: var(--user-icon);
}
.rentSummaryBox.rentSummaryBoxComment .rentSummaryTitle {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-127,-698)' fill='%23d10019'%3E%3Cg id='Group-20' transform='translate(127,698)'%3E%3Cpolygon id='Fill-1' points='17.1874995 19.9892 16.8642495 20.31245 1.8857495 20.31245 1.5624995 19.988225 1.5624995 1.886725 1.8857495 1.5625 16.8642495 1.5625 17.1874995 1.88575 17.1874995 5.46875 18.7499995 5.46875 18.7499995 1.23925 17.5107495 4.08562073e-14 1.2392495 4.08562073e-14 -8.52651283e-14 1.23925 -8.52651283e-14 20.63575 1.2392495 21.8750003 17.5107495 21.8750003 18.7499995 20.63575 18.7499995 15.625 17.1874995 15.625'%3E%3C/polygon%3E%3Cpath d='M20.6357495,6.24995 L18.4267745,6.24995 L10.1562745,14.52045 L10.1562745,17.9687 L13.6045245,17.9687 L21.8750245,9.6982 L21.8750245,7.489225 L20.6357495,6.24995 Z M12.9579995,16.4062 L11.7187495,16.4062 L11.7187495,15.16695 L17.1874995,9.6982 L18.4267495,10.93745 L12.9579995,16.4062 Z M20.3124995,9.0517 L19.5312495,9.83295 L18.2919995,8.5937 L19.0732495,7.81245 L19.9892745,7.81245 L20.3125245,8.1357 L20.3124995,9.0517 Z' id='Fill-2'%3E%3C/path%3E%3Cpolygon id='Fill-3' points='3.1249995 17.9687 8.5937495 17.9687 8.5937495 16.4062 3.1249995 16.4062'%3E%3C/polygon%3E%3Cpolygon id='Fill-4' points='3.1249995 14.8437 8.5937495 14.8437 8.5937495 13.2812 3.1249995 13.2812'%3E%3C/polygon%3E%3Cpolygon id='Fill-5' points='3.1249995 11.7187 10.9374995 11.7187 10.9374995 10.1562 3.1249995 10.1562'%3E%3C/polygon%3E%3Cpolygon id='Fill-6' points='3.1249995 8.5937 14.0624995 8.5937 14.0624995 7.0312 3.1249995 7.0312'%3E%3C/polygon%3E%3Cpolygon id='Fill-7' points='3.1249995 5.4687 15.6249995 5.4687 15.6249995 3.9062 3.1249995 3.9062'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left center;
background-size: 1.4vw auto;
}
.rentSummaryBox.rentSummaryBoxComment .rentSummaryContent {
font-size: 0.875vw;
}
.rentSummaryBox.noBorder {
border: none !important;
background-color: transparent !important;
}
.rentSummaryBox.noBorder .rentSummaryTitle {
border-bottom: 1px solid #d8d8d8;
}
.rentSummaryBox.noBorder .rentSummaryHeader {
margin: 0 0 1.3vw 0;
}
.rentSummaryBox.noBorder .rentSummaryContent {
border-top: none;
padding: 1.0625vw 0;
}
.rentSummaryBox.noBorder .rentSummaryContent.bordered {
padding: 1.8vw 1.375vw 1.8vw 1.375vw;
border: 1px solid #d8d8d8 !important;
background-color: #fff;
}
.rentSummaryBox.noBorder .rentSummaryContent.bordered .summaryContentContainer {
margin: 0px;
}
.rentSummaryBox.canceled {
opacity: 0.4;
}
.rentSummaryBox .rentSummaryHeader {
position: relative;
}
.rentSummaryBox .rentSummaryHeader h4 {
margin: 0px;
}
.rentSummaryBox .rentSummaryHeader .infoContainer {
position: absolute;
right: 0px;
top: -0.5vw;
}
.rentSummaryBox .rentSummaryHeader span.info {
color: var(--darker-grey);
font-size: 0.625vw;
font-weight: 600;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .cartSlideInAgeContainer {
background-color: #fff;
padding: 0.5vw 0 0 0;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .cartSlideInAgeContainer:first-child {
padding-top: 1vw;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryContent {
padding: 0px !important;
border-top: none !important;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryContent .cartSlideInAgeContent {
overflow: hidden;
background-color: #fff !important;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryContent .cartSlideInAgeContent .cartItem .cartItemDelete, .rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryContent .cartSlideInAgeContent .cartItem .cartItemCheckWrapper {
display: none !important;
}
.rentBookingPayment .checkboxes {
margin: 1.6875vw 0 1vw 0;
overflow: hidden;
}
.rentBookingPayment .checkboxes .formItem {
width: 100%;
margin: 0px;
}
.rentBookingPayment .checkboxes p {
margin: 0px;
color: #000;
}
.rentBookingPayment .checkboxes a {
text-decoration: underline;
}
.rentBookingPayment .formsWrapper {
margin: 2.8125vw 0 0 0;
}
.rentBookingPayment .paymentForm .paymentOptions {
height: auto;
overflow: hidden;
margin: 0 0 1.25vw 0;
display: flex;
flex-wrap: wrap;
gap: 1.25vw;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper {
position: relative;
width: 13.075vw;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper.isDisabled {
display: none;
pointer-events: none;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper.isHidden {
display: none;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem {
width: 100%;
height: 5.625vw;
border: solid 2px #e5e5e5;
border-radius: 0.725vw;
margin: 0 0 0.6875vw 0;
position: relative;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.creditcard {
background-image: url('../../../fileadmin/templates/img/icon-payunity-cc-02.png');
background-position: center;
background-repeat: no-repeat;
background-size: 68% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.paypal {
background: url('../../../fileadmin/templates/img/icon-payunity-paypal.png') no-repeat;
background-position: center;
background-size: 54% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.klarna {
background: url('../../../fileadmin/templates/img/icon-payunity-klarna.svg') no-repeat;
background-position: center;
background-size: 46% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.sofort {
background: url('../../../fileadmin/templates/img/icon-payunity-sofort.png') no-repeat;
background-position: center;
background-size: 40% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.sepa {
background: url('../../../fileadmin/templates/img/icon-payunity-ec.png') no-repeat;
background-position: center;
background-size: 75% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.ideal {
background: url('../../../fileadmin/templates/img/icon-payunity-ideal.png') no-repeat;
background-position: center;
background-size: 43% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.applepay {
background: url('../../../fileadmin/templates/img/icon-payunity-applepay.png') no-repeat;
background-position: center;
background-size: 44% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.googlepay {
background: url('../../../fileadmin/templates/img/icon-payunity-googlepay.svg') no-repeat;
background-position: center;
background-size: 44% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.postfinance {
background: url('../../../fileadmin/templates/img/icon-payunity-postfinance.png') no-repeat;
background-position: center;
background-size: 70% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper.isActive .paymentOptionsItem {
border-color: var(--dynamic-primary-color);
}
.rentBookingPayment .morePaymentOptionsWrapper a.morePaymentOptions {
display: table;
margin: 0 auto;
font-size: 0.75vw;
font-weight: 500;
text-decoration: underline;
}
.ui-widget, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: none;
background: unset;
color: black;
font-family: var(--font-base) !important;
}
.ui-widget span, .ui-state-default span, .ui-widget-content .ui-state-default span, .ui-widget-header .ui-state-default span, .ui-state-hover span, .ui-widget-content .ui-state-hover span, .ui-widget-header .ui-state-hover span, .ui-state-focus span, .ui-widget-content .ui-state-focus span, .ui-widget-header .ui-state-focus span, .ui-state-default span, .ui-widget-content .ui-state-default span, .ui-widget-header .ui-state-default span {
width: 0px;
height: 0px;
background: unset;
font-family: var(--font-base) !important;
}
.calculationPayment {
padding: 4vw 0 4vw 0;
text-align: center;
}
.calculationPayment .calculationPaymentPrice {
color: var(--dynamic-primary-color);
font-weight: 500;
}
.calculationPayment .calculationPaymentPrice span {
text-decoration: line-through;
}
.calculationPayment .calculationPaymentOnlinePrice {
font-size: 3.75vw;
letter-spacing: -0.05vw;
}
.calculationPayment .calculationPaymentOnlinePrice b {
font-weight: 600;
}
.calculationPayment .calculationPaymentTax {
font-size: 0.75vw;
color: #7F8185;
font-weight: 600;
}
.calculationHeadline {
border-bottom: 1px solid #DCDEE6;
font-size: 1.875vw;
text-align: center;
font-family: var(--font-special-bold);
padding: 2.8vw 0 2.3vw 0;
}
section.confirmationSection {
position: relative;
height: 25vw;
}
section.confirmationSection .loaderWrapper {
z-index: 4;
background-color: #fff;
}
section.confirmationSection .questions {
display: none;
}
.confirmationBanner {
margin: 0 0 2.5vw 0;
}
.confirmationBanner img {
width: 100%;
height: auto;
}
section.paymentSection .loaderWrapper {
z-index: 40;
background-color: #fff;
}
section.paymentSection .loaderWrapper .error {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 3vw;
}
.ratingSubmit {
cursor: pointer;
}
.rentRatingWebsite {
position: relative;
padding-top: 4.125vw;
text-align: center;
}
.rentRatingWebsite .rentRatingWebsiteIcon {
width: 8.75vw;
height: 8.75vw;
background: url(https://media.sport2000rent.com/uploads/media/images/icon-confirmation.png) no-repeat center center;
border-radius: 50%;
background-size: 100% auto;
display: inline-block;
margin: 0 0 0.75vw 0;
}
.rentRatingWebsite .rentRatingsWebsiteHeadline {
font-family: var(--font-special-bold);
font-size: 1.875vw;
line-height: 1.07;
letter-spacing: -0.2px;
text-align: center;
color: #101010;
}
.rentRatingWebsite .rentRatingsWebsiteHeadline p {
line-height: 1.07;
letter-spacing: -0.2px;
margin: 0px;
color: #101010;
}
.rentRatingWebsite .rentRatingWebsiteIntro {
font-family: var(--font-special-bold);
font-size: 1.875vw;
line-height: 1.1;
margin: 0 0 0.5vw 0;
}
.rentRatingWebsite .rentRatingWebsiteValue {
font-size: 5vw;
font-weight: 600;
}
.rentRatingWebsite .rentRatingWebsiteInfo {
font-size: 0.75vw;
font-weight: 600;
color: var(--darker-grey);
}
.rentRatingWebsite .rentRatingWebsiteSubmit {
width: 32.5vw;
position: fixed;
bottom: 0;
height: 4.375vw;
background: #107733;
font-size: 1.375vw;
font-weight: bold;
padding: 0.9vw 0 0 0;
cursor: pointer;
color: #ffffff;
z-index: 10;
display: block;
border-radius: 0;
box-shadow: none;
display: flex;
justify-content: center;
align-items: center;
}
.rentRatingWebsite .rentRatingWebsiteSubmit span {
position: relative;
padding: 0 1.5vw 0 0;
display: block;
transition: 0.2s all ease-in-out;
}
.rentRatingWebsite .rentRatingWebsiteSubmit span:after {
content: "";
width: 1vw;
height: 2vw;
position: absolute;
right: 0px;
background: url('../../../fileadmin/templates/img/icon-arrow-right-white.svg') no-repeat right center;
background-size: 1vw auto;
top: 50%;
transform: translateY(-50%);
transition: 0.2s all ease-in-out;
}
.rentRatingWebsite .rentRatingWebsiteSubmit:hover {
background: var(--secondary-color-dark);
}
.rentRatingWebsite .rentRatingWebsiteSubmit:hover span:after {
right: -0.5vw;
}
.rentRatingWebsite .rentRatingWebsiteSubmit.disabled {
background-color: var(--light-black);
pointer-events: none;
}
.rentRatingWebsite .rentRatingWebsiteSubmit.disabled span {
opacity: 0.35;
}
.rentRatingWebsite .ce-above .ce-bodytext {
width: 100% !important;
}
.rentRatingWebsite .jq-ry-container {
width: 6.8vw !important;
}
.rentRatingWebsite .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 1.25vw;
height: 1.25vw;
margin: 0 0.1vw 0 0.1vw;
}
.rentRatingWebsite .rentRatingWebsiteStars {
display: table;
margin: -0.5vw auto 0.5vw;
}
.rentRatingWebsite .rentRatingWebsiteInfo {
padding: 0 0 2.75vw 0;
border-bottom: solid thin #DCDEE6;
width: 90%;
margin: 0 auto;
}
.rentRatingWebsite .rentRatingQuestionsContainer {
margin: 1.875vw 0 0 0;
}
.rentRatingWebsite .rentRatingQuestionsContainer .jq-ry-container {
width: 15.9vw !important;
}
.rentRatingWebsite .rentRatingQuestionsContainer .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 2.875vw !important;
height: 2.875vw !important;
margin: 0 0.28vw;
}
.rentRatingWebsite .rentRatingQuestionsContainer .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-normal-group > svg {
fill: #d9d9d9;
}
.rentRatingWebsite .rentRatingQuestionsContainer .formItem {
width: auto;
float: none;
display: inline-block;
white-space: nowrap;
margin: 0 0 5vw 0;
}
.rentRatingWebsite .rentRatingQuestionsContainer .formItem label {
font-family: var(--font-base);
line-height: 1.78;
letter-spacing: -0.11px;
text-align: center;
color: #000;
font-size: 1.125vw;
margin: 0 0 3.3125vw 0;
}
.rentRatingWebsite .rentRatingQuestionsContainer .formItem label span {
display: none;
}
.rentRatingWebsite .rentRatingQuestionsContainer .formItem .starsRating {
margin: 0 auto;
}
.rentRatingWebsite .rentRatingQuestionsContainer .dataProtectionWrapper {
margin: 0 auto;
}
.rentRatingWebsite .rentRatingQuestionsContainer .dataProtectionWrapper .formItem.formItemCheckbox {
margin: 0px !important;
}
.rentRatingWebsite .rentRatingQuestionsContainer .dataProtectionWrapper .formItem.formItemCheckbox label {
font-weight: normal;
font-size: 0.75vw !important;
font-family: var(--font-base);
color: #000;
margin: 0px;
}
.rentRatingWebsite .rentRatingQuestionsContainer .dataProtectionWrapper .formItem.formItemCheckbox label a {
text-decoration: underline;
color: #000;
}
.completeTotalRatingWrapper {
text-align: center;
}
.completeTotalRatingWrapper .jq-ry-container {
display: inline-block;
}
.completeTotalRatingWrapper .rentRatingWebsiteIntro {
font-family: var(--font-special-bold);
font-size: 1.875vw;
line-height: 1.1;
margin: 0 0 0.5vw 0;
}
.completeTotalRatingWrapper .totalRatingValue {
font-size: 5vw;
font-weight: 600;
line-height: 1.2;
}
.completeTotalRatingWrapper .totalRatingInfo {
font-size: 0.75vw;
font-weight: 600;
color: var(--darker-grey);
margin: 0.5vw 0 0 0;
}
.completeTotalRatingWrapper .totelRatingHeadline {
font-weight: 600;
margin: 0 0 0.5vw 0;
}
.completeTotalRatingWrapper .totalRatingSubline {
font-weight: 600;
margin: 0 0 0.5vw 0;
}
.ratingWrapper {
text-align: center;
}
.ratingWrapper .formItem {
margin: 0 0 2vw 0;
}
.ratingWrapper label {
font-family: var(--font-special-bold);
font-size: 1.375vw;
letter-spacing: -0.005vw;
}
.ratingWrapper .jq-ry-container {
display: inline-block;
width: auto !important;
}
.ratingWrapper .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 3vw !important;
height: 3vw !important;
margin: 0 0.4vw;
}
.ratingWrapper .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
z-index: 5;
}
.ratingWrapper textarea {
width: 60%;
height: 10vw;
border-radius: 0.21875vw;
border: 1px solid #D0D2D9;
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
padding: 1vw;
}
.ratingWrapper .formItemCheckbox {
text-align: center;
margin: 0;
}
.ratingWrapper .formItemCheckbox label {
font-family: var(--font-base);
font-size: 0.875vw;
position: relative;
}
.ratingWrapper .formItemCheckbox .frame-type-textmedia {
display: inline-block;
}
.ratingWrapper .ratingSubmit {
margin: 1.5vw 0 0 0;
padding: 0.6vw 2.5vw 0.75vw 2.5vw;
}
.ratingWrapper .allowDataWrapper p, .ratingWrapper .dataProtectionWrapper p {
margin: 0 0 1vw 0;
padding: 0 0 0 1.6vw;
}
.btnDownload {
padding: 1vw 3.437vw;
margin: 0 0 2vw 0;
}
.skipLink {
float: right;
}
.skipLink a {
font-weight: 600;
font-size: 0.75vw;
text-decoration: underline;
}
.bookingFooter {
font-size: 0.875vw;
}
.bookingFooter p {
line-height: 1.5;
}
.bookingFooter .footerRow01 {
display: flex;
padding: 3.25vw 3.5vw 2.5vw 3.5vw;
border-top: 1px solid #DCDEE6;
}
.bookingFooter .footerRow01 p a {
color: initial;
text-decoration: underline;
}
.bookingFooter .footerRow01 p a:hover {
color: var(--dynamic-primary-color);
}
.bookingFooter .footerRow01 .col01, .bookingFooter .footerRow01 .col02 {
width: 49.5%;
}
.bookingFooter .footerRow01 .trustIcons {
width: 17.5vw;
height: 4.375vw;
margin: 0;
float: right;
background: url(https://media.sport2000rent.com/uploads/media/images/icons/payment/images-icons-payment-trust.png) no-repeat;
background-size: 100% auto;
}
.bookingFooter .footerRow02 .footerCol01 ul {
margin: 0 !important;
}
.bookingFooter .footerRow02 .footerCol01 ul li {
list-style-type: none;
display: inline-block;
padding: 0 0.2vw 0 0.4vw !important;
border-left: 1px solid #cccccc !important;
margin: 0 !important;
line-height: 1 !important;
font-size: 0.75vw !important;
}
.bookingFooter .footerRow02 .footerCol01 ul li a {
color: var(--darker-grey);
font-weight: 500;
font-size: 0.75vw;
}
.bookingFooter .footerRow02 .footerCol01 ul li a:hover {
opacity: 0.7;
}
.bookingFooter .footerRow02 .footerCol01 ul li:first-child {
padding: 0 0.2vw 0 0;
border: 0 !important;
}
.contentTopBar {
position: fixed;
top: 0;
width: 100%;
height: 6.25vw;
background: #ffffff;
z-index: 41;
border-bottom: 1px solid #DCDEE6;
display: flex;
justify-content: flex-end;
}
.contentTopBar .logo {
position: absolute;
left: 0px;
height: 100%;
margin: 0 0 0 4.4vw;
padding: 1.25vw 3.5vw 0 1.75vw;
border-right: 1px solid #DCDEE6;
}
.contentTopBar .topBarHighlight {
font-size: 1.375vw;
font-family: var(--font-special-bold);
display: inline-block;
margin: 2.1vw 1.75vw 0 0;
position: relative;
left: auto;
bottom: auto;
width: auto;
order: 2;
}
.contentTopBar .topBarHighlight .bottomHighlightRotate {
width: 22vw;
}
.contentTopBar .topBarHighlight span {
padding-top: 0.4vw;
}
.contentTopBar .topBarCta {
display: inline-block;
margin: 1.25vw 1.25vw 0 0;
order: 3;
}
.contentTopBar .topBarCta a {
display: inline-block;
height: 3.5vw;
font-size: 1vw;
padding: 1.2vw 1.875vw 0 1.875vw;
width: 13.5vw;
}
.contentTopBar .topBarCta a:after {
content: " ";
position: absolute;
right: 3vw;
top: 2.75vw;
width: 1vw;
height: 0.5vw;
background: url('../../../fileadmin/templates/img/icon-arrow-right-white.svg') no-repeat center center;
background-size: 100% auto;
opacity: 0;
transition: 0.25s all ease;
}
.contentTopBar .topBarCta a:hover {
padding-left: 0.75vw;
background: var(--dynamic-primary-color);
}
.contentTopBar .topBarCta a:hover:after {
right: 2.5vw;
opacity: 1;
}
.contentTopBar .stripes {
position: absolute;
width: 100%;
height: 0.375vw;
right: 0px;
bottom: -0.375vw;
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
}
html[lang=de] .rentSearch.rentSearchHome .rentSearchContentWrapper {
top: 40%;
}
html[lang=nl] .contentTopBar .topBarHighlight .bottomHighlightRotate, html[lang=en] .contentTopBar .topBarHighlight .bottomHighlightRotate {
width: 26vw;
}
html[lang=nl] .rentTopBar .infoBar .infoBarShop, html[lang=it] .rentTopBar .infoBar .infoBarShop, html[lang=fr] .rentTopBar .infoBar .infoBarShop {
width: 27.2vw;
}
html[lang=nl] .rentTopBar .infoBar .infoBarShop.higherWidth, html[lang=it] .rentTopBar .infoBar .infoBarShop.higherWidth, html[lang=fr] .rentTopBar .infoBar .infoBarShop.higherWidth {
width: 40.2vw;
}
html[lang=nl] .rentTopBar .infoBar .infoBarDateFrom input, html[lang=nl] .rentTopBar .infoBar .staticInfoBarDateFrom,
html[lang=nl] .rentTopBar .infoBar .infoBarDateTo input, html[lang=nl] .rentTopBar .infoBar .staticInfoBarDateTo, html[lang=it] .rentTopBar .infoBar .infoBarDateFrom input, html[lang=it] .rentTopBar .infoBar .staticInfoBarDateFrom,
html[lang=it] .rentTopBar .infoBar .infoBarDateTo input, html[lang=it] .rentTopBar .infoBar .staticInfoBarDateTo, html[lang=fr] .rentTopBar .infoBar .infoBarDateFrom input, html[lang=fr] .rentTopBar .infoBar .staticInfoBarDateFrom,
html[lang=fr] .rentTopBar .infoBar .infoBarDateTo input, html[lang=fr] .rentTopBar .infoBar .staticInfoBarDateTo {
width: 8.75vw;
}
html[lang=nl] .rentTopBar .infoBar .infoBarShopOffers, html[lang=it] .rentTopBar .infoBar .infoBarShopOffers, html[lang=fr] .rentTopBar .infoBar .infoBarShopOffers {
width: 13vw;
}
html[lang=nl] .rentTopBar.rentBookingTopBar .infoBar .infoBarShop, html[lang=it] .rentTopBar.rentBookingTopBar .infoBar .infoBarShop, html[lang=fr] .rentTopBar.rentBookingTopBar .infoBar .infoBarShop {
width: 43.3vw;
}
html[lang=en] .rentTopBar .infoBar {
}
html[lang=en] .rentTopBar .infoBar .infoBarShop {
width: 28.8vw;
}
html[lang=en] .rentTopBar .infoBar .infoBarShop.higherWidth {
width: 39.8vw;
}
html[lang=en] .rentTopBar .infoBar button.bookingDatePresentation {
width: 9.125vw;
}
html[lang=en] .rentTopBar.rentBookingTopBar .infoBar .infoBarShop {
width: 43.3vw;
}
.simpleProductItem {
margin: 1.5vw 0 1.25vw 0;
width: 100%;
}
.simpleProductItem .image {
border: solid 4px #e5e5e5;
display: flex;
justify-content: center;
}
.simpleProductItem .image img {
display: block;
max-width: 100%;
}
.simpleProductItem .simpleProductItemContent .title {
font-family: var(--font-special-bold), "Arial";
font-size: 1.538vw;
line-height: 1;
letter-spacing: normal;
color: #101010;
margin: 1.25vw 0 0 0;
}
.simpleProductItem .simpleProductItemContent .subline {
font-size: 1.375vw;
line-height: normal;
letter-spacing: -0.1px;
color: var(--primary-color);
margin: 0.25vw 0 0 0;
}
.simpleProductItem .simpleProductItemContent .description {
font-size: 0.875vw;
color: #363636;
line-height: 1.43;
margin: 0 0 1.25vw 0;
}
.simpleProductItem .simpleProductItemContent a {
display: table;
color: #101010;
margin: 1.25vw 0 0 0;
font-weight: 500;
font-size: 0.75vw;
text-decoration: underline;
}
.infoList {
margin: 1.375vw 0 5.625vw 0;
}
.infoList .infoItem {
position: relative;
display: block;
width: 100%;
}
.infoList .infoItem .infoItemContent .headline {
color: #101010;
}
.infoList .infoItem .infoItemContent .text p {
font-size: 1vw;
line-height: 1.75;
letter-spacing: -0.1px;
color: #363636;
margin: 0px;
}
.infoList .infoItem .infoItemContent .text ul, .infoList .infoItem .infoItemContent .text ol {
margin-bottom: 0px;
}
.infoList .infoItem .infoItemContent .additionalContent {
margin: 1vw 0 0 0;
}
.infoList .infoItem:last-child {
margin: 0px;
}
.infoList .infoItem.l1 {
box-shadow: inset -4px -4px 0 0 #e5e5e5, inset 4px 4px 0 0 #e5e5e5;
padding: 2.1875vw 3.75vw 2.1875vw 2.5vw;
margin: 0 0 0.5vw 0;
}
.infoList .infoItem.l1 .infoItemContent .headline {
font-family: var(--font-special-bold), "Arial";
font-size: 1.625vw;
line-height: 1;
letter-spacing: normal;
}
.infoList .infoItem.l1 .infoItemContent .text {
margin: 0.75vw 0 0 0;
}
.infoList .infoItem.l1 .icon {
display: none;
}
.infoList .infoItem.l1:before {
position: absolute;
content: "";
background-color: var(--primary-color);
width: 4px;
height: 100%;
left: 0px;
top: 0px;
}
.infoList .infoItem.l2 {
display: flex;
margin: 0 0 3.75vw 0;
}
.infoList .infoItem.l2 .infoItemContent .headline {
font-weight: 700;
font-size: 1.5625vw;
line-height: 1.2;
letter-spacing: -0.1px;
}
.infoList .infoItem.l2 .infoItemContent .text {
margin: 0.9375vw 0 0 0;
}
.infoList .infoItem.l2 .icon {
width: 3.5vw;
height: 3.5vw;
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
margin: 0.33vw 1.25vw 0 0;
flex-shrink: 0;
}
.contentHighlight {
height: 35.9375vw;
display: flex;
}
.contentHighlight .col01 {
width: 52%;
height: 35.9375vw;
padding: 0vw 6.25vw 0 3.437vw;
display: flex;
flex-direction: column;
justify-content: center;
}
.contentHighlight .col01 .contentHighlightSubline {
max-width: 39.8vw;
color: var(--dynamic-primary-color);
font-weight: 500;
font-size: 1.125vw;
line-height: 1;
margin: 0;
}
.contentHighlight .col01 .contentHighlightHeadline,
.contentHighlight .col01 .contentHighlightHeadline h1,
.contentHighlight .col01 h1.contentHighlightHeadline {
max-width: 39.8vw;
margin: 0 0 0.8vw 0;
font-size: 3.25vw;
font-family: var(--font-special-bold), "Arial";
letter-spacing: -0.5px;
line-height: 1;
margin: 0;
}
.contentHighlight .col01 .contentHighlightIntro {
max-width: 39.8vw;
margin: 0 0 1.4vw 0;
}
.contentHighlight .col01 .contentHighlightIntro p {
font-size: 1.125vw;
line-height: 1.56;
margin: 0;
letter-spacing: -0.5px;
color: #101010;
}
.contentHighlight .col01 .contentHighlightIntro h5 {
margin: 0.5vw 0 0 0;
}
.contentHighlight .col01 .btnRed {
text-align: left;
}
.contentHighlight .col01 .btnRed a {
padding-left: 1.875vw;
padding-right: 1.875vw;
font-size: 1vw;
}
.contentHighlight .col02 {
width: 48%;
height: 35.9375vw;
position: relative;
background-size: cover;
border-left: solid 1px #dcdde6;
}
.contentHighlight .col02 .image {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
}
.iconTextElement {
margin: 1.25vw 0 3.75vw 0;
display: flex;
}
.iconTextElement .icon {
width: 3.4375vw;
height: 3.4375vw;
margin: 0.5vw 1.25vw 0 0;
background-size: contain;
background-repeat: no-repeat;
background-position: left top;
flex-shrink: 0;
}
.iconTextElement .textContent {
color: #101010;
}
.iconTextElement .textContent .text {
font-size: 3.125vw;
line-height: 1.1;
letter-spacing: -0.5px;
font-weight: 700;
}
.iconTextElement .textContent .subline {
font-size: 0.875vw;
line-height: normal;
letter-spacing: -0.1px;
font-weight: 600;
margin: 1.1875vw 0 0 0;
}
.subsite .contentHighlight {
margin: -3.125vw 0 0 4.4vw;
border-bottom: 1px solid #dcdde6;
}
.subsite article {
padding-left: 4.4vw;
}
.rentLocationListContainer {
overflow: hidden;
padding: 5.625vw 0 3.9375vw 4.4vw;
background-color: #ffffff;
border-bottom: 1px solid #DCDEE6;
}
.rentLocationListContainer.grey {
background-color: var(--light-grey);
}
.rentLocationListContainer.addTopBorder {
border-top: 1px solid #DCDEE6;
}
.rentLocationListContainer.removeBorderBottom {
border-bottom: none;
}
.rentLocationListContainer.addBottomMargin {
margin-bottom: 5.625vw;
}
.rentLocationListContainer.addTopMargin {
margin-top: 7.0625vw;
}
.rentLocationListContainer .countryFilter {
padding: 0 3.437vw;
margin: -2.125vw 0 2vw 0;
}
.rentLocationListContainer .rentLocationList {
background: var(--light-grey);
padding: 4.375vw 0 5.875vw 0;
}
.rentLocationListContainer .rentSummaryBox .rentSummaryTitle {
padding: 0px 1.25vw 0px 1.25vw;
}
.rentLocationListContainer .rentSummaryBox .rentSummaryTitle span {
width: auto;
height: auto;
}
.rentLocationListContainer .rentSummaryBox .rentSummaryContent ul li {
width: 33%;
float: left;
list-style-type: none;
margin: 0 0 1vw 0;
}
.rentLocationListContainer .rentSummaryBox .rentSummaryContent ul li a {
color: #000000;
text-decoration: underline;
transition: none !important;
}
.rentLocationListContainer .rentSummaryBox .rentSummaryContent ul li a:hover {
color: var(--dynamic-primary-color);
}
.rentPriceListSearch .SumoSelect,
.rentPriceList .rentPriceListFilterActions .SumoSelect,
.rentProductsFilter .SumoSelect,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect {
min-width: 10vw;
}
.rentPriceListSearch .SumoSelect > .CaptionCont,
.rentPriceList .rentPriceListFilterActions .SumoSelect > .CaptionCont,
.rentProductsFilter .SumoSelect > .CaptionCont,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect > .CaptionCont {
background: #ffffff;
color: #101010;
border: 1px solid #CCCCCC;
font-weight: 600;
font-size: 0.875vw;
padding: 0.8vw 1.25vw 0.87vw 1.25vw;
line-height: 1;
border-radius: 0.725vw;
transition: all 0.2s ease-in-out;
margin: 0px;
height: auto;
box-shadow: none;
}
.rentPriceListSearch .SumoSelect > .optWrapper > .options, .rentPriceListSearch .SumoSelect .optWrapper,
.rentPriceList .rentPriceListFilterActions .SumoSelect > .optWrapper > .options,
.rentPriceList .rentPriceListFilterActions .SumoSelect .optWrapper,
.rentProductsFilter .SumoSelect > .optWrapper > .options,
.rentProductsFilter .SumoSelect .optWrapper,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect > .optWrapper > .options,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect .optWrapper {
border-radius: 0.725vw;
}
.rentPriceListSearch .SumoSelect .optWrapper .options > li.opt,
.rentPriceList .rentPriceListFilterActions .SumoSelect .optWrapper .options > li.opt,
.rentProductsFilter .SumoSelect .optWrapper .options > li.opt,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect .optWrapper .options > li.opt {
border-bottom: 1px solid #CCCCCC;
}
.rentPriceListSearch .SumoSelect .optWrapper .options > li.opt:first-child,
.rentPriceList .rentPriceListFilterActions .SumoSelect .optWrapper .options > li.opt:first-child,
.rentProductsFilter .SumoSelect .optWrapper .options > li.opt:first-child,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect .optWrapper .options > li.opt:first-child {
border-radius: 0;
}
.rentPriceListSearch .SumoSelect.open > .optWrapper,
.rentPriceList .rentPriceListFilterActions .SumoSelect.open > .optWrapper,
.rentProductsFilter .SumoSelect.open > .optWrapper,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect.open > .optWrapper {
top: 2.9vw;
}
.rentPriceListSearch .SumoSelect.open .search-txt,
.rentPriceList .rentPriceListFilterActions .SumoSelect.open .search-txt,
.rentProductsFilter .SumoSelect.open .search-txt,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect.open .search-txt {
display: inline-block;
position: absolute;
font-weight: 600;
top: 0;
left: 0;
width: 100%;
margin: 0;
font-size: 0.875vw;
padding: 0.8vw 1.25vw 0vw 1.25vw;
border: none;
box-sizing: border-box;
border-radius: 0.725vw;
transition: all 0.2s ease-in-out;
color: #101010;
}
.rentPriceListSearchContainer {
display: none;
position: relative;
z-index: 1;
width: 65.75vw;
height: 5.375vw;
background-color: rgba(204, 204, 204, 0.8);
border-radius: 1.625vw;
box-shadow: 2px 21px 36px 0px rgba(33, 33, 33, 0.1);
padding: 0.375vw 0 0 0.375vw;
}
.rentPriceListSearchContainer .rentPriceListSearch {
background: #ffffff;
width: 65vw;
height: 4.625vw;
border: solid 2px #ffffff;
border-radius: 1.25vw;
transition: 0.2s all ease-in-out;
padding: 0 0.9375vw;
display: flex;
justify-content: space-between;
align-items: center;
}
.rentPriceListSearchContainer .rentPriceListSearch .SumoSelect {
width: 32%;
margin: 0px;
}
.rentPriceListSearchContainer .rentPriceListSearch .SumoSelect > CaptionCont {
box-shadow: none;
}
.dynamicJsContent .rentPriceListSearchContainer {
display: block;
}
.rentPriceListContainer {
padding: 0 0 0 4.4vw;
}
.rentPriceListContainer .rentPriceList {
background: var(--light-grey);
padding: 0.1vw 0 5.875vw 0;
}
.rentPriceListContainer .rentPriceList.noShopSelected {
height: 0px;
padding: 0px;
overflow: hidden;
}
.rentPriceListContainer .daysFilterWrapper {
display: none;
}
.rentPriceListContainer span.noShopSelected {
text-align: left;
display: block;
margin-top: 5vw;
color: var(--medium-grey);
}
.rentPriceListContainer .rentPriceLoader {
position: relative;
height: 5vw;
display: none;
}
.rentPriceListContainer .rentPriceLoader .loaderWrapper {
display: block;
}
.rentPriceListContainer .rentPriceLoader .loaderWrapper .loader {
height: 3vw;
background-size: 1.5vw auto;
}
.rentPriceListContainer .shopdisplayContainer {
margin: 0px;
}
.rentPriceListContainer .container {
width: calc(100% - 6.92vw);
margin-top: 3vw;
display: flex;
}
.rentPriceListContainer .container .column.column01 {
flex-shrink: 0;
margin: 0 1.875vw 0 0;
width: 21.25vw;
}
.rentPriceListContainer .container .column.column02 {
width: calc(100% - 23.1vw);
}
.rentPriceListContainer .rentSummaryBox .rentSummaryTitle {
color: #101010;
font-size: 1vw;
padding: 0px 1.25vw 0px 1.25vw;
}
.rentPriceListContainer .rentSummaryBox .rentSummaryTitle.ui-accordion-header-active {
color: var(--dynamic-primary-color);
}
.rentPriceListContainer .rentSummaryBox .rentSummaryContent {
padding: 1.562vw 1.25vw 1.9375vw 1.25vw;
}
.rentPriceListContainer .rentPriceListFilter {
margin: 0vw 0 1.5vw 0;
font-size: 0.875vw;
display: flex;
justify-content: space-between;
align-items: center;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions {
display: flex;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions span.label {
display: block;
font-family: var(--font-special-bold);
color: #101010;
font-size: 2.625vw;
line-height: 1;
letter-spacing: -0.4px;
margin: 0 0.5625vw 0 0;
margin: 0.3vw 0.5625vw 0 0;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions .filter .SumoSelect {
width: auto;
margin: 0px;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions .filter .SumoSelect > .CaptionCont {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: #fff;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions .filter .SumoSelect > .CaptionCont span {
padding-right: 3.25vw;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12.1 8' style='enable-background:new 0 0 12.1 8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M21.8,21.6l4.8-5.2c0.5-0.5,0.5-1.4,0-2c-0.5-0.5-1.3-0.5-1.8,0l-3.9,4.2L17,14.4 c-0.5-0.5-1.3-0.5-1.8,0c-0.3,0.3-0.4,0.6-0.4,1c0,.4,.1,.7,.4,1l4.8,5.2c0.2,.3,.6,.4,.9,.4 C21.3,22,21.6,21.9,21.8,21.6z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListStatusWrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1vw;
}
.rentPriceListContainer .priceSliderContainer {
display: flex;
flex-wrap: wrap;
border: 1px solid #d0d2d9;
margin: 0 0 1vw 0;
height: 5vw;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel {
width: 22%;
font-weight: 600;
padding: 0 !important;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
align-items: center;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel div.title {
margin: 0 1vw 0 1.125vw;
width: auto;
height: auto;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel div.stars {
width: auto;
height: 100%;
background-size: 5.375vw auto !important;
flex: 1;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel2 div.stars {
background: url('../../../fileadmin/templates/img/stars-2.svg') no-repeat left center;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel3 div.stars {
background: url('../../../fileadmin/templates/img/stars-3.svg') no-repeat left center;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel4 div.stars {
background: url('../../../fileadmin/templates/img/stars-4.svg') no-repeat left center;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel5 div.stars {
background: url('../../../fileadmin/templates/img/stars-5.svg') no-repeat left center;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel6 div.stars {
background: url('../../../fileadmin/templates/img/stars-6.svg') no-repeat left center;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel7 div.stars {
background: url('../../../fileadmin/templates/img/stars-7.svg') no-repeat left center;
}
.rentPriceListContainer .priceSliderContainer .priceSlider {
width: 72%;
overflow: hidden;
height: 100%;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .slick-list, .rentPriceListContainer .priceSliderContainer .priceSlider .slick-track {
height: 100%;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .priceSliderItem {
display: inline-block;
height: 100%;
text-align: center;
width: 13.7%;
position: relative;
cursor: pointer;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .priceSliderItem .priceSliderItemContent {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .days {
font-size: 0.75vw;
margin: 0 0 0.2vw 0;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .priceOnline {
font-size: 1vw;
font-weight: 600;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .price {
font-size: 0.6875vw;
color: var(--primary-color);
text-decoration: line-through;
}
.rentPriceListContainer .priceSliderContainer .slidePrev, .rentPriceListContainer .priceSliderContainer .slideNext {
width: 3%;
height: 5vw;
cursor: pointer;
background-size: 0.4375vw auto;
background-position: center;
}
.rentPriceListContainer .priceSliderContainer .slidePrev {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 12.1' style='enable-background:new 0 0 8 12.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d10019;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M26.6,19.2l-5.2-4.8c-0.5-0.5-1.4-0.5-2,0c-0.5,0.5-0.5,1.3,0,1.8l4.2,3.9L19.4,24 c-0.5,0.5-0.5,1.3,0,1.8c0.3,.3,.6,.4,1,0.4c0.4,0,0.7-0.1,1-0.4l5.2-4.8c0.3-0.2,0.4-0.6,0.4-0.9 C27,19.7,26.9,19.4,26.6,19.2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
border-left: 1px solid #DCDEE6;
border-right: 1px solid #DCDEE6;
}
.rentPriceListContainer .priceSliderContainer .slideNext {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 12.1' style='enable-background:new 0 0 8 12.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d10019;%7D%0A%3C/style%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Desktop---Widescreen---w_1600px'%3E%3Cg id='_x30_1a-Startseite' transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M19.4,21l5.2,4.8c0.5,.5,1.4,.5,2,0c0.5-0.5,0.5-1.3,0-1.8l-4.2-3.9l4.2-3.9 c0.5-0.5,0.5-1.3,0-1.8c-0.3-0.3-0.6-0.4-1-0.4c-0.4,0-0.7,0.1-1,0.4l-5.2,4.8C19.1,19.4,19,19.7,19,20 C19,20.4,19.1,20.7,19.4,21z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
border-left: 1px solid #DCDEE6;
}
.locationOrMerchantRentalPriceListContainer {
margin-top: 1.875vw;
max-width: 60vw;
margin-left: auto;
margin-right: auto;
}
.locationOrMerchantRentalPriceListContainer .filter {
margin: 0 0 0.5vw 0;
font-size: 0.875vw;
display: flex;
flex-wrap: wrap;
gap: 0.45vw;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect:nth-child(1) {
width: 21vw;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect:nth-child(2) {
width: 12vw;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect:nth-child(3) {
width: 15vw;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect > .CaptionCont {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
color: #fff;
font-weight: 600;
font-size: 0.875vw;
padding: 0.75vw 1.25vw 0.82vw 1.25vw;
line-height: 1;
border-radius: 0.725vw;
margin: 0px;
box-shadow: none;
height: auto;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect > .CaptionCont span {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12.1 8' style='enable-background:new 0 0 12.1 8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M21.8,21.6l4.8-5.2c0.5-0.5,0.5-1.4,0-2c-0.5-0.5-1.3-0.5-1.8,0l-3.9,4.2L17,14.4 c-0.5-0.5-1.3-0.5-1.8,0c-0.3,0.3-0.4,0.6-0.4,1c0,.4,.1,.7,.4,1l4.8,5.2c0.2,.3,.6,.4,.9,.4 C21.3,22,21.6,21.9,21.8,21.6z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
padding-right: 1.25vw;
background-position: right center;
overflow: hidden;
text-overflow: ellipsis;
line-height: normal;
}
.locationOrMerchantRentalPriceListContainer .infoTables {
border: 1px solid #d8d8d8;
background-color: #ffffff;
padding: 1.25vw;
}
.locationOrMerchantRentalPriceListContainer .infoTables .noProductsMessage {
text-align: center;
margin: 5vw 0;
font-weight: 500;
}
.locationOrMerchantRentalPriceListContainer .infoTables h5 {
margin: 0 0 1vw 0;
}
.locationOrMerchantRentalPriceListContainer .infoTables table {
line-height: 1.1;
font-size: 0.75vw;
color: #101010;
text-align: left;
border-collapse: separate;
border-spacing: 0 0.2vw;
width: 100%;
}
.locationOrMerchantRentalPriceListContainer .infoTables table tr {
background-color: #f9f9f9;
}
.locationOrMerchantRentalPriceListContainer .infoTables table tr th:first-child {
padding-left: 1.25vw;
padding-right: 0.75vw;
width: 19vw;
}
.locationOrMerchantRentalPriceListContainer .infoTables table tr td {
padding: 0.75vw 0.5vw;
white-space: nowrap;
}
.locationOrMerchantRentalPriceListContainer .infoTables table tr td:last-child {
padding-right: 1.25vw;
}
.locationOrMerchantRentalPriceListContainer .infoTables table thead tr {
background-color: #ffffff;
}
.locationOrMerchantRentalPriceListContainer .infoTables table thead th {
padding: 0.25vw 0.5vw;
}
.imageSection {
height: 45vw;
background-size: cover;
background-position: center center;
margin: 4.875vw 0 4.875vw 0;
position: relative;
}
.faqList .faqItem {
margin: 0 0 0.75vw 0;
border: 1px solid #D0D2D9;
border-radius: 0.3125vw;
}
.faqList .faqQuestion {
background-image: linear-gradient(to bottom, #F2F2F2, var(--light-grey));
font-size: 1.125vw;
font-weight: 600;
padding: 0.825vw 1vw 0.825vw 1.25vw;
border-radius: 0.3125vw;
cursor: pointer;
position: relative;
}
.faqList .faqQuestion:after {
content: " ";
position: absolute;
width: 1.1875vw;
height: 1.1875vw;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--plus-icon);
mask-image: var(--plus-icon);
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-position: center;
mask-position: center;
background-color: #101010;
right: 1.125vw;
top: 1.1vw;
transition: all 0.1s ease-in-out;
}
.faqList .faqQuestion:hover:after {
transform: rotate(180deg);
}
.faqList .faqItemOpen .faqQuestion {
background: #ffffff;
color: var(--dynamic-primary-color);
border-bottom: 1px solid #D0D2D9;
border-radius: 0.3125vw 0.3125vw 0 0;
}
.faqList .faqItemOpen .faqAnswer {
padding: 1.75vw 3.25vw 0 1.25vw;
}
.faqList .faqItemOpen .faqQuestion:after {
-webkit-mask-image: var(--minus-icon);
mask-image: var(--minus-icon);
background-color: var(--dynamic-primary-color);
top: 1.6vw;
transform: none !important;
}
.socialShare {
text-align: center;
margin: 0 0 2vw 0;
}
.smallHeadline {
text-align: center;
}
.smallHeadline a {
color: var(--dynamic-primary-color);
font-weight: 600;
font-size: 0.75vw;
text-decoration: underline;
}
.pageOverlay {
display: none;
background: rgba(0, 0, 0, 0.8);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 250;
}
.pageOverlay.crossSelling {
z-index: 5;
}
.conversionTooltipContainer {
position: fixed;
z-index: 100;
top: -1.5vw;
right: 1.25vw;
min-height: 20px;
}
.conversionTooltip {
position: absolute;
margin-top: 1.5vw;
border-radius: 1vw;
color: #ffffff;
font-size: 0.75vw;
font-weight: 500;
letter-spacing: -0.1px;
padding: 0.4vw 2.6875vw 0.4vw 1.25vw;
top: 0;
right: 0;
white-space: nowrap;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
border: solid 1px rgba(255, 255, 255, 0.25);
background-color: #303133;
}
.conversionTooltip a {
color: #fff !important;
}
.conversionTooltip a:hover {
opacity: 0.9;
}
.conversionTooltip .close {
position: absolute;
width: 2.0625vw;
height: 100%;
right: 0px;
top: 0px;
border-left: solid 1px rgba(255, 255, 255, 0.25);
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='10px' height='10px' viewBox='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-147,-456)' fill='%23ffffff' fill-rule='nonzero'%3E%3Cg transform='translate(123,425)'%3E%3Cg id='Group-25' transform='translate(10,17)'%3E%3Cg id='Group-24' transform='translate(14,14)'%3E%3Cg id='Group-9' transform='translate(7,5) scale(-1,1) rotate(-90) translate(-7,-5) translate(2,2)'%3E%3Cpath d='M4.9122807,5.9484 C5.19326316,5.9484 5.45642105,5.84527543 5.64898246,5.65710857 L9.5614386,1.83408 C9.96508772,1.43965714 9.96508772,.788091429 9.5614386,.394354286 C9.15778947,-6.85714286e-05 8.49098246,-6.85714286e-05 8.08803509,.394354286 L4.93014035,3.48006857 L1.77224561,.394354286 C1.36859649,-6.85714286e-05 .701789474,-6.85714286e-05 .298842105,.394354286 C0.0884561404,.599931429 .000736842105,.857074286 .000736842105,1.11421714 C0.000736842105,1.37136 .106273684,1.64592 .298842105,1.83408 L4.17568421,5.65710857 C4.36826316,5.84595429 4.63142105,5.9484 4.91238596,5.9484 L4.9122807,5.9484 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3Cg id='Group-9' transform='translate(3,5) scale(-1,1) rotate(-270) translate(-3,-5) translate(-2,2)'%3E%3Cpath d='M4.9122807,5.9484 C5.19326316,5.9484 5.45642105,5.84527543 5.64898246,5.65710857 L9.5614386,1.83408 C9.96508772,1.43965714 9.96508772,.788091429 9.5614386,.394354286 C9.15778947,-6.85714286e-05 8.49098246,-6.85714286e-05 8.08803509,.394354286 L4.93014035,3.48006857 L1.77224561,.394354286 C1.36859649,-6.85714286e-05 .701789474,-6.85714286e-05 .298842105,.394354286 C0.0884561404,.599931429 .000736842105,.857074286 .000736842105,1.11421714 C0.000736842105,1.37136 .106273684,1.64592 .298842105,1.83408 L4.17568421,5.65710857 C4.36826316,5.84595429 4.63142105,5.9484 4.91238596,5.9484 L4.9122807,5.9484 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 0.5625vw auto;
background-position: left 0.625vw center;
cursor: pointer;
transition: all 0.1s ease-in-out;
}
.conversionTooltip .close:hover {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='10px' height='10px' viewBox='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-147,-456)' fill='%23d10019' fill-rule='nonzero'%3E%3Cg transform='translate(123,425)'%3E%3Cg id='Group-25' transform='translate(10,17)'%3E%3Cg id='Group-24' transform='translate(14,14)'%3E%3Cg id='Group-9' transform='translate(7,5) scale(-1,1) rotate(-90) translate(-7,-5) translate(2,2)'%3E%3Cpath d='M4.9122807,5.9484 C5.19326316,5.9484 5.45642105,5.84527543 5.64898246,5.65710857 L9.5614386,1.83408 C9.96508772,1.43965714 9.96508772,.788091429 9.5614386,.394354286 C9.15778947,-6.85714286e-05 8.49098246,-6.85714286e-05 8.08803509,.394354286 L4.93014035,3.48006857 L1.77224561,.394354286 C1.36859649,-6.85714286e-05 .701789474,-6.85714286e-05 .298842105,.394354286 C0.0884561404,.599931429 .000736842105,.857074286 .000736842105,1.11421714 C0.000736842105,1.37136 .106273684,1.64592 .298842105,1.83408 L4.17568421,5.65710857 C4.36826316,5.84595429 4.63142105,5.9484 4.91238596,5.9484 L4.9122807,5.9484 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3Cg id='Group-9' transform='translate(3,5) scale(-1,1) rotate(-270) translate(-3,-5) translate(-2,2)'%3E%3Cpath d='M4.9122807,5.9484 C5.19326316,5.9484 5.45642105,5.84527543 5.64898246,5.65710857 L9.5614386,1.83408 C9.96508772,1.43965714 9.96508772,.788091429 9.5614386,.394354286 C9.15778947,-6.85714286e-05 8.49098246,-6.85714286e-05 8.08803509,.394354286 L4.93014035,3.48006857 L1.77224561,.394354286 C1.36859649,-6.85714286e-05 .701789474,-6.85714286e-05 .298842105,.394354286 C0.0884561404,.599931429 .000736842105,.857074286 .000736842105,1.11421714 C0.000736842105,1.37136 .106273684,1.64592 .298842105,1.83408 L4.17568421,5.65710857 C4.36826316,5.84595429 4.63142105,5.9484 4.91238596,5.9484 L4.9122807,5.9484 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-position: left 0.625vw center;
}
.content.subsite .conversionTooltipContainer {
top: 4.5vw;
}
#p79 .conversionTooltipContainer {
bottom: 5vw;
top: auto;
}
.conversionTooltipUsers {
background: #303133;
}
.conversionTooltipContainer .conversionTooltip {
opacity: 0;
}
.noProductsWrapper {
text-align: center;
margin: 5vw 0;
font-weight: 500;
}
.bottomHighlightRotate {
display: inline-block;
width: 36.3vw;
height: 2.5vw;
vertical-align: middle;
overflow: hidden;
position: relative;
background: url('../../../fileadmin/templates/img/icon-arrow-right-black.svg') no-repeat 0.5vw 0.8vw;
background-size: 1vw auto;
}
.bottomHighlight span {
animation: bottomToTop 9s linear infinite 0s;
-ms-animation: bottomToTop 9s linear infinite 0s;
-webkit-animation: bottomToTop 9s linear infinite 0s;
opacity: 0;
visibility: hidden;
overflow: hidden;
position: absolute;
padding: 0.2vw 0 0 2.6vw;
}
.bottomHighlight span:nth-child(2) {
animation-delay: 3s;
-ms-animation-delay: 3s;
-webkit-animation-delay: 3s;
}
.bottomHighlight span:nth-child(3) {
animation-delay: 6s;
-ms-animation-delay: 6s;
-webkit-animation-delay: 6s;
}
@keyframes topToBottom {
0% {
opacity: 1;
transform: translateY(-3.5vw);
}
5% {
opacity: 1;
transform: translateY(-3.5vw);
}
7% {
opacity: 1;
transform: translateY(0px);
}
25% {
opacity: 1;
transform: translateY(0px);
}
27% {
opacity: 0;
transform: translateY(3.5vw);
}
80% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes bottomToTop {
0% {
opacity: 1;
transform: translateY(3vw);
visibility: visible;
}
5% {
opacity: 1;
transform: translateY(3vw);
visibility: visible;
}
10% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
40% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
45% {
opacity: 0;
transform: translateY(-3vw);
visibility: hidden;
}
70% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 0;
visibility: hidden;
}
}
.rentRatingOverall {
text-align: center;
margin: 1vw 0 2.5vw 0;
}
.rentRatingOverall .headline {
font-weight: 600;
}
.rentRatingOverall .ratingValue {
font-size: 5vw;
font-weight: 600;
}
.rentRatingOverall .ratingInfo {
font-size: 0.75vw;
font-weight: 600;
color: var(--darker-grey);
}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
min-height: auto;
}
.outerSliderContainer {
padding: 0 3.437vw;
overflow: hidden;
}
.outerSliderContainer .keen-slider:not([data-keen-slider-disabled]) {
overflow: visible;
}
.cols-100 .locationSliderContainer .outerSliderContainer {
padding-left: 0px !important;
padding-right: 0px !important;
}
.ratingHighlightsContainer p.h4-headline, .ratingHighlightsContainer h4.headline, .locationSliderContainer p.h4-headline, .locationSliderContainer h4.headline, .shopdisplayContainer p.h4-headline, .shopdisplayContainer h4.headline, .blogTeaserItemContainer p.h4-headline, .blogTeaserItemContainer h4.headline, .ratingOverviewContainer p.h4-headline, .ratingOverviewContainer h4.headline {
margin-left: 3.437vw;
}
.ratingHighlightsContainer[data-total="1"] .slider-navigation, .ratingHighlightsContainer[data-total="2"] .slider-navigation, .ratingHighlightsContainer[data-total="3"] .slider-navigation, .ratingHighlightsContainer[data-total="4"] .slider-navigation, .locationSliderContainer[data-total="1"] .slider-navigation, .locationSliderContainer[data-total="2"] .slider-navigation, .locationSliderContainer[data-total="3"] .slider-navigation, .locationSliderContainer[data-total="4"] .slider-navigation, .shopdisplayContainer[data-total="1"] .slider-navigation, .shopdisplayContainer[data-total="2"] .slider-navigation, .shopdisplayContainer[data-total="3"] .slider-navigation, .shopdisplayContainer[data-total="4"] .slider-navigation, .blogTeaserItemContainer[data-total="1"] .slider-navigation, .blogTeaserItemContainer[data-total="2"] .slider-navigation, .blogTeaserItemContainer[data-total="3"] .slider-navigation, .blogTeaserItemContainer[data-total="4"] .slider-navigation, .ratingOverviewContainer[data-total="1"] .slider-navigation, .ratingOverviewContainer[data-total="2"] .slider-navigation, .ratingOverviewContainer[data-total="3"] .slider-navigation, .ratingOverviewContainer[data-total="4"] .slider-navigation {
display: none;
}
.shopdisplayContainer[data-total="1"] .keen-slider, .shopdisplayContainer[data-total="2"] .keen-slider, .shopdisplayContainer[data-total="3"] .keen-slider {
justify-content: center !important;
min-width: 100% !important;
}
.ratingHighlightsContainer, .ratingOverviewContainer {
position: relative;
margin: 0 0 2.375vw 4.4vw;
}
.ratingHighlightsContainer .ratingHighlightItem, .ratingHighlightsContainer .questionRating, .ratingOverviewContainer .ratingHighlightItem, .ratingOverviewContainer .questionRating {
position: relative;
height: 21.25vw;
background: #ffffff;
border: 1px solid #D9D9D9;
padding: 1.875vw;
text-align: center;
font-size: 0.875vw;
}
.ratingHighlightsContainer .ratingHighlightItem .stripes, .ratingHighlightsContainer .questionRating .stripes, .ratingOverviewContainer .ratingHighlightItem .stripes, .ratingOverviewContainer .questionRating .stripes {
position: absolute;
width: 80%;
height: 0.5vw;
bottom: 0px;
right: 0px;
background-size: contain;
background-position: right -4vw center;
}
.ratingHighlightsContainer .ratingValue, .ratingOverviewContainer .ratingValue {
font-size: 3.25vw;
font-weight: 600;
letter-spacing: -0.0937vw;
color: #000;
}
.ratingHighlightsContainer .ratingStars, .ratingHighlightsContainer .starRating, .ratingOverviewContainer .ratingStars, .ratingOverviewContainer .starRating {
display: inline-block;
height: 1.375vw;
background-size: 100% auto !important;
margin: 0.5vw 0 1.135vw 0;
width: auto !important;
}
.ratingHighlightsContainer .ratingStars svg, .ratingHighlightsContainer .starRating svg, .ratingOverviewContainer .ratingStars svg, .ratingOverviewContainer .starRating svg {
width: 1.375vw;
height: 1.375vw;
margin: 0 0.125vw;
}
.ratingHighlightsContainer .ratingStars1, .ratingOverviewContainer .ratingStars1 {
background: url('../../../fileadmin/templates/img/stars-1.svg') no-repeat;
}
.ratingHighlightsContainer .ratingStars2, .ratingOverviewContainer .ratingStars2 {
background: url('../../../fileadmin/templates/img/stars-2.svg') no-repeat;
}
.ratingHighlightsContainer .ratingStars3, .ratingOverviewContainer .ratingStars3 {
background: url('../../../fileadmin/templates/img/stars-3.svg') no-repeat;
}
.ratingHighlightsContainer .ratingStars4, .ratingOverviewContainer .ratingStars4 {
background: url('../../../fileadmin/templates/img/stars-4.svg') no-repeat;
}
.ratingHighlightsContainer .ratingStars5, .ratingOverviewContainer .ratingStars5 {
background: url('../../../fileadmin/templates/img/stars-5.svg') no-repeat;
}
.ratingHighlightsContainer .ratingText, .ratingOverviewContainer .ratingText {
height: 8.125vw;
line-height: 1.57;
color: #303133;
}
.ratingHighlightsContainer .ratingUser, .ratingOverviewContainer .ratingUser {
font-size: 0.75vw;
font-weight: 600;
color: #303133;
position: absolute;
left: 0;
right: 0;
bottom: 1.875vw;
width: 80%;
margin: 0 auto;
}
.ratingOverviewContainer {
margin-bottom: 6.25vw;
}
.ratingOverviewContainer .totalRatingItem {
padding-left: 1.7vw;
padding-right: 1.7vw;
}
.ratingOverviewContainer .questionRating .starRating, .ratingOverviewContainer .totalRatingItem .starRating {
margin-bottom: 2.125vw;
}
.ratingOverviewContainer .questionRating .ratingText, .ratingOverviewContainer .totalRatingItem .ratingText {
font-size: 1.15vw;
line-height: 1.3;
height: 7.125vw;
font-weight: 600;
}
.uspSection h2, .contentSliderContainer h2 {
font-family: var(--font-base);
font-size: 1vw;
line-height: 1;
font-weight: 500;
}
.uspSection .headline p, .uspSection h3, .contentSliderContainer .headline p, .contentSliderContainer h3 {
font-family: var(--font-special-bold);
color: #101010;
font-size: 2.625vw;
line-height: 1;
margin: 1vw 0 1.3vw 0;
}
.uspSection ul, .contentSliderContainer ul {
margin: 0 0 2.5vw 0;
}
.uspSection ul li, .contentSliderContainer ul li {
padding: 0 0 0 0.6vw;
margin: 0 0 0.4vw 1.25vw;
line-height: 1.4;
font-size: 1vw;
color: #303133;
}
.uspSection {
position: relative;
border-top: 1px solid #DCDEE6;
padding: 0 0 0 4.4vw;
display: flex;
flex-wrap: wrap;
}
.uspSection .stripes {
position: absolute;
width: 80%;
height: 0.8125vw;
bottom: -0.8125vw;
left: 0px;
background-size: contain;
background-position: left 0px center;
}
.uspSection .col01, .uspSection .col02, .uspSection .col03 {
min-height: 39vw;
height: auto;
}
.uspSection .col01 {
width: 40%;
border-right: 1px solid #DCDEE6;
padding: 3.437vw;
display: flex;
flex-direction: column;
justify-content: center;
}
.uspSection .col02 {
width: 20%;
border-right: 1px solid #DCDEE6;
display: flex;
flex-direction: column;
}
.uspSection .col03 {
width: 40%;
background-size: cover;
background-position: center center;
position: relative;
}
.uspSection .col03 .uspSectionImage img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.uspSection .col03 .stripes {
position: absolute;
top: 0px;
right: 0px;
left: initial;
bottom: initial;
width: 97%;
height: 0.8125vw;
background-size: contain;
background-position: right 0px center;
}
.uspSection p {
margin: 0 0 1.5vw 0;
font-size: 1vw;
color: #363636;
}
.uspSection .statsItem {
height: 13vw;
border-top: 1px solid #DCDEE6;
background-size: auto 2.75vw;
background-position: center 2.2vw;
background-repeat: no-repeat;
text-align: center;
padding: 0 1vw 0 1vw;
position: relative;
flex-grow: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
justify-content: center;
}
.uspSection .statsItem:first-child {
border-top: 0;
}
.uspSection .statsItem .statsItemValue {
font-size: 2.5vw;
font-weight: 700;
letter-spacing: -0.06vw;
margin: 0.75vw 0 0 0;
}
.uspSection .statsItem .statsItemValue:not(.noAnimation) span.value:not(.is-visible) {
visibility: hidden;
}
.uspSection .statsItem .statsItemLabel {
font-weight: 500;
color: var(--dynamic-primary-color);
}
.uspSection .statsItem .statsItemImage {
width: 3vw;
height: 3vw;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.uspSection .statsItem .statsItemAnimation {
width: 3vw;
height: 3vw;
}
.uspSection .statsItem .statsItemAnimation lottie-player {
width: 100% !important;
height: 100% !important;
display: block;
}
.uspSection .statsItem.hasBiggerIcon .statsItemImage, .uspSection .statsItem.hasBiggerIcon .statsItemAnimation {
width: 3.5vw;
height: 3.5vw;
}
.uspSection .statsItem.hasBiggerIcon .statsItemValue {
margin-top: 0.25vw;
}
.uspSection.imagePos--left {
flex-direction: row-reverse;
}
.uspSection.imagePos--left .col01 {
border-left: 1px solid #DCDEE6;
border-right: none;
}
.uspSection.addBorderBottom {
border-bottom: 1px solid #DCDEE6;
}
.uspSection .formItemSubmit input {
margin-top: 2.75vw;
}
.absoluteLink {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: none;
color: transparent;
z-index: 21;
text-indent: -9999px;
}
.aftersalesItemBg,
.blogTeaserItemBg,
.locationSliderItem.imageItem .imageItemBg,
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .teaserItemBg {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
}
.aftersalesItemBg,
.blogTeaserItemBg {
background-position: center;
}
.aftersalesItemOverlay,
.blogTeaserItemOverlay,
.locationSliderItem.imageItem .imageItemOverlay,
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .teaserItemOverlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
background: rgba(0, 0, 0, 0.4);
}
.aftersalesItemOverlayGradient,
.blogTeaserItemOverlayGradient,
.locationSliderItem.imageItem .imageItemOverlayGradient,
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .teaserItemOverlayGradient {
position: absolute;
width: 100%;
height: 100%;
z-index: 15;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem:hover .buttonContainer a,
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem:hover .buttonContainer a,
.blogList .blogTeaserItemContainer .blogTeaserItem:hover .buttonContainer a,
.aftersalesWrapper .aftersalesList .aftersalesItem:hover .buttonContainer a,
.locationSliderContainer .locationSliderItem.imageItem:hover .buttonContainer a,
.shopdisplayContainer .locationSliderItem.imageItem:hover .buttonContainer a {
background: var(--dynamic-primary-color) !important;
border: 1px solid var(--dynamic-primary-color) !important;
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .teaserItemContent,
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent,
.locationSliderContainer .locationSliderItem.imageItem .imageItemContent,
.shopdisplayContainer .locationSliderItem.imageItem .imageItemContent {
position: absolute;
border-top: dashed 1px #fff;
z-index: 20;
margin: 1.25vw 1.25vw 2.5vw 1.25vw;
bottom: 0px;
color: #fff;
width: calc(100% - 2.5vw);
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .teaserItemContent .teaserItemContentText,
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent .blogTeaserTitle,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent .blogTeaserTitle,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent .aftersalesItemTitle,
.locationSliderContainer .locationSliderItem.imageItem .imageItemContent .imageItemContentText,
.shopdisplayContainer .locationSliderItem.imageItem .imageItemContent .imageItemContentText {
margin: 1.3vw 0 1.4vw;
font-family: var(--font-special-bold);
font-size: 1.75vw;
line-height: 1;
letter-spacing: -0.1px;
text-align: left;
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .teaserItemContent .buttonContainer a,
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent .buttonContainer a,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent .buttonContainer a,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent .buttonContainer a,
.locationSliderContainer .locationSliderItem.imageItem .imageItemContent .buttonContainer a,
.shopdisplayContainer .locationSliderItem.imageItem .imageItemContent .buttonContainer a {
display: table;
color: #fff;
font-weight: 600;
background: transparent;
font-size: 0.875vw;
border: solid 1px #fff;
padding: 0.75vw 1.25vw;
border-radius: 0.725vw;
line-height: 1;
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .stripes,
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .stripes,
.blogList .blogTeaserItemContainer .blogTeaserItem .stripes,
.aftersalesWrapper .aftersalesList .aftersalesItem .stripes,
.locationSliderContainer .locationSliderItem.imageItem .stripes,
.shopdisplayContainer .locationSliderItem.imageItem .stripes {
position: absolute;
z-index: 20;
width: 100%;
bottom: 0px;
height: 1.125vw;
background-size: auto 100%;
background-position: left 0px center;
}
.locationSliderContainer,
.shopdisplayContainer {
position: relative;
background: var(--lighter-grey);
padding: 0;
margin: 0 0 2.375vw 4.4vw;
}
.locationSliderContainer .locationSliderItem,
.shopdisplayContainer .locationSliderItem {
position: relative;
background: #ffffff;
text-align: center;
font-size: 0.875vw;
height: 25.31vw;
}
.locationSliderContainer .locationSliderItem:last-child,
.shopdisplayContainer .locationSliderItem:last-child {
margin-right: 0;
}
.locationSliderContainer .locationSliderItem.textImageItem,
.shopdisplayContainer .locationSliderItem.textImageItem {
border: 4px solid #e5e5e5;
}
.locationSliderContainer .locationSliderItem.textImageItem .textImageItemBg,
.shopdisplayContainer .locationSliderItem.textImageItem .textImageItemBg {
height: 12.75vw;
background-size: cover;
}
.locationSliderContainer .locationSliderItem.textImageItem .textImageItemContent,
.shopdisplayContainer .locationSliderItem.textImageItem .textImageItemContent {
padding: 1.875vw 1.2vw 5.375vw 1.2vw;
height: auto;
}
.locationSliderContainer .locationSliderItem.textImageItem .textImageItemContentHeadline,
.shopdisplayContainer .locationSliderItem.textImageItem .textImageItemContentHeadline {
font-family: var(--font-special-bold);
font-size: 1.5vw;
font-weight: normal;
line-height: 1;
margin: 0 0 0.3125vw 0;
letter-spacing: 0;
color: #101010;
user-select: text;
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
}
.locationSliderContainer .locationSliderItem.textImageItem .textImageItemContentSubline,
.shopdisplayContainer .locationSliderItem.textImageItem .textImageItemContentSubline {
font-size: 0.875vw;
line-height: 1.43;
letter-spacing: 0.02vh;
color: #303133;
user-select: text;
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
}
.locationSliderContainer .locationSliderItem.textImageItem .btnRed,
.shopdisplayContainer .locationSliderItem.textImageItem .btnRed {
margin: 0;
position: absolute;
left: 0;
bottom: 1.5vw;
width: 100%;
}
.locationSliderContainer .locationSliderItem.hasShopInfoLink.textImageItem .textImageItemContent,
.shopdisplayContainer .locationSliderItem.hasShopInfoLink.textImageItem .textImageItemContent {
padding-bottom: 2.375vw;
}
.locationSliderContainer .locationSliderItem.hasShopInfoLink.textImageItem .btnRed,
.shopdisplayContainer .locationSliderItem.hasShopInfoLink.textImageItem .btnRed {
margin: 1.25vw 0 1.5vw;
position: initial;
left: unset;
bottom: unset;
width: auto;
}
.locationSliderContainer .shopdisplay,
.shopdisplayContainer .shopdisplay {
height: auto;
}
.locationSliderContainer .shopdisplay .textImageItemBg,
.shopdisplayContainer .shopdisplay .textImageItemBg {
height: 10vw;
position: relative;
}
.locationSliderContainer .shopdisplay .shopInfoLink,
.shopdisplayContainer .shopdisplay .shopInfoLink {
font-size: 0.875vw;
text-decoration: underline;
font-weight: 500;
line-height: normal;
letter-spacing: -0.1px;
text-align: center;
color: #101010;
margin: 0 0 0.4375vw 0;
}
.locationSliderContainer .shopdisplay .shopInfoLink:hover,
.shopdisplayContainer .shopdisplay .shopInfoLink:hover {
color: var(--dynamic-primary-color);
}
.locationSliderContainer .shopdisplay .shopInfo,
.shopdisplayContainer .shopdisplay .shopInfo {
position: absolute;
width: 2vw;
height: 2vw;
box-shadow: 0 0.1vw 0.2vw 0 rgba(0, 0, 0, 0.1);
border-radius: 0.3125vw;
border: 1px solid #B8B9BF;
top: 0.5vw;
cursor: pointer;
transition: all 0.1s ease-in-out;
right: 0.5vw;
background: url('../../../fileadmin/templates/img/icon-info.svg') no-repeat center 0.5vw;
background-size: 0.6vw auto;
background-color: #fff;
display: none !important;
}
.locationSliderContainer .shopdisplay .shopInfo:hover,
.shopdisplayContainer .shopdisplay .shopInfo:hover {
background: url('../../../fileadmin/templates/img/icon-info-act.svg') no-repeat center 0.5vw #101010;
background-size: 0.6vw auto;
border: 1px solid #98999f;
}
.locationSliderContainer .textImageItemStarsRating,
.shopdisplayContainer .textImageItemStarsRating {
color: #101010;
font-weight: 600;
font-size: 0.75vw;
}
.locationSliderContainer .jq-ry-container,
.shopdisplayContainer .jq-ry-container {
width: 4.3vw !important;
display: inline-block;
margin: 0 0 1vw 0;
}
.locationSliderContainer .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg,
.shopdisplayContainer .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 0.75vw;
height: 0.75vw;
margin: 0 0.1vw;
}
.locationSliderContainer.noHeadline .slider-navigation > div,
.shopdisplayContainer.noHeadline .slider-navigation > div {
top: 0px;
}
.shopdisplayContainer .outerSliderContainer {
margin-top: 1.875vw;
}
.slider-dots {
position: absolute;
width: 100%;
bottom: 1.875vw;
z-index: 30;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}
.slider-dots .slider-dot {
background-color: rgba(158, 158, 158, 0.5);
display: block;
cursor: pointer;
margin: 0 0.3vw;
box-shadow: none;
width: 3.125vw;
height: 2px;
margin: 0 0.156vw;
}
.slider-dots .slider-dot.active {
background-color: var(--dynamic-primary-color);
}
.imageSliderContainer {
height: 45.06vw;
position: relative;
margin: 0 0 5.625vw 4.4vw;
overflow: hidden;
border-top: 1px solid #DCDEE6;
}
.imageSliderContainer .imageSlider, .imageSliderContainer .imageSliderItem {
height: 100%;
}
.imageSliderContainer .imageSliderItem {
background-size: cover;
position: relative;
}
.imageSliderContainer .slider-navigation-next, .imageSliderContainer .slider-navigation-prev {
z-index: 1;
top: 50%;
transform: translateY(-50%);
}
.imageSliderContainer .slider-navigation-next {
left: unset;
right: 3.4375vw;
}
.imageSliderContainer .slider-navigation-prev {
right: unset;
left: 3.4375vw;
}
.imageSliderContainer.noMarginBottom {
margin-bottom: 0 !important;
}
.contentSliderContainer {
overflow: hidden;
height: 36vw;
margin: 0;
position: relative;
border-top: 1px solid #DCDEE6;
margin: 0 0 0 4.4vw;
}
.contentSliderContainer .contentSlider {
height: 36vw;
}
.contentSliderContainer .contentSlider .contentSliderItem {
position: relative;
height: 36vw;
display: flex;
flex-wrap: wrap;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol01, .contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol02 {
position: relative;
height: 36vw;
width: 50%;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol01 {
background-size: cover;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol01 .stripes {
position: absolute;
top: 0px;
right: 0px;
width: 2.0625vw;
height: 100%;
background-size: 100% auto;
background-position: left 0px top 0px;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol02 {
background-color: #fff;
padding: 0 9vw 0 4.68vw;
display: flex;
flex-direction: column;
justify-content: center;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol02 p {
font-size: 1vw;
line-height: 1.75;
letter-spacing: -0.1px;
color: #363636;
margin: 0 0 1.5625vw 0;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol02 .btnRed {
margin: 0.5vw 0 0 0;
text-align: left;
}
.contentSliderContainer .slider-navigation-next, .contentSliderContainer .slider-navigation-prev {
top: 1.875vw;
z-index: 2;
}
.contentSliderContainer .slider-navigation-next {
right: 4.7vw;
}
.contentSliderContainer .slider-navigation-prev {
right: 7.425vw;
}
.contentSliderContainer.addBorderBottom {
border-bottom: 1px solid #DCDEE6;
}
.blogTeaserSection,
.blogList,
.aftersalesWrapper,
.blogTeaserSection .blogTeaserItemContainer,
.blogList .blogTeaserItemContainer,
.aftersalesWrapper .aftersalesList {
position: relative;
}
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem,
.blogList .blogTeaserItemContainer .blogTeaserItem,
.aftersalesWrapper .aftersalesList .aftersalesItem {
position: relative;
background: #ffffff;
text-align: center;
font-size: 0.875vw;
height: 25.31vw !important;
}
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogPostTags, .blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .aftersalesItemTags,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogPostTags,
.blogList .blogTeaserItemContainer .blogTeaserItem .aftersalesItemTags,
.aftersalesWrapper .aftersalesList .aftersalesItem .blogPostTags,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemTags {
position: absolute;
width: calc(100% - 2.5vw);
z-index: 20;
top: 1.15vw;
left: 1.125vw;
text-align: left;
}
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogPostTags span, .blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .aftersalesItemTags span,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogPostTags span,
.blogList .blogTeaserItemContainer .blogTeaserItem .aftersalesItemTags span,
.aftersalesWrapper .aftersalesList .aftersalesItem .blogPostTags span,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemTags span {
margin: 0.1vw 0.125vw;
display: inline-block;
}
.blogTeaserSection .btnRed,
.blogList .btnRed {
text-align: right;
margin: 1.75vw 3.46vw 0 0;
}
.blogTeaserSection {
margin: 0vw 0 2.975vw 4.4vw;
}
.blogTeaserSection .blogTeaserItem {
display: inline-block !important;
visibility: visible !important;
}
.blogList {
padding: 0 0 7.187vw 0;
}
.blogList .blogTeaserItemContainer {
margin: 0 0 0 2.812vw;
}
.blogList .blogTeaserItemContainer .blogTeaserItem {
width: 21.25vw;
margin: 0 0.625vw 2.5vw 0.625vw;
}
.tx-hiroki-aftersales p.h4-headline {
padding-bottom: 0.4375vw;
border-bottom: 1px solid #d8d8d8;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper {
padding: 0 0 5vw 0;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.25vw;
z-index: 0;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList .aftersalesItem .copyrightContainer {
z-index: 100;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList .aftersalesItem .btnTag {
padding: 0.34375vw 0.625vw;
font-size: 0.8125vw;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent {
border-top: none;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent .topline {
text-align: left;
font-weight: 600;
font-size: 0.9375vw;
color: #fff;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent .aftersalesItemTitle {
margin-top: 0.875vw;
padding-top: 1.25vw;
border-top: dashed 1px #fff;
}
.blogPostDataWrapper {
max-width: 39.8vw;
margin: 0 0 2.3vw 0;
display: flex;
align-items: center;
}
.blogPostDataWrapper .blogPostData {
color: #101010;
font-size: 0.875vw;
font-weight: 500;
letter-spacing: -0.1px;
margin: 0 0.75vw 0 0;
flex-shrink: 0;
}
.blogPostDataWrapper .blogPostData #blogPostReadingTime .blogPostReadingTimeValue {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-364,-478)' fill='%23101010' fill-rule='nonzero'%3E%3Cg id='Group-16' transform='translate(125,478)'%3E%3Cg id='Shape-3' transform='translate(239,0)'%3E%3Cpath d='M8,16 C5.87808,16 3.8432,15.15688 2.3432,13.6568 C0.8432,12.15672 0,10.12176 0,8 C0,5.87824 .84312,3.8432 2.3432,2.3432 C3.84328,.8432 5.87824,0 8,0 C10.12176,0 12.1568,.84312 13.6568,2.3432 C15.1568,3.84328 16,5.87824 16,8 C16,10.12176 15.15688,12.1568 13.6568,13.6568 C12.15672,15.1568 10.12176,16 8,16 Z M8,1.33312 C6.23184,1.33312 4.53632,2.035616 3.28624,3.28624 C2.035616,4.53624 1.33312,6.23184 1.33312,8 C1.33312,9.76816 2.035616,11.46368 3.28624,12.71376 C4.53624,13.964384 6.23184,14.66688 8,14.66688 C9.76816,14.66688 11.46368,13.964384 12.71376,12.71376 C13.964384,11.46376 14.66688,9.76816 14.66688,8 C14.66688,6.23184 13.964384,4.53632 12.71376,3.28624 C11.46376,2.035616 9.76816,1.33312 8,1.33312 L8,1.33312 Z M9.48688,10.46624 L7.53376,8.50688 L7.53313488,8.50750496 C7.39563408,8.37187936 7.32251088,8.18438496 7.33313488,7.99124896 L7.33313488,4.66692896 C7.33313488,4.29880096 7.63188688,4.00004896 8.00001488,4.00004896 C8.36814288,4.00004896 8.66689488,4.29880096 8.66689488,4.66692896 L8.66689488,7.68756896 L10.4668949,9.48756896 C10.7368949,9.75819296 10.7368949,10.196945 10.4662698,10.466945 C10.1956458,10.737569 9.75689376,10.737569 9.48689376,10.466945 L9.48688,10.46624 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 1vw auto;
background-position: left center;
padding: 0 0 0 1.3vw;
margin: 0 0 0 0.2vw;
}
.blogPostDataWrapper .blogPostTags {
display: flex;
flex-wrap: wrap;
gap: 0.25vw;
}
.blogPostDataWrapper .blogPostTags span {
margin: 0;
}
.blogOverview {
padding: 0 0 0 4.4vw;
margin: -3.125vw 0 0 0;
}
.blogOverview .greysection {
padding: 0 !important;
}
.blogOverview .contentHighlight {
margin: 0;
border-bottom: 0px;
}
.blogOverview .loadMore {
display: table;
width: auto;
margin: 0 auto;
}
.blogOverview .blogFilter {
padding: 0 3.437vw;
margin: 3.5vw 0 2vw 0;
}
.blogOverview .blogFilter button, .basketTabFilter button, .sport2000rent_kundenkonto .navFilter button, .rentLocationListContainer .countryFilter button {
position: relative;
display: inline-block;
color: #101010;
font-weight: 500;
font-size: 0.875vw;
padding: calc(0.75vw - 1px) 1.25vw calc(0.875vw - 1px) 1.25vw;
line-height: 1.15;
border-radius: 0.725vw;
border: solid 1px #ccc;
transition: all 0.2s ease-in-out;
background-color: #fff;
margin: 0 0.375vw 0 0;
cursor: pointer;
}
.blogOverview .blogFilter button a, .basketTabFilter button a, .sport2000rent_kundenkonto .navFilter button a, .rentLocationListContainer .countryFilter button a {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.blogOverview .blogFilter button.disabled, .basketTabFilter button.disabled, .sport2000rent_kundenkonto .navFilter button.disabled, .rentLocationListContainer .countryFilter button.disabled {
cursor: initial;
pointer-events: none;
opacity: 0.5;
}
.blogOverview .blogFilter button.active, .blogOverview .blogFilter button:hover, .basketTabFilter button.active, .basketTabFilter button:hover, .sport2000rent_kundenkonto .navFilter button.active, .sport2000rent_kundenkonto .navFilter button:hover, .rentLocationListContainer .countryFilter button.active, .rentLocationListContainer .countryFilter button:hover {
color: var(--dynamic-primary-color);
border-color: var(--dynamic-primary-color);
}
@keyframes wobble-top-on-hover {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
100% {
transform: skew(0);
}
}
.searchContestObjectWrapper {
display: block;
}
.searchContestObjectWrapper.pos--center {
display: flex;
justify-content: center;
}
.searchContestObjectWrapper.pos--right {
display: flex;
justify-content: flex-end;
}
.searchContestObjectWrapper .searchContestObject {
cursor: pointer;
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
transform-origin: 0 100%;
}
.searchContestObjectWrapper .searchContestObject:hover, .searchContestObjectWrapper .searchContestObject:active, .searchContestObjectWrapper .searchContestObject:focus {
animation-name: wobble-top-on-hover;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.spinningWheelWithFormSection form .formItemSubmit input {
margin-top: 2vw;
}
.spinningWheelWithFormSection .spinningWheelPopupSuccess {
position: fixed;
z-index: 251;
width: 100%;
height: 100vh;
left: 0px;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
display: none;
background: rgba(0, 0, 0, 0.8);
}
.spinningWheelWithFormSection .spinningWheelPopupSuccess .inner {
width: 25vw;
text-align: center;
background-color: #ffffff;
height: auto;
padding: 2vw 1vw;
background-image: var(--stripes-01);
background-position: right 0 bottom;
background-size: 100%;
background-repeat: no-repeat;
}
.spinningWheelWithFormSection .spinningWheelPopupSuccess .inner .headline {
font-family: var(--font-special-bold);
font-size: 1.375vw;
letter-spacing: -0.005vw;
margin: 0 0 1vw 0;
}
.spinningWheelWithFormSection .spinningWheelPopupSuccess .inner .text {
margin: 0 0 1vw 0;
}
.currencySelector {
position: relative;
z-index: 1;
}
.currencySelector .selectedCurrency {
width: 2.6525vw;
height: 2.6525vw;
border-radius: 0.5vw;
border: solid 1px #ccc;
background-color: #fff;
cursor: pointer;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.15vw;
line-height: 1;
transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
.currencySelector .selectedCurrency .icon {
font-size: 1vw;
font-weight: 500;
}
.currencySelector .selectedCurrency .label {
font-size: 0.5vw;
text-transform: uppercase;
}
.currencySelector .currencyOptionsWrapper {
display: none;
position: absolute;
padding-top: 0.4vw;
width: 100%;
left: 0px;
right: 0px;
}
.currencySelector .currencyOptionsWrapper .currencyOptions {
padding: 0.5vw 0;
border-radius: 0.5vw;
border: solid 1px #ccc;
background-color: #fff;
color: #000;
line-height: 1;
}
.currencySelector .currencyOptionsWrapper .currencyOptions .option {
text-align: center;
padding: 0.45vw 0;
cursor: pointer;
transition: color 0.15s ease-in-out;
}
.currencySelector .currencyOptionsWrapper .currencyOptions .option .icon {
display: none;
}
.currencySelector .currencyOptionsWrapper .currencyOptions .option .label {
font-size: 0.7vw;
font-weight: 500;
text-transform: uppercase;
}
.currencySelector .currencyOptionsWrapper .currencyOptions .option:hover, .currencySelector .currencyOptionsWrapper .currencyOptions .option:active, .currencySelector .currencyOptionsWrapper .currencyOptions .option:focus {
color: var(--dynamic-primary-color);
}
.currencySelector:hover .selectedCurrency, .currencySelector:active .selectedCurrency, .currencySelector:focus-within .selectedCurrency {
background-color: #000;
color: #fff;
}
.currencySelector:hover .currencyOptionsWrapper, .currencySelector:active .currencyOptionsWrapper, .currencySelector:focus-within .currencyOptionsWrapper {
display: block;
}
.rentTopBar.rentBookingTopBar .infoBar .currencySelector {
margin-right: 3.1vw;
}
.currencyExchangeInfo {
position: relative;
margin-top: 0.5vw;
padding-left: 0.8vw;
}
.currencyExchangeInfo:before {
position: absolute;
left: 0px;
top: 1px;
content: "*";
}
.currencyExchangeBaseInfo {
display: none;
}
footer {
border-top: solid 1px #d9d9d9;
}
footer .awardChampion {
display: none;
position: relative;
bottom: auto;
margin: 1.5vw 0;
}
footer .breadcrumbs {
position: relative;
border-bottom: solid 1px #D9D9D9;
background-color: var(--lighter-grey);
padding: 1.375vw 3.437vw 1.375vw 8.15vw;
}
footer .breadcrumbs::after {
content: "";
position: absolute;
width: 100%;
height: 0.8125vw;
right: 0px;
bottom: -0.8125vw;
background-image: var(--stripes-03);
background-repeat: no-repeat;
background-size: auto 100%;
transform: rotate(180deg);
}
footer .breadcrumbs ol {
list-style-type: none;
line-height: 1;
}
footer .breadcrumbs ol li {
display: inline;
}
footer .breadcrumbs ol li a {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 12.1' style='enable-background:new 0 0 8 12.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23363636;%7D%0A%3C/style%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Desktop---Widescreen---w_1600px'%3E%3Cg id='_x30_1a-Startseite' transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M19.4,21l5.2,4.8c0.5,.5,1.4,.5,2,0c0.5-0.5,0.5-1.3,0-1.8l-4.2-3.9l4.2-3.9 c0.5-0.5,0.5-1.3,0-1.8c-0.3-0.3-0.6-0.4-1-0.4c-0.4,0-0.7,0.1-1,0.4l-5.2,4.8C19.1,19.4,19,19.7,19,20 C19,20.4,19.1,20.7,19.4,21z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
padding: 0 1vw 0 0.69vw;
font-size: 0.75vw;
background-size: 0.375vw;
background-position: center right;
color: #363636;
font-weight: 500;
}
footer .breadcrumbs ol li:nth-child(1) a {
padding-left: 0;
}
footer .breadcrumbs ol li:last-child a {
background: none !important;
color: var(--dynamic-primary-color);
}
footer .breadcrumbs::-webkit-scrollbar {
width: 0px;
}
footer p {
margin: 0;
}
footer h5 {
margin: 0 0 0.5vw 0;
}
footer h6 {
margin: 0 0 1vw 0;
}
footer .btnRedLink {
margin: 1.25vw 0 3.125vw 0;
}
footer .footerRow01 {
padding: 5.56vw 3.437vw 5.56vw 8.15vw;
border-bottom: #DCDEE6;
}
footer .footerRow01 .footerCol01 {
width: 52%;
float: left;
font-size: 0.875vw;
padding: 0 11.25vw 0 0;
}
footer .footerRow01 .footerCol01 p {
line-height: 1.6;
color: #101010;
}
footer .footerRow01 .footerCol01 p em {
font-family: var(--font-special-bold);
font-size: 1vw;
margin: 0;
display: inline-block;
font-style: normal;
}
footer .footerRow01 .footerCol01 p:nth-child(2) {
color: #363636;
}
footer .footerRow01 .footerCol01 p:first-of-type em {
font-size: 1.375vw;
margin: 0 0 0.2vw 0;
}
footer .footerRow01 .footerCol01 a:not(.btnRedLink) {
color: #000000;
text-decoration: underline;
}
footer .footerRow01 .footerCol01 a:not(.btnRedLink):hover {
opacity: 0.7;
}
footer .footerRow01 .footerCol02, footer .footerRow01 .footerCol03, footer .footerRow01 .footerCol04 {
float: left;
font-size: 0.75vw;
}
footer .footerRow01 .footerCol02 em, footer .footerRow01 .footerCol03 em, footer .footerRow01 .footerCol04 em {
font-family: var(--font-special-bold);
letter-spacing: -0.005vw;
font-size: 1vw;
margin: 0 0 1.1vw 0;
display: inline-block;
font-style: normal;
}
footer .footerRow01 .footerCol02 a:not(.btnRedLink), footer .footerRow01 .footerCol03 a:not(.btnRedLink), footer .footerRow01 .footerCol04 a:not(.btnRedLink) {
color: var(--dynamic-primary-color);
font-weight: 600;
text-decoration: underline;
margin: 1.5vw 0 0.8vw 0;
display: block;
}
footer .footerRow01 .footerCol02 a:not(.btnRedLink):hover, footer .footerRow01 .footerCol03 a:not(.btnRedLink):hover, footer .footerRow01 .footerCol04 a:not(.btnRedLink):hover {
opacity: 0.7;
}
footer .footerRow01 .footerCol02 ul li, footer .footerRow01 .footerCol03 ul li, footer .footerRow01 .footerCol04 ul li {
list-style-type: none;
margin: 0 0 0.8vw 0;
}
footer .footerRow01 .footerCol02 ul li a:not(.btnRedLink), footer .footerRow01 .footerCol03 ul li a:not(.btnRedLink), footer .footerRow01 .footerCol04 ul li a:not(.btnRedLink) {
color: var(--darker-grey);
font-weight: 500;
text-decoration: none;
margin: 0;
}
footer .footerRow01 .footerCol02 {
width: 16%;
}
footer .footerRow01 .footerCol03 {
width: 16%;
}
footer .footerRow01 .footerCol04 {
width: 16%;
}
footer .footerRow02 {
padding: 0 0 0 8.15vw;
height: 7.5vw;
}
footer .footerRow02 .footerCol01 {
width: 46%;
display: flex;
align-items: center;
}
footer .footerRow02 .footerCol01 ul li {
list-style-type: none;
display: inline-block;
}
footer .footerRow02 .footerCol01 ul li a:not(.btnRedLink) {
color: var(--darker-grey);
font-weight: 500;
display: inline-block;
border-left: 1px solid #9E9E9E;
font-size: 0.75vw;
padding: 0 0.1vw 0 0.4vw;
}
footer .footerRow02 .footerCol01 ul li a:not(.btnRedLink):hover {
opacity: 0.7;
}
footer .footerRow02 .footerCol01 ul li:first-child a:not(.btnRedLink) {
border-left: 0;
}
footer .footerRow02 .footerCol03 {
width: 8%;
border-left: solid 1px #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
}
footer .footerRow02 .footerCol03 .backToTop {
position: relative;
cursor: pointer;
padding: 1.125vw 0 0 0;
color: var(--dynamic-primary-color);
line-height: 1;
font-size: 0.75vw;
font-weight: 600;
}
footer .footerRow02 .footerCol03 .backToTop::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background-color: var(--dynamic-primary-color);
-webkit-mask-image: var(--arrow-up-icon);
mask-image: var(--arrow-up-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 0.75vw;
height: 0.5vw;
}
footer .footerRow02 .footerCol03 .backToTop:hover {
color: #101010;
}
footer .footerRow02 .footerCol03 .backToTop:hover::before {
background-color: #101010;
}
footer .footerRow02, .bookingFooter .footerRow02 {
border-top: 1px solid #D9D9D9;
display: flex;
flex-wrap: wrap;
}
footer .footerRow02 .footerCol02, .bookingFooter .footerRow02 .footerCol02 {
padding: 0 2.25vw 0 0;
width: 46%;
justify-content: flex-end;
display: flex;
align-items: center;
}
footer .footerRow02 .footerCol02 .paymentBar, .bookingFooter .footerRow02 .footerCol02 .paymentBar {
color: #9E9E9E;
font-weight: 500;
font-size: 0.75vw;
display: flex;
align-items: center;
}
footer .footerRow02 .footerCol02 .paymentBar ul, .bookingFooter .footerRow02 .footerCol02 .paymentBar ul {
margin: 0 0 0 0.7vw;
}
footer .footerRow02 .footerCol02 .paymentBar ul li, .bookingFooter .footerRow02 .footerCol02 .paymentBar ul li {
display: inline-block;
list-style-type: none;
margin: 0 0 0 0.1vw;
}
footer .footerRow02 .footerCol02 .paymentBar img, .bookingFooter .footerRow02 .footerCol02 .paymentBar img {
width: 2.4vw;
height: auto;
}
footer .footerRow02 .footerCol02 .securePayment, .bookingFooter .footerRow02 .footerCol02 .securePayment {
margin: 0 0 0.35vw 0;
}
footer .footerRow02 .footerCol02 .securePayment img, .bookingFooter .footerRow02 .footerCol02 .securePayment img {
width: auto;
height: auto;
height: 2.6vw;
}
.bookingFooter .footerRow02 {
padding: 2.75vw 3.5vw;
align-items: center;
}
.bookingFooter .footerRow02 .footerCol01, .bookingFooter .footerRow02 .footerCol02 {
width: 50%;
padding-right: 0px;
}
.trustIcons {
width: 16.25vw;
height: 3.75vw;
background-size: 100% auto;
margin: 3vw 0 0 0;
}
.trustIcons img {
max-width: 100%;
}
.shareIcons {
display: table;
margin: 0 auto;
text-align: center;
}
.shareIcons .headline {
margin: 0 0 1.5vw 0;
font-weight: 600;
}
.shareIcons .a2a_kit .a2a_svg {
background: none !important;
}
.shareIcons .a2a_svg svg {
display: none !important;
}
.shareIcons .a2a_kit {
display: flex;
justify-content: center;
}
.shareIcons a {
margin: 0 3px;
padding: 0px !important;
background-size: contain !important;
width: 2.25vw;
height: 2.25vw;
border-radius: 50%;
}
.shareIcons a.fb {
background: url('../../../fileadmin/templates/img/facebook-icon.svg') no-repeat center;
}
.shareIcons a.fbmessenger {
background: url('../../../fileadmin/templates/img/messenger-icon.svg') no-repeat center;
}
.shareIcons a.whatsapp {
background: url('../../../fileadmin/templates/img/whatsapp-icon.svg') no-repeat center;
}
.shareIcons a.mail {
background: url('../../../fileadmin/templates/img/mail-icon.svg') no-repeat center;
}
.showMobile {
display: none;
}
.copyrightContainer {
z-index: 5;
position: absolute;
right: 0;
top: 0;
}
.copyrightContainer .copyrightIcon {
height: 1.1vw;
width: 1.1vw;
font-size: 0.67vw;
padding: 0.11vw 0.25vw;
background: rgba(0, 0, 0, 0.3);
cursor: pointer;
transition: all 0.1s ease-in-out;
margin: 0.3vw 0.3vw 0.3vw 0;
color: rgba(255, 255, 255, 0.7);
font-weight: bold;
border-radius: 50%;
float: right;
}
.copyrightContainer .copyrightInfo {
height: 1.1vw;
font-size: 0.67vw;
transition: all 0.1s ease-in-out;
float: left;
padding: 0.1vw 0vw 0.1vw 0.5vw;
margin: 0.3vw 0 0.3vw 0.3vw;
opacity: 0;
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.7);
border-radius: 0;
}
.copyrightContainer.topRight .copyrightInfo,
.copyrightContainer.bottomRight .copyrightInfo {
border-radius: 0.55vw 0 0 0.55vw;
}
.copyrightContainer.topLeft {
right: auto;
left: 0;
}
.copyrightContainer.topLeft .copyrightIcon {
float: left;
margin: 0.3vw 0 0.3vw 0.3vw;
}
.copyrightContainer.topLeft .copyrightInfo {
float: left;
border-radius: 0 0.55vw 0.55vw 0;
margin: 0.3vw 0.3vw 0.3vw 0;
padding: 0.1vw 0.5vw 0.1vw 0vw;
}
.copyrightContainer.bottomRight {
bottom: 0;
top: auto;
}
.copyrightContainer.active {
cursor: pointer;
}
.copyrightContainer.active .copyrightInfo {
opacity: 1;
}
.copyrightContainer.topRight.active .copyrightIcon,
.copyrightContainer.bottomRight.active .copyrightIcon {
border-radius: 0 0.55vw 0.55vw 0;
}
.copyrightContainer.topLeft.active .copyrightIcon {
border-radius: 0.55vw 0 0 0.55vw;
}
.copyrightContainer.shelfTeaser {
z-index: 21;
}
.uspSection .copyrightContainer {
top: 1vw;
}
.clearer.mobile {
clear: none;
}
.formItemInput input:focus,
.formItemInput iframe:focus,
fieldset.powermail_fieldset input.powermail_input:focus,
fieldset.powermail_fieldset textarea:focus,
fieldset.powermail_fieldset select:focus {
border: 1px solid #7F8185 !important;
transition: none;
}
.transparentGradient {
pointer-events: none;
width: 100%;
height: 35%;
position: fixed;
bottom: 0;
background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.ua-safari .rentSearch .rentSearchFormContainer .shopInfo,
.ua-safari .stickySearchBar .rentSearchFormContainer .shopInfo,
.ua-safari .rentSearch .rentSearchFormContainer .shopClear,
.ua-safari .stickySearchBar .rentSearchFormContainer .shopClear,
.ua-safari .slideInRight .slideInRightClose,
.ua-safari .rentTopBar .infoBarShopMore,
.ua-safari .cartItem .cartItemDelete {
transition: none !important;
}
.ua-safari .iradio_square input {
position: relative !important;
}
.ua-safari .paymentOptions .iradio_square {
text-align: center !important;
}
.ua-desktop-windows .stop-scrolling > .content,
.ua-desktop-windows .stop-scrolling > footer,
.ua-desktop-windows .fancybox-active > .content,
.ua-desktop-windows .fancybox-active > footer {
overflow-y: scroll;
}
.ua-edge .loaderWrapper .loader,
.ua-ie .loaderWrapper .loader {
background: url('../../../fileadmin/templates/img/loading.gif') no-repeat center center #ffffff;
background-size: 2.5vw auto;
}
.ua-edge .loading,
.ua-ie .loading {
background: url('../../../fileadmin/templates/img/loading.gif') no-repeat center center #ffffff;
background-size: 4vw auto;
}
.ua-ie .navSlideIn * {
transition: none !important;
}
.ua-ie .image-embed-item {
width: 100%;
}
.ua-ie .bgMedia .bgVideoWrapper video {
height: auto;
top: unset;
-o-object-fit: none;
object-fit: none;
}
.ua-ie .cart {
background-image: url('../../../fileadmin/templates/img/icon-cart-grey-ie-fallback.svg');
}
.ua-ie .cart:hover {
background-image: url('../../../fileadmin/templates/img/icon-cart-ie-fallback.svg');
}
.ua-ie .rentBookingContent .rentBookingCalculation .calculationTable .label, .ua-ie .rentBookingContent .rentBookingCalculation .calculationTable .value {
width: 49%;
}
input[type=text]::-ms-clear {
display: none !important;
}
.jq-ry-container {
position: relative;
padding: 0 5px;
line-height: 0;
display: block;
cursor: pointer;
box-sizing: content-box;
direction: ltr;
}
.jq-ry-container[readonly=readonly] {
cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
position: relative;
width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
position: relative;
line-height: 0;
z-index: 9;
white-space: nowrap;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
width: 0;
z-index: 9;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
body.bike .navSlideIn .navSlideInLanguage {
display: none;
}
body.bike .navSlideIn .languageSwitch.showMobile, body.bike .navSlideIn .clientNavLogin.showMobile {
display: none !important;
}
body.bike .navSlideIn .navSlideInLogin {
bottom: 12.1vw;
}
body.bike .navSlideIn .navSlideInNewsletter {
bottom: 16.5vw;
}
body.bike .navSlideIn .navSlideInAppSwitch {
bottom: 24.8vw;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape {
height: 26.25vw;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) {
padding-top: 10.625vw;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) .productItemImage {
height: 7.5vw;
bottom: auto;
top: 2vw;
width: 100%;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) .productItemImage span {
margin: 4vw -19.5vw 0 0;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) .productItemContent {
margin-top: 0px;
padding: 0 1vw 0 1vw;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) .productItemContent .productItemModel {
max-width: 17vw;
}
body.bike .productItem.c4 .productItemImage span {
display: none !important;
}
body.bike .cartItem .cartItemImage {
background-position: center;
background-size: contain;
width: calc(19.4% - 0.8vw);
margin: 0.4vw;
}
body.bike .productItemInfo .col02 {
background-size: 82% auto;
background-position: center;
position: relative;
}
body.bike .productItemInfo .col02 span {
text-align: center;
margin: 0;
position: absolute;
right: 0px;
left: 0px;
bottom: 0.4vw;
transform: none;
}
.overlayProductAdded.overlayWindow, .rentTopBar, .rentProductsFilter, #bookingDataProductsWrapper, .rentBookingProgress {
transition: 0.3s all ease-in-out;
}
.rentBookingContent {
transition: 0.3s all ease-in-out;
}
.rentBookingContent .cartSlideInInfo {
transition: 0.3s all ease-in-out;
}
.rentBookingContent > .col02 {
transition: 0.3s all ease-in-out;
}
body.alertActive .rentProductsNotificationAlert.highZindex {
z-index: 999999 !important;
}
body.alerts-1 .overlayProductAdded, body.alerts-1 .overlayResetSearch {
top: 3vw;
}
body.alerts-1 .rentTopBar, body.alerts-1 #bookingDataTopBar {
margin-top: 3vw;
}
body.alerts-1 .rentBookingProgress {
top: 9.25vw;
}
body.alerts-1 .rentBookingContent {
margin: 9.25vw 0 0 0;
}
body.alerts-1 .rentBookingContent > .col02 {
top: 9.25vw;
height: 95vh;
}
body.alerts-2 .overlayProductAdded, body.alerts-2 .overlayResetSearch {
top: 6vw;
}
body.alerts-2 .rentTopBar, body.alerts-2 #bookingDataTopBar {
margin-top: 6vw;
}
body.alerts-2 .rentBookingProgress {
top: 12.25vw;
}
body.alerts-2 .rentBookingContent {
margin: 12.25vw 0 0 0;
}
body.alerts-2 .rentBookingContent > .col02 {
top: 12.25vw;
height: 89vh;
}
body.alerts-3 .overlayProductAdded, body.alerts-3 .overlayResetSearch {
top: 9vw;
}
body.alerts-3 .rentTopBar, body.alerts-3 #bookingDataTopBar {
margin-top: 9vw;
}
body.alerts-3 .rentBookingProgress {
top: 15.25vw;
}
body.alerts-3 .rentBookingContent {
margin: 15.25vw 0 0 0;
}
body.alerts-3 .rentBookingContent > .col02 {
top: 15.25vw;
height: 83vh;
}
body#p12 fieldset.powermail_fieldset {
padding: 0px !important;
margin: 0px !important;
}
body.iframeActive .navSlideIn {
display: none;
}
body.iframeActive .rentTopBar .support {
padding: 2.5vw 3vw;
}
body.iframeActive .rentTopBar .support a {
display: none;
}
body.iframeActive .imageSliderContainer {
margin-left: 0px;
}
body.blogIframeActive .content > .cols-100, body.blogIframeActive .content > .cols-50-50, body.blogIframeActive .content > .cols-66-33, body.blogIframeActive .content > .cols-33-66, body.blogIframeActive .content > .cols-33-33-33, body.blogIframeActive .content > .cols-60-40, body.blogIframeActive .content > .cols-40-60, body.blogIframeActive .content > .cols-75-25, body.blogIframeActive .content > .cols-25-75, body.blogIframeActive .content > .cols-25-25-25-25 {
padding: 0px !important;
}
body.blogIframeActive .navSlideIn, body.blogIframeActive .contentTopBar, body.blogIframeActive .blogTeaserSection, body.blogIframeActive footer, body.blogIframeActive .topBarMobile {
display: none;
}
body.blogIframeActive h6:nth-child(1) {
display: none;
}
body.blogIframeActive .subsite {
padding: 4.375vw 0 0 0;
}
body.blogIframeActive .container {
width: 92%;
padding: 0px !important;
}
body.blogIframeActive .imageSliderContainer {
margin-left: 0px;
}
body.minimalHeaderSection .rentSearch {
padding-bottom: 8vw;
}
body.minimalHeaderSection .rentSearch .rentSearchContentWrapper {
top: 46%;
}
body.minimalHeaderSection .rentSearch .awardChampion {
display: none;
}
.topBarMobile {
display: none;
}
.championAward {
height: auto;
padding: 0 5vw;
}
.championAward h2 {
margin-bottom: 0px;
}
.championAward .subline {
line-height: 1.2;
font-size: 1.25vw;
}
.championAward .awardImage {
margin: 1.5vw auto;
width: 9.4375vw;
height: 18vw;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.championAward p {
font-size: 0.875vw;
}
.awardChampion {
width: 11.31vw;
height: 6.01vw;
background: url(https://media.sport2000rent.com/uploads/media/images/certificates/branchen-champion-de-quer.png) no-repeat;
background-size: contain !important;
position: absolute;
bottom: 7.43vw;
}
html[lang=en] .awardChampion {
background: url(https://media.sport2000rent.com/uploads/media/images/certificates/branchen-champion-en-quer.png) no-repeat;
}
html[lang=nl] .awardChampion {
background: url(https://media.sport2000rent.com/uploads/media/images/certificates/branchen-champion-nl-quer.png) no-repeat;
}
.introContent .awardChampion {
display: none;
}
.checkboxList p {
margin: 0 0 1.5vw 0;
}
.checkboxList ul li {
list-style-type: none;
background: url('../../../fileadmin/templates/img/icon-check-green.svg') no-repeat left top 0vw;
background-size: auto 1.2vw;
padding: 0 0 0 1.65vw;
margin: 0 0 0.5vw 0;
}
.rentProceedContainer.justUpdatePersons {
height: 4vw;
}
.rentProceedContainer.justUpdatePersons .row01 {
display: none !important;
}
.sport2000rent_kundenkonto {
padding: 0 0 0vw 4.4vw;
}
.sport2000rent_kundenkonto .formFooter a.btnRedLink, .sport2000rent_kundenkonto .formFooter a.btnGreyLink {
font-size: 0.875vw;
transition: background-color 0.1s ease-in-out !important;
}
.sport2000rent_kundenkonto .navFilter {
padding: 3.5vw 3.437vw 2vw;
background-color: var(--light-grey);
}
.sport2000rent_kundenkonto .contentWrapper {
overflow: hidden;
background-color: var(--light-grey);
}
.sport2000rent_kundenkonto .contentWrapper .kundenkonto_tabcontent {
display: none;
}
.sport2000rent_kundenkonto .contentWrapper .kundenkonto_tabcontent:first-child {
display: block;
}
.sport2000rent_kundenkonto .tabContent {
padding: 4.6vw 3.437vw 4.6vw 3.437vw;
background-color: var(--light-grey);
}
.sport2000rent_kundenkonto .tabContent .invoiceDataOverview, .sport2000rent_kundenkonto .tabContent .editInvoiceData, .sport2000rent_kundenkonto .tabContent .currentBookingsOverview, .sport2000rent_kundenkonto .tabContent .pastBookingsOverview {
margin: 0 0 4vw 0;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingOverview .summaryContentContainer.bookingSummaryContentContainer {
display: flex;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingDetails {
width: 70%;
margin: 0 5% 0 0;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions {
width: 25%;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions a.btnRedLink {
font-size: 0.875vw;
display: block;
text-align: center;
margin: 0 0 0.7vw 0;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions a.btnRedLink.disabled {
background-color: var(--tertiary-color);
opacity: 0.4 !important;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
gap: 0.5vw;
margin: 0 0 0.7vw 0;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer a.btnRedLink {
flex-grow: 1;
margin: 0;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer a.btnRedLink span.linkInfo {
display: block;
width: 100%;
font-size: 0.66vw;
opacity: 0.7;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer a.btnRedLink.isLocked {
padding-top: 0.45vw;
padding-bottom: 1.175vw;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer a.btnRedLink.disabled {
pointer-events: initial !important;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer .actionInfo {
position: absolute;
background-color: #fff;
background-size: 0.3vw auto;
height: 2vw;
min-height: unset;
width: 2vw;
right: 0.3vw;
border-radius: 0.5vw;
top: 50%;
transform: translateY(-50%);
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer .actionInfo:hover {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='13px' viewBox='0 0 6 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-709,-455)' fill='%23101010' fill-rule='nonzero'%3E%3Cg id='Group-13' transform='translate(123,425)'%3E%3Cg id='Group-11' transform='translate(568,16)'%3E%3Cg id='Group-80' transform='translate(18,14)'%3E%3Cpath d='M2.80253375,3.56592781 C3.73000386,3.57456066 4.48873148,2.78592173 4.49830239,1.80324407 C4.4973437,.810972326 3.74098586,.0055900436 2.80486513,0 C1.87739503,.00507809961 1.12921994,.804888278 1.13253295,1.78751394 C1.1267812,2.25927462 1.30077234,2.71377117 1.61472267,3.04841978 C1.92915156,3.38306839 2.35717976,3.56943784 2.80246013,3.56588881 L2.80253375,3.56592781 Z M5.85148159,11.8133221 L4.74714601,11.8133221 C4.63546578,11.7117589 4.59759443,11.5467161 4.59759443,11.279096 L4.59759443,4.80998552 L0,4.98569489 L0,5.74742283 C0.272255532,5.74742283 .53011789,5.73980555 .787992518,5.74742283 C1.41397901,5.77230632 1.61144648,5.99168174 1.61241584,6.64168681 L1.61241584,11.1241218 C1.61481249,11.2485366 1.60858134,11.3734637 1.59372312,11.4973677 C1.57934344,11.6156894 1.52853664,11.7258835 1.44896927,11.8106961 L0.300533885,11.8106961 C0.219051098,11.811204 .153387304,11.8812828 .153387304,11.9676073 L0.153387304,12.8441002 C0.153387304,12.8852338 .168725298,12.9248425 .196525106,12.9542968 C0.223846368,12.9837499 .261711581,13 .300536339,13 L5.85141778,13 C5.93338034,13 5.99952145,12.9304287 6,12.8441028 L6,11.970145 C6,11.8833082 5.93385521,11.8132337 5.85141778,11.8132337 L5.85148159,11.8133221 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-color: #fff;
border-color: #CCCCCC;
}
.sport2000rent_kundenkonto .tabContent .rentBookingContent {
margin: 0px;
padding: 0px;
}
.sport2000rent_kundenkonto .tabContent .rentBookingContent .formFooter {
display: flex;
justify-content: space-between;
margin: 1vw 0 0 0;
}
.sport2000rent_kundenkonto .tabContent .rentBookingContent .formFooter .formRequiredInfo {
margin: 0px;
}
.sport2000rent_kundenkonto .kundenkontoLoadingWrapper {
width: 100%;
height: 5vw;
position: relative;
}
.sport2000rent_kundenkonto #bookingsBike .cartItem .cartItemImage {
width: calc(19.4% - 0.8vw);
margin: 0.4vw;
background-position: center;
background-size: contain;
}
.sport2000rent_kundenkonto #bookingsSki .cartItem .cartItemImage {
width: 19.4%;
margin: 0.45vw 0 0 0;
background-size: auto 100%;
background-position: center bottom 0;
}
.sport2000rent_kundenkonto .bookingDetails .rentSummaryBox .rentSummaryTitle, .sport2000rent_stornodetail .bookingDetails .rentSummaryBox .rentSummaryTitle {
font-size: 0.9375vw;
}
.sport2000rent_kundenkonto .bookingDetails .rentSummaryBox .rentSummaryContentItem .label, .sport2000rent_kundenkonto .bookingDetails .rentSummaryBox .rentSummaryContentItem .value, .sport2000rent_stornodetail .bookingDetails .rentSummaryBox .rentSummaryContentItem .label, .sport2000rent_stornodetail .bookingDetails .rentSummaryBox .rentSummaryContentItem .value {
font-size: 0.875vw;
}
.sport2000rent_kundenkonto .invoiceData .rentSummaryContentItem .label, .sport2000rent_kundenkonto .invoiceData .rentSummaryContentItem .value, .sport2000rent_stornodetail .invoiceData .rentSummaryContentItem .label, .sport2000rent_stornodetail .invoiceData .rentSummaryContentItem .value {
font-size: 0.875vw;
}
.sport2000rent_kundenkonto .rentSummaryBox, .sport2000rent_stornodetail .rentSummaryBox {
background-color: #ffffff;
}
.sport2000rent_kundenkonto_clientlogin .clientlogout, .rentSearchDefaultFormContainer .clientlogout {
padding: 0 2vw;
}
.sport2000rent_kundenkonto_clientlogin .clientlogout a, .rentSearchDefaultFormContainer .clientlogout a {
display: block;
text-align: center;
margin: 0 auto 0.7vw auto;
transition: background-color 0.1s ease-in-out !important;
}
.sport2000rent_kundenkonto_clientlogin .navSlideInContentSubline .alert, .rentSearchDefaultFormContainer .navSlideInContentSubline .alert {
display: none;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-441,-13)'%3E%3Cg id='Group-7' transform='translate(70,0)'%3E%3Cg id='Group-195' transform='translate(371,13)'%3E%3Cg id='Group-6'%3E%3Ccircle id='Oval' stroke='%23d10019' stroke-width='2' fill='%23d10019' cx='12' cy='12' r='11'%3E%3C/circle%3E%3Cpath d='M13.521084,15.8892141 C13.521084,15.0770515 12.8672954,14.4224173 12.0542873,14.4224173 C11.2421247,14.4224173 10.568,15.076206 10.568,15.8892141 C10.568,16.7013767 11.2421247,17.3755014 12.0542873,17.3755014 C12.8664499,17.3755014 13.521084,16.7013767 13.521084,15.8892141 Z' id='Path' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M12.0542873,12.9361518 C11.5190461,12.9361518 11.12271,12.5000108 11.0634363,11.9453008 L10.568,7.52622222 C10.4883924,6.75301897 11.3013984,6.03993496 12.0542873,6.03993496 C12.8071762,6.03993496 13.6201843,6.75301897 13.521084,7.52622222 L13.0451382,11.9453008 C12.9858558,12.5000108 12.5895068,12.9361518 12.0542873,12.9361518 L12.0542873,12.9361518 Z' id='Path' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 1.5vw auto;
min-height: 1.5vw;
margin: 0 0 0.8vw 0;
}
.sport2000rent_kundenkonto_clientlogin .navSlideInContentSubline .message, .rentSearchDefaultFormContainer .navSlideInContentSubline .message {
font-size: 1vw;
}
.sport2000rent_kundenkonto_clientlogin .navSlideInContentSubline .list ul, .rentSearchDefaultFormContainer .navSlideInContentSubline .list ul {
text-align: left;
padding: 0 1.5vw;
margin: 2vw 0 0 0;
}
.sport2000rent_kundenkonto_clientlogin .navSlideInContentSubline .list ul li, .rentSearchDefaultFormContainer .navSlideInContentSubline .list ul li {
list-style-type: none;
font-size: 1vw;
background: url('../../../fileadmin/templates/img/icon-check-grey.svg') no-repeat left top;
padding: 0.09vw 0 0 1.6vw;
background-size: 1.1vw auto;
margin: 0vw 0 0.6vw 0;
}
.sport2000rent_kundenkonto_clientlogin .step2, .sport2000rent_kundenkonto_clientlogin .pinAuthentication, .rentSearchDefaultFormContainer .step2, .rentSearchDefaultFormContainer .pinAuthentication {
display: none;
}
.sport2000rent_kundenkonto_clientlogin .step2 .codeWrapper, .sport2000rent_kundenkonto_clientlogin .pinAuthentication .codeWrapper, .rentSearchDefaultFormContainer .step2 .codeWrapper, .rentSearchDefaultFormContainer .pinAuthentication .codeWrapper {
width: auto;
overflow: hidden;
display: table;
margin: 0 0 0.75vw 0;
display: flex;
justify-content: space-between;
}
.sport2000rent_kundenkonto_clientlogin .step2 .codeWrapper label, .sport2000rent_kundenkonto_clientlogin .pinAuthentication .codeWrapper label, .rentSearchDefaultFormContainer .step2 .codeWrapper label, .rentSearchDefaultFormContainer .pinAuthentication .codeWrapper label {
display: none;
}
.sport2000rent_kundenkonto_clientlogin .step2 .codeWrapper input.code, .sport2000rent_kundenkonto_clientlogin .pinAuthentication .codeWrapper input.code, .rentSearchDefaultFormContainer .step2 .codeWrapper input.code, .rentSearchDefaultFormContainer .pinAuthentication .codeWrapper input.code {
text-align: center;
box-sizing: border-box;
width: 3vw;
padding: 0.5vw;
height: 3vw;
position: relative;
display: block !important;
font-size: 1.3vw;
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
border: none;
}
.sport2000rent_kundenkonto_clientlogin .step2 .codeWrapper input.code.validateError, .sport2000rent_kundenkonto_clientlogin .pinAuthentication .codeWrapper input.code.validateError, .rentSearchDefaultFormContainer .step2 .codeWrapper input.code.validateError, .rentSearchDefaultFormContainer .pinAuthentication .codeWrapper input.code.validateError {
border: 2px solid var(--primary-color) !important;
}
.sport2000rent_kundenkonto_clientlogin .step2 .codeWrapper input.code::-webkit-outer-spin-button,
.sport2000rent_kundenkonto_clientlogin .step2 .codeWrapper input.code::-webkit-inner-spin-button, .sport2000rent_kundenkonto_clientlogin .pinAuthentication .codeWrapper input.code::-webkit-outer-spin-button,
.sport2000rent_kundenkonto_clientlogin .pinAuthentication .codeWrapper input.code::-webkit-inner-spin-button, .rentSearchDefaultFormContainer .step2 .codeWrapper input.code::-webkit-outer-spin-button,
.rentSearchDefaultFormContainer .step2 .codeWrapper input.code::-webkit-inner-spin-button, .rentSearchDefaultFormContainer .pinAuthentication .codeWrapper input.code::-webkit-outer-spin-button,
.rentSearchDefaultFormContainer .pinAuthentication .codeWrapper input.code::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sport2000rent_kundenkonto_clientlogin .step2 .codeWrapper input.code[type=number], .sport2000rent_kundenkonto_clientlogin .pinAuthentication .codeWrapper input.code[type=number], .rentSearchDefaultFormContainer .step2 .codeWrapper input.code[type=number], .rentSearchDefaultFormContainer .pinAuthentication .codeWrapper input.code[type=number] {
-moz-appearance: textfield;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks, .rentSearchDefaultFormContainer .additionalLinks {
display: none;
margin: 1.5vw 0 0 0;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks a, .rentSearchDefaultFormContainer .additionalLinks a {
text-align: left;
font-family: var(--font-special-bold);
color: #ffffff;
display: block;
margin: 0 0 0.5vw 0;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks a#clientlogin_resendPassword, .sport2000rent_kundenkonto_clientlogin .additionalLinks a#storno_resendPassword, .rentSearchDefaultFormContainer .additionalLinks a#clientlogin_resendPassword, .rentSearchDefaultFormContainer .additionalLinks a#storno_resendPassword {
background: url('../../../fileadmin/templates/img/icon-login-repeat.svg') no-repeat left top;
background-size: auto 1vw;
padding: 0 0 0 2vw;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks a#clientlogin_resendPassword.resent, .sport2000rent_kundenkonto_clientlogin .additionalLinks a#storno_resendPassword.resent, .rentSearchDefaultFormContainer .additionalLinks a#clientlogin_resendPassword.resent, .rentSearchDefaultFormContainer .additionalLinks a#storno_resendPassword.resent {
background: url('../../../fileadmin/templates/img/icon-check-green.svg') no-repeat left 0.16vw top;
background-size: auto 1.1vw;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks a#clientlogin_changeEmail, .rentSearchDefaultFormContainer .additionalLinks a#clientlogin_changeEmail {
background: url('../../../fileadmin/templates/img/icon-login-arrow.svg') no-repeat left top 0.1vw;
background-size: auto 0.812vw;
padding: 0 0 0 2vw;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks.dark a, .rentSearchDefaultFormContainer .additionalLinks.dark a {
color: #000;
}
.bookingprocessInfoBox {
padding: 1.5625vw 1.5625vw 1.875vw 1.5625vw;
margin: 1vw 0 1.5vw 0;
border-radius: 0.725vw;
border: solid 2px #e5e5e5;
background-color: var(--light-grey);
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent {
position: relative;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper {
display: block;
width: 43vw;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper p {
margin: 0px;
line-height: 1.5;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper p em {
color: var(--dynamic-primary-color-dark);
font-style: normal;
font-weight: 500;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper .headline {
font-family: var(--font-special-bold);
font-size: 1.375vw;
letter-spacing: -0.005vw;
color: var(--dynamic-primary-color);
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper .headline p {
color: var(--dynamic-primary-color);
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper .text {
font-size: 1vw;
font-weight: 400;
color: #101010;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper .text a {
color: var(--dynamic-primary-color-dark);
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper .text a:hover {
text-decoration: underline;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent a.saveBasketLink {
color: var(--dynamic-primary-color-dark);
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent a.saveBasketLink:hover {
text-decoration: underline;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent a.btnRedLink, .bookingprocessInfoBox .bookingprocessInfoBoxContent .btnRed {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput {
display: none;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput label {
display: none;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput textarea {
margin: 1vw 0 0 0;
padding: 0.5vw;
width: 100%;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput textarea.hasError {
border: solid 2px var(--primary-color);
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput #basketCommentCounter {
font-size: 0.875vw;
margin: 0.5vw 0 0 0;
float: left;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput a.btnRedLink, .bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput .btnRed {
margin: 1vw 0 0 0;
position: relative;
top: unset;
transform: none;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput a.cancel {
font-size: 0.75vw;
font-weight: 600;
color: #101010;
margin: 1vw 1vw 0 0;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput a.cancel:hover {
color: var(--dynamic-primary-color);
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput .basketCommentActions {
display: flex;
justify-content: flex-end;
align-items: center;
}
.kundenkontoAdvantages {
margin: 3vw 0 3vw 0;
border: 2px solid var(--secondary-color);
background-color: var(--light-grey);
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent {
position: relative;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .icon {
position: absolute;
top: 0px;
left: 0px;
width: 5vw;
height: 100%;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='22px' viewBox='0 0 20 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M9.94446047,12.9872553 C7.92593488,12.9882545 6.02129767,12.0499274 4.79211163,10.4480972 C3.56300233,8.84626693 3.14830233,6.76488786 3.66993256,4.81430647 C4.19256047,2.86472275 5.59153023,1.26795763 7.45623488,.495399493 C9.32188605,-.278028414 11.4402814,-.140144693 13.1890256,.869118097 C14.9377442,1.87838089 16.1168163,3.64316461 16.3815837,5.64465298 C16.6453791,7.64619252 15.962893,9.65683903 14.5359372,11.0847925 C13.3208209,12.3068925 11.668007,12.9923972 9.94433256,12.9874358 L9.94446047,12.9872553 Z M9.94446047,1.99723205 L9.94446047,1.99823126 C8.7513186,1.99823126 7.60716512,2.47189638 6.76366977,3.31526382 C5.92027674,4.15965452 5.44663721,5.303808 5.44763331,6.49707777 C5.44763331,7.69021963 5.92229767,8.83437312 6.76566512,9.67684521 C7.61005581,10.5202382 8.75520698,10.9938778 9.94747907,10.9928817 C11.1406209,10.9918809 12.2847744,10.516222 13.1272465,9.67183126 C13.9706395,8.82744056 14.4432814,7.68328707 14.4412923,6.49001731 C14.4392874,5.29889638 13.9646279,4.15671266 13.1212349,3.31434289 C12.2778419,2.47294521 11.1356837,1.99930568 9.94453721,1.998308 L9.94446047,1.99723205 Z M18.8900186,21.9328134 L18.8900186,21.9338127 C18.3384326,21.9338127 17.8917558,21.4861382 17.8917558,20.9345522 C17.8917558,18.0955289 16.3768512,15.4716452 13.917686,14.0526452 C11.4594674,12.6326731 8.4297093,12.6326731 5.97159302,14.0526452 C3.51237674,15.4716196 1.99752326,18.0957847 1.99752326,20.9345522 C1.99752326,21.4861382 1.55084651,21.9338127 .999260465,21.9338127 C0.447674419,21.9338127 0,21.4861382 0,20.9345522 C0.0019984186,17.8517382 1.43296744,14.943901 3.87430233,13.0613661 C6.31653256,11.1797266 9.49325581,10.536201 12.4750233,11.3186336 C15.4567907,12.1020638 17.9059535,14.223401 19.1082791,17.0624243 C19.6268907,18.2875429 19.892707,19.6045754 19.889739,20.9346801 C19.889739,21.1994987 19.7847893,21.4542894 19.5979326,21.6411615 C19.4100679,21.8290261 19.1562442,21.9339406 18.8904535,21.9339406 L18.8900186,21.9328134 Z' id='Shape' fill='%23ffffff' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-color: var(--secondary-color);
background-size: 2.625vw auto;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper {
margin: 0 0 0 5vw;
padding: 0.9vw 0.5vw 0.9vw 1.8vw;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper p {
margin: 0px;
line-height: 1.5;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper .ce-bodytext {
width: 100%;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper .headline {
font-family: var(--font-special-bold);
font-size: 1.375vw;
letter-spacing: -0.005vw;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper .list ul {
margin: 0px;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper .list ul li {
margin: 0px;
list-style-type: none;
display: inline-block;
background: url('../../../fileadmin/templates/img/icon-check-green.svg') no-repeat left center;
padding: 0 0 0 1.5vw;
font-size: 0.8125vw;
font-weight: 500;
background-size: 1.2vw auto;
margin: 0 1.3vw 0.3vw 0vw;
}
.tx-sport2000rent .typo3-messages {
display: none !important;
}
.sport2000rent_storno .rentSearchDefaultFormContainer {
max-width: 30vw;
}
.sport2000rent_storno .rentSearchDefaultFormContainer .message {
margin: 0 0 1.5vw 0;
}
.sport2000rent_storno .rentSearchDefaultFormContainer .codeWrapper {
margin: 0 0 1vw 0;
}
.sport2000rent_storno .rentSearchDefaultFormContainer .codeWrapper input.code[type=number] {
border: 1px solid var(--input-border);
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
font-size: 0.875vw;
}
.sport2000rent_storno .rentSearchDefaultFormContainer #submitStornoDataForm {
margin-bottom: 1vw;
}
.sport2000rent_storno .rentSearchDefaultFormContainer #storno_resendPassword {
background: url('../../../fileadmin/templates/img/icon-login-repeat-black.svg') no-repeat left top !important;
background-size: auto 1vw !important;
}
.sport2000rent_storno .rentSearchDefaultFormContainer #storno_resendPassword:hover {
color: var(--primary-color);
}
.sport2000rent_stornodetail {
padding: 0 0 0vw 4.4vw;
}
.sport2000rent_stornodetail .stornoDetailWrapper {
padding: 4.6vw 14.5vw;
background-color: var(--light-grey);
}
.sport2000rent_stornodetail .stornoDetailWrapper .rentSummaryBox {
background-color: #fff;
margin-bottom: 2vw;
}
.sport2000rent_stornodetail .requestFreeCancellation {
margin: 0.75vw 0 1.5vw 0;
}
.sport2000rent_stornodetail .radioBtnWrapper {
position: relative;
display: inline-block;
margin: 0 1.5vw 0 0;
}
.sport2000rent_stornodetail .radioBtnWrapper label {
margin-left: 1.75vw;
}
.sport2000rent_stornodetail .stornoReasonsHeadline {
margin: 0 0 0.75vw 0;
}
.sport2000rent_stornodetail .ui-accordion .rentSummaryContent.ui-accordion-content {
overflow: unset;
}
.sport2000rent_stornodetail .stornoReasons {
width: 16vw;
margin: 0 0 1vw 0;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #drop {
border: 1px dashed #B8B9BF;
border-radius: 0.3125vw;
text-align: center;
padding: 1.5vw 3vw 2.5vw 3vw;
cursor: pointer;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #drop span#documentTitle {
font-weight: bold;
display: block;
margin: 1vw 0 1vw 0;
height: auto;
width: 100%;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #drop span#infoText {
margin: 0vw 0 2.5vw 0;
height: auto;
display: inline-block;
width: 80%;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #drop .hiddenFileInput {
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #fileList {
position: relative;
margin: 1vw 0 1.5vw 0;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #fileList li {
list-style-type: none;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #fileList .fileData {
font-size: 0.875vw;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #fileList i {
display: none;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm span.remove {
position: relative;
padding: 0.5vw;
margin: 0 0 0 0.5vw;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='24px' viewBox='0 0 20 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1541,-218)' fill='%239E9E9E' fill-rule='nonzero'%3E%3Cg id='Group-32' transform='translate(1080,0)'%3E%3Cg id='Group-30' transform='translate(25,138)'%3E%3Cg id='Group-29' transform='translate(0,43)'%3E%3Cg id='Group-27' transform='translate(436,37)'%3E%3Cpath d='M19.1479982,5.58510638 C19.1479982,4.26362553 18.0757088,3.19148936 16.754228,3.19148936 L14.2808237,3.19148936 C14.0953191,2.29090213 13.6056322,1.48205106 12.8935216,.900587234 C12.181411,.319148936 11.2908067,.000995744682 10.3712493,1.15260182e-12 L8.77550459,1.15260182e-12 C7.85594714,.000998297873 6.96534288,.319148936 6.25323225,.900587234 C5.54112161,1.48202553 5.05144501,2.2908766 4.86593012,3.19148936 L2.39252586,3.19148936 C1.22763225,3.18949532 .232296075,4.02725106 .0348067131,5.17519149 C-0.162667329,6.32213617 .496576926,7.44513191 1.59465352,7.83204255 L1.59465352,20.1381702 C1.59565182,21.1454809 1.99657693,22.1109191 2.70868756,22.8220854 C3.41980246,23.534196 4.38521522,23.9351237 5.39260246,23.9361194 L13.7543046,23.9361194 C14.7616152,23.9351221 15.7270535,23.534196 16.4382195,22.8220854 C17.1503301,22.1109702 17.5512578,21.1455574 17.5522535,20.1381702 L17.5522535,7.83204255 C18.5047216,7.49494468 19.1440152,6.59532766 19.1479982,5.58502979 L19.1479982,5.58510638 Z M8.77550459,1.59574468 L10.3712493,1.59574468 C11.3815471,1.59973277 12.2811642,2.23902128 12.618262,3.19148936 L6.52838969,3.19148936 C6.86548756,2.23902128 7.76510459,1.59972766 8.77540246,1.59574468 L8.77550459,1.59574468 Z M13.754228,22.3404255 L5.39252586,22.3404255 C4.17677267,22.3394283 3.19139395,21.3540511 3.1903982,20.1382979 L3.1903982,7.9787234 L15.9563556,7.9787234 L15.9563556,20.1382979 C15.9553574,21.3540511 14.9699812,22.3394298 13.754228,22.3404255 Z M16.754228,6.38297872 L2.39252586,6.38297872 C1.95169182,6.38297872 1.59465352,6.02594043 1.59465352,5.58510638 C1.59465352,5.14427234 1.95169182,4.78723404 2.39252586,4.78723404 L16.754228,4.78723404 C17.195062,4.78723404 17.5521003,5.14427234 17.5521003,5.58510638 C17.5521003,6.02594043 17.195062,6.38297872 16.754228,6.38297872 Z' id='Fill-1'%3E%3C/path%3E%3Cpath d='M7.1797599,10.3723404 C6.73892586,10.3723404 6.38188756,10.7293787 6.38188756,11.1702128 L6.38188756,19.1489362 C6.38188756,19.5897702 6.73892586,19.9468085 7.1797599,19.9468085 C7.62059395,19.9468085 7.97763225,19.5897702 7.97763225,19.1489362 L7.97763225,11.1702128 C7.97763225,10.9587779 7.89385693,10.7553191 7.74425522,10.6057277 C7.59465352,10.456126 7.3911999,10.3723404 7.17977012,10.3723404 L7.1797599,10.3723404 Z' id='Fill-2'%3E%3C/path%3E%3Cpath d='M11.9669939,10.3723404 C11.5261599,10.3723404 11.1691216,10.7293787 11.1691216,11.1702128 L11.1691216,19.1489362 C11.1691216,19.5897702 11.5261599,19.9468085 11.9669939,19.9468085 C12.407828,19.9468085 12.7648663,19.5897702 12.7648663,19.1489362 L12.7648663,11.1702128 C12.7648663,10.9587779 12.681091,10.7553191 12.5314893,10.6057277 C12.3818876,10.456126 12.1784339,10.3723404 11.9670042,10.3723404 L11.9669939,10.3723404 Z' id='Fill-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center 0.5vw;
background-size: 1vw auto;
cursor: pointer;
color: transparent;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm span.remove:hover, .sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm span.remove:focus, .sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm span.remove:active {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='24px' viewBox='0 0 20 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1541,-218)' fill='%23d10019' fill-rule='nonzero'%3E%3Cg id='Group-32' transform='translate(1080,0)'%3E%3Cg id='Group-30' transform='translate(25,138)'%3E%3Cg id='Group-29' transform='translate(0,43)'%3E%3Cg id='Group-27' transform='translate(436,37)'%3E%3Cpath d='M19.1479982,5.58510638 C19.1479982,4.26362553 18.0757088,3.19148936 16.754228,3.19148936 L14.2808237,3.19148936 C14.0953191,2.29090213 13.6056322,1.48205106 12.8935216,.900587234 C12.181411,.319148936 11.2908067,.000995744682 10.3712493,1.15260182e-12 L8.77550459,1.15260182e-12 C7.85594714,.000998297873 6.96534288,.319148936 6.25323225,.900587234 C5.54112161,1.48202553 5.05144501,2.2908766 4.86593012,3.19148936 L2.39252586,3.19148936 C1.22763225,3.18949532 .232296075,4.02725106 .0348067131,5.17519149 C-0.162667329,6.32213617 .496576926,7.44513191 1.59465352,7.83204255 L1.59465352,20.1381702 C1.59565182,21.1454809 1.99657693,22.1109191 2.70868756,22.8220854 C3.41980246,23.534196 4.38521522,23.9351237 5.39260246,23.9361194 L13.7543046,23.9361194 C14.7616152,23.9351221 15.7270535,23.534196 16.4382195,22.8220854 C17.1503301,22.1109702 17.5512578,21.1455574 17.5522535,20.1381702 L17.5522535,7.83204255 C18.5047216,7.49494468 19.1440152,6.59532766 19.1479982,5.58502979 L19.1479982,5.58510638 Z M8.77550459,1.59574468 L10.3712493,1.59574468 C11.3815471,1.59973277 12.2811642,2.23902128 12.618262,3.19148936 L6.52838969,3.19148936 C6.86548756,2.23902128 7.76510459,1.59972766 8.77540246,1.59574468 L8.77550459,1.59574468 Z M13.754228,22.3404255 L5.39252586,22.3404255 C4.17677267,22.3394283 3.19139395,21.3540511 3.1903982,20.1382979 L3.1903982,7.9787234 L15.9563556,7.9787234 L15.9563556,20.1382979 C15.9553574,21.3540511 14.9699812,22.3394298 13.754228,22.3404255 Z M16.754228,6.38297872 L2.39252586,6.38297872 C1.95169182,6.38297872 1.59465352,6.02594043 1.59465352,5.58510638 C1.59465352,5.14427234 1.95169182,4.78723404 2.39252586,4.78723404 L16.754228,4.78723404 C17.195062,4.78723404 17.5521003,5.14427234 17.5521003,5.58510638 C17.5521003,6.02594043 17.195062,6.38297872 16.754228,6.38297872 Z' id='Fill-1'%3E%3C/path%3E%3Cpath d='M7.1797599,10.3723404 C6.73892586,10.3723404 6.38188756,10.7293787 6.38188756,11.1702128 L6.38188756,19.1489362 C6.38188756,19.5897702 6.73892586,19.9468085 7.1797599,19.9468085 C7.62059395,19.9468085 7.97763225,19.5897702 7.97763225,19.1489362 L7.97763225,11.1702128 C7.97763225,10.9587779 7.89385693,10.7553191 7.74425522,10.6057277 C7.59465352,10.456126 7.3911999,10.3723404 7.17977012,10.3723404 L7.1797599,10.3723404 Z' id='Fill-2'%3E%3C/path%3E%3Cpath d='M11.9669939,10.3723404 C11.5261599,10.3723404 11.1691216,10.7293787 11.1691216,11.1702128 L11.1691216,19.1489362 C11.1691216,19.5897702 11.5261599,19.9468085 11.9669939,19.9468085 C12.407828,19.9468085 12.7648663,19.5897702 12.7648663,19.1489362 L12.7648663,11.1702128 C12.7648663,10.9587779 12.681091,10.7553191 12.5314893,10.6057277 C12.3818876,10.456126 12.1784339,10.3723404 11.9670042,10.3723404 L11.9669939,10.3723404 Z' id='Fill-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm .progressBar {
position: relative;
width: 100%;
height: 0.5vw;
border-radius: 0.3125vw;
background-color: lightgrey;
margin: 0 0 1vw 0;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm .progressBar .progress {
background-color: var(--primary-color);
border-radius: 0.3125vw;
height: 0.5vw;
}
.sport2000rent_stornodetail .cancellationReasons.validationError label {
color: var(--primary-color) !important;
}
.sport2000rent_stornodetail #drop.validationError {
border: 2px dashed var(--primary-color) !important;
}
.sport2000rent_stornodetail .stornoAmount {
font-weight: bold;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-441,-13)'%3E%3Cg id='Group-7' transform='translate(70,0)'%3E%3Cg id='Group-195' transform='translate(371,13)'%3E%3Cg id='Group-6'%3E%3Ccircle id='Oval' stroke='%23d10019' stroke-width='2' fill='%23d10019' cx='12' cy='12' r='11'%3E%3C/circle%3E%3Cpath d='M13.521084,15.8892141 C13.521084,15.0770515 12.8672954,14.4224173 12.0542873,14.4224173 C11.2421247,14.4224173 10.568,15.076206 10.568,15.8892141 C10.568,16.7013767 11.2421247,17.3755014 12.0542873,17.3755014 C12.8664499,17.3755014 13.521084,16.7013767 13.521084,15.8892141 Z' id='Path' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M12.0542873,12.9361518 C11.5190461,12.9361518 11.12271,12.5000108 11.0634363,11.9453008 L10.568,7.52622222 C10.4883924,6.75301897 11.3013984,6.03993496 12.0542873,6.03993496 C12.8071762,6.03993496 13.6201843,6.75301897 13.521084,7.52622222 L13.0451382,11.9453008 C12.9858558,12.5000108 12.5895068,12.9361518 12.0542873,12.9361518 L12.0542873,12.9361518 Z' id='Path' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 0.05vw;
background-size: 1vw auto;
padding: 0 0 0 1.4vw;
margin: 0 0 1.5vw 0;
}
#p2612 .burger, #p2612 .navSlideInAppSwitch, #p2612 .navSlideInNewsletter, #p2612 .navSlideInLogin, #p2612 .navSlideInInstagram, #p2612 .navSlideInFacebook, #p2612 .appSwitch, #p2612 .breadcrumbs, #p2612 #c70, #p2612 #c71, #p2612 #c72, #p2612 #c73, #p2612 .navSlideInContentLogo, #p2612 .bookingprocessLoginBox, .whiteLabel .burger, .whiteLabel .navSlideInAppSwitch, .whiteLabel .navSlideInNewsletter, .whiteLabel .navSlideInLogin, .whiteLabel .navSlideInInstagram, .whiteLabel .navSlideInFacebook, .whiteLabel .appSwitch, .whiteLabel .breadcrumbs, .whiteLabel #c70, .whiteLabel #c71, .whiteLabel #c72, .whiteLabel #c73, .whiteLabel .navSlideInContentLogo, .whiteLabel .bookingprocessLoginBox {
display: none !important;
}
#p2612 .navSlideIn .navSlideInLanguage, .whiteLabel .navSlideIn .navSlideInLanguage {
bottom: 3.3125vw;
}
#p2612 footer .footerRow01 .footerCol03, .whiteLabel footer .footerRow01 .footerCol03 {
float: right;
}
#p2612 footer .footerRow01, .whiteLabel footer .footerRow01 {
padding-top: 3vw;
padding-bottom: 3vw;
}
#p2612 .trustIcons img, .whiteLabel .trustIcons img {
margin: 0;
}
#p2612 #navSlideInMenuSection, .whiteLabel #navSlideInMenuSection {
display: none !important;
}
#p2612 #navSlideInLanguageSection, .whiteLabel #navSlideInLanguageSection {
opacity: 1 !important;
z-index: 10 !important;
display: block !important;
visibility: visible !important;
}
#p2612 .navSlideIn .navSlideInClose, .whiteLabel .navSlideIn .navSlideInClose {
z-index: 50;
}
#p2612 .icheckbox_square.checked, .whiteLabel .icheckbox_square.checked {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-checkbox-checked-grey.png');
}
#p2612 .iradio_square, .whiteLabel .iradio_square {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-radio-grey.png');
}
#p2612 .rentTopBar .currencySelector, .whiteLabel .rentTopBar .currencySelector {
z-index: 100;
}
@media screen and (max-width: 1024px) and (min-width: 801px) {
body {
font-size: 1.2vw;
}
.content .ce-bodytext h2.text-center em,
.content .ce-bodytext h2.text-center i,
.fancyboxWrapper .ce-bodytext h2.text-center em,
.fancyboxWrapper .ce-bodytext h2.text-center i,
.tx-dim-faq .innerContent h2.text-center em,
.tx-dim-faq .innerContent h2.text-center i {
font-size: 1.2vw;
}
.burger .burger-lines {
height: 3px;
}
.burger .burger-lines:after {
left: 0;
top: -6px;
}
.burger .burger-lines:before {
left: 0;
top: 6px;
}
.navSlideIn .navSlideInNewsletter span {
font-size: 1vw;
}
.navSlideIn .navSlideInAppSwitch p {
margin: 0px;
}
.navSlideIn .navSlideInAppSwitch p a {
font-size: 1vw;
color: #fff !important;
}
.bottomHighlight {
bottom: 2vw;
left: 7.15vw;
}
.rentSearch {
max-height: 64vw;
padding: 0 0 14vw 7.15vw;
}
.rentSearch .headline, .rentSearch .introLine {
max-width: 36vw;
}
.rentSearch .introLine {
font-size: 1.2vw;
}
.rentSearch .subline {
max-width: 31vw;
}
.rentSearch .subline p {
font-size: 1.5vw;
}
.rentSearch .rentSearchFormContainer,
.stickySearchBar .rentSearchFormContainer {
width: 76.7vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm,
.stickySearchBar .rentSearchFormContainer .rentSearchForm {
width: 76vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results .category,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results .category {
font-size: 0.9vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .title,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .title {
font-size: 1.1vw;
font-weight: 700;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .subtitle,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .subtitle {
font-size: 1.05vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .rating, .rentSearch .rentSearchFormContainer .rentSearchForm .results ul li .rentalPeriod,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .rating,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results ul li .rentalPeriod {
font-size: 1vw;
}
.rentSearch .rentSearchFormContainer input[type=text],
.stickySearchBar .rentSearchFormContainer input[type=text] {
font-size: 1.35vw;
}
.rentSearch .rentSearchFormContainer .rentSearchFormLocation input,
.stickySearchBar .rentSearchFormContainer .rentSearchFormLocation input {
width: 40.3vw;
}
.rentSearch .rentSearchFormContainer .rentSearchFormSubmit input,
.stickySearchBar .rentSearchFormContainer .rentSearchFormSubmit input {
height: 2.85vw;
width: 10.5vw;
}
.rentSearch .rentSearchFormContainer .rentSearchFormSubmit input:hover,
.stickySearchBar .rentSearchFormContainer .rentSearchFormSubmit input:hover {
padding: 0 1vw 0 0 !important;
}
.rentSearch .rentSearchFormContainer button.bookingDatePresentation,
.stickySearchBar .rentSearchFormContainer button.bookingDatePresentation {
width: 11vw;
font-size: 1.1vw;
height: 2.85vw;
}
.rentSearch .rentSearchFormContainer .selectedShop .title,
.stickySearchBar .rentSearchFormContainer .selectedShop .title {
font-size: 1.2vw;
}
.rentSearch .rentSearchFormContainer .selectedShop .subtitle,
.stickySearchBar .rentSearchFormContainer .selectedShop .subtitle {
font-size: 1.05vw;
}
.rentSearch .shopInfo,
.stickySearchBar .shopInfo {
width: 2.85vw;
height: 2.85vw;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .results .mapBtnWrapper a,
.stickySearchBar .rentSearchFormContainer .rentSearchForm .results .mapBtnWrapper a {
font-size: 0.875vw;
}
.btnGreyLink,
.btnGreenLink,
.btnWhiteLink,
.btnRed a,
.btnRedLink {
font-size: 0.95vw;
}
.stickySearchBar .rentSearchFormContainer .rentSearchForm {
width: 79vw;
}
.completeTotalRatingWrapper .totalRatingInfo {
font-size: 1vw;
}
.ratingHighlightsContainer .ratingHighlightItem, .ratingHighlightsContainer .questionRating, .ratingOverviewContainer .ratingHighlightItem, .ratingOverviewContainer .questionRating {
font-size: 1.03vw;
}
.ratingHighlightsContainer .ratingHighlightItem .ratingText, .ratingHighlightsContainer .questionRating .ratingText, .ratingOverviewContainer .ratingHighlightItem .ratingText, .ratingOverviewContainer .questionRating .ratingText {
line-height: 1.5;
}
.ratingHighlightsContainer .ratingHighlightItem .ratingUser, .ratingHighlightsContainer .questionRating .ratingUser, .ratingOverviewContainer .ratingHighlightItem .ratingUser, .ratingOverviewContainer .questionRating .ratingUser {
font-size: 0.95vw;
}
.uspSection .col01, .uspSection .col02, .uspSection .col03 {
height: 45vw;
}
.uspSection h2 {
font-size: 1.2vw;
}
.uspSection ul {
margin: 0 0 3vw 0;
}
.uspSection .headline p {
font-size: 3.35vw;
letter-spacing: -0.07vw;
}
.contentSliderContainer {
height: 40vw;
}
.contentSliderContainer .contentSlider {
height: 40vw;
}
.contentSliderContainer .contentSlider .contentSliderItem {
height: 40vw;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol01, .contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol02 {
height: 40vw;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol01 {
background-repeat: no-repeat;
background-position: 30% 100%;
}
.championAward p {
font-size: 1vw !important;
}
.navSlideIn .navSlideInContentMenu .submenuToggle {
top: 5px;
}
.navSlideIn .navSlideInContentMenu nav ul li a {
font-size: 1.2vw;
padding: 1.5vw 2vw 1.8vw 2vw;
}
.navSlideIn .navSlideInContentMenu nav ul li ul li a {
font-size: 0.95vw;
padding: 1vw 2vw 1.2vw 2vw;
}
.navSlideIn .navSlideInContentMenu .navSlideInContentContact {
font-size: 0.95vw;
margin: 5.5vw 0 3.5vw 0;
}
.navSlideIn .navSlideInContentMenu .btnRed .ce-bodytext a {
font-size: 1vw;
}
.navSlideIn .navSlideInContentMenu .btnRed a {
padding: 0.7vw 1vw 0.9vw 1vw;
}
.slideInRight .slideInRightContentSection {
font-size: 1.1vw;
letter-spacing: -0.01vw;
}
footer .breadcrumbs ol li a {
font-size: 0.875vw;
}
footer .footerRow01 .footerCol01 {
font-size: 0.95vw;
}
footer .footerRow01 .footerCol02,
footer .footerRow01 .footerCol03,
footer .footerRow01 .footerCol04 {
font-size: 0.95vw;
}
footer .footerRow01 .footerCol02 a,
footer .footerRow01 .footerCol03 a,
footer .footerRow01 .footerCol04 a {
margin: 2.5vw 0 0.8vw 0;
}
footer .footerRow02 .footerCol01 ul li a, .bookingFooter .footerRow02 .footerCol01 ul li a {
font-size: 0.95vw;
}
footer .footerRow02 .paymentBar, .bookingFooter .footerRow02 .paymentBar {
font-size: 0.95vw;
}
.slider-navigation-next, .slider-navigation-prev {
width: 3.2vw;
height: 3.2vw;
}
.slider-navigation-prev {
right: 7vw;
}
.rentTopBar .infoBar {
}
.rentTopBar .infoBar .infoBarShopSubtitle {
font-size: 1.1vw;
}
.rentTopBar .infoBar .infoBarShopOffers {
width: 11.1vw;
font-size: 0.95vw;
}
.rentTopBar .infoBar button.bookingDatePresentation {
font-size: 0.95vw;
padding-top: 0.75vw;
}
.rentProductsFilter .rentProductsFilterAge .SumoSelect > .CaptionCont,
.rentProductsFilter .rentProductsFilterCategory .SumoSelect > .CaptionCont,
.rentProductsFilter .rentProductsFilterGroupsize .SumoSelect > .CaptionCont {
font-size: 0.95vw;
}
.rentProductsFilter .rentProductsFilterAge label,
.rentProductsFilter .rentProductsFilterCategory label,
.rentProductsFilter .rentProductsFilterGroupsize label {
font-size: 1.1vw;
margin: 1vw 1.1vw 0 0;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn {
font-size: 0.95vw;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader h2 {
font-size: 1.7vw;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemDetails button {
font-size: 0.95vw;
letter-spacing: -0.1px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemOnlineBottom {
bottom: 1vw;
}
.productItemInfo .productItemInfoTitle {
font-size: 1.2vw;
}
.productItemInfo ul li {
font-size: 1vw;
}
.productItemInfo .productItemInfoModel {
font-size: 3.2vw;
}
.cartSlideInInfo h5 {
font-size: 1.2vw;
line-height: 1.2;
}
.cartSlideInInfo a {
font-size: 0.95vw;
}
.cartItem .cartItemProduct {
font-size: 1.2vw;
}
.cartItem .cartItemContent {
font-size: 1vw;
}
.cartSlideInAgeContainer .cartSlideInAgeTitle {
font-size: 0.95vw;
}
.rentBookingProgress ul li {
font-size: 0.95vw;
}
.content .fancyboxWrapper p {
line-height: 1.4;
margin: 0 0 3vw 0;
font-size: 1.1vw;
}
.content .fancyboxWrapper h5 {
font-size: 0.95vw;
}
.rentBookingContent h1 {
font-size: 3vw;
margin-bottom: 0.3vw;
}
.rentBookingContent .rentBookingCalculation .calculationExtras span, .rentBookingContent .rentBookingCalculation .calculationTable {
font-size: 1.1vw;
}
.rentBookingContent .rentBookingCalculation .calculationInfo p {
line-height: 1.3;
font-size: 0.95vw;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper .formItemSubmitText {
width: 30%;
}
.rentBookingContent .formItem {
font-size: 0.95vw;
}
.formItemInput input, .formItemInput iframe {
height: 3.5vw !important;
font-size: 1.1vw;
}
.rentBookingContent .SumoSelect > .CaptionCont {
height: 3.5vw;
font-size: 1.1vw;
}
.SumoSelect > .optWrapper > .options {
font-size: 1.3vw;
}
.SumoSelect > .optWrapper > .options li label {
font-size: 0.95vw;
}
.formItemSubmitText a {
font-size: 0.95vw;
}
.skipLink a {
font-size: 0.95vw;
}
.rentSummaryBox .rentSummaryTitle.ui-accordion-header {
font-size: 1.225vw;
}
.rentSummaryBox .rentSummaryTitle:after {
top: 0.9vw;
}
.rentSummaryBox .rentSummaryContentItem {
font-size: 1vw;
}
.rentSummaryBox .cartSlideInAgeContent {
padding: 2vw 3.5vw 1vw 1.5vw;
}
.contentHighlight {
height: 40vw;
}
.contentHighlight .col01 {
height: 40vw;
}
.contentHighlight .contentHighlightIntro p {
font-size: 1.1vw;
}
.btnTag {
font-size: 0.875vw;
}
}
@media screen and (max-width: 800px) {
.shareIcons .headline {
margin: 0 0 16px 0;
}
.shareIcons a {
width: 32px;
height: 32px;
}
.greysection {
padding: 40px 0 24px 0;
}
.greysection.addBottomMargin {
margin-bottom: 40px;
}
.greysection.addTopMargin {
margin-top: 40px;
}
.sport2000rent_storno .rentSearchDefaultFormContainer {
max-width: 100%;
}
.sport2000rent_storno .rentSearchDefaultFormContainer .message {
margin: 0 0 12px 0;
font-size: 14px;
}
.sport2000rent_storno #storno_resendPassword {
font-size: 15px;
}
.sport2000rent_storno .rentSearchDefaultFormContainer .codeWrapper input.code[type=number] {
font-size: 24px;
}
.sport2000rent_stornodetail {
padding: 0;
}
.sport2000rent_stornodetail .stornoDetailWrapper {
padding: 36px 20px;
}
.sport2000rent_stornodetail .stornoAmount {
background-size: 16px auto;
background-position: left 2px;
padding: 0 0 0 22px;
margin: 0 0 24px 0;
line-height: 1.7;
}
.sport2000rent_stornodetail .requestFreeCancellation {
margin: 12px 0 24px 0;
}
.sport2000rent_stornodetail .radioBtnWrapper {
margin: 0 20px 0 0;
}
.sport2000rent_stornodetail .radioBtnWrapper label {
margin-left: 28px;
}
.sport2000rent_stornodetail .stornoReasonsHeadline {
margin: 12px 0 12px 0;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #drop {
padding: 24px;
border-radius: 6px;
}
.sport2000rent_stornodetail .stornoReasons {
width: 250px;
margin: 0 0 1vw 0;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #fileList {
margin: 16px 0 32px 0;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #fileList .fileData {
font-size: 14px;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm .progressBar {
height: 5px;
margin: 0 0 20px 0;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm .progressBar .progress {
height: 5px;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm span.remove {
padding: 9px;
margin: 0 0 0 12px;
background-position: center;
background-size: 20px auto;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #drop span#documentTitle {
margin: 12px 0 12px 0;
height: auto;
}
.sport2000rent_stornodetail .bookingCancellationDocumentsUploadForm #drop span#infoText {
margin: 0vw 0 16px 0;
}
.awardChampion {
width: 160px;
height: 85px;
}
.rentSearch .awardChampion {
display: none;
}
.championAward {
padding: 0 40px;
}
.championAward h2 {
margin-bottom: 0px !important;
}
.championAward .subline {
line-height: 1.2;
font-size: 16px;
}
.championAward .awardImage {
margin: 20px auto;
width: 130px;
height: 180px;
}
.championAward p {
font-size: 12px;
}
body {
font-size: 12px;
}
.loading::before {
width: 40px;
height: 40px;
}
.showMobile {
display: block;
}
.hideMobile {
display: none !important;
}
.hideDesktop {
display: blocK !important;
}
.slideInRight,
.navSlideIn,
.overlayProductAdded,
.cartSlideInCalculation,
.overlaySaveCart,
.rentBookingContent .cartSlideInCalculation,
.productItemInfo,
.overlaySaveCart {
padding-bottom: 96px !important;
}
.loaderWrapper .loader .status {
margin-top: 55px;
}
section.confirmationSection .loaderWrapper {
height: 100vh;
overflow: hidden;
}
section.confirmationSection .loaderWrapper .loader {
bottom: initial;
top: 100px;
}
section.confirmationSection .questions {
display: none;
padding: 32px 0 16px;
border-top: solid 1px #d8d8d8;
border-bottom: solid 1px #d8d8d8;
}
.noProductsWrapper {
margin: 32px 0;
}
.noAvailableShops {
margin: 30px 0;
}
.productItemInfo .col02 span {
font-size: 8px;
margin: -16px -120px 0 0;
}
.navSlideInBar,
.conversionTooltipUsers,
.rentSearchHome .logo,
.bottomHighlight,
.navSlideInContentNewsletter {
display: none !important;
}
.content > .cols-100 {
padding: 0;
}
.cols-frame-layout-200 .container {
width: 100%;
margin: 0;
}
.cols-frame-layout-100 .container {
width: 100%;
margin: 0;
}
.image-embed-item {
margin-bottom: 30px;
}
.container {
width: 100%;
padding: 0 25px;
}
.container .image-embed-item {
margin-bottom: 20px;
}
.container h2.text-center, .container p.text-center {
max-width: none;
}
.text-center {
max-width: none;
}
.btnGreyLink,
.btnGreenLink,
.btnWhiteLink,
.btnRed a,
.btnRedLink {
border-radius: 10px;
font-size: 12px;
padding: 11px 15px 12px 15px;
}
.formItemSubmit input {
border-radius: 10px;
font-size: 12px;
padding: 12px 15px 13px 15px;
}
.formItemSubmitText a {
font-size: 12px;
}
.sectionGrey {
padding: 36px 0 24px 0;
}
.blogPostHeadline h1.text-center em, .blogPostHeadline h1.text-center i,
.shopdisplayContainer h1.text-center em,
.shopdisplayContainer h1.text-center i,
.content .ce-bodytext h1.text-center em,
.content .ce-bodytext h1.text-center i,
.fancyboxWrapper .ce-bodytext h1.text-center em,
.fancyboxWrapper .ce-bodytext h1.text-center i,
.tx-dim-faq .innerContent h1.text-center em,
.tx-dim-faq .innerContent h1.text-center i {
font-size: 12px;
line-height: 2.6;
}
.blogPostHeadline h2,
.shopdisplayContainer h2,
.content .ce-bodytext h2,
.fancyboxWrapper .ce-bodytext h2,
.tx-dim-faq .innerContent h2 {
font-size: 24px;
margin: 0;
letter-spacing: 0px;
padding: 0px;
}
.blogPostHeadline h2.text-center,
.shopdisplayContainer h2.text-center,
.content .ce-bodytext h2.text-center,
.fancyboxWrapper .ce-bodytext h2.text-center,
.tx-dim-faq .innerContent h2.text-center {
font-size: 24px;
margin: 0 0 12px 0;
line-height: 1.15;
}
.blogPostHeadline h2.text-center em, .blogPostHeadline h2.text-center i,
.shopdisplayContainer h2.text-center em,
.shopdisplayContainer h2.text-center i,
.content .ce-bodytext h2.text-center em,
.content .ce-bodytext h2.text-center i,
.fancyboxWrapper .ce-bodytext h2.text-center em,
.fancyboxWrapper .ce-bodytext h2.text-center i,
.tx-dim-faq .innerContent h2.text-center em,
.tx-dim-faq .innerContent h2.text-center i {
font-size: 12px;
line-height: 2.7;
}
h1 {
font-size: 30px;
letter-spacing: 0;
margin: 0;
}
h3,
h2.sliderHeadline {
font-size: 20px;
letter-spacing: 0px;
margin: 0px;
}
h4, p.h4-headline, .content p.h4-headline {
font-size: 20px;
margin: 0 0 13px 0;
letter-spacing: 0px;
}
h2 {
font-size: 24px;
margin: 0 0 14px 0;
letter-spacing: 0px;
}
h2.text-center,
h4.text-center {
font-size: 12px;
margin: 0 0 5px 0;
}
.content .frame-h2StylingLikeH4 .ce-bodytext h2, .content .cols-frame-h2StylingLikeH4 .col .ce-bodytext h2 {
font-size: 20px;
margin: 0 0 10px 0;
letter-spacing: 0px;
}
.content .frame-h2StylingLikeH4 .ce-bodytext h2.text-center, .content .cols-frame-h2StylingLikeH4 .col .ce-bodytext h2.text-center {
font-size: 12px;
margin: 0 0 5px 0;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px;
}
.fancyboxWrapper {
padding: 20px;
}
.fancyboxWrapper h6 {
font-size: 14px;
}
.tx-felogin-pi1, .frame-type-felogin_login {
margin: 30px 0;
width: 100%;
padding: 0 20px;
}
.tx-felogin-pi1 form, .frame-type-felogin_login form {
margin: 16px 0 0 0;
}
.clearer.mobile {
clear: both;
}
.frame-layout-1 {
padding: 24px 20px;
}
.frame-layout-1 .text-center {
padding: 0px;
}
.rentProductsNotificationAlert span {
max-width: 80%;
}
.rentProductsNotificationAlert .btnConfirm button {
padding: 5px 10px;
}
.transparentGradient {
display: none !important;
height: 50%;
bottom: 100px;
}
.copyrightContainer {
z-index: 5;
position: absolute;
right: 0;
top: 0;
}
.copyrightContainer .copyrightIcon {
font-size: 12px;
padding: 2px 4px;
margin: 5px 5px 5px 0;
height: 20px;
width: 20px;
}
.copyrightContainer .copyrightInfo {
font-size: 11px;
padding: 3px 0 2px 6px;
margin: 5px 0 5px 5px;
height: 20px;
}
.copyrightContainer.topLeft {
left: 8px;
top: 8px;
}
.copyrightContainer.topLeft .copyrightInfo {
padding: 3px 6px 2px 0;
}
.copyrightContainer.topRight .copyrightInfo,
.copyrightContainer.bottomRight .copyrightInfo {
border-radius: 10px 0 0 10px;
}
.copyrightContainer.topRight.active .copyrightIcon,
.copyrightContainer.bottomRight.active .copyrightIcon {
border-radius: 0 10px 10px 0;
}
.copyrightContainer.topLeft.active .copyrightIcon {
border-radius: 10px 0 0 10px;
}
.copyrightContainer.topLeft .copyrightInfo {
border-radius: 0 10px 10px 0;
}
.rentSearch .copyrightContainer {
top: auto;
bottom: 10px;
}
.completeTotalRatingWrapper .rentRatingWebsiteIntro {
font-size: 1.875vw;
line-height: 1.1;
margin: 0 0 0.5vw 0;
}
.completeTotalRatingWrapper .totalRatingValue {
font-size: 48px;
line-height: 1.3;
}
.completeTotalRatingWrapper .totalRatingInfo {
font-size: 11px;
margin: 8px 0 0 0;
}
.completeTotalRatingWrapper .totelRatingHeadline {
margin: 0 0 8px 0;
}
.completeTotalRatingWrapper .totalRatingSubline {
margin: 0 0 8px 0;
}
.ratingWrapper .formItem {
margin: 0 0 24px 0;
white-space: normal !important;
}
.ratingWrapper label {
font-size: 12px;
line-height: 1;
display: inline-block;
margin: 0 0 8px 0;
}
.ratingWrapper .jq-ry-container > .jq-ry-group-wrapper {
width: 195px;
margin: 0 auto;
}
.ratingWrapper textarea {
width: 100%;
height: 100px;
border-radius: 8px;
padding: 12px;
}
.ratingWrapper .formItemCheckbox {
margin: 0;
}
.ratingWrapper .ratingSubmit {
margin: 20px 0 0 0;
padding: 10px 40px;
}
.ratingWrapper .allowDataWrapper p, .ratingWrapper .dataProtectionWrapper p {
margin: 0 0 15px 0;
padding: 0;
}
.locationTotalRatingWrapper,
.retailerTotalRatingWrapper {
margin: 32px 0;
}
.completeTotalRatingWrapper .totalRatingValue {
font-size: 52px;
}
.completeTotalRatingWrapper .totalRatingInfo {
font-size: 12px;
margin: 8px 0 0 0;
}
.topBarMobile {
position: fixed;
display: block;
height: 50px;
width: 100%;
background: var(--light-grey);
top: 0;
text-align: center;
box-shadow: inset 0 -1px 0 0 #dcdee6;
padding: 0 16px;
z-index: 39;
}
.topBarMobile .logo {
display: inline-block;
margin: 6px 0 0 0;
padding: 0;
}
.topBarMobile .logo a {
width: 99px;
height: 40px;
}
.topBarMobile .logo img {
width: auto;
height: auto;
max-height: 38px;
max-width: 130px;
}
.topBarMobile .iconNav {
position: absolute;
width: 26px;
height: 24px;
background-color: var(--dynamic-primary-color);
-webkit-mask-image: var(--burger-icon);
mask-image: var(--burger-icon);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 26px auto;
mask-size: 26px auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
left: 16px;
}
.topBarMobile .supportIcon {
display: none;
}
.topBarMobile .stripes {
position: absolute;
right: 0px;
height: 7px;
bottom: -7px;
background-image: var(--stripes-07-02);
background-repeat: no-repeat;
background-position: right 0 top;
background-size: 100% auto;
width: 88%;
}
.rentBookingContent > .col02, .rentBookingContent > .col02 {
padding: 0 0 100px 0 !important;
position: fixed;
bottom: -5px;
width: 100%;
height: auto;
max-height: calc(100vh - 165px) !important;
transition: 0.3s all ease-in-out;
}
.content, .fancyboxWrapper {
padding: 80px 0 0 0;
}
.content p, .fancyboxWrapper p {
margin: 0 0 16px 0;
}
.content .ce-bodytext ul, .content .ce-bodytext ol, .fancyboxWrapper .ce-bodytext ul, .fancyboxWrapper .ce-bodytext ol {
margin: 12px 0 25px 0;
}
.content .ce-bodytext ul li, .content .ce-bodytext ol li, .fancyboxWrapper .ce-bodytext ul li, .fancyboxWrapper .ce-bodytext ol li {
padding: 0 0 0 8px;
margin: 0 0 4px 32px !important;
line-height: 1.6;
font-size: 12px;
}
.content .ce-bodytext ul li ul, .content .ce-bodytext ul li ol, .content .ce-bodytext ol li ul, .content .ce-bodytext ol li ol, .fancyboxWrapper .ce-bodytext ul li ul, .fancyboxWrapper .ce-bodytext ul li ol, .fancyboxWrapper .ce-bodytext ol li ul, .fancyboxWrapper .ce-bodytext ol li ol {
margin: 5px 0 18px 0;
}
.content .ce-bodytext h2, .fancyboxWrapper .ce-bodytext h2 {
font-size: 28px;
margin: 10px 0 5px 0;
}
.content .ce-bodytext h3, .fancyboxWrapper .ce-bodytext h3 {
font-size: 24px;
margin: 10px 0 5px 0;
}
.content .ce-bodytext h4, .fancyboxWrapper .ce-bodytext h4 {
font-size: 20px;
}
.content .ce-bodytext h6, .fancyboxWrapper .ce-bodytext h6 {
font-size: 15px !important;
}
.fancyboxWrapper .ce-bodytext ul li, .fancyboxWrapper .ce-bodytext ol li,
.tx-dim-faq .innerContent ul li,
.tx-dim-faq .innerContent ol li {
padding: 0 0 0 8px;
margin: 0vw 0 4px 32px;
line-height: 1.6;
font-size: 12px;
}
.fancyboxWrapper .ce-bodytext ul li ul, .fancyboxWrapper .ce-bodytext ul li ol, .fancyboxWrapper .ce-bodytext ol li ul, .fancyboxWrapper .ce-bodytext ol li ol,
.tx-dim-faq .innerContent ul li ul,
.tx-dim-faq .innerContent ul li ol,
.tx-dim-faq .innerContent ol li ul,
.tx-dim-faq .innerContent ol li ol {
margin: 5px 0 18px 0;
}
.smallLink {
font-size: 15px;
margin-bottom: 16px;
}
.index .content {
padding: 80px 0 0 0;
}
.slideInRight .slideInRightRating {
font-size: 12px;
}
.slideInRight .slideInRightRating .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 12px;
height: 12px;
margin: 0 1px;
}
.slideInRight .slideInRightRating .jq-ry-container {
padding: 0 8px 0 0;
margin: 6px 0 0 0;
}
.rentBookingAddPersonForm {
padding: 0 0 20px 0;
}
.navSlideIn {
box-shadow: none;
width: 100%;
display: none;
}
.navSlideIn .navSlideInContentMenu .submenuToggle {
-webkit-mask-size: 10px auto;
mask-size: 10px auto;
height: 61px;
}
.navSlideIn .navSlideInContent {
width: 100%;
max-width: 480px;
background: #18191A;
overflow: scroll;
}
.navSlideIn .navSlideInContent .navSlideInContentLogo {
padding: 6px 0;
margin: 0;
text-align: center;
border-bottom: 1px solid #3d3e41;
}
.navSlideIn .navSlideInContent .navSlideInContentLogo a {
width: 99px;
height: 40px;
display: inline-block;
}
.navSlideIn .navSlideInContent .languageSwitch {
text-align: center;
color: #ffffff;
font-size: 14px;
font-weight: 600;
background: #313333;
display: block;
padding: 9px 0;
}
.navSlideIn .navSlideInContent .languageSwitch.navSlideInLanguageDe span {
display: inline-block;
padding: 2px 0 0 34px;
background: url('../../../fileadmin/templates/img/icon-flag-de.svg') no-repeat left center;
background-size: 26px auto;
}
.navSlideIn .navSlideInContent .languageSwitch.navSlideInLanguageEn span {
display: inline-block;
padding: 2px 0 0 34px;
background: url('../../../fileadmin/templates/img/icon-flag-uk.svg') no-repeat left center;
background-size: 26px auto;
}
.navSlideIn .navSlideInContent .languageSwitch.navSlideInLanguageNl span {
display: inline-block;
padding: 2px 0 0 34px;
background: url('../../../fileadmin/templates/img/icon-flag-nl.svg') no-repeat left center;
background-size: 26px auto;
}
.navSlideIn .navSlideInContent .clientNavLogin {
color: #ffffff;
font-size: 14px;
font-weight: 600;
background: #313333;
display: block;
padding: 9px 0;
border-top: 1px solid #3d3e41;
text-align: center;
}
.navSlideIn .navSlideInContent .navSlideInContentLogin .formItemSubmit input {
margin-top: 15px;
width: auto;
}
.navSlideIn .navSlideInContentMenu {
position: relative;
}
.navSlideIn .navSlideInContentMenu nav {
margin: 0;
}
.navSlideIn .navSlideInContentMenu nav ul {
border-top: 1px solid #3d3e41;
}
.navSlideIn .navSlideInContentMenu nav ul li a {
font-size: 16px;
padding: 20px 0 18px 0;
border-bottom: 1px solid #3d3e41;
}
.navSlideIn .navSlideInContentMenu nav ul li ul li a {
font-size: 15px;
padding: 16px 0 14px 0;
}
.navSlideIn .navSlideInContentMenu .navSlideInContentContact {
font-size: 14px;
color: #ffffff;
padding: 0 16px 12px 16px;
}
.navSlideIn .navSlideInContentMenu .navSlideInContentContact {
margin: 8px 0 0 0;
}
.navSlideIn .navSlideInClose {
background: url('../../../fileadmin/templates/img/icon-close-nav.svg') no-repeat center center;
background-size: 20px auto;
width: 52px;
height: 50px;
position: absolute;
left: 0px;
top: 0px;
}
.navSlideIn .socialIcons {
padding: 20px 0;
text-align: center;
}
.navSlideIn .socialIcons .frame {
display: inline-block;
}
.navSlideIn .socialIcons a {
display: inline-block;
text-indent: -9999px;
color: transparent;
width: 26px;
height: 26px;
margin: 0 12px;
}
.navSlideIn .socialIcons .socialIconsInstagram {
background: url('../../../fileadmin/templates/img/icon-instagram-white.svg') no-repeat center center;
background-size: auto 100%;
}
.navSlideIn .socialIcons .socialIconsFacebook {
background: url('../../../fileadmin/templates/img/icon-facebook-white.svg') no-repeat center center;
background-size: auto 95%;
}
.navSlideIn .navSlideInContentService {
display: none;
}
.rentSupportLoginContainer, .rentSearchDefaultFormContainer {
padding: 0 12px 0 12px;
}
.rentSupportLoginContainer .formWrapper, .rentSearchDefaultFormContainer .formWrapper {
width: 100%;
}
.rentSupportLoginContainer label, .rentSearchDefaultFormContainer label {
margin: 0 0 4px 0;
font-size: 10px;
}
.rentSupportLoginContainer .rentSearchDefaultSubmit, .rentSearchDefaultFormContainer .rentSearchDefaultSubmit {
margin: 0 0 70px 0;
}
.rentSupportLoginContainer #submitRentSupportCompleteBookingForm, .rentSupportLoginContainer #submitRentSupportLoginForm, .rentSearchDefaultFormContainer #submitRentSupportCompleteBookingForm, .rentSearchDefaultFormContainer #submitRentSupportLoginForm {
margin: 0 0 35px 0;
}
.rentSupportLoginContainerAdmin .formWrapper {
width: 100%;
}
.rentSupportLoginContainerAdmin .formWrapper form {
flex-direction: column;
gap: 16px;
align-items: initial;
}
.rentSupportLoginContainerAdmin .formWrapper form input {
margin-bottom: 0px;
}
.mapOverlay {
margin-left: 0px;
}
.infoWindoContent {
padding: 15px 8px 0 8px;
}
.infoWindoContent .starRating {
padding: 2px 0px;
}
.infoWindoContent .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 12px;
height: 12px;
margin: 0 1px;
}
.infoWindoContent span.name {
font-size: 14px;
}
.infoWindoContent a.routeLink {
margin: 10px 0 5px;
}
.slideInRight {
width: 100%;
max-width: 375px;
left: 0;
}
.slideInRight .slideInRightContentSection {
font-size: 12px;
}
.slideInRight .slideInRightTopTitle {
background: #303133;
color: #ffffff;
font-size: 14px;
text-align: center;
padding: 22px 12px 18px 12px;
font-weight: 600;
}
.slideInRight .slideInRightClose {
width: 30px;
height: 30px;
right: 14px;
top: 10px;
z-index: 250;
}
.slideInRight .slideInRightClose::before {
width: 11px;
height: 11px;
}
.slideInRight .circleOverlay {
height: 182px !important;
background-size: 100% auto;
}
.slideInRight .slideInRightImageSliderContainer {
height: 182px !important;
}
.slideInRight .slideInRightImageSliderContainer .slideInRightImageSlider {
height: 182px !important;
}
.slideInRight .slideInRightImageSliderContainer .slideInRightImageSlider .slideInRightImageItem {
height: 182px !important;
}
.slideInRight .slideInRightImageSliderContainer .slider-prev, .slideInRight .slideInRightImageSliderContainer .slider-next {
width: 16px;
height: 32px;
margin-top: -16px;
}
.slideInRight .slideInRightImageSliderContainer .slider-prev {
left: 12px;
}
.slideInRight .slideInRightImageSliderContainer .slider-next {
right: 12px;
}
.slideInRight .slideInRightImageSliderContainer .slider-dots {
display: none;
}
.slideInRight .slideInRightHeader {
padding: 12px 16px 16px 16px;
}
.slideInRight .slideInRightTitle {
font-size: 16px;
margin: 0;
}
.slideInRight .slideInRightRating {
font-size: 14px;
}
.slideInRight .slideInRightRatingDetails .slideInRightRatingQuestionWrapper {
padding: 10px 0;
}
.slideInRight .slideInRightRatingDetails .slideInRightRatingQuestionWrapper .slideInRightRatingQuestion {
font-size: 14px;
}
.slideInRight .btnWhiteLink,
.slideInRight .btnGreenLink {
padding: 11px 15px 12px 15px;
border: 0;
}
.slideInRight .slideInRightActions {
margin: 12px 0 0 0;
}
.slideInRight .slideInRightActions .btnGreenLink {
width: auto !important;
padding: 11px 20px 12px 20px !important;
}
.slideInRight .slideInRightActions .btnGreenLink:after {
content: none;
display: none;
}
.slideInRight .shopAddress,
.slideInRight .shopInfo,
.slideInRight .shopPhone {
padding: 2px 0 0 22px;
margin: 0 0 2px 0;
}
.slideInRight .shopAddress::before,
.slideInRight .shopInfo::before,
.slideInRight .shopPhone::before {
left: 4px;
width: 12px;
height: 12px;
}
.slideInRight .slideInRightContentSection {
padding: 20px;
}
.slideInRight .pickupDay {
padding: 0 0 0 22px;
margin: 0 0 22px 0;
}
.slideInRight .pickupDay::before {
top: 3px;
width: 12px;
height: 12px;
}
.slideInRight .shopHoursDay {
padding: 0 0 0 22px;
}
.slideInRight .shopHoursDay:first-child::before {
left: 3px;
width: 12px;
height: 12px;
}
.slideInRight .comment {
margin: 15px 0;
}
.slideInRight ul li {
padding: 0 0 0 4px;
margin: 0 0 0 16px;
}
.slideInRight h5 {
font-size: 14px;
margin: 0 0 10px 0;
}
.shopSlideIn, .merchantOffersSlideIn, .insuranceSlideIn, .modelSlideIn, .sizeSlideIn, .basketCommentSlideIn, .customerAccountInfoSlideIn, .supportSlideIn, .slideInRight.actionSlideIn {
max-width: 100%;
}
.shopSlideIn .slideInRightImageSliderContainer, .merchantOffersSlideIn .slideInRightImageSliderContainer, .insuranceSlideIn .slideInRightImageSliderContainer, .modelSlideIn .slideInRightImageSliderContainer, .sizeSlideIn .slideInRightImageSliderContainer, .basketCommentSlideIn .slideInRightImageSliderContainer, .customerAccountInfoSlideIn .slideInRightImageSliderContainer, .supportSlideIn .slideInRightImageSliderContainer, .slideInRight.actionSlideIn .slideInRightImageSliderContainer {
margin-top: 50px;
}
.supportSlideIn {
padding: 0px !important;
}
.supportSlideIn .slideInRightSupport {
padding: 0 12px;
}
.cartSlideIn {
max-width: 100%;
}
.mapOverlay.open {
z-index: 999999;
width: 100%;
}
.mapOverlay.open #map {
margin-top: 50px;
}
.navSlideIn .navSlideInContent .navSlideInContentIcon {
background-size: auto 40px;
height: 40px;
margin: 40px 0 12px 0;
}
.navSlideIn .navSlideInContent .navSlideInContentHeadline {
font-size: 22px;
margin: 0 0 16px 0;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul {
margin: 24px 0 0 0;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a {
padding: 20px 0 18px 0;
font-size: 16px;
background: none !important;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a span {
width: 140px;
display: inline-block;
padding: 2px 0 0 34px;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a.langDe span {
background: url('../../../fileadmin/templates/img/icon-flag-de.svg') no-repeat left center;
background-size: 26px auto;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a.langEn span {
background: url('../../../fileadmin/templates/img/icon-flag-uk.svg') no-repeat left center;
background-size: 26px auto;
}
.navSlideIn .navSlideInContent .navSlideInContentLanguageMenu ul li a.langNe span {
background: url('../../../fileadmin/templates/img/icon-flag-nl.svg') no-repeat left center;
background-size: 26px auto;
}
.rentSearch .partnerInfoBar .poweredByInfo,
#bookingDataTopBar .poweredByInfo,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo {
gap: 8px;
}
.rentSearch .partnerInfoBar .poweredByInfo .poweredBy,
#bookingDataTopBar .poweredByInfo .poweredBy,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo .poweredBy {
font-size: 9px;
}
.rentSearch .partnerInfoBar .poweredByInfo .logo,
#bookingDataTopBar .poweredByInfo .logo,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo .logo {
display: block !important;
width: 79px;
height: 29px;
}
.rentSearch .partnerInfoBar .poweredByInfo .logo a,
#bookingDataTopBar .poweredByInfo .logo a,
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo .logo a {
width: 100%;
height: 100%;
background-size: 100% auto;
}
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo {
display: flex;
flex-shrink: 0;
}
.rentSearch {
padding: 0px 0 0 0;
margin: 0px 0 40px 0;
height: 742px;
}
.rentSearch .partnerInfoBar {
width: 100%;
margin: 0 0 10px 0;
padding: 0;
}
.rentSearch .partnerInfoBar .partnerLogo {
display: none;
}
.rentSearch .partnerInfoBar .poweredByInfo {
margin: 0 auto;
}
.rentSearch .bgGradient {
background: linear-gradient(0deg, rgb(249, 249, 250) 25%, rgb(255, 255, 255) 100%);
max-height: none;
}
.rentSearch .bgGradient .bgMedia {
width: 100%;
top: initial;
bottom: 0px;
height: 300px;
max-height: 300px;
min-height: 300px;
}
.rentSearch .bgGradient .bgMedia .bgVideoWrapper.isActiveForDesktop {
opacity: 0;
}
.rentSearch .bgGradient .bgMedia.video .bgImage {
display: block;
}
.rentSearch .bgGradient .stripes {
height: 7px;
background-size: auto 100%;
background-position: left 0px bottom;
}
.rentSearch .logo {
display: none;
}
.rentSearch .rentSearchContentWrapper {
position: initial;
top: initial;
transform: none;
}
.rentSearch .rentSearchContentWrapper .introContent {
text-align: center;
margin: 0 auto 24px auto;
max-width: 500px;
}
.rentSearch .rentSearchContentWrapper .introContent .introLine {
font-size: 22px;
margin: 0 0 4px 0;
max-width: initial;
}
.rentSearch .rentSearchContentWrapper .introContent .headline,
.rentSearch .rentSearchContentWrapper .introContent .subline {
max-width: 100%;
margin: 0 25px 8px;
}
.rentSearch .rentSearchContentWrapper .introContent .headline h1 {
font-size: 48px;
}
.rentSearch .rentSearchContentWrapper .introContent .subline p {
font-size: 18px;
}
.rentSearch .rentSearchContentWrapper a.btnRedLink {
display: table;
margin: 0 auto;
}
.rentSearch .appSwitch {
width: calc(100% - 24px);
max-width: 620px;
gap: 10px;
margin: 0 auto 10px auto;
justify-content: center;
}
.rentSearch .appSwitch a {
border-radius: 10px;
line-height: 1;
padding: 11px 11px 11px 0;
font-size: 12px;
}
.rentSearch .appSwitch a.ski {
padding-left: 32px;
}
.rentSearch .appSwitch a.bike {
padding-left: 34px;
}
.rentSearch .appSwitch a::before {
left: 12px;
}
.rentSearch .appSwitch a.ski::before {
width: 14px;
height: 15px;
}
.rentSearch .appSwitch a.bike::before {
width: 16px;
height: 14px;
}
.rentSearch .rentSearchFormContainer {
width: calc(100% - 24px);
max-width: 620px;
height: 141px;
margin: 0 auto;
border-radius: 13px;
padding: 4px;
background: rgba(24, 25, 26, 0.2);
}
.rentSearch .rentSearchFormContainer .rentSearchForm {
width: 100%;
height: auto;
border-radius: 10px;
border: none;
overflow: hidden;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper {
display: block;
height: 100%;
border-radius: 10px;
padding: 0px;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormLocation {
display: block;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormLocation .shopInfo, .rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormLocation .shopClear {
display: none;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormLocation input {
color: #fff;
width: 100%;
height: 76px;
padding: 12px 16px 12px 41px;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormLocation::before {
width: 18px;
left: 14px;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .selectBookingDateFrom, .rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .selectBookingDateTo {
display: none;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormSubmit {
display: block;
border-top: 1px solid #DCDEE6;
padding: 6px 5px;
margin: 0px;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormSubmit input {
width: 100%;
height: 44px;
border-radius: 10px;
text-align: center;
font-size: 16px;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormDateFrom,
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormDateTo {
width: 49%;
display: none;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper button.bookingDatePresentation {
border: none;
border-radius: 0px;
margin: 0px;
width: 100%;
height: 54px;
padding: 0 0 0 38px;
font-size: 14px;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper button.bookingDatePresentation::before {
width: 17px;
left: 15px;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormDateFrom {
border-left: 0;
}
.rentSearch .rentSearchFormContainer .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormDateTo {
border-left: 1px solid #DCDEE6;
}
.rentSearch .rentSearchFormContainer .rentSearchForm.showResults {
border: none !important;
height: 175px !important;
}
.rentSearch .rentSearchFormContainer input[type=text] {
font-size: 16px;
}
.rentSearch .rentSearchFormContainer .selectedShop {
padding: 0 0 0 53px;
width: 83%;
}
.rentSearch .rentSearchFormContainer .selectedShop .title {
font-size: 12px;
}
.rentSearch .rentSearchFormContainer .selectedShop .subtitle {
font-size: 9px;
}
.rentSearch .rentSearchFormContainer:hover .rentSearchFormLocation input {
padding: 12px 16px 12px 55px;
}
.rentSearch .rentSearchFormContainer.showonclick .results {
display: none !important;
}
.rentSearch .rentSearchFormContainer.shopIsSet {
height: 174px;
}
.rentSearch .rentSearchFormContainer.shopIsSet .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormLocation {
border-bottom: 1px solid #DCDEE6;
}
.rentSearch .rentSearchFormContainer.shopIsSet .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormLocation input {
height: 54px;
}
.rentSearch .rentSearchFormContainer.shopIsSet .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormDateFrom, .rentSearch .rentSearchFormContainer.shopIsSet .rentSearchForm .rentSearchFormRentDataWrapper .rentSearchFormDateTo {
display: inline-block;
}
.rentSearch.noPluginSet {
padding: 0 0 40vh 0;
height: auto;
max-height: unset;
min-height: unset;
}
.rentSearch.noPluginSet .rentSearchContentWrapper {
padding-top: initial;
}
.rentSearch .newsletterForm, .newsletterForm.newsletterSection {
max-width: 400px;
margin: 0 auto;
padding: 0 24px;
}
.rentSearch .newsletterForm .formItemCheckbox, .newsletterForm.newsletterSection .formItemCheckbox {
margin: 12px 0 24px 0;
font-size: 12px;
}
.rentRatingOverall {
margin: 16px 0 36px 0;
}
.rentRatingOverall .ratingValue {
font-size: 80px;
}
.rentRatingOverall .ratingInfo {
font-size: 14px;
}
.slider-navigation {
position: absolute;
bottom: 0px;
left: 25px;
z-index: 1;
}
.slider-navigation-next, .slider-navigation-prev {
width: 42px;
height: 42px;
}
.slider-navigation-next::before, .slider-navigation-prev::before {
-webkit-mask-size: 8px auto;
mask-size: 8px auto;
}
.slider-navigation-next {
right: initial;
left: 48px;
top: 0;
}
.slider-navigation-prev {
left: 0;
right: initial;
top: 0;
}
.slider-navigation.noHeadline {
height: auto;
}
.outerSliderContainer {
padding: 0 25px;
}
.shopdisplayContainer .outerSliderContainer {
margin-top: 20px;
}
.ratingHighlightsContainer, .locationSliderContainer, .shopdisplayContainer, .blogTeaserItemContainer, .ratingOverviewContainer {
padding-bottom: 15px;
}
.ratingHighlightsContainer p.h4-headline, .ratingHighlightsContainer h4.headline, .locationSliderContainer p.h4-headline, .locationSliderContainer h4.headline, .shopdisplayContainer p.h4-headline, .shopdisplayContainer h4.headline, .blogTeaserItemContainer p.h4-headline, .blogTeaserItemContainer h4.headline, .ratingOverviewContainer p.h4-headline, .ratingOverviewContainer h4.headline {
margin-left: 25px;
}
.ratingHighlightsContainer[data-total="2"] .slider-navigation, .ratingHighlightsContainer[data-total="3"] .slider-navigation, .ratingHighlightsContainer[data-total="4"] .slider-navigation, .locationSliderContainer[data-total="2"] .slider-navigation, .locationSliderContainer[data-total="3"] .slider-navigation, .locationSliderContainer[data-total="4"] .slider-navigation, .shopdisplayContainer[data-total="2"] .slider-navigation, .shopdisplayContainer[data-total="3"] .slider-navigation, .shopdisplayContainer[data-total="4"] .slider-navigation, .blogTeaserItemContainer[data-total="2"] .slider-navigation, .blogTeaserItemContainer[data-total="3"] .slider-navigation, .blogTeaserItemContainer[data-total="4"] .slider-navigation, .ratingOverviewContainer[data-total="2"] .slider-navigation, .ratingOverviewContainer[data-total="3"] .slider-navigation, .ratingOverviewContainer[data-total="4"] .slider-navigation {
display: block;
}
.shopdisplayContainer[data-total="1"] .keen-slider, .shopdisplayContainer[data-total="2"] .keen-slider, .shopdisplayContainer[data-total="3"] .keen-slider {
justify-content: normal !important;
min-width: unset !important;
}
.ratingHighlightsContainer, .ratingOverviewContainer {
margin: 0 0 90px 0;
}
.ratingHighlightsContainer .container, .ratingOverviewContainer .container {
margin: 0;
padding: 0;
max-width: 100%;
}
.ratingHighlightsContainer .ratingHighlightItem, .ratingHighlightsContainer .questionRating, .ratingOverviewContainer .ratingHighlightItem, .ratingOverviewContainer .questionRating {
padding: 30px 33px;
height: 295px;
border: solid 4px #e5e5e5;
}
.ratingHighlightsContainer .ratingHighlightItem .ratingValue, .ratingHighlightsContainer .questionRating .ratingValue, .ratingOverviewContainer .ratingHighlightItem .ratingValue, .ratingOverviewContainer .questionRating .ratingValue {
font-size: 52px;
letter-spacing: -1.49px;
}
.ratingHighlightsContainer .ratingHighlightItem .ratingUser, .ratingHighlightsContainer .questionRating .ratingUser, .ratingOverviewContainer .ratingHighlightItem .ratingUser, .ratingOverviewContainer .questionRating .ratingUser {
font-size: 10px;
bottom: 26px;
}
.ratingHighlightsContainer .ratingHighlightItem .ratingText, .ratingHighlightsContainer .questionRating .ratingText, .ratingOverviewContainer .ratingHighlightItem .ratingText, .ratingOverviewContainer .questionRating .ratingText {
font-size: 12px;
height: auto;
margin: 0 0 8px 0;
}
.ratingHighlightsContainer .ratingHighlightItem .ratingStars, .ratingHighlightsContainer .ratingHighlightItem .starRating, .ratingHighlightsContainer .questionRating .ratingStars, .ratingHighlightsContainer .questionRating .starRating, .ratingOverviewContainer .ratingHighlightItem .ratingStars, .ratingOverviewContainer .ratingHighlightItem .starRating, .ratingOverviewContainer .questionRating .ratingStars, .ratingOverviewContainer .questionRating .starRating {
width: auto;
height: 22px;
margin: 4px 0 15px 0;
}
.ratingHighlightsContainer .ratingHighlightItem .ratingStars svg, .ratingHighlightsContainer .ratingHighlightItem .starRating svg, .ratingHighlightsContainer .questionRating .ratingStars svg, .ratingHighlightsContainer .questionRating .starRating svg, .ratingOverviewContainer .ratingHighlightItem .ratingStars svg, .ratingOverviewContainer .ratingHighlightItem .starRating svg, .ratingOverviewContainer .questionRating .ratingStars svg, .ratingOverviewContainer .questionRating .starRating svg {
width: 22px;
height: 22px;
margin: 0 2px;
}
.ratingHighlightsContainer .ratingHighlightItem .stripes, .ratingHighlightsContainer .questionRating .stripes, .ratingOverviewContainer .ratingHighlightItem .stripes, .ratingOverviewContainer .questionRating .stripes {
height: 7px;
background-position: right 0px bottom;
}
.ratingOverviewContainer .questionRating {
padding-left: 15px;
padding-right: 15px;
}
.ratingOverviewContainer .totalRatingItem {
padding-left: 15px;
padding-right: 15px;
}
.ratingOverviewContainer .questionRating .starRating, .ratingOverviewContainer .totalRatingItem .starRating {
margin-bottom: 25px;
}
.ratingOverviewContainer .questionRating .ratingText, .ratingOverviewContainer .totalRatingItem .ratingText {
font-size: 14px;
height: auto;
}
.uspSection, .contentSliderContainer {
padding: 0px;
}
.uspSection h2, .contentSliderContainer h2 {
font-size: 12px;
margin: 0px;
line-height: 1.4;
}
.uspSection .headline p, .uspSection h3, .contentSliderContainer .headline p, .contentSliderContainer h3 {
font-size: 24px;
margin: 5px 0 5px 0;
line-height: 1.2;
}
.uspSection h3, .contentSliderContainer h3 {
margin-bottom: 14px;
}
.uspSection ul, .contentSliderContainer ul {
margin: 0 0 24px 0;
}
.uspSection ul li, .contentSliderContainer ul li {
text-align: left;
font-size: 12px;
padding: 0 0 0 11px;
margin: 0 0 15px 18px;
}
.uspSection ul li p, .uspSection ul li a, .contentSliderContainer ul li p, .contentSliderContainer ul li a {
font-size: 12px;
}
.uspSection .stripes {
height: 7px;
bottom: -7px;
background-position: right 0px top;
width: 90%;
background-size: auto 100%;
}
.uspSection .col01, .uspSection .col02, .uspSection .col03 {
height: auto;
width: 100%;
}
.uspSection .col01 {
padding: 41px 25px 24px 25px;
text-align: center;
border: none;
border-bottom: solid 1px #DCDEE6;
}
.uspSection .col03 {
width: 100%;
min-height: 389px;
height: 72vw;
}
.uspSection .col03 .stripes {
width: 97%;
height: 7px;
}
.uspSection p {
margin: 0 0 16px 0;
font-size: 12px;
}
.uspSection .formItemSubmit input {
display: table;
margin: 31px auto 16px auto;
}
.uspSection .statsItem {
height: 80px;
background: none;
text-align: left;
padding: 0 0 0 91px;
flex-direction: row;
}
.uspSection .statsItem .statsItemValue {
font-size: 16px;
letter-spacing: -0.1px;
margin: 0;
}
.uspSection .statsItem .statsItemLabel {
font-size: 16px;
padding: 0 0 0 5px;
}
.uspSection .statsItem .statsItemImage {
position: absolute;
border-right: solid 1px #DCDEE6;
left: 0px;
width: 92px;
height: 100%;
background-size: auto 35px;
}
.uspSection .statsItem .statsItemAnimation {
position: absolute;
border-right: solid 1px #DCDEE6;
left: 0px;
width: 92px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.uspSection .statsItem .statsItemAnimation lottie-player {
width: 66px !important;
height: 66px !important;
}
.uspSection .statsItem.hasBiggerIcon .statsItemImage, .uspSection .statsItem.hasBiggerIcon .statsItemAnimation {
width: 92px;
height: 100%;
}
.uspSection .statsItem.hasBiggerIcon .statsItemValue {
margin-top: 0px;
}
.uspSection.imagePos--left {
flex-direction: column-reverse;
}
.uspSection.imagePos--left .col01 {
border-left: none;
border-bottom: none;
}
.uspSection.imagePos--left .col02 {
border-bottom: solid 1px #DCDEE6;
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .teaserItemContent,
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent,
.locationSliderContainer .locationSliderItem.imageItem .imageItemContent,
.shopdisplayContainer .locationSliderItem.imageItem .imageItemContent {
margin: 17px 20px 39px 20px;
width: calc(100% - 40px);
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .teaserItemContent .teaserItemContentText,
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent .blogTeaserTitle,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent .blogTeaserTitle,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent .aftersalesItemTitle,
.locationSliderContainer .locationSliderItem.imageItem .imageItemContent .imageItemContentText,
.shopdisplayContainer .locationSliderItem.imageItem .imageItemContent .imageItemContentText {
margin: 17px 0 19px;
font-size: 22px;
line-height: 1.09;
letter-spacing: normal;
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .teaserItemContent .buttonContainer a,
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent .buttonContainer a,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogTeaserItemContent .buttonContainer a,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent .buttonContainer a,
.locationSliderContainer .locationSliderItem.imageItem .imageItemContent .buttonContainer a,
.shopdisplayContainer .locationSliderItem.imageItem .imageItemContent .buttonContainer a {
font-size: 12px;
padding: 11px 15px 12px;
border-radius: 10px;
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem .stripes,
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .stripes,
.blogList .blogTeaserItemContainer .blogTeaserItem .stripes,
.aftersalesWrapper .aftersalesList .aftersalesItem .stripes,
.locationSliderContainer .locationSliderItem.imageItem .stripes,
.shopdisplayContainer .locationSliderItem.imageItem .stripes {
height: 19px;
background-size: 100% 84%;
background-position: left 0px bottom;
}
.locationSliderContainer,
.shopdisplayContainer {
margin: 0 0 61px 25px;
}
.locationSliderContainer .locationSliderItem,
.shopdisplayContainer .locationSliderItem {
font-size: 12px;
height: auto;
}
.locationSliderContainer .locationSliderItem.textImageItem .textImageItemBg,
.shopdisplayContainer .locationSliderItem.textImageItem .textImageItemBg {
height: 180px;
}
.locationSliderContainer .locationSliderItem.textImageItem .textImageItemContent,
.shopdisplayContainer .locationSliderItem.textImageItem .textImageItemContent {
padding: 21px 16px 68px 16px;
}
.locationSliderContainer .locationSliderItem.textImageItem .textImageItemContentHeadline,
.shopdisplayContainer .locationSliderItem.textImageItem .textImageItemContentHeadline {
font-size: 22px;
line-height: 1.09;
margin: 0 0 6px 0;
}
.locationSliderContainer .locationSliderItem.textImageItem .textImageItemContentSubline,
.shopdisplayContainer .locationSliderItem.textImageItem .textImageItemContentSubline {
font-size: 12px;
line-height: 1.67;
letter-spacing: normal;
}
.locationSliderContainer .locationSliderItem.textImageItem .btnRed,
.shopdisplayContainer .locationSliderItem.textImageItem .btnRed {
bottom: 21px;
}
.locationSliderContainer .locationSliderItem.hasShopInfoLink.textImageItem .textImageItemContent,
.shopdisplayContainer .locationSliderItem.hasShopInfoLink.textImageItem .textImageItemContent {
padding-bottom: 21px;
}
.locationSliderContainer .locationSliderItem.hasShopInfoLink.textImageItem .btnRed,
.shopdisplayContainer .locationSliderItem.hasShopInfoLink.textImageItem .btnRed {
margin: 15px 0;
}
.locationSliderContainer.noTextImageItem .locationSliderItem.imageItem,
.shopdisplayContainer.noTextImageItem .locationSliderItem.imageItem {
height: 353px !important;
}
.locationSliderContainer .shopdisplay,
.shopdisplayContainer .shopdisplay {
height: auto;
}
.locationSliderContainer .shopdisplay .shopInfoLink,
.shopdisplayContainer .shopdisplay .shopInfoLink {
font-size: 12px;
margin: 0 0 5px 0;
}
.locationSliderContainer .shopdisplay .shopInfo,
.shopdisplayContainer .shopdisplay .shopInfo {
position: absolute;
width: 2vw;
height: 2vw;
box-shadow: 0 0.1vw 0.2vw 0 rgba(0, 0, 0, 0.1);
border-radius: 0.3125vw;
border: 1px solid #B8B9BF;
top: 0.5vw;
cursor: pointer;
transition: all 0.1s ease-in-out;
right: 0.5vw;
background: url('../../../fileadmin/templates/img/icon-info.svg') no-repeat center 0.5vw;
background-size: 0.6vw auto;
background-color: #fff;
}
.locationSliderContainer .shopdisplay .shopInfo:hover,
.shopdisplayContainer .shopdisplay .shopInfo:hover {
background: url('../../../fileadmin/templates/img/icon-info-act.svg') no-repeat center 0.5vw #98999f;
background-size: 0.6vw auto;
border: 1px solid #98999f;
}
.locationSliderContainer .textImageItemStarsRating,
.shopdisplayContainer .textImageItemStarsRating {
font-size: 12px;
}
.locationSliderContainer .jq-ry-container,
.shopdisplayContainer .jq-ry-container {
width: auto !important;
margin: 0 0 10px 0;
}
.locationSliderContainer .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg,
.shopdisplayContainer .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 12px;
height: 12px;
margin: 0 1px;
}
.locationSliderContainer.noHeadline .slider-navigation > div,
.shopdisplayContainer.noHeadline .slider-navigation > div {
top: initial;
}
.rentSearch .rentSearchFormContainer .shopInfo, .rentSearch .rentSearchFormContainer .shopClear {
width: 30px;
height: 30px;
top: 50%;
transform: translateY(-50%);
}
.rentSearch .rentSearchFormContainer .shopInfo {
background-size: auto 45% !important;
right: 14px;
border-radius: 5px;
}
.rentSearch .rentSearchFormContainer .shopClear {
left: 14px;
}
.rentSearch .rentSearchFormContainer .shopClear::before {
-webkit-mask-size: auto 35%;
mask-size: auto 35%;
}
.actionInfo {
border-radius: 5px;
min-height: 30px;
width: 30px;
background-size: auto 45% !important;
}
.imageSliderContainer {
margin: 0 0 32px 0 !important;
}
.imageSliderContainer .imageSlider {
margin: 0;
}
.imageSliderContainer .slider-dots {
display: none;
}
.imageSliderContainer.noMarginBottom {
margin-bottom: 0 !important;
}
.contentSliderContainer {
height: auto;
border-top: 1px solid #DCDEE6;
margin: 0px;
}
.contentSliderContainer .contentSlider {
height: auto;
}
.contentSliderContainer .contentSlider .contentSliderItem {
display: block;
min-height: 521px;
height: auto;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol01, .contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol02 {
height: auto;
width: 100%;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol01 {
height: 220px;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol01 .stripes {
background-image: var(--stripes-06-02);
background-repeat: no-repeat;
height: 20px;
width: 85%;
left: 0;
background-size: auto 100%;
background-position: left bottom;
bottom: -1px;
top: initial;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol02 {
padding: 30px 25px 100px;
display: block;
text-align: center;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol02 p {
font-size: 12px;
line-height: 1.67;
letter-spacing: normal;
margin: 0 0 15px 0;
}
.contentSliderContainer .contentSlider .contentSliderItem .contentSliderItemCol02 .btnRed {
display: table;
margin: 0 auto;
text-align: left;
}
.contentSliderContainer .slider-navigation {
position: absolute;
width: 90px;
height: 42px;
bottom: 40px;
left: 0;
right: 0;
margin: 0 auto;
}
.contentSliderContainer .slider-navigation-next, .contentSliderContainer .slider-navigation-prev {
top: 0;
}
.contentSliderContainer .slider-navigation-next {
right: initial;
}
.contentSliderContainer .slider-navigation-prev {
right: initial;
}
.contentSliderContainer.addBorderBottom {
border-bottom: 1px solid #DCDEE6;
}
.contentSliderContainer.singleItem .contentSlider .contentSliderItem .contentSliderItemCol02 {
padding: 30px 25px;
}
.btnTag {
padding: 4px 6px;
font-size: 10px;
border-radius: 3px;
}
.blogPostDataWrapper {
max-width: 100%;
padding: 0 25px;
margin: 18px 0 30px 0;
flex-wrap: wrap;
text-align: center;
}
.blogPostDataWrapper .blogPostData {
width: 100%;
font-size: 12px;
margin: 0 0 10px 0;
}
.blogPostDataWrapper .blogPostData #blogPostReadingTime .blogPostReadingTimeValue {
background-size: 13px auto;
padding: 0 0 0 18px;
margin: 0 0 0 1px;
}
.blogPostDataWrapper .blogPostTags {
width: 100%;
gap: 4px;
justify-content: center;
}
.blogPostDataWrapper .blogPostTags span {
margin: 0;
}
.blogOverview {
padding: 0;
margin: 0;
}
.blogOverview .blogFilter {
padding: 0;
margin: 40px 0 20px 0;
}
.blogOverview .blogFilter, .basketTabFilter, .sport2000rent_kundenkonto .navFilter, .rentLocationListContainer .countryFilter {
overflow: auto;
white-space: nowrap;
padding: 1px 0;
}
.blogOverview .blogFilter button, .basketTabFilter button, .sport2000rent_kundenkonto .navFilter button, .rentLocationListContainer .countryFilter button {
font-size: 12px;
padding: 10px 15px 11px 15px;
border-radius: 10px;
margin: 0 5px 0 0;
}
.blogOverview .blogFilter button:first-child, .basketTabFilter button:first-child, .sport2000rent_kundenkonto .navFilter button:first-child, .rentLocationListContainer .countryFilter button:first-child {
margin: 0 5px 0 25px;
}
.blogOverview .blogFilter button:last-child, .basketTabFilter button:last-child, .sport2000rent_kundenkonto .navFilter button:last-child, .rentLocationListContainer .countryFilter button:last-child {
margin: 0 25px 0 0;
}
.blogOverview .blogFilter::-webkit-scrollbar, .basketTabFilter::-webkit-scrollbar, .sport2000rent_kundenkonto .navFilter::-webkit-scrollbar, .rentLocationListContainer .countryFilter::-webkit-scrollbar {
width: 0px;
}
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem,
.blogList .blogTeaserItemContainer .blogTeaserItem,
.aftersalesWrapper .aftersalesList .aftersalesItem {
margin: 0 4px;
font-size: 12px;
height: 353px !important;
}
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogPostTags, .blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .aftersalesItemTags,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogPostTags,
.blogList .blogTeaserItemContainer .blogTeaserItem .aftersalesItemTags,
.aftersalesWrapper .aftersalesList .aftersalesItem .blogPostTags,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemTags {
width: calc(100% - 10px);
top: 9px;
left: 9px;
}
.blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .blogPostTags span, .blogTeaserSection .blogTeaserItemContainer .blogTeaserItem .aftersalesItemTags span,
.blogList .blogTeaserItemContainer .blogTeaserItem .blogPostTags span,
.blogList .blogTeaserItemContainer .blogTeaserItem .aftersalesItemTags span,
.aftersalesWrapper .aftersalesList .aftersalesItem .blogPostTags span,
.aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemTags span {
margin: 0px 2px 2px;
padding: 3px 5px;
}
.blogTeaserSection .btnRed,
.blogList .btnRed {
margin: 0 25px 0 0;
}
.blogTeaserSection {
margin: 0 0 60px 0;
}
.blogList {
padding: 0 0 40px 0;
}
.blogList .blogTeaserItemContainer {
margin: 0 21px 0 21px;
}
.blogList .blogTeaserItemContainer .blogTeaserItem {
width: 98%;
margin: 0 4px 15px 4px;
}
.tx-hiroki-aftersales {
margin: 0 -25px;
}
.tx-hiroki-aftersales p.h4-headline {
padding-bottom: 6px;
width: calc(100% - 50px);
margin: 0 auto 20px auto !important;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper {
padding: 0 0 60px 0;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList {
display: flex;
gap: 0px;
padding: 0 25px;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList .aftersalesItem {
margin: 0;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList .aftersalesItem .btnTag {
padding: 6px 9px;
font-size: 12px;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent .topline {
font-size: 13px;
}
.tx-hiroki-aftersales .aftersalesExtension .aftersalesWrapper .aftersalesList .aftersalesItem .aftersalesItemContent .aftersalesItemTitle {
margin-top: 14px;
padding-top: 20px;
}
.tx-hiroki-aftersales .slider-navigation {
bottom: 42px;
}
.rentSummaryBox {
margin: 0 0 8px 0 !important;
}
.rentSummaryBox .rentSummaryTitle {
font-size: 14px;
min-height: 46px;
height: auto;
}
.rentSummaryBox .rentSummaryTitle:after {
content: "";
position: absolute;
width: 13px;
height: 13px;
background-size: 13px auto;
right: 10px;
}
.rentSummaryBox .rentSummaryTitle span {
font-size: 14px;
}
.rentSummaryBox .rentSummaryTitle span.mr-3 {
margin-right: 0px;
}
.rentSummaryBox .rentSummaryTitle span.fixedWith-11, .rentSummaryBox .rentSummaryTitle span.fixedWith-12, .rentSummaryBox .rentSummaryTitle span.fixedWith-18 {
display: inline-block;
height: auto;
}
.rentSummaryBox .rentSummaryTitle span.fixedWith-11 {
width: auto;
}
.rentSummaryBox .rentSummaryTitle span.fixedWith-12 {
width: auto;
}
.rentSummaryBox .rentSummaryTitle span.fixedWith-18 {
width: auto;
}
.rentSummaryBox .rentSummaryTitle span.price {
right: 43px;
top: 16px;
padding: 0px;
transform: none;
}
.rentSummaryBox .rentSummaryTitle div.partnerInfo {
position: absolute;
right: 16px;
bottom: 16px;
top: unset;
transform: none;
}
.rentSummaryBox .rentSummaryTitle div.partnerInfo div.partnerLabel {
display: none;
}
.rentSummaryBox .rentSummaryTitle div.partnerInfo div.partnerLogo img {
max-height: 22px;
}
.rentSummaryBox .rentSummaryTitle span.iconCalendar {
margin: 5px 10px 0 0;
display: table;
width: 100%;
padding: 5px 0 0 0;
font-size: 13px;
background-position: left top 1px;
background-size: 12px auto;
padding: 0 0 0 20px;
}
.rentSummaryBox .rentSummaryTitle span.iconLocation {
margin: 5px 10px 0 0;
display: table;
width: 100%;
padding: 5px 0 0 0;
font-size: 13px;
background-position: left 1px center;
background-size: 10px auto;
padding: 0 0 0 20px;
}
.rentSummaryBox .rentSummaryContent {
padding: 14px 16px;
font-size: 12px;
}
.rentSummaryBox .rentSummaryContentItem {
width: 100%;
margin: 0;
}
.rentSummaryBox .rentSummaryContentItem .label, .rentSummaryBox .rentSummaryContentItem .value {
font-size: 14px;
margin: 0 0 8px 0;
}
.rentSummaryBox .rentSummaryContentItem .label {
width: 36%;
flex-shrink: 0;
}
.rentSummaryBox .rentSummaryContentItem:nth-child(2n) {
width: 100%;
margin: 0;
}
.rentSummaryBox .summaryContentContainer {
margin: 0 0 12px 0;
}
.rentSummaryBox .cartItem {
width: 100%;
float: none;
margin: 0 0 8px 0;
}
.rentSummaryBox .cartItem:nth-child(even) {
margin: 0 0 8px 0;
}
.rentSummaryBox .cartItem:last-child {
margin: 0px !important;
}
.rentSummaryBox.rentSummaryBoxPerson .rentSummaryTitle, .rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryTitle, .rentSummaryBox.rentSummaryBoxInvoice .rentSummaryTitle, .rentSummaryBox.rentSummaryBoxOrder .rentSummaryTitle, .rentSummaryBox.bookingOverview .rentSummaryTitle, .rentSummaryBox.rentSummaryBoxCancellationDetails .rentSummaryTitle {
padding: 0 0 0 32px;
}
.rentSummaryBox.bookingOverview .rentSummaryTitle.hasPartner span.iconCalendar, .rentSummaryBox.bookingOverview .rentSummaryTitle.hasPartner span.iconLocation {
padding-right: 100px;
}
.rentSummaryBox.rentSummaryBoxInvoice .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxOrder .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxCancellationDetails .rentSummaryTitle::before {
width: 25px;
}
.rentSummaryBox.rentSummaryBoxCancellationDetails .rentSummaryTitle {
padding: 0 0 0 32px !important;
margin: 0 0 0 16px;
}
.rentSummaryBox.rentSummaryBoxPerson .rentSummaryTitle::before, .rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryTitle::before {
width: 20px;
}
.rentSummaryBox.rentSummaryBoxComment .rentSummaryTitle {
background-size: 23px auto;
}
.rentSummaryBox.rentSummaryBoxComment .rentSummaryContent {
font-size: 14px;
}
.rentSummaryBox.noBorder .rentSummaryHeader {
margin: 0 0 10px 0;
}
.rentSummaryBox.noBorder .rentSummaryContent {
padding: 20px 0;
}
.rentSummaryBox.noBorder .rentSummaryContent.bordered {
padding: 16px 14px;
}
.rentSummaryBox .rentSummaryHeader {
position: relative;
}
.rentSummaryBox .rentSummaryHeader h4 {
margin: 0px;
}
.rentSummaryBox .rentSummaryHeader .infoContainer {
position: initial;
text-align: right;
margin: 20px 0 0 0;
}
.rentSummaryBox .rentSummaryHeader span.info {
font-size: 10px;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .cartSlideInAgeContainer {
background-color: #fff;
padding: 0.5vw 0 0 0;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .cartSlideInAgeContainer:first-child {
padding-top: 1vw;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryContent {
padding: 0px !important;
border-top: none !important;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryContent .cartSlideInAgeContent {
overflow: hidden;
background-color: #fff !important;
}
.rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryContent .cartSlideInAgeContent .cartItem .cartItemDelete, .rentSummaryBox.rentSummaryBoxUnassignedProducts .rentSummaryContent .cartSlideInAgeContent .cartItem .cartItemCheckWrapper {
display: none !important;
}
.rentProducts {
padding: 59px 0 0 0;
}
#bookingDataProductsWrapper {
margin-top: 40px;
}
#bookingDataTopBar {
top: 22px;
padding: 0;
}
#bookingDataTopBar .rentProductsFilter {
padding: 0 25px;
overflow: auto;
white-space: nowrap;
}
#bookingDataTopBar .rentProductsFilter::-webkit-scrollbar {
width: 0;
}
#bookingDataTopBar .rentProductsFilter .rentProductsFilterAge, #bookingDataTopBar .rentProductsFilter .rentProductsFilterCategory, #bookingDataTopBar .rentProductsFilter .rentProductsFilterGroupsize {
margin: 0 6px 0 0;
}
#bookingDataTopBar .rentProductsFilter .rentProductsFilterHeadline {
display: none;
}
#bookingDataTopBar .poweredByInfo {
display: none;
}
.cart {
width: 50px;
height: 49px;
background-size: 29px auto;
background-position: center;
top: -50px;
right: 0px;
z-index: 500;
}
.cart span {
width: 23px;
height: 23px;
left: 23px;
top: 19px;
font-size: 10px;
padding: 2.5px 0 0 0;
}
.rentTopBar {
top: 50px;
height: 90px;
border-top: 0;
transition: 0.2s all ease-in-out;
z-index: 90 !important;
transition: none !important;
flex-direction: column;
}
.rentTopBar.productAddedToBasket {
height: 30px;
}
.rentTopBar .support {
display: block;
opacity: 0;
visibility: hidden;
position: fixed;
bottom: 0px;
text-align: center;
color: #fff;
max-width: 345px;
padding: 12px 37px 15px 39px;
border-radius: 21px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
border: solid 1px rgba(255, 255, 255, 0.25);
background-color: #303133;
margin: 0 auto;
left: 15px;
right: 15px;
}
.rentTopBar .support a {
font-size: 12px;
color: #fff;
letter-spacing: -0.1px;
text-decoration: none;
}
.rentTopBar .logo {
display: none;
}
.rentTopBar .infoBar {
width: 100%;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
margin-top: 0px;
}
.rentTopBar .infoBar .infoBarShopReset {
display: none;
}
.rentTopBar .infoBar .infoBarShop {
width: 100% !important;
padding: 0;
margin: 9px 0 0 0;
text-align: center;
}
.rentTopBar .infoBar .infoBarShop.higherWidth {
width: 100%;
}
.rentTopBar .infoBar .infoBarShop .infoBarShopTitle {
font-size: 13px;
padding-right: 0px;
}
.rentTopBar .infoBar .infoBarShop .infoBarShopSubtitle {
font-size: 10px;
padding-right: 0px;
}
.rentTopBar .infoBar .infoBarShop.withIcon {
background-image: none !important;
}
.rentTopBar .infoBar .infoBarShop.hasPartner {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding: 0 16px;
text-align: left;
}
.rentTopBar .infoBar .infoBarShop.hasPartner .infoBarShopTitle, .rentTopBar .infoBar .infoBarShop.hasPartner .infoBarShopSubtitle {
padding-right: 10px;
}
.rentTopBar .infoBar .infoBarShopMore {
height: 32px;
width: 32px;
border-radius: 6px;
background-size: 6px auto;
margin: 0 6px 0 0;
order: 3;
}
.rentTopBar .infoBar .infoBarShopOffers {
width: 32px !important;
height: 32px;
border-radius: 6px;
background-position: center;
background-size: auto 90%;
margin: 0;
padding: 0px;
color: transparent;
text-indent: -999px;
order: 4;
}
.rentTopBar .infoBar button.bookingDatePresentation {
font-size: 12px;
border-radius: 6px;
width: 118px !important;
height: 32px;
padding: 8px 0 8px 34px;
font-size: 12px;
top: 0;
}
.rentTopBar .infoBar button.bookingDatePresentation::before {
left: 10px;
width: 17px;
}
.rentTopBar .infoBar button.bookingDatePresentation.bookingDateFromPresentation {
order: 1;
margin: 0 6px 0 0;
}
.rentTopBar .infoBar button.bookingDatePresentation.bookingDateToPresentation {
order: 2;
}
.rentTopBar .stripes {
height: 7px;
bottom: -7px;
background-image: var(--stripes-07-02);
background-repeat: no-repeat;
background-position: right 0 top;
background-size: 100% auto;
width: 88%;
}
.rentTopBar.inoverlay {
height: auto;
top: 0;
position: relative;
}
.rentTopBar.inoverlay .infoBar {
position: relative;
display: block;
height: auto;
padding: 12px 52px 12px 37px;
}
.rentTopBar.inoverlay .infoBar .infoBarShopTitle {
font-size: 14px !important;
font-weight: 600;
}
.rentTopBar.inoverlay .infoBar .infoBarShopSubtitle {
font-size: 10px;
}
.rentTopBar.inoverlay .infoBar .infoBarShopMore {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
}
.rentTopBar.inoverlay .infoBar::before {
position: absolute;
display: block;
width: 18px;
height: 100%;
content: "";
left: 10px;
top: 50%;
transform: translateY(-50%);
-webkit-mask-image: var(--location-icon);
mask-image: var(--location-icon);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
background-color: var(--dynamic-primary-color);
}
html[lang=en] .rentTopBar .infoBar {
}
html[lang=en] .rentTopBar .infoBar button.bookingDatePresentation {
width: 127px !important;
}
.rentProductsSliderContainer {
padding: 0;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader {
padding: 0 0 0 25px;
align-items: flex-start;
flex-wrap: wrap;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader h2 {
width: 100%;
font-size: 20px;
letter-spacing: -0.17px;
margin: 0;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter {
display: flex;
justify-content: space-between;
width: 100%;
flex-direction: row-reverse;
align-items: center;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn {
display: none;
font-size: 12px;
padding: 8px 19px 9px;
margin: 5px 0 0 0;
border-radius: 6px;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn.showMobile {
display: block;
font-size: 10px;
border: none;
padding: 0px;
margin: 0 25px 0 0;
display: inline-block;
text-decoration: underline;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn:hover {
color: var(--dynamic-primary-color);
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .rentProductsSliderFilter .filterBtn.active {
display: block;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .slider-navigation {
bottom: -320px;
}
.rentProductsSliderContainer .rentProductsSliderContainerHeader .slider-navigation-prev,
.rentProductsSliderContainer .rentProductsSliderContainerHeader .slider-navigation-next {
top: unset;
bottom: 0;
}
.rentProductsSliderContainer .rentProductsSlider {
margin: 0px;
padding-top: 10px !important;
padding-bottom: 87px !important;
}
.rentProductsSliderContainer .rentProductsSliderItem {
font-size: 12px;
height: 255px !important;
}
.rentProductsSliderContainer .rentProductsSliderItem.teaserItem {
position: absolute;
display: none;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemImage {
width: 81px;
height: 240px;
right: 14px;
background-size: contain;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemImage span {
font-size: 8px;
right: -31px;
bottom: 42px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemImage.insuranceProductImage {
background-size: 62px auto;
background-position: top 55px center;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem.uid498, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid505, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid504, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid506, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid461, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid462, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid463, .rentProductsSliderContainer .rentProductsSliderItem.productItem.uid464 {
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent {
padding: 0 110px 0 16px;
margin-top: 49px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent.reducedTopMargin {
margin-top: 25px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemModel {
font-size: 22px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemModel span.stars {
font-size: 12px;
margin: 0 0 4px 0;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemModel.type4 {
font-size: 22px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemModel.larger {
font-size: 22px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemContent .productItemDetails button {
font-size: 10px;
margin: 10px 0 0 0;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem.c4 .productItemContent {
margin-top: 33px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemOnlinePrice {
font-size: 18px;
letter-spacing: -0.08px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemPrice {
font-size: 10px;
line-height: 1.5;
letter-spacing: -0.08px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemProduct {
font-size: 10px;
margin: 0 0 5px 0;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemGroupAmount {
font-size: 10px;
margin: 8px 0 0 0;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemGroupAmount input {
border-radius: 6px;
font-size: 10px;
height: 20px;
width: 20px;
padding: 3px;
margin: 0 0 0 4px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemGroupAmount.error input {
border-color: var(--dynamic-primary-color);
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .modellgenauSelectWrapper {
margin: 5px 0 0 0;
width: 160px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect {
width: 160px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .productItemOnlineBottom {
padding: 0 113px 0 0;
bottom: 16px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink {
width: 139px;
height: 38px;
background-image: none;
margin: 8px 0 0 0;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink span {
top: 13px;
font-size: 12px;
letter-spacing: -0.09px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink:hover span, .rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink:active span, .rentProductsSliderContainer .rentProductsSliderItem.productItem .btnGreenLink:focus span {
top: 13px;
}
.rentProductsSliderContainer .rentProductsSliderItem.productItem .btnTag {
left: 16px;
top: 16px;
}
.productItemInfo {
position: fixed;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
padding: 0;
font-size: 12px;
line-height: 1.6 !important;
overflow-y: auto;
overflow-x: hidden;
padding: 50px 0 136px 0;
margin: 0px;
}
.productItemInfo .btnClose {
width: 30px;
height: 30px;
z-index: 250;
right: 14px;
top: 10px;
}
.productItemInfo .btnClose::before {
-webkit-mask-size: 11px auto;
mask-size: 11px auto;
}
.productItemInfo .productItemOnlinePrice {
display: none;
}
.productItemInfo .productItemOnlinePrice.showMobile {
display: block;
height: 48px;
width: 100%;
font-size: 26px;
padding: 4px 0 0 0;
margin: 0px;
border-top: 1px solid #DCDEE6;
letter-spacing: -1px;
}
.productItemInfo .productItemPrice {
display: block;
height: 22px;
width: 100%;
font-size: 10px;
font-weight: 400;
}
.productItemInfo .productItemPrice span {
text-decoration: line-through;
}
.productItemInfo .mobileFooter {
position: fixed;
z-index: 1;
bottom: 0;
width: 100%;
height: 127px;
background: var(--light-grey);
left: 0;
}
.productItemInfo .productItemLinks a {
margin: 0 8px 8px 0 !important;
}
.productItemInfo .col01,
.productItemInfo .col02,
.productItemInfo .col03 {
float: none;
width: 100%;
height: auto;
text-align: center;
padding: 12px 8px 30px 8px;
border-bottom: 1px solid #DCDEE6;
}
.productItemInfo .col01 {
padding-bottom: 10px;
}
.productItemInfo .col02 {
height: 300px !important;
}
.productItemInfo .col03 {
border-bottom: 0;
}
.productItemInfo .productItemInfoProduct {
font-size: 22px;
}
.productItemInfo .productItemInfoModel {
font-size: 36px;
margin: 4px 0 12px 0;
}
.productItemInfo .productItemInfoModel span.stars {
font-size: 32px;
}
.productItemInfo .productItemInfoTitle {
font-size: 15px;
text-align: left;
}
.productItemInfo ul {
margin: 12px 0 24px 0;
text-align: left;
}
.productItemInfo ul li {
font-size: 12px;
padding: 0;
margin: 0 0 8px 24px;
}
.productItemInfo .btnGreenLink {
font-size: 16px;
height: 56px;
display: block;
border-radius: 0;
padding: 18px 8px 0 8px;
}
.overlayHeader {
position: fixed;
top: 0;
background: #101010;
height: 50px;
width: 100%;
color: #ffffff;
font-size: 12px;
font-weight: 600;
z-index: 250;
display: flex;
align-items: center;
justify-content: center;
}
.overlayHeader .btnClose {
display: block;
width: 30px;
height: 30px;
right: 14px;
top: 50%;
transform: translateY(-50%);
}
.overlayHeader .btnClose::before {
-webkit-mask-size: 11px auto;
mask-size: 11px auto;
}
.overlayHeader .btnBack {
width: 40px;
height: 50px;
position: absolute;
left: 0;
top: 0;
background: url('../../../fileadmin/templates/img/icon-back.svg') no-repeat center center;
background-size: 16px auto;
cursor: pointer;
}
.overlayWindow {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
background: #ffffff;
height: auto;
}
.overlayContent {
margin: 50px 0 0 0;
overflow-y: scroll;
overflow-x: hidden;
}
.overlaySearch {
flex-direction: column;
}
.overlaySearch .overlayContent {
flex-grow: 1;
transition: padding 0.2s ease-in-out;
}
.overlaySearch .overlayContent label {
display: none;
}
.overlaySearch .overlayContent.ctaActive {
padding-bottom: 44px;
}
.overlaySearch.show {
display: flex;
}
.overlaySearch .mobileResults .loaderWrapper {
background-color: #fff;
position: fixed;
margin-top: 115px;
height: calc(100% - 115px);
}
.overlaySearch .mobileResults .loaderWrapper .loader {
background-color: transparent;
}
.overlaySearch .mobileResults .noResults {
margin: 20px 0 0 0;
text-align: center;
font-weight: 600;
}
.overlaySearch .mobileResults .category {
text-align: center;
background-color: var(--light-grey);
line-height: 2;
color: #7F8185;
border-bottom: solid thin #D0D2D9;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
}
.overlaySearch .mobileResults ul li {
border-bottom: solid thin #D0D2D9;
padding: 10px 20px;
list-style-type: none;
cursor: pointer;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.overlaySearch .mobileResults ul li .infoWrapper {
width: 70%;
display: inline-block;
}
.overlaySearch .mobileResults ul li .infoWrapper .col01 {
display: inline-block;
width: 100%;
}
.overlaySearch .mobileResults ul li .infoWrapper .col02 {
display: inline-block;
text-align: left;
width: 100%;
font-size: 11px;
}
.overlaySearch .mobileResults ul li .mapBtnWrapper {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
}
.overlaySearch .mobileResults ul li .mapBtnWrapper a {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.overlaySearch .mobileResults ul li .title {
font-weight: 600;
font-size: 13px;
}
.overlaySearch .mobileResults ul li .subtitle {
font-size: 12px;
}
.overlaySearch .mobileResults ul li .rating, .overlaySearch .mobileResults ul li .rentalPeriod {
font-size: 10px;
font-weight: 600;
color: #101010;
}
.overlaySearch .mobileResults ul li .rating .starRating {
display: none;
}
.overlaySearch .mobileResults ul li .rating .starRating {
display: none;
}
.overlaySearch .mobileResults ul li:hover {
background-color: var(--light-grey);
}
.overlaySearch .mobileResults ul li:focus-visible, .overlaySearch .mobileResults ul li.highlighted {
background-color: var(--light-grey2);
}
.overlaySearch #clearMobileInputSearch {
width: 25px;
height: 25px;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
border-radius: 200px;
z-index: 1;
cursor: pointer;
background-color: var(--dynamic-primary-color);
}
.overlaySearch #clearMobileInputSearch::before {
display: block;
content: "";
width: 100%;
height: 100%;
-webkit-mask-image: var(--close-icon);
mask-image: var(--close-icon);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 10px auto;
mask-size: 10px auto;
background-color: #fff;
}
.overlaySearch button.overlaySearchContentCta {
position: absolute;
bottom: -44px;
z-index: 1;
width: 100%;
height: 44px;
background-color: var(--dynamic-secondary-color);
text-align: center;
font-size: 16px;
cursor: pointer;
letter-spacing: -0.2px;
color: #fff;
font-weight: 600;
transition: 0.2s all ease-in-out;
}
.overlaySearch button.overlaySearchContentCta:disabled {
background-color: var(--dynamic-primary-color);
cursor: not-allowed;
}
.overlaySearch button.overlaySearchContentCta.active {
bottom: 0px;
}
.overlaySearch#rentSearchFormLocationOverlay .overlayContent .mobileLocationSearchFormWrapper {
position: sticky;
z-index: 1;
top: 0px;
}
.overlaySearch#rentSearchFormLocationOverlay .overlayContent .mobileLocationSearchFormWrapper .rentSearchFormLocationInputOverlay {
position: relative;
width: 100%;
height: 65px;
padding: 12px 40px 12px 37px;
border: none;
border-bottom: 1px solid #DCDEE6;
font-size: 16px;
font-weight: 600;
}
.overlaySearch#rentSearchFormLocationOverlay .overlayContent .mobileLocationSearchFormWrapper::before {
position: absolute;
z-index: 1;
left: 10px;
display: block;
content: "";
width: 18px;
height: 100%;
-webkit-mask-image: var(--location-icon);
mask-image: var(--location-icon);
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--dynamic-primary-color);
}
.overlaySearch#rentSearchFormDateOverlay .overlayContent .date {
}
.overlaySearch#rentSearchFormDateOverlay .overlayContent .date .bookingDateDatepickerMobile {
position: relative;
visibility: hidden;
pointer-events: none;
width: 0px !important;
height: 0px !important;
}
.overlaySearch#rentSearchFormDateOverlay .overlayContent .date .rentSearchFormDateFrom, .overlaySearch#rentSearchFormDateOverlay .overlayContent .date .rentSearchFormDateTo {
width: 50%;
float: left;
position: relative;
position: sticky;
top: 0px;
z-index: 5;
}
.overlaySearch#rentSearchFormDateOverlay .overlayContent .date button.bookingDatePresentation {
display: flex;
align-items: center;
width: 100%;
height: 44px;
padding: 0 0 0 36px;
font-size: 12px;
font-weight: 600;
border: none;
box-shadow: inset 0 -1px 0 0 #DCDEE6;
background-color: #fff;
border-radius: 0px;
}
.overlaySearch#rentSearchFormDateOverlay .overlayContent .date button.bookingDatePresentation.active {
box-shadow: inset 0 -2px 0 0 var(--dynamic-primary-color);
}
.overlaySearch#rentSearchFormDateOverlay .overlayContent .date button.bookingDatePresentation.bookingDateFromPresentation {
border-right: 1px solid #DCDEE6;
}
.overlaySearch#rentSearchFormDateOverlay .overlayContent .date button.bookingDatePresentation::before {
width: 17px;
left: 8px;
}
.overlayFilter ul li {
list-style-type: none !important;
color: #101010;
font-size: 16px;
padding: 30px 12px;
border-bottom: 1px solid #DCDEE6;
text-align: center;
font-weight: 600;
cursor: pointer;
}
.overlayProductAdded {
height: auto;
top: 50px;
padding-bottom: 0px !important;
}
.overlayProductAdded .overlayHeader {
display: none;
top: 0;
}
.overlayProductAdded .overlayContent {
margin: 0px;
height: 100%;
overflow: hidden;
}
.overlayProductAdded .logo {
display: none;
}
.overlayProductAdded .overlayProductAddedTopBar {
background-color: #f2f2f2;
padding: 0 25px 0 30px;
min-height: 70px;
height: auto;
transition: 0.2s all ease-in-out;
display: flex;
align-items: center;
}
.overlayProductAdded .overlayProductAddedTopBar .overlayProductAddedTopBarInner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px 0 0 0;
}
.overlayProductAdded .overlayProductAddedTopBar .overlayProductAddedTopBarInner .message {
position: initial;
font-family: var(--font-base);
font-size: 12px;
line-height: normal;
}
.overlayProductAdded .overlayProductAddedTopBar .overlayProductAddedTopBarInner .message span {
background-size: 30px auto !important;
background-position: left center !important;
padding: 10px 10px 10px 39px;
font-weight: 500;
}
.overlayProductAdded .overlayProductAddedTopBar .overlayProductAddedTopBarInner .continueShopping {
flex-shrink: 0;
position: initial;
font-size: 12px;
letter-spacing: -0.09px;
transform: none;
}
.overlayProductAdded .overlayProductAddedTopBar .stripes {
height: 7px;
top: 0px;
bottom: initial;
width: 88%;
background-position: left top;
background-size: 100% auto;
}
.overlayProductAdded .p {
line-height: 1.4;
}
.overlayProductAdded.noSuggestion {
height: 71px;
padding: 0px !important;
overflow: hidden;
}
.overlayProductAdded.noSuggestion .overlayProductAddedTopBar {
height: 100%;
}
.overlayProductAdded.noSuggestion .overlayHeader {
top: 0;
}
.overlayProductAddedSuggestions {
height: calc(100vh - 120px);
padding: 0;
box-shadow: none;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner {
max-height: unset;
height: 100%;
padding: 35px 20px 35px 20px;
margin-bottom: 100px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock {
margin: 0 0 40px;
padding: 0px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock p.h4-headline {
text-align: center;
margin-bottom: 11px;
font-size: 22px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items {
display: grid;
grid-template-columns: 1fr;
gap: 13px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item {
height: 63px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent {
gap: 3px;
padding: 0 15px 0 0;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemHead .itemTitle {
line-height: 1.1;
font-size: 16px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemSubtitle {
line-height: 1;
font-size: 13px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemContent .itemFooter .itemInfo {
line-height: 1;
font-size: 10px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemAction {
width: 40px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemAction .icheckbox_square, .overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item .itemAction .iradio_square {
width: 18px;
height: 18px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item.product.SKI .itemImage {
max-width: 55px;
width: calc(19.4% - 20px);
margin-left: 10px;
margin-right: 10px;
align-self: flex-end;
background-repeat: no-repeat;
background-position: center;
background-size: 82% auto;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item.product.BIKE .itemImage {
max-width: 55px;
height: calc(100% - 10px);
width: calc(19.4% - 10px);
margin: 10px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item.service .itemImage {
max-width: 55px;
height: calc(100% - 20px);
width: calc(19.4% - 20px);
margin: 10px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock .items .item.service .itemContent .itemFooter .itemSubtitle {
font-size: 13px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsInner .suggestionsBlock:last-child {
margin-bottom: 0px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter {
position: fixed;
width: 100%;
bottom: 0px;
height: 100px;
padding: 0 20px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner {
overflow: hidden;
flex-direction: column;
justify-content: center;
gap: 12px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerLeft {
font-size: 12px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight {
gap: 10px;
}
.overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.red, .overlayProductAddedSuggestions .overlayProductAddedSuggestionsFooter .overlayProductAddedSuggestionsFooterInner .overlayProductAddedSuggestionsFooterInnerRight button.green {
font-size: 13px;
padding: 10px;
min-width: 130px;
border-radius: 10px;
}
.btnRed.eticket {
display: table;
margin: 0 auto 30px auto;
}
.btnRed.eticket a {
padding: 10px 22px 10px 22px;
font-size: 13px;
}
.confirmationBanner {
margin: 0 0 20px 0;
}
.confirmationBanner img {
width: 100%;
height: auto;
}
.cartSlideInAgeContainer {
padding: 10px 16px;
}
.cartSlideInAgeContainer .cartSlideInAgeTitle {
font-size: 14px;
padding: 5px 0;
margin: 0;
}
.cartSlideInAgeContainer .cartSlideInAgeContent {
padding: 0;
}
.cartSlideInAgeContainer:first-child {
padding-top: 20px;
}
.loaderWrapper .loader::before {
width: 40px;
height: 40px;
}
.cartItem {
height: 90px;
margin: 0 0 8px 0;
}
.cartItem .cartItemImage {
height: 90px;
}
.cartItem .cartItemContent {
height: 90px;
font-size: 12px;
padding: 12px 0 0 0;
}
.cartItem .cartItemContent .cartItemProduct {
font-size: 17px;
}
.cartItem .cartItemContent .cartItemOnlinePrice {
font-size: 14px;
bottom: 14px;
}
.cartItem .cartItemContent .cartItemPrice {
bottom: 14px;
right: 44px;
}
.cartItem .cartItemContent .cartItemDelete {
width: 33px;
background-size: 19px auto;
}
.cartItem .cartItemContent .cartItemCheckWrapper {
width: 33px;
}
.cartSlideInCalculation {
padding: 0px !important;
width: 100%;
height: 97px;
}
.cartSlideInCalculation .row01 {
height: 45px;
padding: 0 25px;
}
.cartSlideInCalculation .row01 .calculationPrice {
font-size: 10px;
}
.cartSlideInCalculation .row01 .calculationOnlinePrice {
font-size: 14px;
}
.cartSlideInCalculation .row02 {
height: 52px;
flex-wrap: initial;
}
.cartSlideInCalculation .row02 .btnBack {
flex-shrink: 0;
width: 55px;
}
.cartSlideInCalculation .row02 .btnBack:before {
background-size: 16px auto;
}
.cartSlideInCalculation .row02 .btnBack:after {
background-size: 16px auto;
}
.cartSlideInCalculation .row02 .proceed {
width: 100%;
font-size: 18px;
}
.cartSlideInCalculation .row02 .proceed span {
padding: 0 24px 0 0;
}
.cartSlideInCalculation .row02 .proceed span:after {
width: 16px;
height: 100%;
background-size: 16px auto;
}
.cartSlideInCalculation .row02 .proceed:hover span:after {
right: 0;
}
.overlaySaveCart {
width: 100%;
z-index: 400;
overflow: scroll;
-webkit-overflow-scrolling: auto;
padding-bottom: 32px;
}
.overlaySaveCart .saveCartIcon {
height: 100px;
margin: 90px 0 0 0;
}
.overlaySaveCart .saveCartIcon::before {
-webkit-mask-size: 100px auto;
mask-size: 100px auto;
}
.overlaySaveCart .saveCartIcon p {
margin: 0px;
font-size: 17px;
padding: 0 16px;
}
.overlaySaveCart .saveCartTitle {
font-size: 30px;
margin: 28px 0 20px 0;
padding: 0 16px;
}
.overlaySaveCart .saveCartForm {
margin: 16px 16px 40px 16px;
padding: 0 16px;
}
.overlaySaveCart .saveCartForm .formItemCheckbox {
margin: 8px 0 20px 0;
}
.overlaySaveCart .saveCartForm .formItemCheckbox label {
padding: 0px !important;
}
.overlaySaveCart .saveCartInfo p {
font-size: 12px;
}
.overlayClose {
width: 30px;
height: 30px;
z-index: 250;
background-size: 11px auto;
right: 14px;
top: 10px;
}
.rentBookingTopBar, .bookingFooter {
display: none;
}
.btnHelp {
width: 40px;
height: 40px;
border-radius: 5px;
position: absolute;
right: 16px;
top: 10px;
background: url('../../../fileadmin/templates/img/icon-help.svg') no-repeat center center var(--dynamic-primary-color);
background-size: 11px auto;
}
.formItemInput label {
text-align: left;
font-size: 10px;
margin: 0 0 5px 0;
}
.formItemInput input,
.formItemInput iframe {
font-size: 14px;
box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
height: 46px !important;
padding: 0 0 0 14px;
margin: 0 0 10px 0;
}
.formItemInput iframe {
padding: 0px;
}
.formItemCheckbox {
padding: 0 0 0 32px;
margin: 0px;
}
.formItemCheckbox label {
padding: 0px;
}
.formItemCheckbox label[for=checkboxPrivacy] {
font-size: 11px;
}
.subsite {
padding: 80px 0 0 0;
}
.subsite article {
padding-left: 0;
}
.stepsWrapper .content {
padding: 0px;
}
.stepsWrapper .content section {
padding: 0 25px;
}
.content .rentBooking .ce-above .ce-bodytext {
width: 100%;
}
.cartSlideInInfo {
height: 36px;
padding: 0px 16px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.cartSlideInInfo h5 {
font-size: 12px;
margin: 0px;
color: #101010;
}
.cartSlideInInfo p {
margin: 0;
}
.cartSlideInInfo a {
font-size: 10px;
}
.cartSlideInInfo .stripes {
width: 7px;
bottom: -7px;
height: 7px;
width: 88%;
background-size: 100% auto;
}
.rentBooking .rentBookingContent {
display: flex;
flex-wrap: wrap;
min-height: calc(100vh - 80px);
}
.rentBooking .rentBookingContent .cartSlideInInfo {
display: none;
}
.rentBooking .rentBookingContent .rentBookingCalculation .basketTabFilter {
display: none;
}
.rentBooking[data-step="1"] .rentBookingContent .rentBookingCalculation .productsWrapper {
display: none;
}
.rentBooking[data-step="2"] .rentBookingContent .rentBookingCalculation .pricesWrapper {
display: none;
}
.rentBooking[data-step="2"] .rentBookingContent .col02 .rentBookingCalculation {
background-color: #fff;
box-shadow: none;
}
.rentBooking[data-step="2"] .rentBookingContent .col02 .rentBookingCalculation .cartItem .cartItemDelete, .rentBooking[data-step="2"] .rentBookingContent .col02 .rentBookingCalculation .cartItem .cartItemCheckWrapper {
display: none;
}
.rentBooking[data-step="2"].hideMobileProductOverview .rentBookingContent .col02 .rentBookingCalculation {
display: none;
}
.rentBooking[data-step="3"] .rentBookingContent .rentBookingCalculation {
display: none;
}
.rentBooking[data-step="3"] .rentBookingContent .rentProceedContainer {
margin: 50px 0 0 0;
}
.rentBooking[data-step="4"] .rentBookingContent .rentBookingCalculation {
display: none;
}
.rentBooking[data-step="4"] .rentBookingContent .col02 {
align-self: flex-end;
}
.rentBooking[data-step="5"] .rentBookingContent .col02 .rentRatingWebsiteIntro, .rentBooking[data-step="5"] .rentBookingContent .col02 .rentRatingWebsiteValue, .rentBooking[data-step="5"] .rentBookingContent .col02 .rentRatingWebsiteIcon, .rentBooking[data-step="5"] .rentBookingContent .col02 .rentRatingWebsiteStars {
display: none;
}
.rentBooking[data-step="5"] .rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent {
display: none;
}
.rentBooking[data-step="5"] .rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent--Confirmation {
display: flex;
align-items: center;
justify-content: center;
height: 70px;
padding: 0 25px;
}
.rentBooking[data-step="5"] .rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent--Confirmation .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarContentTextWrapper {
position: relative;
padding: 0 0 0 40px;
font-size: 18px;
font-weight: 600;
line-height: 1;
letter-spacing: normal;
color: #000;
}
.rentBooking[data-step="5"] .rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent--Confirmation .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarContentTextWrapper:before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 200px;
background-color: #fff;
background-image: url('../../../fileadmin/templates/img/icon-check-green.svg');
background-repeat: no-repeat;
background-size: 28px auto;
background-position: center;
}
.rentBooking[data-step="5"] .bookingFooter {
display: block;
font-size: 12px;
padding: 0 25px;
}
.rentBooking[data-step="5"] .bookingFooter .footerRow01 {
flex-wrap: wrap;
padding: 32px 0 16px;
border-bottom: 1px solid #DCDEE6;
}
.rentBooking[data-step="5"] .bookingFooter .footerRow01 .trustIcons {
width: 80%;
float: none;
margin: 18px auto 14px;
height: 56px;
background-size: contain;
background-position: center;
}
.rentBooking[data-step="5"] .bookingFooter .footerRow02 {
display: none;
}
.ratingWrapper {
margin: 20px 0 0 0;
}
.ratingWrapper .formItem {
margin: 0 0 30px 0;
}
.ratingWrapper label {
font-size: 14px;
}
.ratingWrapper .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 35px !important;
height: 35px !important;
margin: 0 3.5px;
}
.ratingWrapper textarea {
width: 60%;
height: 150px;
border-radius: 3px;
padding: 12px;
}
.ratingWrapper .formItemCheckbox {
padding: 0px;
}
.ratingWrapper .formItemCheckbox label {
font-size: 12px;
text-align: left;
}
.ratingWrapper .allowDataWrapper p, .ratingWrapper .dataProtectionWrapper p {
margin: 0 0 14px 0;
padding: 2px 0 0 30px;
}
.rentBookingContent {
margin: 0px;
padding: 0;
font-size: 12px;
}
.rentBookingContent .col01, .rentBookingContent .col02 {
width: 100%;
padding: 0px;
border: 0;
left: 0;
overflow: initial !important;
}
.rentBookingContent .col02 {
position: initial;
padding: 0px !important;
bottom: 0px;
max-height: unset !important;
}
.rentBookingContent .col02 .btnRed .savePersonAndUpdateProducts {
display: none;
}
.rentBookingContent .rentRatingWebsite {
padding-top: 30px;
}
.rentBookingContent .rentRatingWebsite .rentRatingQuestionsContainer {
margin: 12px 0 0 0;
font-size: 12px;
}
.rentBookingContent .rentRatingWebsite .rentRatingQuestionsContainer .formItem {
margin: 0 0 36px 0;
}
.rentBookingContent .rentRatingWebsite .rentRatingQuestionsContainer .formItem label {
font-size: 14px;
margin: 0px;
}
.rentBookingContent .rentRatingWebsite .rentRatingQuestionsContainer .jq-ry-container {
width: 220px !important;
}
.rentBookingContent .rentRatingWebsite .rentRatingQuestionsContainer .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 35px !important;
height: 35px !important;
margin: 0 3.5px;
}
.rentBookingContent .rentRatingWebsite .rentRatingQuestionsContainer .dataProtectionWrapper {
width: 90%;
}
.rentBookingContent .rentRatingWebsite .rentRatingQuestionsContainer .dataProtectionWrapper .formItem.formItemCheckbox {
padding: 0px;
}
.rentBookingContent .rentRatingWebsite .rentRatingQuestionsContainer .dataProtectionWrapper .formItem.formItemCheckbox label {
font-size: 12px !important;
white-space: nowrap;
padding: 0 0 0 30px;
}
.rentBookingContent .rentRatingWebsite .rentRatingQuestionsContainer .dataProtectionWrapper p {
padding: 2px 0 0 0;
}
.rentBookingContent .rentRatingWebsite .rentRatingsWebsiteHeadline {
font-size: 24px;
line-height: 1;
letter-spacing: 0px;
}
.rentBookingContent .rentRatingWebsite .rentRatingsWebsiteHeadline p {
line-height: 1;
letter-spacing: 0px;
}
.rentBookingContent .rentRatingWebsite .rentRatingWebsiteStars {
display: none;
}
.rentBookingContent .rentRatingWebsite .rentRatingWebsiteSubmit {
position: relative;
height: 52px;
font-size: 18px;
width: 100%;
}
.rentBookingContent .rentRatingWebsite .rentRatingWebsiteSubmit span {
padding: 0 24px 0 0;
background-size: 14px auto;
background-position: right 20px;
}
.rentBookingContent .rentRatingWebsite .rentRatingWebsiteSubmit span:after {
width: 16px;
height: 100%;
background-size: 16px auto;
}
.rentBookingContent .rentBookingProcessInfoBar {
position: relative;
top: 0px;
display: block;
box-shadow: inset 0 -1px 0 0 #d9d9d9;
background-color: #f2f2f2;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent {
padding: 0 25px;
display: flex;
align-items: center;
justify-content: space-between;
height: 70px;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo {
display: flex;
align-items: center;
height: 100%;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarCart {
position: relative;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='34px' height='30px' viewBox='0 0 34 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Desktop---Widescreen---w_1600px' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='02a-Produktoverview---Ski+Stöcke' transform='translate(-1531,-34)' fill='%23101010' fill-rule='nonzero'%3E%3Cg id='Group-4' transform='translate(70,0)'%3E%3Cg id='Group-3' transform='translate(1461,34)'%3E%3Cpath d='M0.937414922,1.87538484 L4.01211877,1.87538484 L5.66594583,6.83814105 C5.67034046,6.85278969 5.67473472,6.86597321 5.67912935,6.8791586 L9.42182153,18.1085476 L10.9554984,22.7109284 C9.49213412,23.2221665 8.4374453,24.6137558 8.4374453,26.2499953 C8.4374453,28.3183479 10.1190974,30 12.18745,30 C14.2558026,30 15.9374547,28.3183479 15.9374547,26.2499953 C15.9374547,25.567382 15.7514207,24.9272562 15.430604,24.374993 L24.8832409,24.374993 C24.560973,24.9272562 24.3749277,25.567382 24.3749277,26.2499953 C24.3749277,28.3183479 26.0565798,30 28.1249324,30 C30.193285,30 31.8749371,28.3183479 31.8749371,26.2499953 C31.8749371,24.1816427 30.193285,22.5 28.1249324,22.5 L12.8627883,22.5 L11.6132868,18.7499859 L14.997066,18.7499859 L14.9985307,18.7499859 L15.0014603,18.7499859 L24.373472,18.7499859 L24.3764015,18.7499859 L24.3778662,18.7499859 L29.0623721,18.7499859 C29.4651976,18.7499859 29.824073,18.4921731 29.9515357,18.1083976 L33.7015404,6.85838357 C33.7967567,6.57273822 33.7484154,6.25778282 33.572634,6.01317002 C33.3968525,5.77000471 33.1141209,5.62496953 32.8123955,5.62496953 L13.161621,5.62496953 L13.1586914,5.62496953 L7.23780905,5.62496953 L5.57666947,.641588302 C5.44922931,.257812822 5.09033136,0 4.68750586,0 L0.937501172,0 C0.418950524,0 0,.418950524 0,.937501172 C0,1.45605182 .418950524,1.87500234 .937501172,1.87500234 L0.937414922,1.87538484 Z M20.6249395,16.8754036 L20.6249395,13.1253989 L24.206494,13.1253989 L23.5809932,16.8754036 L20.6249395,16.8754036 Z M20.6249395,11.2503966 L20.6249395,7.50039188 L25.1440702,7.50039188 L24.5185694,11.2503966 L20.6249395,11.2503966 Z M18.7499372,11.2503966 L14.8563073,11.2503966 L14.2308065,7.50039188 L18.7499372,7.50039188 L18.7499372,11.2503966 Z M18.7499372,13.1253989 L18.7499372,16.8754036 L15.7938835,16.8754036 L15.1683827,13.1253989 L18.7499372,13.1253989 Z M13.8940561,16.8754036 L10.989265,16.8754036 L9.73976342,13.1253989 L13.2700553,13.1253989 L13.8940561,16.8754036 Z M14.0625138,26.2504153 C14.0625138,27.2845916 13.2216878,28.1254177 12.1875115,28.1254177 C11.1533352,28.1254177 10.3125091,27.2845916 10.3125091,26.2504153 C10.3125091,25.216239 11.1533352,24.375413 12.1875115,24.375413 C13.2216878,24.375413 14.0625138,25.216239 14.0625138,26.2504153 Z M30.0000338,26.2504153 C30.0000338,27.2845916 29.1592077,28.1254177 28.1250314,28.1254177 C27.0908551,28.1254177 26.2500291,27.2845916 26.2500291,26.2504153 C26.2500291,25.216239 27.0908551,24.375413 28.1250314,24.375413 C29.1592077,24.375413 30.0000338,25.216239 30.0000338,26.2504153 Z M28.3872317,16.8754036 L25.4824406,16.8754036 L26.1079414,13.1253989 L29.6382333,13.1253989 L28.3872317,16.8754036 Z M30.2622341,11.2503966 L26.4184793,11.2503966 L27.0439801,7.50039188 L31.5117356,7.50039188 L30.2622341,11.2503966 Z M12.3312117,7.50039188 L12.9567124,11.2503966 L9.11295764,11.2503966 L7.86345608,7.50039188 L12.3312117,7.50039188 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 29px auto;
background-position: left center;
width: 39px;
height: 100%;
margin: 0 8px 0 0;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarCart span {
position: absolute;
width: 23px;
height: 23px;
background: #FF902A;
border-radius: 50%;
border: 2px solid #ffffff;
right: 0px;
top: 45%;
color: #ffffff;
font-size: 10px;
padding: 2.5px 0 0 0;
font-weight: 600;
text-align: center;
transition: all 0.1s ease-in-out;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarCart span.active {
background: var(--dynamic-secondary-color);
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarContentTextWrapper .rentBookingProcessInfoBarCartTitle {
font-size: 12px;
font-weight: 600;
line-height: 1;
letter-spacing: normal;
color: #101010;
margin: 0 0 3px 0;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarContentTextWrapper a {
display: block;
font-size: 10px;
text-decoration: underline;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarContentTextWrapper a span.showLabel {
display: inline;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarContentTextWrapper a span.hideLabel {
display: none;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarContentTextWrapper a.isActive span.showLabel {
display: none;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarContentInfo .rentBookingProcessInfoBarContentTextWrapper a.isActive span.hideLabel {
display: inline;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarTotalPrice {
margin: 4px 0 0 0;
font-size: 18px;
line-height: 1.78;
letter-spacing: normal;
text-align: right;
color: #000;
display: flex;
gap: 0.3em;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent .rentBookingProcessInfoBarTotalPrice b {
font-weight: bold;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarContent--Confirmation {
display: none;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent {
display: none;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper {
display: flex;
flex-wrap: wrap;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .basketTabFilter {
display: block;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .cartSlideInInfo {
display: flex;
order: 2;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .rentBookingCalculation {
display: block;
flex-grow: 1;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .pricesWrapper {
display: block;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .productsWrapper {
display: none;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .productsWrapper .cartItem .cartItemDelete, .rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .productsWrapper .cartItem .cartItemCheckWrapper {
display: none !important;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .productsWrapper .cartItem.selected {
opacity: 1 !important;
}
.rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .cartSlideInCalculation, .rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .additionalProductsContentTabHeadlineMobile, .rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .additionalProductsContentTabHeadline, .rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .assignProductsBtn, .rentBookingContent .rentBookingProcessInfoBar .rentBookingProcessInfoBarDropdownContent .helperWrapper .savePersonAndUpdateProducts {
display: none !important;
}
.rentBookingContent .rentBookingProgress {
position: relative;
top: 0px;
height: 23px;
padding: 0 25px;
margin: 20px 0;
width: 100%;
left: 0px;
}
.rentBookingContent .rentBookingProgress .progressAnimation {
display: block;
top: 43%;
}
.rentBookingContent .rentBookingProgress .progressAnimation .line {
width: 100%;
height: 2px;
}
.rentBookingContent .rentBookingProgress .progressAnimation ul {
display: flex;
justify-content: space-between;
padding: 0px;
}
.rentBookingContent .rentBookingProgress .progressAnimation ul li {
width: 23px;
color: transparent;
text-indent: -999px;
background-color: transparent !important;
padding: 0px;
margin: 0px;
}
.rentBookingContent .rentBookingProgress .progressAnimation ul li:before {
width: 23px;
height: 23px;
background-size: 23px 23px !important;
left: 0px;
font-size: 9px;
}
.rentBookingContent .rentBookingProgress[data-step="1"] .progressAnimation .line span {
width: calc(20% - 11.5px);
}
.rentBookingContent .rentBookingProgress[data-step="2"] .progressAnimation .line span {
width: calc(40% - 3.5px);
}
.rentBookingContent .rentBookingProgress[data-step="3"] .progressAnimation .line span {
width: 61.5%;
}
.rentBookingContent .rentBookingProgress[data-step="4"] .progressAnimation .line span {
width: 85%;
}
.rentBookingContent .rentBookingProgress[data-step="5"] .progressAnimation .line span {
width: 100%;
}
.rentBookingContent .bookingProcessStepIntroLine {
font-size: 12px;
margin: 0 0 5px 0;
letter-spacing: normal;
text-align: center;
}
.rentBookingContent .bookingProcessStepHeadline {
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-align: center;
}
.rentBookingContent .bookingProcessStepText {
font-size: 12px;
margin: 10px 0 0 0;
line-height: 1.67;
letter-spacing: normal;
text-align: center;
}
.rentBookingContent .bookingProcessStepText .align-justify, .rentBookingContent .bookingProcessStepText .text-justify {
text-align: center;
}
.rentBookingContent .paymentProcessing {
text-align: center;
margin: 40px 0;
}
.rentBookingContent .paymentProcessing .loading {
position: initial;
display: block;
opacity: 1;
margin: 0 auto 20px auto;
width: 40px;
height: 40px;
}
.rentBookingContent .additionalProductsContentTabHeadline {
display: none;
}
.rentBookingContent .additionalProductsContentTabHeadlineMobile {
display: block;
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 1.43;
margin: 0 0 10px 0;
color: #000;
}
.rentBookingContent .cartSlideInAgeContainer {
padding: 0 0 8px 0;
}
.rentBookingContent .formItem {
width: 100%;
float: none;
font-size: 14px;
}
.rentBookingContent p {
line-height: 1.6;
}
.rentBookingContent h3 {
font-size: 14px;
}
.rentBookingContent h1 {
font-size: 30px;
}
.rentBookingContent .formItem label {
font-size: 10px;
margin: 0 0 5px 0;
}
.rentBookingContent .formItemRight {
margin-left: 0;
}
.rentBookingContent .formRequiredInfo {
font-size: 12px;
margin: 12px 0;
}
.rentBookingContent .cartSlideInInfo {
padding: 0 25px;
height: 36px;
background-color: #f2f2f2;
box-shadow: inset 0 -1px 0 0 #d9d9d9, inset 0 1px 0 0 #d9d9d9;
}
.rentBookingContent .cartSlideInInfo a {
color: var(--dynamic-primary-color);
font-size: 11px;
}
.rentBookingContent .cartSlideInInfo .stripes {
display: none;
}
.rentBookingContent .cartSlideInCalculation {
position: initial !important;
padding: 0px !important;
}
.rentBookingContent .rentBookingCalculation {
background-color: #f5f5f5;
padding: 1px 25px;
box-shadow: inset 0 1px 0 0 #dcdee6;
flex-grow: 1;
}
.rentBookingContent .rentBookingCalculation .basketTabFilter {
padding: 20px 0 0 0;
}
.rentBookingContent .rentBookingCalculation .basketTabFilter button {
width: calc(50% - 5px);
text-align: center;
margin: 0px;
}
.rentBookingContent .rentBookingCalculation .basketTabFilter button:first-child {
margin-right: 5px;
}
.rentBookingContent .rentBookingCalculation h3 {
height: 50px;
font-size: 16px !important;
padding: 16px 0 0 16px !important;
border-top: 1px solid #d0d2da !important;
}
.rentBookingContent .rentBookingCalculation h3:after {
width: 18px;
height: 18px;
right: 16px;
top: 16px;
}
.rentBookingContent .rentBookingCalculation .calculationTable {
padding: 14px 0;
font-size: 14px;
}
.rentBookingContent .rentBookingCalculation .calculationTable .label {
width: 59.2%;
margin: 4px 0;
}
.rentBookingContent .rentBookingCalculation .calculationTable .value {
width: 39.2%;
margin: 0px;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row {
padding: 20px 0 18px 0;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row .label, .rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row .value {
font-size: 14px;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row.totalPrice {
padding: 23px 0 18px 0;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row.totalPrice .label, .rentBookingContent .rentBookingCalculation .calculationSummary .calculationTable .row.totalPrice .value {
font-size: 16px;
}
.rentBookingContent .rentBookingCalculation .calculationSummary .calculationInfo {
margin-top: 25px;
}
.rentBookingContent .rentBookingCalculation .calculationExtras {
padding: 20px 0 16px 0;
font-size: 12px;
}
.rentBookingContent .rentBookingCalculation .calculationExtras .formItem {
margin: 0px 0 8px 1px;
}
.rentBookingContent .rentBookingCalculation .calculationExtras .amount {
font-size: 14px;
}
.rentBookingContent .rentBookingCalculation .calculationExtras span {
font-size: 12px;
display: inline-block;
margin-top: 3px;
}
.rentBookingContent .rentBookingCalculation .calculationExtras button.infoIcon {
width: 12px;
height: 12px;
margin: 4px 0 0 4px;
}
.rentBookingContent .rentBookingCalculation .calculationExtras label:after {
width: 14px;
height: 14px;
background-size: 14px auto;
margin: 0 0 0 8px;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode {
padding: 20px 0 21px 0;
font-size: 14px;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeInfo {
font-size: 10px;
padding: 0;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeError, .rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeValid {
font-size: 12px;
margin: 10px 0 0 0;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper {
margin: 0 0 15px 0;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper .formItem {
width: 72%;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper .formItemSubmitText {
width: 25%;
}
.rentBookingContent .rentBookingCalculation .calculationPromoCode .promoCodeFormWrapper .formItemSubmitText a {
font-weight: 500;
font-size: 10px;
}
.rentBookingContent .rentBookingCalculation .formItemInput33 {
width: 32%;
float: left;
}
.rentBookingContent .rentBookingCalculation .formItemInput33.formItemRight {
margin-left: 2%;
}
.rentBookingContent .rentBookingCalculation .formItemInput33First {
margin-left: 0 !important;
}
.rentBookingContent .rentBookingCalculation .calculationInfo {
position: initial;
font-size: 10px;
padding: 0px 0 40px 0;
}
.rentBookingInvoice .rentBookingInvoiceForm {
padding: 0 0 50px 0;
font-size: 0px;
}
.rentBookingInvoice .rentBookingInvoiceForm .formItemInputSmall {
width: 31%;
margin-right: 3%;
display: inline-block;
}
.rentBookingInvoice .rentBookingInvoiceForm .formItemInputMedium {
width: 66%;
display: inline-block;
}
.skipLink {
display: none;
}
.skipLink.showMobile {
display: block;
float: none;
margin: 14px 0 35px 0;
text-align: center;
}
.skipLink.showMobile a {
font-size: 10px;
}
.rentBookingPersons .formRequiredInfo {
display: none;
}
.rentBookingPersons .rentBookingPersonName {
font-size: 14px !important;
padding: 16px 16px 16px 32px;
}
.rentBookingPersons .rentBookingPersonName::before {
width: 20px;
}
.rentBookingPersons .rentBookingPersonName:after {
width: 13px;
height: 13px;
background-size: 13px auto;
right: 0px;
}
.rentBookingPersons .rentBookingPersonName:first-child {
margin: 0px;
}
.rentBookingPersons .rentBookingPersonData {
padding: 20px 0px 12px 0px;
}
.rentBookingPersons .rentBookingPersonData .removeSinglePerson {
font-size: 10px;
margin: 0 0 10px auto;
}
.rentBookingPersons .rentBookingPersonData form {
display: flex;
flex-wrap: wrap;
}
.rentBookingPersons .rentBookingPersonData form .ageGroupFormItem {
order: 99;
}
.rentBookingPersons .ageGroup {
height: 46px;
border-radius: 3px;
margin: 0 0 12px 0;
padding: 12px 12px 0 12px;
}
.rentBookingPersons .rentBookingPersonProducts {
display: none !important;
}
.rentBookingPersons .rentBookingPersonProducts .cartItem {
width: 100%;
}
.rentBookingPersons .rentBookingPersonProductsOverview {
padding: 20px 0 0 0;
display: none;
}
.rentBookingPersons .rentBookingPersonProductsOverview .cartItem .cartItemCheckWrapper, .rentBookingPersons .rentBookingPersonProductsOverview .cartItem .cartItemDelete {
display: none !important;
}
.rentBookingPersons .rentBookingPersonProductsOverview .cartItem.avaliableToAssignForActivePerson.selected {
opacity: 1;
}
.rentBookingPersons .rentBookingPersonProductsOverview .cartItem.avaliableToAssignForActivePerson .cartItemCheckWrapper {
display: block !important;
}
.rentBookingPersons .rentBookingPersonProductsOverview .cartItem.isOfDifferentAgeGroup {
opacity: 0.5;
}
.rentBookingPersons .rentBookingPersonProceed {
display: none;
}
.rentBookingPersons .rentBookingAddAnotherPerson {
margin: 40px 0;
font-size: 10px;
}
.rentBookingPersons .btnRed .savePersonAndUpdateProducts {
display: inline-block;
margin: 12px 0 0 0;
}
.rentBookingPayment {
padding-bottom: 40px;
}
.rentBookingPayment .checkboxes {
margin: 20px 0 9px 0;
}
.rentBookingPayment .checkboxes .formItem {
margin: 0 0 10px 0;
}
.rentBookingPayment .checkboxes .formItem label {
margin: 0px;
font-size: 12px;
}
.rentBookingPayment .formsWrapper {
margin: 40px 0 0 0;
}
.rentBookingPayment .paymentForm .paymentOptions {
margin: 0 0 30px 0;
gap: 9px;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper {
width: 19.85vw;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem {
height: 13vw;
border-radius: 10px;
margin: 0 0 7px 0;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.creditcard {
background-size: 77% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.paypal {
background-size: 70% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.klarna {
background-size: 66% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.sofort {
background-size: 66% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.sepa {
background-size: 90% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.ideal {
background-size: 69% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.applepay {
background-size: 69% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.googlepay {
background-size: 69% auto;
}
.rentBookingPayment .paymentForm .paymentOptions .paymentOptionWrapper .paymentOptionsItem .icon.postfinance {
background-size: 79% auto;
}
.rentBookingPayment .morePaymentOptionsWrapper a.morePaymentOptions {
font-size: 10px;
}
.groupbookingOfferCheck .rentBooking[data-step="4"] .rentBookingContent .cartSlideInCalculation.acceptGroupbookingOffer {
height: 146px !important;
padding-bottom: 146px !important;
}
.groupbookingOfferCheck .rentBooking[data-step="4"] .rentBookingContent .cartSlideInCalculation.acceptGroupbookingOffer .row02 {
flex-wrap: wrap;
}
.groupbookingOfferCheck .rentBooking[data-step="4"] .rentBookingContent .cartSlideInCalculation.acceptGroupbookingOffer .row02 .acceptAndDeclineOfferWrapper {
width: calc(100% - 55px);
}
.groupbookingOfferCheck .rentBooking[data-step="4"] .cartSlideInCalculation.acceptGroupbookingOffer .row02,
.groupbookingOfferCheck .rentBooking[data-step="4"] .rentBookingContent .cartSlideInCalculation.acceptGroupbookingOffer .row02 .btnBack {
height: 101px !important;
}
.groupbookingOfferCheck .rentBooking[data-step="4"] .rentBookingContent .rentBookingCalculation {
display: block;
}
.calculationPayment {
line-height: 1.2;
padding: 20px 0 20px 0;
border-top: 1px solid #D0D2D9;
}
.calculationPayment .calculationPaymentPrice {
font-size: 12px;
}
.calculationPayment .calculationPaymentOnlinePrice {
font-size: 36px;
}
.calculationPayment .calculationPaymentTax {
font-size: 11px;
}
.formItemSelect select {
border-radius: 2px;
font-size: 14px;
height: 46px;
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
padding: 0 0 0 12px;
}
.subsiteContent {
padding: 0;
}
.contentTopBar {
display: none;
}
.smallHeadline a {
font-size: 12px;
}
.subsite h1 {
font-size: 32px;
margin-bottom: 16px;
margin-top: 12px;
}
.subsite .text-center {
max-width: 100%;
padding: 0;
}
.image-embed-item {
max-width: 100%;
}
.image-caption {
font-size: 14px;
}
.contentHighlight {
display: block;
height: auto;
margin: 0 0 40px 0;
}
.contentHighlight .col01 {
width: 100%;
height: auto;
padding: 0 25px 40px;
display: block;
text-align: center;
}
.contentHighlight .col01 .contentHighlightSubline {
max-width: 100%;
font-size: 12px;
margin: 0 0 4px 0;
}
.contentHighlight .col01 .contentHighlightSubline p {
font-size: 12px;
}
.contentHighlight .col01 .contentHighlightHeadline,
.contentHighlight .col01 .contentHighlightHeadline h1,
.contentHighlight .col01 h1.contentHighlightHeadline {
font-size: 28px;
max-width: 100%;
margin: 0 0 8px;
}
.contentHighlight .col01 .contentHighlightIntro {
max-width: 100%;
margin: 0 0 8px;
font-size: 14px;
}
.contentHighlight .col01 .contentHighlightIntro p {
font-size: 14px;
}
.contentHighlight .col01 .contentHighlightIntro h5 {
margin: 5px 0 0 0;
}
.contentHighlight .col01 .btnRed {
text-align: center;
}
.contentHighlight .col01 .btnRed a {
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
}
.contentHighlight .col02 {
width: 100%;
height: 56vw;
min-height: 180px;
border-left: none;
}
.iconTextElement {
margin: 20px 0 40px 0;
}
.iconTextElement .icon {
width: 35px;
height: 35px;
margin: 1px 10px 0 0;
}
.iconTextElement .textContent .text {
font-size: 24px;
}
.iconTextElement .textContent .subline {
font-size: 12px;
margin: 16px 0 0 0;
}
.simpleProductItem {
margin: 0px;
}
.simpleProductItem .simpleProductItemContent .title {
font-size: 16px;
margin: 14px 0 0 0;
}
.simpleProductItem .simpleProductItemContent .subline {
font-size: 14px;
margin: 3px 0 0 0;
}
.simpleProductItem .simpleProductItemContent .description {
font-size: 14px;
margin: 0 0 18px 0;
}
.simpleProductItem .simpleProductItemContent a {
font-size: 12px;
margin: 18px 0 0 0;
}
.infoList {
margin: 0 0 60px 0;
}
.infoList .infoItem .infoItemContent .text p {
font-size: 12px;
line-height: 1.7;
}
.infoList .infoItem .infoItemContent .additionalContent {
margin: 10px 0 0 0;
}
.infoList .infoItem.l1 {
padding: 18px 16px 20px 20px;
margin: 0 0 8px 0;
}
.infoList .infoItem.l1 .infoItemContent .headline {
font-size: 16px;
}
.infoList .infoItem.l1 .infoItemContent .text {
margin: 5px 0 0 0;
}
.infoList .infoItem.l2 {
margin: 0 0 24px 0;
}
.infoList .infoItem.l2 .infoItemContent .headline {
font-size: 16px;
}
.infoList .infoItem.l2 .infoItemContent .text {
margin: 5px 0 0 0;
}
.infoList .infoItem.l2 .icon {
width: 35px;
height: 35px;
margin: 1px 10px 0 0;
}
.faqList .faqItem {
margin: 0 0 12px 0;
border-radius: 5px;
}
.faqList .faqQuestion,
.faqList .faqItemOpen .faqQuestion {
padding: 12px 32px 12px 16px;
font-size: 12px;
border-radius: 5px;
}
.faqList .faqQuestion:after {
width: 14px;
height: 14px;
background-size: 14px auto;
margin: 0 0 0 8px;
top: 14px;
right: 12px;
}
.faqList .faqItemOpen .faqQuestion:after {
top: 16px;
}
.faqList .faqItemOpen .faqAnswer {
padding: 12px 16px 0 16px;
font-size: 14px;
}
.btnRed a {
max-width: 380px;
}
.subsite .contentHighlight {
margin: 0;
border-bottom: 0;
}
.rentLocationListContainer {
padding: 40px 0 24px 0;
}
.rentLocationListContainer.addBottomMargin {
margin-bottom: 40px;
}
.rentLocationListContainer.addTopMargin {
margin-top: 40px;
}
.rentLocationListContainer .countryFilter {
padding: 0;
margin: 0 0 20px 0;
}
.rentLocationListContainer .rentSummaryBox .rentSummaryTitle {
padding: 0px 16px;
}
.rentLocationListContainer .rentSummaryBox .rentSummaryTitle:after {
right: 16px;
}
.rentLocationListContainer .rentSummaryBox .rentSummaryContent ul li {
width: 50%;
margin: 0 0 8px 0;
}
.rentLocationListContainer .rentSummaryBox.hasPageLink .rentSummaryTitle span:not(.ui-accordion-header-icon) a {
padding: 0 16px;
}
.rentPriceListSearch .SumoSelect,
.rentPriceList .rentPriceListFilterActions .SumoSelect,
.rentProductsFilter .SumoSelect,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect {
min-width: 160px;
margin: 0 0 5px 0;
}
.rentPriceListSearch .SumoSelect > .CaptionCont,
.rentPriceList .rentPriceListFilterActions .SumoSelect > .CaptionCont,
.rentProductsFilter .SumoSelect > .CaptionCont,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect > .CaptionCont {
font-size: 12px;
padding: 11px 15px 12px 15px;
border-radius: 10px;
}
.rentPriceListSearch .SumoSelect > .optWrapper > .options, .rentPriceListSearch .SumoSelect .optWrapper,
.rentPriceList .rentPriceListFilterActions .SumoSelect > .optWrapper > .options,
.rentPriceList .rentPriceListFilterActions .SumoSelect .optWrapper,
.rentProductsFilter .SumoSelect > .optWrapper > .options,
.rentProductsFilter .SumoSelect .optWrapper,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect > .optWrapper > .options,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect .optWrapper {
border-radius: 10px;
}
.rentPriceListSearch .SumoSelect.open > .optWrapper,
.rentPriceList .rentPriceListFilterActions .SumoSelect.open > .optWrapper,
.rentProductsFilter .SumoSelect.open > .optWrapper,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect.open > .optWrapper {
top: 40px;
}
.rentPriceListSearch .SumoSelect.open .search-txt,
.rentPriceList .rentPriceListFilterActions .SumoSelect.open .search-txt,
.rentProductsFilter .SumoSelect.open .search-txt,
.rentProductsSliderItem.productItem .modellgenauSelectWrapper .SumoSelect.open .search-txt {
font-size: 12px;
padding: 11px 15px 5px 15px;
border-radius: 10px;
}
.rentPriceListSearchContainer {
display: block !important;
width: 100%;
height: auto;
background-color: transparent;
border-radius: 0;
padding: 0;
box-shadow: none;
margin: 40px 0 20px;
}
.rentPriceListSearchContainer .rentPriceListSearch {
background: transparent;
width: 100%;
height: auto;
border: none;
border-radius: 0;
padding: 0;
flex-wrap: wrap;
}
.rentPriceListSearchContainer .rentPriceListSearch .SumoSelect {
width: 100%;
margin: 0 0 8px 0;
}
.dynamicJsContent .rentPriceListSearchContainer {
display: none !important;
}
.rentPriceListContainer {
overflow: hidden;
padding: 0 25px 40px;
background: var(--light-grey);
}
.rentPriceListContainer .rentPriceList {
padding: 0;
}
.rentPriceListContainer span.noShopSelected {
margin-top: 50px;
}
.rentPriceListContainer .rentPriceLoader {
height: 45px;
}
.rentPriceListContainer .rentPriceLoader .loaderWrapper .loader {
height: 45px;
background-size: 20px auto;
}
.rentPriceListContainer .shopdisplayContainer {
margin: 0px;
}
.rentPriceListContainer .container {
width: 100%;
padding: 0px;
margin-top: 0px;
display: block;
}
.rentPriceListContainer .container .column.column01 {
margin: 0;
width: 100%;
}
.rentPriceListContainer .container .column.column01 .locationSliderItem {
margin: 0 auto;
}
.rentPriceListContainer .container .column.column02 {
width: 100%;
}
.rentPriceListContainer .rentSummaryBox .rentSummaryTitle {
font-size: 14px;
padding: 0px 16px;
}
.rentPriceListContainer .rentSummaryBox .rentSummaryContent {
padding: 14px 16px;
}
.rentPriceListContainer .rentPriceListFilter {
margin: 0vw 0 20px 0;
font-size: 12px;
display: block;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions {
display: block;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions span.label {
display: block;
font-size: 20px;
margin: 40px 0 10px 0;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions .filter {
display: flex;
flex-wrap: initial;
gap: 5px;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions .filter .SumoSelect {
width: 50%;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions .filter .SumoSelect > .CaptionCont span {
padding-right: 25px;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListStatusWrapper {
margin: 6px 0 0 0;
gap: 0px;
}
.rentPriceListContainer .priceSliderContainer {
margin: 0 0 10px 0;
width: 100%;
overflow: hidden;
height: 90px;
justify-content: space-between;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel {
font-size: 14px;
width: 58%;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel div.title {
width: 100%;
margin: 0 0 0 20px;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel div.stars {
width: 100%;
height: 13px;
flex: none;
background-size: unset !important;
margin: 0 0 0 20px;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel2 div.title, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel3 div.title, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel4 div.title, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel5 div.title, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel6 div.title, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel7 div.title {
margin: 0 0 2px 20px;
}
.rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel2 div.stars, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel3 div.stars, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel4 div.stars, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel5 div.stars, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel6 div.stars, .rentPriceListContainer .priceSliderContainer .priceSliderLabel.priceSliderLabel7 div.stars {
background-position: left 0px bottom;
}
.rentPriceListContainer .priceSliderContainer .priceSlider {
width: 40%;
padding: 14px 0;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .priceSliderItem {
display: none;
height: 100%;
width: 100%;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .priceSliderItem:nth-child(1) {
display: inline-block;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .days {
font-size: 14px;
margin: 0 0 2px 0;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .priceOnline {
font-size: 15px;
margin: 0 0 2px 0;
}
.rentPriceListContainer .priceSliderContainer .priceSlider .price {
font-size: 12px;
margin: 0 0 2px 0;
}
.rentPriceListContainer .priceSliderContainer .slidePrev, .rentPriceListContainer .priceSliderContainer .slideNext {
display: none;
}
.rentPriceListContainer .priceSliderContainer:last-child {
margin-bottom: 0px;
}
.rentPriceListContainer .daysFilterWrapper {
display: block;
width: 115px;
float: right;
}
.locationOrMerchantRentalPriceListContainer {
margin-top: 20px;
width: 100%;
padding: 0 25px;
max-width: unset;
}
.locationOrMerchantRentalPriceListContainer .filter {
margin: 0 0 15px 0;
font-size: 20px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect:nth-child(1) {
width: 100%;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect:nth-child(2) {
width: 100%;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect:nth-child(3) {
width: 100%;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect > .CaptionCont {
font-size: 12px;
padding: 11px 15px 12px 15px;
border-radius: 10px;
}
.locationOrMerchantRentalPriceListContainer .filter .SumoSelect > .CaptionCont span {
padding-right: 20px;
}
.locationOrMerchantRentalPriceListContainer .infoTables {
padding: 20px 0 10px 10px;
}
.locationOrMerchantRentalPriceListContainer .infoTables .noProductsMessage {
margin: 50px 0;
}
.locationOrMerchantRentalPriceListContainer .infoTables h5 {
padding: 0 10px;
text-align: center;
margin: 0 0 10px 0;
line-height: 1.3;
}
.locationOrMerchantRentalPriceListContainer .infoTables .tableItem {
position: relative;
overflow: hidden;
}
.locationOrMerchantRentalPriceListContainer .infoTables .tableWrapper {
overflow-x: auto;
margin-left: 160px;
}
.locationOrMerchantRentalPriceListContainer .infoTables table {
border-spacing: 0 3px;
table-layout: fixed;
font-size: 12px;
}
.locationOrMerchantRentalPriceListContainer .infoTables table tr {
height: 48px;
}
.locationOrMerchantRentalPriceListContainer .infoTables table tr th:first-child {
padding-left: 16px;
padding-right: 5px;
width: auto;
}
.locationOrMerchantRentalPriceListContainer .infoTables table tr td {
padding: 6px 4px;
width: 70px !important;
}
.locationOrMerchantRentalPriceListContainer .infoTables table tr td:last-child {
padding-right: 16px;
}
.locationOrMerchantRentalPriceListContainer .infoTables table tbody th:first-child {
padding-left: 16px;
background-color: #f9f9f9;
width: 160px;
height: 48px;
position: absolute;
left: 0;
top: auto;
display: flex;
align-items: center;
}
.locationOrMerchantRentalPriceListContainer .infoTables table thead th {
padding: 3px 4px;
width: 70px;
}
.stickySearchBar {
display: none !important;
}
.stickySearchBar.isPermanent {
display: block !important;
background-color: transparent;
border: none;
height: 0px;
}
.stickySearchBar.isPermanent .logo, .stickySearchBar.isPermanent .rentSearchFormContainer, .stickySearchBar.isPermanent .stripes {
display: none;
}
.rentProductsCountdownContainer {
z-index: 200;
}
.rentProductsNotification {
z-index: 201;
}
.rentProductsCountdown,
.rentProductsNotification {
height: 60px;
font-size: 11px;
font-weight: 600;
padding: 8px 32px;
text-align: center;
}
.rentProductsCountdown .btnClose,
.rentProductsNotification .btnClose {
width: 32px;
height: 32px;
right: 14px;
display: block;
}
.rentProductsCountdown .btnClose::before,
.rentProductsNotification .btnClose::before {
-webkit-mask-size: 10px auto;
mask-size: 10px auto;
}
.rentProductsCountdown span,
.rentProductsNotification span {
max-width: 75% !important;
background-image: none !important;
}
.rentProductsCountdown {
height: 32px;
padding: 8px 25px;
}
.rentProductsCountdown span {
max-width: none !important;
}
.supportSlideIn .slideInRightClose {
width: 32px;
height: 32px;
right: 12px;
top: 12px;
}
.supportSlideIn .slideInRightSupportIcon {
height: 100px;
width: 100%;
margin: 80px 0 0 0;
}
.supportSlideIn .slideInRightSupportIcon::before {
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
}
.supportSlideIn .slideInRightSupportHeadline {
font-size: 30px;
margin: 28px 0 20px 0;
}
.supportSlideIn .slideInRightSupportSubline p {
font-size: 17px;
}
.supportSlideIn .slideInRightSupportContent .btnRedLink {
font-size: 16px;
margin: 24px 0 0 0;
padding: 12px 24px;
width: 100%;
max-width: 380px;
}
.spinningWheelWithFormSection form .formItemSubmit input {
margin-top: 20px;
}
.spinningWheelWithFormSection .spinningWheelPopupSuccess {
padding: 0 20px;
}
.spinningWheelWithFormSection .spinningWheelPopupSuccess .inner {
width: 320px;
padding: 30px 20px;
}
.spinningWheelWithFormSection .spinningWheelPopupSuccess .inner .headline {
font-size: 16px;
margin: 0 0 16px 0;
}
.spinningWheelWithFormSection .spinningWheelPopupSuccess .inner .text {
margin: 0 0 16px 0;
}
.currencySelector .selectedCurrency {
width: 32px;
height: 32px;
border-radius: 6px;
gap: 2px;
line-height: 1;
}
.currencySelector .selectedCurrency .icon {
font-size: 13px;
}
.currencySelector .selectedCurrency .label {
font-size: 8px;
}
.currencySelector .currencyOptionsWrapper {
padding-top: 5px;
}
.currencySelector .currencyOptionsWrapper .currencyOptions {
padding: 5px 0;
border-radius: 6px;
line-height: 1;
}
.currencySelector .currencyOptionsWrapper .currencyOptions .option {
padding: 8px 0;
}
.currencySelector .currencyOptionsWrapper .currencyOptions .option .label {
font-size: 10px;
}
.rentTopBar .infoBar .currencySelector,
.topBarMobile .currencySelector {
display: none;
}
body#p99 .topBarMobile .currencySelector {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
body#p99 .rentBooking .rentBookingContent {
min-height: calc(100vh - 50px);
}
body#p79 .rentTopBar .currencySelector {
position: absolute;
right: 60px;
top: -41px;
}
body#p99 .topBarMobile .currencySelector {
right: 54px;
}
.currencyExchangeInfo {
margin-top: 5px;
padding-left: 10px;
}
.cartSlideInCalculation .row01 .calculationOnlinePrice > span.col02 {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 5px;
}
.cartSlideInCalculation .row01 .calculationOnlinePrice > span.col02 .currencyExchangeBaseInfo {
display: block;
font-size: 12px;
line-height: 1;
margin-top: 2px;
}
footer {
padding: 0px;
}
footer .breadcrumbs {
padding: 0 25px;
}
footer .breadcrumbs::after {
width: 80%;
height: 7px;
bottom: -7px;
background-position: top right;
}
footer .breadcrumbs ol {
padding: 13px 0;
overflow-x: scroll;
white-space: nowrap;
}
footer .breadcrumbs ol li a {
padding: 0 8px 0 6px;
font-size: 10px;
background-size: 4px auto;
}
footer .breadcrumbs ol::-webkit-scrollbar {
display: none;
}
footer h5 {
margin: 0;
}
footer h6 {
margin: 0;
}
footer .btnRedLink {
margin: 29px 0 40px 0;
}
footer .awardChampion {
margin: 20px 0 !important;
}
footer .footerRow01 {
padding: 42px 0;
border-bottom: none;
}
footer .footerRow01 .footerCol01 {
width: 100%;
float: none;
font-size: 12px;
padding: 0 25px;
margin: 0 0 40px 0;
}
footer .footerRow01 .footerCol01 p {
line-height: 1.67;
}
footer .footerRow01 .footerCol01 p em {
font-size: 16px;
}
footer .footerRow01 .footerCol01 p:first-of-type em {
font-size: 20px;
margin: 0 0 7px 0;
}
footer .footerRow01 .footerCol02, footer .footerRow01 .footerCol03, footer .footerRow01 .footerCol04 {
width: 100%;
padding: 0 25px;
float: none;
font-size: 12px;
}
footer .footerRow01 .footerCol02 em, footer .footerRow01 .footerCol03 em, footer .footerRow01 .footerCol04 em {
position: relative;
border-top: 1px solid #d9d9d9;
line-height: 1.67;
display: block;
cursor: pointer;
font-family: var(--font-base);
letter-spacing: -0.01px;
font-size: 12px;
margin: 0;
padding: 12px 36px 12px 0px;
font-weight: 500;
}
footer .footerRow01 .footerCol02 em::after, footer .footerRow01 .footerCol03 em::after, footer .footerRow01 .footerCol04 em::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
right: 5px;
content: "";
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--plus-icon);
mask-image: var(--plus-icon);
-webkit-mask-size: 13px auto;
mask-size: 13px auto;
-webkit-mask-position: right center;
mask-position: right center;
background-color: #101010;
}
footer .footerRow01 .footerCol02 a:not(.btnRedLink), footer .footerRow01 .footerCol03 a:not(.btnRedLink), footer .footerRow01 .footerCol04 a:not(.btnRedLink) {
margin: 5px 0 25px 0;
}
footer .footerRow01 .footerCol02 ul, footer .footerRow01 .footerCol03 ul, footer .footerRow01 .footerCol04 ul {
height: 0px;
overflow: hidden;
}
footer .footerRow01 .footerCol02 ul li, footer .footerRow01 .footerCol03 ul li, footer .footerRow01 .footerCol04 ul li {
margin: 0 0 12px 0;
}
footer .footerRow01 .footerCol02 p, footer .footerRow01 .footerCol03 p, footer .footerRow01 .footerCol04 p {
height: 0px;
overflow: hidden;
}
footer .footerRow01 .footerCol02 p:first-of-type, footer .footerRow01 .footerCol03 p:first-of-type, footer .footerRow01 .footerCol04 p:first-of-type {
height: auto;
}
footer .footerRow01 .footerCol02.active ul, footer .footerRow01 .footerCol03.active ul, footer .footerRow01 .footerCol04.active ul {
height: auto;
padding: 10px 13px 10px 0px;
}
footer .footerRow01 .footerCol02.active p, footer .footerRow01 .footerCol03.active p, footer .footerRow01 .footerCol04.active p {
height: auto;
}
footer .footerRow01 .footerCol02.active em::after, footer .footerRow01 .footerCol03.active em::after, footer .footerRow01 .footerCol04.active em::after {
-webkit-mask-image: var(--minus-icon);
mask-image: var(--minus-icon);
background-color: var(--dynamic-primary-color);
}
footer .footerRow01 .footerCol03 .trustIcons {
display: none;
}
footer .footerRow01 .footerCol04 em {
border-bottom: 1px solid #d9d9d9;
}
footer .footerRow01 .footerCol04.active ul {
border-bottom: 1px solid #d9d9d9;
}
footer .footerRow01 .footerCol04.active em {
border-bottom: none;
}
footer .footerRow01 .trustIcons {
width: 220px;
margin: 40px auto;
}
footer .footerRow02 {
padding: 0px;
height: auto;
}
footer .footerRow02 .footerCol01 {
padding: 0 16px;
width: 100%;
justify-content: center;
}
footer .footerRow02 .footerCol01 ul {
padding: 40px 0;
text-align: center;
}
footer .footerRow02 .footerCol01 ul li a:not(.btnRedLink) {
font-size: 10px;
padding: 0 5px 0 5px;
}
footer .footerRow02 .footerCol02 {
padding: 0 16px;
width: 100%;
justify-content: center;
overflow: hidden;
flex-direction: column;
}
footer .footerRow02 .footerCol02 .paymentBar {
font-size: 12px;
}
footer .footerRow02 .footerCol02 .paymentBar div:first-of-type {
display: none;
}
footer .footerRow02 .footerCol02 .paymentBar ul {
margin: 0;
padding: 0 0 37px 0;
text-align: center;
}
footer .footerRow02 .footerCol02 .paymentBar ul li {
margin: 0 1px 1px 1px;
}
footer .footerRow02 .footerCol02 .paymentBar img {
width: auto;
max-width: 43px;
}
footer .footerRow02 .footerCol02 .securePayment {
margin: 0 0 20px 0;
}
footer .footerRow02 .footerCol02 .securePayment img {
height: 45px;
}
footer .footerRow02 .footerCol03 {
height: 60px;
width: 100%;
border-top: solid 1px #D9D9D9;
border-left: none;
}
footer .footerRow02 .footerCol03 .backToTop {
padding: 13px 0 0 0;
font-size: 12px;
}
footer .footerRow02 .footerCol03 .backToTop::before {
width: 12px;
height: 8px;
}
.checkboxList p {
margin: 0 0 20px 0;
}
.checkboxList ul {
max-width: 266px;
display: table;
margin: 0 auto;
}
.checkboxList ul li {
background-position: left top 1px !important;
background-size: auto 19px;
padding: 4px 0 0 25px;
margin: 0 0 10px 0;
text-align: left;
}
.rentBookingContent .cartSlideInCalculation.justUpdatePersons {
height: 56px !important;
padding-bottom: 56px !important;
}
.ua-ios {
}
.ua-ios .slideInRight,
.ua-ios .navSlideIn,
.ua-ios .overlayProductAdded,
.ua-ios .overlaySaveCart,
.ua-ios .productItemInfo,
.ua-ios .overlaySaveCart {
-webkit-overflow-scrolling: auto !important;
}
.ua-ios .navSlideIn {
height: 100% !important;
}
.ua-ios .navSlideIn .navSlideInContent {
height: 100% !important;
}
.ua-ios .rentBookingContent > .col02 {
-webkit-overflow-scrolling: auto !important;
overflow-y: scroll !important;
}
.ua-ios *::-webkit-scrollbar {
display: none;
}
.sport2000rent_kundenkonto {
padding: 0px;
}
.sport2000rent_kundenkonto .navFilter {
padding: 40px 0 20px 0;
}
.sport2000rent_kundenkonto h2.text-center {
font-size: 24px;
}
.sport2000rent_kundenkonto .tabContent {
padding: 35px 20px;
}
.sport2000rent_kundenkonto .tabContent .invoiceDataOverview, .sport2000rent_kundenkonto .tabContent .editInvoiceData, .sport2000rent_kundenkonto .tabContent .currentBookingsOverview, .sport2000rent_kundenkonto .tabContent .pastBookingsOverview {
margin: 0 0 45px 0;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingOverview .summaryContentContainer.bookingSummaryContentContainer {
display: block;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingDetails {
width: 100%;
margin: 0;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions {
margin: 20px 0 0 0;
width: 100%;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions a.btnRedLink {
font-size: 12px;
margin: 0 auto 5px auto;
padding: 11px 35px 12px 35px;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer {
gap: 5px;
margin: 0 0 5px 0;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer a.btnRedLink span.linkInfo {
font-size: 7px;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer a.btnRedLink.isLocked {
padding-top: 7px;
padding-bottom: 16px;
}
.sport2000rent_kundenkonto .tabContent .bookings .bookingActions .actionContainer .actionInfo {
height: 27px;
width: 27px;
right: 5px;
border-radius: 6px;
background-size: auto 40% !important;
}
.sport2000rent_kundenkonto .tabContent .rentBookingContent .formFooter {
display: block;
justify-content: unset;
margin: 0;
}
.sport2000rent_kundenkonto .tabContent .rentBookingContent .formFooter .formRequiredInfo {
margin: 0px;
}
.sport2000rent_kundenkonto .tabContent .rentBookingContent .formFooter .formActionWrapper {
margin: 20px 0 0 0;
text-align: right;
}
.sport2000rent_kundenkonto .tabContent .rentBookingContent .formFooter .formActionWrapper a {
font-size: 12px;
margin: 10px 0 0 0;
}
.sport2000rent_kundenkonto .kundenkontoLoadingWrapper {
height: 40px;
}
.sport2000rent_kundenkonto #bookingsBike .cartItem .cartItemImage {
width: 15%;
margin: 6px;
height: 75px;
}
.sport2000rent_kundenkonto #bookingsSki .cartItem .cartItemImage {
height: 90px;
margin: 5px 0 0 0;
}
.sport2000rent_kundenkonto .invoiceData .rentSummaryContentItem .label, .sport2000rent_kundenkonto .invoiceData .rentSummaryContentItem .value, .sport2000rent_stornodetail .invoiceData .rentSummaryContentItem .label, .sport2000rent_stornodetail .invoiceData .rentSummaryContentItem .value {
font-size: 14px;
}
.sport2000rent_kundenkonto .rentSummaryBox .rentSummaryTitle, .sport2000rent_stornodetail .rentSummaryBox .rentSummaryTitle {
flex-wrap: wrap;
padding: 16px;
}
.sport2000rent_kundenkonto .rentSummaryBox .rentSummaryTitle:after, .sport2000rent_stornodetail .rentSummaryBox .rentSummaryTitle:after {
right: 16px;
top: 16px;
}
.sport2000rent_kundenkonto .bookingDetails .rentSummaryBox .rentSummaryTitle, .sport2000rent_stornodetail .bookingDetails .rentSummaryBox .rentSummaryTitle {
font-size: 14px;
padding: 0 0 0 32px;
}
.sport2000rent_kundenkonto .bookingDetails .rentSummaryBox .rentSummaryContentItem .label, .sport2000rent_kundenkonto .bookingDetails .rentSummaryBox .rentSummaryContentItem .value, .sport2000rent_stornodetail .bookingDetails .rentSummaryBox .rentSummaryContentItem .label, .sport2000rent_stornodetail .bookingDetails .rentSummaryBox .rentSummaryContentItem .value {
font-size: 14px;
}
.sport2000rent_kundenkonto_clientlogin, .rentSearchDefaultFormContainer {
padding: 0 20px;
}
.sport2000rent_kundenkonto_clientlogin .clientlogout, .rentSearchDefaultFormContainer .clientlogout {
padding: 0 20px;
}
.sport2000rent_kundenkonto_clientlogin .clientlogout a, .rentSearchDefaultFormContainer .clientlogout a {
margin: 0 auto 10px auto;
}
.sport2000rent_kundenkonto_clientlogin .clientlogout a:last-child, .rentSearchDefaultFormContainer .clientlogout a:last-child {
margin-bottom: 25px;
}
.sport2000rent_kundenkonto_clientlogin .navSlideInContentSubline, .rentSearchDefaultFormContainer .navSlideInContentSubline {
margin: 0 0 20px 0 !important;
}
.sport2000rent_kundenkonto_clientlogin .navSlideInContentSubline .alert, .rentSearchDefaultFormContainer .navSlideInContentSubline .alert {
background-size: 25px auto;
min-height: 25px;
margin: 0 0 10px 0;
}
.sport2000rent_kundenkonto_clientlogin .navSlideInContentSubline .message, .rentSearchDefaultFormContainer .navSlideInContentSubline .message {
font-size: 15px;
}
.sport2000rent_kundenkonto_clientlogin .navSlideInContentSubline .list ul, .rentSearchDefaultFormContainer .navSlideInContentSubline .list ul {
padding: 0 20px;
margin: 20px 0 0 0;
}
.sport2000rent_kundenkonto_clientlogin .navSlideInContentSubline .list ul li, .rentSearchDefaultFormContainer .navSlideInContentSubline .list ul li {
font-size: 15px;
padding: 0px 0 0 22px;
background-size: 15px auto;
margin: 0vw 0 5px 0;
}
.sport2000rent_kundenkonto_clientlogin .step2 .codeWrapper, .sport2000rent_kundenkonto_clientlogin .pinAuthentication .codeWrapper, .rentSearchDefaultFormContainer .step2 .codeWrapper, .rentSearchDefaultFormContainer .pinAuthentication .codeWrapper {
margin: 0 0 15px 0;
}
.sport2000rent_kundenkonto_clientlogin .step2 .codeWrapper input.code, .sport2000rent_kundenkonto_clientlogin .pinAuthentication .codeWrapper input.code, .rentSearchDefaultFormContainer .step2 .codeWrapper input.code, .rentSearchDefaultFormContainer .pinAuthentication .codeWrapper input.code {
width: 48px;
padding: 5px;
height: 48px;
font-size: 24px;
border-radius: 7px;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks, .rentSearchDefaultFormContainer .additionalLinks {
margin: 20px 0 0 0;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks a, .rentSearchDefaultFormContainer .additionalLinks a {
margin: 0 0 5px 0;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks a#clientlogin_resendPassword, .sport2000rent_kundenkonto_clientlogin .additionalLinks a#storno_resendPassword, .rentSearchDefaultFormContainer .additionalLinks a#clientlogin_resendPassword, .rentSearchDefaultFormContainer .additionalLinks a#storno_resendPassword {
background-size: auto 16px !important;
padding: 0 0 0 30px;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks a#clientlogin_resendPassword.resent, .sport2000rent_kundenkonto_clientlogin .additionalLinks a#storno_resendPassword.resent, .rentSearchDefaultFormContainer .additionalLinks a#clientlogin_resendPassword.resent, .rentSearchDefaultFormContainer .additionalLinks a#storno_resendPassword.resent {
background-size: auto 18px !important;
}
.sport2000rent_kundenkonto_clientlogin .additionalLinks a#clientlogin_changeEmail, .rentSearchDefaultFormContainer .additionalLinks a#clientlogin_changeEmail {
background: url('../../../fileadmin/templates/img/icon-login-arrow.svg') no-repeat left top 2px;
background-size: auto 14px !important;
padding: 0 0 0 30px;
}
.bookingprocessInfoBox {
margin: 12px 0 20px 0;
padding: 15px 20px;
border-radius: 10px;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent {
position: relative;
text-align: center;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .icon {
display: none;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper {
display: block;
width: 100%;
margin: 0 0 10px 0;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper .ce-bodytext {
width: 100%;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper .headline {
font-size: 12px;
padding: 0 0 5px 0;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper .headline p {
line-height: 1.3;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent .textWrapper .text p {
font-size: 12px;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent a.btnRedLink, .bookingprocessInfoBox .bookingprocessInfoBoxContent .btnRed {
position: relative;
top: unset;
transform: none;
right: unset;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput textarea {
margin: 15px 0 0 0;
padding: 10px;
width: 100%;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput #basketCommentCounter {
font-size: 12px;
margin: 6px 0 0 0;
float: none;
text-align: left;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput a.btnRedLink, .bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput .btnRed {
margin: 9px 0 0 0;
}
.bookingprocessInfoBox .bookingprocessInfoBoxContent.withInput a.cancel {
font-size: 10px;
margin: 9px 15px 0 0;
}
.bookingprocessInfoBox.bookingprocessCheckAgainBeforeProceed {
margin: 0 0 39px 0;
}
.kundenkontoAdvantages {
margin: 40px 0 40px 0;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent {
position: relative;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .icon {
position: relative;
width: 100%;
height: 50px;
background-size: auto 30px;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper {
margin: 0px;
padding: 20px;
text-align: center;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper .headline {
font-size: 18px;
padding: 0 0 5px 0;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper .headline p {
line-height: 1.3;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper .list ul {
margin: 10px 0 0 0;
}
.kundenkontoAdvantages .kundenkontoAdvantagesContent .textWrapper .list ul li {
text-align: left;
display: block;
background-position: left top 3px;
padding: 0 0 0 25px;
font-size: 14px;
background-size: 15px auto;
margin: 0 0 8px 0;
}
body.bike .navSlideIn .clientNavLogin.showMobile {
display: block !important;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape {
height: 300px !important;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) {
padding-top: 100px;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) .productItemImage {
top: 19px;
height: 78px;
right: 0px;
background-size: auto 100%;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) .productItemImage span {
margin: 49px -150px 0 0;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) .productItemContent {
margin-top: 0px;
padding: 0 10px;
}
body.bike .rentProductsSliderContainer .rentProductsSliderItem.landscape:not(.teaserItem) .productItemContent .productItemModel {
max-width: none;
}
body.bike .rentProductsSliderContainer .rentProductsSliderContainerHeader .slider-navigation {
bottom: -365px;
}
body.bike .cartItem .cartItemImage {
width: 20%;
margin: 6px 12px 6px 6px;
height: 75px;
flex-grow: 0;
flex-shrink: 0;
}
body.bike .cartItem .cartItemContent {
width: auto;
flex-grow: 1;
flex-shrink: 1;
}
body {
}
body#p58 {
}
body#p58 .stickySearchBar .overlayHeader .btnBack {
display: none;
}
body#p99 {
}
body#p99 section.content {
padding: 50px 0 0 0 !important;
}
body#p99 .topBarMobile .supportIcon {
position: absolute;
display: block;
right: 16px;
width: 32px;
height: 32px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='10px' height='14px' viewBox='0 0 10 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-338,-18)' fill='%23000000'%3E%3Cg id='Group-13'%3E%3Cg id='Group-7' transform='translate(327,9)'%3E%3Cg id='Group-3' transform='translate(11,9)'%3E%3Cpath d='M6.66666667,12.3330593 C6.66666667,13.2540278 5.92028271,14 5,14 C4.07971729,14 3.33333333,13.2540278 3.33333333,12.3330593 C3.33333333,11.4126253 4.07971729,10.6666667 5,10.6666667 C5.92028271,10.6666667 6.66666667,11.412639 6.66666667,12.3330593' id='Fill-1'%3E%3C/path%3E%3Cpath d='M0,4.00877079 L0.165268717,3.45997045 C0.702395527,1.35031561 2.51925194,0 4.62536688,0 C7.14468841,0 9.33333333,2.02518902 9.33333333,4.64149661 C9.33333333,6.75115145 7.92907114,8.52365399 5.9882945,9.07182866 L5.9882945,10 L3.30377384,10 L3.30377384,8.3541962 C3.30377384,7.42602486 3.96430593,6.62392658 4.87323517,6.54002955 C5.86430469,6.41338343 6.69014725,5.65406268 6.69014725,4.64139707 C6.69014725,3.50214648 5.69907773,2.74276459 4.62536688,2.74276459 C3.71693868,2.74276459 2.97323641,3.24934624 2.72592482,4.17754603 L2.5606561,4.72634637 L0.000139173656,4.00924005 L0,4.00877079 Z' id='Fill-2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
top: 50%;
transform: translateY(-50%);
border-radius: 6px;
border: solid 1px #ccc;
background-color: #fff;
cursor: pointer;
}
body.alerts-1 .overlayProductAdded.noSuggestion, body.alerts-2 .overlayProductAdded.noSuggestion, body.alerts-3 .overlayProductAdded.noSuggestion {
padding-bottom: 0px !important;
}
body.alerts-1 .rentBookingContent > .col02, body.alerts-2 .rentBookingContent > .col02, body.alerts-3 .rentBookingContent > .col02 {
top: unset;
}
body.alerts-1 .rentBookingProgress, body.alerts-2 .rentBookingProgress, body.alerts-3 .rentBookingProgress {
top: 0px;
}
body.alerts-1 .overlayProductAdded {
top: 81px;
}
body.alerts-1 .topBarMobile, body.alerts-1 .rentTopBar:not(.inoverlay), body.alerts-1 .rentProductsFilter, body.alerts-1 #bookingDataProductsWrapper {
transition: 0.3s all ease-in-out;
}
body.alerts-1 .topBarMobile, body.alerts-1 .rentTopBar:not(.inoverlay), body.alerts-1 .rentProductsFilter {
margin-top: 32px;
}
body.alerts-1 #bookingDataProductsWrapper {
margin-top: 45px;
}
body.alerts-1 .rentBookingContent {
margin: 32px 0 0 0;
}
body.alerts-1 .rentBookingContent > .col02 {
height: auto !important;
}
body.alerts-2 .overlayProductAdded {
top: 110px;
}
body.alerts-2 .topBarMobile, body.alerts-2 .rentTopBar, body.alerts-2 .rentProductsFilter, body.alerts-2 #bookingDataProductsWrapper {
transition: 0.3s all ease-in-out;
margin-top: 63px;
}
body.alerts-2 .rentBookingContent {
margin: 60px 0 0 0;
}
body.alerts-2 .rentBookingContent > .col02 {
height: auto !important;
}
body.alerts-3 .overlayProductAdded {
top: 142px;
}
body.alerts-3 .rentBookingCalculation .calculationInfo {
margin-bottom: 32px;
}
body.alerts-3 .topBarMobile, body.alerts-3 .rentTopBar:not(.inoverlay), body.alerts-3 .rentProductsFilter, body.alerts-3 #bookingDataProductsWrapper {
margin-top: 92px;
}
body.alerts-3 .rentBookingContent {
margin: 92px 0 0 0;
}
body.alerts-3 .rentBookingContent > .col02 {
height: auto !important;
}
body.blogIframeActive .subsite {
padding: 40px 0 0 0;
}
}
@media screen and (max-width: 600px) {
.align-justify, .text-justify {
text-align: left;
}
.rentBookingContent .formItemInput33 {
width: 100%;
margin-left: 0 !important;
}
.hiddenMobile {
display: none !important;
}
.rentSearch {
height: 610px;
}
.rentSearch .rentSearchContentWrapper .introContent .introLine {
font-size: 12px;
}
.rentSearch .rentSearchContentWrapper .introContent .headline h1 {
font-size: 28px;
}
.rentSearch .rentSearchContentWrapper .introContent .subline p, .rentSearch .rentSearchContentWrapper .introContent .subline h2 {
font-size: 14px;
}
.rentSearch .bgGradient .bgMedia {
height: 250px;
max-height: 250px;
min-height: 250px;
}
.rentLocationListContainer .rentSummaryBox .rentSummaryContent ul li {
width: 100%;
}
.paymentForm .paymentOptions {
justify-content: center;
}
.rentSummaryBox .rentSummaryContentItem .label {
width: 46%;
}
}
@media screen and (max-width: 380px) {
.rentSearch .rentSearchFormContainer input[type=text] {
font-size: 15px;
}
.cartItem .cartItemContent .cartItemPrice {
bottom: 32px;
right: unset;
left: 0;
}
.sport2000rent_stornodetail .cartItem .cartItemPrice {
bottom: 25px;
left: unset;
right: 10px;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions .filter {
flex-wrap: wrap;
}
.rentPriceListContainer .rentPriceListFilter .rentPriceListFilterActions .filter .SumoSelect {
width: 100%;
}
.rentTopBar.rentProductsTopBar .infoBar .infoBarShop.hasPartner .poweredByInfo .poweredBy {
display: none;
}
}
@media screen and (min-width: 801px) {
.hiddenDots .slider-dot {
display: none !important;
}
}
@media screen and (orientation: landscape) and (min-width: 480px) and (max-width: 800px) {
.rentSearch {
height: auto !important;
min-height: unset;
max-height: unset;
padding-bottom: 37.1vh;
}
.overlaySearch .overlayContent .date .rentSearchFormDateFrom #rentSearchFormDateFromOverlay,
.overlaySearch .overlayContent .date .rentSearchFormDateTo #rentSearchFormDateToOverlay {
height: 40px !important;
}
.rentTopBar.inoverlay .infoBar {
padding-top: 9px;
padding-bottom: 9px;
}
.xdsoft_datetimepicker:before {
content: none;
}
.xdsoft_datetimepicker.xdsoft_overlay {
top: 148px !important;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_monthpicker, .xdsoft_datetimepicker.xdsoft_overlay .xdsoft_mounthpicker {
margin-bottom: 0px !important;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_monthpicker .xdsoft_label, .xdsoft_datetimepicker.xdsoft_overlay .xdsoft_mounthpicker .xdsoft_label {
font-size: 13px !important;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar td div {
padding-top: 7%;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar td div:after {
padding-bottom: 7%;
}
.xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar th, .xdsoft_datetimepicker.xdsoft_overlay .xdsoft_datepicker .xdsoft_calendar td {
height: 27px;
font-size: 12px !important;
}
}
.parsley-errors-list, .powermail-errors-list {
display: none !important;
}
.powermail_fieldwrap input[type=checkbox] {
background: none !important;
}
.powermail_fieldwrap input.parsley-error,
.powermail_fieldwrap textarea.parsley-error,
.powermail_fieldwrap select.parsley-error {
border: 1px solid var(--primary-color) !important;
}
.powermail_fieldwrap input.parsley-success,
.powermail_fieldwrap textarea.parsley-success,
.powermail_fieldwrap select.parsley-success {
border: 1px solid var(--secondary-color) !important;
}
.tx-powermail h3 {
display: none;
}
.powermail_legend {
display: none;
}
div.tx-powermail {
width: 100% !important;
font-family: var(--font-base) !important;
font-size: var(--font-size-base) !important;
}
.powermail_fieldwrap_type_input, .powermail_fieldwrap_type_select {
width: 48%;
float: left;
clear: none !important;
margin: 0 4% 1em 0 !important;
}
.powermail_fieldwrap.layout1 {
float: none !important;
}
fieldset .powermail_fieldwrap_type_input.right,
fieldset .powermail_fieldwrap_type_select.right {
margin: 0 0 1em 0 !important;
}
.powermail_select {
height: 40px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
fieldset.powermail_fieldset {
border: none;
padding: 1em 0 0 0;
margin: 8px 0 0 0;
background: none;
-ms-box-shadow: 0 !important 2px 5px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 !important 2px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 !important 2px 5px rgba(0, 0, 0, 0.4);
border-radius: 0;
}
fieldset.powermail_fieldset p {
font-size: var(--font-size-base);
}
.hide_legend legend {
display: none !important;
}
fieldset .powermail_check_legend, fieldset .powermail_radio_legend {
font-weight: normal;
font-size: var(--font-size-base);
width: 96%;
border-bottom: 1px solid var(--light-grey);
color: var(--tertiary-color);
padding: 0 0 5px 0 !important;
}
fieldset .powermail_check_inner, fieldset .powermail_radio_inner {
margin: 0 0 5px 0;
}
.powermail_check {
margin: 0 10px 0 0;
}
.powermail_label span.mandatory {
color: var(--primary-color);
margin: 0 0 0 0.2vw;
}
fieldset.powermail_fieldset .powermail_check_inner label {
display: inline;
margin: 0 0 0 0.5em;
}
fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio, fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check {
margin: 0 0 0.5em 0 !important;
}
.powermail_fieldwrap.layout2, fieldset .powermail_fieldwrap.layout2:nth-child(2n+1) {
position: relative;
width: 100%;
float: none;
margin: 0 0 26px 0 !important;
clear: both;
height: 38px;
}
.powermail_fieldwrap.layout2 label {
float: none;
margin-left: 80px;
clear: none;
width: auto;
padding: 10px 5px;
}
.powermail_fieldwrap.layout2 .powermail_input {
position: absolute;
left: 0;
top: 0;
float: left;
clear: none;
width: 70px;
height: 38px;
}
.powermail_check_outer, .powermail_radio_outer {
margin: 5px 0 0 0;
padding: 0 !important;
width: 100% !important;
border: none !important;
}
fieldset.powermail_fieldset label {
display: block;
margin: 0 0 0.5vw 0;
clear: left;
font-family: var(--font-base) !important;
font-size: 0.875vw;
float: none;
width: 100%;
color: var(--tertiary-color);
font-weight: normal;
position: relative;
}
.checkbox label {
padding: 0.25vw 0 0 2vw;
}
div.tx_powermail_pi1_fieldwrap_html {
width: 50%;
float: left;
clear: none !important;
margin-bottom: 18px;
}
.tx-srfeuserregister-pi1-submit {
width: 90% !important;
}
fieldset.powermail_fieldset input.powermail_input,
fieldset.powermail_fieldset textarea,
fieldset.powermail_fieldset select,
fieldset.powermail_fieldset input.powermail_captcha {
width: 100%;
height: 2.875vw;
padding: 0 0 0 1.125vw;
margin: 0 0 0.75vw 0;
border: 1px solid var(--input-border);
border-radius: 0.21875vw;
font-family: var(--font-base) !important;
font-size: 0.875vw;
color: var(--tertiary-color);
text-align: left;
background-color: var(--input-background);
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
}
.powermail_create {
background: none !important;
margin: 0 !important;
padding: 0 !important;
}
fieldset.powermail_fieldset textarea.powermail_textarea {
width: 100%;
padding: 1.125vw 0.5vw 0.5vw 1.125vw;
height: 160px;
}
div.powermail_fieldwrap {
margin: 0 0 0.5em 0;
clear: both;
}
.powermail_fieldwrap_submit, .powermail_fieldwrap_back {
float: right;
width: auto;
margin: 0 !important;
position: relative;
clear: none !important;
}
.powermail_fieldwrap_back {
float: right;
}
fieldset.powermail_fieldset .powermail_submit, fieldset.powermail_fieldset .powermail_back {
background: var(--submit-background);
border-radius: 0.3125vw;
box-shadow: 0 0.1vw 0.3vw 0 rgba(0, 0, 0, 0.15);
font-family: var(--font-base) !important;
font-weight: 600;
margin: 2vw 0 0 0;
border: 0;
float: left;
width: auto;
display: inline-block !important;
color: var(--submit-color) !important;
padding: 0.95vw 2.5vw 1.05vw 2.5vw;
text-decoration: none;
height: auto !important;
font-size: 1vw;
border: 0;
cursor: pointer;
transition: all 0.3s ease;
}
.smallFormText p {
font-size: 0.9vw !important;
color: #363636 !important;
margin: 0px !important;
}
.smallFormText.black p {
color: #000 !important;
}
.smallFormText.black p a {
text-decoration: underline;
}
fieldset.powermail_fieldset input.powermail_back {
padding: 10px 35px;
margin: 0 10px 0 0;
}
.powermail_fieldset p:first-child {
margin: 0 0 1em 0;
}
.powermail_message_error {
background: var(--light-grey);
border: 1px solid #dcdde6;
padding: 1vw;
font-size: 1vw;
font-weight: 600;
}
.powermail_message_error li {
list-style-type: none;
}
@media (-webkit-min-device-pixel-ratio: 0) {
select[size],
select[multiple],
select[multiple][size] {
background-image: none;
padding-right: 3px;
}
select,
select[size="0"],
select[size="1"] {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12.1 8' style='enable-background:new 0 0 12.1 8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23101010;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M21.8,21.6l4.8-5.2c0.5-0.5,0.5-1.4,0-2c-0.5-0.5-1.3-0.5-1.8,0l-3.9,4.2L17,14.4 c-0.5-0.5-1.3-0.5-1.8,0c-0.3,0.3-0.4,0.6-0.4,1c0,.4,.1,.7,.4,1l4.8,5.2c0.2,.3,.6,.4,.9,.4 C21.3,22,21.6,21.9,21.8,21.6z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right center;
padding-right: 32px;
}
::-webkit-validation-bubble-message {
box-shadow: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858), color-stop(1, black));
border: 1px solid;
border-color: #747474 #5e5e5e #4f4f4f;
color: white;
overflow: hidden;
padding: 15px 15px 17px;
text-shadow: black 0 0 1px;
height: 16px;
}
::-webkit-validation-bubble-arrow,
::-webkit-validation-bubble-top-outer-arrow,
::-webkit-validation-bubble-top-inner-arrow {
box-shadow: none;
background: #585858;
border: 0;
}
}
@media screen and (max-width: 800px) {
.smallFormText p {
font-size: 12px !important;
margin: 0px !important;
}
.powermail_message_error {
padding: 12px;
font-size: 13px;
}
.powermail_message_error li {
margin: 4px 0 4px 0;
}
.powermail_fieldwrap_select {
float: none;
}
fieldset.powermail_fieldset label, fieldset.powermail_fieldset .powermail_submit, fieldset.powermail_fieldset .powermail_back {
font-size: var(--font-size-base-mobile) !important;
margin: 12px 0 4px 0;
}
div.powermail_fieldwrap {
margin: 0 0 4px 0;
}
fieldset.powermail_fieldset input.powermail_input, fieldset.powermail_fieldset textarea, fieldset.powermail_fieldset select, fieldset.powermail_fieldset input.powermail_captcha {
font-size: var(--font-size-base-mobile) !important;
}
.csc-textpic-imagewrap {
display: inline-block;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.csc-textpic-text {
margin-left: 0 !important;
margin-right: 0 !important;
}
fieldset.powermail_fieldset input.powermail_input {
border-radius: 3px;
font-size: 14px;
height: 46px;
padding: 0 0 0 12px;
margin: 0 0 10px 0;
}
fieldset.powermail_fieldset .powermail_submit {
height: 46px !important;
border-radius: 5px;
margin: 12px 0 0 0;
padding: 8px 24px;
width: 100%;
max-width: 380px;
}
fieldset.powermail_fieldset textarea.powermail_textarea {
padding: 12px;
}
}
@media screen and (max-width: 480px) {
div.tx-powermail .powermail_fieldwrap_type_input {
float: none !important;
width: 100% !important;
}
fieldset.powermail_fieldset input.powermail_input, fieldset.powermail_fieldset textarea, fieldset.powermail_fieldset select, fieldset.powermail_fieldset input.powermail_captcha {
margin: 0;
width: 100%;
}
fieldset.powermail_fieldset textarea.powermail_textarea {
width: 100%;
}
div.powermail_fieldwrap {
width: 100%;
}
}
.SumoSelect p {
margin: 0;
}
.SumoSelect {
width: 100%;
}
.SelectBox {
padding: 5px 8px;
}
.sumoStopScroll {
overflow: hidden;
}
.SumoSelect .hidden {
display: none;
}
.SumoSelect .search-txt {
display: none;
outline: none;
}
.SumoSelect .no-match {
display: none;
padding: 6px;
}
.SumoSelect.open .search-txt {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
padding: 5px 8px;
border: none;
box-sizing: border-box;
border-radius: 5px;
}
.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {
visibility: hidden;
}
.SelectClass, .SumoUnder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
border: none;
box-sizing: border-box;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.SelectClass {
z-index: 1;
}
.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
margin-bottom: 0;
}
.SumoSelect {
display: inline-block;
margin: 0 0 0.875vw 0;
position: relative;
outline: none;
}
.SumoSelect > .CaptionCont {
position: relative;
background: #ffffff;
font-size: 0.875vw;
border: 1px solid var(--input-border);
height: 2.875vw;
width: 100%;
padding: 0.7vw 1.0625vw 0.1vw 1.1vw;
margin: 0;
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
cursor: pointer;
font-weight: 400;
letter-spacing: -0.2px;
}
.SumoSelect > .CaptionCont span {
display: block;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12.1 8' style='enable-background:new 0 0 12.1 8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23101010;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(-1473,-2656)'%3E%3Cg id='Group-28' transform='translate(1458,2642)'%3E%3Cg id='Group-57' transform='translate(21,21) scale(-1,1) rotate(-360) translate(-21,-21) '%3E%3Cpath id='Shape' class='st0' d='M21.8,21.6l4.8-5.2c0.5-0.5,0.5-1.4,0-2c-0.5-0.5-1.3-0.5-1.8,0l-3.9,4.2L17,14.4 c-0.5-0.5-1.3-0.5-1.8,0c-0.3,0.3-0.4,0.6-0.4,1c0,.4,.1,.7,.4,1l4.8,5.2c0.2,.3,.6,.4,.9,.4 C21.3,22,21.6,21.9,21.8,21.6z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right center;
background-size: 0.5625vw auto;
width: auto;
height: auto;
}
.SumoSelect > .CaptionCont span.placeholder {
color: var(--darker-grey) !important;
}
.blogFilter .SumoSelect > .CaptionCont span.placeholder {
color: var(--darker-grey) !important;
}
.SumoSelect > .CaptionCont > label {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
}
.SumoSelect > .CaptionCont > label > i {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
background-position: center center;
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-repeat: no-repeat;
opacity: 0.8;
}
.SumoSelect > .optWrapper {
display: none;
z-index: 1000;
top: 3.1vw;
width: 100%;
position: absolute;
left: 0;
box-sizing: border-box;
background: #fff;
border: 1px solid var(--input-border);
overflow: hidden;
}
.SumoSelect.open > .optWrapper {
top: 3.1vw;
display: block;
}
.SumoSelect.open > .optWrapper.up {
top: auto;
bottom: 100%;
margin-bottom: 5px;
}
.SumoSelect > .optWrapper ul {
list-style: none;
display: block;
padding: 0;
margin: 0;
overflow: auto;
}
.SumoSelect > .optWrapper > .options {
border-radius: 0.125vw;
font-size: 0.875vw;
position: relative;
max-height: 250px;
}
.SumoSelect > .optWrapper > .options li.group.disabled > label {
opacity: 0.5;
}
.SumoSelect > .optWrapper > .options li ul li.opt {
padding-left: 22px;
}
.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
padding-left: 50px;
}
.SumoSelect > .optWrapper.isFloating > .options {
max-height: 100%;
box-shadow: 0 0 100px #595959;
}
.SumoSelect > .optWrapper > .options li.opt {
padding: 0.7vw 0.375vw 0.4vw 1.125vw;
position: relative;
border-bottom: 1px solid var(--input-border);
color: #000000;
background: none;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.SumoSelect > .optWrapper > .options > li.opt:first-child {
border-radius: 0.125vw 0.125vw 0 0;
}
.SumoSelect > .optWrapper > .options > li.opt:last-child {
border-radius: 0 0 0.125vw 0.125vw;
border-bottom: none !important;
}
.SumoSelect > .optWrapper > .options li.opt:hover {
background: #e6e6e6;
}
.SumoSelect > .optWrapper > .options li.opt.sel {
background-color: var(--primary-color) !important;
border-bottom: 1px solid var(--primary-color);
color: #fff !important;
}
.SumoSelect > .optWrapper > .options li label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block !important;
padding: 0px;
font-size: 0.75vw;
cursor: pointer;
}
.SumoSelect > .optWrapper > .options li span {
display: none;
}
.SumoSelect > .optWrapper > .options li.group > label {
cursor: default;
padding: 8px 6px;
font-weight: bold;
}
.SumoSelect > .optWrapper.isFloating {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 90%;
bottom: 0;
margin: auto;
max-height: 90%;
}
.SumoSelect > .optWrapper > .options li.opt.disabled {
background-color: inherit;
pointer-events: none;
}
.SumoSelect > .optWrapper > .options li.opt.disabled * {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.SumoSelect > .optWrapper.multiple > .options li.opt {
padding-left: 35px;
cursor: pointer;
background: none;
margin: 0;
}
.SumoSelect > .optWrapper.multiple > .options li.opt:hover {
background: #f8f8f8;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
position: absolute;
display: block;
width: 36px;
top: 0;
bottom: 0;
margin-left: -35px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 14px;
height: 14px;
border: 1px solid #AEAEAE;
border-radius: 2px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
background-color: #fff;
}
.SumoSelect > .optWrapper > .MultiControls {
display: none;
border-top: 1px solid #ddd;
background-color: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
border-radius: 0 0 3px 3px;
}
.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
display: block;
margin-top: 5px;
position: absolute;
bottom: 0;
width: 100%;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
display: block;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
padding: 6px;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p {
display: inline-block;
cursor: pointer;
padding: 12px;
width: 50%;
box-sizing: border-box;
text-align: center;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
background-color: #f1f1f1;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
border-right: 1px solid #DBDBDB;
border-radius: 0 0 0 3px;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
border-radius: 0 0 3px 0;
}
.SumoSelect > .optWrapper.isFloating > .options li.opt {
padding: 12px 6px;
}
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
padding-left: 35px;
}
.SumoSelect > .optWrapper.multiple.isFloating {
padding-bottom: 43px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
background-color: var(--primary-color);
box-shadow: none;
border-color: transparent;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: center center;
}
.SumoSelect.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.SumoSelect.disabled > .CaptionCont {
border-color: var(--input-border);
box-shadow: none;
}
.SumoSelect .select-all {
border-radius: 3px 3px 0 0;
position: relative;
border-bottom: 1px solid #ddd;
background-color: #fff;
padding: 8px 0 3px 35px;
height: 20px;
cursor: pointer;
}
.SumoSelect .select-all > label, .SumoSelect .select-all > span i {
cursor: pointer;
}
.SumoSelect .select-all.partial > span i {
background-color: #ccc;
}
.SumoSelect > .optWrapper > .options li.optGroup {
padding-left: 5px;
text-decoration: underline;
}
.icheckbox_square,
.iradio_square {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 1.375vw;
height: 1.375vw;
background-position: center;
background-size: 96% auto;
background-repeat: no-repeat;
border: none;
cursor: pointer;
position: absolute;
left: 0;
}
.paymentOptions .icheckbox_square,
.paymentOptions .iradio_square {
display: block;
margin: 0 auto;
position: relative;
}
body::after {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url('../../../fileadmin/templates/img/checkboxes-radios/icon-checkbox.png') url('../../../fileadmin/templates/img/checkboxes-radios/icon-checkbox-checked.png') url('../../../fileadmin/templates/img/checkboxes-radios/icon-radio.png') url('../../../fileadmin/templates/img/checkboxes-radios/icon-radio-checked.png');
}
.icheckbox_square {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-checkbox.png');
}
.icheckbox_square.checked {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-checkbox-checked.png');
}
.icheckbox_square.disabled {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-checkbox-disabled.png');
cursor: default;
}
.icheckbox_square.checked.disabled {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-checkbox-checked-disabled.png');
}
.iradio_square {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-radio.png');
}
.iradio_square.checked {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-radio-checked.png');
}
.iradio_square.disabled {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-radio-disabled.png');
cursor: default;
}
.iradio_square.checked.disabled {
background-image: url('../../../fileadmin/templates/img/checkboxes-radios/icon-radio-checked-disabled.png');
}
@media screen and (max-width: 800px) {
.icheckbox_square, .iradio_square {
width: 24px;
height: 24px;
}
.overlaySaveCart .saveCartForm .formItemCheckbox label {
padding: 4px 0 0 32px;
font-size: 12px;
}
.SumoSelect {
margin: 0px;
}
.SumoSelect > .CaptionCont {
font-size: 14px;
height: 46px;
padding: 11px 10px 0 14px;
margin: 0 0 10px 0;
box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.SumoSelect > .CaptionCont span {
background-size: 10px auto;
background-position: right 10px center;
}
.SumoSelect > .optWrapper > .options {
font-size: 12px;
border-radius: 3px;
}
.SumoSelect > .optWrapper > .options > li.opt:first-child {
border-radius: 3px 3px 0 0;
}
.SumoSelect > .optWrapper > .options > li.opt:last-child {
border-radius: 0 0 3px 3px;
}
.SumoSelect > .optWrapper > .options li label {
font-size: 12px;
}
.checkbox label {
padding: 2px 0 0 32px !important;
}
}
.tx-hiroki-faq {
margin: 0 auto 6vw auto;
font-size: 1vw;
}
.tx-hiroki-faq .accordionjs .acc_section {
overflow: initial;
}
.tx-hiroki-faq .SumoSelect > .CaptionCont span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 1vw 0 0;
}
.tx-hiroki-faq .faqItems > li, .tx-hiroki-faq .faqSearchResult > li {
border-top: 1px solid #D9d9d9;
transition: all 0.2s ease-out;
}
.tx-hiroki-faq .faqItems > li .faqQuestionTitle, .tx-hiroki-faq .faqSearchResult > li .faqQuestionTitle {
font-family: var(--font-base);
text-align: left;
position: relative;
font-size: 1vw;
line-height: normal;
letter-spacing: normal;
font-weight: 500;
padding: 0;
color: #363636;
cursor: pointer;
margin: 0px;
transition: 0.2s all ease-in-out;
width: 100%;
height: 3.75vw;
display: flex;
align-items: center;
}
.tx-hiroki-faq .faqItems > li .faqQuestionTitle:after, .tx-hiroki-faq .faqSearchResult > li .faqQuestionTitle:after {
content: "";
position: absolute;
width: 0.8125vw;
height: 0.8125vw;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--plus-icon);
mask-image: var(--plus-icon);
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-position: center;
mask-position: center;
background-color: #101010;
right: 1.3125vw;
}
.tx-hiroki-faq .faqItems > li > div .innerContent, .tx-hiroki-faq .faqSearchResult > li > div .innerContent {
overflow: hidden;
font-size: 1vw;
padding: 1.75vw 3.25vw 1.5vw 0vw !important;
}
.tx-hiroki-faq .faqItems > li > div .faqItemImage, .tx-hiroki-faq .faqSearchResult > li > div .faqItemImage {
display: inline-block;
margin: 0.5vw 1vw 0.5vw 0;
transition: all 0.2s ease-out;
}
.tx-hiroki-faq .faqItems > li > div .faqItemImage a, .tx-hiroki-faq .faqSearchResult > li > div .faqItemImage a {
position: relative;
display: inline-block;
background: #fff;
transition: all 0.2s ease-in-out;
}
.tx-hiroki-faq .faqItems > li > div .faqItemImage img, .tx-hiroki-faq .faqSearchResult > li > div .faqItemImage img {
border-radius: 0.3125vw;
max-width: 100%;
height: auto;
}
.tx-hiroki-faq .faqItems > li > div .faqItemImage a:hover, .tx-hiroki-faq .faqSearchResult > li > div .faqItemImage a:hover {
opacity: 0.75;
}
.tx-hiroki-faq .faqItems > li > div .faqItemVideo, .tx-hiroki-faq .faqSearchResult > li > div .faqItemVideo {
display: inline-block;
margin: 0.5vw 1vw 0.5vw 0;
max-width: 15vw;
}
.tx-hiroki-faq .faqItems > li > div .faqItemVideo a, .tx-hiroki-faq .faqSearchResult > li > div .faqItemVideo a {
position: relative;
display: inline-block;
background: #fff;
transition: all 0.2s ease-in-out;
}
.tx-hiroki-faq .faqItems > li > div .faqItemVideo a:hover, .tx-hiroki-faq .faqSearchResult > li > div .faqItemVideo a:hover {
opacity: 0.75;
}
.tx-hiroki-faq .faqItems > li > div .faqItemVideo .slideVideoOverlay, .tx-hiroki-faq .faqSearchResult > li > div .faqItemVideo .slideVideoOverlay {
position: absolute;
width: 100%;
height: 100%;
background: url('../../../fileadmin/templates/img/play-button.svg') no-repeat center center rgba(255, 255, 255, 0);
background-size: 48px 48px;
z-index: 10;
top: 0;
transition: all 0.2s ease-out;
}
.tx-hiroki-faq .faqItems > li > div .faqItemLink, .tx-hiroki-faq .faqSearchResult > li > div .faqItemLink {
margin: 1vw 0 2vw 0;
}
.tx-hiroki-faq .faqItems > li > div .faqItemLink a, .tx-hiroki-faq .faqSearchResult > li > div .faqItemLink a {
font-size: 0.875vw;
padding: 0.6vw 2.5vw;
}
.tx-hiroki-faq .faqItems > li > div .btnSmallPrimaryNext, .tx-hiroki-faq .faqSearchResult > li > div .btnSmallPrimaryNext {
margin: 0.5vw 10 10.1vw 0;
font-size: 1rem;
color: #ffffff !important;
}
.tx-hiroki-faq .faqItems > li > div .faqFactbox, .tx-hiroki-faq .faqSearchResult > li > div .faqFactbox {
background: var(--light-grey);
color: #000000;
padding: 1.5vw 1vw 1.5vw 2vw;
margin: 1.5vw 0 1.2vw 0;
}
.tx-hiroki-faq .faqItems > li > div .faqFactbox ul, .tx-hiroki-faq .faqSearchResult > li > div .faqFactbox ul {
margin: 0 0 1vw 0;
}
.tx-hiroki-faq .faqItems > li > div .faqFactbox ul li, .tx-hiroki-faq .faqSearchResult > li > div .faqFactbox ul li {
margin: 0 0 0.5vw 1.2vw;
position: relative;
padding: 0;
}
.tx-hiroki-faq .faqItems > li > div .faqFactbox a, .tx-hiroki-faq .faqSearchResult > li > div .faqFactbox a {
color: #ffffff;
}
.tx-hiroki-faq .faqItems > li > div .faqItemVideo img, .tx-hiroki-faq .faqSearchResult > li > div .faqItemVideo img {
max-width: 100% !important;
}
.tx-hiroki-faq .faqItems > li > div .faqItemImageFloat, .tx-hiroki-faq .faqSearchResult > li > div .faqItemImageFloat {
float: right;
margin: 0 0 2vw 2vw;
margin: 0.5vw 0 2vw 2vw;
max-width: 20vw;
}
.tx-hiroki-faq .faqItems > li.acc_active .acc_head, .tx-hiroki-faq .faqSearchResult > li.acc_active .acc_head {
color: var(--dynamic-primary-colorprimary-color);
}
.tx-hiroki-faq .faqItems > li.acc_active .acc_head:after, .tx-hiroki-faq .faqSearchResult > li.acc_active .acc_head:after {
background-color: var(--dynamic-primary-color);
-webkit-mask-image: var(--minus-icon);
mask-image: var(--minus-icon);
}
.tx-hiroki-faq .faqItems > li:last-child, .tx-hiroki-faq .faqSearchResult > li:last-child {
border-bottom: 1px solid #D9d9d9;
}
.tx-hiroki-faq .faqSearchResult {
margin: 2vw 0;
}
.tx-hiroki-faq .faqSearchResult > li {
list-style-type: none;
border-bottom: none !important;
}
.tx-hiroki-faq .faqSearchResult > li > .faqQuestionTitle::after {
content: none;
}
.tx-hiroki-faq .faqSearchResult > li > div .innerContent {
padding-top: 0px !important;
}
.tx-hiroki-faq .faqFilter .faqTopics {
display: inline-block;
vertical-align: bottom;
width: 22vw;
margin: 0 0 1vw 0;
}
.tx-hiroki-faq .faqFilter .faqSearch {
display: inline-block;
vertical-align: bottom;
width: 17vw;
margin: 0 0 0 1.5vw;
}
.tx-hiroki-faq .faqFilter .faqSearch input.faqSearchTags {
background: url('../../../fileadmin/templates/img/icon-search.svg') no-repeat left 0.6vw center;
background-size: 1.2vw 1.2vw;
-webkit-appearance: none;
-moz-appearance: none;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 0;
background: #ffffff;
font-size: 0.875vw;
border: 1px solid var(--input-border);
height: 2.875vw;
width: 100%;
padding: 0 1.0625vw 0.1vw 1.1vw;
margin: 0;
box-shadow: inset 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.05);
cursor: pointer;
font-weight: 400;
letter-spacing: -0.2px;
}
.tx-hiroki-faq .faqFilter .faqSearch input.faqSearchTags::-webkit-input-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.tx-hiroki-faq .faqFilter .faqSearch input.faqSearchTags::-moz-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.tx-hiroki-faq .faqFilter .faqSearch input.faqSearchTags:-ms-input-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.tx-hiroki-faq .faqFilter .faqSearch input.faqSearchTags:-moz-placeholder {
color: var(--darker-grey) !important;
opacity: 1 !important;
}
.ui-autocomplete {
max-height: 30vw;
overflow-y: auto;
overflow-x: hidden;
max-width: 30vw;
background-color: #fff !important;
border: solid 1px var(--input-border) !important;
border-radius: 0px;
margin-top: 0.3vw;
}
.ui-autocomplete li {
border-bottom: 1px solid var(--input-border);
}
.ui-autocomplete li div.ui-menu-item-wrapper {
padding: 0.7vw 0.375vw 0.7vw 1.125vw;
position: relative;
}
.ui-autocomplete li div.ui-menu-item-wrapper.ui-state-active {
background-color: #f8f8f8 !important;
}
.ui-autocomplete li:last-child {
border: none;
}
.ui-menu .ui-menu-item-wrapper {
padding: 0;
font-size: 0.875vw;
}
@media screen and (max-width: 1024px) and (min-width: 801px) {
.tx-hiroki-faq .faqItems > li .faqQuestionTitle, .tx-hiroki-faq .faqSearchResult > li .faqQuestionTitle {
font-size: 1.1vw;
}
.tx-hiroki-faq .faqItems > li > div .innerContent, .tx-hiroki-faq .faqSearchResult > li > div .innerContent {
font-size: 1.1vw;
}
.tx-hiroki-faq .faqItems > li > div .innerContent ul li, .tx-hiroki-faq .faqSearchResult > li > div .innerContent ul li {
font-size: 1.1vw;
}
}
@media screen and (max-width: 800px) {
.tx-hiroki-faq {
padding: 0;
font-size: 12px;
margin: 0 auto 20px auto;
}
.tx-hiroki-faq .SumoSelect > .CaptionCont span {
padding: 0 16px 0 0;
}
.tx-hiroki-faq .faqItems > li .faqQuestionTitle, .tx-hiroki-faq .faqSearchResult > li .faqQuestionTitle {
height: auto;
padding: 11px 36px 10px 0px;
font-size: 12px !important;
}
.tx-hiroki-faq .faqItems > li .faqQuestionTitle:after, .tx-hiroki-faq .faqSearchResult > li .faqQuestionTitle:after {
width: 13px;
height: 13px;
background-size: 13px auto;
margin: 0 0 0 8px;
right: 5px;
}
.tx-hiroki-faq .faqItems > li > div h3, .tx-hiroki-faq .faqSearchResult > li > div h3 {
font-size: 15px !important;
}
.tx-hiroki-faq .faqItems > li > div .innerContent, .tx-hiroki-faq .faqSearchResult > li > div .innerContent {
font-size: 12px;
padding: 20px 0 20px 0 !important;
}
.tx-hiroki-faq .faqItems > li > div .innerContent ul li:before, .tx-hiroki-faq .faqSearchResult > li > div .innerContent ul li:before {
width: 10px;
height: 10px;
left: 0;
top: 6px;
}
.tx-hiroki-faq .faqItems > li > div .faqItemImage, .tx-hiroki-faq .faqSearchResult > li > div .faqItemImage {
float: none;
display: inline-block;
margin: 8px 10px 10px 0;
max-width: 260px;
}
.tx-hiroki-faq .faqItems > li > div .faqItemVideo, .tx-hiroki-faq .faqSearchResult > li > div .faqItemVideo {
float: none;
display: inline-block;
margin: 8px 10px 16px 0;
max-width: 280px;
}
.tx-hiroki-faq .faqItems > li > div .faqItemLink, .tx-hiroki-faq .faqSearchResult > li > div .faqItemLink {
margin: 12px 0;
}
.tx-hiroki-faq .faqItems > li > div .faqItemLink a, .tx-hiroki-faq .faqSearchResult > li > div .faqItemLink a {
font-size: 12px;
padding: 10px 40px;
}
.tx-hiroki-faq .faqItems > li > div .faqFactbox, .tx-hiroki-faq .faqSearchResult > li > div .faqFactbox {
margin: 20px 0 25px 0;
padding: 20px 20px 3px 20px;
border-radius: 3px;
}
.tx-hiroki-faq .faqItems > li > div .faqFactbox ul li:before, .tx-hiroki-faq .faqSearchResult > li > div .faqFactbox ul li:before {
width: 10px;
height: 10px;
left: 0;
top: 6px;
}
.tx-hiroki-faq .faqSearchResult {
margin: 30px 0;
}
.tx-hiroki-faq .faqFilter .faqTopics {
width: 100%;
max-width: 380px;
margin: 0 16px 0 0;
}
.tx-hiroki-faq .faqFilter .faqSearch {
width: 100%;
max-width: 380px;
margin: 0 0 24px 0;
}
.tx-hiroki-faq .faqFilter .faqSearch input.faqSearchTags {
height: 47px !important;
padding: 0 0 0 20px !important;
font-size: 12px;
width: 100%;
}
.tx-hiroki-faq .cols-75-25 .col01,
.tx-hiroki-faq .cols-75-25 .col02 {
width: 100%;
}
.ui-menu {
max-width: 380px;
width: 90%;
max-height: 300px;
}
.ui-menu .ui-menu-item {
font-size: 12px;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper {
padding: 11px 20px 10px 16px;
font-size: 12px;
}
.ui-menu .ui-menu-item:before {
width: 10px;
height: 10px;
left: 10px;
top: 14px;
}
.ui-autocomplete {
max-width: 380px;
width: 90%;
max-height: 300px;
}
.ui-autocomplete li div.ui-menu-item-wrapper {
padding: 5px;
}
}
@media screen and (max-width: 600px) {
.tx-hiroki-faq .faqFilter {
flex-wrap: wrap;
}
.tx-hiroki-faq .faqFilter .faqTopics {
margin: 0;
max-width: unset;
}
.tx-hiroki-faq .faqFilter .faqSearch {
margin: 0 0 24px 0;
max-width: unset;
}
}
.tooltipster-base {
display: flex;
pointer-events: none;
position: absolute;
}
.tooltipster-box {
flex: 1 1 auto;
}
.tooltipster-content {
box-sizing: border-box;
max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{transform:scale(0,0);transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{transform:scale(1,1);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;transform:rotateZ(4deg);transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;transform:rotateZ(0deg);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{transition-property:top;transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{transition-property:all;top:0!important;opacity:0}.tooltipster-slide{transition-property:left;transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading 400ms}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating 600ms}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling 600ms}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.05)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:rgb(30,30,30);opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;transition:opacity 0.25s ease,visibility 0s ease 0.25s;visibility:hidden;z-index:99997}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity 0.25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px 22px 22px 22px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color 0.2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all 0.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:visited,.fancybox-share__button:link{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all 0.2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}@media print{body{background:#ffffff!important;color:#000!important}*{box-shadow:none!important;text-shadow:none!important}header,footer{display:none!important}}