Basic Fit
* {
box-sizing: border-box
}
body,
.body,
.wrapper {
width: 100%;
height: 100%;
margin: 0 !important;
padding: 0 !important;
background: #eaeaea;
font: 400 17px/1.5 'Archivo', Helvetica, sans-serif
}
body,
div,
td,
th,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
font: inherit;
font-weight: normal;
font-style: normal;
text-size-adjust: none;
-webkit-text-size-adjust: none
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 * {
font-weight: bold
}
table {
border-spacing: 0;
border-collapse: collapse;
border: 0
}
td {
vertical-align: top
}
img {
vertical-align: middle;
border: 0;
background-color: transparent !important
}
ul,
ol,
li {
margin: 5px 0 5px 5px
}
ul,
ol {
padding: 0 0 0 10px
}
a,
a:link,
a:visited,
a:hover {
color: #DA291C;
text-decoration: underline
}
a.txt-lnk:hover {
color: #DA291C;
text-decoration: underline !important
}
a.phonenumber {
pointer-events: none;
cursor: default;
color: inherit
}
.btn-primary,
.btn-secondary,
.btn-text {
white-space: nowrap
}
.btn-primary,
.btn-primary a {
transition: all 250ms linear;
}
.btn-primary:hover,
.btn-primary a:hover {
background-color: #9a3324 !important;
border-color: #9a3324 !important
}
@media screen {
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 * {
font-weight: 500 !important
}
}
/* Archivo-ext */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/archivo/v8/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/archivo/v8/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 800;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/archivo/v8/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/archivo/v8/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Heading Pro Treble';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
src: url(https://mbf-frontend.basic-fit.com/static/media/Heading-Pro-Treble-Heavy.ccbfebd4.woff2) format('woff');
}
@media only screen and (max-width: 600px) {
.w100pc {
width: 100% !important;
display:block !important;
max-width: 100% !important
}
.w100vw {
width: 100vw !important;
max-width: 100vw !important
}
.maxw100vw {
max-width: 100vw !important
}
.maxw360 {
max-width: 360px !important
}
.btn,
.btn a,
.btn-primary,
.btn-secondary {
width: 100% !important;
box-sizing: border-box !important
}
.height-auto {
height: auto !important;
max-height: none !important
}
.hide-on-mobile {
display: none !important
}
.border-dotted {
border-bottom:4px dotted #D5D5D5 !important;
border-right:none !important
}
.show-on-mobile {
display: block !important;
width: auto !important;
max-height: inherit !important;
overflow: visible !important;
float: none !important
}
a.phonenumber {
pointer-events: auto !important;
cursor: auto !important
}
.head {
display: table-header-group !important
}
.foot {
display: table-footer-group !important
}
.inline {
display: inline !important
}
.block {
display: block !important
}
.inline-block {
display: inline-block !important
}
.align-left {
text-align: left !important
}
.align-center {
text-align: center !important
}
.align-right {
text-align: right !important
}
.valign-top {
vertical-align: top !important
}
.valign-middle {
vertical-align: middle !important
}
.valign-bottom {
vertical-align: bottom !important
}
.float-left {
float: left !important
}
.float-center {
margin: 0 auto !important
}
.float-right {
float: right !important
}
.float-none {
float: none !important
}
.table-center {
margin: 0 auto !important
}
.rtl {
direction: ltr !important
}
.p0 {
padding: 0 !important
}
.pt0 {
padding-top: 0 !important
}
.pr0 {
padding-right: 0 !important
}
.pb0 {
padding-bottom: 0 !important
}
.pl0 {
padding-left: 0 !important
}
.p10 {
padding: 10px !important
}
.pt10 {
padding-top: 10px !important
}
.pr10 {
padding-right: 10px !important
}
.pb10 {
padding-bottom: 10px !important
}
.pl10 {
padding-left: 10px !important
}
.p20 {
padding: 20px !important
}
.pt20 {
padding-top: 20px !important
}
.pr20 {
padding-right: 20px !important
}
.pb20 {
padding-bottom: 20px !important
}
.pl20 {
padding-left: 20px !important
}
.nowrap {
white-space: nowrap !important
}
.wrap {
white-space: normal !important
}
}
@media only screen and (max-width: 480px){
.emailButton{
max-width:600px !important;
width:100% !important;
}
.emailButton a{
display:block !important;
font-size:18px !important;
}
}
:root {
color-scheme: light dark
}
@media (prefers-color-scheme: dark) {
.darkmode:not([class^="x_"]),
.darkmode:not([class^="x_"]) .bg-white:not([class^="x_"]) {
background-color: #181a1b !important;
background-image: linear-gradient(#181a1b, #181a1b) !important
}
.darkmode:not([class^="x_"]) .bg-light-biscuit:not([class^="x_"]) {
background-color: #1e1c15 !important;
background-image: linear-gradient(#1e1c15, #1e1c15) !important
}
.darkmode:not([class^="x_"]) .bg-biscuit:not([class^="x_"]) {
background-color: #343024 !important;
background-image: linear-gradient(#343024, #343024) !important
}
.darkmode:not([class^="x_"]) .bg-teal:not([class^="x_"]) {
background-color: #009CA6 !important;
background-image: linear-gradient(#009CA6, #009CA6) !important
}
.darkmode:not([class^="x_"]) .bg-red:not([class^="x_"]) {
background-color: #ae2116 !important;
background-image: linear-gradient(#ae2116, #ae2116) !important
}
.darkmode:not([class^="x_"]).bg-plum:not([class^="x_"]) {
background-color: #9A3324 !important;
background-image: linear-gradient(#9A3324, #9A3324) !important
}
.darkmode:not([class^="x_"]) .bg-mustard:not([class^="x_"]) {
background-color: #c28700 !important;
background-image: linear-gradient(#c28700, #c28700) !important
}
.darkmode:not([class^="x_"]) h2,
.darkmode:not([class^="x_"]) h3,
.darkmode:not([class^="x_"]) a {
color: #d3cfc9 !important;
-webkit-text-fill-color: #d3cfc9 !important
}
.darkmode:not([class^="x_"]) .red:not([class^="x_"]),
.darkmode:not([class^="x_"]) .btn-secondary:not([class^="x_"]) a {
color: #DA291C !important;
-webkit-text-fill-color: #DA291C !important
}
.darkmode:not([class^="x_"]) .header:not([class^="x_"]),
.darkmode:not([class^="x_"]) .footer:not([class^="x_"]),
.darkmode:not([class^="x_"]) .hero:not([class^="x_"]),
.darkmode:not([class^="x_"]) .hero:not([class^="x_"]) .bg-red:not([class^="x_"]) {
background-color: #DA291C !important;
background-image: linear-gradient(#DA291C, #DA291C) !important
}
.darkmode:not([class^="x_"]) .hero:not([class^="x_"]) .bg-red:not([class^="x_"]) a,
.darkmode:not([class^="x_"]) .footer:not([class^="x_"]) h2,
.darkmode:not([class^="x_"]) .footer:not([class^="x_"]) p,
.darkmode:not([class^="x_"]) .footer:not([class^="x_"]) td {
color: #fff !important;
-webkit-text-fill-color: #fff !important
}
.darkmode:not([class^="x_"]) .btn-primary:not([class^="x_"]),
.darkmode:not([class^="x_"]) .btn-primary:not([class^="x_"]) a {
background-color: #DA291C !important;
background-image: linear-gradient(#ae2116, #DA291C) !important;
border-color: #DA291C !important
}
.darkmode:not([class^="x_"]) .btn-secondary:not([class^="x_"]),
.darkmode:not([class^="x_"]) .btn-secondary:not([class^="x_"]) a {
background-color: #d3cfc9 !important;
background-image: linear-gradient(#d3cfc9, #d3cfc9) !important;
border-color: #d3cfc9 !important
}
.darkmode:not([class^="x_"]) .logo:not([class^="x_"]) img {
visibility: hidden
}
.darkmode:not([class^="x_"]) .logo:not([class^="x_"]) {
background: url('URL VOOR LOGO') no-repeat center !important;
background-size: contain
}
}
[data-ogsb] .darkmode,
[data-ogsb] .bg-white {
background-color: #181a1b !important;
background-image: linear-gradient(#181a1b, #181a1b) !important
}
[data-ogsb] .bg-light-biscuit {
background-color: #1e1c15 !important;
background-image: linear-gradient(#1e1c15, #1e1c15) !important
}
[data-ogsb] .bg-biscuit {
background-color: #343024 !important;
background-image: linear-gradient(#343024, #343024) !important
}
[data-ogsb] .bg-teal {
background-color: #007d85 !important;
background-image: linear-gradient(#007d85, #007d85) !important
}
[data-ogsb] .bg-red {
background-color: #ae2116 !important;
background-image: linear-gradient(#ae2116, #ae2116) !important
}
[data-ogsb] .bg-plum {
background-color: #7b291d !important;
background-image: linear-gradient(#7b291d, #7b291d) !important
}
[data-ogsb] .bg-mustard {
background-color: #c28700 !important;
background-image: linear-gradient(#c28700, #c28700) !important
}
[data-ogsb] .darkmode h2,
[data-ogsb] .darkmode h3,
[data-ogsb] .darkmode p,
[data-ogsb] .darkmode td,
[data-ogsb] .darkmode a {
color: #d3cfc9 !important;
-webkit-text-fill-color: #d3cfc9 !important
}
[data-ogsb] .red,
[data-ogsb] .btn-secondary a {
color: #e64539 !important;
-webkit-text-fill-color: #e64539 !important
}
[data-ogsb] .header,
[data-ogsb] .footer,
[data-ogsb] .hero,
[data-ogsb] .hero .bg-red {
background-color: #DA291C !important;
background-image: linear-gradient(#DA291C, #DA291C) !important
}
[data-ogsb] .hero .bg-red a,
[data-ogsb] .footer h2,
[data-ogsb] .footer p,
[data-ogsb] .footer td {
color: #fff !important;
-webkit-text-fill-color: #fff !important
}
[data-ogsb] .btn-primary,
[data-ogsb] .btn-primary a {
background-color: #ae2116 !important;
background-image: linear-gradient(#ae2116, #ae2116) !important;
border-color: #ae2116 !important
}
[data-ogsb] .btn-secondary,
[data-ogsb] .btn-secondary a {
background-color: #d3cfc9 !important;
background-image: linear-gradient(#d3cfc9, #d3cfc9) !important;
border-color: #d3cfc9 !important
}
[data-ogsb] .logo {
background: url('URL VOOR LOGO') no-repeat center !important;
background-size: contain
}
[data-ogsb] .logo img {
visibility: hidden
}
[data-ogsc] .bodytxt {
color: #ffffff !important
}
[data-ogsc] .bodytxt_Orange {
color: #FE7000 !important
}
[data-ogsc] .bodytxt_black {
color: #919191 !important
}
.bodytxt {
color: #ffffff !important;
}
.bodytxt_Orange {
color: #FE7000 !important;
}
.bodytxt_black {
color: #919191 !important;
}
a[x-apple-data-detectors],
#root [x-apple-data-detectors=true],
a[x-apple-data-detectors=true] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
u+.body a {
color: inherit;
text-decoration: inherit
}
u+.body h1,
u+.body h1 *,
u+.body h2,
u+.body h2 *,
u+.body h3,
u+.body h3 *,
u+.body h4,
u+.body h4 *,
u+.body h5,
u+.body h5 *,
u+.body h6,
u+.body h6 * {
font-weight: bold !important
}
.& .wrapper,
.& .yahoo-fix-height {
display: grid
}
.& h1,
.& h1 *,
.& h2,
.& h2 *,
.& h3,
.& h3 *,
.& h4,
.& h4 *,
.& h5,
.& h5 *,
.& h6,
.& h6 * {
font-weight: bold !important
}
@media screen and (max-width: 384px) {
.mail-message-content {
width: 414px !important
}
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 * {
font-weight: bold\0/ !important
}
96
 ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏
 ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏
 ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏
 ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­
­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
VIEW ONLINE
Nieuw wachtwoord nodig?
Hi Maosjabe,
Ben je nieuw bij Basic-Fit en heb je een wachtwoord nodig? Of ben je die van jou vergeten? Geen probleem, dat kan gebeuren.
Reset eenvoudig je wachtwoord voor je Basic-Fit account door op onderstaande knop te klikken.
*Deze link is de komende 60 minuten geldig.
Reset je wachtwoord
Contact
Privacy statement
Basic-Fit Nederland
Contact
Privacy statement
Basic-Fit Nederland
