.flex-rij:not(.blok-tekstkolommen) h2 {

  margin-bottom:20px;
  overflow-wrap:break-word;
}
.flex-rij h3, .flex-rij strong {
  *color:black;
    overflow-wrap:break-word;
}


.flex-rij table {
  *border:2px solid #eee;
  border-radius:20px;
  overflow:hidden;
  box-shadow:inset 0px 0px 0px 2px #eee;

  width:100%;
  margin-bottom:15px;
  position:relative;
  background:white;
}

.flex-rij table th, .flex-rij table td {
  padding:10px 20px;
  vertical-align:top;
  color:var(--text_color);
}
  .flex-rij table td p {
    font-size:16px;
  }
.flex-rij table th { border-top:0; }

  .flex-rij table tbody, .flex-rij table thead, .flex-rij table tr {
    width:100%;
    position:relative;
  }
  .flex-rij table thead {
    background-color:var(--lightgray);
    box-shadow:inherit;
    border-radius:20px 20px 0px 0px;
  }
    .flex-rij table thead th { font-weight:500; }
    .flex-rij table tbody tr {
      box-shadow:0px 2px 0px #eee;
}
@media screen and (min-width:767px) {
  .flex-rij table tbody td:first-of-type {
    width:20%;
  }
}

.flex-rij table tbody:not(thead + tbody) td:first-of-type {
  background-color:var(--lightgray);
  box-shadow:inset 0px 0px 0px 2px #eee;
  font-weight:500;
}
.flex-rij table tbody:not(thead + tbody) tr:not(:last-of-type) td:first-of-type {
  box-shadow:inset 0px -2px 0px var(--lightgray), inset 0px 0px 0px 2px #eee;
}
  .flex-rij table tbody:not(thead + tbody) tr:first-of-type td:first-of-type { border-radius:20px 0px 0px 0px; }
  .flex-rij table tbody:not(thead + tbody) tr:last-of-type td:first-of-type { border-radius:0px 0px 0px 20px; }


.flex-rij.bg-gray table, .flex-rij.bg-gray table tbody:not(thead + tbody) td:first-of-type {
  box-shadow:inset 0px 0px 0px 2px #ddd;
}
.flex-rij.bg-gray table tr {
  box-shadow:0px 2px 0px #ddd;
}
.flex-rij.bg-gray table thead, .flex-rij.bg-gray table tbody:not(thead + tbody) td:first-of-type {
  background-color:#eee;
}
.flex-rij.bg-gray table tbody:not(thead + tbody) tr:not(:last-of-type) td:first-of-type {
  box-shadow:inset 0px -2px 0px #eee, inset 0px 0px 0px 2px #ddd;
}
@media screen and (max-width:767px) {
  .flex-rij table {
    font-size:14px;
  }
  .flex-rij table th, .flex-rij table td {
    padding:10px;
  }

  .flex-rij img.circled {
    max-width:300px;
    margin:10px auto 20px;
  }
}
.flex-rij ul {
  padding-left:20px;
}
.flex-rij {
  padding:100px 0px;
  position:relative;
  overflow:visible;
}
.sub-header {
  margin-bottom:0;
}
  .flex-rij.bg-gray {
    background-color:var(--lightgray);
  }
  .flex-rij.bg-root {
    background-color:var(--root);
    color:white;
  }
    .flex-rij.bg-root p , .flex-rij.bg-root h2, .flex-rij.bg-root a { color:white; }
    .flex-rij.bg-root:not(.blok-agenda) .button {
      background-color:var(--darkgray);
    }

  .flex-rij.bg-white + .flex-rij.bg-white,
  .flex-rij.bg-terra + .flex-rij.bg-terra,
  .flex-rij.bg-beige + .flex-rij.bg-beige,
  .flex-rij.bg-gold + .flex-rij.bg-gold,
  .flex-rij.bg-brown + .flex-rij.bg-brown,
  .flex-rij.brd-shadow + .flex-rij.brd-shadow {
    padding-top:0px;
    margin-top:-30px;
  }
  .flex-rij.bg-img {
    background-size:cover;
    background-position:center;
    z-index:1;
    color:white;
  }
    .flex-rij.bg-img:before {
      content:" ";
      background-image:inherit;
      background-size:inherit;
      background-position:inherit;
      width:100%;
      height:100%;
      position:absolute;
      pointer-events:none;
      z-index:-1;
      filter:grayscale(1) brightness(.5);
      top:0;
      left:0;
    }
    .flex-rij.bg-img:after {
      content:" ";
      width:100%;
      height:100%;
      top:0;
      left:0;
      position:absolute;
      background-color:var(--brown);
      mix-blend-mode:screen;
      z-index:-1;
    }

  .flex-rij + .flex-rij[data-blok="Contentblokken"] + .flex-rij[data-blok="Contentblokken"],
  .flex-rij + .flex-rij[data-blok="Unique selling points"] + .flex-rij[data-blok="Unique selling points"] {
    margin-top:-80px;
  }

  .flex-rij[data-blok="Afbeelding"] + .flex-rij[data-blok="Tekst"] {
    margin-top:-30px;
  }
  .flex-rij[data-blok="Unique selling points"] + .flex-rij {
    margin-top:0 !important;
  }

