/* ── Custom properties ──────────────────────────────────── */
:host {
--enviso-primary-color: #43D9EC;
--enviso-secondary-color: #111111;
--enviso-tertiary-color: #F8F3EC;
}
/* ── Card host: remove default white card look ───────────── */
:host(:has(section.enviso-offer-card)) {
background: #111111;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Card section: make it a positioned container ────────── */
section.enviso-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
}
/* ── Image container fills the full card ─────────────────── */
.enviso-offer-availability-picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
/* ── Image itself fills its container ───────────────────── */
span.enviso-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
border-radius: 0;
}
/* ── Gradient overlay sits above the image ───────────────── */
.enviso-offer-availability-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
z-index: 1;
}
/* ── Text info block: pinned above the buttons ───────────── */
.enviso-offer-info {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
padding: 0 0.85em 0.25em;
min-height: unset;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
summary.enviso-offer-details > span {
color: rgba(255, 255, 255, 0.75);
}
p.enviso-offer-short-description > span {
color: rgba(255, 255, 255, 0.7);
}
.enviso-btn.primary {
color: #000;
}
/* ── Action buttons: pinned at the bottom ────────────────── */
nav.enviso-offer-actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
border-top: none;
padding: 0 0.75em 0.65em;
gap: 0.5em;
background: transparent;
}
nav.enviso-offer-actions > enviso-button {
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.75) !important;
border-radius: 99em !important;
font-family: "Maison Neue Demi", Arial, sans-serif;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
height: 2.8em;
font-size: 0.9em;
}
/* override the separator rule so both borders are white */
nav.enviso-offer-actions > enviso-button + enviso-button {
border-left: 1.5px solid rgba(255, 255, 255, 0.75) !important;
}
/* ════════════════════════════════════════════════════════════
UPSELL / CAROUSEL CARD — mirrors the offer card treatment
════════════════════════════════════════════════════════════ */
/* ── Host: strip default card chrome ────────────────────── */
:host(:has(section.enviso-upsell-offer-card)) {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
background: transparent;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Size the cross-sell card from its parent shadow root ── */
enviso-cross-sell-offer-card {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
max-width: 350px;
}
/* ── Outer section + inner content: single stacking context ─ */
section.enviso-upsell-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
width: 100%;
}
.enviso-card-content {
position: absolute;
inset: 0;
display: block;
background: transparent;
box-shadow: none;
border-radius: 20px;
width: 100%;
height: 100%;
overflow: hidden;
}
/* ── Children of card-content: remove their own flex layout ─ */
.enviso-card-content > div {
display: block;
}
/* ── Image fills the card ────────────────────────────────── */
div.enviso-upsell-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
background-size: cover;
background-position: center;
border-radius: 0;
}
/* ── Gradient overlay ────────────────────────────────────── */
div.enviso-upsell-offer-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
}
/* ── Title: pinned above the action row ─────────────────── */
header.enviso-offer-name {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
margin: 0;
padding: 0 0.85em 0.25em;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
/* ── "Meer info" pill button ─────────────────────────────── */
summary.enviso-offer-details {
z-index: 2;
display: none;
}
summary.enviso-offer-details:has(span:not(:empty)) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 2.8em;
padding: 0 1.2em;
border: 2px solid rgba(255, 255, 255, 0.75);
border-radius: 99em;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
cursor: pointer;
}
summary.enviso-offer-details > span {
color: #ffffff;
font-family: "Maison Neue Demi", Arial, sans-serif;
font-size: 0.9em;
text-decoration: none;
}
/* ── Action row: pinned at the bottom ────────────────────── */
.enviso-details-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 0.75em 0.65em;
background: transparent;
}
/* ── Reset the price/details child div ───────────────────── */
.enviso-details-container > div {
font-size: 1em;
margin: 0;
}
/* ── + icon: strip button chrome, show just the icon ────── */
.enviso-upsell-button {
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
font-size: 2em;
padding: 0 !important;
}
/* ── + icon internals (enviso-button shadow DOM) ─────────── */
:host(.enviso-upsell-button) {
border: none !important;
background: transparent !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
}
:host(.enviso-upsell-button) .enviso-btn {
padding: 0 !important;
width: auto !important;
height: auto !important;
}
:host(.enviso-upsell-button) .enviso-btn.icon-only > enviso-icon {
display: block;
}
:host(.enviso-upsell-button) svg {
fill: #ffffff !important;
}
/* ════════════════════════════════════════════════════════════
CALENDAR — tweak the variables below to restyle the picker
════════════════════════════════════════════════════════════ */
:host {
/* gap between every date cell */
--cal-cell-spacing: 6px;
/* corner rounding on each cell */
--cal-cell-radius: 6px;
/* border colour of available cells */
--cal-cell-border: rgba(0, 0, 0, 0);
/* normal cell background */
--cal-cell-bg: #FFF3E8 !important;
/* disabled / past cell */
--cal-cell-disabled-bg: #f0f0f0;
--cal-cell-disabled-color: #bbbbbb;
/* today highlight colour */
--cal-today-color: #FDD6AF;
/* selected / range cell */
--cal-selected-color: #FDD6AF;
}
/* ── Calendar host: border & radius ─────────────────────── */
:host(:has(table.enviso-month)) {
border: 2px solid var(--cal-today-color);
border-radius: 16px;
overflow: hidden;
}
/* ── Separate cells with configurable gap ─────────────────── */
table.enviso-month {
border-collapse: separate;
border-spacing: var(--cal-cell-spacing);
}
/* ── Square cells
The widget ships height: 3.5em which turns cells into rectangles
once border-spacing eats into the column width.
With table-layout: fixed the browser sets all column widths first,
then aspect-ratio: 1 derives the row height from that width. ── */
.enviso-day {
aspect-ratio: 1 / 1;
}
/* ── Cell base appearance ────────────────────────────────── */
.enviso-dates .enviso-day {
border: 1px solid var(--cal-cell-border) !important;
background-color: var(--cal-cell-bg);
border-radius: var(--cal-cell-radius);
}
/* ── Hover: non-disabled cells get the accent border ────── */
.enviso-dates .enviso-day:not(.enviso-disabled):hover {
border: 2px solid var(--cal-today-color) !important;
}
/* ── State overrides ─────────────────────────────────────── */
.enviso-day.enviso-disabled {
background-color: var(--cal-cell-disabled-bg) !important;
color: var(--cal-cell-disabled-color) !important;
}
.enviso-day.enviso-today {
color: #000000 !important;
position: relative;
}
.enviso-day.enviso-today::after {
content: '';
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000000 !important;
}
.enviso-dates .enviso-day.enviso-selected,
.enviso-dates .enviso-day.enviso-range-start,
.enviso-dates .enviso-day.enviso-range-end {
outline-color: var(--cal-selected-color) !important;
border-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-selected {
background-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-in-range {
border-color: var(--cal-selected-color) !important;
}
/* ── Timeslot buttons ─────────────────────────────────────── */
.enviso-timeslot-button {
background-color: var(--cal-cell-bg) !important;
border: 1px solid var(--cal-today-color) !important;
border-radius: var(--cal-cell-radius) !important;
color: #000000 !important;
position: relative;
}
:host([selected]) .enviso-timeslot-button {
background-color: var(--cal-today-color) !important;
}
.enviso-timeslot-button::after {
content: '';
width: 0;
height: 0;
}
/* ── Cross-sell timeslots: remove margin-left on mobile ──── */
@media (max-width: 845px) {
.enviso-cross-sell-timeslots-container {
margin-left: 0 !important;
}
}
3 reacties Commentaar van bezoekers
- F.W. Maas De Dordrechtsche Courant, 1943-11-29; p. 1 https://proxy.archieven.nl/0/0CFDE4E3C4A24A1F97B0B94144F49CE7 ================================================== Bij den aanvang van het feest heeft voorzitter J. v. d. Stek een openingswoord gesproken, waarin hij inzonderheid verwelkomde den burgemeester en zijn echtqenoote en den commandant, kap. Maas. De oudste brandmeester, de heer B. Hubers. h De Dordrechtsche Courant, 1944-01-17; p. 2 https://proxy.archieven.nl/0/1C6D209B209744FC850230BDFF432BD7 ================================================== Heden overleed geheel onverwacht, tot onze diepe droefheid, mijn lieve man, onze vader en grootvader VICTOR WILHELM MAAS in de leeftijd van 68 jaar Velp: C. J. Maas-van den Broek Rijswijk: N. J. Ginjaar-Maas L. Ginjaar Willem Ineke en Petra Amsterdam: A. E. du Perron Edgar en Lara Velp (Gld.), 15 april 1972. Correspondentie-adres: Den Heuvel 110 Velp (Gld.). De crematie zal volgens de wens van de overledene in stilte plaats vinden te Dieren, woensdag 19 april a.s. om 11.35 uur. Aula 2. -------------------- Heden overleed geheel onverwacht onze dierbare broer, zwager en oom VICTOR WILHELM MAAS in de leeftijd van 68 jaar. Box Wiltshire England: A. Maas L. Maas-Butchart Velp (Gld): N. E. J. Goedewaagen-Maas Den Haag: J. B. M. J. Maas B. Maas-Ramsay Rotterdam: F.J. van den Broek G. van den Broek-van Kempen P. van den Broek J. van den Broek-Breusers Neven en Nichten Velp (Gld.), 15 april 1972. NRC Handelsblad 19-04-1972 https://www.delpher.nl/nl/kranten/view?coll=ddd&identifier=KBNRC01:000032090:mpeg21:a0188 ========================= - Ingekomen: M. B. P. v. d. Hout en gezin, R.K.‚ commandant brandweer, van Helmond, naar Math. Balenstr. 5rd.; De Dordrechtsche Courant, 1944-04-13; p. 2 - WONINGKAART Matthijs Balenstraat 6 Marinus B.P. van den Hout bron: Dordrecht - woningkaarten 1972-1984
Moeder: Arendje Pieternella Toornvliet Vader: Jean Baptist Maria Joseph Maas Geboortedatum: 12-03-1904 =============================================================== - 494-03.851-309 Gezinskaarten Rotterdam Bevolkingsregistratie, Gezinskaarten Geregistreerde: 1 Victor Wilhelm Maas 12-03-1904, kantoorbediende, stuurman grote vaart, vertegenwoordiger, 16-9-1940 naar Den Haag 2 Cornelia Josina van den Broek 3 Nelly Jeanne 1931 4 Jeanne Cornelia 1935 https://proxy.archieven.nl/0/EB740F072EB94DCAB35EC2ADA9D0C89C =================================================================== - Victor Wilhelm Maas Rotterdam, 12 maart 1904 - locatie onbekend, datum onbekend hoofdbrandmeester 6 maart 1943 Gearresteerd in Rotterdam 6 maart 1943 Gevangen in Huis van Bewaring Noordsingel in Rotterdam https://www.oorlogsbronnen.nl/tijdlijn/e5edc129-c326-4039-879d-666d49023b07 ==================================== == (rapport 268) Zondag 24 September 1944 ... on verband met een in den nacht van Zaterdag 23 op Zondag 24 September 1944 te omstreeks 1.33 uurd, door Hendrik Jacob Timmermans, oud 35 jaar, van beroep bakker, wonende aan de Kolfstraat 19 te Dordrecht aan het Hoofdbureau van Politie te Dordrecht gemelden uitslaanden brand in zijn bakkerij, ben ik, rapporteur, terstond gewekt geworden en daarheen gegaan, alwaar de brandweer reeds onder leiding van den Commandant MAAS aanwezig was. De brand was bij mijn komst vrijwel geheel gebluscht. Bron: RAD 213-82 journaal juni-nov 1944 [bron: https://www.dordtenazoeker.nl]
2574 Maas, V.W. - ± 1900 Commandant van Brandweer Toelichting: Benoemd per 11-10-1943 en ontslagen per 07-03-1945 Datering: 1944 1947 https://www.archieven.nl/nl/zoeken?mivast=0&mizig=210&miadt=46&miview=inv2&milang=nl&mizk_alle=maas%20brandweer&micode=8-A1960 ==================================== - 3.3520 Opnamekaarten 1943 Victor Wilhelm Maas, Gearresteerd op: 06-03-1943 Rol: Arrestant Geboorteplaats Rotterdam 12-3-1904 Beroep: hoofdbrandmeester Adres: Rotterdam, Bergselaan 129 Datum in bewaring: 06-03-1943 Datum ontslag: 25-03-1943 Registratienummer: 797 Toegangsnummer: 63 Archief van de Gemeentepolitie Rotterdam Inventarisnummer: 3520 https://proxy.archieven.nl/0/C96BC68CBEFE4DD5838A2A5DEBF8DE72 ==================================================================== - 63.3768 Formulieren van opname en ontslag, 1943 Victor Wilhelm Maas, Gearresteerd op: 06-03-1943 Rol: Arrestant Beroep: hoofdbrandmeester Adres: Rotterdam, Bergselaan 129 Nationaliteit: Nederlandse Datum in bewaring: 06-03-1943 Datum ontslag: 25-3-1943 Registratienummer: 797 Opmerkingen: voorlopig cellulair Toegangsnummer: 63 Archief van de Gemeentepolitie Rotterdam Inventarisnummer: 3768 https://proxy.archieven.nl/0/7607051BB5134B62AF2F8D1D95165B9E