#fpkiyoh1, #fpkiyoh2, #fpkiyoh3 {
    float: left; 
    text-align: center; 
    margin-right: 3%;
    color: #43454b;
}

#fpkiyoh2 p {
    margin-bottom: 2px; 
}

.desaturate-image {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.desaturate-image:hover {
    filter: grayscale(0%);
}


@media screen and (max-width: 640px) {
    .kiyohheaderdiv{
        width: 250px;
    }

    #kiyohdivfrontpagehor{
        /*display: none !important;*/
    }

    #kiyohheaderdiv {
        display: block !important;
    }


    #fpkiyoh1 div {
        float: none !important;
        margin: 0 auto !important;
        padding: 0px !important;
        padding-bottom: 10px !important;
        /*display: block;*/
    }

    #fpkiyoh1 div img{ 
        width: 100px;
        /*padding-bottom: 10px;*/
        margin-bottom: 10px;
        /*float: left;*/
    }

    #fpkiyoh1, #fpkiyoh3{
        width: 100% !important;
        margin: 0 auto !important;
        padding-top: 5px !important;
        float: none !important;
    }
    #fpkiyoh2 {
        width: 80% !important;
        margin: 0 auto !important;
        /*padding-top: 5px !important;*/
        float: none !important;
        margin-top: 10px !important;
    }

    #fpkiyoh1:after, #fpkiyoh2:after , #fpkiyoh3:after  {
        clear: both;
    }

    #fpkiyoh3 b {
        text-align: center;
        display: block;
        margin: 0 auto;
    }

}

span.stars, span.stars span {
    display: block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYICRMFRWwxWgAAAiJJREFUSMellb9rFFEQxz8Tz9NUkvVXLCJaSog3p7iCiAgSDSSECKciIYXgnVooiDZqoZXYaKVgk0rhGrEPgoWdW2QH/QMEYxEQFksTkzyLe8H1kntZ7gYey+7O+77vzPc7uxAIl0TqkuhwKKePcNwAbvYCMAFc7grAJdEoEAF7XRKd7obBONDv11SnpJJLogNABfi9frjfdBYQv865JBoH/uT27gSs5FnUgBlgKcesP5dcAd57cAHKwFvgi/h6y8Bd4BnF4iHwXOJsWdoad8qftL/Dxp9ATeLs0/oD2aT7Q8D3DgAHJc4WtlLhWID6SBEZ8877Csy3ObMzgEui7cAYsAbMAhWJs+PAa2AVmHRJtC3EoAEsAg2Js+sSZw5A4uwWcA1YAOohgDJwXuJstp2qxNkb4AKwEhrf8lYG8GUWCzMbNrOhXsa5Dq7eC8AUyNWuAMzsDLAHGDRLT3bDYOLf90AmOyWJWbob5BCwnHu+A3gFxP7+M3CnTcIyuG8lYBdw32u85Ge+BAzkkk8AH7wbxR8wBzwQX28EPAFuF1T4JfBYVTP5v3FpDaTpGWwWq8CMqjY3NNEsFdXqO3AjAR8eVdWmmckGANWq830d7AwgA61cdSEZ8zO/CPzIMWgU8cEVf/0IDLdKcnOewXQQwGz+ktf6BTCqqplq9ZdqdQx4CqyYpRcDDPoUmFbVe6q6ln+jqo9a/0k5EhjfdF+BEc8bjL9QY5pwQ6VOFwAAAABJRU5ErkJggg==') 0 -16px repeat-x;
    width: 80px;
    height: 15px;
    font-size: 0px;
    margin: 0px;
}


