Basic-Fit
96
/*Default styles*/
body {
width: 100% !important;
margin: 0px;
padding: 0px;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
body[data-outlook-cycle] a {
color: inherit !important;
text-decoration: none !important;
}
table,
td {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
display: block;
}
a[x-apple-data-detectors] {
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: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p {margin: 0 0 22px 0;}
h1 {
font-family: 'Heading Pro Treble', 'Archivo', Arial, serif;
margin: 0;
line-height: 105%;
text-transform: uppercase;
letter-spacing: 0.45px;
font-size: 45px;
line-height: 54px;
font-weight: 900;
}
h2{
font-family: 'Archivo', Arial, serif;
font-size: 20px;
line-height: 26px;
font-weight: 700;
letter-spacing: 0.2px;
text-transform: uppercase;
}
ol {padding: 0 0px!important;}
ol li {
margin: 0!important;
padding: 5px 0px 5px 0px;
list-style: decimal inside;
}
ul {padding: 0 0px!important;}
.dumbbell ul li {margin: 0!important;
background: url(https://image.s6.sfmc-content.com/lib/fe9c12747766067e75/m/7/b66c90e0-a884-425c-b370-c6371f95ea0b.png) no-repeat left;
background-size: 20px;
padding: 5px 0px 5px 26px;
list-style: none;
}
.circle ul {
list-style: none;
}
.circle ul li {
background: none ;
background-size: 0px;
margin: 0!important;
padding: 5px 0px 5px 0px ;
list-style: none ;
}
.circle ul li::before {
content: "\2022";
color: #ff7101 ;
display: inline-block ;
width: 1em ;
}
.checkmark ul {
list-style: none;
}
.checkmark ul li {
background: none;
background-size: 0px;
margin: 0!important;
padding: 5px 0px 5px 0px;
list-style: none;
}
.checkmark ul li::before {
content: "✓";
color: #ff7101;
display: inline-block;
width: 1em;
}
.emoji ul {
list-style: none;
}
.emoji ul li {
background: none;
background-size: 0px;
margin: 0!important;
padding: 5px 0px 5px 0px;
list-style: none;
}
.emoji ul li::before {
content: "💪🏼";
display: inline-block;
width: 1em;
margin-right : 5px;
}
.trans {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff;
border: 1px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
margin: 0;
}
.trans_black {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #2d2d2d;
border: 1px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
margin: 0;
}
.trans_orange {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FE7000;
border: 1px;
text-transform: uppercase;
color: #FE7000;
font-weight: 700;
margin: 0;
}
.bodytxt a {color: #fe7000;}
.bodytxt a:visited {color: #fe7000;}
.bodytxtwhite a {color: #ffffff;}
.bodytxtwhite a:visited {color: #ffffff;}
/*End Default styles*/
/*Column layouts*/
.col-lg-12-img img {width: 100%;max-width: 600px;height: auto;}
.col-lg-6-img img {width: 100%;max-width: 300px;height: auto;}
/*End Column layoust*/
@media only screen and (max-width: 610px) {
/*Column layout*/
.col-sm-12 {max-width: 100% !important;}
.col-sm-12-img img {width: 100% !important;max-width: 100% !important;}
/*End column layout*/
/*Additional*/
.btn {width: 100% !important; height: auto!important;}
.txt-center {text-align: center !important;}
.txt-right {text-align: right !important;}
.item-center {margin-left: auto !important;margin-right: auto !important;}
.clearheight {height: 0 !important;}
.restoreheight {height: 500px!important;}
.height-gradient {height: 200px!important;}
.float {width: 100% !important;max-width: 100% !important;clear: both !important;float: left !important;}
/*End Additional*/
/*Show/Hide*/
.hide-on-mobile {
display: none !important;
}
.show-on-mobile {
display: block !important;
line-height: normal !important;
font-size: 12px !important;
max-height: none !important;
width: 100% !important;
overflow: hidden !important;
}
/* End Show/Hide */
/*Paddings*/
.pm0 {padding: 0 !important;}
.pmt0 {padding-top: 0 !important;}
.pmr0 {padding-right: 0 !important;}
.pmb0 {padding-bottom: 0 !important;}
.pml0 {padding-left: 0 !important;}
.pm12 {padding: 12px !important;}
.pmt12 {padding-top: 12px !important;}
.pmr12 {padding-right: 12px !important;}
.pmb12 {padding-bottom: 12px !important; }
.pml12 {padding-left: 12px !important;}
.pm24 {padding: 24px !important;}
.pmt24 {padding-top: 24px !important;}
.pmr24 {padding-right: 24px !important;}
.pmb24 {padding-bottom: 24px !important;}
.pml24 {padding-left: 24px !important;}
.pm32 {padding: 32px !important;}
.pmt32 {padding-top: 32px !important;}
.pmr32 {padding-right: 32px !important;}
.pmb32 {padding-bottom: 32px !important;}
.pml32 {padding-left: 32px !important;}
/*End Paddings*/
}
@media only screen and (max-width: 451px) {
.height-gradient {height: 250px!important;}
h1 {font-size: 44px!important;line-height: 50px!important;}
}
@media only screen and (max-width: 375px) {
h1 {font-size: 34px!important; line-height: 40px!important;}
}
@media only screen and (max-width: 320px) {
h1 {font-size: 28px!important; line-height: 32px!important;}
}
@media (prefers-color-scheme: dark) {
.dark-img {display: inline-block !important;}
.light-img {display: none;display: none !important;}
.darkmode {background-color: #000000 !important;}
.darkmode_body {background-color: #303030 !important;}
.darkmode_cta {background-color: #FE7000 !important;}
.headertxt {color: #ffffff !important;}
.bodytxt {color: #ffffff !important;}
.gradient-dark {background-image: linear-gradient(135deg, #2d2d2d 20%, #121212)!important; background-color: #121212!important;}
a {color: #ffffff !important;font-weight: 700 !important;}
}
[data-ogsc] .dark-img {
display: inline-block !important;
}
[data-ogsc] .light-img {
display: none;
display: none !important;
}
[data-ogsc] .darkmode {
background-color: #000000 !important;
}
[data-ogsc] .darkmode_body {
background-color: #303030 !important;
}
[data-ogsc] .darkmode_cta {
background-color: #FE7000 !important;
}
[data-ogsc] .headertxt {
color: #ffffff !important
}
[data-ogsc] .bodytxt {
color: #ffffff !important
}
[data-ogsc].gradient-dark {background-image: linear-gradient(135deg, #2d2d2d 20%, #121212)!important; background-color: #121212!important;}
[data-ogsc] a {
color: #ffffff !important;
font-weight: 700 !important;
}
@media screen {
@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');
}
}
label {
cursor: pointer;
}
@media screen and (max-width:9999px) and (-webkit-min-device-pixel-ratio: 0) {
.tab {
max-width: 600px;
text-align: center;
display: none;
clear: both;
}
#tab1:checked~.tab1,
#tab2:checked~.tab2,
#tab3:checked~.tab3,
#tab4:checked~.tab4,
#tab5:checked~.tab5 {
display: block !important;
}
}
@media screen {
body[data-outlook-cycle] .tab {
display: block !important;
max-height: none !important;
overflow: visible !important;
}
}
[class~="x_tab"] {
display: block !important;
max-height: none !important;
overflow: visible !important;
}
@media screen and (max-width:9999px) and (-webkit-min-device-pixel-ratio: 0) {
.fallback {
display: none;
display: none !important;
max-height: 0 !important;
overflow: hidden !important;
}
.interactive {
display: block !important;
max-height: none !important;
overflow: visible !important;
}
}
@media screen {
body[data-outlook-cycle] .interactive {
display: none !important;
max-height: 0 !important;
overflow: hidden !important;
}
body[data-outlook-cycle] .fallback {
display: block !important;
max-height: none !important;
overflow: visible !important;
}
}
[class~="x_interactive"] {
display: none !important;
max-height: 0 !important;
overflow: hidden !important;
}
[class~="x_fallback"] {
display: block !important;
max-height: none !important;
overflow: visible !important;
}
meta~* .interactive {
display: none !important;
max-height: 0 !important;
overflow: hidden !important;
}
meta~* .fallback {
display: block !important;
max-height: none !important;
overflow: visible !important;
}
div.preheader
{ display: none !important; }
Lidnummer:
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
VIEW ONLINE
.emoji ul li::before {
content: "💪" !important;
}
Oeps.. betaling
mislukt
.emoji ul li::before {
content: "💪" !important;
}
Lidmaatschapsnummer:: 396020216Hoi
Izyr Kapr,
.emoji ul li::before {
content: "💪" !important;
}
Er is een klein probleempje opgetreden bij het innen van je lidmaatschapsgeld. Ga naar je Mijn Basic-Fit account, controleer je bankgegevens en pas ze aan.
.emoji ul li::before {
content: "💪" !important;
}
Betaal om probleemloos te blijven trainen
Betaal het openstaande bedrag van 34,99 EUR binnen de komende 3 dagen. Je kunt dit eenvoudig doen via de 'betaal nu' knop hieronder en wij verwerken de betaling direct. Je kunt ook op de club betalen via de kiosk of via je Mijn Basic-Fit account.
Betaal nu
Gegevens openstaand bedrag
.emoji ul li::before {
content: "💪" !important;
}
Heb je al betaald?
Controleer dan je rekeningnummer om te voorkomen dat deze situatie zich herhaalt.
.emoji ul li::before {
content: "💪" !important;
}
Heb je een vraag?
Heb je na het lezen van deze e-mail nog vragen? Log in op je Mijn Basic-Fit profiel en controleer je registratie en je gegevens.
Met sportieve groet,
Financiële afdeling Basic-Fit
.emoji ul li::before {
content: "💪" !important;
}
Houd er rekening mee dat je enkel kunt reageren op deze e-mail door op "beantwoorden" te klikken. We zullen jouw e-mail niet ontvangen als je ons e-mailadres kopieert.
Go
for it!
Contact
Basic-Fit Nederland
Privacy statement
