/* MijnWijnKelder – grafische advertentie voor eigen websites (10-11-2026).
   Zelfstandig: geen JavaScript, geen externe verzoeken, geen cookies. De lettertypen staan ernaast in fonts/
   (SIL OFL 1.1, dezelfde bestanden als de app); zonder die bestanden valt het terug op Georgia en de systeemletter.
   Alle klassen beginnen met mwk- en alle maten staan in px, zodat de stijl van de gastsite er niet doorheen lekt.

   Formaten:  .mwk-ad--banner   970 × 250 (vloeiend vanaf 600 px breed; vaste hoogte 250)
              .mwk-ad--vierkant 300 × 250
              .mwk-ad--mobiel   100% breed vanaf 320 px, hoogte volgt de inhoud
   Kleuren:   .mwk-ad--licht    crème grond, bordeaux accenten (standaard)
              .mwk-ad--donker   bordeaux grond, crème letters */

@font-face {
    font-family: 'MWK Serif'; font-style: normal; font-weight: 400; font-display: swap;
    src: url(fonts/instrument-serif-latin-400-normal.woff2) format('woff2');
}
@font-face {
    font-family: 'MWK Serif'; font-style: italic; font-weight: 400; font-display: swap;
    src: url(fonts/instrument-serif-latin-400-italic.woff2) format('woff2');
}
@font-face {
    font-family: 'MWK Sans'; font-style: normal; font-weight: 400 900; font-display: swap;
    src: url(fonts/schibsted-grotesk-latin-wght-normal.woff2) format('woff2-variations');
}

.mwk-ad {
    --mwk-creme: #f4efe6;
    --mwk-creme-diep: #ebe3d5;
    --mwk-lijn: #d2c8b6;
    --mwk-inkt: #1d1c19;
    --mwk-grafiet: #4a4741;
    --mwk-bordeaux: #5e1a24;
    --mwk-bordeaux-diep: #43121a;
    --mwk-bordeaux-licht: #7a2a33;
    --mwk-zand: #9a7448;
    --mwk-olijf: #2f3b25;
    --mwk-goud: #f6ddb0;
    --mwk-serif: 'MWK Serif', 'Instrument Serif', Georgia, 'Times New Roman', serif;
    --mwk-sans: 'MWK Sans', 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* de kleurrol van het lichte schema; .mwk-ad--donker zet ze om */
    --mwk-grond: var(--mwk-creme);
    --mwk-grond-rand: var(--mwk-lijn);
    --mwk-tekst: var(--mwk-inkt);
    --mwk-tekst-zacht: var(--mwk-grafiet);
    --mwk-nadruk: var(--mwk-bordeaux);
    --mwk-knop: var(--mwk-bordeaux);
    --mwk-knop-zweef: var(--mwk-bordeaux-diep);
    --mwk-knop-tekst: var(--mwk-creme);
    --mwk-merk: var(--mwk-inkt);
    --mwk-rek-grond: var(--mwk-creme-diep);
    --mwk-rek-lijn: var(--mwk-zand);
    --mwk-kaart: #ffffff;
    --mwk-kaart-tekst: var(--mwk-inkt);
    --mwk-kaart-zacht: var(--mwk-grafiet);

    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    background: var(--mwk-grond);
    color: var(--mwk-tekst);
    border: 1px solid var(--mwk-grond-rand);
    border-radius: 18px;
    font-family: var(--mwk-sans);
    font-size: 15px;
    line-height: 1.45;
    letter-spacing: 0;
    text-decoration: none;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}
.mwk-ad *, .mwk-ad *::before, .mwk-ad *::after { box-sizing: border-box; margin: 0; padding: 0; }
.mwk-ad:hover, .mwk-ad:focus { text-decoration: none; color: var(--mwk-tekst); }
.mwk-ad:focus-visible { outline: 3px solid var(--mwk-nadruk); outline-offset: 3px; }

.mwk-ad--donker {
    --mwk-grond: var(--mwk-bordeaux);
    --mwk-grond-rand: var(--mwk-bordeaux-diep);
    --mwk-tekst: var(--mwk-creme);
    --mwk-tekst-zacht: #e6d8c8;
    --mwk-nadruk: var(--mwk-goud);
    --mwk-knop: var(--mwk-creme);
    --mwk-knop-zweef: #ffffff;
    --mwk-knop-tekst: var(--mwk-bordeaux-diep);
    --mwk-merk: var(--mwk-creme);
    --mwk-rek-grond: var(--mwk-bordeaux-diep);
    --mwk-rek-lijn: #b48a5a;
    --mwk-kaart: var(--mwk-creme);
}

