
@media only screen and (min-width: 992px) {
/*.logo__container{
  position: relative;
}

.logo__container::after {
  content: '';
  position: absolute;
 top: 80px;
  left: 0;
  border: 300px solid rgba(255,255,255, 0.7);
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
 
}
*/

.nav__container{
clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%);
}

}

@media only screen and (max-width: 992px) {
.on-scroll .logo__container, .scrolling .logo__container{
clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
background: #fff;
height:100%;
}

#brx-header.sticky.scrolling > .brxe-section{
  background-color: var(--base);
}

}


.ondernemers__media{
clip-path: polygon(36% 0, 100% 0, 100% 35%, 100% 59%, 100% 100%, 56% 100%, 0 100%, 33% 41%, 0 41%, 27% 0);
}

.voor-wie__media{
clip-path: polygon(21% 10%, 26.5% 0, 100% 0, 100% 60%, 100% 100%, 47% 100%, 0 100%, 0 73%, 0 73%, 28% 10%);
}

.opleveren__media{
clip-path: polygon(75% 0, 80% 10%, 73% 10%, 100% 75%, 100% 100%, 55% 100%, 0 100%, 0 59%, 0 35%, 0 0);
}

.verwachten__image{
clip-path: polygon(75% 0, 80% 10%, 73% 10%, 100% 50%, 100% 100%, 55% 100%, 0 100%, 0 59%, 0 35%, 0 0);
}


.bricks-mobile-menu-wrapper{
 clip-path: polygon(57% 0, 100% 0, 100% 100%, 0 100%);
  height: 50% !important;
}

.lees-meer__icon::after{
  clip-path: polygon(99% 45%, 0 0, 1% 100%);
  background: var(--primary);
  width: 12px;
  height: 12px;
  content: '';
  position: absolute;
  right: 10px;
top: 50%;
transform: translateY(-50%);
  
  
}


@media only screen and (max-width: 395px) {
#brxe-571abe .bricks-mobile-menu-toggle, .icoon__mobiel{
  width:20px !important
}

.hero__heading{
font-size: var(--h2) !important;
}
 .fr-logo.brxe-image{
  width:6em
}

}

.cta__button-medium:after{
  content: '';
  position: absolute;
  background-color: #fff;
  clip-path: polygon(36% 0, 100% 0, 100% 35%, 100% 59%, 100% 100%, 56% 100%, 0 100%, 33% 41%, 0 41%, 27% 0);
  width:38px;
  height: 38px;
  transform: rotateX(-180deg);
  transform: rotateY(360deg);
  right:-10px
  
}

 .cta__button-large:after{
  content: '';
  position: absolute;
  background-color: #fff;
  clip-path: polygon(36% 0, 100% 0, 100% 35%, 100% 59%, 100% 100%, 56% 100%, 0 100%, 33% 41%, 0 41%, 27% 0);
  width:38px;
  height: 38px;
  transform: rotateX(-180deg);
  transform: rotateY(360deg);
  right:-10px
  
 }
@media only screen and (max-width: 922px) {
:root{
--text-m: var(--h3)
}

}

/*aspect-ratio-afbeeldingen met bliksemschicht */

@media only screen and (max-width: 1400px) {
#brxe-qnzeqg, #brxe-jawaox, #brxe-ucfbve, #brxe-gcgplh, #brxe-efgqib, #brxe-nqgtqh {
  aspect-ratio: 1/1;
}

#brxe-ktvcym, #brxe-dupnom{
    aspect-ratio: 9/16;
}


}

@media only screen and (max-width: 1100px) {
#brxe-qnzeqg, #brxe-jawaox, #brxe-ucfbve, #brxe-gcgplh, #brxe-efgqib, #brxe-nqgtqh   {
  aspect-ratio:3/4;
}

#brxe-ktvcym, #brxe-dupnom{
    aspect-ratio: 1/2.25;
}

}

@media only screen and (max-width: 1000px) {
#brxe-qnzeqg, #brxe-jawaox, #brxe-ucfbve, #brxe-gcgplh, #brxe-efgqib, #brxe-ktvcym, #brxe-nqgtqh, #brxe-dupnom   {
  aspect-ratio:4/3;
}
}

@media only screen and (max-width: 1280px) {
  .bliksem__footer{
  display: none !important;
}

#brxe-13f65f{
  padding-left: var(--space-m)!important;
  grid-template-columns: var(--grid-2);
  }

}

@media only screen and (max-width: 767px) {
  #brxe-13f65f{
  grid-template-columns: var(--grid-1);
  }
}