@media (min-width:1199px) {
  .flex-rij.bg-white + .flex-rij[data-blok="Tekst en afbeelding"] {  margin-top:100px; }
  .flex-rij.bg-white + .flex-rij:not(.bg-white)[data-blok="Tekst en afbeelding"] img.circled { margin-top:-133.33px; }



}
@media (min-width:991px) {
  .flex-rij.bg-white + .flex-rij[data-blok="Contentblokken"] {  margin-top:100px;   }
  .flex-rij.bg-white + .flex-rij[data-blok="Contentblokken"] .usp-cont { margin-top:-200px; }

}

/* Wave stukje
  .flex-rij.bg-white + .flex-rij.bg-gray,
  .flex-rij.brd-shadow + .flex-rij.bg-gray,
  .flex-rij.bg-white + .flex-rij.bg-root,
  .flex-rij.brd-shadow + .flex-rij.bg-root {
    border-top:100px solid white;
  }
  .flex-rij.bg-white + .flex-rij.bg-gray:before,
  .flex-rij.brd-shadow + .flex-rij.bg-gray:before,
  .flex-rij.bg-white + .flex-rij.bg-root:before,
  .flex-rij.brd-shadow + .flex-rij.bg-root:before {
    content:" ";
    width:100%;
    height:100px;
    background-color:inherit;
    display:block;
    position:absolute;
    top:-100px;
    left:0;
    mask-image: url(../../images/wave.svg);
    *mask-image: url(../../images/wave.svg);
    mask-size:100% 100%;
    mask-position:center;
    mask-repeat:no-repeat;
  } */

  .flex-rij.brd-shadow .container {
    box-shadow:0px 10px 25px -5px rgb(0 0 0 / 50%);
    border-radius:25px;
    padding:50px;
    background:white;
  }
