/* ── 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;
}
}
24 reacties Commentaar van bezoekers
Zie 552_318594, zelfde foto maar een veel betere kwaliteit. 552_310390 is wel een prachtig plaatje hoor. Was nog niet eerder op m'n pad gekomen. Heb er wel moeite mee te geloven dat de huizen rechts aan de Lange Breestraat staan omdat de nokbalken van die panden rechts op 552_310390 parallel lopen met gracht en Breestraat.
Wat ik schreef van een eventuele sloop van het pand links van het Patrimonium kan inderdaad zoals jij al schreef geen sprake zijn, mede omdat de zijgevel van het Patrimonium-gebouw nog geheel authentiek is op de foto.
Ik had toch wat meer aandacht moeten hebben voor wat Johan schreef, sorry Johan ;) Kijkend naar H143 op de kaart van 1825 waarvan mij nu duidelijk is geworden dat dit dan de Betlehemskapel of -kerk is (later karremansstal) en waarvan men ook zegt dat er tussen het klooster in de Raamstraat en de kerk een brug lag kan ik me daar wel iets bij voorstellen. Aan de grachtkant zie je bij de kerk een uitstulping in het water. Was dat een bruggenhoofd? En aan de overkant een pad. Was dat de Kloostergang? (Zie Lips deel 2, pag. 424). =================================================================== https://proxy.archieven.nl/46/65D02B4893524FF0966E56176DFA2C4E =================================================================== https://proxy.archieven.nl/46/0332E3F09449479C9F8F01B2D1574323 =================================================================== Maar toch .. Ik pak het adresboek van 1854 erbij en zie dat de Doopsgezinde Kerk D656 is, ook Karsdorp woont daar. Eerder heb ik op de kaart van 1825 aangetekend dat H141 D660 is. D653/4 zou volgens een aantekening in het AB het huis "In Den Ramshore" zijn en in 1881 vestigt Vogel zich hier (H150/D653) met een koperslagerij. D659 zou "In den Dorrenboom" van 1663 zijn (is ook een aantekening in het AB). De huisnrs. lopen op richting Bagijnhof. Dus D659 is H142. Dus wanneer ik verder terug tel naar D656 kom ik uit op H145. =================================================================== Volgens 552_130858 moet ik uitkomen op 143. In de beschrijving van dat kaartje staat wél: "betreffende de toestand van de voormalige doopsgezinde kerk en van de AANGRENZENDE Karremansstal". Dat klinkt alsof het tóch om 2 verschillende gebouwen gaat. =================================================================== Verder ter overweging en overdenking ;) =================================================================== https://proxy.archieven.nl/46/0D2811F584BA48CB8C25F599ABB992B4 =================================================================== https://proxy.archieven.nl/46/E6A9D5C6E04B4B73970151CDD8B2BEDB =================================================================== https://proxy.archieven.nl/46/9DFA6F092A814ACE9EA2CC0A99A1A982 =================================================================== Beschrijving bij 551_35776 is dan niet correct, moet Betlehemkapel of Betlehemkerk zijn van het in de Raamstraat gelegen Betlehemklooster =================================================================== Had ik maar een tijdmachine, dan ging ik even kijken! :)
De Mennonietenkerk, aan de voor- en achterkant ingesloten door woningen, was de kerk van het aan de Raamstraat voor 1628 gelegen Klooster Bethlehem der Brood- of Cellezusteren. (Elders lees ik weer Brood- of Zwarte Zusteren). Van dat klooster zouden geen beelden zijn. In 1572 zou het opgeheven zijn maar de nonnen bleven er tot het laatst wonen tot de laatste overleed in 1628. Het klooster werd gesloopt en de kerk werd een karremansstal wat uiteindelijk in 1874 werd gesloopt. Op die plek werd later het evangelisatiegebouw "Patrimonium" gebouwd. In de Raamstraat zijn na de sloop nog wel opgravingen geweest waar restanten zijn gevonden van een meter dikke muur rustend op een grenen fundering. Waar precies is me niet duidelijk. Linders? Bethlehemkapel (kerk van het Bethlehemklooster) en de Mennonietenkerk zijn dus één en dezelfde. Wat Pim schrijft over het achterliggende perceel en de doorgang er naartoe, had ik ook wel gezien maar had er niet bij bedacht dat dit dan laagbouw geweest moet zijn. Dat moet dan dus wel.
Hiermee hebben de vraag van Ton m.b.t. het langere pand nog niet opgelost. Zou er een foutje in de kaart kunnen zitten? Of maak ik nu nog ingewikkelder? Nog iets terzijde. Volgens mij spreken we m.b.t. de Bethlehemkapel en de Mennonietenkerk over 2 verschillende locaties. Lips heeft over de locatie van de Bethlehemkapel uitgebreid geschreven, zie verkort commentaar bij 555_14336. Als ik de tekeningen van de Bethlehemkapel bekijk is rechts daarvan een open terrein en zijn er ramen in de zijgevels aangebracht wat wijst op een gang of straatje. Deze kapel is 1874 gesloopt. De Mennonietenkerk was een schuilkerk die achter de woningen stond en zover ik begrepen heb stond deze op locatie van het huidige Patrimonium. Op foto 552_130858 ( kaart) gedateerd 1866 goed te zien. Zien we op deze laatste kaart links van de Mennonietenkerk de gang tussen deze kerk en de Bethlehemkapel?