.grid__item--article-main{/*margin-top:0*/}.grid__item--article-main .rte{overflow-x:hidden}.grid__item--article-main .rte h1:first-of-type,.grid__item--article-main .rte h2:first-of-type,.grid__item--article-main .rte h3:first-of-type,.grid__item--article-main .rte h4:first-of-type,.grid__item--article-main .rte h5:first-of-type,.grid__item--article-main .rte h6:first-of-type{/*margin-top:0*/}.post-time{display:block;text-align:center}.article--image-wrapper{padding-bottom:20px}.blog-main--wrapper.flex-grid{row-gap:30px}@media only screen and (max-width:767px){#shopify-section-article-template .blog-main--wrapper{padding-top:0}}.blog-main--wrapper .social-sharing{bottom:0;opacity:1;position:relative;right:0;text-align:left;margin-top:15px}.blog-main--wrapper .social-sharing h5{text-transform:none;font-size:12px}#comments .comment-wrapper{background:var(--body-secondary-color);padding:20px;margin-top:20px}#comments .comment-wrapper .comment-data{font-size:12px}.border-radius-round #comments textarea{padding:10px 18px}.article-prev-next-wrapper .left a,.article-prev-next-wrapper .right a{display:flex;align-items:center}.article-prev-next-wrapper .left a svg,.article-prev-next-wrapper .right a svg{color:var(--link-color);vertical-align:middle}.blog-sidebar--recent-articles li{border-top:1px solid var(--border-color);padding:15px 0;margin:0}.blog-sidebar--recent-articles time{font-size:12px;font-weight:300;display:inline-block}.blog-sidebar--recent-articles:first-child{border-top:0}

/* Custom CSS Alex */

.blog-sidebar-image{
 margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h5{
  color: #0a5056;
}

/* Stijl voor de rondjes met duur en golflengte */

        /* Container voor beide items */
        .container-protocol {
            display: block;
            gap: 80px; /* Ruimte tussen de twee elementen */
            text-align: center;
            padding-bottom: 0px;
            padding-top: 20px;
            margin: 0 auto;
        }

        /* De individuele item wrapper */
        .item-protocol {
            display: inline-block;
            flex-direction: column;
            align-items: center;
            margin-bottom: 40px;
            margin-left: 30px;
            margin-right: 30px;
        }

        /* De titel boven de cirkel (LOOPTIJD / GOLFLENGTEN) */
        .title {
            color: #0a5056;
            font-size: 19px;
            font-weight: 800; /* Extra bold */
            letter-spacing: 1px;
            margin-bottom: 25px; /* Ruimte tussen titel en cirkel */
            text-transform: uppercase;
        }

        /* De gele cirkel */
        .circle {
            background-color: #f4bc4a;
            width: 160px;
            height: 160px;
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* Subtiele schaduw voor diepte */
        }

        /* Het getal in de cirkel (15 / 850-930) */
        .number {
            font-size: 27px;
            font-weight: 900;
            line-height: 1;
            margin-bottom: 5px;
            font-family: Gotham Bold;
        }
 
        /* De eenheid in de cirkel (minuten / nm) */
        .unit {
            font-size: 23px;
            font-weight: 700;
            line-height: 0.5;
        }

        /* Responsiviteit voor mobiel: onder elkaar in plaats van naast elkaar */
        @media (max-width: 700px) {
            .container-protocol {
/*                flex-direction: column;*/
                gap: 50px;
                padding: 30px 0;
            }
            
            .circle {
                width: 160px;
                height: 160px;
            }

            .number {
                font-size: 30px;
            }

            .unit {
                font-size: 23px;
            }
        }

 /* Stijl voor de container tabel met verbetering */
  .protocol-box {
    background-color: #e4eef1; /* De lichte blauw/grijze achtergrond */
    border-radius: 15px;       /* Ronde hoeken */
    padding: 30px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #0a5056;            /* De donkergroene tekstkleur */
    margin: 40px 0px 40px 0px !important;
    /*max-width: 1000px; */         /* Maximale breedte zodat het niet te breed wordt */
    width: 100%;
    box-sizing: border-box;
  }

  /* De Titel */
  .protocol-box h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 800;
    text-transform: none;      /* Of 'uppercase' als je alles in hoofdletters wilt */
  }

  /* De Tabel instellingen */
  .protocol-table {
    width: 100%;
    border-collapse: collapse; /* Zorgt dat randen netjes aansluiten */
  }

  .protocol-table th {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: none;
    border-top: none;
    
  }
  
  .protocol-table .vooraf {
    width: 40%;
  }
  
  .protocol-table .tijdensna {
    width: 30%;
  }
  
  .protocol-table td {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    vertical-align: top;       /* Zorgt dat tekst bovenaan begint */
    padding: 0 15px;           /* Ruimte links en rechts van de tekst */
    border-bottom: none;
    border-top: none;
  }

  /* De verticale lijnen tussen de kolommen */
  .protocol-table th:not(:last-child),
  .protocol-table td:not(:last-child) {
    border-right: 2px solid #0a5056; /* De donkere verticale lijn */
    border-bottom: hidden;
    border-top: hidden;
  }