@media screen and (max-width:767px) {
.flex-rij.bg-white + .flex-rij.bg-gray:before,
  .flex-rij.brd-shadow + .flex-rij.bg-gray:before,
  .flex-rij.bg-white + .flex-rij.bg-root:before,
  .flex-rij.brd-shadow + .flex-rij.bg-root:before {
	 	height:50px;
	  top:-50px;
	}
	.flex-rij.bg-white + .flex-rij.bg-gray, .flex-rij.brd-shadow + .flex-rij.bg-gray, .flex-rij.bg-white + .flex-rij.bg-root, .flex-rij.brd-shadow + .flex-rij.bg-root {
		border-top:50px solid white;

	}

  .flex-rij.brd-shadow .container {
    padding:15px;
  }
}
  .breadcrumbs + .flex-rij {
    padding-top:50px;
  }

  .flex-rij p[style="text-align: center;"] + .ctas {
    text-align:center;
  }

    .flex-rij img {
      max-width:100%;
      max-height:100%;
      height:auto;
      *box-shadow:0px 10px 25px -5px rgb(0 0 0 / 50%);
      border-radius:25px;
    }
      .flex-rij.brd-shadow .container img {
        box-shadow:0 0 0 transparent;
      }


    .flex-rij h2 strong {
      font-weight:inherit;
    }

      .flex-rij .fluid-slider {
        background-color:transparent;
        padding:0;
        margin:0;
        overflow:visible;
      }
        .flex-rij .fluid-slider:after {
          display:none;
        }
        .flex-rij .fluid-slider .slick-list { overflow:visible; }

        .fluid-slider {
      		height:auto;
      		width:100vw;
      		padding:30px 0px;
      		background-color:#F8F8F8;
      		margin:30px 0px;
      		background-size:cover;
      	}
      		.fluid-slider:after {
      			content:" ";
      			width:100%;
      			height:100%;
      			background-color:white;
      			position:absolute;
      			top:0;
      			left:0;
      			opacity:.95;
      		}
      	.fluid-slider .slick-list, .fluid-slider .slick-track {
      		height:100%;
      		z-index:2;
      	}
      	.fluid-slider .slick-track {
      		display:flex;
      		align-items:center;
      	}
      	.fluid-slider .slick-slide {
      		width:auto;
      		margin:0px 20px;
      		height:100%;
      		display:block;
      		overflow:visible;
      		position:relative;
      	}
      		.fluid-slider .slick-slide img {
      			display:block;
      			position:relative;
      			height:100%;
      			width:100%;
      			max-width:30vw;
      			max-height:500px;
      			transform:;
      		}
      		.fluid-slider .slick-slide .button {
      			position:absolute;
      			top:50%;
      			left:50%;
      			transform:translate(-50%, -50%) scale(0);
      			*opacity:0;

      		}
      		.fluid-slider .slick-slide.slick-current .button {
      			opacity:1;
      			transform:translate(-50%, -50%) scale(1);
      		}
      @media screen and (max-width:767px) {
      	.fluid-slider {

      		padding:10px 0px;
      		background-color:#F8F8F8;
      		margin:10px 0px;
      	}
      	.fluid-slider .slick-slide .button {
      		font-size:12px;
      		padding:10px;
      		width:auto;
      	}
      	.fluid-slider .slick-slide img {
      		max-width:60vw;
      	}
      }
/* USPS */
.flex-rij .usp-cont {
  width:100%;
  display:flex;
  gap:20px;
  margin-bottom:20px;
}
  .flex-rij .usp-cont .usp {
    width:100%;
    display:flex;
    flex-direction:column;
    border-radius: 25px;
  }
  .flex-rij.blok-contentblokken .usp-cont .usp.no-img {
    background-image:url('../../img/print-white.png');
    background-size:auto 300px;
    background-repeat:no-repeat;
    background-position:calc(100% + 60px) -100px;
    padding-top:150px;
  }
  @media (max-width:991px) {
  .flex-rij.blok-contentblokken .usp-cont .usp.no-img {
    background-size:auto 200px;
    background-position:110% -50px;
    padding-top:50px;
  }
}
    .flex-rij .usp-cont .usp-top {
      height:auto;
      z-index:2;
      position:relative;
    }
    .flex-rij .usp-cont .usp-bottom {
      height:100%;
      z-index:1;
      position:relative;
    }
      .flex-rij .usp-cont .usp-bottom * {
        max-width:500px;
        *margin:0px auto;
        margin-left:auto;
        margin-right:auto;
      }
    .flex-rij .usp-cont .usp .usp-img {
      width:100%;
      padding-top:64%;
      height:0;
      background-size:cover;
      background-position:center;
      border-radius:25px 25px 0px 0px;
    }

    .flex-rij .usp-cont .usp .nr {
      width:140px;
      height:140px;
      background-color:var(--brown);
      border-radius:50%;
      text-align:center;
      line-height:50px;
      font-weight:bold;
      font-size:20px;
      color:white;
      margin:-70px auto -20px;
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;

    }
    .flex-rij .usp-cont .usp .nr i {
      font-size:60px;
      bottom:-3px;
      position:relative;
    }
