/* Index */

body#index section#wrapper > div.container{
max-width: 100%;
width: 100%;
padding-left: unset;
padding-right: unset;
}

body#index section#wrapper > div.container > div.row{
margin-left: unset;
margin-right: unset;
}

body#index div#content-wrapper{
padding-left: unset;
padding-right: unset;
}

@media (max-width: 600px){

body#index section#main > section:not(#banner-block){
padding-left: 25px !important;
padding-right: 25px !important;
}
}

/* Index ~ Banners */

section#banner-block div.grid-container{
display: grid;
grid-gap: 15px;
}

/* Index ~ Banners ~ Main banner */

section#banner-block div.slider-container div.homeslider{
display: grid;
height: 100%;
}

section#banner-block div.slider-container li.homeslider__slide{
display: grid;
height: 100%;
}

section#banner-block div.slider-container li.homeslider__slide > *{
grid-row: 1;
grid-column: 1;
object-fit: cover;
height: 100%;
}

section#banner-block div.slider-container li.homeslider__slide div.slider-row{
display: grid;
grid-gap: 25px;
grid-template-columns: 3fr 2fr;
padding: 0;
}

section#banner-block div.slider-container li.homeslider__slide div.slider-row div.info-block{
height: 100%;
display: grid;
}

section#banner-block div.slider-container li.homeslider__slide div.inner-usps{
padding-top: 35px;
}

section#banner-block div.slider-container li.homeslider__slide div.inner-usps div.blockreassurance{
padding-top: unset;
}

section#banner-block div.slider-container li.homeslider__slide div.inner-usps ul.usp-list{
display: flex;
justify-content: space-between;
flex-direction: unset;
grid-gap: 10px;
color: #ffffff;
font-size: 14px;
}

section#banner-block div.slider-container li.homeslider__slide .homeslider__caption{
position: unset;
transform: unset;
width: 100%;
height: 100%;
display: grid;
align-items: center;
padding: 15px;
}

section#banner-block div.slider-container div.homeslider__caption div.inner-container > *{
margin-bottom: unset;
}

section#banner-block div.slider-container div.homeslider__caption .homeslider__title{
color: #ffffff;
font-size: 2.25rem;
font-weight: 400;
max-width: 425px;
}

section#banner-block div.slider-container div.homeslider__caption .heading__block *{
margin-bottom: unset;
}

section#banner-block div.slider-container div.homeslider__caption .heading__block h3{
font-weight: 500;
}

section#banner-block div.slider-container div.homeslider__caption div.questions-block{
height: calc(100% - 20px);
margin-top: auto;
display: grid;
}

section#banner-block div.slider-container div.homeslider__caption div.questions-block div.cta-text-block{
display: grid;
grid-gap: 25px;
align-items: center;
margin: auto 0;
}

section#banner-block div.homeslider__caption div.questions-block div.inner-container{
display: grid;
grid-gap: 10px;
grid-template-columns: auto 1fr;
padding: 25px 25px 0 25px;
margin-left: auto;
background: #ffffff;
height: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
position: relative;
}

section#banner-block div.homeslider__caption div.questions-block div.inner-container:after{
content: '';
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='246.625' height='246.624' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M0 246.624L246.625 0v246.624z' fill='%23f7941d'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right bottom;
max-width: 100%;
width: 100%;
height: 100%;
position: absolute;
right: 0;
bottom: 0;
}

section#banner-block div.homeslider__caption div.questions-block div.inner-container div.cta-block{
display: grid;
grid-gap: 25px;
}

section#banner-block div.homeslider__caption div.questions-block div.inner-container div.cta-block div.cta-inner{
display: flex;
flex-direction: column;
}

section#banner-block div.homeslider__caption div.inner-container div.cta-block div.cta-inner span{
color: var(--secondary-orange-color);
}

section#banner-block div.homeslider__caption div.inner-container div.cta-block div.cta-inner a{
color: var(--primary-color-black);
}

section#banner-block div.homeslider__caption div.questions-block div.inner-container div.image-block{
position: relative;
z-index: 2000;
display: grid;
}

section#banner-block div.homeslider__caption div.questions-block div.inner-container div.image-block img{
margin-top: auto;
margin-left: auto;
}

