/*

Blauw: 	#53bc85
L Blauw: #f9fdff;
Roze:	#19d1c0
Geel: 	#e0c585

Geel:       #126422
Groen:      #53bc85

Blauw:      #19d1c0
L Blauw:    #a6e8eb
Beige:      #bfb7aa
D Blauw:    #0c3b5d

*/


html {
    background: #222
}
a {
    color: white;
}
.content { position: relative; }
.content:empty { display: none; }
.content > *:last-child { margin-bottom: 0 !important; }
.content > *:last-child *:last-child { margin-bottom: 0 !important; }
.content > *:first-child { margin-top: 0 !important; }
.content > *:first-child *:first-child { margin-top: 0 !important; }
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 900;
    font-family: Antonio;
}
*{
    box-sizing: border-box;
}
body {
    line-height: normal;
}
.movie {
    overflow: hidden;
}

.d-table {
    display: table;
}

.d-table {
    display: table;
}

.livewall-container {
    height: 100vh;
    display: table;
    width: 100%;
}
.livewall-container > div {
    display: table-cell;
    vertical-align: middle;
}
.movie-program .program {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    max-height: 372px!important;
    overflow: hidden;
}
.movie-program .program > * {
    flex:  0 0 252px;
    margin: 0;
    height:  65px;
}
    .container-wrapper  {
        display: flex;
        justify-content: center;
    }
    .container-wrapper,
    .bottom-container {
        margin: 0 auto;
        clear: both;
    }
    .bottom-container {
        height: 30px;
        background: #52473d
    }
    .bottom-container:before,
    .bottom-container:after ,
    .container-wrapper:before,
    .container-wrapper:after  {
        content: "";
        display: table;
        clear: both;
    }

        .left-container {
            float: left;
			
        }
		
			.top-container {
				overflow:hidden;
			}
			
            .movie-program {
                float: left;
                width: 100%!important;
                height: 558px!important;
                padding: 32px 30px!important;
            }
            .movie-program h1 {

            }
            .movie-poster {
                width:100%;
                float: left;
                height: 500px!important;
                display: table;
            }
                .movie-poster .movie-big-title {
                    display: table-cell;
                    vertical-align: middle;
                    color: white;
                    text-shadow: 0 0 15px #555, 0 0 7px black ;
                    font-size: 400%;
                    
                    text-transform: uppercase;
                    padding: 0 185px;
                    word-break: break-word;
                    
                    text-align: center;
                }

        .right-container {
            width: 320px;
            float: left;
            margin-left: 30px;
            position: relative;
            flex-direction: row;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
        }   
        .right-container .fullwidth {
            width: 100%;
        }
        .left-container {
            width: 1120px;
        }
        .left-container .top {
            clear: both;
        }
        .left-container .top:after,
        .left-container .top:before {
            content: "";
            display: block;
            clear: both;
        }
        .left-container .left {
            width: 750px;
            float: left;
        }
        .left-container .right {
            width: 340px;
            float: right;
            position: relative;
        }
        .right-container .right {
            margin-left: 30px;
        }
        
        .right-container .right > *:last-child,
        .right-container .left > *:last-child{
             margin-bottom: 0;
        }
        .video {
            margin-bottom: 25px;
            height: 630px
        }
        .video video {
            max-width: 100%;
        }
        .swap {
            padding: 0;
            max-width: 100%;
            flex-grow: 1;
            flex-basis: 0;
            display: flex;
            position: relative;
        }
        .swap + .swiper-container-movies {
            overflow: hidden;
            margin-top: 30px;
            width: 100%;
        }
        .swap .group-2,
        .swap .group-1 {
            background-color: #222;
            display: flex;
            flex-direction: column;
            max-width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }
        .swap .group-2.active,
        .swap .group-1.active {
            z-index: 2;
        }
        .swiper.ranking {
            padding :0;
        }
        .label-status {
            color: #e84242;
        }
        .ranking-block {
            position: relative;
            flex-grow: 1;
            flex-basis: 0;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            background-color: #222;
        }
        .ranking-block .swiper {
            flex-grow: 1;
            background: #53bc85;
        }
        .ranking-block:first-child:not(:only-child) .swiper {
            margin-bottom: 30px;
        }
        .ranking-block:last-child:not(:only-child) .swiper {
            margin-top: 30px;
        }
        .ranking-block .content {
            text-align: center;
            padding: 32px 30px;
            margin-top: auto;
            color: #53bc85;
        }
        .ranking-block .swiper-slide {
            padding: 32px 22px;
            height: auto;
        }
        .ranking-block .title {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }
        .ranking-block img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .ranking-block h4,
        .ranking-block h3 {
            background: #126422;
            position: relative;
            padding: 24px 30px 16px 30px;
            margin-top: -32px;
            margin-left: -30px;
            margin-right: -30px;
            margin-bottom: 32px;
            color: #FFF;
            font-weight: bold;
        }
        .ranking-block h3 {
            font-size: 28px;
        }
        .ranking-block h4:before,
        .ranking-block h3:before {
            content: '';
            display: block;
            border-top: 23px solid #000;
            border-right: 340px solid transparent;
            position: absolute;
            left: 0;
            bottom: -23px;
            filter: blur(6px);
            z-index: -1;

        }
        .ranking-block h4:after,
        .ranking-block h3:after {
            content: '';
            display: block;
            border-top: 23px solid #126422;
            border-right: 340px solid transparent;
            position: absolute;
            left: 0;
            bottom: -23px;
        }
        .ranking-block ul {
            list-style-type: none;
            padding: 0;
            margin-top: 30px;
        }
        .ranking-block ul li {
            background-position: center left;
            padding-left: calc(55px + 10px);
            background-repeat: no-repeat;
            position: relative;
            min-height: calc(55px + 10px);
            display: flex;
            align-items: center;
            font-size: 110%;
            line-height: 1.1;
            padding-top: 3px;
            margin-bottom: -2px;
        }
        .ranking-block ul li .rating {
            display: block;
            font-family: 'Antonio';
            margin-left: auto;
            font-size: 120%;
            font-weight: 900;
            color: #FFF;
            padding-left: 10px;
            height: 42px;
            min-width: 42px;
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;

        }
        .ranking-block ul li .ranking {
            font-family: Antonio;
            height: 55px;
            width: 55px;
            color: #FFF;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            top: 7px;
            left: 0;
            position: absolute;
            font-weight: bold;
            /* background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='star' class='svg-inline--fa fa-star fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%2126422' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat top 0px center; */
            background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' width='183.56' height='185.55' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 183.56 185.55'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect x='1.51' y='-1.99' width='182.98' height='182.98' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clippath)'%3E%3Cpath d='m96,95c-4.36,23.41.36,65.59-4,88.99-2.49-13.35-4.97-26.71-7.46-40.06-2.05-11.01-7.4-21.79-15.54-29.93-8.15-8.15-17.41-12-28.43-14.05-13.35-2.48-25.22-5.47-38.57-7.95,13.35-2.48,25.22-4.47,38.57-6.96,11.01-2.05,21.28-5.9,29.43-14.04,8.15-8.14,12.49-18.9,14.54-29.93,2.48-13.35,4.97-26.71,7.46-40.07,2.48,13.35,4.97,26.71,7.46,40.07,2.05,11.01,7.4,21.79,15.54,29.93,8.14,8.15,17.41,12,28.43,14.04,13.35,2.49,26.71,4.97,40.07,7.46-14.66,2.73-29.31,5.46-43.97,8.18-7.4,1.38-35.63-8.78-42.52-5.68-3.81,1.71,2.54-3.95-1,1' fill='%126422' stroke-width='0'/%3E%3C/g%3E%3Cpath d='m89.61,97.91c-23.41-4.36-66.2-1.56-89.61-5.91,13.35-2.49,27.32-3.06,40.68-5.54,11.01-2.05,21.79-7.4,29.93-15.54,8.15-8.15,12-17.41,14.05-28.43,2.48-13.35,4.97-26.71,7.45-40.06,2.48,13.35,4.97,26.71,7.46,40.06,2.05,11.01,5.9,21.28,14.04,29.43,8.14,8.15,18.9,12.49,29.93,14.54,13.35,2.48,25.11,4.06,38.47,6.54-13.35,2.48-25.11,5.88-38.47,8.37-11.01,2.05-21.79,7.4-29.93,15.54-8.15,8.14-12,17.41-14.04,28.43-2.49,13.35-4.97,26.71-7.46,40.07-2.73-14.66-5.46-29.31-8.18-43.97-1.38-7.4,8.78-35.63,5.68-42.52-1.71-3.81,3.95,2.54-1-1' fill='%2126422' stroke-width='0'/%3E%3C/svg%3E") no-repeat top 0px center / contain;
            background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' width='183.56' height='185.55' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 183.56 185.55'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect x='1.51' y='-1.99' width='182.98' height='182.98' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clippath)'%3E%3Cpath d='m96,95c-4.36,23.41.36,65.59-4,88.99-2.49-13.35-4.97-26.71-7.46-40.06-2.05-11.01-7.4-21.79-15.54-29.93-8.15-8.15-17.41-12-28.43-14.05-13.35-2.48-25.22-5.47-38.57-7.95,13.35-2.48,25.22-4.47,38.57-6.96,11.01-2.05,21.28-5.9,29.43-14.04,8.15-8.14,12.49-18.9,14.54-29.93,2.48-13.35,4.97-26.71,7.46-40.07,2.48,13.35,4.97,26.71,7.46,40.07,2.05,11.01,7.4,21.79,15.54,29.93,8.14,8.15,17.41,12,28.43,14.04,13.35,2.49,26.71,4.97,40.07,7.46-14.66,2.73-29.31,5.46-43.97,8.18-7.4,1.38-35.63-8.78-42.52-5.68-3.81,1.71,2.54-3.95-1,1' fill='%23126422' stroke-width='0'/%3E%3C/g%3E%3Cpath d='m89.61,97.91c-23.41-4.36-66.2-1.56-89.61-5.91,13.35-2.49,27.32-3.06,40.68-5.54,11.01-2.05,21.79-7.4,29.93-15.54,8.15-8.15,12-17.41,14.05-28.43,2.48-13.35,4.97-26.71,7.45-40.06,2.48,13.35,4.97,26.71,7.46,40.06,2.05,11.01,5.9,21.28,14.04,29.43,8.14,8.15,18.9,12.49,29.93,14.54,13.35,2.48,25.11,4.06,38.47,6.54-13.35,2.48-25.11,5.88-38.47,8.37-11.01,2.05-21.79,7.4-29.93,15.54-8.15,8.14-12,17.41-14.04,28.43-2.49,13.35-4.97,26.71-7.46,40.07-2.73-14.66-5.46-29.31-8.18-43.97-1.38-7.4,8.78-35.63,5.68-42.52-1.71-3.81,3.95,2.54-1-1' fill='%23126422' stroke-width='0'/%3E%3C/svg%3E") no-repeat top 0px center / contain;
        }
        
        .ranking-block {
            overflow: hidden;
        }
        .ranking-block .swiper-slide {
            background: #53bc85;
            color: #fff;
        }
        .instagram {
            margin-bottom: 30px;
            position: relative;
        }
        .instagram:before {
            content: "";
            padding-top: 100%;
            display: block;
        }
        .instagram > * {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
        }
            .right-container * {
                
            }
            .right-container h1 {
                margin-bottom: 20px;
                
            }
            .right-container h3, 
            .right-container .h3 {
                
            }
            .right-container .bottom-text {
                text-align: center;
                padding: 28px 0;
                
                position: absolute;
                bottom: 10px;
                left: 0;
                right: 0;
            }

            .right-container.americanIndie {
                background: #e2f4fe;
            }
            .right-container.empty {
                background-size: contain;
                background-position: top;
                background-repeat: no-repeat;
                display: flex;
            }
            .right-container.empty .text-right {
                margin-top: -8px;
            }

