/* ── 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;
}
}
29 reacties Commentaar van bezoekers
Inmiddels is het nog 6 maanden tot mijn pensioen als apotheker.
mooie tijd gehad en leuk om deze foto te zien leraren die mij echt geholpen hebben om mij thuis te voelen op school of mij nieuwe inzichten gaven waren o.a Honkoop (aardrijkskunde) Van der Schouw (engels) en Kraal (duits) Door een tekst tijdens Duitse les leerde ik verassend over jazz trompetist Miles Davis.
Ik zat er van 1970 tot 1977. In die jaren werd Schoppen rector en van der Meijden conrector. Van der Meijden zat altijd (altijd!) op een voorste tafel gezellig over zijn pasgeboren dochtertje te vertellen in plaats van scheikundeles te geven. Daardoor had ik een 3 in de 5e van het atheneum, bleef ik zitten en moest ik de 5e nog eens overdoen in de alfa-richting. Daardoor op de TU alsnog examen natuurkunde moeten doen (want dat moest ik in de alfa-richting ook laten vallen). Dit kostte me bij elkaar minstens 1,5 jaar. Ja, leraren kunnen je leven veranderen! Van van Gelder moesten wij meisjes altijd 'Gelderse hupjes' doen (opspringen). Vond 'ie zeker leuk... Minkes liep tijdens proefwerken stilletjes tussen de tafels door en rammelde dan achter je met het doosje wybertjes in de zak van zijn colbert. Doodeng.
Oud-leerlingen geven op dat de vermelde naam Hooikoop is niet correct. Moet zijn Honkoop
Ich gehe langsam aus der Welt heraus In eine Landschaft jenseits all Ferne und was ich war und bin und was ich bleibe geht mit mir ohne Ungeduld und Eile in ein bisher noch nicht betretenes Land Ich gehe langsam aus der Zeit heraus in eine Zukunft jenseits aller Sterne und was ich war und bin und immer bleiben werde geht mit mir ohne Ungeduld und Eile als war ich nie gewesen oder kaum Opmerkelijk een gedicht in het Duits en een mooi gedicht, dacht ik en zette me aan het vertalen op de rand van de krant Ik wandel langzaam deze wereld uit betreed een landschap voorbij alle verten en wat ik was en ben en ook zal blijven gaat met mij zonder haast of ijlen naar een ongekend nog maagdelijk land Ik wandel langzaam uit de tijd vandaan betreed een toekomst voorbij alle sterren en wat ik was en ben en ook zal blijven gaat met mij zonder haast of ijlen als had ik niet of nauwelijks bestaan Adembenemend. Eindelijk een echt gedicht en geen rijmelarij in de rouwannonce. In Volkskrant of NRC tref je wel eens Gerrit Achterberg of Marie Vasalis en Trouw grossiert in bijbelteksten. Mijn nieuwsgierigheid was gewekt: wie was die Hans Sahl ? Ja Google helpt ons. Zijn gedicht vind je onder Deutsche Lyrik en ook zijn levensloop is op internet te vinden. En zijn sprekende kop (zie foto). Hij blijkt een joodse schrijver te zijn die de Nazitijd wist te overleven. Naar Amerika vertrok maar toch weer terugkeerde naar Duitsland. Hans Sahl werd geboren op 20 mei 1902 in Dresden. Hij kwam uit een joodse koopmansfamilie uit de hogere klasse. Hij voltooide zijn studies in kunst- en literaire geschiedenis, archeologie en filosofie met een doctoraat op de oude Duitse schilderkunst in 1924. Hij werd al snel bekend door zijn artikelen op de hoofdpagina's van verschillende Berlijnse kranten, en vooral zijn filmrecensies trokken de aandacht. Nadat de nationaal-socialisten in 1933 aan de macht kwamen, emigreerde Sahl via Praag en Zürich naar Parijs. In 1939 werd hij, naar verschillende Franse interneringskampen gestuurd als "étranger indesirable" (ongewenste buitenlander). In 1940 kon hij naar Marseille vluchten. Daar hielp hij politiek vervolgde mensen te redden tot 1941, toen hij zelf via Portugal naar de VS wist te ontsnappen. Het grootste deel van zijn literaire werk ontstond in ballingschap in New York. In 1953 keerde hij terug naar Duitsland. Tot 1958 werkte hij als cultureel correspondent voor onder meer de "Neue Zürcher Zeitung", "Die Welt" en de "Süddeutsche Zeitung". Daarna woonde hij opnieuw in de Verenigde Staten voordat hij uiteindelijk met zijn vrouw in 1989 naar Duitsland verhuisde. In 1982 ontving hij het Grootkruis van verdiensten voor de Bondsrepubliek en in 1991 de Goethe medaille. Na neo-nazi-aanslagen in 1992 nam hij deel aan "poëzievoordrachten in asielzoekershuizen". Hans Sahl stierf op 27 april 1993 in Tübingen. Hij schreef vele dichtbundels, essays en brieven. Maar ook een bundel met citaten die ook wel voor Nederland van toepassing zijn: Overleven is een beroep dat je net als ieder ander vak moet leren Een goede emigrant is een dode emigrant Ongelijk hebben wordt in Duitsland als een doodzonde beschouwd in plaats van een mogelijke weg om tot nieuwe inzichten te komen Zijn Memoires van een Moralist zijn in het Nederlands uitgegeven door LJ Veen Ik dankposthuum Meint Minkes dat hij mij op het spoor heeft gezet van een bijna vergeten Joods-Duitse dichter.
Dolf van Buul heette Dick van Buul.
Ik hoor hem nog zeggen: Het menselijk lichaam bestaat ui.. en dan 3 octaven lager : uit
We hadden toch ook muziekles van Kors Monster? Hij heeft ons vol verve de liefde voor klassieke muziek bijgebracht. Maar ik zie hem niet op de foto.
Wie ik meteen herken is de sympathieke heer Mulder, van wie ik op het Erasmiaans Gymnasium in Rotterdam in de eerste helft van de jaren '60 scheikunde had, en in 5-alfa 'natuurwetenschappen'! Mijn boekenlijst 1964-1965 bevat een namen- en adressenlijst van onze leraren. Daarin staat dat Mulder in Den Haag woonde. Ook ons was destijds trouwens al bekend dat hij goed gitaar speelde.
Dhr. Mulder (achterste rij geheel rechts) gaf natuurkunde. Hij speelde gitaar. In de periode dat de Beatles voor het eerst op de tv in Nederland te zien waren, kraakte hij die band volledig af en noemde hij hun instrumenten een jengelhout. Hijzelf gaf een demonstratie van het gitaarspel op zijn akoestische gitaar. O.a. Dhr. Verhey (biologie) en Dhr. Vijlbrief (rector) en zijn vrouw ontbreken op deze foto.
dra.Van Itterson