@media (max-width:991px) {
    .flex-rij.blok-unique_selling_points .usp-cont .usp {
      margin-bottom:30px;
    }
    .flex-rij .usp-cont .usp .nr {
      width:60px;
      height:60px;
      margin:-30px auto -30px;
    }
    .flex-rij .usp-cont .usp .nr i {
      font-size:30px;
    }
}


    .flex-rij .usp-cont .usp .tekst {
      width:100%;
      padding:50px 25px 25px 25px;
      position:relative;
      overflow:hidden;
      height:100%;

      background-size:100% 100%;
      background-color:var(--lightgray);
      border-radius:0px 0px 25px 25px;

      color:white;
    }
    .flex-rij .tekst * { color:inherit; }
    .flex-rij .usp-cont .usp:nth-of-type(odd) { background-color:var(--brown); }
    .flex-rij.blok-unique_selling_points .usp-cont .usp:nth-of-type(odd) { background-color:var(--beige);  }
    .flex-rij.blok-unique_selling_points .usp-cont .usp:nth-of-type(odd) .tekst { color:var(--brown) !important; }


    .flex-rij .usp-cont .usp:nth-of-type(even) { background-color:var(--terra); }


    .flex-rij .usp-cont .usp .has-button .tekst {
      padding:50px 25px 80px 25px;
    }
    .flex-rij .contentblokken .usp .tekst {
      padding:25px;
    }
    .flex-rij .contentblokken .usp .has-button .tekst {
      padding:25px 25px 100px 25px;
    }
    .flex-rij .usp-cont .usp.no-img .tekst {
      border-radius:25px;
      margin-bottom:20px;
    }
    .flex-rij.bg-gray .usp-cont .usp .tekst {
      background-color:white;
    }
      .flex-rij .usp-cta {
        position:absolute;
        bottom:25px;
        left:50%;
        transform:translateX(-50%);
        width:100%;
        text-align:center;
      }

@media screen and (max-width:991px) {
  .flex-rij .usp-cont {
    flex-direction:column;
  }
}


/* Blokken op achtergrondafbeelding */
.flex-rij .blokken-bg {
  width:100%;
  height:66%;
  max-height:300px;
  position:absolute;
  background-position:center;
  background-size:cover;
  left:0;
  top:0;
}
  .flex-rij .blokken-bg:after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:" ";
    background-color:rgba(0,0,0,.3);
  }

  .flex-rij .boa-cont {
    width:100%;
    display:flex;
    gap:20px;
  }
    .flex-rij .boa-cont .blok {
      width:100%;
      display:flex;
      flex-direction:column;
      background-color:white;
      padding:25px 25px 25px 25px;
      box-shadow:0px 10px 25px -5px rgb(0 0 0 / 50%);
      text-align:center;
      position:relative;
      overflow:hidden;
    }
    .flex-rij .boa-cont .blok.has-cta {
      padding-bottom:75px;
    }
      .flex-rij .boa-cont .blok .blok-img-cont {
        height:200px;
        width:100%;
      }
        .flex-rij .boa-cont .blok .blok-img-cont.cover {
          margin:-25px 25px 25px -25px;
          width:calc(100% + 50px);
          height:225px;
        }
        .flex-rij .boa-cont .blok .blok-img-cont.contain {
          margin-bottom:25px;
        }
          .flex-rij .boa-cont .blok .blok-img-cont .blok-img {
            width:100%;
            height:100%;
            background-position:center;
            background-repeat:no-repeat;
          }
            .flex-rij .boa-cont .blok .blok-img-cont.cover .blok-img {
              background-size:cover;
            }
            .flex-rij .boa-cont .blok .blok-img-cont.contain .blok-img {
              background-size:contain;
            }

  @media screen and (max-width:991px) {
    .flex-rij .boa-cont {
      flex-direction:column;
    }
  }

