.elementor-266 .elementor-element.elementor-element-3827854{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-266 .elementor-element.elementor-element-c3216c4 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:900;}.elementor-266 .elementor-element.elementor-element-cce626f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-266 .elementor-element.elementor-element-ed7a779{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-266 .elementor-element.elementor-element-0c3f065 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-266 .elementor-element.elementor-element-2d6481b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-item > a{font-family:"IBM Plex Mono", Sans-serif;font-size:16px;font-weight:400;}.elementor-266 .elementor-element.elementor-element-2d6481b .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-266 .elementor-element.elementor-element-c2328ad .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-primary );}.elementor-266 .elementor-element.elementor-element-a099477{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:40px 40px 40px 40px;}.elementor-266 .elementor-element.elementor-element-a099477:not(.elementor-motion-effects-element-type-background), .elementor-266 .elementor-element.elementor-element-a099477 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top right, #25D366 47%, #36B339 68%);}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-266 .elementor-element.elementor-element-fc88e1e .elementor-icon-wrapper{text-align:center;}.elementor-266 .elementor-element.elementor-element-fc88e1e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-108cdb1 );}.elementor-266 .elementor-element.elementor-element-fc88e1e.elementor-view-framed .elementor-icon, .elementor-266 .elementor-element.elementor-element-fc88e1e.elementor-view-default .elementor-icon{color:var( --e-global-color-108cdb1 );border-color:var( --e-global-color-108cdb1 );}.elementor-266 .elementor-element.elementor-element-fc88e1e.elementor-view-framed .elementor-icon, .elementor-266 .elementor-element.elementor-element-fc88e1e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-108cdb1 );}.elementor-266 .elementor-element.elementor-element-fc88e1e .elementor-icon{font-size:300px;}.elementor-266 .elementor-element.elementor-element-fc88e1e .elementor-icon svg{height:300px;}.elementor-266 .elementor-element.elementor-element-547f449 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:19px;font-weight:600;color:var( --e-global-color-108cdb1 );}@media(min-width:768px){.elementor-266 .elementor-element.elementor-element-ed7a779{--width:50%;}.elementor-266 .elementor-element.elementor-element-a099477{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-7a37fd5 */<style>
/* Nieuwe CSS voor zwarte tekst */
.openingstijden-zwart {
  width: 100%;
  max-width: 450px;
  border-collapse: collapse;
  border: none;
  /* Tekstkleur is nu zwart */
  color: #000;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 1em;
  margin-bottom: 15px;
}

.openingstijden-zwart td {
  padding: 0px;
  text-align: left;
  border: none;
}

.openingstijden-zwart td:first-child {
  width: 170px;
  border: none;
  font-weight: bold;
}

/* Nieuwe highlight-kleur, bijvoorbeeld donkerder oranje */
.huidige-dag-zwart {
  color: #CC5500;
  border: none;
}
</style>

<table class="openingstijden-zwart" id="openingstijden-week">
  <tbody>
    <tr id="maandag-zwart">
      <td>MAANDAG</td>
      <td>OP AFSPRAAK</td>
    </tr>
    <tr id="dinsdag-zwart">
      <td>DINSDAG</td>
      <td>OP AFSPRAAK</td>
    </tr>
    <tr id="woensdag-zwart">
      <td>WOENSDAG</td>
      <td>OP AFSPRAAK</td>
    </tr>
    <tr id="donderdag-zwart">
      <td>DONDERDAG</td>
      <td>OP AFSPRAAK</td>
    </tr>
    <tr id="vrijdag-zwart">
      <td>VRIJDAG</td>
      <td>OP AFSPRAAK</td>
    </tr>
  </tbody>
</table>

<table class="openingstijden-zwart" id="openingstijden-weekend">
  <tbody>
    <tr id="zaterdag-zwart">
      <td>ZATERDAG</td>
      <td>OP AFSPRAAK</td>
    </tr>
    <tr id="zondag-zwart">
      <td>ZONDAG</td>
      <td>OP AFSPRAAK</td>
    </tr>
  </tbody>
</table>

<script>
(function() {
  const dagen = ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'];
  const vandaagIndex = new Date().getDay();
  // We maken de ID van de rij uniek voor deze zwarte versie
  const huidigeDagId = dagen[vandaagIndex] + '-zwart';

  // Zoek het rij-element op basis van de nieuwe ID
  const huidigeDagRij = document.getElementById(huidigeDagId);

  if (huidigeDagRij) {
    const dagCel = huidigeDagRij.querySelector('td:first-child');
    if (dagCel) {
      // Voeg de nieuwe class toe om de dag te highlighten
      dagCel.classList.add('huidige-dag-zwart');
    }
  }
})();
</script>/* End custom CSS */