/* --- bouwstenen --- */
.mwk-merk {
    display: flex; align-items: center; gap: 9px;
    color: var(--mwk-merk); white-space: nowrap;
}
.mwk-merk svg { width: 22px; height: 22px; flex: none; }
.mwk-merk-naam { font-family: var(--mwk-serif); font-size: 21px; line-height: 1; letter-spacing: 0.005em; }
.mwk-merk-sub { font-size: 12px; line-height: 1; color: var(--mwk-tekst-zacht); letter-spacing: 0.01em; }
.mwk-merk-sub::before { content: '–'; margin-right: 7px; }

.mwk-kop {
    font-family: var(--mwk-serif); font-weight: 400; font-size: 44px; line-height: 1; letter-spacing: -0.012em;
    color: var(--mwk-tekst);
}
.mwk-kop em { font-style: italic; color: var(--mwk-nadruk); }

.mwk-tekst { font-size: 15px; line-height: 1.4; color: var(--mwk-tekst-zacht); }

.mwk-knop {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 42px; padding: 0 22px; border-radius: 999px;
    background: var(--mwk-knop); color: var(--mwk-knop-tekst);
    font: 600 14px/1 var(--mwk-sans); letter-spacing: 0.01em; white-space: nowrap;
    transition: background .2s;
}
.mwk-knop svg { width: 14px; height: 14px; flex: none; }
.mwk-ad:hover .mwk-knop { background: var(--mwk-knop-zweef); }

.mwk-beeld { display: block; width: 100%; height: auto; }
/* De symbolen worden met <use> ingevoegd; de regels gelden voor de klassen zelf, niet via een voorouder, want de
   selector wordt tegen het symbool in de verborgen svg getoetst. De variabelen erven wel via het <use>-element. */