.liff{ 
    padding: 32px 30px;
    margin: 0;
    width: 460px;
    float: left;
    height: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
  .liff img {
    width: 85%;

  }

.d-inline-block {
    display: inline-block!important;
}

.p-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

#publieksprijs {
    width: 100%;
    height: 100%;
}

.partners {
    padding: 15px 22px;
    width: 100%;
    float: left;
    position: relative;
}

.partners * {
    color: #000000;
}
    .partners img {
        width: 200px;
        background-size: contain;
        margin: 20px 20px 0 20px;
    }

    .partners .partner:last-of-type,
    .partners .partner:first-of-type,
    .partners img:last-of-type,
    .partners img:first-of-type {
        margin-left: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .partners .partner {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        
        width: 24%;
        margin-right: 1%!important;
        float: left;
        background-color: white;
    }
    .partners .partner:before {
        content: "";
        padding-top: 42%;
        display: block;
    }


.alert {
    
    padding: 1px 10px;
    border: 4px solid #ec403e;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    margin-top: 3px;

}

.alert.alert-error {
    color: #ec403e;
    
}

.alert.alert-alert-danger {
    color: #ec403e;
}

strong.prog-date {
    font-size: 130%;
    color: #53bc85;
    font-family: 'Antonio';
}
span.prog-date{
    font-size: 108%
}
.faded {
    opacity: 0.3;
}
.prog-date.h3 {
    color: #53bc85;
}
.btn,
.anton {
    letter-spacing: 0!important;
}


.data-stroke-item  {
    margin: 18px 0 8px 0;
}
.film-block.rank-block:first-of-type {
    margin-top: 50px;
}
.film-block.rank-block {
    margin: 0 -40px;
    padding: 0 40px;
}

    .film-block.rank-block .rank-block-offset {
        position: relative;
        padding-left: 76px;
    }
    .film-block.rank-block .rank {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 12px;
        z-index: 1;
        width: 44px;
        height: 55px;
        text-align: center;
        padding: 5px 0;
        
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .film-block.rank-block .rank:before {
        display: none;
    }
    .film-block.rank-block .rank.rank-1,
    .film-block.rank-block .rank.rank-2,
    .film-block.rank-block .rank.rank-3 {
        color: black;
    }

        .film-summary {
            height: 80px;
            width: 100%;
            text-align: left;
            display: flex;
            align-items: center;
        }

        .film-block.rank-block .film-genre:hover,
        .film-block.rank-block .film-genre {
            color: #000;
            text-decoration: none;
        }

        .film-block.rank-block .film-dates {
            font-family: 'Antonio';
            color: white;
            
            font-weight: bold;
            margin-bottom: 5px;
            text-transform: none;
        }

        .film-block.rank-block .bottom-block {
            margin-bottom: 20px;
        }

        .film-block.rank-block .bottom-block:last-of-type {
            margin-bottom: 0;
        }


.text-center {
    text-align: center;
}
.movie {
    
    width: 100%;
    flex-grow: 1;
    flex-basis: 0;
    background-color: transparent;
}
.movieProgramContainer {
    padding: 10px 30px;
}
.movie-detail h2 {
    color: black;
    }
.movie-detail h1 {
    
}
.movie-detail {
    background-color: #222222;
}
.movie-detail h3 {
    color: #52473d;
}
.vote-after-movie-poster h2 {
    color: black;
    }.swiper-slide.movie-poster.cityposter {
        background-size: contain !important;
        background-position: bottom !important;
        background-repeat: no-repeat !important;
    }
            .vote-after-movie-poster h1 {
                
            }
.vote-after-movie-poster {
    float: left;
    height: 500px !important;
}

    .vote-after-movie-poster .text {
        width: 100%;
        padding: 32px 30px;
        float: left;
        height: 100%;
    }
                
        .vote-after-movie-poster .text h1 {
            font-weight: bold;
            margin-bottom: 30px;

        }
        .vote-after-movie-poster .text h2 {
            text-transform: none;
            
            line-height: 113%;
        }


    .vote-after-movie-poster .poster {
        width: 250px;
        float: left;
        background: white;
        height: 100%;
        background-size: cover;
        background: #FFF577;
    }

.ranks {
    display: inline-block;
    margin-top: 73px;
}
.movieProgramContainer .btn {
    font-size: 228%;
}
.h6 {
    font-size: 110%;
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    z-index: 0;
}
.overlay + div {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;

}
   .mt-auto {
        margin-top: auto
   } 
   .mb-auto {
        margin-bottom: auto
   } 
    .ranks .rank-block {
        position: relative;
        padding-top: 120px;
            color: #000;
             display: inline-block;
             width: 130px;
             text-align: center;
    }
        .ranks .rank {
            position: absolute;
            top: 15px;
            margin: auto;
            left: 0;
            right: 0;
            z-index: 1;
            width: 75px;
            height: 75px;
            text-align: center;
            padding: 18px 0;
            color: white;     
            
            font-weight: bold;
            margin-bottom: 5px;
            text-transform: none;
        }

        .ranks .rank:before {
            position: absolute;
            content: "";
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 75px;
            height: 75px;
            background: #ec403e;
            z-index: -1;
            transform: rotate(45deg);
        }

        .film-summary {
            width: 100%;
        }
    
            .film-summary .pr-sm-5 {
                vertical-align: middle;
            }
     .animation {
                position: absolute;
                top: 200px;
                bottom: 200px;
                right: 0;
                left: 0;
                background: #FFF577;
                width: 100%;
            }
                .part1 {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    display: flex;
                    align-items: flex-end;
                    flex-direction: column-reverse;
                    width: 100%;
                    height: 49%;
                    overflow: hidden;
                }
                .part2 {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    display: flex;
                    align-items: flex-start;
                    flex-direction: column;
                    width: 100%;
                    height: 49%;
                    overflow: hidden;
                }
                .animation .image-holder {
                    min-height: 0;
                    width: 80%;
                    position: absolute;
                    left: 0;
                    right: 0;
                    margin-left: auto;
                    margin-right: auto;
                }
                .part1 .image-holder {
                    bottom: -50%;
                    -webkit-animation: goUp 11.75s infinite cubic-bezier(0,0,.15,1); /* Safari 4.0 - 8.0 */
                    animation: goUp 11.75s infinite cubic-bezier(0,0,.15,1); /* Safari 4.0 - 8.0 */
                }
                .part2 .image-holder {
                    top: -50%;
                    -webkit-animation: goDown 11.75s infinite cubic-bezier(0,0,.15,1); /* Safari 4.0 - 8.0 */
                    animation: goDown 11.75s infinite cubic-bezier(0,0,.15,1); /* Safari 4.0 - 8.0 */
                }
                .part2 .image-holder, 
                .part1 .image-holder {
                    -webkit-animation-delay: 0s;
                    animation-delay: 0s;
                }
                .image-holder + .image-holder {
                    -webkit-animation-delay: 2.375s;
                    animation-delay: 2.375s;
                }
                .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 4.75s;
                    animation-delay: 4.75s;
                }
                .image-holder + .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 7.125s;
                    animation-delay: 7.125s;
                }
                .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 9.5s;
                    animation-delay: 9.5s;
                }
                .animation img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                }

                /* Safari 4.0 - 8.0 */
                @-webkit-keyframes goDown {
                    0%   {top: -100%; min-height: 16vh; }
                    100% {top: 100%; min-height: 0vh; }
                }
                @keyframes goDown {
                    0%   {top: -100%; min-height: 16vh; }
                    100% {top: 100%; min-height: 0vh; }
                }

                /* Safari 4.0 - 8.0 */
                @-webkit-keyframes goUp {
                    0%   {bottom: -100%; min-height: 16vh; }
                    100% {bottom: 100%; min-height: 0vh; }
                }

                @keyframes goUp {
                    0%   {bottom: -100%; min-height: 16vh; }
                    100% {bottom: 100%; min-height: 0vh; }
                }


