:root {
  --toppostit1: calc(50% - 330px);
  --leftpostit1: calc(50% - 595px);
  --toppostit2: calc(50% + 0px);
  --leftpostit2: calc(50% + 320px);
  --rotpostit1: -18deg;
  --rotpostit2: 10deg;
}

#postit1 {
    position: absolute;
    top: var(--toppostit1);
    left: var(--leftpostit1);
    rotate: var(--rotpostit1);
    z-index: 50;
    cursor: grab;
    display: none;
}
#postit2 {
    position: absolute;
    top: var(--toppostit2);
    left: var(--leftpostit2);
    rotate: var(--rotpostit2);
    z-index: 50;
    cursor: grab;
    display: none;
}

#note1, #note2 {
    cursor: pointer;
}

#merk1, #merk2 {
    position: absolute;
    margin-top: -253px;
    margin-left: 82px;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.08);
    font-weight: 900;
    letter-spacing: 8px;
    cursor: pointer;
}

.DIV1 {
    box-sizing: border-box;
    color: rgb(85, 85, 85);
    display: inline-block;
    height: 275px;
    max-height: 275px;
    min-height: 175px;
    position: relative;
    text-align: left;
    text-decoration: none solid rgb(85, 85, 85);
    width: 275px;
    perspective-origin: 137.5px 137.5px;
    transform-origin: 137.5px 137.5px;
    /*background: rgba(0, 0, 0, 0) linear-gradient(-45deg, rgb(255, 255, 136) 77%, rgb(255, 255, 214) 100%) repeat scroll 0% 0% / auto padding-box border-box;*/
    background: rgba(0, 0, 0, 0) linear-gradient(-55deg, rgb(255, 255, 190) 7%, rgb(255, 255, 120) 20%, rgb(255, 255, 180) 98%) repeat scroll 0% 0% / auto padding-box border-box;
    border-top: 60px solid rgba(253, 253, 134, 0.5);
    border-right: 1.2px solid rgba(0, 0, 0, 0.08);
    border-bottom: 2.3px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 0 0 60px 0 / 0 0 5px 0;
    /*margin: 25px;*/
    outline: rgb(85, 85, 85) none 0px;
    padding: 25px 0px 0px 0px;
    font-family: 'Modernline regular';
	font-size: 25px;
    line-height: 1.5;
    color: #004994;
}

.DIV1:after {
    bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 15px 5px 0px;
    color: rgb(85, 85, 85);
    height: 25px;
    position: absolute;
    right: 0px;
    text-align: left;
    text-decoration: none solid rgb(85, 85, 85);
    width: 200px;
    z-index: -1;
    perspective-origin: 100px 12.5px;
    transform: matrix(-1, -0.1, 0, 1, 0, 0);
    transform-origin: 100px 12.5px;
    content: '';
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(85, 85, 85);
    outline: rgb(85, 85, 85) none 0px;
}

.DIV2 {
    box-sizing: border-box;
    color: rgb(85, 85, 85);
    display: inline-block;
    height: 275px;
    max-height: 275px;
    min-height: 175px;
    position: relative;
    text-align: left;
    text-decoration: none solid rgb(85, 85, 85);
    width: 275px;
    perspective-origin: 137.5px 137.5px;
    transform-origin: 137.5px 137.5px;
    /*background: rgba(0, 0, 0, 0) linear-gradient(-45deg, rgb(255, 255, 136) 77%, rgb(255, 255, 214) 100%) repeat scroll 0% 0% / auto padding-box border-box;*/
    background: rgba(0, 0, 0, 0) linear-gradient(-35deg, rgb(255, 255, 190) 7%, rgb(255, 255, 100) 20%, rgb(255, 255, 180) 98%) repeat scroll 0% 0% / auto padding-box border-box;
    border-top: 60px solid rgba(253, 253, 134, 0.5);
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    border-left: 1px solid rgba(255, 255, 235, 1);
    border-radius: 0 0 60px 0 / 0 0 5px 0;
    /*margin: 25px;*/
    outline: rgb(85, 85, 85) none 0px;
    padding: 25px 0px 0px 0px;
    font-family: 'Modernline regular';
	font-size: 25px;
    line-height: 1.5;
    color: #004994;
}

.DIV2:after {
    bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 15px 5px 0px;
    color: rgb(85, 85, 85);
    height: 25px;
    position: absolute;
    right: 0px;
    text-align: left;
    text-decoration: none solid rgb(85, 85, 85);
    width: 200px;
    z-index: -1;
    perspective-origin: 100px 12.5px;
    transform: matrix(-1, -0.1, 0, 1, 0, 0);
    transform-origin: 100px 12.5px;
    content: '';
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(85, 85, 85);
    outline: rgb(85, 85, 85) none 0px;
}