@charset "UTF-8";

  /*========================*/
  /*      GENERAL STUFF     */
  /*========================*/

  body {
    margin: 0;
    position: relative;
  }
  a {
    text-decoration: none;
    color: inherit;
  }
  a:hover {
    color: #CD6948;
    text-decoration: none;
    /* text-shadow: rgba(0,0,0,1) 0px 0px 10px; */
  }
  .background {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 50%;
      height: 100%;
      background-color: #FEF1D6;
      z-index: 1;
  }
  .backgroundSubpage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 230px;
    background-color: #FEF1D6;
    z-index: 1;
  }
  .backgroundSubpageXL {
    height: 400px;
  }
  .emailFooter {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #FEF1D6;
    z-index: 4;
    text-align: center;
    padding: 10px 0px 10px 0px;
  }
  .emailFooterIndex {
    background-color: transparent;
  }
  .langFooter {
    position: absolute;
    display: inline;
    right: 0px;
    padding-right: 40px;
  }
  .content {
    position: relative;
    z-index: 3;
    padding-top: 40px;
  }
  .mailLink {
    font-family: TextFont;
    font-size: 26px;
  }

  /*===========================*/
  /*         FLEX BOXES        */
  /*===========================*/


  .flexContainer {    /* pagina breed, align top en horz midden */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .flexContainerFotografie {
    gap: 30px 100px; /* row gap, column gap */
  }

  .flexChild_Header {  /* geen breedte, geen hoogte, align vert midden */
    display: flex;
    align-items: center;
  }
  .flexChild_SubHeader {
    text-align: center;
  }
  .flexChild_CircleIndex {
    width: 540px;
    height: 460px;
  }
  .flexChild_Over1 {
    display: flex;
    width: 740px;
    position: relative;
  }
  .flexChild_Over2 {
    display: flex;
    width: 880px;
  }
  .flexChild_Beeldmaker {
    display: flex;
    justify-content: center;
    width: 1400px;
  }
  .flexChild_BeeldmakerUitgelicht {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .flexChild_Project {
    width: 1400px;
  }
  .flexContainerVideo {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column;
  }
  .flexChild_Video {
    width: 960px;
    box-sizing: border-box;
  }
  .flexChild_VideoSubText {
    display: flex;
    justify-content: center;
  }

  .flexBoxes1 { width: 1620px; }   /* Box breedte laten kloppen bij aantal */
  .flexBoxes2 { width: 810px; }
  .flexBoxes3 { width: 580px; }
  .flexBoxes4 { width: 370px; }
  .flexBoxes5 { padding: 0px 10px 0px; }
  .spacerBox { width: 20px; }

  .Order1 { order: 1; }
  .Order2 { order: 2; }
  .Order3 { order: 3; }
  .Order4 { order: 4; }


  /*===========================*/
  /*      CONTENT ELEMENTS     */
  /*===========================*/

  .leftCircleHeader, .middleCircleHeader, .rightCircleHeader {
    font-family: HeaderFont;
    font-size: 42px;
    padding: 100px 0px 0px;
    line-height: 0.5;
  }
  .leftCircleHeader, .knopHiFont {
    color: #5D2C3F;
  }
  .middleCircleHeader, .knopBeeldmakerFont {
    color: #CE6A4A;
  }
  .rightCircleHeader, .knopOntwerpFont {
    color: #972633;
  }
  .knopTarievenFont {
    color: #ce242b;
  }
  .knopSubmenu {
    color: #5D2D3E;
  }

  .leftCircleText, .middleCircleText, .rightCircleText {
    font-family: TextFont;
    font-size: 36px;
    padding: 0px 90px 120px;  /* top  left&right  bottom */
    line-height: 1;
  }

  .subpageKnop {
    font-family: HeaderFont;
    /* font-weight: bold; */
    font-size: 36px;
    padding: 0px 0px 0px 10px;
    /* line-height: 0.5; */
  }
  .subPageKnop1 {
    width: 400px;
  }
  .subPageKnop2 {
    width: 200px;
  }
  .subPageKnop3 {
    width: 350px;
  }
  .subPageKnop4 {
    width: 350px;
  }
  .subPageKnop5 {
    width: 270px;
  }

  .subText {
    font-family: TextFont;
    font-size: 34px;
    line-height: 1.5;
    padding: 0px 20px 20px 50px;
  }
  .subTextSmall {
    font-size: 28px;
    line-height: 1.0;
  }
  .videoSubText {
    font-family: TextFont;
    font-size: 28px;
    line-height: 1.0;
    padding: 10px 20px 10px 20px;
  }
  .videoKlikMeer {
    color: #F7941D;
    font-family: TextFont;
    font-size: 34px;
    line-height: 1.5;
    padding: 20px 0px 0px 0px;
  }
  .videoBorder {
    border: 10px solid #5d2d3e;
    border-radius: 5px;
    background-color: #5d2d3e;
    color: #FFFFFF;
  }
  .projectTable td {
    padding-right: 30px;
  }
  .tariefName {
    width: 400px;
  }
  .tariefPrijs {
    width: 200px;
  }
  .tarievenTable {
    display: block;
    width: 600px;
  }
  .tarievenTable td {
    font-family: TextFont;
    font-size: 34px;
  }

  .verticalSpacer { }
  .v30 { height: 30px; }
  .v50 { height: 50px; }
  .v100 {height: 100px; }
  .v250 { height: 250px; }

  /*====================================*/
  /*          IMAGES AND DECALS         */
  /*====================================*/

  @media only screen and (-webkit-min-device-pixel-ratio : 1) {
    .backgroundImageCircle {
      background-image: url('/images/dpr1/circle.png');
    }
  }
  @media only screen and (-webkit-min-device-pixel-ratio : 2) {
    .backgroundImageCircle {
      background-image: url('/images/dpr2/circle.png');
    }
  }
  .backgroundImageCircle {
    background-repeat: no-repeat;
    background-size: 450px;
    background-position: center center;
    text-align: center;
    position: relative;
  };

  .cBigLogo { width: 281px; }
  .cSmallLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 112px;
  }

  .decalTopRight {
    position: absolute; top: -200px; right: -135px; z-index: -1; }
    .decalTopRight img {
      width: 410px; }
  .decalBottomLeft {
    position: absolute; bottom: -370px; left: -100px; z-index: -1; }
    .decalBottomLeft img {
      width: 538px; }
  .decalBottomRight {
    position: absolute; bottom: -320px; left: -210px; z-index: -1; }
    .decalBottomRight img {
      width: 465px; }
  .decalEline {
    position: absolute; top: -90px; right: 0px; z-index: 5; }
    .decalEline img {
      width: 225px; border-radius: 50%; }

  .decalHartje1 {
    position: absolute; bottom: -100px; left: 510px; z-index: -1; }
    .decalHartje1 img {
      width: 61px; }
  .decalHartje2 {
    position: absolute; bottom: -250px; left: 140px; z-index: -1; }
    .decalHartje2 img {
      width: 65px; }
  .decalHartje3 {
    position: absolute; bottom: -70px; left: 490px; z-index: -1; }
    .decalHartje3 img {
      width: 81px; }
  .decalHartje4 {
    position: absolute; bottom: -300px; left: 530px; z-index: -1; }
    .decalHartje4 img {
      width: 118px; }

  .knopBeeldmaker {
    width: 88px; }
  .knopHi {
    width: 65px; padding-left: 20px;}
  .knopOntwerp {
    width: 124px; }
  .knopTarieven {
    width: 82px; }

  .fotoEline {
    border-radius: 50%;
    border: 10px solid #CE242B; }

  .hartjeOverEline {
    position: absolute; top: 140px; right: 20px; z-index:5; }