.ecm-notice {
    padding: 15px 15px 15px 50px;
    margin: 15px 0;
    border-radius: 4px;
    position: relative;
}

.ecm-notice::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ausrufezeichen - Rot/Alert */
.ecm-notice-alert {
    background-color: #ffebee;
    border-left: 4px solid #e74c3c;
}
.ecm-notice-alert::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23e74c3c'/%3E%3Crect x='11' y='7' width='2' height='7' fill='white'/%3E%3Crect x='11' y='15' width='2' height='2' fill='white'/%3E%3C/svg%3E");
}

/* Info-Icon - Blau/Info */
.ecm-notice-info {
    background-color: #e3f2fd;
    border-left: 4px solid #2196f3;
}
.ecm-notice-info::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%232196f3'/%3E%3Crect x='11' y='11' width='2' height='7' fill='white'/%3E%3Crect x='11' y='7' width='2' height='2' fill='white'/%3E%3C/svg%3E");
}

/* Notiz - Grau/Neutral */
.ecm-notice-note {
    background-color: #f5f5f5;
    border-left: 4px solid #607d8b;
}
.ecm-notice-note::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3,6v16h18V6H3z M19,20H5V8h14V20z' fill='%23607d8b'/%3E%3Crect x='7' y='10' width='10' height='2' fill='%23607d8b'/%3E%3Crect x='7' y='14' width='10' height='2' fill='%23607d8b'/%3E%3C/svg%3E");
}

/* Warnung - Orange/Warning */
.ecm-notice-warning {
    background-color: #fff3e0;
    border-left: 4px solid #ff9800;
}
.ecm-notice-warning::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1,21h22L12,2L1,21z M13,18h-2v-2h2V18z M13,14h-2V9h2V14z' fill='%23ff9800'/%3E%3C/svg%3E");
}