{"id":683,"date":"2026-04-07T21:17:35","date_gmt":"2026-04-07T21:17:35","guid":{"rendered":"https:\/\/18hits.nl\/site\/?page_id=683"},"modified":"2026-04-07T22:00:25","modified_gmt":"2026-04-07T22:00:25","slug":"adverteren","status":"publish","type":"page","link":"https:\/\/18hits.nl\/site\/adverteren\/","title":{"rendered":"Adverteren"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"683\" class=\"elementor elementor-683\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c3636b e-flex e-con-boxed e-con e-parent\" data-id=\"1c3636b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45d25f7 elementor-widget elementor-widget-html\" data-id=\"45d25f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"hits18-now-widget\">\n  <div class=\"hits18-wrap\">\n\n    <!-- DESKTOP \/ TABLET -->\n    <div class=\"hits18-desktop\">\n\n      <!-- TOP BAR -->\n      <div class=\"hits18-nowbar\">\n        <div class=\"hits18-nowbar-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path fill=\"currentColor\" d=\"M12 2.5l2.82 5.72 6.31.92-4.56 4.45 1.08 6.29L12 16.92 6.35 19.88l1.08-6.29L2.87 9.14l6.31-.92L12 2.5z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"hits18-nowbar-text\">\n          <strong>NU:<\/strong> <span id=\"hits18TopNow\">Laden\u2026<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- LISTEN -->\n      <a class=\"hits18-listen-btn\" href=\"https:\/\/18hits.nl\/player\/\" id=\"hits18ListenPopup\" rel=\"noopener\">\n        <div class=\"hits18-listen-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path fill=\"currentColor\" d=\"M12 3a9 9 0 0 0-9 9h3a6 6 0 0 1 12 0h3a9 9 0 0 0-9-9zm-4 10a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h1v-5H8zm8 0h-1v5h1a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2z\"\/>\n          <\/svg>\n        <\/div>\n        <span>LUISTER NU \u203a<\/span>\n      <\/a>\n\n      <!-- LEFT VISUAL -->\n      <div class=\"hits18-visual-card\" id=\"hits18VisualCard\">\n        <img decoding=\"async\"\n          id=\"hits18VisualImage\"\n          src=\"https:\/\/18hits.nl\/site\/wp-content\/uploads\/2026\/04\/allehitsvannu.png\"\n          alt=\"18Hits visual\"\n        \/>\n      <\/div>\n\n      <!-- SIDE -->\n      <div class=\"hits18-side\" id=\"hits18Side\">\n\n        <!-- NOW PLAYING -->\n        <div class=\"hits18-info-card hits18-info-card-now\">\n          <div class=\"hits18-info-cover-wrap\">\n            <img decoding=\"async\" id=\"hits18NowCover\" class=\"hits18-info-cover\" src=\"\" alt=\"\">\n          <\/div>\n          <div class=\"hits18-info-text\">\n            <div class=\"hits18-label\">NU:<\/div>\n            <div class=\"hits18-artist\" id=\"hits18NowArtist\">Laden\u2026<\/div>\n            <div class=\"hits18-title\" id=\"hits18NowTitle\"><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- ZONET -->\n        <div class=\"hits18-info-card\">\n          <div class=\"hits18-info-cover-wrap\">\n            <img decoding=\"async\" id=\"hits18PrevCover\" class=\"hits18-info-cover\" src=\"\" alt=\"\">\n          <\/div>\n          <div class=\"hits18-info-text\">\n            <div class=\"hits18-label\">ZONET:<\/div>\n            <div class=\"hits18-artist\" id=\"hits18PrevArtist\">Laden\u2026<\/div>\n            <div class=\"hits18-title\" id=\"hits18PrevTitle\"><\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- MOBILE COLLAPSED -->\n    <div class=\"hits18-mobile\" id=\"hits18MobileWidget\">\n\n      <button class=\"hits18-mobile-bar\" id=\"hits18MobileToggle\" type=\"button\" aria-expanded=\"false\">\n        <div class=\"hits18-mobile-left\">\n          <div class=\"hits18-mobile-cover-wrap\">\n            <img decoding=\"async\" id=\"hits18MobileNowCover\" class=\"hits18-mobile-cover\" src=\"\" alt=\"\">\n          <\/div>\n          <div class=\"hits18-mobile-meta\">\n            <div class=\"hits18-mobile-label\">NU<\/div>\n            <div class=\"hits18-mobile-track\" id=\"hits18MobileNowText\">Laden\u2026<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hits18-mobile-right\">\n          <span class=\"hits18-mobile-chevron\" id=\"hits18MobileChevron\">\u2304<\/span>\n        <\/div>\n      <\/button>\n\n      <div class=\"hits18-mobile-panel\" id=\"hits18MobilePanel\">\n        <a class=\"hits18-mobile-listen-btn\" href=\"https:\/\/18hits.nl\/player\/\" id=\"hits18ListenPopupMobile\" rel=\"noopener\">\n          <div class=\"hits18-mobile-listen-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path fill=\"currentColor\" d=\"M12 3a9 9 0 0 0-9 9h3a6 6 0 0 1 12 0h3a9 9 0 0 0-9-9zm-4 10a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h1v-5H8zm8 0h-1v5h1a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2z\"\/>\n            <\/svg>\n          <\/div>\n          <span>LUISTER NU \u203a<\/span>\n        <\/a>\n\n        <div class=\"hits18-mobile-info-card hits18-mobile-info-card-now\">\n          <div class=\"hits18-mobile-info-cover-wrap\">\n            <img decoding=\"async\" id=\"hits18MobileNowCoverPanel\" class=\"hits18-mobile-info-cover\" src=\"\" alt=\"\">\n          <\/div>\n          <div class=\"hits18-mobile-info-text\">\n            <div class=\"hits18-mobile-info-label\">NU:<\/div>\n            <div class=\"hits18-mobile-info-artist\" id=\"hits18MobileNowArtist\">Laden\u2026<\/div>\n            <div class=\"hits18-mobile-info-title\" id=\"hits18MobileNowTitle\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hits18-mobile-info-card\">\n          <div class=\"hits18-mobile-info-cover-wrap\">\n            <img decoding=\"async\" id=\"hits18MobilePrevCover\" class=\"hits18-mobile-info-cover\" src=\"\" alt=\"\">\n          <\/div>\n          <div class=\"hits18-mobile-info-text\">\n            <div class=\"hits18-mobile-info-label\">ZONET:<\/div>\n            <div class=\"hits18-mobile-info-artist\" id=\"hits18MobilePrevArtist\">Laden\u2026<\/div>\n            <div class=\"hits18-mobile-info-title\" id=\"hits18MobilePrevTitle\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n  #hits18-now-widget,\n  #hits18-now-widget * {\n    box-sizing: border-box;\n  }\n\n  #hits18-now-widget {\n    width: 100%;\n    max-width: 100%;\n    font-family: 'Inter', Arial, sans-serif;\n  }\n\n  \/* DESKTOP WRAP *\/\n  #hits18-now-widget .hits18-desktop {\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n    display: grid;\n    grid-template-columns: 1.6fr 1fr;\n    grid-template-areas:\n      \"top listen\"\n      \"visual side\";\n    gap: 16px;\n    align-items: start;\n  }\n\n  #hits18-now-widget .hits18-mobile {\n    display: none;\n  }\n\n  #hits18-now-widget .hits18-nowbar,\n  #hits18-now-widget .hits18-listen-btn,\n  #hits18-now-widget .hits18-info-card {\n    background: #eeeeee;\n  }\n\n  \/* TOP BAR *\/\n  #hits18-now-widget .hits18-nowbar {\n    grid-area: top;\n    min-height: 56px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    border-radius: 8px;\n  }\n\n  #hits18-now-widget .hits18-nowbar-icon {\n    width: 56px;\n    min-width: 56px;\n    height: 56px;\n    background: linear-gradient(180deg, #f0068f 0%, #d50078 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #ffffff;\n  }\n\n  #hits18-now-widget .hits18-nowbar-icon svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  #hits18-now-widget .hits18-nowbar-text {\n    padding: 0 18px;\n    font-size: 21px;\n    font-weight: 600;\n    color: #111111;\n    line-height: 1.2;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  #hits18-now-widget .hits18-nowbar-text strong {\n    font-weight: 900;\n  }\n\n  \/* LISTEN BTN *\/\n  #hits18-now-widget .hits18-listen-btn {\n    grid-area: listen;\n    min-height: 56px;\n    display: flex;\n    align-items: stretch;\n    text-decoration: none;\n    overflow: hidden;\n    border-radius: 8px;\n    cursor: pointer;\n  }\n\n  #hits18-now-widget .hits18-listen-icon {\n    width: 56px;\n    min-width: 56px;\n    height: 56px;\n    background: #2b7bcf;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n  }\n\n  #hits18-now-widget .hits18-listen-icon svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  #hits18-now-widget .hits18-listen-btn span:last-child {\n    flex: 1;\n    height: 56px;\n    background: linear-gradient(180deg, #f0068f 0%, #d50078 100%);\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 19px;\n    font-weight: 900;\n    letter-spacing: .2px;\n  }\n\n  \/* LEFT VISUAL *\/\n  #hits18-now-widget .hits18-visual-card {\n    grid-area: visual;\n    height: 236px;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #dfe8f6;\n  }\n\n  #hits18-now-widget .hits18-visual-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* SIDE *\/\n  #hits18-now-widget .hits18-side {\n    grid-area: side;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  #hits18-now-widget .hits18-info-card {\n    min-height: 110px;\n    display: grid;\n    grid-template-columns: 90px 1fr;\n    gap: 14px;\n    align-items: center;\n    padding: 12px 14px;\n    border-radius: 8px;\n  }\n\n  #hits18-now-widget .hits18-info-card-now {\n    background: #e8f2ff;\n  }\n\n  #hits18-now-widget .hits18-info-cover-wrap {\n    width: 90px;\n    height: 90px;\n    border-radius: 6px;\n    overflow: hidden;\n    background: #d8d8d8;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  #hits18-now-widget .hits18-info-cover {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  #hits18-now-widget .hits18-info-text {\n    min-width: 0;\n    color: #111111;\n  }\n\n  #hits18-now-widget .hits18-label {\n    font-size: 19px;\n    line-height: 1.05;\n    font-weight: 600;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n  }\n\n  #hits18-now-widget .hits18-artist,\n  #hits18-now-widget .hits18-title {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  #hits18-now-widget .hits18-artist {\n    font-size: 22px;\n    line-height: 1.05;\n    font-weight: 900;\n    text-transform: uppercase;\n  }\n\n  #hits18-now-widget .hits18-title {\n    font-size: 20px;\n    line-height: 1.05;\n    font-weight: 500;\n    margin-top: 3px;\n    text-transform: uppercase;\n  }\n\n  \/* MOBILE COLLAPSED *\/\n  #hits18-now-widget .hits18-mobile {\n    width: 100%;\n  }\n\n  #hits18-now-widget .hits18-mobile-bar {\n    width: 100%;\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background: #eeeeee;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    overflow: hidden;\n    cursor: pointer;\n    text-align: left;\n    font-family: inherit;\n  }\n\n  #hits18-now-widget .hits18-mobile-left {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 10px;\n  }\n\n  #hits18-now-widget .hits18-mobile-cover-wrap {\n    width: 52px;\n    height: 52px;\n    min-width: 52px;\n    border-radius: 6px;\n    overflow: hidden;\n    background: #d8d8d8;\n  }\n\n  #hits18-now-widget .hits18-mobile-cover {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  #hits18-now-widget .hits18-mobile-meta {\n    min-width: 0;\n  }\n\n  #hits18-now-widget .hits18-mobile-label {\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1;\n    color: #f0068f;\n    margin-bottom: 4px;\n    text-transform: uppercase;\n  }\n\n  #hits18-now-widget .hits18-mobile-track {\n    font-size: 15px;\n    line-height: 1.2;\n    font-weight: 800;\n    color: #111111;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  #hits18-now-widget .hits18-mobile-right {\n    width: 46px;\n    min-width: 46px;\n    align-self: stretch;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(180deg, #f0068f 0%, #d50078 100%);\n    color: #fff;\n  }\n\n  #hits18-now-widget .hits18-mobile-chevron {\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1;\n    transition: transform .22s ease;\n  }\n\n  #hits18-now-widget .hits18-mobile.is-open .hits18-mobile-chevron {\n    transform: rotate(180deg);\n  }\n\n  #hits18-now-widget .hits18-mobile-panel {\n    display: none;\n    margin-top: 10px;\n    gap: 10px;\n    flex-direction: column;\n  }\n\n  #hits18-now-widget .hits18-mobile.is-open .hits18-mobile-panel {\n    display: flex;\n  }\n\n  #hits18-now-widget .hits18-mobile-listen-btn {\n    min-height: 48px;\n    display: flex;\n    align-items: stretch;\n    text-decoration: none;\n    overflow: hidden;\n    border-radius: 8px;\n    background: #eeeeee;\n  }\n\n  #hits18-now-widget .hits18-mobile-listen-icon {\n    width: 48px;\n    min-width: 48px;\n    height: 48px;\n    background: #2b7bcf;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n  }\n\n  #hits18-now-widget .hits18-mobile-listen-icon svg {\n    width: 22px;\n    height: 22px;\n  }\n\n  #hits18-now-widget .hits18-mobile-listen-btn span:last-child {\n    flex: 1;\n    height: 48px;\n    background: linear-gradient(180deg, #f0068f 0%, #d50078 100%);\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 900;\n    letter-spacing: .2px;\n  }\n\n  #hits18-now-widget .hits18-mobile-info-card {\n    min-height: 88px;\n    display: grid;\n    grid-template-columns: 68px 1fr;\n    gap: 10px;\n    align-items: center;\n    padding: 10px;\n    border-radius: 8px;\n    background: #eeeeee;\n  }\n\n  #hits18-now-widget .hits18-mobile-info-card-now {\n    background: #e8f2ff;\n  }\n\n  #hits18-now-widget .hits18-mobile-info-cover-wrap {\n    width: 68px;\n    height: 68px;\n    border-radius: 6px;\n    overflow: hidden;\n    background: #d8d8d8;\n  }\n\n  #hits18-now-widget .hits18-mobile-info-cover {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  #hits18-now-widget .hits18-mobile-info-text {\n    min-width: 0;\n    color: #111111;\n  }\n\n  #hits18-now-widget .hits18-mobile-info-label {\n    font-size: 14px;\n    line-height: 1.05;\n    font-weight: 700;\n    margin-bottom: 4px;\n    text-transform: uppercase;\n  }\n\n  #hits18-now-widget .hits18-mobile-info-artist,\n  #hits18-now-widget .hits18-mobile-info-title {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  #hits18-now-widget .hits18-mobile-info-artist {\n    font-size: 16px;\n    line-height: 1.05;\n    font-weight: 900;\n    text-transform: uppercase;\n  }\n\n  #hits18-now-widget .hits18-mobile-info-title {\n    font-size: 14px;\n    line-height: 1.05;\n    font-weight: 500;\n    margin-top: 3px;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 900px) {\n    #hits18-now-widget .hits18-desktop {\n      display: none;\n    }\n\n    #hits18-now-widget .hits18-mobile {\n      display: block;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const JSON_URL = 'https:\/\/mcp.stream-provider.nl:2020\/json\/stream\/18hits';\n    const FALLBACK_COVER = 'https:\/\/18hits.nl\/site\/wp-content\/uploads\/2026\/04\/925b3733-cd10-4c84-92df-ee8ffb1cc108.png';\n    const PLAYER_URL = 'https:\/\/18hits.nl\/player\/';\n    const POPUP_WIDTH = 420;\n    const POPUP_HEIGHT = 800;\n\n    const topNowEl = document.getElementById('hits18TopNow');\n\n    const nowArtistEl = document.getElementById('hits18NowArtist');\n    const nowTitleEl  = document.getElementById('hits18NowTitle');\n    const nowCoverEl  = document.getElementById('hits18NowCover');\n\n    const prevArtistEl = document.getElementById('hits18PrevArtist');\n    const prevTitleEl  = document.getElementById('hits18PrevTitle');\n    const prevCoverEl  = document.getElementById('hits18PrevCover');\n\n    const mobileNowTextEl = document.getElementById('hits18MobileNowText');\n    const mobileNowCoverEl = document.getElementById('hits18MobileNowCover');\n    const mobileNowCoverPanelEl = document.getElementById('hits18MobileNowCoverPanel');\n    const mobileNowArtistEl = document.getElementById('hits18MobileNowArtist');\n    const mobileNowTitleEl = document.getElementById('hits18MobileNowTitle');\n\n    const mobilePrevCoverEl = document.getElementById('hits18MobilePrevCover');\n    const mobilePrevArtistEl = document.getElementById('hits18MobilePrevArtist');\n    const mobilePrevTitleEl = document.getElementById('hits18MobilePrevTitle');\n\n    const visualCardEl = document.getElementById('hits18VisualCard');\n    const sideEl = document.getElementById('hits18Side');\n    const listenPopupBtn = document.getElementById('hits18ListenPopup');\n    const listenPopupBtnMobile = document.getElementById('hits18ListenPopupMobile');\n\n    const mobileWidget = document.getElementById('hits18MobileWidget');\n    const mobileToggle = document.getElementById('hits18MobileToggle');\n\n    function parseTrack(str) {\n      if (!str) return { artist: '', title: '' };\n      const i = str.indexOf(' - ');\n      return i !== -1\n        ? { artist: str.slice(0, i).trim(), title: str.slice(i + 3).trim() }\n        : { artist: str.trim(), title: '' };\n    }\n\n    function coverSize(url, size) {\n      return url ? url.replace(\/\\\/\\d+x\\d+bb\\.jpg$\/i, '\/' + size + 'x' + size + 'bb.jpg') : '';\n    }\n\n    function setSafeImage(imgEl, src, alt) {\n      if (!imgEl) return;\n      imgEl.onerror = function () {\n        this.onerror = null;\n        this.src = FALLBACK_COVER;\n      };\n      imgEl.src = src || FALLBACK_COVER;\n      imgEl.alt = alt || '';\n    }\n\n    function syncVisualHeight() {\n      if (!visualCardEl || !sideEl) return;\n\n      if (window.innerWidth <= 900) {\n        visualCardEl.style.height = '';\n        return;\n      }\n\n      const sideHeight = sideEl.offsetHeight;\n      if (sideHeight > 0) {\n        visualCardEl.style.height = sideHeight + 'px';\n      }\n    }\n\n    function openPlayerPopup(e) {\n      if (e) e.preventDefault();\n\n      const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screenX;\n      const dualScreenTop = window.screenTop !== undefined ? window.screenTop : window.screenY;\n\n      const windowWidth = window.innerWidth || document.documentElement.clientWidth || screen.width;\n      const windowHeight = window.innerHeight || document.documentElement.clientHeight || screen.height;\n\n      const left = dualScreenLeft + (windowWidth - POPUP_WIDTH) \/ 2;\n      const top = dualScreenTop + (windowHeight - POPUP_HEIGHT) \/ 2;\n\n      const features = [\n        'scrollbars=yes',\n        'resizable=yes',\n        'toolbar=no',\n        'location=no',\n        'status=no',\n        'menubar=no',\n        'width=' + POPUP_WIDTH,\n        'height=' + POPUP_HEIGHT,\n        'left=' + Math.max(0, Math.round(left)),\n        'top=' + Math.max(0, Math.round(top))\n      ].join(',');\n\n      const popup = window.open(PLAYER_URL, 'hits18PlayerPopup', features);\n\n      if (popup) {\n        popup.focus();\n      } else {\n        window.location.href = PLAYER_URL;\n      }\n    }\n\n    async function loadNowPlaying() {\n      try {\n        const res = await fetch(JSON_URL + '?_=' + Date.now(), { cache: 'no-store' });\n        const data = await res.json();\n\n        const nowRaw = data.nowplaying || '';\n        const history = Array.isArray(data.trackhistory) ? data.trackhistory : [];\n        const covers = Array.isArray(data.covers) ? data.covers : [];\n\n        const now = parseTrack(nowRaw);\n        const prev = parseTrack(history[0] || '');\n\n        if (topNowEl) topNowEl.textContent = nowRaw || 'Geen info beschikbaar';\n\n        if (nowArtistEl) nowArtistEl.textContent = now.artist || '18Hits';\n        if (nowTitleEl) nowTitleEl.textContent = now.title || '';\n\n        if (prevArtistEl) prevArtistEl.textContent = prev.artist || 'Geen info';\n        if (prevTitleEl) prevTitleEl.textContent = prev.title || '';\n\n        if (mobileNowTextEl) {\n          mobileNowTextEl.textContent = nowRaw || 'Geen info beschikbaar';\n        }\n\n        if (mobileNowArtistEl) mobileNowArtistEl.textContent = now.artist || '18Hits';\n        if (mobileNowTitleEl) mobileNowTitleEl.textContent = now.title || '';\n\n        if (mobilePrevArtistEl) mobilePrevArtistEl.textContent = prev.artist || 'Geen info';\n        if (mobilePrevTitleEl) mobilePrevTitleEl.textContent = prev.title || '';\n\n        const nowCover = coverSize(data.coverart || '', 200);\n        const prevCover = coverSize(covers[0] || '', 200);\n\n        const nowAlt = now.artist && now.title ? now.artist + ' - ' + now.title : 'Now playing cover';\n        const prevAlt = prev.artist && prev.title ? prev.artist + ' - ' + prev.title : 'Zonet cover';\n\n        setSafeImage(nowCoverEl, nowCover, nowAlt);\n        setSafeImage(prevCoverEl, prevCover, prevAlt);\n\n        setSafeImage(mobileNowCoverEl, nowCover, nowAlt);\n        setSafeImage(mobileNowCoverPanelEl, nowCover, nowAlt);\n        setSafeImage(mobilePrevCoverEl, prevCover, prevAlt);\n\n        requestAnimationFrame(syncVisualHeight);\n      } catch (e) {\n        if (topNowEl) topNowEl.textContent = 'Momenteel geen data';\n\n        if (nowArtistEl) nowArtistEl.textContent = '18Hits';\n        if (nowTitleEl) nowTitleEl.textContent = 'Alle hits van nu';\n        if (prevArtistEl) prevArtistEl.textContent = 'Geen info';\n        if (prevTitleEl) prevTitleEl.textContent = '';\n\n        if (mobileNowTextEl) mobileNowTextEl.textContent = 'Momenteel geen data';\n        if (mobileNowArtistEl) mobileNowArtistEl.textContent = '18Hits';\n        if (mobileNowTitleEl) mobileNowTitleEl.textContent = 'Alle hits van nu';\n        if (mobilePrevArtistEl) mobilePrevArtistEl.textContent = 'Geen info';\n        if (mobilePrevTitleEl) mobilePrevTitleEl.textContent = '';\n\n        setSafeImage(nowCoverEl, FALLBACK_COVER, 'Fallback cover');\n        setSafeImage(prevCoverEl, FALLBACK_COVER, 'Fallback cover');\n        setSafeImage(mobileNowCoverEl, FALLBACK_COVER, 'Fallback cover');\n        setSafeImage(mobileNowCoverPanelEl, FALLBACK_COVER, 'Fallback cover');\n        setSafeImage(mobilePrevCoverEl, FALLBACK_COVER, 'Fallback cover');\n\n        requestAnimationFrame(syncVisualHeight);\n      }\n    }\n\n    function toggleMobilePanel() {\n      if (!mobileWidget || !mobileToggle) return;\n      const isOpen = mobileWidget.classList.toggle('is-open');\n      mobileToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n    }\n\n    if (listenPopupBtn) {\n      listenPopupBtn.addEventListener('click', openPlayerPopup);\n    }\n\n    if (listenPopupBtnMobile) {\n      listenPopupBtnMobile.addEventListener('click', openPlayerPopup);\n    }\n\n    if (mobileToggle) {\n      mobileToggle.addEventListener('click', toggleMobilePanel);\n    }\n\n    loadNowPlaying();\n    setInterval(loadNowPlaying, 10000);\n\n    window.addEventListener('load', syncVisualHeight);\n    window.addEventListener('resize', syncVisualHeight);\n    setTimeout(syncVisualHeight, 300);\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46f45c0 e-flex e-con-boxed e-con e-parent\" data-id=\"46f45c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4faaad3 elementor-widget elementor-widget-html\" data-id=\"4faaad3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hits18-textcard hits18-textcard-large\">\n\n  <div class=\"hits18-textcard-title\">Adverteren<\/div>\n\n  <div class=\"hits18-textcard-content\">\n    Adverteren op 18Hits kan op verschillende manieren.<br><br><b>Audio<\/b><br>\n    Het gebruik van radiocommercials is zonder meer de meest effectieve manier van adverteren bij 18Hits. Radiocommercials worden exclusief* verkocht door <a href=\"mailto:office@audioadvertisingservice.nl\">Audio Advertising Service<\/a>.<br><br>\n    <b>Display<\/b><br>Display Ads op 18Hits.nl en 18Hits.FM en via onze mobiele app worden automatisch verhandeld via diverse platforms maar kunnen ook op verzoek rechtstreeks worden ingekocht, bijvoorbeeld in combinatie met een audiocommercial.<br><br>\n    <b>Sponsoring<\/b><br>18Hits biedt de mogelijkheid uw bedrijf of product voor korte of lange periodes aan onze zender of programma(blok) te koppelen middels een audioboard (\"mede mogelijk gemaakt door..\"). Mail voor meer informatie naar     <a href=\"mailto:sales@18hits.nl\">sales@18hits.nl<\/a>.\n    <br><br>\n    We willen graag samen met jou de situatie bekijken. Neem hiervoor vrijblijvend contact met ons op.\n\n  <\/div>\n\n<\/div>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\n\n  .hits18-textcard{\n    position:relative;\n    width:100%;\n    background:\n      linear-gradient(180deg, rgba(10,23,49,0.98) 0%, rgba(15,34,71,0.98) 100%);\n    border-radius:22px;\n    padding:34px 30px;\n    overflow:hidden;\n    box-shadow:\n      0 14px 36px rgba(7,18,40,.22),\n      inset 0 1px 0 rgba(255,255,255,.06);\n    font-family:'Inter',sans-serif;\n  }\n\n  .hits18-textcard::before{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n    right:0;\n    height:4px;\n    background:linear-gradient(90deg,#24a8ff 0%, #ff1493 100%);\n  }\n\n  .hits18-textcard::after{\n    content:\"\";\n    position:absolute;\n    right:-60px;\n    top:-60px;\n    width:160px;\n    height:160px;\n    background:radial-gradient(circle, rgba(255,20,147,.16) 0%, rgba(255,20,147,0) 70%);\n    pointer-events:none;\n  }\n\n  .hits18-textcard-title{\n    position:relative;\n    z-index:2;\n    color:#ffffff;\n    font-size:24px;\n    font-weight:800;\n    margin-bottom:18px;\n    text-transform:uppercase;\n  }\n\n  .hits18-textcard-content{\n    position:relative;\n    z-index:2;\n    color:rgba(255,255,255,.88);\n    font-size:17px;\n    line-height:1.8;\n    font-weight:500;\n  }\n\n  \/* Link styling *\/\n  .hits18-textcard-content a{\n    color:#ff1493;\n    font-weight:600;\n    text-decoration:none;\n    position:relative;\n  }\n\n  .hits18-textcard-content a::after{\n    content:\"\";\n    position:absolute;\n    left:0;\n    bottom:-3px;\n    width:100%;\n    height:2px;\n    background:linear-gradient(90deg,#24a8ff,#ff1493);\n    transform:scaleX(0);\n    transform-origin:left;\n    transition:.3s ease;\n  }\n\n  .hits18-textcard-content a:hover::after{\n    transform:scaleX(1);\n  }\n\n  @media (max-width: 768px){\n    .hits18-textcard{\n      padding:26px 22px;\n    }\n\n    .hits18-textcard-title{\n      font-size:20px;\n    }\n\n    .hits18-textcard-content{\n      font-size:16px;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NU: Laden\u2026 LUISTER NU \u203a NU: Laden\u2026 ZONET: Laden\u2026 NU Laden\u2026 \u2304 LUISTER NU \u203a NU: Laden\u2026 ZONET: Laden\u2026 Adverteren [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-683","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/18hits.nl\/site\/wp-json\/wp\/v2\/pages\/683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/18hits.nl\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/18hits.nl\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/18hits.nl\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/18hits.nl\/site\/wp-json\/wp\/v2\/comments?post=683"}],"version-history":[{"count":19,"href":"https:\/\/18hits.nl\/site\/wp-json\/wp\/v2\/pages\/683\/revisions"}],"predecessor-version":[{"id":714,"href":"https:\/\/18hits.nl\/site\/wp-json\/wp\/v2\/pages\/683\/revisions\/714"}],"wp:attachment":[{"href":"https:\/\/18hits.nl\/site\/wp-json\/wp\/v2\/media?parent=683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}