span.starslarge, span.starslarge span {
    display: block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAMAAAA8VkqRAAAAw1BMVEUAAADQ0NDf05f82A7Q0ND82A7Q0ND82A7Q0ND82A782A7Q0ND82A782A782A782A7Q0ND82A7Q0ND82A7Q0NDQ0NDQ0ND82A7Q0NDQ0ND82A7Q0NDQ0NDQ0ND82A782A7Q0NDQ0NDQ0ND82A7Q0ND82A7Q0ND82A782A7Q0NDQ0NDQ0ND82A7Q0ND82A782A7Q0NDQ0ND82A782A782A782A782A7Q0ND82A782A782A782A7Q0NDQ0ND82A7Q0ND82A6r90diAAAAP3RSTlMA+gJaVEQ/liH7TkkaCvfq2teVJArx6OPRtqyqoHNjUU4mBu/uz5qFbWthRDYsKSAd5d22srCZd3dnXTIYExBPh4LmAAABQklEQVQ4y52S2XqCMBCFg60LiwruOxWtW9Xafe/M+z9VCWAyweGm5yLfl/MP4ZyAILpvC17VTQHAgPcdxCMLRohVzq8/IgZ1BrQR0fa4TBjrXe/LUo7jlG0JmuFVqlAcF8ioGXf9fb30q2mIj4ZpNz7VJQXUv/VoJPts27mSCzWfb6dklt9oMDPAk7T6fbmOShTY0hHiRXajIIzDJ0fM4kpfBATYzMJ7fXzWvodr9XxpTXI5e0G0Lws1Jf6pWq0AtLYFAHzevwGYs2AM0OL8jg/gd7hMAGCduEwQa6r3FSnXdSuWBD33OpUrDl1gtIzz/Uwu/VUaYmqZtrUTmeY+9Qf0yiaWGp8IQ101n2+nZJbfarAzwDBp15Pr2ADy3cMokvyhZH4K6+1c6UDAALpZ+NOSnvUNK/3DtSDSJ90Jokqy+wOcuVVrHf7UIwAAAABJRU5ErkJggg==') 0 -24px repeat-x;
    width: 120px;
    height: 24px;
    font-size: 0px;
    margin: 0px;
}

span.stars span,  span.starslarge span{
    background-position: 0 0;
}

.pkiyoh {
    font-size: 14px;
    /*color: #1d73be !important;*/ 
    color: white !important; 
    margin: 0px;
    padding: 0px;
    text-shadow: 0 0 2px black;
    /*line-height:70% !important;*/
}

#kiyohreviews {
    text-decoration: none;
}

.kiyohleft{
    float:left;
    width:33%;
    /*background-color: red;*/
}
.kiyohright{
    float:right;
    width:67%;
}
.kiyohcontainer {
    width:100%;
    overflow: hidden;
}
/*span.stars, span.stars span {
    display: block;
    background: url(https://www.gasveerwinkel.nl/wp-content/themes/storefrontfeatherlightnl/logos/stars.png) 0 -16px repeat-x;
    background: url('data:image/png;base64,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')  0 -16px repeat-x;
    width: 80px;
    height: 16px;
    font-size: 0px;
}*/

span.stars span {
    background-position: 0 0;
}

.speech-bubble {
    position: relative;
    /*width: 219px;*/
    /*height: 77px;*/
    /*line-height: 77px;*/
    color: #FFFFFF;
    text-align: center;
    padding: 8px;
    background: #ffffff;
    border-radius: 9px;
    -webkit-filter: drop-shadow(0px 0px 4px #A3A3A3);
    filter: drop-shadow(0px 0px 4px #A3A3A3);
}

.speech-bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 13px 20px 13px 0;
    border-color: transparent #ffffff;
    display: block;
    width: 0;
    z-index: 1;
    left: -20px;
    top: 22px;
}

#fpkiyoh2 {
    margin-left: 0px;
    margin-right: 20px;
    background-color: white;
    box-shadow: none;
    margin-top: 10px;
    border-radius: 5px;
    padding: 5px;
}

#secondary #fpkiyoh2 {
    width: 90% !important;
    margin-left: 10px;
    margin-right: 10px;
}

.kiyohnavigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.kiyohdot {
    font-size: 20px;
    color: #cccccc;
    cursor: pointer;
    transition: color 0.3s ease;
}

.kiyohdot.active, .kiyohdot:hover {
    color: #666666;
}

#kiyoh_review_author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

#kiyoh_review_content {
    height: 125px;
}

@media (min-width: 650px) {
    #kiyohdivfrontpagehor {
        display: flex;
        align-items: center;
    }

    #fpkiyoh1{
        display: flex;
        align-items: center;
    }

    #kiyoh_review_content {
        height: 100px;
    }
}

#fpkiyoh2{
    margin-top: 0px;
}

#fpkiyoh2 {
    position: relative;
}

.kiyohnavigation {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

#kiyoh_review_stars {
    transition: width 1.5s ease; /* Smoothly adjust the width */
    overflow: hidden; /* Ensure any overflow is clipped */
    white-space: nowrap; /* Prevent wrapping */
    height: 16px; /* Set height of the stars container */
}

.starslarge {
    background-color: #e3e3e3; /* Background color of unfilled stars */
    height: 16px; /* Set the same height */
    overflow: hidden; /* Ensure no overflow outside the container */
}