/* Hide conditional blocks. */
html:not(.ccm-edit-mode) .js-show-554,
html:not(.ccm-edit-mode) .js-show-556 {
    display: none;
}

html.ccm-edit-mode .js-show-554:before {
    content: 'Dieser Block ist nur sichtbar, wenn der Besucher Prämienwunsch 554 einlöst.';
    color: red;
}

html.ccm-edit-mode .js-show-556:before {
    content: 'Dieser Block ist nur sichtbar, wenn der Besucher Prämienwunsch 556 einlöst.';
    color: red;
}

html.ccm-edit-mode .js-show-554,
html.ccm-edit-mode .js-show-556 {
    border: 2px solid red;
    background-color: rgba(255,0,0,.16);
    padding: 2rem;
}

.js-show-554.is-visible,
.js-show-556.is-visible {
    display: block;
}