.icon {
    width: 16px;
    height: 16px;
    color: #008000; /* Standardfarbe */
}

.icon.red {
    width: 16px;
    height: 16px;
    color: #ff0000;
}

.icon.blue {
    color: blue;
}

.icon.orange {
    color: #e67e22;
}

.icon.large {
    width: 48px;
    height: 48px;
}

/* Lucide-Icons (static/icons/lucide-sprite.svg) sind Strich- statt Flaechen-Icons
   und brauchen daher stroke statt fill. */
.lucide-icon {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #352B48;
}

.lucide-icon.large {
    width: 32px;
    height: 32px;
}

.lucide-icon.red {
    color: #ff0000;
}

.lucide-icon.orange {
    color: #e67e22;
}

.lucide-icon.green {
    color: #008000;
}

.lucide-icon.yellow {
    color: #f1c40f;
}