/* Het gegraveerde aluminium kaartje (gedeeld door website en beheer) */
.ddc-card{position:relative;width:100%;aspect-ratio:86/54;container-type:inline-size;border-radius:4.2%/6.7%;overflow:hidden;background:var(--base,#d2528c);font-family:Barlow,system-ui,sans-serif;user-select:none;-webkit-user-select:none}
.ddc-card .brush{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.003 0.85' numOctaves='2' seed='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:400px 400px;mix-blend-mode:overlay;opacity:.5}
.ddc-card .shade{position:absolute;inset:0;background:linear-gradient(162deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.04) 34%,rgba(0,0,0,0) 58%,rgba(0,0,0,.22) 100%)}
.ddc-card .rim{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 .15cqw rgba(0,0,0,.12),inset 0 -.4cqw .8cqw rgba(0,0,0,.14);pointer-events:none}
.ddc-card .eng{position:absolute;inset:0;color:var(--eng,#eceef0);filter:drop-shadow(0 -.1cqw 0 rgba(0,0,0,.42)) drop-shadow(0 .1cqw 0 rgba(255,255,255,.12))}
.ddc-card .m{position:absolute;background:var(--eng,#eceef0);-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}
.ddc-card .ic{position:absolute;display:block;overflow:visible}
.ddc-card .logo{left:5%;top:7%;width:16%;aspect-ratio:579/599}
.ddc-card .dier{width:31%;height:50%}
.ddc-card .qr{right:5%;top:55%;width:14%;aspect-ratio:1}
.ddc-card .plate{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ddc-card .pill{position:absolute;left:15%;top:55%;width:55%;height:16%;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:.6cqw 3cqw 0;font-family:'Baloo 2','Barlow Condensed',sans-serif;font-weight:700;font-size:8cqw;line-height:1;white-space:nowrap;overflow:visible}
/* card-brand (niet .brand!) - die naam wordt ook door de menubalk van de site gebruikt; met dezelfde
   naam lekken diens eigenschappen (display:flex, margin-right:auto, ...) hier ongewenst doorheen,
   waardoor text-align:center geen effect meer had en de tekst links bleef hangen. */
.ddc-card .card-brand{position:absolute;left:17.5%;width:65%;top:76.5%;text-align:center;font-family:'Libre Baskerville',Georgia,serif;font-size:3.6cqw;letter-spacing:.12em;line-height:1;white-space:nowrap}
.ddc-card .tag{position:absolute;left:17.5%;width:65%;top:85%;display:flex;align-items:center;gap:1.6cqw;font-size:2.9cqw;font-weight:500;line-height:1;white-space:nowrap}
.ddc-card .tag i{flex:1;height:.22cqw;background:var(--eng,#eceef0)}
.ddc-card .extra{position:absolute;left:17.5%;width:65%;top:92%;text-align:center;font-family:Caveat,cursive;font-weight:700;font-size:3.4cqw;line-height:1;white-space:nowrap;overflow:visible}
.ddc-card .vline{position:absolute;left:16.5%;top:6%;bottom:6%;width:.25cqw;background:var(--eng,#eceef0)}
.ddc-card .vtitle{position:absolute;left:9.2%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:3.3cqw;line-height:1;white-space:nowrap}
.ddc-card .rows{position:absolute;left:20%;right:7%;top:5%;height:66%;display:flex;flex-direction:column;justify-content:flex-start}
.ddc-card .row{flex:0 0 20%;display:grid;grid-template-columns:6cqw minmax(0,1fr) 5.4cqw minmax(0,.9fr);align-items:center;border-bottom:.22cqw solid var(--eng,#eceef0);font-size:4.1cqw;line-height:1;-webkit-text-stroke:.06cqw currentColor}
.ddc-card .row.leeg{opacity:.55}
.ddc-card .row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2.6}
.ddc-card .row svg{width:4cqw;height:4cqw;overflow:visible}
.ddc-card .row .tel{font-variant-numeric:lining-nums}
.ddc-card .rainbow{left:21%;bottom:6.5%;width:12%}
.ddc-card .foot{position:absolute;left:36%;right:6%;bottom:9%;display:flex;align-items:center;gap:1.4cqw;font-family:Caveat,cursive;font-weight:700;font-size:5cqw;line-height:1;white-space:nowrap}
.ddc-card .foot svg{width:4.2cqw;height:4.2cqw;flex:none;overflow:visible}