.mwk-rek-grond { fill: var(--mwk-rek-grond, #ebe3d5); }
.mwk-rek-lijn { stroke: var(--mwk-rek-lijn, #9a7448); }
.mwk-kaart-grond { fill: var(--mwk-kaart, #ffffff); }
.mwk-kaart-tekst { fill: var(--mwk-kaart-tekst, #1d1c19); font: 500 11px/1 var(--mwk-sans, sans-serif); }
.mwk-kaart-zacht { fill: var(--mwk-kaart-zacht, #4a4741); font: 400 10px/1 var(--mwk-sans, sans-serif); }
.mwk-kaart-kop { fill: var(--mwk-kaart-tekst, #1d1c19); font: 400 13px/1 var(--mwk-serif, serif); }
.mwk-kaart-lijn { stroke: var(--mwk-lijn, #d2c8b6); }

/* --- 970 × 250: drie zones naast elkaar --- */
.mwk-ad--banner {
    width: 100%; max-width: 970px; min-width: 560px; height: 250px;
    container-type: inline-size;
    display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr) 190px;
    column-gap: 28px; align-items: center;
    padding: 22px 30px 22px 32px;
}
.mwk-ad--banner .mwk-zone-kop { display: grid; row-gap: 14px; }
.mwk-ad--banner .mwk-zone-tekst { display: grid; row-gap: 16px; justify-items: start; padding-top: 32px; }
.mwk-ad--banner .mwk-zone-beeld { align-self: stretch; display: flex; align-items: center; }
.mwk-ad--banner .mwk-beeld { width: 190px; }
/* in een smalle kolom (zoals de 600 px van 360test.nl): zonder het beeld, in twee zones */
@container (max-width: 760px) {
    .mwk-ad--banner { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); padding: 22px 26px; }
    .mwk-ad--banner .mwk-zone-beeld { display: none; }
    .mwk-ad--banner .mwk-kop { font-size: 32px; }
    .mwk-ad--banner .mwk-zone-tekst { padding-top: 28px; row-gap: 14px; }
    .mwk-ad--banner .mwk-tekst { font-size: 14px; }
    .mwk-ad--banner .mwk-knop { font-size: 12.5px; padding: 0 14px; min-height: 38px; }
    .mwk-ad--banner .mwk-knop svg { display: none; }
}

/* --- 300 × 250: onder elkaar, met een klein rek rechtsboven --- */
.mwk-ad--vierkant {
    width: 300px; height: 250px;
    display: grid; grid-template-rows: auto auto 1fr auto; row-gap: 6px;
    padding: 14px 18px;
}
.mwk-ad--vierkant .mwk-rij { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.mwk-ad--vierkant .mwk-merk { flex-direction: column; align-items: flex-start; gap: 6px; padding-top: 2px; }
.mwk-ad--vierkant .mwk-merk-naam { font-size: 20px; }
.mwk-ad--vierkant .mwk-merk-sub { font-size: 11px; }
.mwk-ad--vierkant .mwk-merk-sub::before { content: none; }
.mwk-ad--vierkant .mwk-beeld { width: 76px; flex: none; }
.mwk-ad--vierkant .mwk-kop { font-size: 26px; }
.mwk-ad--vierkant .mwk-tekst { font-size: 13px; line-height: 1.38; align-self: center; }
.mwk-ad--vierkant .mwk-knop { width: 100%; min-height: 38px; font-size: 13px; padding: 0 12px; }
.mwk-ad--vierkant .mwk-knop svg { display: none; }

/* --- mobiel: vloeiend vanaf 320 px --- */
.mwk-ad--mobiel {
    width: 100%; min-width: 320px; max-width: 600px;
    container-type: inline-size;
    display: grid; row-gap: 14px;
    padding: 20px;
}
.mwk-ad--mobiel .mwk-rij { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.mwk-ad--mobiel .mwk-merk { flex-direction: column; align-items: flex-start; gap: 6px; padding-top: 2px; }
.mwk-ad--mobiel .mwk-merk-sub::before { content: none; }
.mwk-ad--mobiel .mwk-beeld { width: 116px; flex: none; }
.mwk-ad--mobiel .mwk-kop { font-size: 34px; }
.mwk-ad--mobiel .mwk-tekst { font-size: 15px; }
.mwk-ad--mobiel .mwk-knop { width: 100%; min-height: 46px; font-size: 15px; }
@container (min-width: 400px) {
    .mwk-ad--mobiel { padding: 24px; }
    .mwk-ad--mobiel .mwk-kop { font-size: 38px; }
}
@container (max-width: 359px) {
    .mwk-ad--mobiel .mwk-beeld { width: 96px; }
    .mwk-ad--mobiel .mwk-kop { font-size: 31px; }
    .mwk-ad--mobiel .mwk-knop { font-size: 14px; padding: 0 14px; }
    .mwk-ad--mobiel .mwk-knop svg { display: none; }
}

@media (prefers-reduced-motion: reduce) { .mwk-knop { transition: none; } }
@media print { .mwk-ad { border-color: #999; } }

/* --- premium: de banner met een foto van een wijnkelder als achtergrond (alleen 970 × 250 en de smalle variant) ---
   De foto staat in achtergronden/donker/ (WebP met PNG als terugval), de sluier maakt de linkerhelft donker genoeg
   voor crème letters; rechts blijven de flessen en de kaars zichtbaar. */
.mwk-ad--foto {
    --mwk-grond: #1a0c0a;
    --mwk-grond-rand: #3a1d18;
    --mwk-tekst: var(--mwk-creme);
    --mwk-tekst-zacht: #efe3d4;
    --mwk-nadruk: var(--mwk-goud);
    --mwk-knop: var(--mwk-creme);
    --mwk-knop-zweef: #ffffff;
    --mwk-knop-tekst: var(--mwk-bordeaux-diep);
    --mwk-merk: var(--mwk-creme);
    --mwk-kaart: var(--mwk-creme);
}
.mwk-ad--foto .mwk-foto, .mwk-ad--foto .mwk-sluier { position: absolute; inset: 0; display: block; }
.mwk-ad--foto .mwk-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.mwk-ad--foto .mwk-sluier {
    background:
        linear-gradient(90deg, rgba(22,10,8,.82) 0%, rgba(22,10,8,.74) 36%, rgba(22,10,8,.52) 60%, rgba(22,10,8,.22) 78%, rgba(22,10,8,.10) 100%),
        linear-gradient(180deg, rgba(22,10,8,.25) 0%, rgba(22,10,8,0) 30%, rgba(22,10,8,0) 70%, rgba(22,10,8,.30) 100%);
}
.mwk-ad--foto .mwk-zone-kop, .mwk-ad--foto .mwk-zone-tekst, .mwk-ad--foto .mwk-zone-beeld, .mwk-ad--foto .mwk-label {
    position: relative; z-index: 1;
}
.mwk-ad--foto .mwk-merk-sub { color: var(--mwk-tekst-zacht); opacity: .9; }
.mwk-ad--foto .mwk-kop { text-shadow: 0 1px 2px rgba(0,0,0,.25); }
.mwk-ad--foto .mwk-tekst { text-shadow: 0 1px 2px rgba(0,0,0,.35); }
.mwk-ad--foto .mwk-knop { box-shadow: 0 2px 10px rgba(0,0,0,.25); }
/* het kleine label rechtsboven: zegt dat het een app is, zonder claim */
.mwk-ad--foto .mwk-label {
    position: absolute; top: 16px; right: 18px; z-index: 1;
    display: inline-flex; align-items: center; gap: 7px;
    padding: 6px 11px; border-radius: 999px;
    border: 1px solid rgba(244,239,230,.55); background: rgba(22,10,8,.35);
    color: var(--mwk-creme); font: 600 11px/1 var(--mwk-sans); letter-spacing: .06em; text-transform: uppercase;
}
.mwk-ad--foto .mwk-label svg { width: 12px; height: 12px; }
/* variant B: de kaart uit de app rechtsonder over de foto */
.mwk-ad--foto .mwk-zone-beeld { display: none; }
.mwk-ad--foto.mwk-ad--met-kaart .mwk-zone-beeld { display: flex; align-items: flex-end; justify-content: flex-end; align-self: stretch; }
.mwk-ad--foto.mwk-ad--met-kaart .mwk-beeld { width: 140px; filter: drop-shadow(0 6px 14px rgba(0,0,0,.35)); }
@container (max-width: 760px) {
    .mwk-ad--foto .mwk-zone-beeld { display: none !important; }
    .mwk-ad--foto .mwk-label { top: 12px; right: 14px; }
}

/* --- foto in alle formaten (ronde 3, 10-11): het lichte schema, de kleine formaten en de towers --- */
/* lichte foto: inkt op een crème waas */
.mwk-ad--foto-licht {
    --mwk-grond: #e9dcc8;
    --mwk-grond-rand: #cdbda4;
    --mwk-tekst: var(--mwk-inkt);
    --mwk-tekst-zacht: #3d3a34;
    --mwk-nadruk: var(--mwk-bordeaux);
    --mwk-knop: var(--mwk-bordeaux);
    --mwk-knop-zweef: var(--mwk-bordeaux-diep);
    --mwk-knop-tekst: var(--mwk-creme);
    --mwk-merk: var(--mwk-inkt);
}
.mwk-ad--foto-licht .mwk-kop, .mwk-ad--foto-licht .mwk-tekst { text-shadow: 0 1px 2px rgba(255,255,255,.45); }
.mwk-ad--foto-licht .mwk-merk-sub { color: var(--mwk-tekst-zacht); opacity: 1; }
.mwk-ad--foto-licht .mwk-label { border-color: rgba(29,28,25,.45); background: rgba(244,239,230,.55); color: var(--mwk-inkt); }
.mwk-ad--foto-licht.mwk-ad--banner .mwk-sluier {
    background:
        linear-gradient(90deg, rgba(244,239,230,.86) 0%, rgba(244,239,230,.80) 36%, rgba(244,239,230,.62) 60%, rgba(244,239,230,.25) 78%, rgba(244,239,230,.06) 100%),
        linear-gradient(180deg, rgba(244,239,230,.20) 0%, rgba(244,239,230,0) 30%, rgba(244,239,230,0) 70%, rgba(244,239,230,.25) 100%);
}
/* een foto die aan één kant een dun wit randje heeft, iets groter tekenen */
.mwk-ad--foto .mwk-foto img.mwk-foto-rand { transform: scale(1.04); transform-origin: 50% 50%; }

/* vierkant en mobiel met foto: de tekst over de hele breedte, de foto achter een egale waas */
.mwk-ad--vierkant.mwk-ad--foto, .mwk-ad--mobiel.mwk-ad--foto {
    grid-template-rows: auto auto 1fr auto;
}
.mwk-ad--vierkant.mwk-ad--foto .mwk-rij, .mwk-ad--mobiel.mwk-ad--foto .mwk-rij { position: relative; z-index: 1; min-height: 0; }
.mwk-ad--vierkant.mwk-ad--foto .mwk-kop, .mwk-ad--vierkant.mwk-ad--foto .mwk-tekst, .mwk-ad--vierkant.mwk-ad--foto .mwk-knop,
.mwk-ad--mobiel.mwk-ad--foto .mwk-kop, .mwk-ad--mobiel.mwk-ad--foto .mwk-tekst, .mwk-ad--mobiel.mwk-ad--foto .mwk-knop { position: relative; z-index: 1; }
.mwk-ad--vierkant.mwk-ad--foto .mwk-beeld, .mwk-ad--mobiel.mwk-ad--foto .mwk-beeld { display: none; }
.mwk-ad--vierkant.mwk-ad--foto .mwk-label, .mwk-ad--mobiel.mwk-ad--foto .mwk-label { position: static; margin-left: auto; align-self: flex-start; }
.mwk-ad--vierkant.mwk-ad--foto .mwk-merk, .mwk-ad--mobiel.mwk-ad--foto .mwk-merk { flex-direction: row; align-items: center; gap: 8px; }
.mwk-ad--vierkant.mwk-ad--foto .mwk-merk-sub, .mwk-ad--mobiel.mwk-ad--foto .mwk-merk-sub { display: none; }
.mwk-ad--vierkant.mwk-ad--foto .mwk-sluier, .mwk-ad--mobiel.mwk-ad--foto .mwk-sluier {
    background: linear-gradient(180deg, rgba(22,10,8,.58) 0%, rgba(22,10,8,.66) 55%, rgba(22,10,8,.78) 100%);
}
.mwk-ad--vierkant.mwk-ad--foto-licht .mwk-sluier, .mwk-ad--mobiel.mwk-ad--foto-licht .mwk-sluier {
    background: linear-gradient(180deg, rgba(244,239,230,.70) 0%, rgba(244,239,230,.74) 55%, rgba(244,239,230,.82) 100%);
}
.mwk-ad--vierkant.mwk-ad--foto { padding: 16px 18px; row-gap: 8px; }
.mwk-ad--vierkant.mwk-ad--foto .mwk-kop { font-size: 28px; }
.mwk-ad--mobiel.mwk-ad--foto .mwk-kop { font-size: 36px; }
.mwk-ad--mobiel.mwk-ad--foto .mwk-tekst { margin-bottom: 4px; }

/* towers: onder elkaar, de tekst bovenin, de foto loopt eronder door */
.mwk-ad--tower {
    display: grid; grid-template-rows: auto auto auto auto 1fr auto; row-gap: 10px; align-content: start;
    padding: 20px 18px;
}
.mwk-ad--tower .mwk-foto img { object-position: 50% 50%; }
.mwk-ad--tower .mwk-merk, .mwk-ad--tower .mwk-kop, .mwk-ad--tower .mwk-tekst, .mwk-ad--tower .mwk-knop, .mwk-ad--tower .mwk-label {
    position: relative; z-index: 1;
}
.mwk-ad--tower .mwk-merk { flex-direction: column; align-items: flex-start; gap: 6px; }
.mwk-ad--tower .mwk-merk-sub::before { content: none; }
.mwk-ad--tower .mwk-label { position: static; justify-self: start; grid-row: 6; align-self: end; }
.mwk-ad--tower .mwk-knop { width: 100%; }
.mwk-ad--tower .mwk-sluier {
    background: linear-gradient(180deg, rgba(22,10,8,.80) 0%, rgba(22,10,8,.72) 45%, rgba(22,10,8,.30) 70%, rgba(22,10,8,.45) 100%);
}
.mwk-ad--tower.mwk-ad--foto-licht .mwk-sluier {
    background: linear-gradient(180deg, rgba(244,239,230,.84) 0%, rgba(244,239,230,.78) 45%, rgba(244,239,230,.28) 70%, rgba(244,239,230,.35) 100%);
}
.mwk-ad--t300 { width: 300px; height: 600px; padding: 26px 22px; row-gap: 14px; }
.mwk-ad--t300 .mwk-kop { font-size: 38px; }
.mwk-ad--t300 .mwk-tekst { font-size: 15px; }
.mwk-ad--t300 .mwk-knop { min-height: 46px; font-size: 14px; }
.mwk-ad--t300h { width: 300px; height: 1050px; padding: 28px 22px; row-gap: 16px; }
.mwk-ad--t300h .mwk-kop { font-size: 40px; }
.mwk-ad--t300h .mwk-tekst { font-size: 16px; }
.mwk-ad--t300h .mwk-knop { min-height: 48px; font-size: 15px; }
.mwk-ad--t300h .mwk-sluier {
    background: linear-gradient(180deg, rgba(22,10,8,.80) 0%, rgba(22,10,8,.74) 36%, rgba(22,10,8,.25) 50%, rgba(22,10,8,.20) 85%, rgba(22,10,8,.50) 100%);
}
.mwk-ad--t300h.mwk-ad--foto-licht .mwk-sluier {
    background: linear-gradient(180deg, rgba(244,239,230,.84) 0%, rgba(244,239,230,.78) 36%, rgba(244,239,230,.25) 50%, rgba(244,239,230,.20) 85%, rgba(244,239,230,.40) 100%);
}
.mwk-ad--t160 { width: 160px; height: 600px; padding: 18px 14px; row-gap: 12px; border-radius: 14px; }
.mwk-ad--t160 .mwk-merk svg { width: 20px; height: 20px; }
.mwk-ad--t160 .mwk-merk-naam { font-size: 18px; }
.mwk-ad--t160 .mwk-merk-sub { font-size: 11px; }
.mwk-ad--t160 .mwk-kop { font-size: 23px; }
.mwk-ad--t160 .mwk-tekst { font-size: 12.5px; }
.mwk-ad--t160 .mwk-knop { white-space: normal; text-align: center; line-height: 1.25; padding: 10px 10px; font-size: 12.5px; min-height: 0; }
.mwk-ad--t160 .mwk-knop svg { display: none; }
.mwk-ad--t160 .mwk-label { font-size: 10px; padding: 5px 8px; }
.mwk-ad--t120 { width: 120px; height: 600px; padding: 14px 11px; row-gap: 10px; border-radius: 12px; }
.mwk-ad--t120 .mwk-merk svg { width: 18px; height: 18px; }
.mwk-ad--t120 .mwk-merk-naam { font-size: 15px; }
.mwk-ad--t120 .mwk-merk-sub { font-size: 10px; white-space: normal; line-height: 1.2; }
.mwk-ad--t120 .mwk-kop { font-size: 19px; }
.mwk-ad--t120 .mwk-tekst { font-size: 11.5px; line-height: 1.35; }
.mwk-ad--t120 .mwk-knop { white-space: normal; text-align: center; line-height: 1.25; padding: 9px 8px; font-size: 11.5px; min-height: 0; }
.mwk-ad--t120 .mwk-knop svg { display: none; }
.mwk-ad--t120 .mwk-label { font-size: 9px; padding: 4px 7px; letter-spacing: .04em; }
.mwk-ad--t120 .mwk-label svg { display: none; }

/* correcties na de eerste render van ronde 3 */
.mwk-ad--tower { grid-template-columns: minmax(0, 1fr); }           /* de kolom mag niet meegroeien met de knoptekst */
.mwk-label { white-space: nowrap; }
.mwk-ad--t300 .mwk-knop, .mwk-ad--t300h .mwk-knop {
    white-space: normal; text-align: center; line-height: 1.2; padding: 13px 14px; min-height: 0; font-size: 14px;
}
.mwk-ad--t300 .mwk-knop svg, .mwk-ad--t300h .mwk-knop svg { display: none; }
.mwk-ad--vierkant.mwk-ad--foto .mwk-label { font-size: 10px; padding: 5px 9px; }
.mwk-ad--vierkant.mwk-ad--foto .mwk-merk-naam { font-size: 19px; }

.mwk-ad--t300 .mwk-kop, .mwk-ad--t300h .mwk-kop { font-size: 30px; }   /* twee regels in 256 px */