@charset "UTF-8"; .swiper-container .swiper-wrapper { min-height: 430px;} #categories h3.widget-title { display: none;} #categories #sidebar {margin-top:25px} #card_previews_horizontal-rail.flat_card_thumbnails .thumbnail-flat-frontside img { max-width: 150px; max-height: 195px; } #card_previews_horizontal-rail.flat_card_thumbnails .thumbnail-flat-frontside.square img { max-width: 150px; max-height: 150px; } #card_previews_horizontal-rail.flat_card_thumbnails .thumbnail-flat-frontside img { max-width: 175px; max-height: 195px; } .horizontal_widget #filter_menu .filter-header { font-size: 14px;} .horizontal_widget #filter_menu .filter-header:after { padding: 0 .3rem;} #body_home #mid { max-width: 100%; width: 100%; padding: 0; margin:0} #body_home .cols { margin-right: -15px; margin-left: -15px;} body[id^=body_account] .namecard { width: 100%; display: block; text-align: center; padding: 0 5px;} .card-options, .card-options>a { width: 100%; display: block;} div[id^=card_previews] .icon-trash { margin-top: 10px;} #body_design #env-select-left,#body_design #env-select-mobile { width: 100%; overflow: auto; background-color: #fff; padding:0; max-width:520px; left: 10%; margin: 0; margin-top:7px} #body_design .env-select { padding: 0.5rem; height: 199px;} #body_design .env-select{border:none;height: 187px;} #body_design .env-select li, #body_product .env-select li { width: 20%; font-size: .75em; padding-bottom: 5px;} #body_design .env-select.show, #body_product .env-select.show { margin: 0; padding: 0.25rem 1rem 0.25rem 1rem; border: 1px solid #d9d9d9;} #body_design .swipercontrol .thumbnail-flat img { max-height: 80px;} #body_design .swiper-controls>div { width: 120px; height: 120px;} #body_design .swipercontrol.singlesided.double { width: 180px;} #body_design .swipercontrol .thumbnail-flat.double.landscape.thumbnail-flat-inside img { max-height: 54px;} .swiper-controls>div.swipercontrol.active, .swiper-controls>div.swipercontrol:hover { border-color: #dcdcdc!important;} .swiper-controls>div { border: 1px solid #ffffff!important;} #body_design .envpreview span.env.square, #body_product .envpreview span.env.square { width: 60px!important; height: 60px!important; top: 18%!important; left: 20%!important; background-size: 60px 60px!important;} #body_design .envpreview span.env.landscape, #body_design .envpreview span.env.landscape_vertical_fold, #body_design .envpreview span.env.portrait{ width: 70px!important; height: 50px!important; top: 22%!important; left: 18%!important; background-size: 70px 50px!important;} #body_design .envpreview span.env.portrait_10x21 { width: 70px!important; height: 35px!important; top: 33%!important; left: 18%!important; background-size: 70px 35px!important;} #body_design .design-content .swiper-container .swiper-slide { max-height: 430px; min-height: 430px;} .sort_options-label {display:none} .sort_options-content {display:none} .sort_options{display:none} .mobilefilter-menu-sort { display: none!important;} @media only screen and (max-width: 991px){ div#corona-message { margin-top: 56px;} } @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap); @font-face { font-family: kcicons; src: url(/css/fonts/kcicons.eot); src: url(/css/fonts/kcicons.eot?#iefix) format("embedded-opentype"), url(/css/fonts/kcicons.woff) format("woff"), url(/css/fonts/kcicons.ttf) format("truetype"), url(/css/fonts/kcicons.svg#untitled-font-1) format("svg"); font-weight: 400!important; font-style: normal } body{ font-family: 'Open Sans', Arial, sans-serif;} .icon { font-family: kcicons; font-style: normal!important} #body_design table.prijsOf td.priceInfoTd:before { color: #6BD39E;} #body_design #enlarge-card .next-preview, #body_design #enlarge-card .prev-preview, #body_product #enlarge-card .next-preview, #body_product #enlarge-card .prev-preview { background-color: #6BD39E;} #body_design #enlarge-card .mod-edit-button, #body_product #enlarge-card .mod-basket-button, #body_product #enlarge-card .mod-edit-button { background-color: #6BD39E;} #mid {max-width: 1200px;} .container { max-width: 1200px} .menubar .flex-container {max-width: 1200px;} .content-wrapper { padding-left: 24px; padding-right: 24px; } .text-max-width { max-width: 720px;} body { color: #2B323A; font-size: 16px; line-height: 24px; padding: 0; margin: 0; } ol, ul { margin-top: 0; margin-bottom: 10px} ul { padding: 0} p { margin-top: 0; margin-bottom: 15px} i { display: inline-block} a { color: #ba9745; outline: 0; text-decoration: none} a:active, a:focus, a:hover { color: #6BD39E} #pagebody ul a:active, #pagebody ul a:focus, #pagebody ul a:hover { color: #6BD39E} p a, #pagebody ul a { color: #2B323A; text-decoration:underline} img { vertical-align: middle} .clear { clear: both} .mobShow { display: none;} .mobHide { display: initial; } h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; font-weight: 400; } h1 { font-size: 38px; line-height:44px; } h2 { font-size: 30px; line-height:36px;} h3 { font-size: 24px; line-height:32px;} h4 { font-size: 18px; line-height:24px; font-weight:600} h5, h6 { font-size: 14px ; line-height:1.5rem;} .quicklinks {font-size:14px} .quicklinks a, .Luckz-text .quicklinks a { color: #2B323A; padding: 0px 5px;margin: 2px 0;display: inline-block;} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 600} #mid {margin-top: 0; margin-bottom: 2.5rem; } #mid_bottom {margin-bottom: 2.5rem;} .content-wrapper { position: relative; } .container { position: relative; margin-right: auto; margin-left: auto; overflow: hidden; clear: both; height: 100%; } .cols { margin-right: -12px; margin-left: -12px} .w-100 { width: 100%} .padding-top-20 { padding-top: 20px} .color-blue { color: #48bcc2} .topicAnchor {} input { -webkit-appearance: none; -moz-appearance: none; appearance: none} input[type*="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox;} input[type=text], input[type=password] { border: 1px solid #d3d3d3; color: #6e7277; font-size: 16px; width: 100%; padding: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0} div[onclick] { cursor: pointer} div[onclick]:hover img { opacity: 1; } div[onclick].swiper-container:hover img { opacity: 1} .table { width: 100%; max-width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse; background-color: #fff} .table>thead>tr>th { border-bottom: 2px solid #ddd; background-color: #fbf7f8; color: inherit} .table tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd} .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd} .table-responsive { min-height: .01%; overflow-x: auto} .table-responsive table { border-bottom: 1px solid #ddd;} .table-unstyled { width: 100%; margin-bottom: 20px; border: none} .table-unstyled>thead>tr>th { text-align: left; border-bottom: none; background-color: inherit; color: inherit} .table-unstyled tbody>tr>th, .table-unstyled>tbody>tr>td, .table-unstyled>tfoot>tr>td, .table-unstyled>tfoot>tr>th, .table-unstyled>thead>tr>td, .table-unstyled>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: none} .table th { background-color: #f3f3f3; color: #7e7e7e; text-align: left} .main-content ul li { position: relative; margin-left: 12px;} .main-content ul li:before { position: absolute; content: ""; width: 5px; height: 5px; background-color: #6BD39E; left: -12px; top: 11px} .text-xsm { font-size: 85%;} .transition-ease { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease } #headermenu, .hide { display: none} #crumbs { margin-bottom: 10px; font-size: 13px; margin-top: 8px;} #crumbs a { color: #ba9745} .zoek { margin-top: -18px; padding: 0 15px 0 10px!important; overflow: visible!important; cursor: pointer} .zoek:after { content: ''; width: 40px; height: 40px; position: absolute; left: 14px; top: -14px; background: url(https://luckz.nl/img/luckz-sprites.png) -40px -29px no-repeat; border: 1px solid #959595} .zoek.active:after { background-color: #333; background-position: 12px -29px; border-color: #333} .sForm form input { position: absolute; top: 3px; display: none; left: -206px; border: 1px solid #333; border-right: none; outline: 0; width: 220px; height: 42px; box-sizing: border-box; border-radius: 0} .button { display: inline-block; padding: 9px 20px; margin-bottom: 5px; font-size: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; line-height: 1.42857143; text-align: center; border: 1px solid transparent; border-radius: 0; white-space: nowrap; vertical-align: middle; overflow: hidden; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } .button i { display: inline-block; vertical-align: middle} .button-xlg { padding: 12px 18px; font-size: 26px; line-height: 1.3333333} .button-success { color: #fff; background-color: #6BD39E; border-color: #6BD39E} .button-success:hover { color: #555; background-color: #fff; border-color: #adadad} .button-link { display: block; border-color: transparent; background-color: transparent; color: #fff; background-color: #6BD39E; } .button-link:active, .button-link:focus, .button-link:hover { border-color: transparent; color: #555; background-color: #fff; border-color: #adadad} .button-group { position: relative; display: inline-block; vertical-align: middle; margin-top: 5px; margin-bottom: 5px} .button-group .button { position: relative; float: left; border-radius: 0} .button-group .button:first-child { margin-left: 0; border-top-left-radius: 100px; border-bottom-left-radius: 100px} .button-group .button:last-child { margin-left: 0; border-top-right-radius: 100px; border-bottom-right-radius: 100px} .button-group-vertical { position: relative; display: inline-block; vertical-align: middle} .button-group-vertical>.button { display: block; float: none; width: 100%; max-width: 100%; border-radius: 0!important} .button-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate} .button-group-justified>.button { display: table-cell; float: none; width: 1%} .button-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5} .button-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5} .button-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333} .button-default { color: #333; background-color: #fff; border-color: #ccc} .button-default:hover { color: #555; background-color: #e6e6e6; border-color: #adadad} .button-warning { color: #fff; background-color: #24c1c8; border-color: #fa9485} .button-warning:hover { color: #555; background-color: #e6e6e6; border-color: #adadad} .button-danger { color: #fff; background-color: #fa9485; border-color: #fa9485} .button-danger:hover { color: #555; background-color: #e6e6e6; border-color: #adadad} .button-info { color: #fff; background-color: #24c1c8; border-color: #f6871f} .button-info:hover { color: #555; background-color: #e6e6e6; border-color: #adadad} .button-primary { color: #fff; background-color: #31c1c7; border-color: #31c1c7} .button-primary:hover { color: #555; background-color: #fff; border-color: #adadad} .button-block { position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 25px; height: 120px; background-color: #f3f3f3} .button-block a.active, .button-block:hover { background-color: #f3f3f3} .button-block>a { display: table; width: 100%; height: 100%; padding: 0 40px; z-index: 1; position: relative; text-align: left; background-color: #f3f3f3!important} .button-block>a:hover { background-color: #def6f7!important} .button-block>a .button-block-content { display: table-cell; height: 100%; vertical-align: middle} .button-block>a .button-block-title { display: block; font-size: 24px; font-weight: 300; margin-top: 0; color: #333; margin-bottom: 0} .button-block>a .button-block-title i { display: inline-block; vertical-align: middle} .button-block>a .button-block-text { display: block; font-size: 14px; color: #787878; line-height: 1.3; margin-top: 10px} .button-basic { border: 1px solid #d2d2d2; border-radius: 0; color: #2B323A;font-size: 0.875rem; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease} .button-basic:hover { background-color: #6BD39E; border-color: #6BD39E; color: #fff} .icon-favorite-heart { vertical-align: middle} .icon-favorite-heart:after { content: ""; width: 24px; height: 24px; background: url(https://luckz.nl/img/luckz-sprites.png) -42px -110px no-repeat; display: inline-block} .icon-unfavorite-heart:after { content: ""; width: 24px; height: 24px; background: url(https://luckz.nl/img/luckz-sprites.png) -76px -110px no-repeat; display: inline-block} .favorite-button { right: 3px} .modal .modal-button-success { color: #fff; background: #6BD39E; border-color: #6BD39E; padding: 5px;} .wrap-item.promoBanners {margin-top: 5px;margin-bottom: 30px;} .lead-top { padding-bottom: 13px} .lead-top p { color: #787878; font-size: 16px; line-height: 24px} .wrap-item.blog-list p { font-size: 14px;} .eenvoudig-bar { padding: 10px; margin: 22px 0;} .eenvoudig-bar ul { padding: 0; margin: 0;} .eenvoudig-bar li { display: inline-block;} .eenvoudig-bar li:before { content: " > ";} .main-content .eenvoudig-bar ul li:first-child:before { content: "";} .main-content .eenvoudig-bar ul li:before { position: inherit; width: inherit; height: inherit; background-color: transparent; left: inherit; top: inherit; content: " > ";} #body_home #categories { display: none;} #body_home #pagecontent { width: 100%} #sidebar { color: #2B323A;} .sidebar_widget .menu-cat.show-for-mobile { display: none;} #categories h5 { font-size: 16px; font-family: inherit; position: relative; line-height: 1.5} #categories #taggroupul-kleur h5 { font-size: 14px; padding-top: 10px; color: #7d7d7d} #categories .icon-basket { display: none; right: 0; position: absolute; top: -26px} #categories i { cursor: pointer} #categories .accordion { border-bottom: 0} #categories .accordion .accordion-body ul { padding-bottom: 6px; margin-bottom: 10px} #categories .icon-chevron-down { top: -26px; right: 0; position: absolute} #categories .icon-chevron-down:after { content: '-'; font-size: 40px; color: #858585} #categories .icon-chevron-right { right: 0; top: -8px; position: absolute} #categories .icon-chevron-right:after { content: '+'; font-size: 25px; color: #2B323A} #categories .accordion .accordion-button { text-transform: uppercase; color: #2B323A!important} #categories .accordion .accordion-body { padding: 5px 0} #categories .accordion>.active { border-bottom: 1px solid #dfe5e5} .accordion { list-style-type: none; padding: 0; border-bottom: 1px solid #dfe5e5; background-color: transparent; margin-bottom: 10px} .accordion>.active { color: #ba9745!important} .accordion .show { display: block!important} .accordion>a { display: block; vertical-align: middle; background-color: transparent; padding: 5px; color: #575757} .accordion>a>i { float: right; font-size: 12px} .accordion .accordion-body { display: block; padding: 5px} .accordion .accordion-body ul li a { padding: 5px 0 5px 5px} a.edit_tags { font-size: 24px;} #categories .widget_content>ul>li { margin-bottom: 10px} #categories .widget_content>ul>li.list-toggle { display: none!important} #categories .widget_content>ul>li.has-child a { font-size: 0.875rem; display: block; padding: 0.15rem 0; text-transform: none;} #categories .widget_content>ul>li.has-child>a { position: relative; color: #2B323A; padding-bottom: 10px; font-size: 0.875rem; text-transform: uppercase; letter-spacing:.5px; font-weight: 700;} #categories .widget_content>ul>li.has-child>a:after { position: absolute; content: "+"; right: 0; top: 0; font-size: 25px} #categories .widget_content>ul>li.has-child.active>a:after { content: "-"; font-size: 30px; color: #858585; font-weight:400} #categories .widget_content>ul>li.has-child ul { border-bottom: 1px solid #DFE5E5; border-left: none; margin-left: 0; padding: 10px 0 18px} #categories .widget_content>ul>li a { font-size: 0.875rem; display: block; padding: 0.15rem 0; text-transform: none;} #categories .widget_content>ul>li>a { position: relative; color: #2B323A; padding-bottom: 10px; font-size: 0.875rem; text-transform: uppercase; letter-spacing:.5px; font-weight: 700;} #categories .widget_content>ul>li>a:after { position: absolute; content: "+"; right: 0; top: 0; font-size: 19px} #categories .widget_content>ul>li.active>a:after { content: "-"; font-size: 30px; color: #858585; font-weight:400} #categories .widget_content>ul>li ul { border-bottom: 1px solid #DFE5E5; border-left: none; margin-left: 0; padding: 10px 0 18px} #categories .widget_content>ul>li:not(:last-child):not(:nth-last-child(2))>ul { border-bottom: 1px solid #dfe5e5} #categories .widget_content>ul>li>a { border-bottom: 1px solid #dfe5e5; font-size: 16px; position: relative; color: #2B323A; padding-bottom: 10px; font-size: 0.875rem; text-transform: uppercase; letter-spacing:.5px; font-weight: 700;} .widget_content .show-for-mobile { display: block;} .cards_form { padding: 0;} #card_previews .thumbnail-card { background-color: rgba(0, 0, 0, .03); height: 100%;} #card_previews>div { padding: 0.5rem 1rem 0.5rem 0rem;} #card_previews.card-preview-flat .thumbnail-card .thumbnail-card-img { display: flex;} .thumbnail-card-img { display: flex; justify-content: center; align-items: center;} .thumbnail-card-img:before { display: block; content: ''; top: 0; right: 0; bottom: 0; left: 0; padding-top: 85%;} #card_previews.card-preview-flat .thumbnail-col-3 .thumbnail-card .thumbnail-card-img>a { height: 100%; line-height: initial;} #card_previews.card-preview-flat div.thumbnail-card { margin-bottom: 10px; display: flex; justify-content: center; align-items: center;} #card_previews.card-preview-flat .thumbnail-card .thumbnail-card-img>a { height: 100%; line-height: inherit;} .thumbnail-card:hover .thumbnail-card-img a { transform: rotate(-7deg) scale(1.1)!important;} #card_previews.card-preview-flat div.thumbnail-card { flex-wrap: wrap; padding-top: 0px; } #card_previews.card-preview-flat .thumbnail-card .thumbnail-card-img { padding: 30px 25px 30px 25px; } .thumbnail-card .thumbnail-card-label a.thumbnail-title, .thumbnail-product .thumbnail-product-label a.thumbnail-title { margin: 0 auto 10px auto; width: 100%; max-width: 210px;} .thumbnail-card .thumbnail-title { font-size: 12px;} .pagination-bar {padding: 20px 0 40px 0;} i.icon.icon-angle-right:before { content: "volgende"; font-family: 'Open Sans', Arial, sans-serif!important; font-size: 1rem; vertical-align: 23%} i.icon.icon-angle-right { padding: 2px 0;} .pagination-bar-item { font-size: 1.2rem;} .pagination-bar-item.active, .pagination-bar-item:hover { border: 1px solid #6bd39e;} .pagination-bar-item.active { border: 1px solid #6bd39e; color: #fff; background-color: #6bd39e;} .pagination-bar-item.next:hover, .pagination-bar-item.previous:hover { border-color: #6bd39e;} .thumbnail-card .thumbnail-card-label a { color: #7e7f83bf;} div[id^=card_previews] { padding-top: 10px; margin-top: 25px; white-space: nowrap; border-top: 0px solid #fff; overflow: hidden} div[id^=card_previews] .icon-trash { font-size: 20px!important} div[id^=card_previews] { white-space: normal;} div[id^=card_previews] img { height: auto !important;} #card_previews.cols { margin: 0} .thumbnail-card .thumbnail-card-label a:hover { -webkit-transform: scale(1); transform: scale(1);} .wrap-item { margin-top: 25px; margin-bottom: 50px} .wrap-item .item { position: relative; margin-bottom: 30px; padding-bottom: 15px; border: 1px solid #dfe5e5} .wrap-item.border .item h2 { font-size: 26px; line-height: 30px; display: contents;} .wrap-item.border .des { margin-top: 25px; margin-bottom: 5px} .wrap-item .item .title { margin-top: 25px} .wrap-item .item .title h2 { text-transform: uppercase} .wrap-item .item .thumb { margin-bottom: 25px} .wrap-item .item .des, .wrap-item .item .btn, .wrap-item .item h2 { padding: 0px 15px;} .wrap-item .item .des p { font-size: 14px; min-height: 122px;} .wrap-item .thumbnail-footer { margin-top: 0; background-color: transparent} .thumbnail-card .thumbnail-card-label .favorite-button, #card_previews i.icon.icon-x2.icon-favorite-heart { display: none!important;} .ticket-style .item { margin-bottom: 0; } .custom-checkbox { position: relative; display: inline-block} .custom-checkbox>.box { position: relative; display: block; width: 16px; height: 16px; border: 1px solid #ccc; background-color: #eee; border-radius: 0} .custom-checkbox>.box>.tick { position: absolute; left: 0; top: 2px; width: 14px; height: 6px; border-bottom: 2px solid #333; border-left: 2px solid #333; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: none} .custom-checkbox>input { position: absolute; outline: 0; left: 0; top: 0; padding: 0; width: 16px; height: 16px; border: none; margin: 0; opacity: 0; z-index: 1} .custom-checkbox>input:active+.box { border-color: #aaa; background-color: #ddd} .custom-checkbox>input:checked+.box>.tick { display: block} .checkbox-inline label { display: block; padding-left: 15px; text-indent: -15px; font-weight: 400} .checkbox-inline input[type=checkbox] { width: 13px; height: 13px; padding: 0; margin: 0; vertical-align: middle; position: relative; top: -1px; *overflow: hidden} #categories .box { display: none} #filter_menu ul li input[type=checkbox]:checked+label span.custom_checkbox { background: url(https://luckz.nl/img/ftcheck.png) center center no-repeat #6BD39E; background-size: 20px 20px} li.tag-li label { font-size: 0.875rem; cursor: pointer; font-weight: 400} li.tag-li label:hover span { background: #6BD39E} li.tag-li input { display: none} .kleur ul { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0} .kleur ul li { display: inline-block; box-sizing: border-box; width: 30px; height: 30px; padding: 0!important; margin: 0 0 7px; vertical-align: top; overflow: hidden; border: 1px solid #b4b4b4; background: -webkit-linear-gradient(-55deg, #ffeeb0 30%, #a2d49f 30%, #a2d49f 40%, #c7c12f 40%, #c7c12f 50%, #f26247 50%, #f26247 60%, #ec2045 60%, #ec2045 70%, #ffeeb0 70%); background: -moz-linear-gradient(-55deg, #ffeeb0 30%, #a2d49f 30%, #a2d49f 40%, #c7c12f 40%, #c7c12f 50%, #f26247 50%, #f26247 60%, #ec2045 60%, #ec2045 70%, #ffeeb0 70%); background: linear-gradient(-55deg, #387ed7 40%, #a2d49f 30%, #a2d49f 40%, #c7c12f 40%, #c7c12f 50%, #f26247 50%, #f26247 60%, #ec2045 60%, #ec2045 70%)} .kleur ul li label { display: block; height: 30px; width: 30px; font-size: 0!important} .kleur ul li label .custom_checkbox { display: inline-block!important; height: 30px!important; width: 30px!important; background: 0 0!important; border: none} #tagli-geel label { background: #ff0!important} #tagli-oranje label { background: orange!important} #tagli-wit label { background: #fff!important} #tagli-rood label { background: #db1704!important} #tagli-blauw label { background: #2286dd!important} #tagli-roze label { background: #d53276!important} #tagli-grijs label { background: #92959f!important} #tagli-groen label { background: #9bd576!important} #tagli-paars label { background: #7a4dac!important} #tagli-zwart label { background: #000!important} #tagli-bruin label { background: #7b6a4f!important} #tagli-kleurrijk label { background: -moz-linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(18, 223, 255, 1)), color-stop(49%, rgba(255, 244, 28, 1)), color-stop(100%, rgba(255, 0, 0, 1))); background: -webkit-linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%); background: -o-linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%); background: -ms-linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%); background: linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%); } #filter_menu li.tag-li .number-of-tags { font-size: .75em; } #filter_menu ul .kleur ul li input[type=checkbox]:checked+label .custom_checkbox, #filter_menu ul .kleur ul li label:hover .custom_checkbox, #filter_menu ul li.kleur label:hover .custom_checkbox { background: url(https://luckz.nl/img/ftcheck.png) -6px 1px no-repeat!important} .filtertop { border-bottom: 1px solid #c7c7c7; padding-bottom: 10px} #filter_menu ul li input[type=checkbox]:checked+label .custom_checkbox:after, #filter_menu ul li label:hover .custom_checkbox:after { content: "\e010"!important;} li.tag-li label span { margin-top: 0;} .open_mobile_filter.floater, .open_mobile_filter { background: #6BD39E !important; color: #fff!important; z-index: 100 !important;} #filter_cards .filtertop { cursor: pointer;} #filter_cards h3 { color: #2B323A; font-size: 0.875rem; text-transform: uppercase; letter-spacing:.5px; font-weight: 700; padding: 0; margin: 0;} #filter_menu .kleur ul li{ background: #fff; border:none} body #filter_menu ul li.kleur input[type=checkbox]:checked + label .custom_checkbox:after, #filter_menu ul li.kleur label:hover .custom_checkbox:after { content: "\e010";} body #filter_menu #taggroupul-kleur .custom_checkbox, #filter_menu #taggroupul-kleuren .custom_checkbox { margin: 0px 6px; } .tooltip { position: relative} .tooltip .tooltiptext { visibility: hidden; width: 150px; background-color: #383333; color: #fff; text-align: center; border-radius: 6px; padding: 10px 15px; position: absolute; z-index: 1; bottom: 115%; left: 50%; margin-left: -75px; line-height: 16px; -webkit-transform: scale(1)!important; transform: scale(1)!important; font-size: 11px} .tooltip .tooltiptext:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent} .tooltip.open-tooltip .tooltiptext { visibility: visible} span.tooltip { margin: -64px -6px;} .designlabel { display: block; position: absolute!important; z-index: 2; left: 50%; bottom: 11px; transform: translate(-50%, -50%); color: #808080; font-size: 12px; font-weight: 500; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; line-height: 1rem; padding: 2px 4px 2px 4px; margin: 0 auto; width:95% } .leeftijdBlok a { text-align: center; padding: 8px 5px 8px 5px; border: 1px solid #ccc; display: block; font-size: 18px; color: #787878; line-height: 20px; background-image: url(https://luckz.nl/media/leeftijdconfettibg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: #fff;} .leeftijdBlok a:hover { color: #fff; background-color: #6BD39E; border-color: #6BD39E; background-image: none;} .leeftijdBlok { margin-bottom: 10px;} .leeftijdBlok strong { display: block; width: 100%;} .leeftijdenBubbels h2 { font-size: 28px;} .design_button_preview .button-xlg { padding: 12px 12px; font-size: 15px; line-height: 1.42857143;} .design_button_preview i.icon.pull-right { float: none!important;} .box-body i.icon { text-transform: lowercase} .box { position: relative; padding: 0; margin-bottom: 15px; background-color: #fff; border-radius: 15px; border: 1px solid #dfe5e5; overflow: hidden} .box .box-body { background-color: #fff; margin: 0; padding: 25px} .box .box-footer { background-color: #fff; margin: 0; padding: 25px; border-top: 1px solid #e4e8e8; clear: both} .box-default .box-body, .box-default .box-footer, .box-primary .box-body { background-color: #fff} .box-primary .box-footer { background-color: #f2ecec} #body_design .box-body, #body_design .box-body>h1 { text-align: center;line-height: 32px;} #card_order_info { border: 1px solid #dcdcdc} #card_order_info .price-info { display: none!important} #body_design #choose_preview { margin-left: auto; margin-right: auto; max-width: 350px;} #body_design .add_to_collection { border: none} #body_design .desUsp { display: block; border-radius: 0; border: none; margin-bottom: 0} #body_design .open_calculator { border: none} #body_design .design-content>.cols>.container { overflow: visible} #body_design .open_calculator { padding-left: 0} #body_design .open_calculator i { display: none} #body_design .open_calculator .openPrijsCalculator { text-transform: none; border: 1px solid #2B323A; padding: 0.5rem 1rem;} .open_calculator a.openPrijsCalculator { color: #2B323A;} .open_calculator a.openPrijsCalculator:hover, .open_calculator a.openPrijsCalculator:focus{ color: #fff; background-color: #6BD39E;} #body_design .content-wrapper { overflow: visible} #body_design #categories { display: none} #body_design #pagecontent { width: 100%; float: none} #body_design h1 { font-size: 28px; text-align: center; color: #464646; display: block!important} #body_design .blog-list { margin-top: 50px; display: none} #body_design .extraBox { min-height: 26px} #body_design #envelope { top: 330px!important; left: 388px} #body_design #envelope .ui-selectmenu-text { text-indent: 30px; background-color: #fff; background-size: 25px 25px; background-repeat: no-repeat; background-position: 10px center; height: auto!important; line-height: normal!important} #body_design .envgroot { top: 21px; right: 24px} #body_design .prijsOf .priceInfoTd { position: relative} #body_design .prijsOf .priceInfoTd:before { font-family: kcicons; content: 'k'; cursor: pointer; padding-left: 5px; font-size: 16px} #body_design .prijsOf .priceInfoTd:hover .priceHover { display: block} #body_design .proof_price_usp, #body_product .proof_price_usp { color: #2B323A;} #body_design .subheader, #body_product .subheader { color: #2B323A; font-size: 1rem;} #body_design table.prijsOf td.priceInfoTd div.priceHover { display: none; position: absolute; padding: 15px; background: #fff; top: 15px; right: 20px; width: 270px; -webkit-box-shadow: 0 0 5px 0 #575757; box-shadow: 0 0 5px 0 #575757; z-index: 999; font-size: 0.85rem; } #body_design .box { border-radius: 0} #body_design .box-body { padding: 25px 20px 0} #body_design .button-group .button { border-radius: 0; font-size: 15px; width: 260px; display: block; margin: 30px auto; text-align: center} #body_design .button-group .button .icon { display: none} #body_design .save_user_design { color: #bb9845; display: inline-block; text-transform: lowercase; font-size: 16px} #body_design .save_user_design:first-letter { text-transform: uppercase} #body_design .desUsp { font-size: 14px; line-height: 20px; background-color: #fff;} #body_design .desUsp p { position: relative; color: #333; padding: 0; margin-bottom: 0; line-height: 18px; padding-bottom: 10px;} #body_design .desUsp p:hover { text-decoration: none} #body_design .desUsp a, #body_product .product-usp a { color: #7d7d7d; text-decoration: none;} #body_design .box-footer .desUsp p a:before { font-family: 'kcicons'; content: '\e010'; color: #6BD39E; padding-right: 5px; font-size: 15px; vertical-align: -3px; padding-bottom: 5px; float: left;} #body_design #price-info-tablet, #body_product #price-info-tablet { border-top: none;} .design_label { display: inline-block; position: absolute!important; z-index: 2; left: 15px; top: 0; color: #808080; background-color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 2px; text-align: center; text-transform: uppercase; line-height: 1rem; padding: 2px 14px 2px 14px; margin: 0 auto; border: solid 1px #808080; } #body_design #card_previews_horizontal { display: none} .card_swiper_rail { border-top: 1px dashed #dcd9d2; } #body_design .swiper-header { display: block; text-align: center;} #body_design .swiper-header h2 { font-size: 24px; margin-top: 2rem;} #card_previews_horizontal-rail { padding: 0;} .swiper-controls { margin-top: 40px} #card_description h2{ text-transform: inherit; color: #2B323A; font-size: 1rem; margin: 0; font-weight: 700; line-height: inherit; padding: 0.8rem 0 0.3rem 0;} #body_design .ui-menu-item { height: auto!important; line-height: normal!important} #body_design .ui-selectmenu-button { width: 250px!important} #body_design .accordion-body>div>span { width: 150px; float: left; display: none} #body_design .proefDrukPrijs { text-align: left; font-size: 16px; font-style: italic; margin-top: 46px} #body_design .box-primary .box-footer { background-color: #f5f5f5; padding: 13px 20px 15px} #body_design #next_page, #body_design #prev_page { position: absolute; top: 100px; cursor: pointer; font-size: 21px; color: #6bbfca; height: 42px; width: 42px; border: 1px solid #6bbfca; -moz-border-radius: 21px; -webkit-border-radius: 21px; border-radius: 21px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease} #body_design #next_page:before, #body_design #prev_page:before { font-family: kcicons; content: 'i'; width: 42px; height: 42px; text-align: center; position: relative; left: 11px; line-height: 42px} #body_design #prev_page { left: 15px} #body_design #next_page { right: 15px} #body_design #next_page:before { content: 'j'} #body_design .ui-widget-content { width: 300px!important; font-size: 16px} #card_description { white-space: pre-line;} div#card-info-left > div { padding-bottom: 0.5rem;} div#card_tag_list { font-size: 0.8rem; max-width: 350px;} div#card_tag_list .subheader { font-size: 0.85rem;} #design_page__footer { padding-right: 15px; padding-left: 15px;} #body_design .price-info { display: none;} #body_design .box-body .proefDrukPrijs { font-style: normal; font-family: tahoma; font-size: 15px;} #body_design #inner-rail { max-width: 90%!important;} #body_design #rail-swiper.swiper-container .designlabel { left: 50%; bottom: -1.5rem; transform: translate(-50%, -50%); color: #808080; background-color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 2px; text-align: center; text-transform: uppercase; line-height: 1rem; padding: 2px 14px 2px 14px; border: solid 1px #808080; } #card_tag_list { display: none; } #product_supplier { display: none; } #body_design #enlarge-card .modal-dialog, #body_product #enlarge-card .modal-dialog { max-width: 100%;} #body_design .modenvprev.portrait { display: none;} #body_login .banner-top { margin-bottom: 40px} .address-list input[type=text] { border-radius: 0!important} .address-list>ul { max-height: 250px; padding: 0; margin: 0 0 15px; overflow-y: auto; overflow-x: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc} .address-list>ul>li { border-bottom: 1px solid #ccc; text-align: center} .address-list>ul>li:last-child { border-bottom: none} .address-list>ul>li a { display: block; padding: 0} .address-list>ul>li>button { margin-bottom: 15px} .field-horizontal .field-group { margin-right: -15px; margin-left: -15px} .field-horizontal .field-label { padding-top: 7px; margin-bottom: 0; text-align: left} .field-group { margin-bottom: 15px} .field-group .field-input-group { margin-bottom: 0} textarea.field-input { height: auto} .field-input-group { position: relative; display: table; border-collapse: separate; margin-bottom: 15px; width: 100%} .field-input-group .field-input-group-addon { display: table-cell; width: 1%; white-space: nowrap; vertical-align: middle; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center} .field-input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc} .field-input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5} .field-input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333} select.field-input { background-color: #def6f7} input[type=text].error { border-color: #f09} input[type=text].error:focus { outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)} label.error { font-style: italic; display: block; font-size: 12px; font-weight: 400} .account_address .button-block:after, .account_adres_import .button-block:after, .account_orders .button-block:after, .account_settings .button-block:after, .eigen_collectie .button-block:after { position: absolute; content: ""; width: 42px; height: 42px; right: 13px; top: 13px; z-index: 1} .account_settings .button-block:after { background: url(https://luckz.nl/img/luckz-sprites.png) 4px -207px no-repeat} .account_orders .button-block:after { background: url(https://luckz.nl/img/luckz-sprites.png) -55px -207px no-repeat} .account_address .button-block:after { background: url(https://luckz.nl/img/luckz-sprites.png) 16px -261px no-repeat} .eigen_collectie .button-block:after { background: url(https://luckz.nl/img/luckz-sprites.png) -45px -262px no-repeat} .account_adres_import .button-block:after { background: url(https://luckz.nl/img/luckz-sprites.png) 12px -309px no-repeat} #body_account_settings .account_address .button-block:after, #body_account_settings .account_adres_import .button-block:after, #body_account_settings .account_orders .button-block:after, #body_account_settings .account_settings .button-block:after, #body_account_settings .eigen_collectie .button-block:after { content: none} #body_account_settings .account_address .button-block, #body_account_settings .account_nieuwsbrief .button-block, #body_account_settings .account_password .button-block { text-align: center} .account .button-block>a { padding-left: 20px; padding-right: 20px} .button-block-img { height: 180px; background-color: transparent} .button-block-img>a { background-color: transparent; max-height: 210px} .button-block-img>a:active, .button-block-img>a:focus, .button-block-img>a:hover { background-color: transparent; opacity: .9} .button-block-img>a img { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; z-index: -99} .button-block-img>a .button-block-title { display: block; color: #fff; font-size: 1.4em} .button-block-img>a .button-block-text { display: block; font-size: 1em; color: #fff} .card-block { position: relative; display: block; border: 1px solid #e4e8e8; background-color: #fdf3e9; margin-bottom: 25px; border-radius: 10px; cursor: pointer; z-index: 3} .card-block img { height: 150px} .card-block:hover>img { opacity: .8} .card-block:hover .card-block-footer, .card-block:hover .card-block-title { opacity: 1} .card-block .card-block-footer, .card-block .card-block-title { display: block; text-align: center; padding: 10px; margin-bottom: 10px; opacity: .8} .card-block .card-block-title { color: #f68620; font-size: 1.2em; font-weight: 700} .card-block .card-block-footer { color: #f68620; font-size: 15px; margin-top: 10px} .list { list-style-type: none; margin-top: -4px; margin-bottom: 10px; padding: 0; font-size: 15px} .list .list-toggle .list-toggle-text { display: inline-block; vertical-align: middle; color: #555; font-weight: 500; padding-left: 5px; padding-right: 5px} .list .list-toggle .list-toggle-text .icon { display: inline-block; vertical-align: middle; font-size: .5em!important} .list-vertical li.active>a { color: #6bd39e; font-weight: 600;} .list-vertical>li:first-child { margin-bottom: 16px} .list-vertical>li:not(:first-child),.list-vertical>li:first-child { font-size: 0.875rem; color: #2B323A; display: block; padding: 0; text-transform: none;} .list-vertical li a { display: inline-block; vertical-align: middle; width: 100%; padding: 0; color: #575757} .list-vertical li a:active, .list-vertical li a:focus, .list-vertical li a:hover { color: #ba9745} .list-vertical li>a { color: #333} .list-vertical li ul { margin: 0 0 0 5px; padding-left: 15px; border: none} .list-vertical li ul li a { color: #2B323A; line-height: 1.5; padding: 2px 0} .list-vertical li ul li a:active, .list-vertical li ul li a:focus, .list-vertical li ul li a:hover { color: #ba9745} .list-vertical li ul.account_nieuwsbrief li a { position: relative} .list-vertical li ul.account_nieuwsbrief li a:before { position: absolute; content: ">"; left: -18px; color: inherit} body[id^=body_account] .list-vertical:first-child>li:first-child, body[id^=body_account] #pagebody .sm-3 h2 { color: #2B323A; padding-bottom: 10px; font-size: 0.875rem; text-transform: uppercase; letter-spacing:.5px; font-weight: 700; border-bottom: 1px solid #dfe5e5; line-height: 1.5rem; width: 100%;} ul.list-inline { padding-left: 0; margin-left: -5px; list-style: none} ul.list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px} .list-decimal { list-style-type: decimal} body[id^=body_account] #pagebody>div { margin-top: 50px} body[id^=body_account] #pagebody h1, body[id^=body_account] #pagebody h2 { display: inline-block; font-size: 22px; font-weight: 600} body[id^=body_account] #pagebody h1 { font-weight: 400} #body_account_settings #step_back { text-align: left; text-transform: none; font-size: 16px; color: #ba9745; display: initial} #body_account_settings #step_back:hover { color: #6BD39E} #template-fluid .account_settings .button-block:after, #template-fluid .account_orders .button-block:after, #template-fluid .eigen_collectie .button-block:after { background: none;} #template-fluid .button-block>a { padding: 0 10px; text-align: center;} body[id^=body_account] .namecard{} .order-flow { border-bottom: solid 1px #ccc; padding: 10px 0; font-size: 11px} .order-flow a { display: block} .order-flow .order-flow-details { display: inline-block; vertical-align: middle} .order-flow .order-flow-image { max-height: 100px} .order-flow .order-flow-details-body { padding: 15px; background-color: #fcfcfc; line-height: 15px} .order-flow .order-flow-details-body .order-flow-details-status { border-bottom: 1px dashed #ccc; padding: 10px 0} .order-flow .order-flow-details-body strong { display: block; margin-top: 10px} @media (min-width:320px) { .order-flow .order-flow-info strong { float: right } } @media (min-width:992px) { .order-flow-info strong { float: none!important } .order-flow .md-1 { width: 14.285714285714285714285714285714% } } #body_contact .banner-top { margin-bottom: 40px} #body_contact-support #mid { margin-top: 0;} #pagebody .contactfrm { border-top: none; margin-top: 0; padding-top: 0; width: 100%; max-width: 600px;} #pagebody .contactfrm ul li { clear: both} #pagebody .contactfrm ul li em { font-style: normal} #pagebody .contactfrm ul li textarea { height: 155px} #pagebody .contactfrm ul li p { width: 80%} #pagebody .contactfrm .submit { text-align: right} #body_contact-support .contactfrm { opacity: 100;} #pagebody form li>p textarea { width: 100%; border-radius: 3px; border-color: #d3d3d3} #pagebody form .submit { clear: both} #pagebody form input[type=submit] { display: inline-block; padding: 9px 20px; margin-bottom: 5px; font-size: 15px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; overflow: hidden; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-color: #31c1c7; border-color: #31c1c7; border-radius: 3px} #pagebody form input[type=submit] i { display: inline-block; vertical-align: middle} #pagebody form input[type=submit]:hover { color: #555; background-color: #fff; border-color: #adadad} #pagebody form label { font-weight: 400} .line { height: 8px; width: 320px; margin: 0 auto 50px; border-top: 2px dotted #dfe5e5; border-bottom: 2px dotted #dfe5e5} .enveloppen-pagina-kleuren .xs-4{ padding-bottom: 20px;} div#envelope { z-index: 99} #pagebody>h1 { display: none} .wrap-item.ticket-style p { max-width: 635px; } #pagecontent .pagina-footer li { font-size: 15px; line-height: 21px; padding: 5px 0; margin-left: 10px;} #pagecontent>.ed-hide { margin-top: 50px} #pagecontent>.ed-hide a { color: #bb9845} body[class*=ed] #header { min-height: 0} .custom_content .item.text-center.text-xsm { padding: 15px; font-size: 14px;} .faq-text li{ font-size: 14px;} .faq-text a { color: #2b323a;} .faq-text a:active, .faq-text a:focus, .faq-text a:hover { color: #24c1c8;} #pagebody .faq-text ul li a { text-decoration: none;} ul.listing { margin-left: 18px; font-size: inherit;} .listing li { list-style: disc; font-size: inherit;} .listing.check li { list-style: none;} .listing.check li:before { content: "✓"; margin-left: -18px; margin-right: 6px;font-weight: 600; color: #6bd39e;} .custom_content ol { list-style: decimal;} .klantenservicePagina .item { border: none;} .klantenservicePagina .item .itemtext {padding: 15px 10px; border: 1px solid #ccc; min-height: 140px;} .klantenservicePagina .item .itemtext:hover { background-color: #6bd39e1a;} a.__fbcw__bar-widget__amount-of-reviews { display: none!important;} .back-to-top-square { position: fixed; bottom: -1px; right: 20px; width: 40px; height: 39px; background-color: #fff; border: 1px solid #c5c5c5; border-radius: 2px 2px 0 0; z-index: 800; float: right; cursor: pointer; font-size: 13px; opacity: 0.8;} #body_design .back-to-top-square {display:none} ul.pills { padding-left: 0; list-style: none; overflow: hidden; margin-bottom: 5px; border-bottom: 1px solid #ccc; background-color: transparent} ul.pills>li { position: relative; display: block; float: left; margin-bottom: -1px; margin-right: 5px; border: 1px solid #ccc; z-index: 1} ul.pills>li>a { position: relative; display: block; padding: 5px 10px; color: #ba9745; background-color: #ffeace} ul.pills>li>a:active, ul.pills>li>a:focus, ul.pills>li>a:hover { background-color: #feddbd; color: inherit} @media only screen and (max-width:1200px) { .lg-hide, .md-hide, .xsm-hide { display: block } .lg-show, .md-show, .xs-hide, .xsm-show { display: none } .xs-show { display: block } } @media only screen and (min-width:480px) { .lg-hide, .md-hide, .sm-hide, .xs-hide { display: block } .lg-show, .md-show, .sm-show, .xs-show, .xsm-hide { display: none } .xsm-show { display: block } } @media only screen and (min-width:768px) { .lg-hide, .md-hide, .xs-hide, .xsm-hide { display: block } .lg-show, .md-show, .sm-hide, .xs-show, .xsm-show { display: none } .sm-show { display: block } } @media only screen and (min-width:992px) { .lg-hide, .sm-hide, .xs-hide, .xsm-hide { display: block } .lg-show, .md-hide, .sm-show, .xs-show, .xsm-show { display: none } .md-show{ display: block } } @media only screen and (min-width:1200px) { .md-hide, .sm-hide, .xs-hide, .xsm-hide { display: block } .lg-hide, .md-show, .sm-show, .xs-show, .xsm-show { display: none } .lg-show { display: block } } #body_address_n #pagecontent h3.ui-accordion-header, #body_basket #pagecontent h3.ui-accordion-header, #body_bestel_details #pagecontent h3.ui-accordion-header, #body_edit #pagecontent h3.ui-accordion-header, #body_eigen_collectie #pagecontent h3.ui-accordion-header, #body_kaarttype #pagecontent h3.ui-accordion-header, #body_keuze #pagecontent h3.ui-accordion-header, #body_ok #pagecontent h3.ui-accordion-header, #body_voorbeeld #pagecontent h3.ui-accordion-header { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} #body_address_n #pagecontent h3.ui-accordion-header:after, #body_basket #pagecontent h3.ui-accordion-header:after, #body_bestel_details #pagecontent h3.ui-accordion-header:after, #body_edit #pagecontent h3.ui-accordion-header:after, #body_eigen_collectie #pagecontent h3.ui-accordion-header:after, #body_kaarttype #pagecontent h3.ui-accordion-header:after, #body_keuze #pagecontent h3.ui-accordion-header:after, #body_ok #pagecontent h3.ui-accordion-header:after, #body_voorbeeld #pagecontent h3.ui-accordion-header:after { font-family: kcicons; content: 'f'; position: absolute; line-height: 30px; top: 0; right: 10px; font-size: 13px; color: #333} #body_address_n #pagecontent h3.ui-accordion-header-active:after, #body_basket #pagecontent h3.ui-accordion-header-active:after, #body_bestel_details #pagecontent h3.ui-accordion-header-active:after, #body_edit #pagecontent h3.ui-accordion-header-active:after, #body_eigen_collectie #pagecontent h3.ui-accordion-header-active:after, #body_kaarttype #pagecontent h3.ui-accordion-header-active:after, #body_keuze #pagecontent h3.ui-accordion-header-active:after, #body_ok #pagecontent h3.ui-accordion-header-active:after, #body_voorbeeld #pagecontent h3.ui-accordion-header-active:after { font-family: kcicons; content: 'e'; position: absolute; line-height: 30px; top: 0; right: 10px; font-size: 13px; color: #fff} .ui-widget-header { background: 0 0!important; border: none!important; border-bottom: 1px solid #ccc!important} @media only screen and (min-width:992px) { html { overflow-y: auto!important } #pagebody form li>p { float: left; width: 70% } } @media only screen and (min-width:768px) { #body_design #card-info-right, #body_product #env-select-left, #body_product #product-info-right { border-top: 1px solid #fff; margin: 0 auto;} } @media only screen and (min-width:768px) and (max-width:992px) { .hide-for-tablet { display: none } } @media only screen and (max-width:1023px) { div[id^=card_previews] { border-top: none; } } @media only screen and (max-width: 991px){ .content-wrapper{ padding-left: 15px; padding-right: 15px;} .mobShow { display: block; } .mobHide { display: none; } .topicAnchor {padding-top:20px} .hero-home { height: 320px; padding: 100px 20px 20px 36px; } #sidebar nav { display: none; } .leeftijdenBubbels { display: block } .promoBanners .mobHide { display: block;} #body_design #mid_bottom { margin-bottom: 2.5rem;} #body_design .open_calculator .openPrijsCalculator { display: block;} #body_design .envpreview { font-size: 0.875rem;} #body_design #enlarge-card .preview img, #body_product #enlarge-card .preview img { max-width: 500px;} #body_design #pagebody .envpreview #env-change:after, #body_product #pagebody .envpreview #env-change:after { display: none;} #body_design .modenvprev.landscape { width: 300px; height: 200px; background-size: 300px 200px; right: 126px; top: 16px;} .mf .tooltip { display: none;} .mf .mf__main #tagli-kleurrijk label.active:before, .mf .mf__main #tagli-kleurrijk label:before { background: -moz-linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%) !important;; background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(18, 223, 255, 1)), color-stop(49%, rgba(255, 244, 28, 1)), color-stop(100%, rgba(255, 0, 0, 1))) !important;; background: -webkit-linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%) !important;; background: -o-linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%) !important;; background: -ms-linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%) !important;; background: linear-gradient(45deg, rgba(18, 223, 255, 1) 0%, rgba(255, 244, 28, 1) 49%, rgba(255, 0, 0, 1) 100%) !important;; } .mf .mf .mf__main ul.mob-tag-group-ul ul label { color: #2B323A;} .mf .mf__main ul.mob-tag-group-ul ul label.active:before { width: 17px; height: 17px;} .mf .mf__main ul.mob-tag-group-ul ul #tagli-geel label.active:before { color: #2B323A;} .mf .mf__main ul.mob-tag-group-ul ul #tagli-wit label.active:before { color: #2B323A;} .mf .mf__main ul.mob-tag-group-ul ul label.active:before, .mf .mf__footer .mf__result_button {background: #6BD39E;} .mf .mf__main ul.mob-tag-group-ul h3 { color: #2B323A;} .mf .mf__main ul.mob-tag-group-ul h3:after { border-top: 7px solid #2B323A;} .mf .mf__main ul.mob-tag-group-ul h3.active { color: #6bd39e;} .mf .mf__main ul.mob-tag-group-ul h3.active:after { border-bottom: 7px solid #6bd39e; } #card_previews>div { padding: 0.5rem;} } @media only screen and (max-width:767px) { h1 { font-size: 36px; line-height:45px;} h2 { font-size: 28px; line-height:35px;} h3 { font-size: 20px; line-height:25px;} h4 { font-size: 20px; line-height:25px;} h5, h6 { font-size: 14px ; line-height:1.5rem;} #mid { width:100% } #crumbs { margin-bottom: 0px; font-size: 12px; letter-spacing: -0.04em; text-transform: capitalize; display: block !important;} .hero-home { height: 250px;font-size: 18px;background-size: 63% auto;padding: 1rem;background-position: right bottom;background-repeat: no-repeat;} .eenvoudig-bar li {width: 100%} .main-content .eenvoudig-bar ul li:before { content: ""; } .wrap-item .item .des p { min-height: inherit;} #body_design table.prijsOf td.priceInfoTd div.priceHover { right: 0; width: 260px; top: 20px;} #body_design .design-content, #body_product .product-content {padding-top: 10px;} #body_design #enlarge-card .preview img, #body_product #enlarge-card .preview img { max-width: 350px;} #body_design .box-body>h1 { font-size: 22px; line-height: 28px; margin-top: 6px;} #body_design #mid { margin-bottom: 0.5rem;} #card_previews.card-preview-flat .thumbnail-card .thumbnail-card-img { padding: 20px 10px;} #body_design .swiper-slide { height: auto; padding: 0;} .modal-content { margin: auto; max-width: 100%;} #body_design .swiper-slide { max-width: 100%;} #body_design .design-content .swiper-container .swiper-slide { min-height: inherit; } .pagination-bar-item { margin: 1%; } i.icon.icon-angle-right:before { content: ""; } .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } body .wrap-item.ticket-style sm-6 { width: 49.93%;} #card_order_info { border: none !important; } .promoBanners .xsm-4 { padding: 8px;} .modal-content { margin:auto } .floating-login .modal-body { max-width: 400px;} } @media only screen and (max-width: 480px) { h1 { font-size: 30px; line-height:36px;} h2 { font-size: 26px; line-height:32px;} h3 { font-size: 20px; line-height:25px;} h4 { font-size: 20px; line-height:25px;} h5, h6 { font-size: 14px ; line-height:1.5rem;} .hero-home {background-size: 400px auto; padding: 238px 20px 0px 20px; height: auto; background-position: center top; } .promoBanners .xsm-3, .promoBanners .xsm-4, .promoBanners .xsm-6 { padding-bottom: 10px; width: 50%; float: left; padding: 5px; } .promoBanners .mobHide { display: none;} #body_design #pagecontent { padding: 0;} #body_design footer { margin-bottom: 100px;} #body_design .open_calculator {padding-bottom:30px;} #body_design .open_calculator .openPrijsCalculator { display: block;} #body_design .desUsp { padding: 6px;} #body_design #card_order_info .box-body { padding: 10px; } #body_design #description-tablet { border: none; display: none; } #body_design .box-body .add_to_collection { margin-top: 5px; border: 1px solid #bb9845; width: auto; padding: 6px 20px; } #body_design .sticky_bar_mob #choose_preview { margin: 0; width: calc(100% - 0px) !important;} #design_page__footer { padding-right: 0; padding-left: 0;} table.prijsOf { font-size: 15px;} #body_design table.prijsOf td { padding: 0 10px 5px 0;} #body_design .proof_price_usp, #body_product .proof_price_usp { max-width: 246px; margin: 10px auto; line-height: initial; } #card_previews>div { padding: 0.25rem;} .page .cat-lead-main p { font-size: 14px; line-height: 20px; } .page .desc-cat { display: none; } .page #categories { margin-top: -10px; margin-bottom: -10px; } .page .main-content { margin-top: 0; } .page .mobilefilter { margin: 0px 0 -1px; } .page .thumbnail-card { margin-bottom: 5px; padding: 2px; } #card_previews.card-preview-flat .thumbnail-flat.landscape .thumbnail-flat-front img, #card_previews.card-preview-flat .thumbnail-flat.landscape_vertical_fold #card_previews .thumbnail-flat-front img { max-height: 170px;} #card_previews.card-preview-flat .thumbnail-flat-front img { max-height: 170px;} .thumbnail-card .thumbnail-card-label a.thumbnail-title, .thumbnail-product .thumbnail-product-label a.thumbnail-title { display: none; } #design__info { padding: 0 5px; } #pagebody .button { white-space: normal;} .modal .modal-list { font-size: 13px; margin-bottom: 10px;} .floating-login .modal-body { padding: 0 20px 20px;} .floating-login .modal-footer { padding: 10px 20px 0;} #body_design .modenvprev.square, #body_product .modenvprev-back, #body_product .modenvprev.square { background-size: contain; width: 200px; height: 200px; max-width: 100%; max-height: 100%; left: calc(50% - 60px);} #body_design .modenvprev.portrait { background-size: contain; width: 76%; height: 38%; left: auto; right: 0; background-size: 300px 300px;} #body_design .modenvprev.landscape { width: 300px; height: 200px; background-size: 300px 200px; right: 44px; top: 16px;} #body_design #enlarge-card .modal-header, #body_product #enlarge-card .modal-header { padding: 35px 20px 0 20px; height: 100px;} #body_design #enlarge-card .modal-content, #body_product #enlarge-card .modal-content { width: 100% !important;} #body_design #enlarge-card .preview img { max-width: 100%;} #body_design #enlarge-card .preview .pagination, #body_product #enlarge-card .preview .pagination { left: 10%;} } @media screen and (max-width: 1023px) and (min-width: 768px){ } @media only screen and (max-width:767px) { #body_design .box-primary { margin-top: 75px } #body_design .box-primary .box-body { padding: 25px 20px 0; border: 1px solid #dfe5e5 } #body_design #envelope { position: absolute; top: 0!important; left: 0; right: 0 } #body_design .crumb-mobile, #body_product .crumb-mobile { top: 0px; padding: 1px 15px 4px 15px; font-size: .8em; } #body_design .box-body .proefDrukPrijs { margin-top: 10px; } } @media only screen and (max-width: 480px) { .wrap-item.ticket-style sm-6 { width: 100%;} #body_design .box-body .button-group .button { width: 100%; } } @media only screen and (max-width: 320px) { #body_design .sticky_bar_mob #choose_preview, #body_product .sticky_bar_mob #add_product_to_basket, #body_product .sticky_bar_mob .button-group-justified {width: calc(100% - 55px); } } @media only screen and (min-width:768px) { .dl-horizontal dd { margin-left: 140px } .dl-horizontal dt { float: left; width: 140px; overflow: hidden; clear: left; text-align: left; text-overflow: ellipsis; white-space: nowrap } } ul.bulletpoints { list-style: disc inside; } #footer a { color: #2B323A; } #footer a:hover { color: #6BD39E; } #footer a.accordion-button:hover,#footer a.accordion-button:active { color: #2B323A; cursor: default;} #footer .footer-steps { padding: 2rem 0; max-width: 1098px; margin: auto;} #footer .footer-steps__title {font-size: 1.25rem; font-weight: bold; text-align: center; text-transform: uppercase;} #footer h4.footer-steps__subtitle { font-size: 1rem; font-weight: bold; color: #bc9746; text-transform: uppercase; margin-bottom: 0.5rem;} #footer .footer-steps img { display: inline-block; height: 5rem; width: auto; float: left; padding-right: 1rem;} #footer .footer-steps p { font-size: 14px; max-width: 275px; line-height: 21px;} #footer .container { padding: 2rem 1rem;} #footer .footer-bottom__content {padding-bottom:0} #footer .footer-support { background-color: #6BD39E; } #footer .footer-support .bulletpoints { color: #fff;} .footer-support h3, .footer-support p { max-width: 312px;} #footer .footer-support p, #footer .footer-support a { color: #fff;} #footer .footer-support a { text-decoration: underline;} #footer .footer-support .footer-support__title { color: #fff; font-size: 1.6rem; font-weight: bold; margin-bottom: 0.5rem; line-height: 1.8rem;} #footer .footer-usps { background-color: #f7f6f4; } #footer .footer-usps__content { display: flex; align-items: center; flex-wrap: wrap; } #footer .container.footer-usps__content { padding: 2rem 1rem 0rem 1rem;} #footer .footer-usps img { height: 2rem; padding-right: 1rem;} #footer .footer-usps .rating-stars { display: flex; justify-content: flex-end; flex: 1;} #footer .footer-usps .rating-stars img { height: 1.2rem; padding-right: 0rem; vertical-align: -3px; padding-left: 0.4rem;} #footer .footer-content { background-color: #f7f6f4; padding: 2rem 0 2rem 0; font-size: 0.875rem;} #footer .accordion { border-bottom: none;} #footer .accordion .accordion-body { padding: 0;} #footer .accordion-button { text-transform: uppercase; font-size: 0.875rem; color: #2B323A; font-weight: bold;} #footer .footer-content__social img { height: 2rem; padding-right: 0.5rem; cursor: pointer;} #footer .footer-content__social img:hover { opacity: 0.7;} #footer .footer-bottom { background-color: #fff; padding-bottom: 0rem; padding-top: 2rem;} #footer .footer-bottom__content { display: flex; flex: 1; align-items: center; flex-wrap: wrap;} #footer .footer-bottom img { height: 8rem;} #footer .footer-bottom .footer-bottom__copyright li { display: inline-block; font-size: 0.8125rem;} #footer .footer-bottom .footer-bottom__copyright li a { padding: 0.5rem;} #footer .footer-bottom .footer-bottom__copyright li:not(:last-child)::after { content: "|";} @media only screen and (max-width: 991px) { #footer .footer-content { background-color: #fff; padding-top: 0; padding-bottom: 0; } #footer .accordion { border-bottom: 1px solid #dfe5e5; padding: 0.7rem 1rem 0.7rem 1rem; margin-bottom: 0;} #footer .container.footer-usps__content { padding: 2rem 1rem;} #footer .footer-content .container { padding: 0;} #footer .footer-content .xs-12{ padding: 0;} #footer .footer-content .footer-content__social {padding:1rem; text-align: center;} #footer .footer-bottom { padding-top: 0;} #footer .footer-bottom__copyright li {width:100%} #footer .footer-bottom .footer-bottom__copyright li:not(:last-child)::after { content: "";} #footer ul.footer-bottom__copyright { text-align: center; padding-left: 0.5rem; width: 100%;} #footer .accordion li { padding: 0.4rem 0 0.4rem 0; font-size: 1rem;} #footer .accordion-button {font-size: 1rem;} .accordion>a>i { font-size: 1.25rem;} #footer .footerLogo {max-width: 350px; } #footer .footer-bottom img {height: 5rem;} #footer .footer-support .footer-support__title { margin-top: 1.25rem;} .accordion .accordion-body ul li a { padding: 0;} #footer .footer-content .footer-content__social { padding: 1rem; text-align: center;} .accordion>.active { color: #2B323A!important;} #footer .accordion .accordion-body { display: none; padding: 5px; } #footer .accordion .show { display: block !important; } #footer .footer-content .cols { margin: 0; } #footer .footer-bottom__content { justify-content: center; } #footer .footer-steps .md-4 { max-width: 230px;display: inline-block; text-align: center; float:none} #footer .footer-steps { padding: 0;text-align: center;} #footer h4.footer-steps__subtitle { margin-bottom: 0.1rem;} #footer .footer-steps img {width:100%; padding: 0;} } @media only screen and (min-width: 992px) { #footer .footer-bottom .footer-bottom__copyright { margin: 0; display: flex; flex: 1; justify-content: flex-end; } #footer .accordion .accordion-body { display: block; } #footer .accordion i { display: none; } } @media only screen and (max-width: 768px) { #footer .footer-usps .rating-stars { width: 100%; flex: inherit; text-align: center; justify-content: center; padding: 1rem 0 0 0;} #footer .container.footer-usps__content { justify-content: center; text-align: center;} #footer .footer-steps { padding: 1rem 0;} #footer .footer-steps .md-4 {padding:1rem; max-width: 320px; float: none; margin:auto } #footer h4.footer-steps__subtitle { margin-top: 0; margin-bottom:0} #footer .footer-content__social img {height: 2.5rem;} #footer .footer-bottom img { height: 5rem; padding: 0 0.5rem; max-width: 100%;} } @media only screen and (max-width: 580px) { #footer .footer-steps img { height: 5rem; display: inline-block; padding-right: 1rem; float: left; width: auto;} #footer .footer-steps h4 {font-size: 1.1rem; text-transform: unset; margin: 0; float: left; width: 58%; text-align: left;} #footer .footer-steps p { float: left; text-align: left; width: 58%; max-width: 210px;} #footer .footer-steps .md-4 { max-width: 100%; width: 282px; float:inherit; padding: 16px 0;} } .menubar .menubar-top { background-color: #2B323A; color: #fff; height: 1.75rem;; font-size: 0.8125rem; padding: 0 1rem;} .menubar .flex-container { display: flex; align-items: center; margin: 0 auto; max-width: 1200px; padding-left: 24px; padding-right: 24px;} .menubar ul { margin: 0;} #menu-logout .dropdown-menu.active { padding: 0.3rem; margin-left: -50px;} .menubar .menubar-top .flex-container { height: 1.75rem;;} .menubar .menubar-top .menubar-top__items { justify-content: flex-end; display: flex; flex: 1; text-transform: uppercase;} .menubar .menubar-top li { display: inline-block; padding-right: 1rem;} .menubar .menubar-top .menubar-top__items li{ padding-right: 0rem; padding-left: 1rem;} .menubar .menubar-top li a { color: #fff;} .menubar .menubar-top li a:hover { color:#6BD39E;} .menubar .menubar-top__usp li::before { display: inline-block; content: ' '; background: url(https://luckz.nl/media/icon-checkmark.svg) no-repeat; background-size: 18px 18px; height: 18px; width: 18px; padding-right: 0.5rem; vertical-align: text-bottom;} .menubar .menubar-top .menubar-toggle::after { content: "\e5c5"; font-family: "Shopicons"; font-size: 1.25rem; vertical-align: bottom;} .menubar .dropdown-menu { display: none; position: absolute; z-index: 800; background-color: #fff; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2); min-width: 124px; margin-top: 2px;} .dropdown-menu .cols { max-width: 890px;} .menubar .dropdown-menu .dropdown-item { color: #2B323A; display: block; padding: 0.3rem 1rem; text-transform: none;} .menubar .menubar-mid { border-bottom: 1px solid #ddd; padding: 0 1rem;} .menubar .menubar-mid .flex-container { height: 5rem;} .menubar .menubar-mid #logo { width: 140px;} .menubar .menubar-mid__items { justify-content: flex-end; display: flex; flex: 1; line-height: 1.1rem;} .menubar .menubar-mid__items li { display: inline-block; text-align: center; vertical-align: middle; padding: 1.3rem 0.5rem 0 0.5rem;} .menubar .menubar-mid__items li a { color: #4c555a; font-size: 0.75rem} .menubar .menubar-mid__items li a:hover {color:#6BD39E} .menubar #menu-login .icon-login::before, .menubar #menu-logout .icon-logout::before { display: block; content: ' '; background: url(https://luckz.nl/media/logo-account.svg) no-repeat; background-size: 32px 32px; height: 32px; width: 32px; margin: 0 auto; vertical-align: middle;} .menubar #menu-fav .icon-fav::before{ display: block; content: ' '; background: url(https://luckz.nl/media/icon-favorieten.svg) no-repeat; background-size: 32px 32px; background-position: center bottom; height: 32px; width: 32px; margin: 0 auto; vertical-align: middle;} .menubar #menu-cart .icon-cart::before { display: block; content: ' '; background: url(https://luckz.nl/media/icon-winkelmandje.svg) no-repeat; background-size: 32px 32px; height: 32px; width: 32px; margin: 0 auto; vertical-align: middle;} .menubar .menubar-mid .dropdown-item { height: 100%;text-align: left;} .menubar .menubar-top .dropdown-item:hover, .menubar .menubar-mid .dropdown-item:hover { background-color: #fff;} .menubar .menubar-items { padding: 0 1rem;} .menubar .menubar-items .flex-container { position: relative;} .menubar .menubar-items li { display: inline-block;} .menubar .menubar-items li a { display: block; color: #2B323A; font-size: 0.875rem; text-transform: uppercase; letter-spacing:.5px; padding: 0.5rem 0.7rem;} .menubar .menubar-items li:first-child a:first-child { padding-left: 0;} .menu-pattern-line { width: 100%; height: 5px; background-image: url(https://luckz.nl/media/menulinepattern.png); background-position: left top; background-repeat: repeat-x; margin-top: 0;} .menubar .menubar-items .dropdown-menu { width: 100%; min-height: 18rem; position: absolute; left: 0; padding: 2rem 1rem 2rem 3rem; margin-top: 5px;} .menubar .menubar-items .dropdown-menu__title { display: block; text-transform: uppercase; font-size: 0.875rem; font-weight: bold; padding: 1rem 0 0rem 0;} .menubar .menubar-items .dropdown-menu__title a { padding: 0;} .menubar .menubar-items .dropdown-item { padding: 0rem 0 0.2rem 0;} .menubar .menubar-items a.dropdown-item:hover { color: #6BD39E;} .menubar .open-menubar-search.js-open-menubar-search { display: flex; flex: 1; justify-content: flex-end; cursor: pointer;} .menubar .menubar-search-field { display: none; position: absolute; top: 0; right: 10px; left: auto; height: 50px; width: 220px; z-index: 89; padding: 0; background-color: transparent;} .menubar .search-button-field { position: absolute; right: 0; top: 10px; display: block; height: 30px; border: none; width: 30px; padding: 0; cursor: pointer; background-color: transparent; text-align: left; z-index: 89; margin: 0;} @media only screen and (min-width: 992px) { .menubar .menubar-hamburger { display: none;} .menubar .mob-menu .mob-menu { display: none;} .menubar .menubar-items li:hover { box-shadow: 0 5px 0 0 #6BD39E; } .menubar .search-input-field input[type=text] { position: absolute; right: 0; display: block; width: 175px; height: 43px; padding: 5px 10px; border: 1px solid #eee; margin: 0; z-index: 2; } } @media only screen and (max-width: 991px) { #header {height: 54px;} .menubar { background-color: #FFFFFF; position: fixed; z-index: 850; width: 100%; top: 0; height: 56px; } .menubar .menubar-top { display: none; } .menubar .dropdown-menu {margin-top: -8px;} .menubar .mob-menu {display: block;} .menubar .menubar-mid .flex-container { height: 50px !important; padding-left: 0; padding-right: 0; } .menubar .menubar-mid #logo { display: block; width: 88px; margin: 0 auto; margin-top: -3px; } .menubar .menubar-items { display: none; } .menubar .shopicons-hamburger:before { font-size: 2rem; } .menubar .menubar-hamburger { cursor: pointer; padding: 0.5rem; background-color: transparent; border: 1px solid transparent; outline: 0; width: 100px; display: inline-block; position: absolute; line-height:24px; height: 50px; } .menubar .menubar-hamburger span { vertical-align: middle; font-weight: 400; font-size: 0.7rem; } .menubar i.shopicons.shopicons-hamburger { font-size: 26px; vertical-align: middle; margin-right: -6px; } .menubar span.mob-hide { display: none; } .menubar li#menu-login a.menubar-toggle::after, .menubar li#menu-logout a.menubar-toggle::after { display: none; } .menubar .menubar-mid__items { right: 15px; display: block; position: absolute; top: 0; } .menubar .menubar-mid__items li { padding: 0.5rem 0.3rem 0rem 0.3rem; } .search-button-field .icon { margin-top: 2px;} } @media only screen and (max-width: 767px) { .menubar .menubar-mid { padding: 0; height: 51px;} } @media only screen and (max-width: 380px) { .menubar #menu-fav { display: none;} } .menubar .mob-searchfield { position: relative; display: block; border-bottom: 1px solid #eee; padding: 1rem;} .menubar .mob-searchfield button.search-button-field { position: absolute; right: 18px; top: 16px; display: block; height: 36px; border: none; width: 59px; cursor: pointer; background-color: #ddd; text-align: left; z-index: 1; margin: 0;} .menubar .mob-searchfield button.search-button-field .icon-search:after { content: 's'; font-size: 19px; color: #2b323a; padding-left: 15px;} .menubar .mob-searchfield .search-input-field input[type="text"] { width: calc(100% - 50px); height: 36px; outline: none; border: none; padding-left: 15px; background: #F5F5F5;} .menubar .mob-menu { background-color: #fff; position: fixed; display: none; width: 100%; overflow-y: scroll; top: 56px; left: 0; bottom: 0; overflow-x: hidden; margin-bottom: -56px; z-index: 840;} .menubar .menubar-hamburger .shopicons-close:before { display: inline-block; content: "\e5cd"; vertical-align: middle; font-size: 2rem;} .menubar .mob-menu .mob-menu-items { width: 100%; position: absolute;} .menubar .mob-menu li a { color:#2B323A; display: block; border-bottom: 1px solid #eee; padding: 1rem;} .menubar .mob-menu .mob-slide-in>a::after { content: "\e409"; font-family: "Shopicons"; float: right;} .menubar .menubar-hamburger .shopicons-close:before { display: inline-block; content: "\e5cd"; vertical-align: middle; font-size: 2rem;} .menubar .mob-menu-categories { background: rgba(255, 255, 255, 1); left: 100%; padding: 0; position: absolute; top: 0; width: 100%; z-index: 810; height: 100vh; } .menubar .mob-menu-categories.zoek-leeftijd-mob li:first-child {width:100%} .menubar .mob-menu-categories.zoek-leeftijd-mob li {width:50%; display: inline-block; float: left; border-right: 1px solid #eee;} .menubar .back-link { background-color: #6BD39E; color: #FFF; font-weight: bold; cursor: pointer; padding: 1rem;} .mob-menu-categories .back-link {font-size:1rem} .menubar .back-link::before { content: "\e408"; font-family: "Shopicons";} .menubar .sub-item-header { background-color: #F7F6F5; color: #6BD39E; font-weight: bold; cursor: pointer; padding: 1rem; font-size: 20px; display:none!important; } .slide-in { animation: slide-in .5s ease-out; animation-fill-mode: forwards; position: absolute;} .slide-out { animation: slide-out .5s ease-in; animation-fill-mode: forwards; position: absolute; left: 100% !important;} @keyframes slide-in { from { left: 100%; width: 100%; } to { left: 0%; width: 100%; } } @keyframes slide-out { from { left: 0%; width: 100%; } to { left: 100%; width: 100%; } } body.scroll-lock { overflow: hidden; } .zoom { transition: transform .2s; z-index:1;} .zoom:hover { transform: scale(1.05);} .bg-Geboorte {background-color:#D8E8E6;color:#2B323A} .bg-Verjaardag {background-color:#DDD9E6;color:#2B323A} .bg-Meisjes{background-color:#FFE9EB;color:#2B323A} .bg-Jongens{background-color:#C8E1E8;color:#2B323A} .bg-Jubileum {background-color:#F3ECDE;color:#2B323A} .bg-Kinderfeest {background-color:#E8EFD0;color:#2B323A} .bg-White {background-color:#FFFFFF;color:#2B323A;} .bg-Extra {background-color:#F7F6F5;color:#2B323A} .bg-Green-Promo {background-color:#6BD39E;color:#FFF} .animatie-desktop {display: inline-block;} .animatie-mobile {display:none} .Luckz-hero-home { width:100%; background-color:#d8e8e6; background-repeat:no-repeat; padding:5px 0 30px 0; text-align:center; background-image: url(/media/home-blok-hero-confetti-bg.png),url(/media/home-blok-hero-rechts.jpg ),url(/media/home-blok-hero-links-onder.jpg ); background-position:top right,100% 94%,bottom left; background-size: 50%,22%,22%;} .Luckz-hero-home img {max-width:100%; height:auto} .Luckz-hero-home h1 { font-size: 20px; text-align: center; line-height: 28px;margin-bottom: 0;} .Luckz-hero-home-promo {width:100%; background-color:#3c444b; margin:auto; text-align:center} .Luckz-hero-home-promo img {width:100%; height:auto; max-width: 1183px; padding-left: 12px;} .Luckz-hero-home-promo .content-wrapper {padding:0} .Luckz-stappen { padding: 1.5rem 0; margin:auto;} .Luckz-stappen .container {max-width:820px;} .Luckz-stappen .stap { width: 33.29%; float:left; text-align:center;padding: 20px;} .Luckz-stappen h3 { font-size:1.3rem; font-weight: bold; text-align: center; text-transform: uppercase; } .Luckz-stappen h4 { font-size: 1.2rem; font-weight: bold; color: #bc9746; margin-bottom: 0.5rem; padding-top: 10px;} .Luckz-stappen img { display: block; height: 6rem; width: auto; text-align:center; margin: auto;} .Luckz-stappen p { max-width: 190px; margin: auto; font-size: 14px; line-height: 21px;} .Luckz-USPS-blok-mobile {display:none} .Luckz-USPS-blok {font-size:14px; padding: 20px 0;} .Luckz-USPS-blok .container {text-align:center} .Luckz-USPS-blok .usp-head,.Luckz-USPS-blok .usp-head a{ font-size:15px; font-weight: 700; text-transform:uppercase; color:#bc9746; margin: 0; text-decoration:none} .Luckz-USPS-blok .usp-head:hover, .Luckz-USPS-blok .usp-head a:hover { color: #6BD39E; background-color:transparent} .Luckz-USPS-blok .usp{ width: 270px; text-align:left; padding: 10px; display:inline-block} .Luckz-USPS-blok img { display: block; height: 50px; width: auto; text-align:center; float:left;} .Luckz-USPS-blok img.vlag {width:16px; height:auto; float:none; display: inline-block; vertical-align: -1px;} .Luckz-USPS-blok p { margin:0} .Luckz-USPS-blok .usp.gratis {min-width:350px} .Luckz-USPS-blok sup {text-transform: lowercase; vertical-align: super;} .Luckz-blok { display:block; clear:both} .Luckz-2col {width:50%; float:left;} .Luckz-3col {width:33.33%; float:left;} .Luckz-blok.geboorte-block {width:100%; position: relative; text-align:center; min-height: inherit; background: #ffe9eb; background: -moz-linear-gradient(-45deg, #ffe9eb 0%, #ffe9eb 50%, #c8e1e8 50.1%, #c8e1e8 100%); background: -webkit-linear-gradient(-45deg, #ffe9eb 0%,#ffe9eb 50%,#c8e1e8 50.1%,#c8e1e8 100%); background: linear-gradient(135deg, #ffe9eb 0%,#ffe9eb 50%,#c8e1e8 50.1%,#c8e1e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9eb', endColorstr='#c8e1e8',GradientType=1 ); } .Luckz-blok.geboorte-block img{max-width:100%;height:auto} .Luckz-blok.geboorte-block .Luckz-2col{padding:20px 0 80px;position:relative;width:50%;float:left} .Luckz-blok.geboorte-block img.Lmeisje{margin-bottom:-40px;margin-top:22px} .Luckz-blok.geboorte-block img.Ljongen{margin-bottom:-40px;margin-top:22px} .Luckz-blok.geboorte-block .Luckz-2col .button.left{position:absolute;bottom:4%;right:25%} .Luckz-blok.geboorte-block .Luckz-2col .button.right{position:absolute;bottom:4%;left:25%} .Luckz-blok.geboorte-block p img{width:200px;height:inherit} .Luckz-blok.geboorte-block p{padding:20px 30px 0 19px;margin:0;position:absolute;text-align:left;top:0;left:6px;display:block} .Luckz-2blocks { } .Luckz-2col-promo{position:relative;text-align:center;padding:50px 0 30px;overflow:hidden;margin-bottom:2%;overflow:hidden} .Luckz-2col-promo.links{margin-right:1%;width:49%} .Luckz-2col-promo.rechts{margin-left:1%;width:49%} .Luckz-2col-promo .bg{transition:transform .2s;position:absolute;width:100%;height:100%;bottom:0;left:50%;transform:translate(-50%,0%);object-fit:cover} .Luckz-2col-promo:hover .bg{transform:translate(-50%,0%) scale(1.05)} .Luckz-2col-promo p{position:relative;margin:auto;text-align:center;max-width:280px} .Luckz-2col-promo p img{width:100%;height:auto;padding-bottom:10px} .Luckz-2col-promo .button{position:relative} .Luckz-2col-promo{position:relative;width:50%;float:left} .Luckz-wide-banner {width:100%;text-align:center} .Luckz-wide-banner .container { max-width: 1000px; margin: auto;} .max-width-650-text {max-width:650px; margin:auto;} .max-width-500-text {max-width:500px; margin:auto;} .max-width-350-text {max-width:350px; margin:auto;} .Luckz-wide-banner h2 {max-width:300px; padding: 20px 0 10px 0; } .Luckz-wide-banner p { padding:0 0 20px 0} .Luckz-wide-banner .ps-note{font-size:20px; padding: 20px 0 20px 0;} .Luckz-wide-banner img {max-width:100%; height:auto;} .Luckz-blok.zelf-ontwerpen img {max-width:100%; height:auto;} .Luckz-blok.proefdruk-blok .Luckz-2col {min-height:322px;} .Luckz-blok.proefdruk-blok .Luckz-2col.hand-kaart {display: flex; align-items: flex-end;} .rating-stars img, .Luckz-text .rating-stars img{ max-width: 130px; vertical-align: sub;} .rating-stars a:visited { color: #2B323A;} .Luckz-text { margin: 0px 0 45px 0;} .Luckz-text a { color: #1574C4;} .Luckz-text a:hover {background-color:#6BD39E; color: #FFF;} .Luckz-text .Luckz-1col { max-width:900px; } .Luckz-text .Luckz-1col p {margin-bottom:30px;} .Luckz-text .cols { margin-bottom:30px;} .Luckz-text .sm-4 { font-size: 0.875rem;} .Luckz-text h4 { text-transform: uppercase; font-size: 0.875rem; color: #2B323A; font-weight: bold; margin-bottom:0} .Luckz-text img {max-width:100%; height:auto} .Luckz-text .button.luckz{margin:20px 0;} .Luckz-category {position: relative} .Luckz-category .cat-promo {height: 220px; max-height: 220px;} .Luckz-category .Luckz-blok {position: relative; width:100%; min-height:inherit; overflow:hidden; display: block;} .Luckz-blok.geboorte-block { padding: 30px 0 0 0;} .Luckz-category .Luckz-blok.geboorte-block .Luckz-2col { padding: 10px 0; } .Luckz-category .Luckz-blok.geboorte-block img { max-height: 240px; width: auto; margin-bottom: -40px;} .Luckz-category .Luckz-blok.geboorte-block p img {width:160px; height:auto} .Luckz-category .Luckz-blok {margin-bottom:10px; padding: 0px 0 0 0;} .Luckz-category .Luckz-blok .button.luckz.category {position:absolute; z-index:21; top: 78%; left: 50%; padding: 10px 15px; width:fit-content; transform: translate(-50%, -50%); min-width: 240px } .Luckz-category p.geluk-txt{z-index:33;width:260px;padding:30px 0 0;margin:0;position:absolute;text-align:left;top:0;left:20px;display:block} .Luckz-category p.geluk-txt img{width:100%; height:auto} .Luckz-category .cat-bg {position:absolute; bottom:0; left: 50%; transform: translate(-50%, -0%);} .Luckz-blok.cat-collectie{postion:relative} .Luckz-blok.cat-collectie img{width:100%;height:auto} .Luckz-blok.cat-collectie .button.luckz{position:absolute;bottom:10px;left:50%;transform:translate(-50%,-0%)} .Luckz-blok.cat-collectie .zoom:hover .button.luckz{border:1px solid #6BD39E;background-color:#6BD39E;color:#FFF} .Luckz-category .Luckz-USPS-blok{font-size:.8rem;line-height:1.2rem;padding:10px 0} .Luckz-category .Luckz-USPS-blok.met-border{border-top:1px solid #bfc1c4;border-bottom:1px solid #bfc1c4} .Luckz-category .Luckz-USPS-blok .usp{padding:5px;width: 31%; min-width:210px} .Luckz-category .Luckz-USPS-blok img{height:36px;margin-left:-10px} .Luckz-category .Luckz-USPS-blok img.vlag{height:auto;margin-left:0} .Luckz-category .Luckz-USPS-blok .usp-head{font-size:14px;line-height:1rem} .Luckz-category .Luckz-USPS-blok .usp.gratis{width: 35%; min-width: 283px;} .Luckz-button-block {width:100%; max-width:700px; margin:auto; text-align: center;} .Luckz-button-block .button.luckz {margin:7px} .Luckz-button-block.buttons-3 { max-width:700px;} .Luckz-button-block.buttons-4 { max-width:700px;} .Luckz-button-block.buttons-5 { max-width:700px;} .Luckz-button-block.buttons-3 .button.luckz { width: 31.5%; min-width: 23%; margin: 0% 0.5% 10px 0.5%; padding: 9px 0px; } .Luckz-button-block.buttons-4 .button.luckz { width: 23.4%; min-width: 23%; margin: 0% 0.5% 10px 0.5%; padding: 9px 0px; } .Luckz-button-block.buttons-5 .button.luckz { width: 18.1%; min-width: 18%; margin: 0% 0.5% 10px 0.5%; padding: 9px 0px; } .button.luckz { white-space: inherit; color:#2B323A; font-size:14px; background-color:#FFFFFF; border: 1px solid #b3b3b3; margin: 10px 0; text-decoration:none; min-width:190px; } .luckz.shade { border: 1px solid #fff;-webkit-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.15);-moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.15);box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.15); } .button.luckz {color:#2B323A;} .button.green { border: 1px solid #6BD39E; background-color: #6BD39E; color: #FFFFFF;} .button.green:hover { border: 1px solid #2B323A; background-color: #FFFFFF; color: #2B323A;} .button.luckz.button-color1 { border: 1px solid #D8E8E6; background-color: #D8E8E6; color: #2B323A;} .button.luckz.button-color2 { border: 1px solid #DDD9E6; background-color: #DDD9E6; color: #2B323A;} .button.luckz.button-color3 { border: 1px solid #FFE9EB; background-color: #FFE9EB; color: #2B323A;} .button.luckz.button-color4 { border: 1px solid #EEE3CF; background-color: #EEE3CF; color: #2B323A;} .button.luckz.button-color5 { border: 1px solid #E8EFD0; background-color: #E8EFD0; color: #2B323A;} .button.luckz.button-color6 { border: 1px solid #F7F6F4; background-color: #F7F6F4; color: #2B323A;} .button.luckz.button-color7 { border: 1px solid #C8E1E8; background-color: #C8E1E8; color: #2B323A;} .button.luckz:hover,.button.luckz.shade:hover, .Luckz-2col-promo:hover .button.luckz { border: 1px solid #6BD39E; background-color:#6BD39E ; color:#FFFFFF;} #pagebody .button { white-space: pre;} @media only screen and (max-width: 991px){ .Luckz-hero-home-promo { overflow:hidden} .Luckz-hero-home-promo img {height:260px; width:auto; } .Luckz-2col-promo { padding:20px 0} .Luckz-2col-promo p { min-height: inherit; } .Luckz-2col-promo p img { width: 70%; padding-bottom:0px;} .Luckz-wide-banner h2 {max-width:inherit; padding: 0; } .Luckz-USPS-blok .usp.snelverzend {display:none} .Luckz-category .Luckz-USPS-blok .usp.snelverzend {display:inline-block} .Luckz-category .cat-bg { left: 54%;} } @media only screen and (max-width: 767px) { .animatie-desktop {display:none} .animatie-mobile {display:block} .Luckz-hero-home .animatie-mobile { width: 400px; margin: auto;} .Luckz-hero-home { width:100%; background-color:#d8e8e6; background-repeat:no-repeat; padding:20px 0; text-align:center; background-image: url(/media/home-blok-hero-confetti-bg.png),url(/media/home-blok-hero-rechts.jpg ),url(/media/home-blok-hero-links-onder.jpg ); background-position: 100% 32%,103% 70%,-8% 43%; background-size: 90%,30%,30%;} .Luckz-2col-promo p img { width: 65%; } .Luckz-USPS-blok-mobile {display:block} .Luckz-USPS-blok-mobile, .Luckz-USPS-blok-mobile a { color:#2B323A; text-align: center; letter-spacing: -0.015rem; padding: 10px 0; font-size: 0.8rem; line-height: 1rem; } .Luckz-USPS-blok img { height: 40px;} .Luckz-USPS-blok .usp.gratis { width:59%; min-width:inherit; padding: 0; margin:auto} .Luckz-USPS-blok .usp.proefdruk { width:40%; min-width:inherit; padding: 0; margin:auto} .Luckz-stappen .stap {padding:10px;} .Luckz-wide-banner .Luckz-2col {width:100%; padding:0px 0 0 0;} .Luckz-wide-banner .Luckz-2col .max-width-350-text {padding:30px 15px;} .Luckz-wide-banner h2 {max-width:inherit; padding: 0; } .Luckz-wide-banner p {max-width:600px; margin: auto; } .Luckz-blok.proefdruk-blok .Luckz-2col {min-height: inherit;} .Luckz-blok.proefdruk-blok .Luckz-2col.hand-kaart {display: flex; align-items: flex-end;} .Luckz-text .cols {margin-bottom:0px;} .Luckz-text .cols div{margin-bottom:30px;} .Luckz-text .button.luckz{margin:20px 0 20px 0;} .Luckz-category .Luckz-USPS-blok .usp.snelverzend {display:none} .Luckz-category .Luckz-USPS-blok .usp.gratis {width: 45%;} .Luckz-category .Luckz-USPS-blok .usp.proefdruk{width: 45%;} } @media only screen and (max-width: 580px) { .button.luckz { min-width: 150px; padding: 9px 6px;} .Luckz-button-block .button.luckz { margin: 7px 4px;} .Luckz-button-block.buttons-3 .button.luckz { width: 47%; min-width: 135px; } .Luckz-button-block.buttons-4 .button.luckz { width: 47%; min-width: 135px; } .Luckz-button-block.buttons-5 .button.luckz { width: 31%; min-width: 31%; } .Luckz-button-block .button.luckz {letter-spacing:0.03rem} .Luckz-hero-home h1 { font-size: 18px; line-height: 24px; max-width: 290px; margin: auto;} .Luckz-hero-home { width:100%; background-color:#d8e8e6; background-repeat:no-repeat; padding:20px 0; text-align:center; background-image: url(/media/home-blok-hero-confetti-bg.png),url(/media/home-blok-hero-rechts.jpg ),url(/media/home-blok-hero-links-onder.jpg ); background-position: 72px 147px,-100% -100%,-8% 43%; background-size: 535px,30%,30%;} .Luckz-hero-home-promo img {height:200px; width:auto} .Luckz-2col-promo { padding: 10px 0;} .rating-blok-txt br { display: none; } .rating-blok-txt span.rating-stars { display: inline-block;} .Luckz-blok.geboorte-block p { left: 0; padding: 30px 0 5px 20px;} .Luckz-blok.geboorte-block .Luckz-2col { padding: 0px 0 50px 0;} .Luckz-blok.geboorte-block .Luckz-2col .button.left { bottom: 2%; left: 30%; right: inherit;} .Luckz-blok.geboorte-block .Luckz-2col .button.right { bottom: 2%; left: 30%; right: inherit;} .Luckz-blok.geboorte-block .Luckz-2col { width: 100%; padding: 0 0 20px 0;} .Luckz-blok.geboorte-block img.Ljongen { max-width: 100%; height: auto; margin-top: -21px;} .Luckz-blok.geboorte-block { padding-bottom: 20px;} .Luckz-blok.geboorte-block img.Lmeisje { margin-bottom: 10px;} .Luckz-blok.geboorte-block img.Ljongen { margin-bottom: 10px;} .Luckz-stappen { text-align: center;} .Luckz-stappen .stap { float:inherit; width: 100%; padding: 16px 0; width: 282px; display: inline-block;} .Luckz-stappen img { height: 5rem; display: inline-block; padding-right: 1rem; float: left;} .Luckz-stappen h4 { font-size: 1.1rem; margin: 0; float: left; display: block; width: 58%; text-align: left; padding-top: 0;} .Luckz-stappen p { float: left; display: block; text-align: left;line-height: 1.5;width: 58%; max-width: 210px;} .Luckz-USPS-blok .usp.gratis {display:none} .Luckz-USPS-blok .usp.proefdruk,.Luckz-category .Luckz-USPS-blok .usp.proefdruk{ width:308px; min-width:inherit; padding: 0; margin:auto} .Luckz-blok.zelf-ontwerpen .Luckz-2col {width:100%; text-align:center} .Luckz-category .cat-bg { max-height: 180px; width: auto; left: 65%;} .Luckz-category p.geluk-txt {width: 220px; padding: 10px 0px 0px 0px; max-width: 60%; left: 15px;} .Luckz-category .cat-promo {height:160px} .Luckz-category .Luckz-USPS-blok .usp.gratis { width: 245px; } .Luckz-blok.cat-collectie .xsm-6.xs-6.sm-6.zoom {padding-right: 8px; padding-left: 8px;} .Luckz-blok.cat-collectie .button.luckz { position: relative; bottom: 10px; left: 50%; transform: translate(-50%, -0%); width: 100%;} .Luckz-category .Luckz-blok {margin-top:0px!important} .Luckz-category .Luckz-blok .button.luckz.category { top: 75%;} .Luckz-category .Luckz-text .Luckz-1col p { font-size: 14px; line-height: 22px; margin-bottom: 20px;} .Luckz-category .Luckz-blok.geboorte-block .Luckz-2col { width: 50%; padding: 0;} .Luckz-category .Luckz-blok.geboorte-block { padding: 10px 0 0 0; height: inherit;} .Luckz-category .Luckz-blok.geboorte-block p img {width:100%; height:auto; max-width:inherit} .Luckz-category .Luckz-blok.geboorte-block p { padding: 3px 0 5px 10px; width:32%;} .Luckz-category .Luckz-blok.geboorte-block img { margin-bottom: -5px;} } @media only screen and (max-width: 480px) { .Luckz-2col-promo.links,.Luckz-2col-promo.rechts { margin: 1% 0; width: 100%;} .Luckz-2col-promo p img { width: 80%;} .Luckz-2col-promo { margin-bottom: 2%;} .Luckz-2col-promo { padding: 20px 0;} #pagebody .button { white-space: pre;} } @media only screen and (max-width: 400px) { .Luckz-category p.geluk-txt {width: 220px;} } .horizontal_widget #filter_menu .filter-header:after { content: "\e5c5"; font-family: "Shopicons"; font-size: 1.25rem; vertical-align: bottom; }