/* Dynamische tekst en afbeeldingen */
.flex-rij.blok-dynamische_tekst_en_afbeeldingen {
  padding-bottom:250px;
}
.dynamic-bg {
  position:absolute;
  z-index:0;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:calc(100% - 300px);
  height:calc(100% - 150px);
  max-width:1000px;
  *background-image:url('../../images/header2cropped.png');
  background-size:cover;
  background-position:center;
  filter:contrast(90%);
  opacity:.1;
  border-radius:15px;
}
  .dyn-cont {
    position:relative;
    overflow:visible;
  }
  .dyn-img {
    margin:10px 0px;
  }
    .dyn-img.di-2 {
      position:absolute;
      right:-10%;
      left:50%;
      top:calc(100% - 100px);
    }

@media screen and (max-width:991px) {
  .dynamic-bg {
    display:none;
  }
  .dyn-img.di-1 {
    margin-top:50px;
  }
  .dyn-img.di-2 {
    transform:translate(0) !important;
    right:0;
    left:0;
    top:0;
    position:relative;
    margin-top:20px;
  }
}



/* Villa selectie */
.flex-rij .villa-cont {
  width:100%;
  display:flex;
  gap:20px;
}
  .flex-rij .villa-cont .villa {
    width:100%;
    display:flex;
    flex-direction:column;
  }
    .flex-rij .villa-cont .villa-top {
      height:auto;
      z-index:2;
      position:relative;
    }
    .flex-rij .villa-cont .villa-bottom {
      height:100%;
      z-index:1;
      position:relative;
    }
    .flex-rij .villa-cont .villa .villa-img {
      width:100%;
      padding-top:64%;
      height:0;
      background-size:cover;
      background-position:center;
      margin-bottom:10px;
    }

    .flex-rij .villa-cont .villa .tekst {
      width:100%;
      padding:50px 25px 75px 25px;
      text-align:center;
      position:relative;
      overflow:hidden;
      height:100%;
      *background: rgb(255,255,255);
      *background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(246,244,242,1) 100%);
      *background-image:url('../../images/polygradient.png');
      background-size:100% 100%;
        background-color:var(--lightgray);
      color:black;
    }
      .flex-rij .villa-cta {
        position:absolute;
        bottom:15px;
        left:50%;
        transform:translateX(-50%);
        width:100%;
      }

@media screen and (max-width:991px) {
  .flex-rij .villa-cont {
    flex-direction:column;
  }
}


.inspiratiebanner2 {
  margin:0px auto !important;
}



/* FAQ's */

.flex-rij.blok-faq {
  background-color:var(--beige);
    color:var(--brown);
}
.faqs h2 {
  text-align:center;
}
.faqs .faq {
  height:0;
  opacity:0;
  transition:0s;
  margin-top:0px;

}
.faqs .faq {
  height:auto;
  display:block;
  opacity:1;
  transition:.3s;
  margin-top:10px;
  padding:9px;
  background-color:white;
  border-radius:30px;

}
  .faqs .faq.opened {

  }
  .faqs .faq h3 {
    padding:10px;
    margin:0px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    padding-left:40px;
    font-size:20px;

  }
  .faqs .faq h3:hover:before, .faqs .faq.opened h3:before {
    color:var(--gold);
  }
  .faqs .faq h3:before {
    content:"+";
    color:rgb(200,200,200);
    width:15px;
    height:15px;
    text-align:center;
    line-height:10px;
    font-size:25px;
    position:absolute;
    left:10px;
    top:15px;
    transition:.3s;

  }
  .faqs .faq.opened h3:before {
    color:var(--gold);
    transform:rotate(45deg);
  }

  .faqs .faq .answer {
    height:0;
    padding-left:40px;
    position:relative;
    overflow:hidden;
    opacity:0;
    transition:.3s;
    transform:translateY(-30px);
  }
    .faqs .faq.opened .answer {
      display:block;
      opacity:1;
      height:auto;
      margin:5px 0 5px 0;
      transform:translateY(0);
    }
    .faqs .faq:last-of-type.opened .answer {
      margin:5px 0px 0px 0px;
    }

    .faqs .faq .answer p {
      margin:0 0 10px 0;
      padding:0;
      color:var(--textgray);
      font-size:16px;
    }


