.showblocks .fr-view p:before,
.showblocks .fr-view div:before,
.showblocks .fr-view blockquote:before,
.showblocks .fr-view a:before,
.showblocks .fr-view span:before,
.showblocks .fr-view br:before,
.showblocks .fr-view iframe:before,
.showblocks .fr-view h2:before {
    width: 20px;
    font-size: 12px;
    color: #737373;
    padding: 10px;
    padding-left: 0px;
}

.showblocks .fr-view br {
    content: 'BR';
    display: block;
    color: black;
    margin-bottom: 1px !important;
    border-bottom: 1px dotted #878a8e;
}

.showblocks .fr-view a:before {
    content: 'LINK ' attr(class);
}

.showblocks .fr-view span:not(.replaceRed):before {
    content: attr(class);
}

.showblocks .fr-view p:before {
    content: ' ' attr(class);
}


.showblocks .fr-view span {
    margin-left: 4px;
}


.showblocks .fr-view iframe:before {
    content: 'EMBED ' attr(class);
}

.showblocks .fr-view div:before {
    content: 'EMBED ' attr(class);
}

.showblocks .fr-view blockquote:before {
    content: 'QUOTE ' attr(class);
}

.showblocks .fr-view h2:before {
    content: 'HEADER ' attr(class);
}

.showblocks .fr-view p,
.showblocks .fr-view div,
.showblocks .fr-view blockquote,
.showblocks .fr-view a,
.showblocks .fr-view span,
.showblocks .fr-view iframe,
.showblocks .fr-view h2 {
    border: 1px dotted #878a8e;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.showblocks .fr-view a,
.showblocks .fr-view span {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 4px;
}



.fr-view div:not(.explainer-content):after, .fr-view iframe:after {
    content: " ";
    font-style: italic;
}

.fr-view div div:after, .fr-view iframe iframe:after {
    content: ""; /* nested divs moeten niet steeds bekijk embed tonen*/
}

.fr-view div, .fr-view iframe {
    background: #d4f29b;
    padding: 16px;
    padding-top: 0px;
}