@media (max-width: 1700px){

section#banner-block div.slider-container li.homeslider__slide div.slider-row{
grid-template-columns: 1fr 1fr;
}

section#banner-block div.homeslider__caption div.questions-block div.inner-container{
margin-right: unset;
}
}

/* Index ~ Categorie overzicht */

section#category-overview{
margin-top: unset;
padding: 35px 0px;
background: var(--secondary-light-grey-color);
}

section#category-overview div.grid-container{
padding: unset !important;
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(4, 1fr);
}

section#category-overview div.inner-category{
background: #ffffff;
border: 2px solid var(--secondary-grey-color);
border-radius: 15px;
padding: 15px;
}

section#category-overview div.inner-category > a{
display: flex;
align-items: center;
justify-content: space-between;
}

section#category-overview div.inner-category > a:hover{
text-decoration: unset;
}

section#category-overview div.inner-category h3{
font-size: 15px;
font-weight: 300;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom: unset;
}

@media (max-width: 1350px){

section#category-overview div.content-block div.grid-container{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
}

@media (max-width: 1050px){

section#category-overview div.grid-container{
grid-template-columns: repeat(2, 1fr);
}
}

/* Index ~ Text block */

section#cms-info-block{
background: var(--primary-black-color);
}

section#cms-info-block div.heading-block h3,
section#cms-info-block div.heading-block h2{
color: #ffffff;
}

section#cms-info-block div.amazzingblog div.block-title{
margin-top: unset;
}

section#cms-info-block div.amazzingblog div.block-title *{
color: #ffffff;
}

section#cms-info-block div.grid-container div.amazzingblog div.post-list{
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(3, 1fr);
}

section#cms-info-block div.amazzingblog div.post-item{
background: unset;
border: unset;
padding: unset;
}

section#cms-info-block div.amazzingblog div.post-item img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 9px;
}

section#cms-info-block div.amazzingblog div.post-item h3.post-item-title{
margin-top: 15px;
}

section#cms-info-block div.amazzingblog div.post-item h3.post-item-title a{
color: #ffffff;
font-weight: normal;
font-size: 1.25rem;
margin-bottom: 1rem;
}

section#cms-info-block div.amazzingblog div.post-item div.post-item-content,
section#cms-info-block div.amazzingblog div.post-item div.post-item-content *{
color: var(--secondary-grey-color);
font-size: .85rem;
}

section#cms-info-block div.amazzingblog div.post-item div.post-item-footer{
border-top: unset;
padding: unset;
}

section#cms-info-block div.amazzingblog div.post-item div.post-item-footer a.item-readmore{
color: var(--secondary-orange-color);
text-decoration: unset;
}

@media (max-width: 1050px){

section#cms-info-block div.grid-container div.amazzingblog div.post-list{
grid-template-columns: 1fr;
}
}

/*section#cms-info-block div.grid-container{
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(3, 1fr);
}

section#cms-info-block div.grid-container div.content__item,
section#cms-info-block div.grid-container div.image__block{
display: grid;
}

section#cms-info-block div.grid-container div.content__item{
grid-gap: 35px;
}

section#cms-info-block div.grid-container div.image__block > *{
margin-bottom: unset;
}

section#cms-info-block div.grid-container div.image__block img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 9px;
}

section#cms-info-block div.grid-container div.text__block h3{
color: #ffffff;
font-weight: normal;
font-size: 1.25rem;
margin-bottom: 1rem;
}

section#cms-info-block div.grid-container div.text__block,
section#cms-info-block div.grid-container div.text__block p,
section#cms-info-block div.grid-container div.text__block li,
section#cms-info-block div.grid-container div.text__block span{
color: var(--secondary-grey-color);
font-size: .85rem;
}

section#cms-info-block div.grid-container div.text__block p:not(:last-of-type){
margin-bottom: unset;
}

section#cms-info-block div.grid-container div.text__block a{
color: var(--secondary-orange-color);
text-decoration: unset;
}

section#cms-info-block div.grid-container div.text__block a:last-of-type{
margin-top: 15px;
display: inline-block;
}

@media (max-width: 1050px){

section#cms-info-block div.grid-container{
grid-template-columns: 1fr;
}
}*/

