/* ========================================================================================== AATVENTURE LAYOUT 24-07-2025 position, display, width, height, margin, padding, overflow, text-align, font-family ========================================================================================== */ #clearinput {float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #FFFFFF; opacity:0.5; text-shadow: 0 1px 0 #fff; padding: 0; background-color: transparent; border: 0; appearance: none;} @font-face {font-family: 'Lato Regular'; src: url('../../fonts/Lato-Regular.woff') format('woff');} @font-face { font-family: 'Neucha'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Neucha-Regular.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Neucha-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Neucha-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Neucha-Regular.svg#Neucha') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Whipsmart Bold'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Whipsmart-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Neucha-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Whipsmart-Bold.svg#Neucha') format('svg'); /* Legacy iOS */ } .column {margin-left: auto; margin-right: auto;} .groupsbody .row {margin-left: -3px !important; margin-right: -5px !important;} .retail {display: none !important;} .hidemefirst {visibility: hidden;} .veryhiddenxxx {opacity:0 !important;} .ditisnietok .groupsbody .row {margin: 0px !important;} .webshop #navbar-maintext {display: none !important;} .weightshop #navbar-maintext {display: none !important;} .paralay-height1000 {display: none !important;} .webshop .brandlogo-aatventure {display: none !important;} .weightshop .brandlogo-aatventure {display: none !important;} .groupsbody .brandlogo-aatventure {display: none !important;} .bestelgeschiedenis .brandlogo-aatventure {display: none !important;} .groupsbody-slagerij-verstappen #navbar-maintext {display: none !important;} .assgroepcard-title {position: absolute; bottom: -50px; color: #ffffff; font-size: 18px; line-height: 1;} .assgroepcard-description {position: absolute; bottom: -71px; color: #ffffff;} .assgroepcard-description-aatventure {bottom: -65px; font-size: 18px; color: #ffffff !important;} .assgroepcard-description-slagerij-verstappen {bottom: -67px; font-size: 17px !important;} .assgroepcard-title-aatventure {position: absolute; bottom: -46px; border-radius: 6px; font-size: 25px;} .assgroepcard-title-slagerij-verstappen {font-size: 24px !important;} .assgroepcard-img-aatventure {height: 150px;} .footerbgcolor-aatventure {background-color: transparent; border-bottom: 100px solid transparent;} .footerbgimage-aatventure {background: url(none); border-bottom: 200px solid transparent;} @media (min-width: 576px) {.container, .container-sm {max-width: initial !important;}} @media (min-width: 768px) {.container, .container-md, .container-sm {max-width: initial !important;}} @media (max-width: 1040px) { .keeppositionbottom .table-aatventure th:nth-child(4) {display:none;} .keeppositionbottom .table-aatventure td:nth-child(4) {display:none;} .keeppositionbottom .table-aatventure th:nth-child(5) {display:none;} .keeppositionbottom .table-aatventure td:nth-child(5) {display:none;} } @media screen and (min-width: 1025px) { .body-slagerij-verstappen .splitright {background-image: url('../../img/backgrounds/blacksidebar.jpg'); background-size: 100% auto;} } .body-slagerij-verstappen .mobilemenubackground-aatventure {background: url('../../img/backgrounds/verstappenmodalbg.jpg') !important; background-size: 100vw !important;} .groupsbody-slagerij-verstappen .mobilemenubackground-aatventure {background: url('../../img/backgrounds/verstappenmodalbg.jpg') !important; background-size: 100vw !important;} #searchModal .col-12 {margin-top: -40px !important; z-index: 9999 !important;} .pkind-banner {display: none !important;} /* ========================================================================================== SHARE ========================================================================================== */ #productmodalsocialmedia {display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: stretch; flex-direction: row; margin-top:20px;} .shareinfo {height: 100%; width: 100%; padding: 15px;} .floatshare {cursor: pointer;} .shareicon {background-color: #1e232b; border: 1px solid #212327; border-radius: 50% !important; min-width: 65px; min-height: 65px; margin-top: 6px; vertical-align: middle;} .facebookcolor {background-image: url("../img/interface/facebook.png"); background-size: cover !important;} .twittercolor {background-image: url("../img/interface/twitter.png"); background-size: cover !important;} .whatsappcolor {background-image: url("../img/interface/whatsapp2.png"); background-size: cover !important;} .facebookcolor:active {background-image: url("../img/interface/facebook.png");} .twittercolor:active {background-image: url("../img/interface/twitter.png");} .whatsappcolor:active {background-image: url("../img/interface/whatsapp2.png");} /* ========================================================================================== SLAGERIJ VERSTAPPEN DARK THE ADDONS ========================================================================================== */ @media (min-width: 600px) { .body-slagerij-verstappen .appheader { background: #000000 !important; background-image: linear-gradient( 301deg, #000000 0%, #2b2b2b 1%,rgb(42 42 42) 1%, rgb(0 0 0) 17%,#000000 34%, #212121 73%,rgb(32 32 32) 73%, rgb(0 0 0 / 50%) 100%);} } .body-slagerij-verstappen #webshoptext {color: #dda250 !important;} /* ========================================================================================== BESTELGESCHIEDENIS ========================================================================================== */ .bestelgeschiedenis .productsbodyitems {background-color: rgb(3 20 30) !important; background-image: none !important;} .bestelgeschiedenis .card {border-bottom: 0px solid transparent !important; cursor: pointer;} .bestelgeschiedenis .productfooter {background-color: #152831 !important;} .bestelgeschiedenis .listitemkind-threeinarow {height: 170px !important; min-height: 170px !important;} .bestelgeschiedenis .listitemkind-threeinarow .card-img {min-height: 160px !important;} .bestelgeschiedenis .favomschrijving {top: 14px !important;} .bestelgeschiedenis .favfooter {bottom: 10px !important;} /* LA TORRE TOUCH DISPLAY ADJUSTMENTS */ @media screen and (min-width: 1020px) and (max-width: 1030px) and (orientation : landscape) { #shopdesktopmenu {padding-left: 40px !important;} .threequart {position:absolute; left:0px; top:69px; height: calc(100vh - 69px); width:70% !important;} .bigproducttext {font-size: 19px !important;} .smalproducttext {font-size: 11px !important;}; .assgroepcard-description-slagerij {font-size: 15px !important;} } .card {margin-bottom: 8px;} .c_news {margin-bottom: 8px !important;} .thumb3d {padding-bottom: 8px !important;} .prodimg {object-fit: cover;} .body-portguide .logbox {position: absolute; right: 10px; z-index:999999 !important;} @media screen and (min-width:700px) { .list-item {padding-top: 8px !important; padding-left: 4px !important; padding-right: 4px !important;} } @media screen and (max-width:700px) { .list-item {padding-left: 15px; padding-right: 15px;} .list-item4 {padding-left: 4px !important; padding-right: 4px !important;} .list-item15 {padding-left: 15px !important; padding-right: 15px !important;} } .threeinarow {padding-left:50px !important; padding-right:50px !important;} @media screen and (min-width: 800px) { .modalbody-snacks .typeahead__result .name {margin: 0 30px 0px 144px !important;} } .radioplayer {opacity:0; position: sticky !important; top: 95vh !important; height: 86px !important; border-bottom: 15px solid transparent;} .widgetclass-radio {cursor: pointer;} @media screen and (min-width: 800px) {.widgetclass-radio {width: 14% !important;}} @media screen and (max-width: 800px) {.widgetclass-radio {width: 33% !important;} .cardtop-aatventure-radio {display: none;}} .productviewer .sl_row1 {min-height: 92px; width: 83%;} .productviewer .sl_totaalprijs {min-height: 92px;} .xpro-slider-overlay {width: 100vw !important; height: 100vh !important;} .listitemkind-fullwidth .productdescription {padding: 9px; text-shadow: 0px 0px 20px #000000;} /* ========================================================================== ASSORTIMENTSGROUP HEADER ========================================================================== */ .fa-angle-double-left {display: block; padding-left: 17px; line-height: 56px; font-size: 20px;} @media screen and (max-width: 420px) { .assgroepcard-title {bottom: -60px; font-size: 18px; line-height: 1;} .assgroepcard-description {bottom: -93px; font-size: 12px;} } @media screen and (max-width: 380px) { .assgroepcard-title {bottom: -58px; font-size: 18px; line-height: 1; height: 34px;} .assgroepcard-description {font-size: 14px} } @media screen and (max-width: 340px) { .assgroepcard-title {font-size: 16px;} .assgroepcard-description {font-size: 14px;} } /* ========================================================================== VERSTAPPEN DARK THEME ========================================================================== */ .body-slagerij-verstappenx #navbar {display: none !important;} .body-slagerij-verstappenx #webshoptext {display: none !important;} .body-slagerij-verstappenx .navbar-brand {display: none !important;} .nothingtoseehere {background: transparent !important; background-image: none !important; padding-left: 100px;padding-top: 90px; font-size: 35px;} .body-slagerij-verstappen .se-pre-con {background: #090A10 !important;} .body-slagerij-verstappen {background: #090A10 !important;} .groupsbody-slagerij-verstappen #assgrpwrapper { background: radial-gradient(ellipse farthest-corner at right bottom, #000000 0%, #f9ab47 8%, #fbac47 30%, #ec9200 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #000000 0%, #faab47 8%, #cf760e 25%, #ff7f10 62.5%, #000000 100%); filter: hue-rotate(0.98turn); box-shadow: inset 2px 2px 1px 0 rgb(0 0 0); } .groupsbody-ookmooi #assgrpwrapper { background: radial-gradient(ellipse farthest-corner at right bottom, #fbac47 0%, #f9ab47 8%, #ff6e04 30%, #ff8d1c 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #8d2111 0%, #f48b04 8%, #8b0f0a 25%, #ff6000 62.5%, #000000 100%); filter: hue-rotate(0.97turn); box-shadow: inset 2px 2px 1px 0 rgb(0 0 0); } .groupsbody-slagerij-verstappenxxx #assgrpwrapper {background-color: #e8ac3f; background-image: url('../../img/banners/goldenbanner.jpg') !important; background-size: contain; filter: hue-rotate(0.97turn);} .body-slagerij-verstappenxxx #assgrpwrapper {background-color: #e8ac3f; background-image: url('../../img/banners/goldenbanner.jpg') !important; background-size: contain; filter: hue-rotate(0.97turn);} .body-slagerij-verstappen .infopopup {filter: saturate(0%) !important;} .body-slagerij-verstappen .sidebar {background-color: #000000 !important;} .body-slagerij-verstappen .sidebarheadertext {color: #ffbb54;} .body-slagerij-verstappen .td-aatventure li {border-bottom: 1px solid #13181e !important;} .body-slagerij-verstappen .list-content {background-color: #020e14 !important;} .body-slagerij-verstappen .productfooter {background-color: rgb(4 22 30) !important;} .body-slagerij-verstappen .bigproducttext:after {color: #e58323 !important; border-color: #e58323 !important} .body-slagerij-verstappen .td-aatventure li:hover {background: linear-gradient(15deg, rgb(32 67 84) 0%, rgb(12 31 40) 50%, rgb(0 0 0) 100%) !important; box-shadow: inset 0px 0px 0px 1px #ffa806;} .body-slagerij-verstappen .td-aatventure .active {background: linear-gradient(253deg, rgb(37 55 61) 0%, rgb(2 24 34) 50%, rgb(37 55 61) 100%) !important; box-shadow: inset 0px 0px 0px 1px #405a61;} .body-slagerij-verstappen .hierkloptietsniet {filter: hue-rotate(30deg) drop-shadow(5px 5px 5px #943b2e);} .body-slagerij-verstappen .assgroepcard-title {color: #f1b96a; background-color: #f0c970; background-image: linear-gradient(45deg, #fbc154, #ffa700); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none !important;} /* MODAL */ .body-slagerij-verstappen .modalheader-aatventure {background-color: #ef8b34; border: 0px solid #fd992c !important; background: radial-gradient(ellipse farthest-corner at right bottom, #ff7e04 0%, #ffce6b 8%, #ffa001 30%, #f7a213 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #090a10 0%, #d9aa0e 8%, #ffa500 25%, #d8400a 62.5%, #ff0000 100%) !important;} .body-slagerij-verstappen .form-control {background-color: #061720 !important; border: 1px solid #283034 !important;} .body-slagerij-verstappen .modal-footer {background-color: #071720 !important;} .body-slagerij-verstappen .procent25 {border-right: 8px solid #040f15;} .body-orange .bestelheadercolor {background: radial-gradient(ellipse farthest-corner at right bottom, #06161e 0%, #06161e 8%, #06161e 30%, #ff8d1c 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #090a10 0%, #ffa50c 8%, #ff9e00 25%, #ff6000 62.5%, #ff0000 100%);} .body-candycrush .bestelheadercolor {background-color: #f28c24 !important; background: radial-gradient(ellipse farthest-corner at right bottom, #ffee00 0%, #ff7265 8%, #ff6e04 30%, #ff8d1c 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #fafafa 0%, #ff1800 8%, #ff0f00 25%, #ff6000 62.5%, #000000 100%); box-shadow: inset 2px 2px 1px 0 rgb(0 0 0);} /* MIJN BESTELLINGEN */ .orderoverlay {top: 55px !important; background: #03141e !important;} .orderoverlay .productviewer .sl_aantal {color: #ffffff !important;} .orderoverlay .customerinfo {background-color: #011118 !important; color: #fbc075 !important; border-right: 1px solid rgb(38 47 62) !important;} @media screen and (max-width: 500px) {.groupsbody-slagerij-verstappen #assgrpwrapper {background-size: cover;}} @media (max-width: 576px) { .mijnbestellingen .jumbotronadmin {margin-top: -3px !important;} .mijnbestellingen .panel-body {height: calc(100vh - 68px) !important; overflow-x: scroll !important;} } .groupsbody-slagerij-verstappen .assgroepcard {border-bottom: 50px solid #03141e !important;} @media (min-width: 999px) { .groupsbody-slagerij-verstappen .assgroepcard {border-bottom: 80px solid #03141e !important;} .productvieweradmin {margin-top: 44px !important; height: calc(100vh - 120px) !important;} .productvieweradmin .sl_aantal {width: 63% !important;} } /* ========================================================================== BESTELBLOCK ========================================================================== */ #bestelposition {width: 95%; height: 1px; margin-bottom: -20px;} #bestelwrapper {position: relative; width: 95%; margin-left: auto; margin-right: auto; margin-top: 20px;} #bestelheader {margin-top: 80px; margin-left: auto; margin-right: auto; width: 100%; height: 50px; line-height: 50px; color: #FFFFFF; font-family: 'Agency'; font-size: 30px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding-left: 10px;} #bestellingen {width: 100%; margin-left: auto; margin-right: auto; height: 80px; margin-bottom: 10px; margin-top: -1px;} #minitrashicon {position: absolute; top: 87px; right: 18px; width: 30px; height: 32px; background-image: url('../../img/interface/minitrashcan.png'); background-size: cover; cursor: pointer;} #totaalbedrag {line-height: 61px; font-family: 'Arial'; font-size: 20px; font-weight: 700; text-align: right; padding-right: 20px;} #bestelknop {float: right; width: 100%; height: 60px; line-height: 60px; text-align: center; cursor: pointer; font-size: 28px; font-weight: 700; -webkit-font-smoothing: antialiased; background-color: transparent; color: #FFFFFF;} .sl_row1 {float: left; color: #FFFFFF; width: 85%; font-family: 'Arial'; font-size: 18px; text-align: left; -webkit-font-smoothing: antialiased;} .prodicon {display: inline-block; height: 80px; vertical-align: middle; text-align: center; border-radius: 6px; margin: 0px; margin-left: 15px; margin-right: 15px; margin-top: 10px;} .prodimg {min-height: 68px; max-height: 68px; width: auto !important; border-radius: 8px; max-width: 90px; } .sl_aantal {position: relative; display: inline-block; line-height: 22px; color: #FFFFFF; width: 57%;} .sl_totaalprijs {float: right; min-height: 91px; color: #FFFFFF; width: 15%; padding-top: 32px; font-family: 'Arial';font-size: 18px; text-align: right; padding-right: 20px;} .bestelrows-slagerij .sl_aantal {margin-top: 11px;} .bestelrows-slagerij .sl_row1 {min-height: 90px; width: 83%;} .bestelrows-slagerij .sl_totaalprijs {min-height: 90px; width: 17%;} .bestelrows-snacks .prodimg {margin-left: 5px;} .bestelrows-snacks .sl_aantal {margin-left: 5px;} .bestelrows-snacks .sl_row1 {min-height: 94px; width: 83%;} .bestelrows-snacks .sl_totaalprijs {min-height: 94px; width: 17%;} @media screen and (max-width: 768px) {.sl_aantal {font-size: 15px; width: 59%;}} @media screen and (max-width: 400px) {.sl_aantal {font-size: 14px !important;}} @media screen and (max-width: 768px) {#promotext1 {font-size: 16px; line-height: 26px;}} @media screen and (max-width: 768px) {#promotext2 {margin-top:20px; font-size: 16px; line-height: 26px;}} /* ========================================================================== FOOTERBLOCK ========================================================================== */ #footerblock {margin-top: 300px; width: 100%;} #footerbgimage {margin-top: 0px; background-size: 290px auto; background-position: 50% 0%; background-repeat: repeat-x;} .footerbgcolor {margin-top: 30px; width: 100%; height: 200px;} /* of: margin-top: -46px? */ .footerlogo {height: 360px; width: auto; background-repeat: no-repeat; background-position: 50% 80px;} .promotextarea {margin-top: -50px; padding-left: 30px; padding-right: 30px;} #promotext1 {display: inline-block; font-size: 18px; line-height: 40px;} #promotext2 {display: inline-block; font-size: 18px; line-height: 40px;} .tasje {display: inline-block; font-size: 12px; color: #999999; line-height: 16px; margin-top: 40px; margin-top: 20px;} .prtxt {font-size: 18px; line-height: 40px;} @media screen and (min-width: 700px) { .tri-shape {border-bottom: 70px solid rgb(0, 0, 0); margin-top: -70px;} .triangle-left {position: absolute; height: 70px; width: 0; left: 0; border-right: 700px solid transparent;} .triangle-right {position: absolute; height: 70px; width: 0; right: 0; border-left: 700px solid transparent;} .footerwrapper {width: 100%; height: 100px;} .prodimg {margin-left: 20px;} } .footerbgcolor-slagerij {opacity:0 !important;} /* ========================================================================== UIT WEIGHTSHOP ========================================================================== */ /* apply a transform to kick in the hardware acceleration. Without this, the first time we add the transform you get half missing divs! */ .productsbodyitems {transform: translate(0,0);} .modal-inhoud {float: left; font-size: 22px;} .modal-prijs {float: right; font-weight: 700;} .modal-ingredienten {clear: both;} .pmodheader {font-size: 16px; font-weight:700;} .pmodheaderal {width: 100%; font-size: 16px; font-weight:700; text-align: center; margin-bottom:10px;} .modalsmalltext {display: inline-block; font-size: 15px; line-height: 20px;} .allergenen {display: block; text-align: center} .cardoptions-aatventure {color: #904d4e !important;} .overlayinfo-aatventure {background-color: rgb(63, 1, 7) !important;} .modaltitle-aatventure {font-size: 26px !important; padding-left: 10px; margin-top: -10px; font-family: "Myriad Regular" !important; font-weight: 700; text-transform: uppercase;} @media screen and (max-width: 1000px) { #swipecontent {position: absolute; left: 0px; width: 100vw; height: 54px; overflow: hidden;} #cats {float: left; display: inline; padding: 0; margin: 0; width: 600vw; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; transform: translate(0, 0);} #cats div {position: relative; padding: 0; margin: 0; width: 100vw; height: 54px; float: left; text-align: center; z-index: 200; overflow: visible; font-family: "Myriad Regular"; font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 1; padding-top: 14px; transform: translate(0, 0);} #assgrpwrapper {z-index: 999;} } @media screen and (min-width: 1000px) { #cats div {position: relative; padding: 0; margin: 0; height: 54px; text-align: center; z-index: 200; overflow: visible; font-family: "Myriad Regular"; font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 1; padding-top: 14px;} } /* ========================================================================================== MULIPLE CHOICES ========================================================================================== */ .weightshop .dropdown-menu {position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-height: 460px; font-size:1rem; text-align:left; list-style:none; background-clip:padding-box; border:1px solid rgba(0,0,0,.15); border-radius:.25rem;} .weightshop .dropdown-menu.show {display:block;} .weightshop .dropdown-item {display:block; width:100%; padding:3px 50px 3px 10px; clear:both; font-weight:400; color:#212529; text-align:inherit; white-space:nowrap; background-color:transparent; border:0;} .weightshop .dropdown-menu {background-color:#0f1621; color:#FFFFFF!important;} .listitemkind-pakket {min-height: 600px;} .listitemkind-pakket .fullcard {background-image:none; border-left: 1px solid #1b0104; border-right: 1px solid #1b0104;} .listitemkind-pakket .footerbg {background-color:rgb(74, 10, 0);} .listitemkind-pakket .backdrop {background:rgb(56 7 3);} .listitemkind-pakket .overlayinfo {background-color:rgb(41, 9, 4) !important;} .listitemkind-pakket .opmerkingentextarea {background-color:#1d0604 !important; border:1px solid #811b0b !important;} .listitemkind-pakket .sharelink {color:#3a0e06;} .listitemkind-pakket .footerbg {background-color:rgb(101 49 40);} .listitemkind-pakket .productdescription {position: absolute; bottom: 20px; background:#350006;} .listitemkind-pakket .card-img {min-height: 276px !important;} @media screen and (min-width: 1200px) { .listitemkind-pakket {min-height: 700px !important;} /* was 600px */ } /* ========================================================================================== MODAL ========================================================================================== */ .modalbody-aatventure {overflow-x: hidden !important; overflow-y: visible !important;} .modalbody-aatventure .form-control {background-color: #292D3A; color: #FFFFFF !important;} .modalbody-aatventure::-webkit-scrollbar {width: 0px !important} @media screen and (min-width: 700px) { .modalbody-aatventure {margin-top: 40px; padding-left: 0px; padding-right: 0px; padding-top: 7px;} .webshop .modalbody-aatventure {margin-top: 0px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 0px !important;} .weightshop .modalbody-aatventure {margin-top: 0px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 0px !important;} } .modalcontent-aatventure {position: relative; border-radius: 0px; outline: 0; overflow-x: hidden; overflow-y: auto; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); height: calc(100vh - 68px);} .webshop .modalcontent-aatventure {overflow-y: initial !important; height: initial !important;} .weightshop .modalcontent-aatventure {overflow-y: initial !important; height: initial !important;} .modalfooter-aatventure {padding: 15px; padding-left: 8px; padding-right: 8px; text-align: right; border-top: 0;} @media (min-width: 768px) { .modaldialog-aatventure {width: 600px; margin: 30px auto;} } .dynamic-aatventure .modal-body {margin-top: 20px; overflow:hidden !important;} .dynamic-aatventure .modal-header {padding: 15px; border-radius: 6px 6px 0px 0px;} .dynamic-aatventure .modal-title {line-height: 1;} .dynamic-aatventure .modal-content {margin-left: 0px; margin-right: 0px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border-radius: 6px !important;} .dynamic-aatventure .modal-footer {padding: 15px; padding-left: 8px; padding-right: 8px; text-align: right;} .dynamic-aatventure .close {padding-top: 12px;} .dynamic-aatventure label {font-weight: 300 !important;} @media (min-width: 576px) {.dynamic-aatventure .modal-dialog {margin-top: 100px !important;}} .formcontrol-aatventure {display: block; width: 100%; height: 35px;} .typeahead-aatventure {padding-left: 10px !important;} .scrollnavcontent-slagerij-verstappen {width: 4000px !important;} .note-form-label {width: 100%;} @media (min-width: 760px) { .modalbigwidth {max-width:800px !important;} .modal-content {max-width: 100% !important;} } @media (min-width: 1024px) { .modal-aatventure .modal-dialog {max-width: 600px !important;} .modal-slagerij .modal-dialog {max-width: 600px !important;} } .afhalen {text-align: center !important; color: #7FFFD4 !important;} .modalbody-slagerij .typeahead__dropdown-item>a {min-height: 40px !important; border-bottom: 1px solid #000000 !important;} .modalbody-slagerij .typeahead__list .typeahead__item>a {min-height: 40px !important; border-bottom: 1px solid #000000 !important;} /* ========================================================================================== OVERLAYS ========================================================================================== */ .add10gram {background-image: url('../../img/interface/add10grambutton.png') !important;} .add50gram {background-image: url('../../img/interface/add50grambutton.png') !important;} .add100gram {background-image: url('../../img/interface/add100grambutton.png') !important;} .add500gram {background-image: url('../../img/interface/add500grambutton.png') !important;} .schoteloverlay {position: absolute; right: 10px; width: 150px; height: 100px; z-index: 95; font-family: "Bangers"; font-size: 50px; padding-top:17px; padding-right: 10px; text-align: center; color: #4a0b00; background-image: url('../../img/interface/schoteloverlay.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .bbqoverlay {position: absolute; top: 7px; right: 15px; width: 120px; height: 100px; z-index: 94; background-image: url('../../img/interface/bbq-shadow.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .vegaoverlay {position: absolute; top: 13px; right: 11px; width: 120px; height: 100px; z-index: 94; background-image: url('../../img/interface/vegetarisch-shadow.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .kidsoverlay {position: absolute; top: 10px; right: 10px; width: 120px; height: 100px; z-index: 94; background-image: url('../../img/interface/kids.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .popularoverlay {position: absolute; top: 0px; left: 0px; width: 100px; height: 120px; z-index: 95; background-image: url('../../img/interface/popular.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .halaloverlay {position: absolute; top: 10px; right: 10px; width: 120px; height: 100px; z-index: 94; background-image: url('../../img/interface/halal.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .topperoverlay {position: absolute; top: 10px; right: 13px; width: 140px; height: 140px; z-index: 95; background-image: url('../../img/interface/topper.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .spiceyoverlay {position: absolute; top: 10px; right: 13px; width: 140px; height: 140px; z-index: 95; background-image: url('../../img/interface/spicey.webp'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .bulkoverlay {position: absolute; top: 14px; right: 14px; width: 140px; height: 140px; z-index: 94; background-image: url('../../img/interface/bulk-discount.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .eenpluseengratis {position: absolute; top: 10px; right: 13px; width: 140px; height: 140px; z-index: 95; background-image: url('../../img/interface/eenpluseengratis-round.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .tweepluseengratis {position: absolute; top: 10px; right: 13px; width: 140px; height: 140px; z-index: 95; background-image: url('../../img/interface/tweepluseengratis-round.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .driepluseengratis {position: absolute; top: 10px; right: 13px; width: 140px; height: 140px; z-index: 95; background-image: url('../../img/interface/driepluseengratis-round.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .vierpluseengratis {position: absolute; top: 10px; right: 13px; width: 140px; height: 140px; z-index: 95; background-image: url('../../img/interface/vierpluseengratis-round.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .vijfpluseengratis {position: absolute; top: 10px; right: 13px; width: 140px; height: 140px; z-index: 95; background-image: url('../../img/interface/vijfpluseengratis-round.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .driepluseengratis-rectangle {position: absolute; top: 0px; right: -34px; width: 156px; height: 156px; z-index: 95; background-image: url('../../img/interface/driepluseengratis-rectangle.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .favoriteoverlay-off {position: absolute; top: 6px; right: 8px; width: 60px; height: 60px; z-index: 999; background-image: url('../../img/interface/favstar-off.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .favoriteoverlay-on {position: absolute; top: 6px; right: 8px; width: 60px; height: 60px; z-index: 999; background-image: url('../../img/interface/favstar-on.png'); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible;} .bedragbeloning {position: relative;} .percentagebeloning {position: relative;} .reclameprijs {position: relative;} .listitemkind-minimal .reclame {width: 95% !important; top: 30px !important; text-align: right !important; padding-right: 65px;} .startpagina .schoteloverlay {display: none;} .aanbiedingen .schoteloverlay {display: none;} .favorieten .schoteloverlay {display: none;} .startpagina .productdescription {display: none;} .aanbiedingen .productdescription {display: none;} .favorieten .productdescription {display: none;} .newoverlay {position: absolute; top: 0px; left: 0px; width: 280px; height: 240px; z-index: 95; background-image: url(../../img/interface/new-overlay.png); background-repeat: no-repeat; background-size: contain; cursor: pointer; overflow: visible; } /* ========================================================================== WEIGHTSHOP AND WEBSHOP ALL LAYOUTS (MOBILE AND DESKTOP) ========================================================================== */ .listitemkind-noimage .card-producttitle {display: none;} .listitemkind-minimal .card-producttitle {display: none;} .listitemkind-threeinarow .card-producttitle {display: none;} .listitemkind-halfwidth .card-producttitle {display: none;} .listitemkind-extralarge .card-producttitle {display: none;} .listitemkind-fullwidth .card-producttitle {display: none;} .listitemkind-square .card-producttitle {background-color: #a50d08; color: #FFFFFF !important; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%); background: linear-gradient(to right, #da1414, #a50d08 50%, #a52b08 50%, #f67309);} .listitemkind-noimage .bigproducttext {margin-top: -2px; font-variant-caps: small-caps; letter-spacing: 0.9px; line-height: 25px !important;} .listitemkind-minimal .bigproducttext {position: relative; font-variant-caps: small-caps; letter-spacing: 0.9px; line-height: 25px !important; bottom: -14px;} .listitemkind-threeinarow .bigproducttext {bottom: -145px; font-variant-caps: small-caps; letter-spacing: 0.9px; line-height: 25px !important;} .listitemkind-halfwidth .bigproducttext {bottom: -142px; font-variant-caps: small-caps; letter-spacing: 0.9px; line-height: 25px !important;} .listitemkind-classic .bigproducttext {display:none;} .listitemkind-extralarge .bigproducttext {margin-top: 120px; font-variant-caps: small-caps; letter-spacing: 0.9px; line-height: 25px !important;} .listitemkind-fullwidth .bigproducttext {position: relative !important; bottom: 84px; font-variant-caps: small-caps; letter-spacing: 0.9px; line-height: 25px !important;} .listitemkind-pakket .bigproducttext {margin-top: 120px; font-variant-caps: small-caps; letter-spacing: 0.9px; line-height: 25px !important;} .listitemkind-fullwidth .bigproducttext {bottom: 64px; max-width: 416px; padding: 20px;} .listitemkind-minimal .bigproducttext:after {position: absolute; left: 20px; content: ''; border-width: 0 0 1px; border-style: solid; bottom: 228px; width: 70%; } .listitemkind-threeinarow .bigproducttext:after {position: absolute; left: 20px; content: ''; border-width: 0 0 1px; border-style: solid; bottom: 228px; width: 70%; } .listitemkind-halfwidth .bigproducttext:after {position: absolute; left: 20px; content: ''; border-width: 0 0 1px; border-style: solid; bottom: 228px; width: 70%;} .listitemkind-extralarge .bigproducttext:after {position: absolute; left: 20px; content: ''; border-width: 0 0 1px; border-style: solid; bottom: 200px; width: 70%; } .listitemkind-fullwidth .bigproducttext:after {position: absolute; left: 20px; content: ''; border-width: 0 0 1px; border-style: solid; bottom: 200px; width: 70%; } .listitemkind-pakket .bigproducttext:after {position: absolute; left: 20px; content: ''; border-width: 0 0 1px; border-style: solid; bottom: 200px; width: 70%; } .listitemkind-fullwidth .bigproducttext:after {bottom: -6px !important;} /* 2025 voor verstappen */ .listitemkind-threeinarow .bigproducttext:after {bottom: 258px !important;} .listitemkind-square .bigproducttext {display: none;} .listitemkind-noimage .smalproducttext {display: none !important;} .listitemkind-threeinarow .smalproducttext {position: absolute; bottom: 12px; height: 50px; line-height: 1.1; opacity: 0.7 !important;} .listitemkind-classic .smalproducttext {position: absolute; bottom: 68px; font-size: 22px; font-family: "Buttery"; line-height: 1.1; opacity: 0.9 !important; padding-right: 10px;} .listitemkind-square .smalproducttext {position: absolute; bottom: 86px; font-size: 74px; font-family: "Dharma Punk"; line-height: 0.7; opacity: 1 !important; padding-right: 10px; text-align: center; transform: rotate(-9deg);} .listitemkind-noimage .productdescription {display: none !important;} .listitemkind-minimal .productdescription {display: none} .listitemkind-threeinarow .productdescription {bottom: 68px;} .listitemkind-noimage .stickeroverlay {bottom: 10px;} .listitemkind-minimal .stickeroverlay {bottom: 114px;} .listitemkind-threeinarow .stickeroverlay {bottom: 144px;} .listitemkind-halfwidth .stickeroverlay {bottom: 140px;} .listitemkind-fullwidth .stickeroverlay {display:none; bottom: 118px; left: 30px;} .listitemkind-classic .stickeroverlay {bottom: 66px;} .listitemkind-square .stickeroverlay {bottom: 50px;} .listitemkind-portrait .stickeroverlay {bottom: 54px;} .listitemkind-pakket .stickeroverlay {bottom:90px;} .listitemkind-menu .stickeroverlay {bottom: 52px; left:20px} .listitemkind-menu .substracthandle {right: 66px !important;} .listitemkind-menu .card-img {height: 160px !important;} .listitemkind-square .card-img {min-height: 290px !important; border-radius:0px 0px 10px 10px !important;} .listitemkind-noimage .stickerprice {bottom: 16px !important;} .listitemkind-minimal .stickerprice {bottom: 119px !important;} .listitemkind-threeinarow .stickerprice {bottom: 150px;} .listitemkind-halfwidth .stickerprice {bottom: 146px !important;} .listitemkind-fullwidth .stickerprice {bottom: 124px; left: 30px;} .listitemkind-classic .stickerprice {bottom: 72px !important;} .listitemkind-square .stickerprice {bottom: 57px !important;} .listitemkind-portrait .stickerprice {bottom: 60px; left: 10px;} .listitemkind-pakket .stickerprice {bottom: 96px !important;} .listitemkind-menu .stickerprice {bottom: 58px; left: 20px;} .listitemkind-classic .bbqoverlay {top: 54px;} .listitemkind-threeinarow .schoteloverlay {top: 36px;} .listitemkind-classic .schoteloverlay {top: 44px;} .listitemkind-pakket .schoteloverlay {display: none !important;} .listitemkind-extralarge .schoteloverlay {top: 10px;} .listitemkind-fullwidth .schoteloverlay {top: 10px;} .listitemkind-noimage .xaantal {bottom: 5px !important; right: 78px; width: 160px !important; z-index: 197 !important; opacity: 1 !important;} .listitemkind-minimal .xaantal {bottom: 66px !important;} .listitemkind-threeinarow .xaantal {bottom: 70px !important;} .listitemkind-halfwidth .xaantal {bottom: 70px !important;} .listitemkind-fullwidth .xaantal {bottom: 70px !important;} .listitemkind-classic .xaantal {} .listitemkind-menu .xaantal {bottom: 70px !important;} .listitemkind-pakket .xinput {bottom: -3px !important; left: -8px !important;} .listitemkind-minimal .substracthandle {bottom: 43px !important;} .reclame {position: absolute; bottom: 180px; right: 10px; min-width: 240px; height: 42px; z-index: 95; overflow: visible; text-align: center; padding-left: 10px; padding-right: 10px; font-family: "RousseauDeco"; font-size: 25px; background-color: #ff1111; color: #ffffff; border-radius: 6px; padding-top: 6px; ;} .listitemkind-noimage .reclame {background-color: rgba(240,240,240,0.6) !important; background: url('../../img/interface/tornedpaper.png'); background-size: cover;} .listitemkind-minimal .reclame {background-color: rgba(240,240,240,0.6) !important; background: url('../../img/interface/tornedpaper.png'); background-size: cover;} .listitemkind-threeinarow .reclame {background: url('../../img/interface/tornedpaper.png'); background-size: contain;} .listitemkind-halfwidth .reclame {background: url('../../img/interface/tornedpaper.png'); background-size: contain; color: #230003 !important;} .listitemkind-fullwidth .reclame {background: url('../../img/interface/tornedpaper.png'); background-size: contain;} .listitemkind-classic .reclame {background: url('../../img/interface/tornedpaper.png'); background-size: contain; position: absolute; bottom: 150px; right: 30px;} .listitemkind-classic .graticon {top: 54px !important;} .listitemkind-noimage .favoverlay {display: none !important;} .listitemkind-noimage .bbqoverlay {display: none !important;} .listitemkind-noimage .schoteloverlay {display: none !important;} .listitemkind-noimage .vegaoverlay {display: none !important;} .listitemkind-noimage .kidsoverlay {display: none !important;} .listitemkind-noimage .infopopup {display: none !important;} .listitemkind-noimage .inhoud {left: 10px !important;} .listitemkind-noimage .graticon {top: 6px; right: 61px; width: 70px; height: 140px;} .listitemkind-noimage .reclame {bottom: 7px; right: 96px; min-width: 242px; height: 33px; font-size: 18px;} .listitemkind-noimage .substracthandle {bottom: 55px; right: 43px;} .listitemkind-halfwidth .card-img {height: 70px; margin-bottom: -85px;} .listitemkind-noimage .fullcard-sushi {margin-top: 10px !important; margin-bottom: 0px !important;} .listitemkind-pakket .favoverlay {top: 50px !important; right: 14px !important;} @media (min-width: 768px) { .listitemkind-threeinarow .stickeroverlay {bottom: 164px;} .listitemkind-threeinarow .stickerprice {bottom: 170px;} } /* ======================================================================================= NEW ASSGROEPCARDS TWO COLUMNS ON MOBILE ======================================================================================= */ @media (min-width: 768px) { .assgroepcard-title-aatventure {margin-left: 0 !important;} .assgroepcard-description-aatventure {margin-left: 0 !important;} .body-slagerij-verstappen .assgroepcard-title {margin-left: 0 !important;} .body-slagerij-verstappen .assgroepcard-description {margin-left: 0 !important;} .groupsbody-slagerij-verstappen .assgroepcard-img {height: 120px !important; border: 1px solid #010101;} } @media (max-width: 768px) { .groupsbody-slagerij-verstappen .mobilegrid {min-width: 98% !important; width:98% !important; margin-top: 6px; margin-left: auto; margin-right: auto;} .groupsbody-slagerij-verstappen .assgroepcard {margin-top: 0px;} .groupsbody-slagerij-verstappen .size-1of2 {width: 50%; padding-right: 2px; padding-left: 2px;} .groupsbody-slagerij-verstappen .assgroepcard-img {height: 120px !important; border: 1px solid #010101;} .groupsbody-slagerij-verstappen .assgroepcard-title {bottom: -36px; margin-left: -11px; font-size: 17px !important; text-shadow: 2px 0px 4px black;} .groupsbody-slagerij-verstappen .assgroepcard-description {position: absolute; bottom: -42px; margin-left: -11px; font-size: 9px !important;} .groupsbody-slagerij-verstappen .assgroepcard {border-bottom: 50px solid #000000;} .groupsbody-slagerij-verstappen .assgroepcard {border-bottom: 50px solid #08191f;} } /* ======================================================================================= BACKDROP ======================================================================================= */ .backdrop {position: absolute; background: rgba(255,255,255,0.6); top: 35px; left: 0px; height: calc(100% - 75px); width: 100%; border: none; border-top: 1px solid #000000; border-bottom: 1px solid #000000; z-index: 99; display: none;} .backdropmenu {position:absolute;top:42px;right:0px;width:240px;padding:5px 0;margin-left:auto;overflow-x:hidden;overflow-y:auto;z-index:9999999;} .backdropmenu li {display:block;color:#FFFFFF;font-family:"Roboto Light";font-size:15px;font-weight:400;text-transform:uppercase;text-align:right; background-color:rgba(0,0,0,0.7); border:1px solid rgba(200,200,200,0.3); border-radius:6px 0px 0px 6px; padding:7px 20px 7px 6px; box-shadow:2px 2px 4px rgba(0,0,0, 0.4); margin-top:8px; margin-right:-2px; cursor:pointer; -webkit-font-smoothing:antialiased;} .backdropmenu li:hover {background-color:rgba(0,0,0,0.9);} .backdropmenu li a {color: #FFFFFF !important} /* ======================================================================================= CLASSIC AANPASSINGEN ======================================================================================= */ .listitemkind-classic .xfullcard {min-height: 438px !important; border-bottom: 0px;} .listitemkind-classic .card-img {min-height: 300px !important;} .listitemkind-classic .card-producttitle {display: block !important;} .listitemkind-classic .productdescription {bottom: 5px;} .listitemkind-classic .sharelink {display: block !important;} .listitemkind-classic .topperoverlay {top: 64px;} .listitemkind-classic .vegaoverlay {top: 60px; right: 30px;} .listitemkind-classic .eenpluseengratis {top: 64px;} .listitemkind-classic .favoriteoverlay-off {position: absolute; top: 50px !important; right: 12px !important;} .listitemkind-classic .favoriteoverlay-on {position: absolute; top: 50px !important; right: 12px !important;} .listitemkind-menu .card-producttitle {display: none;} /* ======================================================================================= NEW 2025 ======================================================================================= */ .listitemkind-classic .productdescription {position: absolute; bottom: 4px;} .productsbodybg-pannenkoeken .listitemkind-classic .productdescription {position: absolute; bottom: 40px; background: #04161e; padding: 20px;} .listitemkind-noimage .topperoverlay {display: none;} .listitemkind-noimage .eenpluseengratis {display: none;} .listitemkind-noimage .card-img {display: none;} .listitemkind-menu .xaantal {position: absolute; right: 12px; width: 50px; height: 50px; bottom: 9px !important; line-height: 50px; border-radius: 50%; z-index: 200; pointer-events: none; text-align: center; overflow: visible; border: 4px solid #FF0000 !important; background-color: #FFDC03 !important; letter-spacing: -2px; cursor: pointer; display: none;} .listitemkind-pakket .xaantal {position: absolute; right: 12px; width: 50px !important; height: 50px; bottom: 11px !important; line-height: 50px; border-radius: 50%; z-index: 200; pointer-events: none; text-align: center; overflow: visible; border: 4px solid #FF0000 !important; background-color: #FFDC03 !important; letter-spacing: -2px; cursor: pointer; display: none;} /* WICHTARTIKELEN */ .body-slagerij .listitemkind-threeinarow .xaantal {background-color: #5a1309; border: 1px solid #ff7200;} .body-slagerij .listitemkind-halfwidth .xaantal {background-color: #5a1309; border: 1px solid #ff7200;} .listitemkind-pakket .popup-dropdown-menu {min-height: 790px !important;} .listitemkind-minimal .smalproducttext {display: none;} /* ======================================================================================= PORTRAIT AANPASSINGEN - 06-06-2024 ======================================================================================= */ .listitemkind-portrait .bigproducttext {display: block !important; top: initial !important; line-height: 1.0; height: 102px; padding-top: 10px; background-color: #f6f6f6; bottom: -10px; padding-right: 40px; font-family: 'Neucha'; font-size: 29px; ; color: #e31136; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .listitemkind-portrait .smalproducttext {bottom: 92px;} .listitemkind-portrait .catcard-broodjes .smalproducttext {height: 120px !important; font-size: 17px !important; bottom: 46px !important;} .listitemkind-portrait .catcard-soepen .smalproducttext {bottom: 100px !important;} @media screen and (min-width: 1700px) { .listitemkind-portrait .bigproducttextbackup {height: 85px !important;} } /* ======================================================================================= NEW VERSTAPPEN 2023 -> IN AATVENTURETHEME.CSS ======================================================================================= */ @media screen and (min-width: 768px) { .listitemkind-minimal {min-height: 210px !important;} .listitemkind-minimal .card-img {min-height: 80px !important; height: 70px !important;} .listitemkind-minimal .bigproducttext:after {display: none !important} .listitemkind-minimal .productdescription {display: none !important} .listitemkind-threeinarow {min-height: 312px;} /* 23-10 -> was 290px */ .listitemkind-threeinarow .card-img {min-height: 136px !important;} .listitemkind-threeinarow .bigproducttext:after {width: 70%;} .listitemkind-threeinarow .productdescription {bottom: 68px;} /* hmm ergens 144px zoeken... niet bij zero sushi snacks */ .listitemkind-threeinarow .smalproducttext {position: absolute; bottom: 54px; line-height: 1.1; height: 28px; padding-right: 90px;} .body-slagerij-verstappen .listitemkind-threeinarow .card-img {max-height: 136px;} /* voor slagerij verstappen anders inconsequent! */ .body-slagerij-verstappen .listitemkind-threeinarow {min-height: 312px;} /* 23-10 -> was 290px */ .listitemkind-halfwidth {min-height: 290px !important;} .listitemkind-halfwidth .card-img {min-height: 136px !important;} .listitemkind-halfwidth .productdescription {bottom: 140px;} /* dubieus bij de sushi */ .listitemkind-halfwidth .smalproducttext {position: absolute; bottom: 54px; line-height: 1.1; opacity: 0.7; height: 28px; padding-right: 120px} .listitemkind-fullwidth {min-height: 10px !important;} .listitemkind-fullwidth .card-img {min-height: 100px !important;} .listitemkind-fullwidth .productdescription {bottom: 40px !important; background-color: #0000004f; } /* zomerbuffet */ .listitemkind-fullwidth .bigproducttext {font-variant-caps: small-caps; letter-spacing: 0.9px; line-height: 25px !important;} .listitemkind-fullwidth .bigproducttext {border-radius: 0px 5px 0px 0px;} .listitemkind-fullwidth .smalproducttext {position: absolute; height: 8px !important; bottom: 94px;} /* 16-04-2025 -> was 76px */ .listitemkind-fullwidth .paralay {display: none !important;} .listitemkind-fullwidth .catcard-aperitiefhapjes .card-img {border-bottom: 100px solid #05161e;} .listitemkind-extralarge {min-height: 600px !important;} .listitemkind-extralarge .card-img {min-height: 530px !important;} .listitemkind-extralarge .smalproducttext {height: 8px !important;} .listitemkind-extralarge .bigproducttext {position: absolute; margin-top: 450px !important;} .listitemkind-extralarge .productdescription {bottom: 60px;} /* verstappen groenteschotels */ .listitemkind-menu {min-height: 1000px !important;} .listitemkind-pakket .bigproducttext {margin-top: 405px !important;} .listitemkind-pakket .bigproducttext:after {bottom: 323px; width: 75%;} .listitemkind-pakket .smalproducttext {position: absolute; bottom: 26px; height: 8px !important;} /* afwijkingen */ .listitemkind-pakket .catcard-buffet-schotels .productdescription {bottom: -9px !important;} /* verstappen buffetschotels */ .productsbody-aatventure .listitemkind-threeinarow .productdescription {bottom: 96px !important;} .listitemkind-pakket .catcard-poke-bowls .bigproducttext {display: none;} .listitemkind-pakket .catcard-verse-pizzas .bigproducttext {display: none;} .listitemkind-pakket .catcard-broodje-shoarma .bigproducttext {display: none;} .listitemkind-fullwidth .catcard-groenteschotels .bigproducttext {position: relative !important; bottom: -8px;} .listitemkind-fullwidth .catcard-groenteschotels .bigproducttext:after {bottom: 82px !important;} .listitemkind-fullwidth .catcard-groenteschotels .productdescription {bottom: 111px !important;} .listitemkind-fullwidth .catcard-zomerbuffet .bigproducttext {position: relative !important; bottom: 72px;} .listitemkind-fullwidth .catcard-zomerbuffet .bigproducttext:after {bottom: -1px !important;} } @media screen and (max-width: 768px) { .listitemkind-minimal {min-height: 210px !important;} .listitemkind-minimal .card-img {min-height: 80px !important; height: 70px !important;} .listitemkind-minimal .bigproducttext:after {display: none !important} .listitemkind-minimal .productdescription {display: none !important} .listitemkind-minimal .smalproducttext {display: none} .listitemkind-threeinarow {min-height: 328px;} .listitemkind-threeinarow .card-img {min-height: 136px !important;} .listitemkind-threeinarow .bigproducttext:after {bottom: 238px !important;} .listitemkind-threeinarow .productdescription {bottom: 68px;} .listitemkind-threeinarow .smalproducttext {bottom: 62px; font-family: 'Roboto Light'; font-size: 12px !important; height: 66px; line-height: 1.1; padding-right: 8px;} .body-slagerij-verstappen .listitemkind-threeinarow {min-height: 290px !important;} .body-slagerij-verstappen .listitemkind-threeinarow .smalproducttext {bottom: 18px !important;} .listitemkind-halfwidth {min-height: 290px !important;} .listitemkind-halfwidth .card-img {min-height: 136px !important;} .listitemkind-halfwidth .bigproducttext:after {bottom: 240px !important;} .listitemkind-halfwidth .productdescription {bottom: 144px;} .listitemkind-halfwidth .smalproducttext {position: absolute; bottom: 62px; line-height: 1.1; opacity: 0.7 !important; height: 28px; padding-right: 30px; font-family: 'Roboto Light'; font-size: 12px;} .listitemkind-fullwidth {max-height: 500px;} .listitemkind-fullwidth .productdescription {bottom: 100px !important;} .listitemkind-fullwidth .bigproducttext {bottom: 50px !important;} .listitemkind-fullwidth .smalproducttext {position: absolute; height: 8px !important; bottom: 41px; } .listitemkind-fullwidth .catcard-buffet-schotels .productdescription {bottom: 26px !important;} .listitemkind-fullwidth .bigproducttext:after {bottom: 16px !important;} .body-slagerij-verstappen .listitemkind-fullwidth {max-height: 293px !important;} .body-slagerij-verstappen .listitemkind-fullwidth .smalproducttext {bottom: 64px !important;} .listitemkind-extralarge {min-height: 690px !important;} .listitemkind-extralarge .card-img {min-height: 530px !important;;} .listitemkind-extralarge .productdescription {bottom: 100px;} .listitemkind-extralarge .bigproducttext {margin-top: 500px !important;} .listitemkind-menu {min-height: 970px !important;} .listitemkind-pakket .bigproducttext {margin-top: 300px !important; display: none !important;} .listitemkind-pakket .smalproducttext {position: absolute; bottom: 45px; height: 8px !important;} .listitemkind-pakket .catcard-buffet-schotels .productdescription {bottom: 26px !important;} /* uitzonderingen */ .listitemkind-fullwidth .catcard-zomerbuffet {min-height: 530px !important;} .listitemkind-fullwidth .catcard-zomerbuffet .bigproducttext {top: 250px !important;} .listitemkind-fullwidth .catcard-zomerbuffet .bigproducttext:after {bottom: 114px !important;} .listitemkind-fullwidth .catcard-groenteschotels .productdescription {bottom: 140px !important;} .productdescription-slagerij p {border-radius: 12px;} } /* ========================================================================== CODE FROM COLORSCHEMES ========================================================================== */ .productsbodybg-merchandise .listitemkind-halfwidth .carouselcontainer {position: relative; margin-top: -200px; height: 20px;} .productsbodybg-merchandise .listitemkind-halfwidth .slick-slider {margin-bottom: -20px; z-index: 99; cursor: pointer;} .productsbodybg-merchandise .listitemkind-portrait .carouselcontainer {position: relative; margin-top: 0px; height: 100%;} .productsbodybg-merchandise .listitemkind-portrait .slick-slider {z-index: 100; cursor: pointer;} .productsbodybg-merchandise .listitemkind-portrait .slick-slider {border-bottom: 0px solid transparent;} .productsbodybg-merchandise .listitemkind-portrait .slider-for {margin-bottom: 50px;} .productsbodybg-merchandise .listitemkind-portrait .slick-slider {position: relative; z-index: 102; border-bottom: 0px solid transparent;} .productsbodybg-merchandise .listitemkind-portrait .slider-nav {z-index: 102; margin-bottom: -110px;} .productsbodybg-merchandise .listitemkind-portrait .bigproducttext {background-color: rgba(0, 0, 0, 0.5); height: 50px; bottom: 44px; z-index: 104; color: #FFFFFF;} .productsbodybg-merchandise .listitemkind-portrait .smalproducttext {bottom: 104px; z-index: 120; color: #FFFFFF !important;} .productsbodybg-merchandise .listitemkind-portrait .stickeroverlay {margin-left: 10px; bottom: 153px;} .productsbodybg-merchandise .listitemkind-portrait .stickerprice {bottom: 160px; left: 20px;} .productsbodybg-merchandise .listitemkind-portrait .reclame {background: url(../../img/interface/tornedpaper.png); background-size: contain; color: #230003 !important; z-index: 150} .productsbodybg-la-torre .listitemkind-halfwidth .smalproducttext {font-size: 13px;} .listitemkind-classic .catcard-mojito .smalproducttext { margin-left: 0px; background: #000000; padding: 8px; padding-left: 30px !important; padding-right: 30px; border-radius: 0px 10px 10px 0px; } /* LIGHT */ .productsbodybg-light .listitemkind-threeinarow .bigproducttext {bottom: 40px; height: 40px !important; padding-top: 4px; background: rgba(255, 255, 255, 0.6); color: #6c020f; text-shadow: 3px 3px 13px #99736e;} .productsbodybg-light .listitemkind-threeinarow .bigproducttext:after {bottom: 4px !important; color: #82050f !important; border-color: #82050f !important;} .productsbodybg-light .listitemkind-threeinarow .productfooter {background-color: #faf6f6 !important;} .productsbodybg-light .listitemkind-threeinarow .inhoud {color: #723b21 !important; border-color: #723b21 !important; opacity: 1 !important;} .productsbodybg-light .listitemkind-threeinarow .prijs {color: #723b21 !important; border-color: #723b21 !important; opacity: 1 !important;} .productsbodybg-light .listitemkind-threeinarow .infopopup {filter: saturate(100%) !important;} .productsbodybg-light .listitemkind-threeinarow .card-img {object-position: 0px -20px;} .productsbodybg-light .listitemkind-threeinarow .xaantal {background-color: #4d1200 !important; border: 1px solid #461b0e !important;} /* BROWN */ .productsbodybg-brown .listitemkind-classic {background: #431a1a !important;} /* RUBY */ .pagetheme-ruby .listitemkind-pakket .fullcard {background: #4c0909 !important;} .pagetheme-ruby .listitemkind-pakket .card-producttitle {min-height: 50px !important; background: #4c0909;} .pagetheme-ruby .listitemkind-pakket .friendlyname {font-family: 'Noteworthy Light' !important; font-weight: bold; font-size: 16px !important; line-height:2.1; letter-spacing: 1.1px} .pagetheme-ruby .listitemkind-pakket .dropdown-header {font-family: 'Noteworthy Light' !important; font-size: 28px !important; padding: 20px !important;} .pagetheme-ruby .listitemkind-pakket .productoptions {top: 50px !important;} /* UITZONDERINGEN */ .productsbodybg-warme-gerechten .listitemkind-classic {background: #431a1a !important; min-height: 500px !important;} .productsbodybg-vicento-cakes .listitemkind-portrait .catcard .smalproducttext {bottom: 58px !important; font-size: 18px !important;} .productsbodybg-broodjes .listitemkind-portrait .fullcard {background: #F6F6F6 !important; border-radius:0px 0px 8px 8px;} .productsbodybg-broodjes .listitemkind-portrait .fullcard {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;} .productsbodybg-broodjes .listitemkind-portrait .fullcard .footerbg-luxury {background-color: rgb(255 12 74);} /* TAPASSCHOTEL NEW 2025 */ .listitemkind-fullwidth .bigproducttext {background: #05161E;} .body-slagerij-verstappen .listitemkind-fullwidth .bigproducttext {background: #000000 !important;} .productsbodybg-schotels-exotica .listitemkind-classic .fullcard {min-height: 376px;} .productsbodybg-schotels-exotica .listitemkind-classic .productfooter {background-color: rgb(131 157 174);} .productsbodybg-schotels-exotica .listitemkind-classic .addtobasket {bottom: 50px !important;} .productsbodybg-schotels-exotica .listitemkind-classic .addkghandle {bottom: 50px !important;} .productsbodybg-schotels-exotica .listitemkind-classic .substracthandle {right: 120px !important;} @media screen and (min-width: 1200px) { .productsbodybg-schotels-exotica .listitemkind-classic .fullcard {min-height: 430px !important;} } /* LISTITEM PAKKET */ .listitemkind-pakket .card-img {min-height: 276px !important; border-bottom: 0px solid #350006 !important; filter: blur(0px) !important;} .listitemkind-pakket .catcard-poke-bowl {background-color: #4b0b00 !important;} .listitemkind-pakket .catcard-verse-pizzas {background-color: #2B0400 !important;} .listitemkind-pakket .catcard-pannenkoeken {background-color: #000002 !important;} .listitemkind-pakket .sharelink {color: #dc4f24 !important;} .listitemkind-pakket .popup-dropdown-menu {height: calc(100vh - 90px) !important; overflow-y: scroll;} .listitemkind-pakket .popup-dropdown-menu {width: 102%; margin-left: -1% !important;} .listitemkind-pakket .productfooter {background-color: #790613 !important;} .listitemkind-pakket .infopopup {filter: saturate(100%) !important;} .listitemkind-pakket .xinput {color:#000000 !important} .listitemkind-pakket .xviewinput {color: transparent !important;} /* LISTITEM MENU */ .listitemkind-menu {border-left: 1px solid #3f0107; border-right: 1px solid #3f0107;} .listitemkind-menu .bigproducttext {height: 50px !important; padding-top: 10px !important; font-family: "Serif"; letter-spacing: 1.0px; margin-top: 110px; font-size: 32px !important; font-variant-caps: small-caps; text-align: center !important; background-color: #6d000b !important; color: #ffbb53 !important; filter: drop-shadow(0px 40px 20px #550000);} .listitemkind-menu .footerbg {background-color: rgb(74, 10, 0);} .listitemkind-menu .infopopup {filter: saturate(100%) !important;} .listitemkind-menu .footerbg-luxury {background-color: rgb(134 14 28) !important;} .listitemkind-menu .xinput {color:#000000 !important} .listitemkind-menu .xviewinput {color: transparent !important;} /* VIDEO AND SMOKING */ @media screen and (min-width: 800px) { .listitemkind-menu {min-height: 1060px !important;} .listitemkind-fullwidth video {object-fit: cover; width: 100%; height: 500px; object-position: bottom;} .listitemkind-fullwidth .smoking {margin-top: -500px;} .listitemkind-halfwidth video {position: absolute; object-fit: cover; width: 100%; height: 136px; object-position: bottom;} .listitemkind-halfwidth .smoking {position: absolute; object-fit: cover; min-height: 136px !important;} } @media screen and (max-width: 800px) { .listitemkind-fullwidth video {object-fit: cover; width: 100%; height: 200px; object-position:bottom;} .listitemkind-fullwidth .smoking {margin-top: -200px !important; height: 200px !important; max-height: 200px !important;} .listitemkind-halfwidth video {position: absolute; object-fit: cover; width: 100%; height: 136px; object-position:bottom;} .listitemkind-halfwidth .smoking {position: absolute; height:136px !important; max-height: 136x !important;} } @media screen and (max-width: 800px) { .listitemkind-fullwidth .card-img {min-height: 0px; height: 200px; max-height: 200px;} } @media screen and (min-width: 800px) { .listitemkind-fullwidth .catcard-zomerbuffet .bigproducttext {bottom: 64px !important;} } /* WARUNG-IENGIE AND PLAZA EXOTICA */ .productsbodybg-warung-iengie .listitemkind-portrait .card-img {border-bottom: 140px solid transparent;} .productsbodybg-warung-iengie .listitemkind-portrait .smalproducttext {position: absolute; color:#333333; opacity: 0.9 !important; font-family: "Whipsmart Bold"; padding-right: 30px; font-size: 15px; text-transform: initial !important; line-height: 1.2 !important; height:37px;} .productsbodybg-plaza-exotica .listitemkind-portrait .card-img {border-bottom: 140px solid transparent;} .productsbodybg-plaza-exotica .listitemkind-portrait .smalproducttext {position: absolute; color:#333333; opacity: 0.9 !important; font-family: "Whipsmart Bold"; padding-right: 30px; font-size: 15px; text-transform: initial !important; line-height: 1.2 !important; height:37px;} @media screen and (min-width: 800px) { .listitemkind-halfwidth .smalproducttext {padding-right: 90px !important;} } .listitemkind-portrait .infopopup {opacity: 0.3 !important;} /* ======================================================================================= LISTITEMS ======================================================================================= */ .listitemkind-classic .card-producttitle {background-color: rgb(255 83 28); color: #FFFFFF !important; box-shadow: 0 3px 2px rgb(0 0 0 / 1%), 0 3px 2px rgb(0 0 0 / 13%);} .listitemkind-classic .footerbg-slagerij {background-color: rgb(146, 9, 6) !important;} .listitemkind-classic .sharelink-luxury {color: #f2d0cf !important;} .listitemkind-noimage .xaantal {background-color: #20272b !important; border: 1px solid #000000 !important;} .listitemkind-minimal .xaantal {background-color: #20272b !important; border: 1px solid #000000 !important;} .listitemkind-threeinarow .xaantal {background-color: #20272b !important; border: 1px solid #000000 !important;} .listitemkind-halfwidth .xaantal {background-color: #20272b !important; border: 1px solid #000000 !important;} .listitemkind-fullwidth .xaantal {background-color: #20272b !important; border: 1px solid #000000 !important;} /* ========================================================================== DIVIDERS ========================================================================== */ .divider1 img {width: 110% !important; max-width: 110% !important; margin-left: -5% !important; object-fit: cover; border-radius: 4px !important;} .divider2 img {width: 110% !important; max-width: 110% !important; margin-left: -5% !important; object-fit: cover; border-radius: 4px !important;} .divider3 img {width: 110% !important; max-width: 110% !important; margin-left: -5% !important; object-fit: cover; border-radius: 4px !important;} .divider4 img {width: 110% !important; max-width: 110% !important; margin-left: -5% !important; object-fit: cover; border-radius: 4px !important;} .divider5 img {width: 110% !important; max-width: 110% !important; margin-left: -5% !important; object-fit: cover; border-radius: 4px !important;} .divider6 img {width: 110% !important; max-width: 110% !important; margin-left: -5% !important; object-fit: cover; border-radius: 4px !important;} .splitright .favorieten img {object-fit: cover;} .splitright .aanbiedingen img {object-fit: cover;} .groupsbody .favorieten .w3-large {display: none;} .groupsbody .aanbiedingen .w3-large {display: none;} .groupsbody .favorieten .w3-small {display: none;} .groupsbody .aanbiedingen .w3-small {display: none;} /* ========================================================================== SIDEBAR ========================================================================== */ /* sidebar tags */ .taglist-aatventure {margin-bottom: 10px; border-radius: 8px;} .taglist-snacks {border-radius: 8px; margin-bottom: 10px;} .taglist-snacks:hover {border-radius: 8px; margin-bottom: 10px;} .td-aatventurexxx img {width: 46px !important; height: 46px !important; clear: both;} /* uitgezet */ .sidebarlogo-yip-soon {width: 480px !important;} /* ========================================================================== mobileheaders / floatingbuttons ========================================================================== */ @media screen and (max-width: 400px) { #navbar {height: 60px !important; min-height: 60px !important;} #navbar-maintext {margin-top: -3px; font-size: 22px !important;} .navbar-brand img {margin-top: -5px;} .landingtop {margin-top: 60px !important;} } .transparent {padding: 10px;} .floatingbutton-snacks {width: 64px; height: 64px;} .centervertical {display: inline-block; width: 100%; vertical-align: middle;} .card-img {object-fit: cover;} /* ========================================================================== ZERO SUSHI SNACKS OPTIONS MENU ========================================================================== */ #modalDynamicContent .overlaymenu {display: block !important;} #modalDynamicContent .dropdown-menu {display: block !important; top:0px !important; width:100% !important;} @media screen and (min-width: 800px) {.modalattributewidth {max-width: 415px !important;}} @media screen and (max-width: 800px) {.modalattributewidth {max-width: 100vw !important;}} #modalDynamicContent .popup-dropdown-menu { width: 100% !important; background-color: #210300 !important; transform: translate3d(0px, 0px, 0px) !important; border-radius: 0 !important; border: 2px solid #380703 !important; border-bottom: 25px solid #210300 !important; clear: both !important; } .disabled {opacity: 0 !important; pointer-events: none !important;} .productoptions {position:absolute; top:36px; left:0px; width:100%; height: 100%; overflow:hidden !important; z-index:9999999;} .productoptions label {width: 100%; background-color: transparent; padding:10px; text-transform: uppercase; color: #FFFFFF !important;} .productoptions select {width: 100%; border-radius: 0 !important; font-size:18px !important; margin-top:-6px; height: 100px; border-left: 10px solid #311309 !important; border-right: 16px solid #311309 !important;} .popup-dropdown-menu {width: 100%; background-color: #380703 !important; transform: translate3d(0px, 0px, 0px) !important; border-radius: 0 !important; border: 2px solid #380703 !important; border-bottom: 25px solid #370705 !important; clear: both;} .popup-dropdown-menu .dropdown-item {padding: 3px 0px 3px 0px; min-height: 72px;} .btn-dropdown {color: #FFFFFF; border-radius: 0 !important; height: 90px; width: 100%; font-family: "VeiligOpSlot"; font-size: 27px !important; text-align: center !important; text-transform:uppercase; letter-spacing: -1.3px; text-shadow: 0 0 30px rgba(0, 0, 0, 0.6); border: 0 !important; background-size: cover; margin-bottom: 2px;} .dropdown-item {margin-bottom: -5px;} .dropdown-item label {font-family: "VeiligOpSlot"; font-size: 24px !important; letter-spacing: -0.5px;} .dropdown-item label:not(.completa) {padding-left: 54px !important;} .completa {width: 100%; text-align: center; border-radius: 5px !important; cursor: pointer} .compleet {width: 100%; text-align: center; border-radius: 5px !important; cursor: pointer; background-color: #a41515; padding: 10px; border: 1px solid #FFFFFF !important; font-family: "VeiligOpSlot"; font-size: 24px !important; letter-spacing: -0.5px;} .minpadding {padding: 15px !important; margin-top: 6px;} .dropdown-item .bgimage {position: absolute; width: 100%; height: 60px; background-size: cover;} .dropdown-item .bgimage {opacity: 0.2;} .textshadow {text-shadow: 0 0 2px rgb(0 0 0 / 75%) !important;} .textshadow {display: block; font-size: 17px; padding-top: 10px !important; border-radius: 4px; padding: 8px; width: 96%; margin-top: -3px;} .dropdown-item:hover {background-color:transparent !important; color: #FFFFFF !important;} .popup-dropdown-menu .dropdown-item {background: linear-gradient(0deg, rgb(56 7 3) 0%, rgb(142 22 21) 35%, rgb(56 7 3) 100%);} .friendlyname {position: absolute; width: 86%; text-align: center; cursor: pointer;} .listitemkind-square .friendlyname {text-align: left !important;} .listitemkind-square .sharelink {display: none !important;} .overlaygradient {position: absolute; width: 100%; height: 60px; background: linear-gradient(90deg, rgba(60,12,8,100%) 0%, #380703 20%, #ffffff 37%, #ffffff 33%, rgb(255 255 255) 100%);} .readybutton {height:151px !important;} /* Base for label styling */ .overlaymenu [type="checkbox"]:not(:checked), .overlaymenu [type="checkbox"]:checked { position: relative; transform: scale(3); left: 35px; top: 0px; opacity: 0 !important; z-index: 9; cursor: pointer; } .overlaymenu [type="checkbox"]:not(:checked) + label, .overlaymenu [type="checkbox"]:checked + label {position: relative; cursor: pointer;} /* checkbox aspect */ .overlaymenu [type="checkbox"]:not(:checked) + label:before, .overlaymenu [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 8px; top: 10px; width: 40px; height: 40px; border: 1px solid #fff; background: rgba(30,0,0,0.5); border-radius: 5px; box-shadow: inset 0 1px 3px rgb(0 0 0 / 10%), 0 0 0 rgb(237 34 146 / 20%); transition: all .275s; } /* checked mark aspect */ .overlaymenu [type="checkbox"]:not(:checked) + label:after, .overlaymenu [type="checkbox"]:checked + label:after { content: '√'; position: absolute; font-size: 32px !important; top: 27px; left: 15px; color: #84ff00; line-height: 0; transition: all .2s; } /* checked mark aspect changes */ .overlaymenu [type="checkbox"]:not(:checked) + label:after {opacity: 0;} .overlaymenu [type="checkbox"]:checked + label:after {opacity: 1;} /* Disabled checkbox */ .overlaymenu [type="checkbox"]:disabled:not(:checked) + label:before, .overlaymenu [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #e9e9e9; } .overlaymenu [type="checkbox"]:disabled:checked + label:after {color: #777;} .overlaymenu [type="checkbox"]:disabled + label {color: #aaa;} /* ========================================================================== DATEPICKER ========================================================================== */ @keyframes lp-bounce-target-next {from {transform: translateX(100px) scale(1)} to {transform: translateX(0px) scale(1) !important;}} @keyframes lp-bounce-target-prev {from {transform: translateX(-100px) scale(1)} to {transform: translateX(0px) scale(1) !important;}} .formerror { background-color: #FF0000; color: #FFFFFF; text-align: center; padding: 10px; margin-top: -16px; margin-bottom: 10px; border: 1px solid #FF0000; border-radius: 6px; text-transform: uppercase; font-size: 19px; font-weight: 700; } /* ========================================================================== HOORENBEECK SWIPER ========================================================================== */ .productoptions-slagerij-van-hoorenbeeck .swiper-wrapper {height: 120px; min-height: 120px;} .productoptions-slagerij-van-hoorenbeeck .swipertitle { display: inline-block; line-height: 1.1; font-family: "Serif"; font-size: 22px !important; letter-spacing: 0.9px; font-variant-caps: small-caps; padding-left: 30px !important; padding-right: 30px !important; text-transform: unset !important; margin-top: -10px !important; } /* ========================================================================== HOORENBEECK MENUS ========================================================================== */ .subproducts {margin-left:20px; margin-right: 0px; line-height: 1.1; font-family: "Serif"; font-size: 22px !important; letter-spacing: 0.9px; font-variant-caps: small-caps;} .subproductsalt {margin-top:170px; margin-left:20px; margin-right: 20px; line-height: 1.4; font-family: "Noteworthy Light"; font-size: 21px; letter-spacing: 1.0px; font-variant-caps: small-caps;} .subproduct {margin-top: 16px; margin-bottom: 14px;} .subinput {font-family: "Noteworthy Light"; letter-spacing: 1.0px; font-variant-caps: small-caps; font-size: 21px !important; margin-right: 4px; background-color: transparent !important; width: 24px !important; vertical-align: top; color: #ffdc50 !important;} .subproducttext {display: inline-block; width: 85%;} .ofkeuze {display: block; width: 100%; color: #ec8e70 !important; text-align: left; margin-left: 36px; margin-top:-14px; margin-bottom:-14px; font-size: 21px; line-height: 1.4; font-family: "Noteworthy Light"; letter-spacing: 1.0px; font-variant-caps: small-caps;} .addsubproduct {display: inline-block; text-align: center; width: 34px; height: 34px; line-height: 33px; background-color: #7d0311; border-radius: 50%; float: right; margin-right: 15px; margin-top: 5px; cursor: pointer !important;} .subdivider {font-family: "Ornaments"; font-size: 100px; color: #7d3031 !important; text-align: center; margin-top: -50px; margin-bottom: -30px;} .borgoms {font-size: 4px; opacity: 0;} #borgtext {display: inline-block; width: 100%; text-align: right; padding-right: 20px; padding-top: 10px; color: #fbf4d8; font-size: 13px; text-transform: uppercase} @media screen and (max-width: 1025px) { .subproducts {margin-top: 20px; z-index:9} } @media screen and (min-width: 1025px) { .subproducts {margin-top: 20px;} } /* ========================================================================== formoptions ========================================================================== */ .formoptions {display: none;} .form-description {color: #393838; font-size: 16px; white-space: pre-line; word-wrap: break-word; margin-bottom: 30px;} .form-remarks {flex: 0 0 100%; color: #393838; font-size: 16px; padding-left: 13px; margin-top: -10px; margin-bottom: 10px;} .form-grid {margin-top: 30px; display: flex; width:100%;} .leftflex {width: 40%; height: 100%; flex-grow: 1;} .rightflex {width: 60%; flex-grow: 1; display: flex; flex-direction: column;} .menuitem-description {font-family: 'Open Sans','Helvetica','Arial','sans-serif'; padding-bottom: 8px; text-transform: uppercase; font-size: 16px; color: #fd5830; font-weight: 900;} .menuitem-item {font-family: 'Open Sans','Helvetica','Arial','sans-serif'; padding-bottom: 8px; font-size: 16px;; color: #333333 !important;} .flexfullrow {flex: 0 0 100%; background-color: #f5f5f5; margin-bottom: 15px; padding: 9px;} @media screen and (max-width: 767px) { .cont-main {justify-content: space-around !important; } } /* ========================================================================== image inputs (radio/checkboxes} ========================================================================== */ :root { --transition: 0.15s; --border-radius: 0.5rem; --background: #fb593a; --box-shadow: #fb593a; } .cont-main {display: flex; flex-wrap: wrap; align-content: center; justify-content: left; align-items: flex-end;} .cont-title {color: white; font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem;} .cont-checkbox {width: 150px; height: 110px; border-radius: var(--border-radius); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); background: white; transition: transform var(--transition); margin-left: 10px; margin-right: 10px; margin-bottom: 10px;} .cont-checkbox:first-of-type {margin-bottom: 0.75rem; margin-right: 0.75rem;} .cont-checkbox:active {transform: scale(0.9);} .cont-main input {display: none;} .cont-main input:checked + label {opacity: 1; box-shadow: 0 0 0 3px var(--background);} .cont-main input:checked + label img {-webkit-filter: none; filter: none;} .cont-main input:checked + label .cover-checkbox {opacity: 1; transform: scale(1);} .cont-main input:checked + label .cover-checkbox svg {stroke-dashoffset: 0;} .cont-main label {display: inline-block; cursor: pointer; border-radius: var(--border-radius); overflow: hidden; width: 100%; height: 100%; position: relative; opacity: 0.6;} .cont-main label img {width: 100%; height: auto; object-fit: contain; clip-path: polygon(0% 0%, 100% 0, 100% 81%, 50% 100%, 0 81%); -webkit-filter: grayscale(100%); filter: grayscale(100%);} .cont-main label .cover-checkbox {position: absolute; right: 5px; top: 3px; z-index: 1; width: 20px; height: 20px; border-radius: 50%; background: var(--box-shadow); border: 2px solid #fff; transition: transform var(--transition), opacity calc(var(--transition) * 1.2) linear; opacity: 0; transform: scale(0);} .cont-main label .cover-checkbox svg {width: 13px; height: 11px; display: inline-block; vertical-align: top; fill: none; margin: 5px 0 0 3px; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; transition: stroke-dashoffset 0.4s ease var(--transition); stroke-dashoffset: 16px;} .cont-main label .info {color: #000000 !important; text-align: center; margin-top: 0.2rem; font-weight: 600; font-size: 0.8rem; opacity: 1 !important; line-height: 1.1; padding-top: 2px;} .cardshadow { text-align: left; padding: 48px; border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 19, 53, 0.06) 0px 9px 27px, rgba(0, 19, 53, 0.043) 0px 3.75998px 11.28px, rgba(0, 19, 53, 0.035) 0px 2.01027px 6.0308px, rgba(0, 19, 53, 0.03) 0px 1.12694px 3.38082px, rgba(0, 19, 53, 0.024) 0px 0.598509px 1.79553px, rgba(0, 19, 53, 0.016) 0px 0.249053px 0.747159px; } /* ========================================================================== ADDONS ========================================================================== */ .webshop .substracthandle {bottom: 40px !important;} .webshop .xaantal {bottom: 9px; line-height: 50px; border-radius: 50%; pointer-events: none; text-align: center; overflow: visible; z-index: 200; letter-spacing: -2px; cursor: pointer;} .webshop .prijs {bottom: 0px !important;} /* ========================================================================== ASSORTIMENTSGROEPEN ========================================================================== */ .assgroepcard {border-radius: 8px} .assgroepcard-img {border-radius: 9px 9px 0px 0px; object-fit: cover;} .assgroepcard-title {margin-left: -10px;} .assgroepcard-description {margin-left: -10px;} .assgroepcard-img-slagerij {height: 170px;} /* was 280px */ .assgroepcard-title-slagerij {position: absolute; bottom: -46px; margin-left:0 !important; border-radius: 6px; font-size: 25px;} .assgroepcard-description-slagerij {position: absolute; bottom: -65px; margin-left: 0 !important; font-size: 18px;} .assgroepcard-img-portguide {height: 280px;} .assgroepcard-title-portguide {position: absolute; margin-left: 0px; bottom: -48px; font-size: 27px !important;} .assgroepcard-description-portguide {position: absolute; margin-left: 0px; bottom: -69px;} .assgroepcard-title-snacks {font-family: "Trueno Bold"; font-size: 28px; bottom: -53px;} .assgroepcard-description-snacks {font-family: "Kids"; font-size: 18px; bottom: -70px;} .assgroepcard-description-snacksalt {font-family: "Texta Regular"; font-size: 18px; bottom: -68px; } /* ========================================================================== CARDS ========================================================================== */ .fullcard-slagerij {margin-top: 10px; background-image:none; min-height: 268px;} .fullcard-snacks {background-image: none; min-height: 256px !important;} .cardoptions-aatventure-radio {font-size: 14px !important;} .widgetclass-snacks {padding-bottom: 0px !important; padding-top: 0px !important;} /* ========================================================================== AATVENTURE 2021 ========================================================================== */ .weightitems {cursor: pointer} .weightitems td {cursor: pointer} .bigtext {font-size: 20px !important; text-transform: uppercase; text-decoration: none !important;} .center {text-align: center;} .OPEN {width: 270px !important; height:80px !important;} .AFGEROND {width: 270px !important; height:80px !important;} .AANGEPAST {width: 270px !important; height:80px !important;} .VERVALLEN {width: 270px !important; height:80px !important;} /* ========================================================================== instore theme => slagerij 11-11-2019 ========================================================================== */ .bodyi-slagerij {overflow:visible; font-family:'Agency'; line-height:140%;} .assgrpheaderi-slagerij {font-size: 24px;} .flexitem-slagerij {height: 150px;} .w3-tag {min-width:100% !important;} /* search addons */ .typeahead__dropdown, .typeahead__list {margin:0 !important; padding:0 !important;} /* ========================================================================== christmastheme 14-11-2019 ========================================================================== */ .imgbackground-slagerij {position: absolute; width: 100vw; height:100vh; background: url('../../img/dashboard/dashboardbutchers.jpg') !important; background-size: cover !important;} @media screen and (max-width: 900px) { .smallabel {max-width: 30% !important; padding-left: 33px !important;} } /* ========================================================================== PORTGUIDE ========================================================================== */ .adminedit-portguide {padding: 12px;} .headertitle-portguide {margin-bottom: 20px !important;} .adminheader {padding: .75rem 1.25rem; margin-bottom: 0;} .adminheader-aatventure {background-color: rgb(9, 10, 13) !important; border-bottom: 1px solid rgba(0,0,0,.125);} @media (min-width: 600px) {.maincontainer-portguide {margin-top:30px !important;}} /* ========================================================================== LET OP VANAF HIERONDER WAS SHOP! OF DIT GOED STAAT IS NOG DE VRAAG ========================================================================== */ .width150 {width: 150px !important;} .hideprice {opacity: 0 !important;} .form-control-file {display: inline-flex !important;} .minwidth280 {width: 280px; min-width: 280px} .dbbg {position:absolute; z-index: 1; width: 100vw; height: 100vh} .dbfg {position: relative; z-index: 2 !important;} .scrollbar {overflow-y: scroll !important; overflow-x: hidden} .richtextarea {width:700px !important} .groupsbody-aatventure .assgroepbg-aatventure {margin-bottom: 10px;} .groupsbody-slagerij .assgroepbg-slagerij {margin-bottom: 10px;} .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title {color: #FFFFFF !important;} .btnadjust {margin-left: 15px !important} .cntr {text-align: center} .dtlinktitle:last-child {display: inline-block;} /* ========================================================================== desktop navigation ========================================================================== */ #shopdesktopmenu { position: absolute; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-end; justify-content: center; align-items: center; width: 100vw !important; list-style-type: none; margin: 0; padding: 0; text-align: center; overflow: visible; user-select: none; padding: 0.5rem 1rem; padding-left:0px; text-align: right; } @media screen and (max-width: 767px) {#shopdesktopmenu {z-index: 9999;}} .weightshop .mobileheader-slagerij-verstappen #shopdesktopmenu {margin-left:60px !important;} #shopdesktopmenu li:hover {color: rgb(233, 198, 58);} .defdesktopmenu {position: absolute !important; right: 100px; top: 0px; width: 200px; padding-right: 63px; padding-top: 2px;} .loginblock-on {position: absolute !important; right: 100px; top: 0px; width: 200px; padding-right: 63px; padding-top: 2px;} .loginblock-off {position: absolute !important; right: 100px; top: 0px; width: 200px; padding-right: 63px; padding-top: 2px;} @media (min-width: 64rem) { .loginblock-on {position: fixed !important; right: 0px; top: 0px; height: 140px; width: 300px;} .loginblock-off {position: fixed !important; right: 100px; top: 0px; height: 40px; width: 200px;} } /* ========================================================================== MODAL ========================================================================== */ .modal-backdrop {z-index: 99 !important}; .modal {z-index: 100 !important}; @media (min-width: 767px) { .modal-dialog { position: relative; width: 300px; margin-top: 50px; } } @media screen and (max-width: 767px) { .modal-open .modal {margin-top: 68px; height: calc(100vh - 68px) !important; overflow: auto;} .modal-header {border-radius: 0px !important;} } @media screen and (max-width: 767px) { .modal-open .modal {overflow-x: hidden;} } .modal-content { position: relative; border: 1px solid rgba(0,0,0,0.2); border-radius: 8px; outline: 0; box-shadow: 0 3px 9px rgba(0,0,0,0.5); outline: 0; font-family: "Roboto Light"; -webkit-font-smoothing: antialiased; } @media (min-width: 767px) { .modal-content {box-shadow: 0 5px 15px rgba(0,0,0,0.5);} } .modal-title {color: #FFFFFF;} .modal-shopbody {overflow-x: hidden!important; overflow-y: hidden;} .modal-footer {background-color: #2a2e3a; padding: 15px; text-align: right; padding-left: 8px; padding-right: 8px; color: #FFFFFF; border-top: 0;} .modal-remark {background-color: #ff2a05; padding: 15px; text-align: center; color: #FFFFFF; margin-bottom: 16px; font-weight: 700;} .bestelmodelmargin {margin-top: 15px;} .bestelmodal {background-color: #292D3A !important;} .view-options {min-height: 400px !important} /* ========================================================================== www3 ========================================================================== */ .w4 li img {float:left; width:30px; height:30px; border-radius:50%;} .w3-tag {font-size:13px; display:inline-block; padding:10px; text-transform: uppercase; margin-left:4.5px; margin-right:4.5px; min-width:100%; text-align:center; border-radius:4px; margin-bottom:12px; cursor:pointer;} .w3-card-2 {padding-left:10px; padding-right:10px;} .w3-large {font-size: 18px !important; margin-top: 0px;} .w3-small {display: block; font-size: 14px !important; margin-top: -1px; line-height: 1.2;} .w3-margin-right {margin-right:16px!important;} .w3-ul {color: #FFFFFF !important;} .w3-ul a {color: #FFFFFF !important; text-decoration: none;} .taglist {min-height: 46px !important; text-align: center; margin-bottom: 10px; border-radius: 8px; background-color: #222222; cursor:pointer} .tagbutton {background-color:#272729; color:#FFFFFF; border:0px;} .morespacebeneith {margin-top: 16px;} /* ========================================================================== PRODUCTS ========================================================================== */ .productsbodyitems {width: 100%; margin-bottom: 50px} .mt-shop { position: relative !important; top: 69px !important; } @media screen and (max-width: 600px) {.xinput {bottom: -4px; left: -8px;}} /* ========================================================================== BESTELWRAPPER ========================================================================== */ .sl_bestelrow { width: 100%; font-family: 'Arial'; font-size: 18px; cursor: pointer; -webkit-font-smoothing: antialiased; } .edit100 {width:100% !important} .productviewer #onderknop {display: none !important;} .productviewer #bestelfooter {display: none !important;} @media screen and (min-width: 1025px) { .productvieweradmin { position: absolute; top: 80px; right: 0px; width: 60vw; margin-right: calc(5vw); overflow-y: auto; height: calc(100vh - 300px); } .rewardvieweradmin { position: absolute; top: 0px; left: 0px; width: 100vw; overflow-y: auto; height: calc(100vh - 300px); padding: 40px; color: #FFFFFF !important; } } .customerinfo { width: 30vw; color: #FFFFFF; background-color: rgba(255,255,255,0.05); padding-top: 5px; min-height: calc(100vh - 60px); border-right: 1px solid rgb(86, 34, 26); } .customername { margin-left: 50px; margin-top: 20px; font-size: 30px !important; line-height: 30px; margin-bottom: 10px; font: caption; text-transform: uppercase; } .customeravatar {margin-left: 50px; margin-top: 50px;} .customeraddress {margin-left: 50px; margin-top: -10px; font-size: 18px !important} .customeremail {margin-left: 50px; margin-top: 0px; font-size: 16px !important} .customerphonenr {margin-left: 50px; margin-top: -4px; font-size: 16px !important} .customerremarks {margin-left: 50px; margin-top: 10px; font-size: 16px !important} .avatar-xs {margin-left: 46px; margin-right: 10px; height: 40px; width: 40px; max-width: 40px !important; border-radius: 50%;} @media screen and (max-width: 1025px) { .productvieweradmin {overflow-y: auto; height: calc(100vh - 160px);} } @media screen and (min-width: 600px) and (max-width: 1025px) { .productvieweradmin {position: fixed; top: 140px; right: 10px; width: 60vw;} .productviewerinpak {top: 160px !important; width: 66vw !important;} .customerinfo {width: 35vw;} .customerinfosmall {width: 28vw !important;} .customeraddress {font-size: 15px !important;} .lijstnaam {width: 260px;} .listsubmit {width: 260px;} .moreleft {margin-left:28px !important} .scrolledit1 {margin-left: -14px !important;} .scrolledit2 {margin-left: 0px !important;} } .sl_row121 { color: #FFFFFF; border-bottom: 1px solid #1e2228; height: 80px; font-family: 'Arial'; font-size: 18px; text-align: left; -webkit-font-smoothing: antialiased; }