{"id":2878,"date":"2025-05-26T23:08:22","date_gmt":"2025-05-26T21:08:22","guid":{"rendered":"https:\/\/marigoldband.nl\/?page_id=2878"},"modified":"2026-03-14T21:13:29","modified_gmt":"2026-03-14T20:13:29","slug":"home","status":"publish","type":"page","link":"https:\/\/marigoldband.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2878\" class=\"elementor elementor-2878\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d15fc63 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d15fc63\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-962b3c2 elementor-widget elementor-widget-html\" data-id=\"962b3c2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<head>\r\n    <script>\r\n  (function() {\r\n    const ua = navigator.userAgent || navigator.platform;\r\n    if (\/iP(hone|ad|od)\/.test(ua) ||\r\n        (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) {\r\n      document.documentElement.classList.add('ios');\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Marigold Band<\/title>\r\n\r\n  <!-- Font Awesome voor iconen -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\" \/>\r\n\r\n  <style>\r\n    \/* Reset & basis *\/\r\n    html, body {\r\n      margin: 0;\r\n      padding: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow-x: hidden;\r\n      font-family: Arial, sans-serif;\r\n      background: #111; \/* zonder achtergrondafbeelding *\/\r\n      color: #fff;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    main {\r\n      flex: 1;\r\n    }\r\n\/* smooth scrollen *\/\r\nhtml {\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n.back-to-top {\r\n  position: fixed;\r\n  bottom: 20px;\r\n  right: 20px;\r\n  width: 35px;\r\n  height: 35px;\r\n  background-color: #333;\r\n  color: white !important;\r\n  text-align: center;\r\n  line-height: 30px;   \/* dit centreren we nu perfect *\/\r\n  font-size: 18px;     \/* iets kleiner zodat hij luchtiger oogt *\/\r\n  border-radius: 6px;  \/* lichte afronding *\/\r\n  cursor: pointer;\r\n  display: none;\r\n  z-index: 1000;\r\n}\r\n\r\n.back-to-top:hover {\r\n  background-color: darkorange;\r\n  color: black;\r\n  opacity: 0.8;\r\n}\r\n\r\n\r\n    \/* Sticky header *\/\r\n    #stickyheader {\r\n      position: fixed;\r\n      top: 0; left: 0; right: 0;\r\n      background-color: rgba(0, 0, 0, 0.2);\r\n      transition: background-color 0.4s ease;\r\n      z-index: 1000;\r\n      padding: 12px 0;\r\n    }\r\n\r\n    body.scrolled #stickyheader,\r\n    body.menu-open #stickyheader {\r\n      background-color: rgba(0, 0, 0, 0.8);\r\n    }\r\n\r\n    \/* Navigatie *\/\r\n    nav ul {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n      text-align: center;\r\n      display: flex;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    nav ul li {\r\n      display: inline-block;\r\n      margin: 0 20px;\r\n    }\r\n\r\n    nav ul li a {\r\n      color: white;\r\n      font-weight: bold;\r\n      font-size: 16px;\r\n      padding: 6px 0;\r\n      position: relative;\r\n      text-decoration: none;\r\n      transition: color 0.8s ease;\r\n      cursor: pointer;\r\n    }\r\n\r\n    nav ul li a::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 0; left: 0;\r\n      height: 2px;\r\n      width: 0;\r\n      background-color: #f9a825;\r\n      transition: width 0.6s ease;\r\n    }\r\n\r\n    nav ul li a:hover::after,\r\n    nav ul li a.active::after {\r\n      width: 100%;\r\n    }\r\n\r\n    nav ul li a:focus,\r\n    nav ul li a:visited {\r\n      color: white;\r\n      outline: none;\r\n      text-decoration: none;\r\n    }\r\n\r\n    nav ul li a:hover,\r\n    nav ul li a.active {\r\n      color: #f9a825;\r\n    }\r\n\r\n    \/* Nav container *\/\r\n    .nav-container {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 0;\r\n      position: relative;\r\n    }\r\n\r\n    \/* Logo *\/\r\n    .logo-link {\r\n      display: inline-block;\r\n      margin-right: 20px;\r\n    }\r\n\r\n    .logo {\r\n      height: 50px !important;\r\n      width: auto;\r\n      display: block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    \/* Hamburger menu *\/\r\n    .hamburger {\r\n      display: none;\r\n      font-size: 22px;\r\n      cursor: pointer;\r\n      color: #fff;\r\n      padding: 8px;\r\n      align-self: center;\r\n      margin-left: auto;\r\n    }\r\n\r\n \/* Band info sectie *\/\r\n.band-info {\r\n  display: flex;\r\n  gap: 20px; \/* ruimte tussen tekst en foto *\/\r\n  padding: 0 100px;\r\n}\r\n\r\n.band-text,\r\n.band-image {\r\n  flex: 1;\r\n}\r\n\r\n.band-text {\r\n  text-align: left; \r\n}\r\n\r\n.band-image img {\r\n  object-fit: cover;\r\n  border: 4px solid orange;\r\n  border-radius: 8px; \/* optioneel, voor afgeronde hoeken *\/\r\n  display: block; \/* voorkomt extra ruimte onder de afbeelding *\/\r\n  max-width: 100%; \/* zorgt dat de afbeelding niet uitrekt *\/\r\n  height: auto;\r\n}\r\n\r\n\/* responsiveness voor mobiel *\/\r\n@media (max-width: 768px) {\r\n  .band-info {\r\n    flex-direction: column;\r\n    padding: 0 20px; \/* minder padding op mobiel *\/\r\n  }\r\n\r\n  .band-text {\r\n    text-align: center;\r\n  }\r\n\r\n  .band-image {\r\n    margin-top: 20px;\r\n  }\r\n\r\n\r\n  .band-image img {\r\n    width: 100%;\r\n    height: auto;\r\n    border: 3px solid orange;\r\n    object-fit: cover;\r\n  }\r\n}\r\n\r\n    \r\n  \/* Fotos sectie *\/  \r\n#fotos {\r\n    padding: 60px 40px;\r\n  width: 100vw;\r\n  margin: 0;\r\n  position: relative;\r\n  top: -80px;  \/* hoogte van je header *\/\r\n  margin-top: -160px;\r\n  height: 0;\r\n  overflow: hidden;\r\n  text-align: center;\r\n  color: white;\r\n  box-sizing: border-box;\r\n  text-align: center;\r\n  color: white;\r\n}\r\n\r\n#fotos h2 {\r\n  margin-bottom: 40px;\r\n  font-size: 32px;\r\n  font-weight: bold;\r\n}\r\n\r\n\/* Fix voor fotos sectie die niet uit het scherm mag lopen *\/\r\n#fotos {\r\n  position: static;\r\n  left: auto;\r\n  right: auto;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  width: auto;\r\n}\r\n\r\n.photo-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  grid-template-rows: repeat(2, 1fr);\r\n  width: 100vw;\r\n  height: 100vh; \/* vaste hoogte op desktop *\/\r\n  margin: 0;\r\n  padding: 0;\r\n  gap: 0;\r\n  overflow: hidden; \/* verberg scroll op desktop *\/\r\n}\r\n\r\n.photo-grid a {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.photo-wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.photo-wrapper img {\r\n  width: 100%;\r\n  height: 100%;\r\n  height: 50vh;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.photo-grid a:hover img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* Overlay alleen zichtbaar bij hover *\/\r\n.overlay {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 36px;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.photo-grid a:hover .overlay {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n}\r\n\r\n\/* Responsive aanpassingen voor kleiner scherm *\/\r\n@media (max-width: 992px) {\r\n  .photo-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    grid-template-rows: repeat(4, 1fr);\r\n  }\r\n}\r\n\r\n\/* Mobiel: 2 kolommen, alle foto's zichtbaar *\/\r\n@media (max-width: 768px) {\r\n .photo-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    grid-template-rows: repeat(4, 1fr); \/* 4 rijen voor alle 8 foto's *\/\r\n    height: auto;   \/* laat grid meeschalen met inhoud *\/\r\n    overflow: visible; \/* toon alle foto's, ook bij scroll *\/\r\n  }\r\n}\r\n\r\n\r\n\r\n.video-section {\r\n  position: relative;\r\n  background-image: url('http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Doorkijk-Marigold-scaled.jpg'); \/* achtergrondfoto *\/\r\n  background-attachment: fixed;\r\n  background-size: cover;\r\n  background-position: center;\r\n  padding: 60px 20px;\r\n  overflow: hidden;\r\n  color: white;\r\n}\r\n\r\n.video-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background-color: rgba(249, 168, 37, 0.5); \/* oranje overlay met 50% transparantie *\/\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.video-grid {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  gap: 30px;\r\n  justify-content: center;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.video-container {\r\n  position: relative;\r\n  flex: 1 1 500px;\r\n  max-width: 550px;\r\n  border: 6px solid #f7941d;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  background: #000;\r\n  box-shadow: 0 0 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.video-container video {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  background: black;\r\n}\r\n\r\n.social-icons {\r\n  position: absolute;\r\n  top:15px;\r\n  right: 15px;\r\n  display: flex;\r\n  gap: 10px;\r\n  z-index: 2;\r\n}\r\n\r\n.social-icons a {\r\n  color: #f9a825;\r\n  font-size: 22px;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  padding: 8px;\r\n  border-radius: 50%;\r\n  transition: background 0.3s ease, color 0.3s ease;\r\n  text-decoration: none;\r\n}\r\n\r\n.social-icons a:hover {\r\n  background: #f9a825;\r\n  color: #fff;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .video-container {\r\n    width: 90vw;\r\n    max-width: 75vw;\r\n    height: 180px; \/* vaste hoogte zodat video niet langgerekt wordt *\/\r\n    border-width: 4px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .video-container video {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain; \/* aspect ratio behouden *\/\r\n  }\r\n\r\n  .social-icons {\r\n    top: 10px;\r\n    right: 10px;\r\n  }\r\n\r\n  .social-icons a {\r\n    font-size: 18px;\r\n    padding: 6px;\r\n  }\r\n\r\n  .video-section::before {\r\n    display: 100%;\r\n  }\r\n}\r\n\r\n\r\n\r\n    \/* Achtergrond bandleden *\/\r\n    .band-members-bg {\r\n      background-color: #f0f0f0;\r\n      padding: 40px 20px;\r\n      margin-top: 40px;\r\n      margin-bottom: -60px;\r\n      width: 100vw;\r\n      position: relative;\r\n      left: 50%;\r\n      right: 50%;\r\n      margin-left: -50vw;\r\n      margin-right: -50vw;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* Leden lijst *\/\r\n    .member-list {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 30px;\r\n      max-width: 1000px;\r\n      margin: 0 auto;\r\n      justify-content: center;\r\n    }\r\n\r\n    .member-list > * {\r\n      flex: 1 1 180px;\r\n      max-width: 220px;\r\n      box-sizing: border-box;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n    }\r\n\r\n    .member img {\r\n      width: 220px;\r\n      height: 220px;\r\n      object-fit: cover;\r\n      border-radius: 50%;\r\n      border: 4px solid #333;\r\n      box-shadow: 0 0 5px rgba(0,0,0,0.3);\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .member h3 {\r\n      margin: 8px 0 4px;\r\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    }\r\n\r\n    .member h3.black-title2 {\r\n      position: relative;\r\n      padding-bottom: 10px;\r\n    }\r\n\r\n    .member h3.black-title2::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 30px;\r\n      height: 3px;\r\n      background-color: #f9a825;\r\n      border-radius: 2px;\r\n    }\r\n\r\n    .member p {\r\n      margin: 0;\r\n      font-style: italic;\r\n      color: #555;\r\n    }\r\n\r\n    \/* Responsive leden grid *\/\r\n    @media (max-width: 992px) {\r\n      .member-list {\r\n        grid-template-columns: repeat(3, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .member-list {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .member-list {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    \/* Responsive navigatie & hamburger *\/\r\n    @media (max-width: 768px) {\r\n      section:not(#home) {\r\n        padding: 80px 20px 40px;\r\n      }\r\n\r\n     \/* 2. Hamburger zichtbaar en klikbaar *\/\r\n.hamburger {\r\n  display: block;       \/* neemt plaats in, essentieel voor mobiel *\/\r\n  position: relative;\r\n  z-index: 1001;        \/* boven alle secties, inclusief video *\/\r\n  cursor: pointer;\r\n}\r\n\r\n\/* 3. Mobiel menu verbergen en tonen *\/\r\n#navMenu {\r\n  display: none;\r\n  flex-direction: column; \r\n  background-color: rgba(0,0,0,0.8);\r\n  position: absolute;\r\n  top: 60px; left: 0; right: 0;\r\n  z-index: 1000;\r\n}\r\n\r\n#navMenu.active {\r\n  display: flex;\r\n}\r\n\r\n\/* 4. Body lock tijdens menu open *\/\r\nbody.menu-open {\r\n  overflow: hidden;\r\n}\r\n\r\n      nav ul {\r\n        display: none;\r\n        flex-direction: column;\r\n        background-color: rgba(0, 0, 0, 0.8);\r\n        position: absolute;\r\n        top: 80px;\r\n        left: 0;\r\n        right: 0;\r\n        z-index: 999;\r\n        padding: 20px 0;\r\n      }\r\n      \r\n      nav ul li {\r\n        display: block;\r\n        margin: 15px 0;\r\n        text-align: center;\r\n      }\r\n\r\n      nav ul.active {\r\n        display: flex;\r\n        background-color: rgba(0, 0, 0, 0.8);\r\n      }\r\n\r\n      nav ul li a.active {\r\n        background-color: #f9a825;\r\n        color: #111;\r\n        border-radius: 4px;\r\n      }\r\n\r\n      nav ul li a.active::after {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    \/* Sectie layout *\/\r\n    section {\r\n      position: relative;\r\n      left: 50%;\r\n      right: 50%;\r\n      margin-left: -50vw;\r\n      margin-right: -50vw;\r\n      width: 100vw;\r\n      box-sizing: border-box;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    section:not(#home) {\r\n      padding: 100px 40px 60px;\r\n    }\r\n\r\n    \/* Achtergrond kleuren *\/\r\n    .bg-lightgray {\r\n      background-color: #2b2b2b;\r\n    }\r\n\r\n    .bg-darkgray {\r\n      background-color: #1a1a1a;\r\n    }\r\n\r\n    \/* Titels *\/\r\n    h2, h3 {\r\n      color: white;\r\n      font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .black-title {\r\n      color: black !important;\r\n      font-weight: bold;\r\n      font-size: 28px;\r\n    }\r\n\r\n    .black-title2 {\r\n      color: black !important;\r\n      font-weight: bold;\r\n      font-size: 20px;\r\n    }\r\n\r\n    .bg-darkgray-transparent {\r\n      background-color: rgba(0, 0, 0, 0.6);\r\n      color: white;\r\n    }\r\n\r\n    \/* Home sectie *\/\r\n    #home {\r\n      padding: 0;\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n      color: white;\r\n      text-align: center;\r\n\r\n      \/* Achtergrond afbeelding en fixed attachment hier *\/\r\n      background: url('https:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/03\/Marigold-promo-1.1.jpg') no-repeat center top;\r\n      background-size: cover;\r\n      background-attachment: fixed;\r\n    }\r\n\r\n    #home::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0; bottom: 0;\r\n      background: rgba(0, 0, 0, 0.5);\r\n      z-index: 0;\r\n    }\r\n\r\n    #home > div {\r\n      position: relative;\r\n      z-index: 1;\r\n      max-width: 800px;\r\n      padding: 20px;\r\n    }\r\n\r\n    \/* Repertoire sectie - zelfde achtergrond en overlay als #home *\/\r\n    #repertoire {\r\n  position: relative;\r\n  color: white;\r\n  padding: 100px 40px 60px;\r\n  background: url('http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Guido-Guy-en-Micha-scaled.jpg') no-repeat center top;\r\n  background-size: cover;\r\n  background-attachment: fixed;\r\n}\r\n\r\n#repertoire::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background: rgba(251, 163, 26, 0.6); \/* donkere overlay *\/\r\n  z-index: 0;\r\n}\r\n\r\n#repertoire > * {\r\n  position: relative;\r\n  z-index: 1; \/* zodat tekst boven overlay staat *\/\r\n}\r\n\r\n    \/* Tourdates *\/\r\n    #tourdates video.bg-video {\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      z-index: 0;\r\n      filter: brightness(0.85);\r\n    }\r\n\r\n    #tourdates .content {\r\n      position: relative;\r\n      z-index: 1;\r\n      max-width: 1000px;\r\n      margin: 0 auto;\r\n      background: rgba(0,0,0,0.6);\r\n      border-radius: 8px;\r\n      padding: 30px 20px;\r\n      overflow-x: visible;\r\n    }\r\n\r\n    #tourdates table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n      margin-top: 20px;\r\n      color: white;\r\n      font-size: 16px;\r\n    }\r\n\r\n    #tourdates th, #tourdates td {\r\n      padding: 12px 15px;\r\n      border-bottom: 1px solid #444;\r\n      text-align: left;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    #tourdates th {\r\n      background-color: #f9a825;\r\n      color: #111;\r\n      font-weight: bold;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Kalender datum styling *\/\r\n    .calendar-date {\r\n      width: 60px;\r\n      height: 60px;\r\n      background: #f9a825;\r\n      color: #111;\r\n      font-weight: bold;\r\n      border-radius: 6px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      font-family: 'Arial Black', Arial, sans-serif;\r\n      box-shadow: 0 2px 6px rgba(0,0,0,0.4);\r\n      user-select: none;\r\n    }\r\n\r\n    .calendar-date .day {\r\n      font-size: 24px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .calendar-date .month {\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n      margin-top: -4px;\r\n      letter-spacing: 1.5px;\r\n    }\r\n\r\n    \/* Contact sectie *\/\r\n    .contact-wrapper {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding-top: 40px;\r\n      gap: 40px;\r\n    }\r\n\r\n    .contact-wrapper > div {\r\n      flex: 1 1 300px;\r\n      min-width: 280px;\r\n      text-align: left; \/* tekst links uitlijnen *\/\r\n    }\r\n\r\n@media (max-width: 768px) {\r\n  .contact-wrapper > div {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #tourdates table {\r\n    display: none; \/* Verberg de normale tabel op mobiel *\/\r\n  }\r\n\r\n  #tourdates-mobile {\r\n    display: block;\r\n    padding: 20px;\r\n  }\r\n\r\n  .tour-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    margin-bottom: 20px;\r\n    color: white;\r\n    text-align: center;\r\n  }\r\n\r\n  .tour-card .left-column {\r\n    margin: 0 auto 15px;\r\n  }\r\n\r\n  .tour-card .calendar-date {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: #f7941d;\r\n    color: #111;\r\n    border-radius: 6px;\r\n    font-weight: bold;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-family: 'Arial Black', Arial, sans-serif;\r\n    box-shadow: 0 2px 6px rgba(0,0,0,0.4);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .calendar-date .day {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .calendar-date .month {\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-top: -4px;\r\n  }\r\n\r\n  .tour-card .right-column {\r\n    text-align: center;\r\n  }\r\n\r\n  .tour-card .right-column .plaats {\r\n    font-weight: bold;\r\n    font-size: 16px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .tour-card .ticket {\r\n    border: 2px solid #f7941d; \/* oranje rand *\/\r\n    padding: 6px 10px;\r\n    border-radius: 4px;\r\n    color: #f7941d;\r\n    font-weight: bold;\r\n    display: inline-block;\r\n    margin-top: 6px;\r\n  }\r\n}\r\n.contact-image img {\r\n  border: 4px solid orange;\r\n  border-radius: 8px; \/* optioneel, voor afgeronde hoeken *\/\r\n  display: block; \/* voorkomt extra ruimte onder de afbeelding *\/\r\n  max-width: 100%; \/* zorgt dat de afbeelding niet uitrekt *\/\r\n  height: auto;\r\n}\r\n\r\n    \/* Footer *\/\r\n    footer {\r\n      background-color: #111;\r\n      color: white;\r\n      text-align: center;\r\n      padding: 20px 0;\r\n      font-size: 14px;\r\n    }\r\n\r\n\/* Alleen voor iOS: betere weergave van fixed backgrounds *\/\r\n.ios .video-section,\r\n.ios #home,\r\n.ios #repertoire {\r\n  background-attachment: scroll !important;\r\n}\r\n\r\n\/* Voeg een fallback-div toe of houd het default, maar \r\n   voor iOS kun je instellen dat video-bg div zichtbaar is *\/\r\n.video-bg-ios-fix {\r\n  display: none; \/* standaard verbergen *\/\r\n}\r\n.ios .video-bg-ios-fix {\r\n  display: block;\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  width: 100vw; height: 100vh;\r\n  background-image: url('http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Doorkijk-Marigold-scaled.jpg');\r\n  background-size: cover;\r\n  background-position: center;\r\n  z-index: -1;\r\n}\r\n\r\n\/* basis grid *\/\r\n#fotos .foto-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  grid-template-rows: repeat(2, 1fr);\r\n  gap: 0px;\r\n}\r\n\r\n\/* iOS portrait of small screen *\/\r\nbody.ios #fotos.portrait .foto-grid,\r\nbody.ios #fotos.small-screen .foto-grid {\r\n  grid-template-columns: repeat(2, 1fr);\r\n  grid-template-rows: repeat(4, 1fr);\r\n}\r\n\r\n\/* ========== DESKTOP: Standaard social bar naast menu ========== *\/\r\n.social-bar {\r\n  display: flex;\r\n  justify-content: right;\r\n  gap: 15px;\r\n  padding: 0.7em 0;\r\n  background-color: transparent;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.social-bar a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: rgba(0, 0, 0, 0.4);\r\n  color: white;\r\n  font-size: 1.1rem;\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 50%;\r\n  transition: background-color 0.3s, color 0.3s;\r\n  text-decoration: none;\r\n}\r\n\r\n.social-bar a:hover {\r\n  background-color: rgba(249, 168, 38, 0.9);\r\n  color: black;\r\n}\r\n\r\n\r\n\/* ========== MOBIEL: Verberg standaard socials ========== *\/\r\n@media (max-width: 768px) {\r\n  .social-bar {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n\r\n\/* ========== MOBIEL: Socials onderin het menu tonen ========== *\/\r\n.mobile-socials {\r\n  display: none;\r\n}\r\n\r\n\r\n@media (max-width: 768px) {\r\n  #navMenu.active .mobile-socials {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    position: absolute;\r\n    bottom: 10px;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 10px 0;\r\n    background-color: rgba(0, 0, 0, 0.3);\r\n    z-index: 10;\r\n  }\r\n\r\n  .mobile-socials a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: rgba(0, 0, 0, 0.6);\r\n    color: white;\r\n    font-size: 1.2rem;\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    text-decoration: none;\r\n    transition: background-color 0.3s ease;\r\n  }\r\n\r\n  .mobile-socials a:hover {\r\n    background-color: rgba(255, 255, 255, 0.8);\r\n    color: black;\r\n  }\r\n\r\n  #navMenu {\r\n    padding-bottom: 60px; \/* ruimte voor social icons onderin menu *\/\r\n    position: center;\r\n  }\r\n\r\n  \/* Zorg dat socials altijd verborgen zijn als menu gesloten is *\/\r\n  #navMenu:not(.active) .mobile-socials {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n  <\/style>\r\n<\/head>\r\n\r\n\r\n<body id=\"top\">\r\n\r\n<!-- MENU -->\r\n<header id=\"stickyheader\">\r\n    <nav role=\"navigation\" aria-label=\"Hoofdmenu\">\r\n    <div class=\"nav-container\">\r\n      <a href=\"#home\" class=\"logo-link\">\r\n        <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2017\/10\/Marigold-header2-2.png\" alt=\"Marigold Logo\" class=\"logo\" \/>\r\n      <\/a>\r\n     <button id=\"hamburger\" class=\"hamburger\" aria-label=\"Menu openen\" aria-expanded=\"false\">\r\n  <i class=\"fa fa-bars\"><\/i>\r\n<\/button>\r\n      <ul id=\"navMenu\">\r\n  <li><a href=\"#home\" class=\"active\">Home<\/a><\/li>\r\n  <li><a href=\"#fotos\">Foto\u2019s<\/a><\/li>\r\n  <li><a href=\"#videos\">Video\u2019s<\/a><\/li>\r\n  <li><a href=\"#tourdates\">Tour dates<\/a><\/li>\r\n  <li><a href=\"#repertoire\">Repertoire<\/a><\/li>\r\n  <li><a href=\"#onzeband\">Onze band<\/a><\/li>\r\n  <li><a href=\"#contact\">Contact<\/a><\/li>\r\n  <li><a href=\"https:\/\/marigoldband.nl\/?page_id=979\" target=\"_blank\">Login<\/a><\/li> <!-- Login-link toegevoegd -->\r\n  \r\n <div class=\"mobile-socials\">\r\n  <a href=\"https:\/\/www.facebook.com\/people\/Coverband-Marigold\/100070986280006\/#\" target=\"_blank\" aria-label=\"Facebook\">\r\n    <i class=\"fab fa-facebook-f\"><\/i>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\" aria-label=\"Instagram\">\r\n    <i class=\"fab fa-instagram\"><\/i>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.youtube.com\/user\/Marigoldband\" target=\"_blank\" aria-label=\"YouTube\">\r\n    <i class=\"fab fa-youtube\"><\/i>\r\n  <\/a>\r\n<\/div>\r\n\r\n<\/ul>\r\n\r\n <div class=\"social-bar\">\r\n  <a href=\"https:\/\/www.facebook.com\/people\/Coverband-Marigold\/100070986280006\/#\" target=\"_blank\" aria-label=\"Facebook\">\r\n    <i class=\"fab fa-facebook-f\"><\/i>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\" aria-label=\"Instagram\">\r\n    <i class=\"fab fa-instagram\"><\/i>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.youtube.com\/user\/Marigoldband\" target=\"_blank\" aria-label=\"YouTube\">\r\n    <i class=\"fab fa-youtube\"><\/i>\r\n  <\/a>\r\n<\/div>\r\n    <\/div>\r\n  <\/nav>\r\n <\/header>\r\n<main>\r\n<!-- SECTIES -->\r\n<section id=\"home\">\r\n  <div>\r\n    <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2019\/05\/cropped-Marigold-logo-promo-foto-laag-midden.png\" alt=\"Marigold Logo\" style=\"max-width: 400px; width: 100%; height: auto; margin: 0 auto; display: block;\" \/>\r\n    <p><\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Onzichtbare anker div, net onder foto sectie -->\r\n<section id=\"fotos\" style=\"position: relative; top: 240px; height: 1px; visibility: hidden;\"><\/section>\r\n\r\n<div class=\"photo-grid\">\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\">\r\n    <div class=\"photo-wrapper\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Micha-scaled.jpg\" alt=\"Foto 1\" \/>\r\n      <div class=\"overlay\"><i class=\"fa fa-instagram\"><\/i><\/div>\r\n    <\/div>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\">\r\n    <div class=\"photo-wrapper\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Guido-scaled.jpg\" alt=\"Foto 2\" \/>\r\n      <div class=\"overlay\"><i class=\"fa fa-instagram\"><\/i><\/div>\r\n    <\/div>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\">\r\n    <div class=\"photo-wrapper\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Maurice-scaled.jpg\" alt=\"Foto 3\" \/>\r\n      <div class=\"overlay\"><i class=\"fa fa-instagram\"><\/i><\/div>\r\n    <\/div>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\">\r\n    <div class=\"photo-wrapper\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Lisa-en-Maurice-scaled.jpg\" alt=\"Foto 4\" \/>\r\n      <div class=\"overlay\"><i class=\"fa fa-instagram\"><\/i><\/div>\r\n    <\/div>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\">\r\n    <div class=\"photo-wrapper\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Graat-scaled.jpg\" \/>\r\n      <div class=\"overlay\"><i class=\"fa fa-instagram\"><\/i><\/div>\r\n    <\/div>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\">\r\n    <div class=\"photo-wrapper\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/03\/1C6A2316-scaled.jpg\" alt=\"Foto 2\" \/>\r\n      <div class=\"overlay\"><i class=\"fa fa-instagram\"><\/i><\/div>\r\n    <\/div>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\">\r\n    <div class=\"photo-wrapper\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Guido-Guy-en-Micha-scaled.jpg\" alt=\"Foto 1\" \/>\r\n      <div class=\"overlay\"><i class=\"fa fa-instagram\"><\/i><\/div>\r\n    <\/div>\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\">\r\n    <div class=\"photo-wrapper\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Doorkijk-Marigold-2-scaled.jpg\" \/>\r\n      <div class=\"overlay\"><i class=\"fa fa-instagram\"><\/i><\/div>\r\n    <\/div>\r\n  <\/a>\r\n<\/div>\r\n\r\n<!-- Font Awesome voor social icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\r\n\r\n<section id=\"videos\" class=\"video-section\">\r\n    <div class=\"video-bg-ios-fix\"><\/div>\r\n  <div class=\"video-grid\">\r\n\r\n    <div class=\"video-container\">\r\n      <video \r\n        src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/06\/VID-20250517-WA0001.mp4\" \r\n        controls \r\n        poster=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/04\/Doorkijk-Marigold-scaled.jpg\"\r\n      ><\/video>\r\n      <div class=\"social-icons\">\r\n        <a href=\"https:\/\/www.facebook.com\/people\/Coverband-Marigold\/100070986280006\/#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.youtube.com\/user\/Marigoldband\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"video-container\">\r\n      <video \r\n        src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/02\/Promo-Marigold-2025-V2.mp4\" \r\n        controls \r\n        poster=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/03\/1C6A2422-scaled.jpg\"\r\n      ><\/video>\r\n      <div class=\"social-icons\">\r\n        <a href=\"https:\/\/www.facebook.com\/people\/Coverband-Marigold\/100070986280006\/#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.instagram.com\/marigoldcoverband\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.youtube.com\/user\/Marigoldband\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<section id=\"tourdates\">\r\n  <video class=\"bg-video\" autoplay loop muted playsinline>\r\n    <source src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/05\/Springende-mensen.mp4\" type=\"video\/mp4\" \/>\r\n    Jouw browser ondersteunt deze video niet.\r\n  <\/video>\r\n  <div class=\"content\">\r\n    <h2>Tour dates<\/h2>\r\n    <p style=\"text-align:center; margin-top: 0; font-weight: bold; font-size: 18px;\">2026\/2027<\/p>\r\n    <table>\r\n      <thead>\r\n        <tr>\r\n          <th>Datum<\/th>\r\n          <th>Plaats<\/th>\r\n          <th>Evenement<\/th>\r\n          <th>Tickets<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n      <tbody>\r\n        <tr>\r\n          <td data-label=\"Datum\">\r\n            <div class=\"calendar-date\">\r\n              <div class=\"day\">19<\/div>\r\n              <div class=\"month\">Jan'27<\/div>\r\n            <\/div>\r\n          <\/td>\r\n          <td>Villa Polder, Gemert (Nl)<\/td>\r\n          <td>Bruiloft<\/td>\r\n          <td>Besloten evenement<\/td>\r\n        <\/tr>\r\n        \r\n          <\/tbody>\r\n    <\/table>\r\n    <div id=\"tourdates-mobile\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"repertoire\" class=\"bg-lightgray\">\r\n  <h2>Repertoire<\/h2>\r\n  <p style=\"max-width:800px; margin: 0 auto; font-size: 18px; line-height: 1.5; color: #ddd;\">\r\n    De muziek van Marigold kenmerkt zich door een breed scala aan stijlen, van sfeervolle ballads tot\r\n    opzwepende dansnummers. Van rock en popklassiekers tot rock &amp; roll, wij brengen het met passie en\r\n    plezier op het podium.\r\n  <\/p>\r\n<\/section>\r\n\r\n<section id=\"onzeband\" class=\"bg-darkgray-transparent\">\r\n  <h2>Onze band<\/h2>\r\n  <div class=\"band-info\">\r\n    <div class=\"band-text\">\r\n      <p>\r\n        Marigold is een energieke coverband die het publiek weet te verrassen met een unieke mix van muzikale stijlen en een indrukwekkend veelzijdig repertoire. Van gevoelige ballads tot opzwepende feestnummers, Marigold schakelt moeiteloos tussen verschillende genres en tijdperken. Het genre wordt dan ook niet voor niets gekenmerkt als pop\/rock met een beetje soul en een vleugje rock&amp;roll.\r\n        <br><br>\r\n        Wat Marigold onderscheidt, is de dynamische interactie met het publiek. Of het nu gaat om een bruiloft, een bedrijfsfeest of een festival \u2013 Marigold zorgt voor een onvergetelijke ervaring. Met een ijzersterke bezetting van ervaren muzikanten en een zanger EN zangeres met charisma en power, wordt elk optreden een muzikale beleving vol passie, energie en kwaliteit.\r\n        <br><br>\r\n        Marigold is geen standaard coverband, maar een band met karakter. De muzikale finesse, de verrassende keuzes in het repertoire en de feilloze uitvoering zorgen ervoor dat het publiek geraakt wordt \u2013 op de dansvloer of in het hart.\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"band-image\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/03\/1C6A2422-scaled.jpg\" alt=\"Marigold Band\" \/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <br><br>\r\n\r\n  <div class=\"band-members-bg\">\r\n      <h2 class=\"black-title\">Bandleden<\/h2>\r\n      <BR>\r\n    <div class=\"member-list\">\r\n      <div class=\"member\" style=\"text-align: center;\">\r\n        <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/03\/Lisa-bio2-300x300.jpg\" alt=\"Lisa\" \/>\r\n        <h3 class=\"black-title2\">Lisa<\/h3>\r\n        <p>Zang<\/p>\r\n      <\/div>\r\n      <div class=\"member\" style=\"text-align: center;\">\r\n        <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/03\/Maurice-Bio2-300x300.jpg\" alt=\"Maurice\" \/>\r\n        <h3 class=\"black-title2\">Maurice<\/h3>\r\n        <p>Zang & Saxofoon<\/p>\r\n      <\/div>\r\n      <div class=\"member\" style=\"text-align: center;\">\r\n        <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/03\/Guido-Bio-300x300.jpg\" alt=\"Guido\" \/>\r\n        <h3 class=\"black-title2\">Guido<\/h3>\r\n        <p>Gitaar, toetsen & Backing vocals<\/p>\r\n      <\/div>\r\n      <div class=\"member\" style=\"text-align: center;\">\r\n        <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2026\/03\/Kenneth-van-Haaren.jpg\" alt=\"Kenneth\" \/>\r\n        <h3 class=\"black-title2\">Kenneth<\/h3>\r\n        <p>Gitaar & Backing Vocals<\/p>\r\n      <\/div>\r\n      <div class=\"member\" style=\"text-align: center;\">\r\n        <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2026\/03\/John-bio.png\" alt=\"John\" \/>\r\n        <h3 class=\"black-title2\">John<\/h3>\r\n        <p>Toetsen<\/p>\r\n      <\/div>\r\n      <div class=\"member\" style=\"text-align: center;\">\r\n        <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/03\/Graat-Bio-300x300.jpg\" alt=\"Graat\" \/>\r\n        <h3 class=\"black-title2\">Graat<\/h3>\r\n        <p>Bas & Backing Vocals<\/p>\r\n      <\/div>\r\n      <div class=\"member\" style=\"text-align: center;\">\r\n        <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/07\/Wesley.jpg\" alt=\"Wesley\" \/>\r\n        <h3 class=\"black-title2\">Wesley<\/h3>\r\n        <p>Drums & Percussie<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"contact\" class=\"bg-lightgray\">\r\n  <h2>Contact<\/h2>\r\n  <div class=\"contact-wrapper\">\r\n    <div class=\"contact-text\">\r\n      <p>\r\n        Heeft u een feestje, bruiloft of wilt u gewoon een gezellige avond met live muziek? Boek Marigold<br \/>\r\n        en een gezellige middag of avond is gegarandeerd! Geen evenement is ons te gek!<br \/><br \/>\r\n        Marigold werkt tevens nauw samen met een professioneel licht- en geluidsbedrijf. Voor vrijwel elke wens is er wel een beschikbare set ter beschikking.<br \/><br \/>\r\n        De prijs om Marigold te laten spelen op uw feest wordt altijd in overleg met u bepaald.<br \/><br \/>\r\n        Wij hebben er zin in!\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"contact-image\">\r\n      <img decoding=\"async\" src=\"http:\/\/marigoldband.nl\/wp-content\/uploads\/2025\/03\/Marigold-promo-5-scaled.jpg\" alt=\"Marigold Band\" \/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <br>\r\n\r\n  <div class=\"contact-form-centered\">\r\n    <!-- Caldera Form Shortcode -->\r\n    <div class=\"caldera-grid\" id=\"caldera_form_1\" data-cf-ver=\"1.5.6.2\" data-cf-form-id=\"CF59e08855887b4\"><div id=\"caldera_notices_1\" data-spinner=\"https:\/\/marigoldband.nl\/wp-admin\/images\/spinner.gif\"><\/div><form data-instance=\"1\" class=\"CF59e08855887b4 caldera_forms_form cfajax-trigger\" method=\"POST\" enctype=\"multipart\/form-data\" role=\"form\" id=\"CF59e08855887b4_1\" data-form-id=\"CF59e08855887b4\" data-target=\"#caldera_notices_1\" data-template=\"#cfajax_CF59e08855887b4-tmpl\" data-cfajax=\"CF59e08855887b4\" data-load-element=\"_parent\" data-load-class=\"cf_processing\" data-post-disable=\"0\" data-action=\"cf_process_ajax_submit\" data-request=\"https:\/\/marigoldband.nl\/?cf_api=CF59e08855887b4\" data-hiderows=\"true\">\r\n<input type=\"hidden\" id=\"_cf_verify_CF59e08855887b4\" name=\"_cf_verify\" value=\"d793e3b4ed\"  data-nonce-time=\"1777726596\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F2878\" \/><input type=\"hidden\" name=\"_cf_frm_id\" value=\"CF59e08855887b4\">\r\n<input type=\"hidden\" name=\"_cf_frm_ct\" value=\"1\">\r\n<input type=\"hidden\" name=\"cfajax\" value=\"CF59e08855887b4\">\r\n<input type=\"hidden\" name=\"_cf_cr_pst\" value=\"2878\">\r\n<div class=\"hide\" style=\"display:none; overflow:hidden;height:0;width:0;\">\r\n<label>Web Site<\/label><input type=\"text\" name=\"web_site\" value=\"\" autocomplete=\"off\">\r\n<\/div><div id=\"CF59e08855887b4_1-row-1\"  class=\"row  first_row\"><div  class=\"col-sm-12  single\"><div class=\"\"><B>Boek ons via: <BR>Tel: 06-22894088 <BR>OF<BR>Onderstaand formulier:<\/B><\/div><div class=\"\"><br><\/div><div role=\"field\" data-field-wrapper=\"fld_6545131\" class=\"form-group\" id=\"fld_6545131_1-wrap\">\r\n\t<label id=\"fld_6545131Label\" for=\"fld_6545131_1\" class=\"control-label\">Naam <span aria-hidden=\"true\" role=\"presentation\" class=\"field_required\" style=\"color:#ee0000;\">*<\/span><\/label>\r\n\t<div class=\"\">\r\n\t\t<input   required type=\"text\" data-field=\"fld_6545131\" class=\" form-control\" id=\"fld_6545131_1\" name=\"fld_6545131\" value=\"\" data-type=\"text\" aria-required=\"true\"   aria-labelledby=\"fld_6545131Label\" >\t\t\t<\/div>\r\n<\/div>\r\n<div role=\"field\" data-field-wrapper=\"fld_6009157\" class=\"form-group\" id=\"fld_6009157_1-wrap\">\r\n\t<label id=\"fld_6009157Label\" for=\"fld_6009157_1\" class=\"control-label\">E-mailadres <span aria-hidden=\"true\" role=\"presentation\" class=\"field_required\" style=\"color:#ee0000;\">*<\/span><\/label>\r\n\t<div class=\"\">\r\n\t\t<input   required type=\"email\" data-field=\"fld_6009157\" class=\" form-control\" id=\"fld_6009157_1\" name=\"fld_6009157\" value=\"\" data-type=\"email\" aria-required=\"true\"   aria-labelledby=\"fld_6009157Label\" >\t\t\t<\/div>\r\n<\/div>\r\n<div role=\"field\" data-field-wrapper=\"fld_4629692\" class=\"form-group\" id=\"fld_4629692_1-wrap\">\r\n\t<label id=\"fld_4629692Label\" for=\"fld_4629692_1\" class=\"control-label\">Onderwerp<\/label>\r\n\t<div class=\"\">\r\n\t\t<input    type=\"text\" data-field=\"fld_4629692\" class=\" form-control\" id=\"fld_4629692_1\" name=\"fld_4629692\" value=\"\" data-type=\"text\"   aria-labelledby=\"fld_4629692Label\" >\t\t\t<\/div>\r\n<\/div>\r\n<div role=\"field\" data-field-wrapper=\"fld_7683514\" class=\"form-group\" id=\"fld_7683514_1-wrap\">\r\n\t<label id=\"fld_7683514Label\" for=\"fld_7683514_1\" class=\"control-label\">Bericht <span aria-hidden=\"true\" role=\"presentation\" class=\"field_required\" style=\"color:#ee0000;\">*<\/span><\/label>\r\n\t<div class=\"\">\r\n\t\t<textarea name=\"fld_7683514\" value=\"\" data-field=\"fld_7683514\" class=\"form-control\" id=\"fld_7683514_1\" rows=\"7\"  required=\"required\"  aria-labelledby=\"fld_7683514Label\" ><\/textarea>\n\t\t\t<\/div>\r\n<\/div>\r\n<\/div><\/div><div id=\"CF59e08855887b4_1-row-2\"  class=\"row  last_row\"><div  class=\"col-sm-6  first_col\"><div role=\"field\" data-field-wrapper=\"fld_7908577\" class=\"form-group\" id=\"fld_7908577_1-wrap\">\r\n<div class=\"\">\r\n\t<input  class=\"btn btn-default\" type=\"submit\" name=\"fld_7908577\" id=\"fld_7908577_1\" value=\"Verstuur bericht\" data-field=\"fld_7908577\"  >\n<\/div>\r\n<\/div>\r\n\t<input class=\"button_trigger_1\" type=\"hidden\" name=\"fld_7908577\" id=\"fld_7908577_1_btn\" value=\"\" data-field=\"fld_7908577\"  \/>\n<\/div><div  class=\"col-sm-6  last_col\"><\/div><\/div><\/form>\r\n<\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<\/main>\r\n\r\n\r\n <footer>\r\n    &copy; 2026 Marigold Band. Alle rechten voorbehouden.\r\n  <\/footer>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const isIOS = \/iPad|iPhone|iPod\/.test(navigator.userAgent) || \r\n                (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);\r\n  \r\n  if (isIOS) {\r\n    document.body.classList.add(\"ios\");\r\n  }\r\n\r\n  \/\/ Functie om portrait en small screen classes op #fotos te zetten, alleen op iOS\r\n  function updateFotosLayoutClasses() {\r\n    if (!isIOS) return; \/\/ alleen iOS\r\n    \r\n    const fotosSection = document.getElementById('fotos');\r\n    if (!fotosSection) return;\r\n\r\n    if(window.innerHeight > window.innerWidth){\r\n      fotosSection.classList.add('portrait');\r\n    } else {\r\n      fotosSection.classList.remove('portrait');\r\n    }\r\n\r\n    \/\/ Hier kies je welke schermbreedte \"small screen\" is\r\n    if(window.innerWidth <= 375){\r\n      fotosSection.classList.add('small-screen');\r\n    } else {\r\n      fotosSection.classList.remove('small-screen');\r\n    }\r\n  }\r\n\r\n  updateFotosLayoutClasses();\r\n  window.addEventListener('resize', updateFotosLayoutClasses);\r\n\r\n  \/\/ Rest van je script (nav, scroll, hamburger, tourdates, etc) blijft hetzelfde\r\n  const navLinks = Array.from(document.querySelectorAll(\"nav ul li a[href^='#']\"));\r\n  const sections = navLinks\r\n    .map(link => document.querySelector(link.getAttribute(\"href\")))\r\n    .filter(Boolean);\r\n  const hamburger = document.getElementById(\"hamburger\");\r\n  const navMenu = document.getElementById(\"navMenu\");\r\n  const backToTopButton = document.getElementById(\"backToTop\");\r\n\r\n  const tourdatesTable = document.querySelector(\"#tourdates table\");\r\n  const mobileTourdatesContainer = document.getElementById(\"tourdates-mobile\");\r\n\r\n  let lastClickedHref = null;\r\n\r\n  function closeMenu() {\r\n    navMenu?.classList.remove(\"active\");\r\n    document.body.classList.remove(\"menu-open\");\r\n    hamburger?.setAttribute(\"aria-expanded\", \"false\");\r\n  }\r\n\r\n  function setActiveLink(href) {\r\n    navLinks.forEach(link => {\r\n      link.classList.toggle(\"active\", link.getAttribute(\"href\") === href);\r\n    });\r\n  }\r\n\r\n  function getCurrentSection() {\r\n    const scrollPos = window.scrollY + window.innerHeight \/ 3;\r\n    let current = sections[0]?.id || \"home\";\r\n\r\n    for (let sec of sections) {\r\n      if (sec.offsetTop <= scrollPos) {\r\n        current = sec.id;\r\n      }\r\n    }\r\n    return `#${current}`;\r\n  }\r\n\r\n  function renderMobileTourdates() {\r\n    if (!tourdatesTable || !mobileTourdatesContainer) return;\r\n    const isMobile = window.innerWidth <= 768;\r\n    tourdatesTable.style.display = isMobile ? \"none\" : \"\";\r\n    mobileTourdatesContainer.innerHTML = \"\";\r\n\r\n    if (isMobile) {\r\n      tourdatesTable.querySelectorAll(\"tbody tr\").forEach(tr => {\r\n        const day = tr.querySelector(\".day\")?.textContent || \"\";\r\n        const month = tr.querySelector(\".month\")?.textContent || \"\";\r\n        const [plaats, evenement, ticket] = Array.from(tr.querySelectorAll(\"td\")).slice(1).map(td => td.textContent || \"\");\r\n        const card = document.createElement(\"div\");\r\n        card.className = \"tour-card\";\r\n        card.innerHTML = `\r\n          <div class=\"calendar-date\">\r\n            <div class=\"day\">${day}<\/div>\r\n            <div class=\"month\">${month}<\/div>\r\n          <\/div>\r\n          <div class=\"plaats\">${plaats}<\/div>\r\n          <div class=\"evenement\">${evenement}<\/div>\r\n          <div class=\"ticket\">${ticket}<\/div>`;\r\n        mobileTourdatesContainer.append(card);\r\n      });\r\n    }\r\n  }\r\n\r\n  let scrollTimeout = null;\r\n  function onScroll() {\r\n    if (scrollTimeout) return; \/\/ throttle\r\n    scrollTimeout = setTimeout(() => {\r\n      scrollTimeout = null;\r\n\r\n      const currentSection = getCurrentSection();\r\n\r\n      if (currentSection !== lastClickedHref) {\r\n        setActiveLink(currentSection);\r\n        lastClickedHref = currentSection;\r\n      }\r\n\r\n      backToTopButton?.classList.toggle(\"show\", window.scrollY > 500);\r\n    }, 100);\r\n  }\r\n\r\n  window.addEventListener(\"scroll\", onScroll);\r\n\r\n  navLinks.forEach(link => {\r\n    link.addEventListener(\"click\", e => {\r\n      const href = link.getAttribute(\"href\");\r\n      if (!href.startsWith(\"#\")) return;\r\n\r\n      e.preventDefault();\r\n\r\n      lastClickedHref = href;\r\n      setActiveLink(href);\r\n      closeMenu();\r\n\r\n      const target = document.querySelector(href);\r\n      if (!target) return;\r\n\r\n      if (isIOS) {\r\n        setTimeout(() => {\r\n          target.scrollIntoView({ behavior: \"auto\" });\r\n        }, 100);\r\n      } else {\r\n        const offset = href === \"#fotos\" ? 70 : 0;\r\n        window.scrollTo({\r\n          top: target.getBoundingClientRect().top + window.scrollY - offset,\r\n          behavior: \"smooth\",\r\n        });\r\n      }\r\n      history.replaceState(null, null, href);\r\n    });\r\n  });\r\n\r\n  hamburger?.addEventListener(\"click\", () => {\r\n    const active = navMenu.classList.toggle(\"active\");\r\n    document.body.classList.toggle(\"menu-open\", active);\r\n    hamburger.setAttribute(\"aria-expanded\", active);\r\n\r\n    if (active) {\r\n      const currentSection = getCurrentSection();\r\n      setActiveLink(currentSection);\r\n      lastClickedHref = currentSection;\r\n    }\r\n  });\r\n\r\n  if (location.hash) {\r\n    setTimeout(() => {\r\n      const target = document.querySelector(location.hash);\r\n      if (target) {\r\n        if (isIOS) {\r\n          target.scrollIntoView({ behavior: \"auto\" });\r\n        } else {\r\n          const offset = location.hash === \"#fotos\" ? 70 : 0;\r\n          window.scrollTo({\r\n            top: target.getBoundingClientRect().top + window.scrollY - offset,\r\n            behavior: \"smooth\",\r\n          });\r\n        }\r\n      }\r\n    }, 100);\r\n  }\r\n\r\n  window.addEventListener(\"resize\", () => {\r\n    renderMobileTourdates();\r\n\r\n    if (!navMenu.classList.contains(\"active\")) {\r\n      const currentSection = getCurrentSection();\r\n      setActiveLink(currentSection);\r\n      lastClickedHref = currentSection;\r\n    }\r\n\r\n    updateFotosLayoutClasses();\r\n  });\r\n\r\n  renderMobileTourdates();\r\n  const initialSection = location.hash && sections.some(s => `#${s.id}` === location.hash) ? location.hash : \"#home\";\r\n  setActiveLink(initialSection);\r\n  lastClickedHref = initialSection;\r\n});\r\n<\/script>\r\n\r\n\r\n\r\n\r\n<a href=\"#home\" class=\"back-to-top\" id=\"backToTop\" aria-label=\"Terug naar boven\">\u2191<\/a>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Marigold Band Home Foto\u2019s Video\u2019s Tour dates Repertoire Onze band Contact Login Jouw browser ondersteunt deze video niet. Tour dates 2026\/2027 Datum Plaats Evenement Tickets 19 Jan&#8217;27 Villa Polder, Gemert (Nl) Bruiloft Besloten evenement Repertoire De muziek van Marigold kenmerkt zich door een breed scala aan stijlen, van sfeervolle ballads tot opzwepende dansnummers. Van rock en popklassiekers tot rock &amp; roll, wij brengen het met passie en plezier op het podium. Onze band Marigold is een energieke coverband die het publiek weet te verrassen met een unieke mix van muzikale stijlen en een indrukwekkend veelzijdig repertoire. Van gevoelige ballads tot opzwepende feestnummers, Marigold schakelt moeiteloos tussen verschillende genres en tijdperken. Het genre wordt dan ook niet voor niets gekenmerkt als pop\/rock met een beetje soul en een vleugje rock&amp;roll. Wat Marigold onderscheidt, is de dynamische interactie met het publiek. Of het nu gaat om een bruiloft, een bedrijfsfeest of een festival \u2013 Marigold zorgt voor een onvergetelijke ervaring. Met een ijzersterke bezetting van ervaren muzikanten en een zanger EN zangeres met charisma en power, wordt elk optreden een muzikale beleving vol passie, energie en kwaliteit. Marigold is geen standaard coverband, maar een band met karakter. De muzikale finesse, de verrassende keuzes in het repertoire en de feilloze uitvoering zorgen ervoor dat het publiek geraakt wordt \u2013 op de dansvloer of in het hart. Bandleden Lisa Zang Maurice Zang &#038; Saxofoon Guido Gitaar, toetsen &#038; Backing vocals Kenneth Gitaar &#038; Backing Vocals John Toetsen Graat Bas &#038; Backing Vocals Wesley Drums &#038; Percussie Contact Heeft u een feestje, bruiloft of wilt u gewoon een gezellige avond met live muziek? Boek Marigold en een gezellige middag of avond is gegarandeerd! Geen evenement is ons te gek! Marigold werkt tevens nauw samen met een professioneel licht- en geluidsbedrijf. Voor vrijwel elke wens is er wel een beschikbare set ter beschikking. De prijs om Marigold te laten spelen op uw feest wordt altijd in overleg met u bepaald. Wij hebben er zin in! &copy; 2026 Marigold Band. Alle rechten voorbehouden. \u2191<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2878","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marigoldband.nl\/index.php?rest_route=\/wp\/v2\/pages\/2878"}],"collection":[{"href":"https:\/\/marigoldband.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marigoldband.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marigoldband.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marigoldband.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2878"}],"version-history":[{"count":2684,"href":"https:\/\/marigoldband.nl\/index.php?rest_route=\/wp\/v2\/pages\/2878\/revisions"}],"predecessor-version":[{"id":7447,"href":"https:\/\/marigoldband.nl\/index.php?rest_route=\/wp\/v2\/pages\/2878\/revisions\/7447"}],"wp:attachment":[{"href":"https:\/\/marigoldband.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}