// Hier euer Scss/Css eintragen / Enter your Scss/Css here \\
// Das ist hier nur als Beispiel, kann gelöscht werden / This is just an example and can be deleted \\
.wcfAcp .dialogContainer {
    top: 30%;
}
.info,.warning,.error,.success {
    padding: 0;
    margin-top: 20px;
    position: relative;
    padding: 10px 10px 10px 68px;
    border-radius: 4px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.info a,.warning a,.error a,.success a {
    font-weight: 500;
    color: var(--wcfContentLink)
}

.info a:hover,.info a:active,.warning a:hover,.warning a:active,.error a:hover,.error a:active,.success a:hover,.success a:active {
    color: var(--wcfContentLinkActive)
}

.info:before,.warning:before,.error:before,.success:before {
    width: 58px;
    height: 42px;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 4px
}

.info {
    background-color: var(--wcfStatusInfoBackground);
}

.info:before {
    background-color: var(--wcfStatusInfoBackground);
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='28' height='28'%3E%3Cpath fill='%23fff' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E")
}

.warning {
      background-color: var(--wcfStatusWarningBackground);
}

.warning:before {
      background-color: var(--wcfStatusWarningBackground);
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='28' height='28'%3E%3Cpath fill='%23fff' d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E")
}

.success {
     background-color: var(--wcfStatusSuccessBackground);
}


.success:before {
    background-color: var(--wcfStatusSuccessBackground);
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='28' height='28'%3E%3Cpath fill='%23fff' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E")
}

.error {
     background-color: var(--wcfStatusErrorBackground);
}

.error:before {
    background-color: var(--wcfStatusErrorBackground);
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='28' height='28'%3E%3Cpath fill='%23fff' d='M367.2 412.5L99.5 144.8C77.1 176.1 64 214.5 64 256c0 106 86 192 192 192c41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3C434.9 335.9 448 297.5 448 256c0-106-86-192-192-192c-41.5 0-79.9 13.1-111.2 35.5L412.5 367.2zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z'/%3E%3C/svg%3E")
}