:root {
    /* primäre farbe (hausfarbe, z.b. hauptfarbe des logos) */
    --main-color: #653e24;
    /* aktuell keine verwendung: sekundäre hintergrundfarbe für den hero-slider auf der startseite */
    --main-color-2: #485050;
    /* aktuell keine verwendung: hightlight farbe für letztes element in mega menu */
    --main-color-hover: #ffc400;
    /* warnfarbe, die in popup notifications (toasts) verwendet wird. muss nicht geändert werden, soll auffallen */
    --warning-color: #000;  
  
    /* färbt icons on hover ein. sollte sich von main-color unterscheiden. hover farbe sieht man z.b. bei artikel aus warenkorb löschen 
       hex farbe kann hier umgerechnet werden: https://codepen.io/sosuke/pen/Pjoqqp */ 
    --icon-color-hover: invert(18%) sepia(96%) saturate(1446%) hue-rotate(198deg) brightness(90%) contrast(96%);
}

/*
    + Das Logo darf folgende Dateiendungen haben: jpg, png oder svg. Es wird empfohlen svg zu verwenden.
    + Die Maximalbreite des Logos beträgt 254px. D.h. wenn nicht svg, größere Logos unbedingt kleiner rechnen.
    + Der Pfad in dem das Logo standardmäßig erwartet wird: Style/img/  
*/
.logo-img {
    background-image: url(../img/espresso-cirillo-logo.png) !important;
    margin-top: 2px;
}
.login .logo {
    background-image: url(../img/espresso-cirillo-logo.png) !important
}