/* Ratio-Werte (0.0 bis 1.0) */

/* 0.0: Rot */
.ratio-0 {
    background-color: #ff0000; /* Rot (0.0) */
    color: #fff;
}

/* 0.1: Rot-Orange */
.ratio-0-1 {
    background-color: #ff2200; /* Rot-Orange (0.1) */
    color: #fff;
}

/* 0.2: Dunkles Orange */
.ratio-0-2 {
    background-color: #ff4400; /* Dunkles Orange (0.2) */
    color: #fff;
}

/* 0.3: Orange */
.ratio-0-3 {
    background-color: #ff6600; /* Orange (0.3) */
    color: #fff;
}

/* 0.4: Hellorange */
.ratio-0-4 {
    background-color: #ff8800; /* Hellorange (0.4) */
    color: #fff;
}

/* 0.5: Gelb-Orange */
.ratio-0-5 {
    background-color: #ffaa00; /* Gelb-Orange (0.5) */
    color: #000;
}

/* 0.6: Dunkelgelb */
.ratio-0-6 {
    background-color: #ffcc00; /* Dunkelgelb (0.6) */
    color: #000;
}

/* 0.7: Gelb */
.ratio-0-7 {
    background-color: #ffee00; /* Gelb (0.7) */
    color: #000;
}

/* 0.8: Helles Gelb */
.ratio-0-8 {
    background-color: #ffff33; /* Helles Gelb (0.8) */
    color: #000;
}

/* 0.9: Fast Grün */
.ratio-0-9 {
    background-color: #ccff00; /* Gelb-Grün (0.9) */
    color: #000;
}

/* 1.0: Grün */
.ratio-1 {
    background-color: #00ff00; /* Grün (1.0) */
    color: #000;
}


/* 1.0 bis 6.0: Grün nach Blau in 1er-Schritten */
.ratio-2 {
    background-color: #00cc33; /* Türkis-Grün (2.0) */
    color: #000;
}
.ratio-3 {
    background-color: #009966; /* Türkis (3.0) */
    color: #000;
}
.ratio-4 {
    background-color: #006699; /* Hellblau (4.0) */
    color: #fff;
}
.ratio-5 {
    background-color: #0033cc; /* Mittelblau (5.0) */
    color: #fff;
}
.ratio-6 {
    background-color: #0000ff; /* Blau (6.0) */
    color: #fff;
}

/* 6.1 und höher: Rot für extreme Werte */
.ratio-extreme {
    background-color: #ff0000; /* Rot (6.1+) */
    color: #fff;
}



/* Seedzeit (0s bis 6 Tage, dann Grün bis Blau für Wochen) */

/* 0 Sekunden: Rot */
.seed-0s {
    background-color: #ff0000; /* Rot (0s) */
    color: #fff;
}

/* 1 Stunde bis 6 Tage: Farbverlauf wie Ratio 0 bis 1 */
.seed-1h {
    background-color: #ff3300; /* Rot-Orange (1h) */
    color: #fff;
}

.seed-6h {
    background-color: #ff6600; /* Orange (6h) */
    color: #fff;
}

.seed-12h {
    background-color: #ff9900; /* Orange-Gelb (12h) */
    color: #000;
}

.seed-1d {
    background-color: #ffcc00; /* Gelb (1 Tag) */
    color: #000;
}

.seed-2d {
    background-color: #ffee00; /* Hellgelb (2 Tage) */
    color: #000;
}

.seed-3d {
    background-color: #ccff00; /* Gelb-Grün (3 Tage) */
    color: #000;
}

.seed-4d {
    background-color: #99ff00; /* Hellgrün (4 Tage) */
    color: #000;
}

.seed-5d {
    background-color: #66ff00; /* Grün (5 Tage) */
    color: #000;
}

.seed-6d {
    background-color: #00ff00; /* Volles Grün (6 Tage, wie Ratio 1) */
    color: #000;
}

/* 1 Woche bis 8 Wochen+ */

/* 1 Woche bis 7 Wochen: Grün nach Blau */
.seed-1w {
    background-color: #33cc66; /* Grün-Türkis (1 Woche) */
    color: #000;
}

.seed-2w {
    background-color: #33cc99; /* Türkis (2 Wochen) */
    color: #000;
}

.seed-3w {
    background-color: #33cccc; /* Hell-Türkis-Blau (3 Wochen) */
    color: #000;
}

.seed-4w {
    background-color: #33aaff; /* Türkis-Blau (4 Wochen) */
    color: #000;
}

.seed-5w {
    background-color: #3399ff; /* Hellblau (5 Wochen) */
    color: #000;
}

.seed-6w {
    background-color: #3377ff; /* Mittelblau (6 Wochen) */
    color: #000;
}

.seed-7w {
    background-color: #3344ff; /* Dunkelblau (7 Wochen) */
    color: #000;
}

/* 8 Wochen und mehr: Blau wie bei Ratio 6.0 */
.seed-8w {
    background-color: #0000ff; /* Kräftiges Blau (8 Wochen und mehr) */
    color: #fff;
}