/* Stappenplan */

.stappenplan {
  width:100%;
  height:auto;
  position:relative;
  overflow:hidden;
  max-width:800px;
  margin:0px auto;
}
  .stappenplan .stap {
    width:100%;
    height:auto;
    padding:23px 0px 15px 0px;
    position:relative;
    overflow:hidden;
  }
.stappenplan .stap:last-of-type,
.stappenplan .stap:last-of-type .tekst {
	padding-bottom:0;
}
    .stappenplan .stap .nr {
      width:60px;
      height:60px;
      border-radius:60px;
      background-color:var(--root);
      color:white;
      font-size:26px;
      line-height:60px;
      text-align:center;
      position:absolute;
      font-weight:bold;
      top:5px;
      *left:calc(50% - 30px);
      overflow:visible;
    }


      .stappenplan .stap .nr:before {
        width:1px;
        height:100vh;
        background:#6E6E6E;
        position:absolute;
        bottom:100%;
        content:" ";
        left:50%;
      }
      .stappenplan .stap .nr:after {
        width:1px;
        height:100vh;
        background:#6E6E6E;
        position:absolute;
        top:100%;
        content:" ";
        left:50%;
      }


      .stappenplan .stap:first-of-type .nr:before, .stappenplan .stap:last-of-type .nr:after {
        display:none;
      }

      .stappenplan .stap .nr i {
        bottom:-7px;
        position:relative;
        font-size:36px;
      }
    .stappenplan .stap .tekst {
      *width:calc(50% - 60px);
      width:calc(100% - 100px);
      margin-left:100px;
      *text-align:right;
      padding-bottom:30px;
    }
      .stappenplan .stap:nth-of-type(even) .tekst {
        *margin-left:calc(50% + 60px);
        *text-align:left;
      }
@media screen and (max-width:991px) {
  .stappenplan .stap .tekst, .stappenplan .stap:nth-of-type(even) .tekst  {
    width:calc(100% - 100px);
    margin-left:100px;
    text-align:left;
  }
  .stappenplan .stap .nr {
    left:0;
  }
  .stappenplan .stap h3 {
    font-size:20px;
    line-height:1.4;
  }

}

@media screen and (max-width:776px) {
  .stappenplan .stap .tekst, .stappenplan .stap:nth-of-type(even) .tekst  {
    width:calc(100% - 60px);
    margin-left:60px;
    text-align:left;
  }
    .stappenplan .tekst h2 {
      margin-top:0;
    }
    .stappenplan .stap h3 {
      font-size:16px;

    }
  .stappenplan .stap .nr {
    width:40px;
    height:40px;
    line-height:40px;
    font-size:16px;
    top:13px;
  }
  .stappenplan .stap .nr i {
    font-size:23px;
    bottom:-5px;
  }
}


/* Woonthema's & woningstijlen */

.box-item {
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:1/1;
  display:block;
  cursor:pointer;
  margin-bottom:30px;
  color:black;
  background-color:#ffffff;
}
  .box-item .img-cont {
    height:calc(100% - 60px);
    background:var(--darkgray);
    position:relative;
    display:block;
    overflow:hidden;
  }
    .box-item .img-cont img {
      width:100%;
      height:100%;
      object-fit:cover;

      object-position:center;
    }

  .box-item .box-text {
    background-color:white;
    *background-image:url('../../images/polygradient.png');
    background-size:100% auto;
    background-position:center top;
    height:60px;
    overflow:hidden;
    color:black;
  }
    .box-item .box-text h2 {
      text-align:center;
      height:60px;
      line-height:60px;
      margin:0;
      padding:0;
      font-size:18px;
    }





