.oo-svgicon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: -0.125em; /* Inline-Ausrichtung: leicht unter der Grundlinie für optisches Zentrieren */
    flex-shrink: 0;
    font-size: 1.25rem; /* Standardgröße ~20px */
}

.oo-svgicon svg {
    display: block;
    width: 1em !important;
    height: 1em !important;
    flex-shrink: 0;
}

/* Size-Klassen skalieren über font-size – SVG folgt mit 1em. !important nötig wg. Cascade-Reihenfolge. */
.oo-svgicon.oo-size-xs { font-size: 0.9rem !important; }
.oo-svgicon.oo-size-sm { font-size: 1.25rem !important; }
.oo-svgicon.oo-size-md { font-size: 1.75rem !important; }
.oo-svgicon.oo-size-lg { font-size: 2.5rem !important; }
.oo-svgicon.oo-size-xl { font-size: 3.5rem !important; }

/* -----------------------------------------------------------------------
   Hover-Effekte – via CSS filter, da SVG-Farben als fill-Attribute vorliegen.
   Verwendung: class="oo-svgicon-hover-lift", "oo-svgicon-hover-dim", etc.
   Oder direkt am Elternelement: .mein-element:hover .oo-svgicon { filter: … }
   ----------------------------------------------------------------------- */

/* Aufhellen beim Hover – wirkt gut auf dunkle/bunte Icons */
.oo-svgicon-hover-brighten {
    transition: filter 0.15s ease, transform 0.15s ease;
    cursor: pointer;
}
.oo-svgicon-hover-brighten:hover {
    filter: brightness(1.25) saturate(1.1);
}

/* Abdunkeln beim Hover – wirkt gut auf helle oder neutrale Icons */
.oo-svgicon-hover-dim {
    transition: filter 0.15s ease, transform 0.15s ease;
    cursor: pointer;
}
.oo-svgicon-hover-dim:hover {
    filter: brightness(0.75);
}

/* Anheben (Scale + Shadow) – universell, farbunabhängig */
.oo-svgicon-hover-lift {
    transition: filter 0.15s ease, transform 0.15s ease;
    cursor: pointer;
}
.oo-svgicon-hover-lift:hover {
    transform: translateY(-2px) scale(1.08);
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.18));
}

/* Graustufen → Farbe beim Hover – gut für "inaktiv bis interessiert" */
.oo-svgicon-hover-colorize {
    transition: filter 0.2s ease;
    cursor: pointer;
    filter: grayscale(1) opacity(0.55);
}
.oo-svgicon-hover-colorize:hover {
    filter: grayscale(0) opacity(1);
}