/* Index ~ Review block */

section#review-block{
background: var(--secondary-light-grey-color);
padding: 65px 0px;
}

section#review-block div.heading-block-center h3{
font-weight: normal;
font-size: 2.5rem;
}

section#review-block .grid-container{
display: grid;
grid-gap: 15px;
grid-template-columns: 1fr 3fr;
}

section#review-block div.average-container{
display: grid;
align-items: center;
background: #ffffff;
padding: 1.5rem;
border-radius: 9px;
box-shadow: 0px 0px 5px rgb(0, 0, 0, .25);
}

section#review-block div.average-container{
display: flex;
grid-gap: 15px;
justify-content: space-between;
flex-direction: column;
}

section#review-block div.average-container div.stars{
display: flex;
justify-content: center;
flex-direction: column;
}

section#review-block div.average-container div.stars span.stars__median{
font-size: 2rem;
font-weight: 700;
text-align: center;
color: var(--extra-grey-color);
}

section#review-block div.average-container div.stars div.stars__inner svg{
height: 25px;
width: auto;
}

section#review-block div.average-container div.rating{
text-align: center;
}

section#review-block div.average-container div.rating-link a{
color: var(--primary-black-color);
font-weight: 700;
font-size: 1rem;
}

section#review-block div.selection-container{
display: grid;
grid-gap: 25px;
grid-template-columns: repeat(3, 1fr);
}

section#review-block div.single-review{
display: flex;
grid-gap: 15px;
flex-direction: column;
background: #ffffff;
box-shadow: 0px 0px 5px rgb(0, 0, 0, .25);
padding: 1.5rem;
border-radius: 5px;
}

section#review-block div.single-review div.review-header{
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 55px;
}

section#review-block div.single-review div.review-details{
display: flex;
flex-direction: column;
line-height: normal;
}

section#review-block div.single-review div.review-details span.name{
font-weight: 700;
color: var(--primary-black-color);
}

section#review-block div.single-review div.review-details span.city{
color: var(--secondary-grey-color);
font-size: 14px;
}

section#review-block div.single-review div.review-rating{
height: 53px;
width: 53px;
display: grid;
align-items: center;
align-content: center;
}

section#review-block div.single-review div.review-rating > *{
grid-row: 1;
grid-column: 1;
}

section#review-block div.single-review div.review-rating svg{
height: 55px;
width: 55px;
}

section#review-block div.single-review div.review-rating span.score{
color: #ffffff;
font-weight: 700;
font-size: 18px;
margin: 0 auto;
}

section#review-block div.single-review div.review-body,
section#review-block div.single-review div.review-body p{
font-size: 14px;
margin-bottom: unset;
}

@media (max-width: 1200px){

section#review-block .grid-container{
grid-template-columns: 1fr;
}

section#review-block .grid-container .average-container{
order: 2;
}
}

@media (max-width: 800px){

section#review-block div.selection-container{
grid-template-columns: 1fr;
}

section#review-block div.single-review{
background: var(--extra-color-gray);
}
}

/* Index ~ SEO text blok */

section#seo-block div.grid-container{
display: grid;
grid-gap: 35px;
grid-template-columns: repeat(2, 1fr);
font-size: 14px;
}

section#seo-block div.seo-block-container{
display: grid;
grid-gap: 25px;
}

section#seo-block div.seo-block-container div.video__block p,
section#seo-block div.seo-block-container div.video__block iframe{
width: 100%;
height: 350px;
}

section#seo-block div.seo-block-container h3,
section#seo-block div.seo-block-container h4,
section#seo-block div.seo-block-container h5,
section#seo-block div.seo-block-container h6{
color: var(--primary-black-color);
font-size: 20px;
font-weight: 700;
}

section#seo-block div.seo-block-container h3{
color: var(--primary-black-color);
font-size: 23px; 
}

section#seo-block div.seo-block-container ul{
padding-left: 1.25rem;
}

section#seo-block div.seo-block-container ul li{
font-weight: 700;
list-style-type: disc;
}

@media (max-width: 1050px){

section#seo-block div.grid-container{
grid-template-columns: 1fr;
}
}