// .flex-rij input:not([type='submit']), textarea { background:white !important;}

.flex-rij .nf-form-title { display:none; }
  .flex-rij form label {
    font-size:20px;
    font-weight:400;
    color:var(--text_color);
  }
  .flex-rij form .ninja-forms-req-xymbol {
    color:var(--root);
  }


.ref-slider .slick-track, .ref-slider .slick-list {
  overflow:visible;

}
.ref-slider .slick-slide {
  margin:0px 20px;
  opacity:.4;
  transition:.5s;
}
  .ref-slider .slick-slide.slick-active {
    opacity:1;
  }

.slick-dots button:before {
  margin-top:10px;
  width:10px !important;
  height:10px !important;
  border-radius:10px !important;
  background-color:var(--root);
  font-size:;
  color:transparent !important;
}


@media screen and (max-width:767px) {
  .flex-rij {
    padding:30px 0px;
  }
  .blok-tekst_en_afbeelding .row {
    gap:20px;
  }
}


section.blok-ervaring {
  overflow:hidden;
  padding:50px 0;
}
.quote-container .printed .print {
  right:-15%;
  top:-70%;
  left:unset;
}


.flex-rij .logos {
  display:flex;
  flex-flow: row wrap;
  gap:10px;
}
  .flex-rij .logos .logo {
    flex:0 1 calc(20% - 8px);
    padding:10px;
    border-radius:5px;
    background-color:white;
    box-shadow:0px 2px 3px rgba(0,0,0,.1);
  }
    .flex-rij .logos .logo img {
      width:100%;
      aspect-ratio:1 / .4;
      min-height:auto;
      object-fit:contain;
    }

  @media screen and (max-width:991px) {
    .flex-rij .logos .logo {
      flex:0 1 calc(33% - 10px);
    }
  }
  @media screen and (max-width:576px) {
    .flex-rij .logos .logo {
      flex:0 1 calc(50% - 5px);
    }
  }


/* Youtube Player */

.youtube-video {
  width:100%;
  aspect-ratio:1 / .56;
}
  .youtube-video > * {
    width:100%;
    height:100%;
  }
  .youtube-video .thumbnail {
    z-index:2;
    position:relative;
    display:block;
    background-size:cover;
    border-radius:25px;
    cursor:pointer;
    transition:.3s;
  }
  .youtube-video .thumbnail.clicked {
    opacity:0;
    pointer-events:none;
  }
    .youtube-video .thumbnail .play {
      width:80px;
      height:80px;
      background-color:var(--root);
      color:white;
      border-radius:40px;
      position:absolute;
      top:calc(50% - 40px);
      left:calc(50% - 40px);
      text-align:center;
      line-height:85px;
      font-size:35px;
      transition:.3s;
    }
    .youtube-video .thumbnail:hover .play {
      transform:scale(1.1);
    }
  .youtube-video iframe {
    position:absolute;
    border-radius:25px;
    top:0;
    left:0;
    z-index:1;
    border:0;
    *opacity:0;
  }
@media screen and (max-width:767px) {
  .youtube-video {
    margin-bottom:25px;
  }
}




/* Contact block */
.contact-block {
  background-color:var(--brown);
  color:white;
  padding:120px 50px;
  border-radius:30px;
  background-image:url(../../img/print-white.png);
  background-size:300px auto;
  background-position:110% 120%;
  background-repeat:no-repeat;
  margin-bottom:30px;
  min-height:calc(100% - 30px);
}
  .contact-block a {
    color:inherit;
    transition:.3s;
  }
  .contact-block a:hover {
    color:var(--gold);
    text-decoration:none;
  }
  .contact-block i {
    font-size:24px;
  }