.msgerror {
    border-color: #d71b3a;
    background: rgba(247, 209, 216, .2);
    padding: 1em;
    border-radius: 0.25em;
    color: #d71b3a;
}
.comment {
    border-color: #1bd73a;
    background: rgba(209, 247, 216, .2);
    padding: 1em;
    border-radius: 0.25em;
    color: #1bd73a;
}

button > frach-e-icon.frach-m-meta-navigation__menu-opener-icon {
    right: 0;
}.blockloader.loading{
    opacity: 1;
    -webkit-transition: opacity 1500ms ease-in;
    -ms-transition: opacityr 1500ms ease-in;
    transition: opacity 1500ms ease-in;
}

.blockloader {
    display: flex;
    opacity: 0;
    -webkit-transition: opacity 500ms ease-out;
    -ms-transition: opacityr 500ms ease-out;
    transition: opacity 500ms ease-out;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 100000;
}

.blockloader__element {
    border-radius: 100%;
    border: 5px solid #555;
    margin: 10px;
}

.blockloader .blockloader__element {
    display: none;
}

.blockloader.loading .blockloader__element {
    display: block;
}

.blockloader__element:nth-child(1) {
    animation: blockloader .6s ease-in-out alternate infinite;
}
.blockloader__element:nth-child(2) {
    animation: blockloader .6s ease-in-out alternate .2s infinite;
}

.blockloader__element:nth-child(3) {
    animation: blockloader .6s ease-in-out alternate .4s infinite;
}

@keyframes blockloader {
    100% { transform: scale(2); }
}