@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--bg:#111014;--panel:#19171d;--panel2:#201d24;--text:#f8f5f7;--muted:#a7a0ac;--pink:#ff6e9f;--pink2:#ff9fbd;--line:#302b34;--green:#b5f3c8;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{color:inherit}
.topline{height:32px;background:var(--pink);color:#24131b;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.15em}
.live-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54233a;box-shadow:0 0 0 3px #ffffff33}
.site-header{height:86px;max-width:var(--max);padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:11px;min-width:220px}
.brand-mark{width:43px;height:43px;border-radius:13px;background:var(--pink);display:grid;place-items:center;color:#21121a;font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.12em;padding-right:4px;transform:rotate(-4deg)}
.brand-mark span{color:#fff}
.brand-name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;letter-spacing:.055em;line-height:1.2}
.brand-name>span{color:var(--pink)}
.brand-name small{display:block;margin-top:5px;font-family:'DM Sans',sans-serif;color:var(--muted);font-size:8px;letter-spacing:.13em;font-weight:600}
.desktop-nav{display:flex;align-items:center;gap:30px}
.nav-link{font-size:12px;color:var(--muted);font-weight:600;transition:color .2s}
.nav-link:hover,.nav-link.active{color:var(--text)}
.header-cta{font-size:12px;font-weight:700;background:#242027;border:1px solid #39313b;padding:12px 17px;border-radius:9px;transition:background .2s}
.header-cta span{color:var(--pink);margin-left:10px}
.header-cta:hover{background:#302630}
.menu-toggle{display:none;background:none;border:0;padding:10px}
.hero{max-width:var(--max);min-height:525px;padding:76px 28px 70px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;position:relative;overflow:hidden}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--pink);font-size:10px;font-weight:800;letter-spacing:.16em}
.eyebrow-line{height:2px;width:22px;background:var(--pink);display:inline-block}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em}
h1{font-size:clamp(48px,5.7vw,76px);line-height:.99;margin:22px 0 20px;font-weight:700}
h1 em,h2 em{font-style:normal;color:var(--pink)}
.hero-copy>p{max-width:450px;color:#b7b0bc;font-size:15px;line-height:1.8;margin-bottom:28px}
.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.button{border:0;border-radius:9px;padding:13px 17px;display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--pink);color:#25131b}
.button-primary:hover{background:var(--pink2)}
.hero-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}
.tiny-star{color:var(--pink);font-size:16px}
.hero-art{height:365px;position:relative;display:flex;align-items:center;justify-content:center}
.art-orbit{position:absolute;border:1px solid #352a36;border-radius:50%;width:340px;height:340px}
.orbit-two{width:285px;height:285px;border-color:#47303d}
.art-card{position:absolute;border-radius:15px;box-shadow:0 22px 65px #0007}
.card-back{width:215px;height:270px;background:#29232d;transform:rotate(10deg) translate(52px,0);padding:23px;right:45px;top:38px;border:1px solid #453542}
.card-mini-label{font-size:9px;letter-spacing:.2em;color:var(--pink);font-weight:800}
.fake-lines{margin-top:28px;display:grid;gap:12px}
.fake-lines i{height:7px;background:#514451;border-radius:5px}
.fake-lines i:nth-child(2){width:75%}.fake-lines i:nth-child(3){width:52%}
.card-smile{position:absolute;bottom:23px;right:22px;color:var(--pink);font-size:48px;font-weight:700}
.card-front{width:240px;height:300px;background:linear-gradient(145deg,#ff8ab1,#ff6397 55%,#e84e89);color:#25121b;transform:rotate(-7deg) translate(-12px,7px);padding:19px 21px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffb3cb}
.story-label{font-size:9px;font-weight:800;letter-spacing:.12em;display:flex;align-items:center;gap:7px}
.story-label span{width:7px;height:7px;border-radius:50%;background:#25121b}
.art-big-type{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:53px;line-height:.83;letter-spacing:-.08em}
.art-big-type em{font-style:normal;color:#fff}
.art-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #31162255;padding-top:11px;font-size:7px;font-weight:800;letter-spacing:.12em}
.art-card-bottom span:last-child{font-size:20px}
.art-spark{position:absolute;color:var(--pink);font-size:36px}
.spark-one{top:23px;left:52px}.spark-two{bottom:25px;right:56px;font-size:27px;color:#fff}
.floating-pill{position:absolute;background:#211c25;border:1px solid #3b303e;border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 35px #0005;font-size:10px;color:#ddd4df}
.pill-top{top:38px;left:7px;transform:rotate(-3deg)}
.pill-bottom{bottom:26px;right:0;transform:rotate(3deg)}
.pill-icon{font-size:23px;color:var(--pink)}
.floating-pill b,.floating-pill small{display:block}.floating-pill b{font-size:10px;color:#fff}.floating-pill small{font-size:9px;color:var(--muted);margin-top:2px}
.hero-bottom-label{position:absolute;bottom:22px;left:28px;display:flex;align-items:center;gap:12px;color:#756e79;font-size:8px;font-weight:700;letter-spacing:.17em}
.scroll-line{width:40px;height:1px;background:#514651}
.category-section,.feed-section{max-width:var(--max);margin:auto;padding:64px 28px}
.category-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}
h2{font-size:clamp(29px,3vw,39px);line-height:1.1;margin:12px 0 0}
.section-heading>p{font-size:12px;color:var(--muted);max-width:275px;margin-bottom:4px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.category-tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:17px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;min-width:0;transition:border-color .2s,background .2s,transform .2s}
.category-tile:hover,.category-tile.selected{border-color:#92506b;background:#211b24;transform:translateY(-2px)}
.category-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;font-size:25px;font-weight:700;background:#30202b;color:var(--pink)}
.icon-tv{color:#c6a7ff;background:#2b2336}.icon-heart{color:#ff8ca8}.icon-insta{color:#ffc18d;background:#33252a}.icon-zap{color:#ff75ad;background:#33232d}
.category-text{min-width:0;display:block;flex:1}.category-text b{font-size:12px;display:block;white-space:nowrap}.category-text small{font-size:9px;color:var(--muted);display:block;margin-top:4px;white-space:nowrap}
.category-arrow{color:#7e7481;font-size:16px;align-self:flex-start}
.feed-section{padding-top:72px;padding-bottom:55px}
.feed-heading{align-items:end;margin-bottom:24px}
.feed-tools{display:flex;align-items:center;gap:9px}
.search-box{height:42px;width:220px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted)}
.search-box>span{font-size:23px;line-height:1}
.search-box input{background:transparent;color:var(--text);border:0;outline:0;width:100%;font-size:11px;min-width:0}
.search-box input::placeholder{color:#7f7784}
.feed-tools select{height:42px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:#c9c2cd;padding:0 10px;font-size:10px;outline:none}
.feed-status{display:flex;align-items:center;gap:9px;color:#b8b0bd;font-size:10px;margin-bottom:17px}
.status-dot{background:#78d89b;box-shadow:0 0 0 3px #78d89b1f;width:6px;height:6px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.article-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel);min-width:0;transition:transform .2s,border-color .2s}
.article-card:hover{transform:translateY(-3px);border-color:#654054}
.article-visual{height:auto;aspect-ratio:16/9;min-height:190px;max-height:300px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#30202d;isolation:isolate}
.article-visual:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 75% 20%,#ffffff2c,transparent 32%),radial-gradient(circle at 18% 85%,#00000020,transparent 42%)}
.article-visual:after{content:"";position:absolute;width:205px;height:205px;right:-38px;top:-100px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 22px #ffffff08,0 0 0 48px #ffffff06;z-index:-1}
.visual-symbol{position:absolute;top:54px;left:24px;right:24px;display:flex;align-items:center;justify-content:center;color:#ffffffb8;z-index:1;text-shadow:0 6px 20px #0002}
.category-visual-icon svg{width:76px;height:76px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 12px #0002)}
.article-visual.visual-cycle-0{background-color:#356d9b;background-image:linear-gradient(135deg,#477fa7,#234765)}
.article-visual.visual-cycle-1{background-color:#a65c78;background-image:linear-gradient(135deg,#b87a8e,#704356)}
.article-visual.visual-cycle-2{background-color:#4c7690;background-image:linear-gradient(135deg,#739bb0,#31566f)}
.article-visual.visual-cycle-3{background-color:#65547f;background-image:linear-gradient(135deg,#8a75a5,#453451)}
.article-visual.visual-cycle-4{background-color:#478c89;background-image:linear-gradient(135deg,#6aa9a3,#285e64)}
.article-visual.visual-cycle-5{background-color:#8b6b56;background-image:linear-gradient(135deg,#b08b70,#614638)}
.article-visual.visual-cycle-0:before{background:radial-gradient(ellipse at 72% 34%,#c5e4f566 0 4%,transparent 5%),radial-gradient(ellipse at 25% 75%,#91c7df55,transparent 38%),linear-gradient(145deg,transparent 35%,#132f4d55)}
.article-visual.visual-cycle-1:before{background:radial-gradient(circle at 70% 30%,#f4d4df55,transparent 30%),radial-gradient(circle at 30% 78%,#e8a2ba44,transparent 40%)}
.article-visual.visual-cycle-2:before{background:linear-gradient(145deg,transparent 45%,#132e4355),radial-gradient(circle at 25% 25%,#d7eaf344,transparent 32%)}
.article-visual.visual-cycle-3:before{background:radial-gradient(circle at 72% 30%,#dfc9f955,transparent 30%),linear-gradient(145deg,transparent 45%,#251b3c55)}
.article-visual.visual-cycle-4:before{background:radial-gradient(circle at 25% 30%,#c3eee955,transparent 34%),linear-gradient(145deg,transparent 45%,#123d4555)}
.article-visual.visual-cycle-5:before{background:radial-gradient(circle at 72% 25%,#f0d1b955,transparent 30%),linear-gradient(145deg,transparent 45%,#39251e55)}
.article-tag{position:absolute;top:13px;left:13px;z-index:3;display:flex;align-items:center;gap:7px;border:1px solid #ffffff45;background:#201722d9;color:#fff;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:.04em;box-shadow:0 5px 18px #0002}
.article-tag{position:absolute;top:13px;left:13px;z-index:2;border:1px solid #ffffff35;background:#17121cbb;color:#fff;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:800;letter-spacing:.08em}
.visual-title{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:54px 17px 17px;background:linear-gradient(180deg,transparent 0%,rgba(15,10,20,.30) 20%,rgba(15,10,20,.88) 100%)}
.visual-title-link{display:block;color:#fff;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:900;line-height:1.08;letter-spacing:-.045em;text-shadow:0 2px 5px #0009,0 8px 20px #0005;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
a.visual-title-link:hover{color:#ffd0e2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-tag:before{content:none}.article-tag-icon{display:grid;place-items:center;width:20px;height:20px;color:#ff8db8}.article-tag-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.article-tag-icon .trending-symbol{font-size:20px;line-height:1;font-family:Arial,sans-serif;color:currentColor;display:block;transform:translateY(-1px)}
.article-content{padding:17px 17px 14px}
.article-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#928a97;font-size:9px;margin-bottom:10px}
.article-source{color:var(--pink2);font-weight:700}
.article-title-link{color:inherit;text-decoration:none}.article-title-link:hover{color:var(--pink2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-content p{font-size:11px;color:#aaa2af;line-height:1.7;margin-bottom:17px}
.article-bottom{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.article-bottom span{font-size:9px;color:#8e8593}
.source-link{color:var(--pink2);font-size:10px;font-weight:800;white-space:nowrap}
.source-link:hover{text-decoration:underline}
.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:28px}.load-more-wrap[hidden]{display:none!important}.load-more-button{min-width:210px;justify-content:center;gap:12px}.load-more-button:disabled{opacity:.5;cursor:default}.load-more-note{font-size:10px;color:#8d8491}
.empty-state{text-align:center;padding:65px 20px;border:1px dashed #403642;border-radius:14px;color:var(--muted)}
.empty-state>span{font-size:34px;color:var(--pink)}.empty-state h3{color:var(--text);margin:10px 0 5px}.empty-state p{font-size:12px}
.button-secondary{background:#2a232d;color:var(--text);border:1px solid #453746}
.feed-footer{display:flex;align-items:center;justify-content:center;gap:10px;color:#8d8491;font-size:11px;padding-top:32px}
.footer-spark{color:var(--pink);font-size:20px}
.source-banner{max-width:1124px;margin:0 auto 72px;padding:32px 35px;display:flex;align-items:center;gap:24px;border:1px solid #4c3343;border-radius:16px;background:radial-gradient(ellipse at 5% 10%,#492638 0%,#211923 48%,#19161d 100%)}
.source-icon{height:55px;width:55px;flex:0 0 55px;border-radius:14px;background:var(--pink);color:#25121b;display:grid;place-items:center;font-size:28px;font-weight:700}
.source-banner>div:nth-child(2){flex:1}
.source-banner h2{font-size:26px;margin:8px 0}.source-banner p{font-size:11px;color:#b8aeba;margin-bottom:0;max-width:600px}
.button-light{background:#f9e9ef;color:#281720;white-space:nowrap}.button-light:hover{background:#fff}
.site-footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:25px 28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-brand{min-width:0}.footer-brand .brand-mark{width:35px;height:35px;font-size:17px;border-radius:10px}.footer-brand .brand-name{font-size:12px}.footer-brand .brand-name small{font-size:6px}
.site-footer>p{font-size:11px;color:var(--muted);margin:0}.copyright{font-size:10px;color:#756d7a}
@media(max-width:1000px){.desktop-nav{gap:16px}.hero{gap:10px}.category-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.category-tile{padding:16px}.hero-art{transform:scale(.9)}}
@media(max-width:700px){.topline{font-size:8px;height:29px}.site-header{height:72px;padding:0 18px}.brand{min-width:0;gap:9px}.brand-mark{width:37px;height:37px;font-size:18px;border-radius:11px}.brand-name{font-size:14px}.brand-name small{font-size:7px}.desktop-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px;background:#17141a;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.desktop-nav.open{display:flex}.nav-link{padding:12px 4px}.header-cta{margin-left:auto;margin-right:6px;padding:10px 11px;font-size:10px}.header-cta span{margin-left:4px}.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:20px;height:2px;background:#f8f5f7;border-radius:2px}
.hero{padding:58px 20px 56px;grid-template-columns:1fr;gap:5px;min-height:0}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(47px,12vw,67px);margin-top:18px}.hero-copy>p{font-size:13px;max-width:400px}.hero-actions{gap:13px}.hero-note{font-size:9px}.hero-art{height:310px;transform:scale(.86);transform-origin:top center;margin:15px 0 -32px}.hero-bottom-label{left:20px;bottom:16px}.category-section,.feed-section{padding:48px 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading>p{margin:0}.category-grid{gap:9px}.category-tile{gap:9px;padding:12px 10px}.category-icon{width:35px;height:35px;flex-basis:35px;font-size:21px;border-radius:10px}.category-text b{font-size:10px}.category-text small{font-size:8px;white-space:normal;line-height:1.35}.category-arrow{font-size:13px}.feed-heading{gap:18px}.feed-tools{width:100%}.search-box{flex:1;width:auto}.feed-tools select{max-width:130px}.article-grid{grid-template-columns:1fr;gap:13px}.article-visual{height:auto;aspect-ratio:16/9;min-height:190px}.visual-title{padding:48px 15px 15px}.visual-title-link{font-size:23px}.article-content{padding:16px}.article-content p{font-size:12px}.feed-status{flex-wrap:wrap}.source-banner{margin:0 20px 48px;padding:24px 20px;align-items:flex-start;gap:14px;flex-wrap:wrap}.source-icon{width:43px;height:43px;flex-basis:43px;font-size:23px}.source-banner>div:nth-child(2){min-width:calc(100% - 65px)}.source-banner h2{font-size:23px}.source-banner p{font-size:11px}.source-banner .button{margin-left:57px}.site-footer{padding:22px 20px;flex-wrap:wrap}.site-footer>p{display:none}.copyright{margin-left:auto}}
@media(max-width:380px){.header-cta{display:none}.category-grid{grid-template-columns:1fr}.category-tile{padding:12px}.hero-art{transform:scale(.76);margin-left:-20px;margin-right:-20px}.feed-tools select{font-size:9px;padding:0 6px}}


/* Echte decoratieve thumbnails: gebroken hart, cocktail, filmklapper, palmen, rode loper, lounge, zee en champagne. */
.article-visual{background-size:cover;background-position:center;background-repeat:no-repeat}
.article-visual:before{background:linear-gradient(180deg,rgba(8,7,12,.04) 0%,rgba(8,7,12,.08) 38%,rgba(8,7,12,.78) 100%);z-index:0}
.article-visual:after{display:none}
.article-visual .article-tag{z-index:4}
.article-visual .visual-title{z-index:3}
.article-visual.topic-01{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-01.jpg')}
.article-visual.topic-02{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-02.jpg')}
.article-visual.topic-03{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-03.jpg')}
.article-visual.topic-04{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-04.jpg')}
.article-visual.topic-05{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-05.jpg')}
.article-visual.topic-06{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-06.jpg')}
.article-visual.topic-07{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-07.jpg')}
.article-visual.topic-08{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-08.jpg')}
.article-visual.topic-09{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-09.jpg')}
.article-visual.topic-10{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-10.jpg')}
.article-visual.topic-11{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-11.jpg')}
.article-visual.topic-12{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-12.jpg')}
.article-visual.topic-13{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-13.jpg')}
.article-visual.topic-14{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-14.jpg')}
.article-visual.topic-15{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-15.jpg')}
.article-visual.topic-16{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-16.jpg')}
.article-visual.topic-17{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-17.jpg')}
.article-visual.topic-18{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-18.jpg')}
.article-visual.topic-19{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-19.jpg')}
.article-visual.topic-20{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-20.jpg')}
.article-visual.topic-21{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-21.jpg')}
.article-visual.topic-22{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-22.jpg')}
.article-visual.topic-23{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-23.jpg')}
.article-visual.topic-24{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-24.jpg')}
.article-visual.topic-25{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-25.jpg')}

.article-visual.topic-26{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/juice-photo-1.jpg')}
.article-visual.topic-27{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/juice-photo-2.jpg')}
.article-visual.topic-28{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/juice-photo-3.jpg')}
.article-visual.topic-29{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/juice-photo-4.jpg')}
.article-visual.topic-30{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/juice-photo-5.jpg')}
.article-visual.topic-31{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/juice-photo-6.jpg')}
.article-visual.topic-32{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/juice-photo-7.jpg')}
.article-visual.topic-33{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/juice-photo-8.jpg')}



/* Uitgebreide beeldbank: 30 extra thematische afbeeldingen */
.article-visual.topic-34{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-34.jpg')}
.article-visual.topic-35{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-35.jpg')}
.article-visual.topic-36{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-36.jpg')}
.article-visual.topic-37{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-37.jpg')}
.article-visual.topic-38{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-38.jpg')}
.article-visual.topic-39{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-39.jpg')}
.article-visual.topic-40{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-40.jpg')}
.article-visual.topic-41{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-41.jpg')}
.article-visual.topic-42{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-42.jpg')}
.article-visual.topic-43{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-43.jpg')}
.article-visual.topic-44{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-44.jpg')}
.article-visual.topic-45{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-45.jpg')}
.article-visual.topic-46{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-46.jpg')}
.article-visual.topic-47{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-47.jpg')}
.article-visual.topic-48{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-48.jpg')}
.article-visual.topic-49{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-49.jpg')}
.article-visual.topic-50{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-50.jpg')}
.article-visual.topic-51{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-51.jpg')}
.article-visual.topic-52{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-52.jpg')}
.article-visual.topic-53{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-53.jpg')}
.article-visual.topic-54{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-54.jpg')}
.article-visual.topic-55{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-55.jpg')}
.article-visual.topic-56{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-56.jpg')}
.article-visual.topic-57{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-57.jpg')}
.article-visual.topic-58{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-58.jpg')}
.article-visual.topic-59{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-59.jpg')}
.article-visual.topic-60{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-60.jpg')}
.article-visual.topic-61{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-61.jpg')}
.article-visual.topic-62{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-62.jpg')}
.article-visual.topic-63{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-63.jpg')}

/* Extra beeldbank v15: nieuwe, thematisch herkenbare beelden */
.article-visual.topic-64{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-64.jpg')}
.article-visual.topic-65{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-65.jpg')}
.article-visual.topic-66{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-66.jpg')}
.article-visual.topic-67{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-67.jpg')}
.article-visual.topic-68{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-68.jpg')}
.article-visual.topic-69{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-69.jpg')}
.article-visual.topic-70{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-70.jpg')}
.article-visual.topic-71{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-71.jpg')}
.article-visual.topic-72{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-72.jpg')}
.article-visual.topic-73{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-73.jpg')}
.article-visual.topic-74{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-74.jpg')}
.article-visual.topic-75{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-75.jpg')}
.article-visual.topic-76{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-76.jpg')}
.article-visual.topic-77{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-77.jpg')}
.article-visual.topic-78{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-78.jpg')}
.article-visual.topic-79{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-79.jpg')}
.article-visual.topic-80{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-80.jpg')}
.article-visual.topic-81{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-81.jpg')}
.article-visual.topic-82{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-82.jpg')}
.article-visual.topic-83{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-83.jpg')}

/* Wildlife: specifieke foto voor wilde dieren, bosdieren en natuurberichten */
.article-visual.topic-84{background-image:linear-gradient(180deg,rgba(8,7,12,.02),rgba(8,7,12,.10) 34%,rgba(8,7,12,.86)),url('assets/topic-84.jpg')}