.vlt-ranking{--vlt-green:#218a47;--vlt-dark:#173f27;--vlt-muted:#6f7c73;--vlt-gold:#c99a3f;position:relative;overflow:hidden;max-width:960px;margin:30px auto;padding:38px 34px 34px;border:1px solid #e3ead4;border-radius:20px;background:linear-gradient(160deg,#fff 0%,#fbfdf7 60%,#f9f6ec 100%);box-shadow:0 24px 60px rgba(25,70,40,.10),0 2px 8px rgba(25,70,40,.05);font-family:inherit;color:var(--vlt-dark)}
.vlt-ranking *{box-sizing:border-box}
.vlt-ranking::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1a6d38,#e8c563 50%,#1a6d38)}
.vlt-ranking__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.vlt-ranking__eyebrow{display:block;margin-bottom:8px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--vlt-gold)}
.vlt-ranking h1{margin:0 0 14px;font-size:33px;font-weight:800;letter-spacing:-.01em;line-height:1.1;color:var(--vlt-dark)}
.vlt-ranking h1::after{content:"";display:block;width:52px;height:3px;margin-top:12px;border-radius:3px;background:linear-gradient(90deg,#e8c563,#a9781f)}
.vlt-ranking__header p{margin:0;color:var(--vlt-muted);font-size:13px;letter-spacing:.01em}
.vlt-ranking__back{display:inline-flex;padding:11px 15px;border:1px solid #dce7df;border-radius:9px;background:#fff;color:var(--vlt-dark);font-weight:700;text-decoration:none;white-space:nowrap}
.vlt-ranking__back:hover{border-color:var(--vlt-green);color:var(--vlt-green)}

.vlt-ranking__filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;margin-bottom:26px;border-radius:13px;background:#eef7f1}
.vlt-ranking__filters label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#52685a}
.vlt-ranking__filters select{height:44px;border:1px solid #d9e5dc;border-radius:9px;background:#fff;padding:0 12px;color:#263c2c;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0}

.vlt-ranking__empty{padding:35px;text-align:center;border:1px solid #e0e8e2;border-radius:12px;background:#fff;color:#65736a}

.vlt-ranking__podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin-bottom:34px}
.vlt-ranking__podium-place{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1 0;max-width:220px;padding:24px 16px 22px;border-radius:16px;background:#f7faf8;border:1px solid #e5ece7;text-align:center;box-shadow:0 8px 20px rgba(25,70,40,.05)}
.vlt-ranking__podium-medal{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;font-family:Georgia,'Times New Roman',serif;font-size:21px;font-weight:700;position:relative;border:2px solid rgba(255,255,255,.7);box-shadow:0 6px 14px rgba(0,0,0,.16),inset 0 2px 3px rgba(255,255,255,.6),inset 0 -3px 5px rgba(0,0,0,.14)}
.vlt-ranking__podium-medal::after{content:"";position:absolute;top:7px;left:11px;width:15px;height:9px;border-radius:50%;background:rgba(255,255,255,.6);filter:blur(2px)}
.vlt-ranking__podium-medal.is-rank-1{background:linear-gradient(135deg,#fff6da 0%,#eecd76 45%,#b4842a 100%);color:#5c3d0c;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.vlt-ranking__podium-medal.is-rank-2{background:linear-gradient(135deg,#f9fbfc 0%,#d3dbe1 45%,#98a3ab 100%);color:#3c454b;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.vlt-ranking__podium-medal.is-rank-3{background:linear-gradient(135deg,#f6d9b6 0%,#d79a5f 45%,#93582b 100%);color:#4a2a10;text-shadow:0 1px 0 rgba(255,255,255,.3)}
.vlt-ranking__podium-name{margin-top:6px;font-weight:800;font-size:15px;color:#1e3e29;letter-spacing:.01em}
.vlt-ranking__podium-value{margin-top:2px;font-size:22px;font-weight:800;color:var(--vlt-green);font-variant-numeric:tabular-nums}
.vlt-ranking__podium-meta{font-size:11.5px;color:#7a867e}

.vlt-ranking__podium-place.is-rank-1{order:2;padding-top:30px;padding-bottom:34px;background:linear-gradient(160deg,#fffbef 0%,#fdf3d0 100%);border-color:#e9d18e;box-shadow:0 18px 38px rgba(180,132,42,.22),0 2px 6px rgba(180,132,42,.1);transform:translateY(-12px)}
.vlt-ranking__podium-place.is-rank-1::before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(160deg,#f3da9a,transparent 40%,transparent 70%,#f3da9a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-medal{width:68px;height:68px;font-size:27px}
.vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-name{font-size:16.5px}
.vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-value{font-size:27px}
.vlt-ranking__podium-place.is-rank-2{order:1}
.vlt-ranking__podium-place.is-rank-3{order:3}

.vlt-ranking__list{display:flex;flex-direction:column;gap:8px}
.vlt-ranking__row{display:grid;grid-template-columns:36px minmax(120px,1fr) minmax(120px,2fr) 110px;align-items:center;gap:14px;padding:12px 16px;border:1px solid #e0e8e2;border-radius:11px;background:#fff;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}
.vlt-ranking__row:hover{box-shadow:0 8px 18px rgba(25,70,40,.08);border-color:#d3e2d8;transform:translateY(-1px)}
.vlt-ranking__row-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#eef4ef;border:1px solid #dde8e0;color:#5c6c60;font-weight:800;font-size:12.5px}
.vlt-ranking__row-name{font-weight:700;font-size:14px;color:#1e3e29;letter-spacing:.01em}
.vlt-ranking__row-bar-track{position:relative;height:9px;border-radius:999px;background:#eef2ef;overflow:hidden}
.vlt-ranking__row-bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#3fa864,#1f7e41);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.vlt-ranking__row-value{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;line-height:1.2;text-align:right;font-weight:800;color:var(--vlt-green);font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
/* 11.08.2026 - Christian: "Fachberater eins die Haelfte, Fachberater zwei die Haelfte und daneben die Gesamtsumme." */
.vlt-ranking__row-total{margin-top:2px;font-weight:700;font-size:10.5px;color:#7c8b81;letter-spacing:.01em}
.vlt-ranking__podium-total{display:block;margin-top:2px;font-weight:700;font-size:10.5px;color:#7c8b81;letter-spacing:.01em}

@media(max-width:760px){
    .vlt-ranking{padding:22px;margin:15px 10px}
    .vlt-ranking__header{flex-direction:column}
    .vlt-ranking__filters{grid-template-columns:1fr}
    /* V2.9.222: Top-3 bleiben auch am Smartphone NEBENEINANDER (nicht mehr
       gestapelt); dafür Abstände, Medaille und Schrift kompakter, damit alle
       drei Plätze in eine Reihe passen. */
    .vlt-ranking__podium{gap:6px}
    .vlt-ranking__podium-place{max-width:none;padding:14px 5px 14px}
    .vlt-ranking__podium-place.is-rank-1{transform:translateY(-6px)}
    .vlt-ranking__podium-medal{width:40px;height:40px;font-size:16px}
    .vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-medal{width:48px;height:48px;font-size:19px}
    .vlt-ranking__podium-name{font-size:12px}
    .vlt-ranking__podium-value{font-size:15px}
    .vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-value{font-size:17px}
    .vlt-ranking__podium-meta{font-size:10px}
    .vlt-ranking__row{grid-template-columns:32px 1fr 90px;grid-template-areas:"rank name value" "bar bar bar"}
    .vlt-ranking__row-rank{grid-area:rank}
    .vlt-ranking__row-name{grid-area:name}
    .vlt-ranking__row-value{grid-area:value}
    .vlt-ranking__row-bar-track{grid-area:bar;margin-top:8px}
}

/* 11.08.2026 - Christian: Monitorzeile unter der Treppe mit ausklappbarer Gesamtliste. */
.vlt-ranking__podium-place.is-leer{background:#f4f6f4;border-color:#e6ebe7;box-shadow:none;opacity:.72}
.vlt-ranking__podium-medal.is-leer{background:#e8ecea;border-color:#dde3df;color:#a8b3ac}
.vlt-ranking__podium-name.is-leer{color:#93a09a;font-weight:700}

.vlt-ranking__monitor{margin-top:16px;border:1px solid #e0e8e2;border-radius:13px;background:#fff;overflow:hidden}
.vlt-ranking__monitor-schalter{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:0;background:linear-gradient(180deg,#fbfdfb,#f3f7f4);cursor:pointer;text-align:left;font:inherit}
.vlt-ranking__monitor-schalter:hover{background:linear-gradient(180deg,#f7faf8,#eef4f0)}
.vlt-ranking__monitor-status{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:#1e3e29;white-space:nowrap}
.vlt-ranking__monitor-punkt{width:9px;height:9px;border-radius:50%;background:#16813a;box-shadow:0 0 0 3px rgba(22,129,58,.16)}
.vlt-ranking__monitor-text{margin-left:auto;font-weight:800;font-size:12.5px;color:#126d31}
.vlt-ranking__monitor-pfeil{font-size:15px;line-height:1;color:#126d31;transform:rotate(0deg);transition:transform .18s ease}
.vlt-ranking__monitor.is-offen .vlt-ranking__monitor-pfeil{transform:rotate(180deg)}
.vlt-ranking__monitor-blatt{padding:12px 12px 14px;border-top:1px solid #e8efea;max-height:52vh;overflow:auto;-webkit-overflow-scrolling:touch}
.vlt-ranking__monitor-blatt[hidden]{display:none}
.vlt-ranking__monitor-titel{margin:14px 4px 8px;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:#8b978f}
.vlt-ranking__monitor-leer{margin:6px 4px;font-size:12.5px;color:#7c8b81}
.vlt-ranking__row.is-ohne{opacity:.72;background:#fafbfa}
.vlt-ranking__row-rank.is-leer{background:#f1f4f2;border-color:#e4eae6;color:#a8b3ac}

@media(max-width:760px){
    .vlt-ranking__monitor{margin-top:12px}
    .vlt-ranking__monitor-schalter{flex-wrap:wrap;gap:6px;padding:11px 13px}
    .vlt-ranking__monitor-status{font-size:12px}
    .vlt-ranking__monitor-text{margin-left:0;flex:1 1 100%;font-size:12px}
    .vlt-ranking__monitor-pfeil{position:absolute;right:14px;top:12px}
    .vlt-ranking__monitor-schalter{position:relative}
    .vlt-ranking__monitor-blatt{max-height:46vh;padding:10px 8px 12px}
}
.vlt-ranking__row-total{white-space:normal}
.vlt-ranking__row-value{overflow:hidden}

/* 11.08.2026 - Christian: Zeitraum-Auswahl als Klappmenue ueber der Treppe. */
.vlt-ranking__filterbox{margin:14px 0 4px;border:1px solid #e0e8e2;border-radius:13px;background:#fff;overflow:hidden}
.vlt-ranking__filter-schalter{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:0;background:linear-gradient(180deg,#fbfdfb,#f3f7f4);cursor:pointer;text-align:left;font:inherit}
.vlt-ranking__filter-schalter:hover{background:linear-gradient(180deg,#f7faf8,#eef4f0)}
.vlt-ranking__filter-status{font-weight:800;font-size:13px;color:#1e3e29}
.vlt-ranking__filter-text{margin-left:auto;font-weight:800;font-size:12.5px;color:#126d31}
.vlt-ranking__filter-pfeil{font-size:15px;line-height:1;color:#126d31;transition:transform .18s ease}
.vlt-ranking__filterbox.is-offen .vlt-ranking__filter-pfeil{transform:rotate(180deg)}
.vlt-ranking__filter-blatt{padding:12px;border-top:1px solid #e8efea}
.vlt-ranking__filter-blatt[hidden]{display:none}
.vlt-ranking__filter-blatt .vlt-ranking__filters{margin:0}
@media(max-width:760px){
    .vlt-ranking__filterbox{margin:12px 0 4px}
    .vlt-ranking__filter-schalter{flex-wrap:wrap;gap:6px;padding:11px 13px;padding-right:34px}
    .vlt-ranking__filter-status{font-size:12px;flex:1 1 100%}
    .vlt-ranking__filter-text{margin-left:0;font-size:12px}
    .vlt-ranking__filter-pfeil{position:absolute;right:14px;top:12px}
    .vlt-ranking__filter-blatt{padding:10px}
}
/* 11.08.2026 - Christian: Monitorliste laeuft offen weiter, Auftragszahl vor dem Umsatz. */
.vlt-ranking__monitor-kopf{display:flex;align-items:center;gap:10px;padding:11px 16px;background:linear-gradient(180deg,#fbfdfb,#f3f7f4);border-bottom:1px solid #e8efea}
.vlt-ranking__monitor-legende{margin-left:auto;font-weight:800;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#8b978f}
.vlt-ranking__monitor-blatt{max-height:none;overflow:visible}
.vlt-ranking__row{grid-template-columns:34px minmax(110px,1fr) 96px 108px;gap:10px}
.vlt-ranking__row-count{text-align:right;font-weight:800;font-size:11.5px;color:#5c6c60;white-space:nowrap;font-variant-numeric:tabular-nums}
.vlt-ranking__row-value{display:block;line-height:1.2}
@media(max-width:760px){
    .vlt-ranking__monitor-kopf{padding:10px 13px}
    .vlt-ranking__monitor-legende{font-size:9.5px}
    .vlt-ranking__row{grid-template-columns:28px minmax(80px,1fr) 74px 86px;gap:7px;padding:10px 11px}
    .vlt-ranking__row-count{font-size:10.5px}
    .vlt-ranking__row-value{font-size:13px}
}
/* Die alten benannten Rasterfelder (rank/name/value) wuerden die neue
   Auftragsspalte nach hinten schieben - deshalb hier ausdruecklich neu gesetzt. */
.vlt-ranking__row{grid-template-areas:none !important}
.vlt-ranking__row-rank{grid-area:auto !important;grid-column:1 !important}
.vlt-ranking__row-name{grid-area:auto !important;grid-column:2 !important}
.vlt-ranking__row-count{grid-area:auto !important;grid-column:3 !important}
.vlt-ranking__row-value{grid-area:auto !important;grid-column:4 !important}
/* 11.08.2026 - Christian: Optik wie "Umsatzanteile nach Vertriebspartner" in der
   Auftragsverwaltung: flache Liste, duenne Trennlinien, Nummer grau vor dem Namen. */
.vlt-ranking__monitor-kopf{align-items:baseline}
.vlt-ranking__monitor-titel-gross{font-weight:850;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:#1e3e29}
.vlt-ranking__monitor-status{margin-left:auto;font-size:12px}
.vlt-ranking__monitor-legende-zeile{display:grid;grid-template-columns:34px minmax(110px,1fr) 96px 108px;gap:10px;padding:8px 16px 6px;font-weight:850;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:#9aa5a0}
.vlt-ranking__monitor-legende-zeile>span:first-child{grid-column:2}
.vlt-ranking__monitor-legende-zeile>span:nth-child(2){grid-column:3;text-align:right}
.vlt-ranking__monitor-legende-zeile>span:nth-child(3){grid-column:4;text-align:right}
.vlt-ranking__monitor-blatt{padding:0 16px 14px}
.vlt-ranking__monitor .vlt-ranking__list{gap:0}
.vlt-ranking__monitor .vlt-ranking__row{border:0;border-radius:0;background:transparent;box-shadow:none;padding:10px 0;border-top:1px solid #eef2ef;transform:none}
.vlt-ranking__monitor .vlt-ranking__row:hover{box-shadow:none;transform:none;border-color:#eef2ef}
.vlt-ranking__monitor .vlt-ranking__list>.vlt-ranking__row:first-child{border-top:0}
.vlt-ranking__row-fb{font-weight:700;font-size:11.5px;color:#9aa5a0}
.vlt-ranking__monitor .vlt-ranking__row-name{font-size:13.5px}
.vlt-ranking__monitor-titel{margin:16px 0 4px}
@media(max-width:760px){
    .vlt-ranking__monitor-kopf{flex-wrap:wrap;gap:4px}
    .vlt-ranking__monitor-titel-gross{flex:1 1 100%;font-size:10.5px}
    .vlt-ranking__monitor-status{margin-left:0;font-size:11.5px}
    .vlt-ranking__monitor-legende-zeile{grid-template-columns:28px minmax(80px,1fr) 74px 86px;gap:7px;padding:7px 11px 5px;font-size:8.5px}
    .vlt-ranking__monitor-blatt{padding:0 11px 12px}
    .vlt-ranking__monitor .vlt-ranking__row{padding:9px 0}
    .vlt-ranking__row-fb{font-size:10px}
    .vlt-ranking__monitor .vlt-ranking__row-name{font-size:12.5px}
}
/* 11.08.2026 - Christian: "Ich wollte einen Monitor haben - einen ausklappbaren.
   Die Namenliste darunter soll bleiben, wie sie war." */
.vlt-ranking__monitor-blatt{padding:12px 16px 14px}
.vlt-ranking__monitor-titel-gross{display:block;margin:0 0 8px;font-weight:850;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#1e3e29}
.vlt-ranking__monitor-zeile{display:grid;grid-template-columns:64px minmax(90px,1fr) 92px 112px;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #eef2ef}
.vlt-ranking__monitor-zeile:first-of-type{border-top:0}
.vlt-ranking__monitor-nr{font-weight:700;font-size:12px;color:#9aa5a0;font-variant-numeric:tabular-nums}
.vlt-ranking__monitor-name{font-weight:700;font-size:13.5px;color:#1e3e29}
.vlt-ranking__monitor-auftraege{text-align:right;font-weight:800;font-size:11.5px;color:#5c6c60;white-space:nowrap;font-variant-numeric:tabular-nums}
.vlt-ranking__monitor-wert{text-align:right;font-weight:800;font-size:13.5px;color:var(--vlt-green);white-space:nowrap;font-variant-numeric:tabular-nums}
.vlt-ranking__ohne-titel{margin:16px 4px 8px;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:#8b978f}
@media(max-width:760px){
    .vlt-ranking__monitor-blatt{padding:11px 13px 12px}
    .vlt-ranking__monitor-zeile{grid-template-columns:52px minmax(70px,1fr) 74px 84px;gap:6px;padding:8px 0}
    .vlt-ranking__monitor-nr{font-size:10.5px}
    .vlt-ranking__monitor-name{font-size:12.5px}
    .vlt-ranking__monitor-auftraege{font-size:10.5px}
    .vlt-ranking__monitor-wert{font-size:12.5px}
}
.vlt-ranking__monitor-titel-zweit{margin-top:16px;padding-top:12px;border-top:1px solid #eef2ef;color:#8b978f}
.vlt-ranking__monitor-zeile.is-ohne{opacity:.62}

/* 11.08.2026 - Christian: Kachelmonitor im aufgeklappten Bereich. */
.vlt-ranking__kacheln{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:2px 0 16px}
.vlt-ranking__kachel{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid #e3eae5;border-radius:11px;background:#fbfdfb}
.vlt-ranking__kachel-wert{font-weight:850;font-size:17px;line-height:1.1;color:#1e3e29;font-variant-numeric:tabular-nums}
.vlt-ranking__kachel-titel{font-weight:800;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#8b978f}
.vlt-ranking__kachel.is-gut{border-color:#c9e3d2;background:#f2f9f4}
.vlt-ranking__kachel.is-gut .vlt-ranking__kachel-wert{color:#16813a}
.vlt-ranking__kachel.is-still{border-color:#e6e9e7;background:#f7f8f7}
.vlt-ranking__kachel.is-still .vlt-ranking__kachel-wert{color:#8b978f}
.vlt-ranking__kachel.is-leise .vlt-ranking__kachel-wert{font-size:14px}
.vlt-ranking__kachel--breit{grid-column:span 2}
@media(max-width:760px){
    .vlt-ranking__kacheln{grid-template-columns:repeat(2,1fr);gap:7px;margin:0 0 13px}
    .vlt-ranking__kachel{padding:9px 10px}
    .vlt-ranking__kachel-wert{font-size:15px}
    .vlt-ranking__kachel.is-leise .vlt-ranking__kachel-wert{font-size:12.5px}
    .vlt-ranking__kachel-titel{font-size:8.5px}
}
/* 11.08.2026 - Zielbalken und Motivationskacheln im Monitor. */
.vlt-ranking__ziel{margin:2px 0 12px;padding:12px 14px;border:1px solid #c9e3d2;border-radius:12px;background:#f2f9f4}
.vlt-ranking__ziel-kopf{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.vlt-ranking__ziel-titel{font-weight:850;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#5c6c60}
.vlt-ranking__ziel-zahl{margin-left:auto;font-weight:850;font-size:13.5px;color:#1e3e29;font-variant-numeric:tabular-nums}
.vlt-ranking__ziel-balken{position:relative;height:10px;margin:9px 0 6px;border-radius:999px;background:#e2efe6;overflow:hidden}
.vlt-ranking__ziel-balken>span{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#2fa25a,#16813a)}
.vlt-ranking__ziel-prozent{font-weight:850;font-size:11.5px;color:#16813a}
.vlt-ranking__kacheln--motivation{margin-bottom:12px}
.vlt-ranking__kachel.is-ziel{border-color:#d9cfa8;background:#fdfaf0}
.vlt-ranking__kachel.is-ziel .vlt-ranking__kachel-wert{color:#8a6d1f}
.vlt-ranking__kachel.is-zeit{border-color:#d4dfe8;background:#f6f9fb}
.vlt-ranking__kachel.is-zeit .vlt-ranking__kachel-wert{color:#3a5a70}
@media(max-width:760px){
    .vlt-ranking__ziel{padding:11px 12px;margin-bottom:10px}
    .vlt-ranking__ziel-zahl{margin-left:0;flex:1 1 100%;font-size:13px}
}
/* 11.08.2026 - Christian: Liste wieder gross und aussen, leere Platzzelle statt Strich. */
.vlt-ranking__list{margin-top:14px}
.vlt-ranking__row-rank.is-leer{background:#f4f6f5;border-color:#e8ecea;color:transparent;font-size:0}
.vlt-ranking__row.is-ohne{opacity:.66}
.vlt-ranking__podium-medal.is-leer{min-height:40px}
.vlt-ranking__podium-name.is-leer{font-size:12.5px;line-height:1.25}
/* 11.08.2026 - Eigenes Ziel unter dem Mannschaftsziel, klar unterscheidbar. */
.vlt-ranking__ziel--eigen{border-color:#d9cfa8;background:#fdfaf0}
.vlt-ranking__ziel--eigen .vlt-ranking__ziel-balken{background:#f0e8cf}
.vlt-ranking__ziel--eigen .vlt-ranking__ziel-balken>span{background:linear-gradient(90deg,#d4a936,#a9801c)}
.vlt-ranking__ziel--eigen .vlt-ranking__ziel-prozent{color:#8a6d1f}
/* Gleich hohe Kacheln: eine Zeile je Name, Rest mit Auslassung. */
.vlt-ranking__row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlt-ranking__row{min-height:44px}
/* 11.08.2026 - Christian: "Im Hintergrund der Pokaltreppe leicht durchschimmernde
   Pokale - Platz eins Gold, zwei Silber, drei Bronze." Nur angedeutet, damit Namen
   und Zahlen davor klar lesbar bleiben. */
.vlt-ranking__podium-place{position:relative;overflow:hidden}
.vlt-ranking__podium-place::before{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center 58%;background-size:auto 78%;opacity:.10;pointer-events:none;z-index:0}
.vlt-ranking__podium-place.is-rank-1::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cg%20fill%3D'%23d4a936'%3E%3Cpath%20d%3D'M21%206h22v11c0%208.5-4.2%2014-8.4%2015.2V38h4.6c1%200%201.8.7%202%201.7L43%2048H21l1.8-8.3c.2-1%201-1.7%202-1.7H29.4v-5.8C25.2%2031%2021%2025.5%2021%2017V6z'%2F%3E%3Cpath%20d%3D'M19%209v8c0%203.2.5%206%201.4%208.4C15.7%2024%2012.5%2020%2012.5%2015V9H19zm26%200h6.5v6c0%205-3.2%209-7.9%2010.4.9-2.4%201.4-5.2%201.4-8.4V9z'%2F%3E%3Crect%20x%3D'17'%20y%3D'50'%20width%3D'30'%20height%3D'6'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");opacity:.14}
.vlt-ranking__podium-place.is-rank-2::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cg%20fill%3D'%239aa6ad'%3E%3Cpath%20d%3D'M21%206h22v11c0%208.5-4.2%2014-8.4%2015.2V38h4.6c1%200%201.8.7%202%201.7L43%2048H21l1.8-8.3c.2-1%201-1.7%202-1.7H29.4v-5.8C25.2%2031%2021%2025.5%2021%2017V6z'%2F%3E%3Cpath%20d%3D'M19%209v8c0%203.2.5%206%201.4%208.4C15.7%2024%2012.5%2020%2012.5%2015V9H19zm26%200h6.5v6c0%205-3.2%209-7.9%2010.4.9-2.4%201.4-5.2%201.4-8.4V9z'%2F%3E%3Crect%20x%3D'17'%20y%3D'50'%20width%3D'30'%20height%3D'6'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.vlt-ranking__podium-place.is-rank-3::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cg%20fill%3D'%23b5793f'%3E%3Cpath%20d%3D'M21%206h22v11c0%208.5-4.2%2014-8.4%2015.2V38h4.6c1%200%201.8.7%202%201.7L43%2048H21l1.8-8.3c.2-1%201-1.7%202-1.7H29.4v-5.8C25.2%2031%2021%2025.5%2021%2017V6z'%2F%3E%3Cpath%20d%3D'M19%209v8c0%203.2.5%206%201.4%208.4C15.7%2024%2012.5%2020%2012.5%2015V9H19zm26%200h6.5v6c0%205-3.2%209-7.9%2010.4.9-2.4%201.4-5.2%201.4-8.4V9z'%2F%3E%3Crect%20x%3D'17'%20y%3D'50'%20width%3D'30'%20height%3D'6'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.vlt-ranking__podium-place.is-leer::before{opacity:.05;filter:grayscale(1)}
.vlt-ranking__podium-place>*{position:relative;z-index:1}
/* 11.08.2026 - Christian: Namenkacheln groesser, Pokal auf Platz eins kraeftiger. */
.vlt-ranking__row{min-height:58px;padding:14px 18px;grid-template-columns:42px minmax(120px,1fr) 104px 124px;gap:12px}
.vlt-ranking__row-rank{width:32px;height:32px;font-size:14px}
.vlt-ranking__row-name{font-size:16px;font-weight:750}
.vlt-ranking__row-count{font-size:13px}
.vlt-ranking__row-value{font-size:17px}
.vlt-ranking__podium-place.is-rank-1::before{opacity:.30;background-size:auto 88%}
.vlt-ranking__podium-place.is-rank-2::before{opacity:.16}
.vlt-ranking__podium-place.is-rank-3::before{opacity:.16}
@media(max-width:760px){
    .vlt-ranking__row{min-height:56px;padding:12px 13px;grid-template-columns:32px minmax(84px,1fr) 82px 96px;gap:8px}
    .vlt-ranking__row-rank{width:28px;height:28px;font-size:13px}
    .vlt-ranking__row-name{font-size:14.5px}
    .vlt-ranking__row-count{font-size:11.5px}
    .vlt-ranking__row-value{font-size:15px}
}
/* 11.08.2026 - Christian: "Bei Platz eins kommt der Pokal nicht durch."
   Grund: Die Stufe hat einen goldenen Untergrund - ein goldener Pokal darauf ist
   unsichtbar. Deshalb hier ein dunkleres Gold statt mehr Deckkraft. */
.vlt-ranking__podium-place.is-rank-1::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cg%20fill%3D'%238a6d1f'%3E%3Cpath%20d%3D'M21%206h22v11c0%208.5-4.2%2014-8.4%2015.2V38h4.6c1%200%201.8.7%202%201.7L43%2048H21l1.8-8.3c.2-1%201-1.7%202-1.7H29.4v-5.8C25.2%2031%2021%2025.5%2021%2017V6z'%2F%3E%3Cpath%20d%3D'M19%209v8c0%203.2.5%206%201.4%208.4C15.7%2024%2012.5%2020%2012.5%2015V9H19zm26%200h6.5v6c0%205-3.2%209-7.9%2010.4.9-2.4%201.4-5.2%201.4-8.4V9z'%2F%3E%3Crect%20x%3D'17'%20y%3D'50'%20width%3D'30'%20height%3D'6'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");opacity:.26;background-size:auto 86%}
.vlt-ranking__podium-gruss{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px;padding-top:9px;border-top:1px solid rgba(169,128,28,.22);font-weight:850;font-size:10.5px;letter-spacing:.03em;color:#8a6d1f;text-align:center}
.vlt-ranking__podium-medaille{width:30px;height:30px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cpath%20d%3D'M18%202h9l8%2018h-9L18%202z'%20fill%3D'%2523c8a13a'%2F%3E%3Cpath%20d%3D'M46%202h-9l-8%2018h9l8-18z'%20fill%3D'%2523e0bd5c'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'42'%20r%3D'19'%20fill%3D'%2523e6c463'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'42'%20r%3D'14'%20fill%3D'%2523f3dc9a'%2F%3E%3Cpath%20d%3D'M32%2032l3%206.4%207%201-5%205%201.2%207-6.2-3.3-6.2%203.3%201.2-7-5-5%207-1L32%2032z'%20fill%3D'%2523b9932f'%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 2px 3px rgba(138,109,31,.28))}
@media(max-width:760px){
    .vlt-ranking__podium-gruss{font-size:9.5px;margin-top:6px;padding-top:7px}
    .vlt-ranking__podium-medaille{width:26px;height:26px}
}
/* 11.08.2026 - Die Medaille war schwarz: das Rautezeichen der Farben war doppelt
   kodiert, dadurch fehlte jede Farbangabe. Jetzt sauber in Gold und groesser. */
.vlt-ranking__podium-medaille{width:44px;height:44px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cpath%20d%3D'M18%202h9l8%2018h-9L18%202z'%20fill%3D'%23c8a13a'%2F%3E%3Cpath%20d%3D'M46%202h-9l-8%2018h9l8-18z'%20fill%3D'%23e0bd5c'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'42'%20r%3D'19'%20fill%3D'%23d8ae42'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'42'%20r%3D'14.5'%20fill%3D'%23f6e3a6'%2F%3E%3Cpath%20d%3D'M32%2031.5l3.2%206.6%207.3%201-5.3%205.2%201.3%207.2-6.5-3.4-6.5%203.4%201.3-7.2-5.3-5.2%207.3-1%203.2-6.6z'%20fill%3D'%23b9932f'%2F%3E%3C%2Fsvg%3E")}
.vlt-ranking__podium-place.is-rank-1::before{opacity:.34;background-size:auto 92%;background-position:center 52%}
@media(max-width:760px){
    .vlt-ranking__podium-medaille{width:38px;height:38px}
}
/* 11.08.2026 - Der Pokal auf Platz eins war unsichtbar, weil die Stufe hoch und
   schmal ist: bei Groesse nach der HOEHE wurde er breiter als die Kachel, und man
   sah nur das leere Innere des Kelchs. Jetzt richtet er sich nach der BREITE. */
.vlt-ranking__podium-place.is-rank-1::before{background-size:88% auto;background-position:center 60%;opacity:.30}
/* 11.08.2026 - Der Pokal bekommt ein eigenes Feld. Auf Platz eins wurde das
   Pseudo-Element nicht gezeichnet; ein echtes Feld laesst sich nicht wegdiskutieren. */
.vlt-ranking__podium-place::before{background-image:none!important}
.vlt-ranking__podium-pokal{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-44%);width:80%;padding-top:80%;height:0;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:0!important;pointer-events:none}
.vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-pokal{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cg%20fill%3D'%238a6d1f'%3E%3Cpath%20d%3D'M21%206h22v11c0%208.5-4.2%2014-8.4%2015.2V38h4.6c1%200%201.8.7%202%201.7L43%2048H21l1.8-8.3c.2-1%201-1.7%202-1.7H29.4v-5.8C25.2%2031%2021%2025.5%2021%2017V6z'%2F%3E%3Cpath%20d%3D'M19%209v8c0%203.2.5%206%201.4%208.4C15.7%2024%2012.5%2020%2012.5%2015V9H19zm26%200h6.5v6c0%205-3.2%209-7.9%2010.4.9-2.4%201.4-5.2%201.4-8.4V9z'%2F%3E%3Crect%20x%3D'17'%20y%3D'50'%20width%3D'30'%20height%3D'6'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");opacity:.26;width:86%;padding-top:86%;transform:translate(-50%,-52%)}
.vlt-ranking__podium-place.is-rank-2 .vlt-ranking__podium-pokal{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cg%20fill%3D'%239aa6ad'%3E%3Cpath%20d%3D'M21%206h22v11c0%208.5-4.2%2014-8.4%2015.2V38h4.6c1%200%201.8.7%202%201.7L43%2048H21l1.8-8.3c.2-1%201-1.7%202-1.7H29.4v-5.8C25.2%2031%2021%2025.5%2021%2017V6z'%2F%3E%3Cpath%20d%3D'M19%209v8c0%203.2.5%206%201.4%208.4C15.7%2024%2012.5%2020%2012.5%2015V9H19zm26%200h6.5v6c0%205-3.2%209-7.9%2010.4.9-2.4%201.4-5.2%201.4-8.4V9z'%2F%3E%3Crect%20x%3D'17'%20y%3D'50'%20width%3D'30'%20height%3D'6'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");opacity:.20}
.vlt-ranking__podium-place.is-rank-3 .vlt-ranking__podium-pokal{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cg%20fill%3D'%23b5793f'%3E%3Cpath%20d%3D'M21%206h22v11c0%208.5-4.2%2014-8.4%2015.2V38h4.6c1%200%201.8.7%202%201.7L43%2048H21l1.8-8.3c.2-1%201-1.7%202-1.7H29.4v-5.8C25.2%2031%2021%2025.5%2021%2017V6z'%2F%3E%3Cpath%20d%3D'M19%209v8c0%203.2.5%206%201.4%208.4C15.7%2024%2012.5%2020%2012.5%2015V9H19zm26%200h6.5v6c0%205-3.2%209-7.9%2010.4.9-2.4%201.4-5.2%201.4-8.4V9z'%2F%3E%3Crect%20x%3D'17'%20y%3D'50'%20width%3D'30'%20height%3D'6'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");opacity:.20}
@media(max-width:760px){
    .vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-pokal{width:92%;padding-top:92%}
}
/* 11.08.2026 - Christian: "Nimm die Farbe der Medaille fuer den Pokal, und nicht
   ganz so durchsichtig." */
.vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-pokal{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cg%20fill%3D'%23c8a13a'%3E%3Cpath%20d%3D'M21%206h22v11c0%208.5-4.2%2014-8.4%2015.2V38h4.6c1%200%201.8.7%202%201.7L43%2048H21l1.8-8.3c.2-1%201-1.7%202-1.7H29.4v-5.8C25.2%2031%2021%2025.5%2021%2017V6z'%2F%3E%3Cpath%20d%3D'M19%209v8c0%203.2.5%206%201.4%208.4C15.7%2024%2012.5%2020%2012.5%2015V9H19zm26%200h6.5v6c0%205-3.2%209-7.9%2010.4.9-2.4%201.4-5.2%201.4-8.4V9z'%2F%3E%3Crect%20x%3D'17'%20y%3D'50'%20width%3D'30'%20height%3D'6'%20rx%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");opacity:.46}
/* 11.08.2026 - Pokal auf Platz eins etwas zurueckgenommen, damit Zahlen und Text
   davor klar bleiben. Und die Kachel fuer das, was noch fehlt. */
.vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-pokal{opacity:.30}
.vlt-ranking__kachel.is-offen{border-color:#e6d4cf;background:#fdf6f4}
.vlt-ranking__kachel.is-offen .vlt-ranking__kachel-wert{color:#a5453a}
/* 11.08.2026 - Kachelpaare: erreicht links, Plan rechts. */
.vlt-ranking__kacheln{grid-template-columns:repeat(2,1fr)}
.vlt-ranking__kachel.is-plan{border-color:#cddae4;background:#f6f9fc}
.vlt-ranking__kachel.is-plan .vlt-ranking__kachel-wert{color:#33566e}
.vlt-ranking__kachel.is-still .vlt-ranking__kachel-wert{color:#5c6c60}
/* 11.08.2026 - Christian: drei Kacheln nebeneinander, Treppe flacher,
   Zahlen auf der Treppe schwarz, damit man sie lesen kann. */
.vlt-ranking__kacheln--drei{grid-template-columns:repeat(3,1fr)!important}
.vlt-ranking__kacheln+.vlt-ranking__kacheln{margin-top:-4px}
.vlt-ranking__kacheln--drei .vlt-ranking__kachel-wert{font-size:16px}
.vlt-ranking__kacheln--drei .vlt-ranking__kachel-titel{font-size:9px}

.vlt-ranking__podium-value{color:#12261a!important}
.vlt-ranking__podium-total{color:#12261a!important;opacity:.78}
.vlt-ranking__podium-meta{color:#12261a!important;opacity:.72}

.vlt-ranking__podium-place{padding:12px 8px 12px}
.vlt-ranking__podium-place.is-rank-1{padding-top:14px}
.vlt-ranking__podium-medal{width:34px;height:34px;font-size:14px}
.vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-medal{width:40px;height:40px;font-size:16px}
.vlt-ranking__podium-name{font-size:12px;line-height:1.2}
.vlt-ranking__podium-value{font-size:14px}
.vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-value{font-size:16px}
.vlt-ranking__podium-total{font-size:9.5px;margin-top:1px}
.vlt-ranking__podium-meta{font-size:9.5px;margin-top:1px}
.vlt-ranking__podium-gruss{margin-top:6px;padding-top:6px;gap:2px}
.vlt-ranking__podium-medaille{width:30px;height:30px}
@media(max-width:760px){
    .vlt-ranking__kacheln--drei .vlt-ranking__kachel{padding:8px 7px}
    .vlt-ranking__kacheln--drei .vlt-ranking__kachel-wert{font-size:14px}
    .vlt-ranking__kacheln--drei .vlt-ranking__kachel-titel{font-size:8px}
    .vlt-ranking__podium-place{padding:10px 5px}
    .vlt-ranking__podium-medal{width:30px;height:30px;font-size:12.5px}
    .vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-medal{width:36px;height:36px;font-size:14px}
    .vlt-ranking__podium-name{font-size:11px}
    .vlt-ranking__podium-value{font-size:13px}
    .vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-value{font-size:15px}
    .vlt-ranking__podium-medaille{width:28px;height:28px}
}
/* 11.08.2026 - Christian: Zahlen auf der Treppe wieder im Heim-und-Haus-Gruen,
   und die beiden Banner schmaler, damit die Rangliste naeher rueckt. */
.vlt-ranking__podium-value{color:var(--vlt-green)!important;opacity:1}
.vlt-ranking__podium-total{color:#2f7a48!important;opacity:.9}
.vlt-ranking__podium-meta{color:#2f7a48!important;opacity:.8}

.vlt-ranking__filterbox{margin:10px 0 0}
.vlt-ranking__filter-schalter{padding:8px 13px}
.vlt-ranking__filter-status{font-size:11.5px}
.vlt-ranking__filter-text{font-size:11px}
.vlt-ranking__monitor{margin-top:8px}
.vlt-ranking__monitor-schalter{padding:8px 13px}
.vlt-ranking__monitor-status{font-size:11.5px}
.vlt-ranking__monitor-text{font-size:11px}
.vlt-ranking__list{margin-top:10px}
@media(max-width:760px){
    .vlt-ranking__filter-schalter{padding:7px 12px;padding-right:32px}
    .vlt-ranking__monitor-schalter{padding:7px 12px;padding-right:32px}
    .vlt-ranking__filter-pfeil{top:8px}
    .vlt-ranking__monitor-pfeil{top:8px}
}
/* 11.08.2026 - Christian: schmaler gruener Balken unter dem Namen, der das eigene
   Wochenziel abbildet. Er sitzt im unteren Rand der Karte, damit sie nicht waechst. */
.vlt-ranking__row{position:relative}
.vlt-ranking__row-fortschritt{position:absolute;left:14px;right:14px;bottom:6px;height:3px;border-radius:999px;background:#eef2ef;overflow:hidden;grid-column:1/-1}
.vlt-ranking__row-fortschritt>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3faa66,#16813a)}
.vlt-ranking__row.is-ohne .vlt-ranking__row-fortschritt{opacity:.55}
@media(max-width:760px){
    .vlt-ranking__row-fortschritt{left:11px;right:11px;bottom:5px}
}
/* 11.08.2026 - Christian: Namenkarten etwas hoeher, damit die Linie Luft hat,
   und die Zahlen auf der Treppe groesser und fetter. */
.vlt-ranking__row{min-height:66px;padding:14px 18px 20px}
.vlt-ranking__row-fortschritt{bottom:9px;height:4px}

.vlt-ranking__podium-value{font-size:17px;font-weight:900;letter-spacing:-.01em}
.vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-value{font-size:20px}
.vlt-ranking__podium-total{font-size:12px;font-weight:850}
.vlt-ranking__podium-meta{font-size:12px;font-weight:850}
@media(max-width:760px){
    .vlt-ranking__row{min-height:64px;padding:12px 13px 18px}
    .vlt-ranking__row-fortschritt{bottom:8px}
    .vlt-ranking__podium-value{font-size:15px}
    .vlt-ranking__podium-place.is-rank-1 .vlt-ranking__podium-value{font-size:18px}
    .vlt-ranking__podium-total{font-size:11px}
    .vlt-ranking__podium-meta{font-size:11px}
}
/* 11.08.2026 - Christian: "Die Optik wie im Cockpit - gruene Klammer an den Karten
   und mehr Tiefe." Dieselbe Handschrift wie die Kalender- und Uebersichtskarten:
   1 px Rahmen, 3 px gruene Kante links, weicher Schatten, feiner Verlauf. */
.vlt-ranking__row{
    border:1px solid #dbe7de;
    border-left:3px solid #078531;
    border-radius:13px;
    background:linear-gradient(180deg,#ffffff 0%,#fafcfa 100%);
    box-shadow:0 6px 14px rgba(23,58,35,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.vlt-ranking__row:hover{box-shadow:0 10px 20px rgba(23,58,35,.12);transform:translateY(-1px);border-color:#cfe0d4;border-left-color:#078531}
.vlt-ranking__row.is-ohne{border-left-color:#cfe0d4;box-shadow:0 3px 8px rgba(23,58,35,.05)}

.vlt-ranking__podium-place{
    border:1px solid #dbe7de;
    border-left:3px solid #078531;
    border-radius:15px;
    box-shadow:0 10px 22px rgba(23,58,35,.12), inset 0 1px 0 rgba(255,255,255,.9);
}
.vlt-ranking__podium-place.is-rank-1{border-left-color:#c8a13a;box-shadow:0 16px 30px rgba(138,109,31,.20), inset 0 1px 0 rgba(255,255,255,.9)}
.vlt-ranking__podium-place.is-rank-2{border-left-color:#9aa6ad}
.vlt-ranking__podium-place.is-rank-3{border-left-color:#b5793f}
.vlt-ranking__podium-place.is-leer{border-left-color:#dde3df;box-shadow:0 3px 8px rgba(23,58,35,.05)}

.vlt-ranking__filterbox,
.vlt-ranking__monitor{
    border:1px solid #dbe7de;
    border-left:3px solid #078531;
    border-radius:13px;
    box-shadow:0 6px 14px rgba(23,58,35,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.vlt-ranking__kachel{box-shadow:0 3px 8px rgba(23,58,35,.06), inset 0 1px 0 rgba(255,255,255,.85)}
.vlt-ranking__kachel.is-gut{border-left:3px solid #078531}
.vlt-ranking__kachel.is-offen{border-left:3px solid #b5564a}
.vlt-ranking__kachel.is-plan{border-left:3px solid #4a7fa5}
.vlt-ranking__kachel.is-ziel{border-left:3px solid #c8a13a}
@media(max-width:760px){
    .vlt-ranking__row{box-shadow:0 4px 10px rgba(23,58,35,.07), inset 0 1px 0 rgba(255,255,255,.9)}
    .vlt-ranking__podium-place{box-shadow:0 7px 16px rgba(23,58,35,.10), inset 0 1px 0 rgba(255,255,255,.9)}
}
/* 11.08.2026 - Christian: "Die Tiefe wie beim Kalenderblatt im Cockpit."
   Genau dessen Rezept: heller Verlauf, weisse Oberkante, dunkle Unterkante,
   eine feste Blattdicke von 4-5 px, zwei Schatten und ein gruener Haarrand. */
.vlt-ranking__list{gap:16px}
.vlt-ranking__row{
    background:linear-gradient(145deg,#fff 0%,#fff 58%,#f4f7f5 100%);
    box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 rgba(166,183,171,.40),0 4px 0 rgba(191,202,194,.95),0 8px 10px rgba(20,49,31,.18),8px 13px 20px rgba(21,43,29,.15),0 0 0 1px rgba(22,129,58,.16);
    border:0;
    border-left:4px solid #078531;
    border-radius:14px;
}
.vlt-ranking__row:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 rgba(166,183,171,.44),0 5px 0 rgba(191,202,194,.98),0 10px 12px rgba(20,49,31,.22),12px 19px 27px rgba(21,43,29,.19),0 0 0 1px rgba(22,129,58,.18)}
.vlt-ranking__row.is-ohne{border-left-color:#cfe0d4;box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 rgba(166,183,171,.30),0 3px 0 rgba(200,209,203,.85),0 6px 8px rgba(20,49,31,.12),0 0 0 1px rgba(22,129,58,.10)}

.vlt-ranking__podium{gap:12px;align-items:end}
.vlt-ranking__podium-place{
    background:linear-gradient(145deg,#fff 0%,#fff 58%,#f4f7f5 100%);
    box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 rgba(166,183,171,.44),0 5px 0 rgba(191,202,194,.98),0 10px 12px rgba(20,49,31,.22),12px 19px 27px rgba(21,43,29,.19),0 0 0 1px rgba(22,129,58,.18);
    border:0;
    border-left:4px solid #078531;
    border-radius:16px;
}
.vlt-ranking__podium-place.is-rank-1{
    background:linear-gradient(145deg,#fffdf5 0%,#fdf6e0 58%,#f7ead0 100%);
    border-left-color:#c8a13a;
    box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 rgba(176,148,74,.42),0 6px 0 rgba(206,185,133,.98),0 12px 14px rgba(96,74,20,.24),14px 22px 30px rgba(96,74,20,.20),0 0 0 1px rgba(200,161,58,.30);
}
.vlt-ranking__podium-place.is-rank-2{border-left-color:#9aa6ad}
.vlt-ranking__podium-place.is-rank-3{border-left-color:#b5793f}
.vlt-ranking__podium-place.is-leer{background:#f6f8f7;border-left-color:#dde3df;box-shadow:inset 0 1px 0 #fff,0 3px 0 rgba(205,213,208,.9),0 6px 8px rgba(20,49,31,.10),0 0 0 1px rgba(22,129,58,.08)}

.vlt-ranking__filterbox,
.vlt-ranking__monitor{
    background:linear-gradient(145deg,#fff 0%,#fff 58%,#f4f7f5 100%);
    box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 rgba(166,183,171,.40),0 4px 0 rgba(191,202,194,.95),0 8px 10px rgba(20,49,31,.18),8px 13px 20px rgba(21,43,29,.15),0 0 0 1px rgba(22,129,58,.16);
    border:0;
    border-left:4px solid #078531;
    border-radius:14px;
}
@media(max-width:760px){
    .vlt-ranking__list{gap:14px}
    .vlt-ranking__podium{gap:9px}
}
/* 11.08.2026 - Christian: "Die kleinen, wo dann Gesamt steht und die
   Auftraege, 1,5 Auftraege, 0,5 Auftraege, die muessen in Schwarz bitte
   sein. Nur die grosse, die dicke Zahl, die soll gruen bleiben." */
.vlt-ranking__podium-total{color:#14291b!important;opacity:1}
.vlt-ranking__podium-meta{color:#14291b!important;opacity:1}

/* 11.08.2026 - Christian: "den ersten Platz noch mal ein bisschen
   kompakter machen ... der driftet schon zu weit gegenueber die anderen
   beiden daneben" und "koenntest Du den Platz zwei hoeher gestalten,
   damit er nicht auf der Ebene vom Platz drei ist".
   Gemessen: Platz 1 war 313 hoch, Platz 2 und 3 beide 164 - die beiden
   standen also auf gleicher Hoehe. Platz 1 gibt unten Rand und Zwischen-
   raum ab, Platz 2 bekommt oben Rand dazu. Die Standkante unten bleibt
   fuer alle drei gleich. */
.vlt-ranking__podium-place.is-rank-1{padding-top:10px;padding-bottom:12px;gap:4px}
.vlt-ranking__podium-place.is-rank-2{padding-top:34px}
.vlt-ranking__podium-gruss{margin-top:4px;padding-top:6px;gap:2px}
.vlt-ranking__podium-medaille{width:22px;height:22px}

/* V2.10.456: Schild fuer Ausgeschiedene.
   Bewusst KEIN Rot - Rot steht im Tool durchgaengig fuer Minus und Storno
   (#b32d2e, #c0392b). Ein grauer Chip sagt, was Sache ist, ohne eine
   bereits belegte Bedeutung zu ueberladen. */
.vlt-ranking__ehemalig{
    display:inline-block;
    margin-left:6px;
    padding:1px 7px 2px;
    border:1px solid #d6dcd8;
    border-radius:999px;
    background:#f4f6f5;
    color:#6f7c73;
    font-style:normal;
    font-weight:700;
    font-size:9.5px;
    letter-spacing:.03em;
    text-transform:uppercase;
    vertical-align:middle;
    white-space:nowrap;
}
.vlt-ranking__podium-name .vlt-ranking__ehemalig{font-size:8.5px;margin-left:4px;padding:1px 6px 2px}
/* Die Zeile selbst bleibt lesbar, tritt aber einen Schritt zurueck. */
.vlt-ranking__row:has(.vlt-ranking__ehemalig) .vlt-ranking__row-name,
.vlt-ranking__row:has(.vlt-ranking__ehemalig) .vlt-ranking__row-count{color:#6f7c73}
.vlt-ranking__podium-place:has(.vlt-ranking__ehemalig) .vlt-ranking__podium-gruss{opacity:.72}

/* ================================================
   VLT-BESTENLISTE-BANNERBREITE  (20.08.)
   Christian: "Bestenliste, Dokumente, Meine Statistik und Mein Bezirk
   muessen ebenso angepasst werden." - also auf die Breite des
   HEIM & HAUS Banners, wie bei Auftrag erfassen und Auftragsverwaltung.

   Gemessen bei 1728 Fensterbreite: Banner 222 bis 1506 (1284 breit),
   der Block 196 bis 1532 (1336) - also 26 Pixel Ueberstand je Seite.
   Ursache ist eine gemeinsame Regel, die alle Werkzeugbloecke auf
   width:100% des Rahmens setzt; der Banner sitzt im selben Rahmen, aber
   26 Pixel eingerueckt.

   Das vorangestellte html ist noetig: die gemeinsame Regel heisst
   body.vlt-tool-fullwidth ... und ist gleich stark - bei Gleichstand
   gewinnt die spaeter stehende, und eingebettete Vorlagen stehen immer
   nach den Dateien.
   ================================================ */
@media (min-width: 1281px) {
  html body.vlt-e2-test .vlt-ranking {
    width: calc(100% - 52px) !important;
    max-width: 1284px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}