/* ── 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;
}
}
17 reacties Commentaar van bezoekers
=================================================================== Snap eigenlijk niet dat ik me heb laten ompraten, want er staat eigenlijk nog steeds in een soort van duidelijk, nummer 12. Maar eerlijk is eerlijk, ik heb zelf ook wel een aardige stofwolk om me heen veroorzaakt door in eerste instantie aan te nemen dat de villa op de Johan de Wittstraat geadresseerd diende te worden in plaats van op de Cornelis de Wittstraat. Maar goed, dat lek was al boven. =================================================================== Met hetgeen nu aangereikt wordt door Pim weten we nu meer, zoals dat de 1e eigenaar mr. Dirk van Tienen Jansse was, een rechter aan de Arrondissements-Rechtbank hier ter stede, eerder in 1872 "door Z. M. benoemd tot griffier bij het kantongeregt te ’s-Gravendeel". =================================================================== Zijn woonadres hiervoor was aan de Nieuwehaven A 402, later omgenummerd naar 29. =================================================================== De villa heeft volgens het adresboek van 1883 het adres; Cornelis de Wittstraat E 254 en ook daadwerkelijk een naam, namelijk "Casa Cara". Een jaar later werd de villa omgenummerd naar 12 zwart. =================================================================== Dirk van Tienen Jansse en de architect van de villa, Huibert Willem Veth, zaten in het hoofdbestuur van de "Vereeniging tot Verfraaiing van Dordrecht", dus met de villa en stal moesten ze wel voor de dag kunnen komen. =================================================================== Op 31-12-1901 overleed Dirk van Tienen Jansse op 54 jarige leeftijd, op dat moment griffier bij de arrondissements rechtbank te Dordrecht. Zijn moeder, Cornelia Frederika Kuipers overleed ook veel te jong op 43 jarige leeftijd evenals zijn eerste vrouw Anthonetta van Oldenborgh, zij werd 37 jaar. Met haar had hij een zoon, naar hem vernoemd, hij werd 18 jaar. =================================================================== Zijn tweede vrouw, Helena Cornelia Kruseman, vertrekt na zijn overlijden naar Amsterdam, naar de Van Eeghenstraat 177. Ik kom haar tegen in het blad "Neerlandia" van het "Algemeen Nederlandsch Verbond" 7e jaargang No. 1, januari 1903 onder het kopje: Nieuwe Leden. (15 Mrt. - 15 April) Groep Nederland. a. Beschermende Leden. Mevr. Wed. H. C. v. Tienen Jansse-Kruseman, V. Eeghenstr. 177, Amsterdam. =================================================================== Dat is dan ook het adres waar ze stond ingeschreven op het moment van overlijden, namelijk op 27-1-1912. Aldus het Amsterdams Stadsarchief, zie: =================================================================== https://www.openarch.nl/viewer/dzi.php?lang=nl&mem=ams&archive=saa&identifier=99cd2794-038a-fff8-3283-60bf72e81e4d =================================================================== C. Vriesendorp Jzn. is de nieuwe eigenaar of toch minimaal de bewoner. In 1916 is het nog 12, maar in 1919 is het dan 20 met nog steeds C. Vriesendorp Jzn. als bewoner. =================================================================== Ook wanneer op 6-12-1945 de chirurg Oskar Eduard Albin Klementschitsch daar komt te wonen en te werken is het nog steeds 20 totdat het op 30-3-1955 veranderd in nummer 38. =================================================================== In januari 1963 wordt het volgens Dordtenazoeker afgebroken, maar toen had Oskar op 27-10-1959 de deur al achter zich dicht gedaan.
Ik dacht door het inzoomen van de foto, huisnummer 12 te lezen, maar dat kan dus niet waar zijn. Het adresboek van 1949 laat zien dat Dr. O.E.A. Klementschitsch hier inderdaad gewoond heeft. Volgens het adresboek van 1967 woonde deze in Stainz (Oostenrijk) geboren orthopedisch chirurg alweer op de johan de wittstraat 57. Hij is 81 jaar geworden. Het was (voor mij) verwarrend omdat er op de johan de wittstraat 12 OOK een Vriesendorp woonde. De 2e villa (van noord naar zuid) johan de wittstraat 10, was die van F.H. van Gijn, later 'Avondzon' van het Leger de Heils. De derde villa, Villa Flora, was geregistreerd aan de Kon. Wilhelminastraat, ooit de ambtswoning van burgemeester Bleeker. De vierde villa, Villa Maria, ook wel Villa Benvenuta genoemd, ooit de ambtswoning van burgemeester de Gaay Fortman was geregistreerd op Johan de Wittstraat 12. Ook wel aanwijzigingen voor Singel 165 gezien. Zie 551_35952.
M.vr.gr.
De ingang is in de corn. de wittstr. dus moet een nummer zijn in die straat (23). Johan de wittstr. 12 was inderdaad van Vriesendorp en gesitueerd op de hoek johan de wittstr. en de nic. maessingel, tegenover de stationsweg. Later was er een kindertehuis gevestigd.
Adresboek 1919: H. Vriesendorp, Johan de Wittstraat 12. Volgens het adresboek van 1934 werd nr. 12 door burgemeester P.L. de Gaay Fortman bewoond. Volgens het adresboek van 1938 is nr. 12 onbewoond. Volgens de adresboeken 1934/1938 moest je voor een bezoek aan Dr. O.E.A. Klementschits naar de Vrieseweg 46. Ik heb dan ook mijn twijfels aan de beschrijving bij 555_13055, 554_31526, 555_13027. Door praktisch heel de beeldbank heen, lees ik dat de Gaay Fortman in de villa op de hoek van de Wilhelminastraat heeft gewoond. Ik ben confuus :) Op de locatie zoals hier rechts bij de details onder het kopje 'Beschrijving' staat beschreven, vinden we in het zelfde adresboek van 1919 op huisnummer 43 de familie Lebret. Zie ook: 552_405237 554_30658 554_31541 Adresboek 1934: http://www.regionaalarchiefdordrecht.nl/usercontrols/archieven/maisi_proxy.aspx?mivast=46&mizig=55&miadt=46&miq=328314179&miaet=1&micode=ADRESBOEK&minr=1468964&milang=nl&misort=last_mod%7Cdesc&mip1=1934&miview=viewer