body.landingspage	h2            { font-size: 30px; line-height: 30px; }



body.landingspage .footer-column h3				{ margin: 0; font-size: 16px; line-height: 22px; font-weight: 600; }

.black                          { color: #000; }
.white                          { color: #FFF; }

.content_lrg                   { max-width: 900px; margin: 0 auto; box-sizing: border-box; }
.content_med                   { width: 680px; margin: 0 auto; box-sizing: border-box; text-align: center;}
.content_sml                   { width: 460px; margin: 0 auto; box-sizing: border-box; }
.content                       { box-sizing: border-box; }


.slick-next {
  right: 10px;
  background: #FFF url(../images/arrow-right-black.svg) 3px 3px / 40px 40px no-repeat;
  border-radius: 40px;
  opacity: 0.5;
}

.slick-prev {
  left: 10px;
  background: #FFF url(../images/arrow-left-black.svg) 3px 3px / 40px 40px no-repeat;
  border-radius: 40px;
  opacity: 0.5;
}

.slick-next:hover, 
.slick-prev:hover { opacity: 1.0; }

@media only screen and (max-width:1024px) {
  .content_med                   { width: 90%; }
}

@media only screen and (max-width:767px) {
  .content_sml                   { width: 90%; }
}


body.landingspage	.button             { padding: 2px 30px; }
body.landingspage	.button.inverted    { padding: 1px 29px; }

/* Introductie */
.lpblock.introblock .container .row {     align-items: center; }
.lpblock.introblock.image-right .container .row {     flex-direction: row-reverse; }
.lpblock.introblock.image-left .container .introblock-info-wrapper { padding-left: 3rem; }
.lpblock.introblock.image-right .container .introblock-info-wrapper { padding-right: 3rem; }

@media only screen and (max-width:767px) {
  .lpblock.introblock.image-left .container .introblock-info-wrapper,
  .lpblock.introblock.image-right .container .introblock-info-wrapper { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); }
}




 body.landingspage	.lpblock.lp-actueel-blokken                   { background: #dce9f9; }
 body.landingspage	.lpblock.lp-actueel-blokken .content          { max-width: 980px; }
.lp-actueel-blokken-wrapper                                       { display: flex; justify-content: space-between; text-align: left; }

  .lp-actueel-blok-lg                                     { flex: 0 0 653px; }
  .lp-actueel-blok-md                                     { flex: 0 0 310px; }

  .lp-actueel-blok                        { display: block; position: relative; height: 418px; }
  body.landingspage .lp-actueel-blok .button    { padding: 0f 18px; }

    .lp-actueel-blok-image-wrapper          { position: relative; height: 100%; }
      .lp-actueel-blok-image-overlay          { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.4023984593837535) 0%, rgba(53,205,255,0) 61%); z-index: 10; }
      .lp-actueel-blok-image-wrapper img      { display: block; width: 653px; height: 418px; object-fit: contain; z-index: 5; }
    .lp-actueel-blok-content-wrapper        { position: absolute; bottom: 0; left: 0; padding: 20px; z-index: 15; }
      .lp-actueel-blok-prefix                     { margin: 0 0 5px; font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; color: #fff; }
      body.landingspage h2.lp-actueel-blok-title  { margin: 0 0 20px; color: #fff; }

  .lp-actueel-blok-md .lp-actueel-blok                                        { height: 199px; margin: 0 0 20px; }
  .lp-actueel-blok-md .lp-actueel-blok::first-child                            { margin: 0; }
  .lp-actueel-blok-md .lp-actueel-blok .lp-actueel-blok-image-wrapper img     { display: block; width: 310px; height: 199px; object-fit: contain; }
  body.landingspage .lp-actueel-blok-md h2.lp-actueel-blok-title              { margin: 0 0 10px; font-size: 24px; line-height: 26px; color: #fff; }

  .lp-actueel-blok-md .lp-actueel-blok-prefix                 { margin: 0; }
  .lp-actueel-blok-md .lp-actueel-blok-image-overlay          { background: linear-gradient(0deg, rgba(0,0,0,0.4023984593837535) 0%, rgba(53,205,255,0) 100%); }
  

  @media only screen and (max-width:1000px) {

    .lp-actueel-blokken-wrapper                             { flex-flow: column; width: 600px; margin: 0 auto; }

    .lp-actueel-blok-lg                                     { flex: 0 0 400px; }
    .lp-actueel-blok-md                                     { flex: 0 0 400px; }

    .lp-actueel-blok,
    .lp-actueel-blok-md .lp-actueel-blok                    { height: auto; margin: 0 0 20px; }

    .lp-actueel-blok-image-wrapper img,
    .lp-actueel-blok-md .lp-actueel-blok .lp-actueel-blok-image-wrapper img   { width: 100%; height: auto; }

  }

  @media only screen and (max-width:767px) {

    .lp-actueel-blokken-wrapper                             { flex-flow: column; width: auto; margin: 0 auto; }

    .lp-actueel-blok-lg                                     { flex: 0 0 auto; }
    .lp-actueel-blok-md                                     { flex: 0 0 auto; }

  }










/* EAN SLIDER NEW NEW */
.landingpage_ean_slider a img   { margin: 0 5px 0; height: 256px; }

/* Slider product titel */
.slide-content-title {
  font-weight: 600;
}


/* Actueel */
body.landingspage	.lpblock.actueel-list-item .content		                { display: flex; flex-flow: row; margin: 0px auto; max-width: 850px;  }
body.landingspage	.lpblock.actueel-list-item .actueel-list-content-wrapper           { width: auto; max-width: 500px; text-align: left; padding-left: 40px;}
body.landingspage	.lpblock .lp-actueel-list-intro                                   { margin-bottom: 15px; }     

/* Actueel List*/
body.landingspage	.lpblock.lp-actueel-list .content		                  { max-width: 680px;  }
body.landingspage	.lpblock.lp-actueel-list .content .actueel-text-item  { text-align:left; max-width: 600px; margin: 0 auto 8px; }
body.landingspage	.lpblock.lp-actueel-list .content .actueel-text-item a  { display: flex; flex-flow: row nowrap; }
body.landingspage	.lpblock.lp-actueel-list .content .actueel-text-item a span.actueel-text-prefix { flex: 0 0 65px; color: #79808a; font-weight: 400; }
body.landingspage	.lpblock.lp-actueel-list .content .actueel-text-item a span.actueel-text-title { flex-grow: 1; font-weight: 600;}

body.landingspage	.lpblock.lp-actueel-list.color-invert .content .actueel-text-item a                             { color:#FFF; }
body.landingspage	.lpblock.lp-actueel-list.color-invert .content .actueel-text-item a span.actueel-text-prefix,
body.landingspage	.lpblock.lp-actueel-list.color-invert .content .actueel-text-item a span.actueel-prefix         { color: #CCC;}


body.landingspage .lpblock.lp-actueel-list .actueel-list-content-wrapper                          { text-align: left; }
body.landingspage .lpblock.lp-actueel-list .actueel-list-content-wrapper .actueel-list-title      { font-size: 22px; line-height: 26px; }

/* body.landingspage	.lpblock.actueel-list .actueel-list-content-wrapper            { width: auto; max-width: 500px; text-align: left; padding-left: 40px;} */


@media only screen and (max-width:420px) {
  body.landingspage .lpblock.lp-actueel-list .content		                        { padding: 0 30px; }
}


/* Winkel categorieen */
body.landingspage	.webshop-category-item-subcolumn                { text-align: left; width: 47%; border-top: 1px solid #7bcad7; }
body.landingspage	.webshop-categorieen-intro                      { margin: 0 auto 30px; max-width: 630px; }
body.landingspage	.webshop-category-topic                         { column-count: 3; column-gap: 10px; -moz-column-fill: balance; /* Firefox */
                                                                    column-fill: balance; justify-content: space-around; display: block;
                                                                    box-sizing: border-box;  }  
body.landingspage	.webshop-category-topic.columns1                { column-count: 1; margin: 0 auto; max-width: 300px;} 
body.landingspage	.webshop-category-topic.columns2                { column-count: 2; margin: 0 auto; max-width: 600px;} 
body.landingspage	.webshop-category-topic.columns3                { column-count: 3; padding: 10px 80px; } 
body.landingspage	.category-block.color-invert a.webshop-category-item-submenu-item { color:#FFF; }
body.landingspage	.category-block.color-invert .webshop-categorieen-intro a { color:#FFF; text-decoration: underline }


body.landingspage	.webshop-category-item-submenu-item             { border-top: 1px solid #7bcad7; border-top: 1px solid #7bcad7; padding: 8px 3px; display: inline-block;
  text-align: left;
  width: 100%; 
}

body.landingspage	.webshop-category-item-submenu-item:before {
/*
  content: '\f105';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   font-size: 20px; 
   margin:0px 8px 0px 10px;
   text-decoration:none;
*/

   content:" "; display: inline-block; width: 23px; height: 17px; margin-left: 5px; background: url(../images/arrow-right-white.svg) 98% 0 / 23px auto no-repeat;
}

body.landingspage	a.webshop-category-item-submenu-item:hover { 
  text-decoration:none;
}

body.landingspage	a.webshop-category-item-submenu-item:hover B { 
  text-decoration:underline;
}

@media only screen and (max-width:400px) {
  body.landingspage	.webshop-category-topic,
  body.landingspage	.webshop-category-topic.columns1,
  body.landingspage	.webshop-category-topic.columns2,
  body.landingspage	.webshop-category-topic.columns3                { column-count: 1; } 
}



/* Kill your darling whitespace */
body.landingspage	.newsletter-subscribe-wrapper.whitespace  	    { margin-bottom: 0px; }


/* Newsletter */
body.landingspage	.newsletter-form-wrapper  	                    { margin: 0px auto; max-width: 600px; padding: 50px 0px; text-align: center; }
body.landingspage	.newsletter-subscribe-form div                  { display: flex; flex-flow: row nowrap; min-height: 33px; align-self: center; height: auto !important;}
body.landingspage	.newsletter-subscribe-form div.newsletter-extended-form-wrapper  { flex-flow: column nowrap;  }
body.landingspage	.newsletter-form-wrapper .button.subscription-button-user         { align-self: center; }
body.landingspage	.newsletter-interests-container { display: inline-flex; }
body.landingspage	.newsletter-form-wrapper ul.webshop-listing	     {  display: flex; flex-flow: row nowrap; margin: 10px 0 10px; }
body.landingspage	.newsletter-form-wrapper input[type="email"]    { width: auto; flex-grow: 1; margin-right: 10px; line-height: 24px; box-sizing: border-box; height: 38px; margin-bottom: 0px;}
/* body.landingspage	.newsletter-form-wrapper label {
  display: inline-block;
  padding: 6px 15px 6px 10px;
  cursor: pointer;
  background: #FFF;
  margin-right: 1px;
} */

@media only screen and (max-width:420px) {
  body.landingspage	.newsletter-subscribe-form div                { flex-flow: column nowrap;   }
  body.landingspage	.newsletter-subscribe-form div .button        { align-self: auto;  }
  body.landingspage	.button                                       { align-self: auto; display: flex; justify-content: center; }
  body.landingspage	.slide-content-container .button              { display: inline-flex; }
}

/* Tegel overzicht */
body.landingspage	.article                                         { max-width: 680px; padding: 50px 20px; margin: 0 auto 0; text-align: left; }




/* Tegel overzicht */
body.landingspage	.lpblock                                          { width:100%; padding: 50px 0px; text-align: center; margin: 0 0 0 0; }
body.landingspage	.lpblock .content                                 { max-width: 900px; margin: 0 auto 0px; padding: 0 0px; }
body.landingspage	.lpblock .tegel-intro                             { margin: 0 auto 50px; }
body.landingspage	.lpblock.tegel-overview-wrapper .tegel-overview   { display: flex; flex-flow: row wrap; justify-content: center; }
body.landingspage	.lpblock.tegel-overview-wrapper .tile-wrapper     { width: 31%; margin: 0px 10px 20px; background: none; }


@media only screen and (max-width:767px) {
  body.landingspage	.lpblock.tegel-overview-wrapper .tile-wrapper   { width: 48%; }
  body.landingspage	.lpblock .content                               { padding: 0 10px; }
}

@media only screen and (max-width:420px) {
  body.landingspage	.lpblock.tegel-overview-wrapper .tile-wrapper   { width: 100%;  }
}

/* Product slider */
.item-text                                                { margin: 0 auto 0; }
.button-slider-wrapper                                    { margin-top: 20px; display: inline-block; }
.button-slider-wrapper .btn:nth-child(2)                  { margin-left: 20px;  }
.lpblock.item-bar.clr-accent .btn                         { background:#fff; /* color: #5daddc; */}

/* ITEM BALK  */
section.item-bar                       { padding: 50px 0;  }
section.item-bar .title                { margin: 0 auto 20px; text-align: center; }
section.item-bar .content              { display:flex; flex-flow: column nowrap; justify-content: space-between; margin: 0 auto; }
section.item-bar .item-text            { max-width: 680px; width: 100%; margin: 0 auto 30px; align-self: center }
section.item-bar .landingspage-slider-wrapper .item .item-image      { width: 180px; height: 180px; border-radius: 90px; display: inline-block;  }
section.item-bar.item-square .landingspage-slider-wrapper .item .item-image      { width: 180px; height: auto; min-height: 220px; border-radius: 0px; background-position: center; background-size: contain !important; }
section.item-bar .item-caption             { font-weight: bold; min-height: 40px;}
section.item-bar .item-caption .item-subcaption          { font-weight: normal; font-size: 15px; line-height: 16px; margin-top: 5px; }
section.item-bar .landingspage-slider-wrapper .item .item-caption    { width: 100%; padding: 10px 5px 0px; font-size: 16px; line-height: 18px; text-align: center; }
section.item-bar.color-invert .item-caption             { color: #FFF; }
section.item-bar.color-invert a             { color: #FFF; /*text-decoration: none;*/ }


.item-bar .slick-dots                            { bottom: -29px; left: 0px; margin: 0 0 0 0; right: inherit; text-align: center; }

body.landingspage	.landingspage-slider-wrapper .item-text   { margin: 15px auto; }

/* .landingspage-slider-wrapper .slick-prev {
  left: 0px;
}

.landingspage-slider-wrapper .slick-next {
  right: 0px;
} */



/* TABLET */
@media only screen and (max-width: 780px)  {
   section.item-bar .item-text            {padding: 0px 30px; }
   /* .slick-prev                            { left: -25px; }
   .slick-next                            { right: -25px;  } */
}

/* PHONE */
@media only screen and (max-width: 420px)  {
  section.item-bar .item-text            {padding: 0px 20px; }
  .slick-prev                            { left: 0px; }
  .slick-next                            { right: 0px;  }
}

/* Illustratie top */
.illustration-top-wrapper {
  background-size: cover;
}

/* Product  */
body.landingspage	.product-block-wrapper              { text-align: left; }
body.landingspage	.product-block-wrapper .content     { max-width: 680px; padding: 0 0;}
body.landingspage	.product-block-wrapper .item-text   { margin: 15px auto; }

body.landingspage	.product-overview-product-intro     {  }
body.landingspage	.product-block-title                { text-align: center; }
body.landingspage .clr-donkergrijs .product-overview-product-title a  { color: #FFF; }
body.landingspage .clr-donkergrijs .product-info-small  { color: #DDD; }
body.landingspage .clr-donkergrijs .product-overview-product-author   { color: #DDD; }
body.landingspage .clr-donkergrijs a                                  { color: #DDD; }
body.landingspage .clr-donkergrijs .product-overview-pdf              { background: url(../images/icon-book-white.svg) 0 5px / 15px auto no-repeat; }
body.landingspage .clr-donkergrijs .product-info-bestelitem           { background: #6d727a; }
body.landingspage .clr-donkergrijs .product-info-bestelitem-details   { color: #DDD; }
body.landingspage .clr-donkergrijs .product-info-bestelitem-icon.book  { background: url(../images/icon-book-white.svg) 9px 9px / 21px auto no-repeat; }

@media only screen and (max-width: 1024px) {
  body.landingspage	.product-overview-product-info  { width: 520px; }
  body.landingspage	.product-overview-bestelitems-wrapper { width: 520px; }
}

@media only screen and (max-width: 768px) {
  body.landingspage	.lpblock.product-block-wrapper  { padding: 20px 0 10px; }
  body.landingspage	.product-overview-product-image { width: 100%; }
  body.landingspage	figure .product-overview-product-image-wrapper { width: 50%; margin: 0 auto 20px; }
  .actie-product-wrapper .product-overview-product-image-wrapper { width: 100% !important; }
  
  body.landingspage	.lpblock.product-block-wrapper .content { padding: 0 13px; }
  body.landingspage	.product-overview-product { padding: 0 0; }
  body.landingspage	.bestelitems-list .product-info-bestelitem-icon { flex: 0 0 36px; }
  body.landingspage	.bestelitems-list .product-info-bestelitem-info { flex: 1 0 150px; }
  body.landingspage	.product-overview-product-info  { width: 100%; margin: 0; text-align: center; }
  body.landingspage	.product-overview-bestelitems-wrapper { width: 100%; }
  body.landingspage	.product-overview-product-title { margin-bottom: 5px; }
  ul.slick-dots { margin: 0 0 0 0; }
}

.item-round .item-image img,
.item-round .introblock-image       { border-radius: 200px; }

/* KLEUREN */
body.landingspage	.lpblock.clr-wit									{ background:#fff; }
body.landingspage	.lpblock.clr-zwart								{ background:#000; }
body.landingspage	.lpblock.clr-lightgrijs						{ background:#efefef; }
body.landingspage	.lpblock.clr-donkergrijs					{ background:#4a4f56; color:#fff; }
body.landingspage	.lpblock.clr-accent								{ background:#5daddc; color:#fff; }
body.landingspage	.lpblock.clr-accent2							{ background: #E6EEF4; }
body.landingspage	.lpblock.transparent							{ background:none; }

body.landingspage	.lpblock.clr-lightgrijs .slick-dots li button { background: #FFF; }
body.landingspage	.lpblock.clr-lightgrijs .slick-dots li.slick-active button { background: #000; }


/* WHITE TEKST OP EEN DONKERE ONDERGROND */
.color-invert,
.color-invert a                        { color: #FFF; }
.color-invert p a                      { text-decoration: underline }
.color-invert .btn                     { background: #FFF; color: #000; }
.color-invert .btn.btn-default         { background: #FFF; color: #000; } 
.color-invert .btn.btn-primary         { background: #FFF; color: #000; } 
.color-invert .btn.btn-default:hover         {  color: #000; background-color: #FFF; border-color: #4a4f56; } 
.color-invert .btn.btn-primary:hover         {  color: #000; background-color: #FFF; border-color: #4a4f56; } 


@media only screen and (max-width:420px) {
  .button-slider-wrapper          { width: 100%; }
  .button-slider-wrapper .btn               { margin: 0 10px 20px 0; }
  .button-slider-wrapper .btn:nth-child(2)  { margin: 0 20px 20px 0; }
}

/* KLEUREN */
body.landingspage	section.item-bar.pe--formulier .landingpage-page	{ max-width: 540px; margin:0 auto; }


.landingspage-slider-wrapper                { display: flex; justify-content: center; }
  .landingspage-slider-wrapper .slide         { width: 220px; }










  
  
/* BHO landingspage */

body.bho.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper		  { width: 32%; margin: 0 5px 10px; border: 1px solid #09c9ca; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2); }
body.bho.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper:hover   { background: #09c9ca; }
body.bho.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper:hover .tile-title-wrapper   { color: #fff; background: url('../images/right-arrow-white.svg') 97% 12px / 18px auto no-repeat; }
body.bho.landingspage .lpblock.tegel-overview-wrapper .tegel-overview   { justify-content: flex-start; }
/*
  .tile-wrapper a:hover   { text-decoration: none; }
  .tile-title-wrapper     {
    position: relative; padding: 10px 17% 10px 10px; font-weight: 800; font-size: 20px; line-height: 20px; color: #000; text-align: left;
    background: url('../images/right-arrow.svg') 95% 12px / 18px auto no-repeat; 
  }
*/
  body.bho.landingspage .tile-backgroundimage-wrapper  { display: none; } /* IE Fix */



  .bho.landingspage .videoplayer-container-wrapper    { background: url('../images/bho-video-bg.png') center top / 1600px  auto no-repeat; }
    .bho.landingspage .videoplayer-container            { max-width: 820px; margin: 0 auto; padding: 45px 20% 70px; }

  .bho.landingspage .videowrapper             { margin: 0 auto; }
    .bho.landingspage  .videowrapper iframe     { box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.4); }

.bho.landingspage .introblock                               { padding: 60px 0; background: #E8F4F4; }
.bho.landingspage .introblock .introblock-image-wrapper     { background: #09c9ca; transform: rotate(4deg); }
.bho.landingspage .introblock .introblock-image-wrapper img   { transform: rotate(-5deg); }
.bho.landingspage .introblock-title                           { color: #08adae; }
.bho.landingspage .introblock-prefix                          { color: #1d1d1b; }

.bho.landingspage .article-title          { color: #1d1d1b; }
.bho.landingspage .introblock-subtitle    { color: #08adae; }




  body.bho.landingspage .introblock .introblock-info-wrapper.no-image     { text-align: center; font-size: 20px; line-height: 24px; }

  .lp-slider                    { position: relative; }
    .lp-slide                     { width: 100%; height: 375px; overflow: hidden; }
      .lp-slide-content             { position: relative; margin: 0 auto; padding: 10px 0; max-width: 850px; text-align: right; }
        .lp-slide-title-wrapper       { position: absolute; top: -1px; left: -135px; width: 55%; height: 50%; font-family: 'poppins'; font-size: 36px; line-height: 38px; font-weight: 700; text-align: left; }
          .lp-slide-title               { padding: 70px; border: 1px solid #6cc4c6; }
        .lp-slide-link                { font-size: 28px; line-height: 30px; font-weight: 300; }
        .lp-slide-image-wrapper       { padding: 0 50px 0 0; }
        .lp-slide-circle              { position: absolute; top: -150px; left: 22%; height: 250px; width: 250px; border: 10px solid #6cc4c6; border-radius: 50%; z-index: 20; }
        .lp-slide-triangle-container  { position: absolute; top: 40px; right: -140px; }

        .lp-slide.image-left .lp-slide-title-wrapper       { position: relative; top: 0; left: 0; width: 52%; margin: 0 0 0 48%; z-index: 10; }
        .lp-slide.image-left .lp-slide-image-wrapper       { position: absolute; top: 0; left: -65px; width: 55%; height: 50%; z-index: 5; }
        .lp-slide.image-left .lp-slide-triangle-container  { left: -140px; width: 320px; z-index: 20; }
        .lp-slide.image-left .lp-slide-circle              { left: unset; right: -16%; }

  .lp-slide-title img,
  .lp-slide-image-wrapper img    { display: inline; }

body.bho.landingspage	.lpblock.clr-accent								{ background:#E8F4F4; color:#fff; }
body.bho.landingspage	.lpblock.clr-accent2							{ background: #E8F4F4; }

body.bho.landingspage .lpblock.lp-actueel-list          { text-align: left; }
.bho .actueel-list-content-wrapper                      { width: 520px; }

@media only screen and (max-width: 1024px) {

  .bho.landingspage .videoplayer-container-wrapper    { background: url(../images/bho-video-bg.png) center top/ 1720px auto no-repeat; }
    .bho.landingspage .videoplayer-container            { max-width: 900px; padding: 45px 6% 70px; }

  .bho.landingspage .lpblock.introblock .content    { max-width: calc(100% - 40px); } 

  body.bho.landingspage .lpblock.tegel-overview-wrapper .tegel-overview     { max-width: calc(100% - 20px); margin: 0 auto; }
  body.bho.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper       { width: 48%; }

  .bho .lp-3block-wrapper      { max-width: calc(100% - 40px); margin: 0 auto; }

}

@media only screen and (max-width: 768px) {
  
  .bho .lp-slide                          { height: 415px; }
  .bho .lp-slide-title                    { display: flex; flex-flow: column; justify-content: center; align-items: center; padding: 40px; height: 270px; }
  .bho .lp-slide-title-wrapper            { left: 0; width: 50%; }
  .bho .lp-slide-circle                   { left: 180px; top: -200px; }
  .bho .lp-slide-triangle-container       { right: 5px; top: 150px; }
  .bho .lp-slide-triangle-container img   { width: 215px; }
  .bho .lp-slide-image-wrapper img        { width: 53%; }

  .bho .lp-slide.image-left .lp-slide-title               { height: 260px; } 
  .bho .lp-slide.image-left .lp-slide-image-wrapper             { left: 0; }
    .bho .lp-slide.image-left .lp-slide-image-wrapper img         { width: 100%; }
  
    body.bho.landingspage .lpblock.tegel-overview-wrapper .tegel-overview     { flex-flow: column nowrap; align-items: center; }
      body.bho.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper       { width: calc(100% - 90px); }
      .bho .lp-slide.image-left .lp-slide-triangle-container                    { left: -40px; }

    .bho .lpblock.introblock.no-image                                          { background-size: cover !important; }

    .bho .lp-3block-wrapper              { flex-flow: column nowrap; }
    .bho .lp-3block-block                { width: calc(100% - 90px); margin: 0 auto 30px; }

    .bho .tile-title-wrapper             { height: auto; }

    .bho.landingspage .videoplayer-container-wrapper    { background: url(../images/bho-video-bg.png) center top/ 1330px auto no-repeat; }
      .bho.landingspage .videoplayer-container            { max-width: 900px; padding: 45px 6% 70px; }

    body.bho.landingspage .introblock .introblock-info-wrapper    { max-width: 425px; }

    .bho .lpblock.introblock.no-image       { background-position: 33% center !important; }

}

@media only screen and (max-width: 560px)  {

  body.bho.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper       { width: calc(100% - 20px); }
  .bho .lp-3block-block    { width: 100%; }

  .bho .actueel-list-content-wrapper     { width: 64%; }

  .bho .lp-slide-image-wrapper       { padding: 0 10px 0 0; }
  .bho .lp-slide-image-wrapper img   { width: 65%; }

  .bho .lp-slide.image-left .lp-slide-title-wrapper     { top: 100px; margin: 0 0 0 25%; }
    .bho .lp-slide.image-left .lp-slide-title               { padding: 0 40px; }
    .bho .lp-slide.image-left .lp-slide-triangle-container  { left: -20px; }


  .bho .lp-slide-title           { align-items: flex-start; width: 260px; height: 160px; padding: 20px; font-size: 20px; line-height: 24px; }
  .bho .lp-slide-link            { font-size: 15px; line-height: 20px; }
  .bho .lp-slide-circle          { left: -10px; }

  .bho .lp-slide-title-wrapper              { top: 140px; }
  .bho .lp-slide-triangle-container         { top: 190px; }
  .bho .lp-slide-triangle-container img     { width: 195px; }

  .bho .introblock-image-wrapper            { align-self: flex-start; }
  
  .bho.landingspage .videoplayer-container-wrapper    { background: url(../images/bho-video-bg.png) center top/ 710px auto no-repeat; }
    .bho.landingspage .videoplayer-container            { padding: 30px 6% 35px; }

}




/* BTO landingspage */
body.landingspage.bto .introblock.clr-accent          { background:#ee2644; }
body.landingspage.bto .introblock.clr-accent2         { background:#F9E8EA; }

body.landingspage.bto	.lpblock.clr-accent             { background:#ee2644; color:#fff; }
body.landingspage.bto	.lpblock.clr-accent2            { background: #F9E8EA; }

body.bto.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper		  { width: 32%; margin: 0 5px 10px; border: 1px solid #F9E8EA; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2); }
body.bto.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper:hover   { background: #F9E8EA; }
body.bto.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper:hover .tile-title-wrapper   { color: #fff; background: url('../images/right-arrow-white.svg') 97% 12px / 18px auto no-repeat; }
body.bto.landingspage .lpblock.tegel-overview-wrapper .tegel-overview   { justify-content: flex-start; }
/*
  .tile-wrapper a:hover   { text-decoration: none; }
  .tile-title-wrapper     {
    position: relative; padding: 10px 17% 10px 10px; font-weight: 800; font-size: 20px; line-height: 20px; color: #000; text-align: left;
    background: url('../images/right-arrow.svg') 95% 12px / 18px auto no-repeat; 
  }
*/
  body.bto.landingspage .tile-backgroundimage-wrapper  { display: none; } /* IE Fix */

  body.bto.landingspage .lpblock.lp-actueel-list          { text-align: left; }
  .bto .actueel-list-content-wrapper                      { width: 520px; }
  


  @media only screen and (max-width: 1024px) {

    body.bto.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper       { width: 48%; }
  
  }

  @media only screen and (max-width: 560px)  {

    body.bto.landingspage .lpblock.tegel-overview-wrapper .tile-wrapper       { width: calc(100% - 20px); }
  
  }



/* Landingspages 3 blokken */

.lp-3block-wrapper                { display: flex; justify-content: space-between; text-align: left; }
.lp-3block-image-wrapper img      { max-width: 100%; }
.lp-3block-title-wrapper          { padding: 10px 35px 10px 15px; font-weight: 700; font-size: 20px; background: #fff url('../images/right-arrow.svg') 95% 12px / 18px auto no-repeat; }
.lp-3block-title-wrapper.nobg     { background: none !important; }
.lp-3block-intro-wrapper          { padding: 0 15px 10px; font-size: 16px; }
.lp-3block-block                  { flex: 0 0 32.5%; border: 1px solid #F9E8EA; }

.lp-3block-wrapper.centered                   { justify-content: center; }
.lp-3block-wrapper.centered .lp-3block-block  { margin: 0 7px; }

.bho .lp-3block-intro-wrapper     { font-size: 18px; }
.bho .lp-3block-block             { border-color: #b8dcdc; }

.bto .lp-3block-block             { border-color: #F9E8EA; }

.boom .lp-3block-intro-wrapper    { font-size: 18px; }
.boom .lp-3block-block            { border-color: #ddd; }


@media only screen and (max-width: 1024px) {

  .bto .lp-3block-wrapper      { max-width: calc(100% - 40px); margin: 0 auto; }

}

@media only screen and (max-width:767px) {

  .lp-3block-wrapper  { flex-flow: column nowrap; } 
  .lp-3block-block    { flex: 0 0 auto; margin: 0 0 20px; }

}