/* Die gesamte Bar */
window#waybar {
    background-color: rgba(30, 30, 46, 0.8); /* Transparentes Dunkel */
    border-bottom: 2px solid #5e81ac;
    color: #cdd6f4;
    font-family: "Fira Code", "Font Awesome 6 Free";
    font-size: 14px;
}

/* Einzelne Module stylen */
#workspaces button {
    padding: 0 5px;
    background-color: transparent;
    color: #ffffff;
}

#workspaces button.active {
    color: #5e81ac;
    border-bottom: 3px solid #5e81ac;
}

#clock, #cpu, #memory, #battery, #pulseaudio, #network {
    padding: 0 10px;
    margin: 4px;
    background-color: #313244;
    border-radius: 8px;
}

/* Dem Tray-Container Platz und Design geben */
#tray {
    padding: 0 10px;
    margin: 4px;
    background-color: #313244; /* Gleicher Hintergrund wie CPU/Clock */
    border-radius: 8px;
}

/* Den Abstand zwischen den einzelnen Icons im Tray erhöhen */
#tray > widget {
    margin-left: 8px;
}

#tray > widget:first-child {
    margin-left: 0px;
}