.Audience { background: #94d8ed; }
    
.American.Indie { background: #ef4b37; color: white; }
    
.First.Feature { background: #f8ad98;   }
    
.t4 { background: #fff495; }
    
.Bonkers { background: #6d2c90; color: white; }
    
.t6 { background: #00828e; }
    
.t7 { background: #f58a1f; }
    
.t8 { background: #009ade; color: white; }
    
.t9 { background: #37b34a; }
    
.t10 { background: #626366; }
    
.t11 { background: #f4a1c5; }

.logo-sea {
    width: 100%;
    background: white;
    padding: 15px;
    margin-bottom: 30px;
} 
.logo-sea {
    height: 122px;
}
.logo-sea img {
    height: 100%;
}
.credit {
    position: absolute;
    bottom: -20px;
    color: white;
    text-align:right;
    font-size: 80%;
    left: 0;
    right: 0;
}
.volg-ons {
    background: #19d1c0;
    color: #fff;
    padding: 15px 25px;
    margin-bottom: 30px;
    font-size: 17px;
}
.volg-ons img {
}
.volg-ons .content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.volg-ons ul {
 list-style-type: none;
 padding-left: 0;
}
.volg-ons ul li {
    display: flex;
    align-items: center;
}
.volg-ons ul li + li  {
    margin-top: 10px;
}
.volg-ons ul li img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    object-fit: contain;
}