/* dispolotse.de · HkKarte · hk/hk.css — styles of the Händlerkarte component (HP „Live" + web /fahrer/, byte-equal)
   lane HPW (prefix hkt, chat B laptop, 29.09.2026). GENERATED colour part: the app's colour keys `F.*` of
   app\Farbwelt.Hell.xaml / Farbwelt.Dunkel.xaml (0.4.61) 1:1 as --hkf-<Key>; the classes hk-f-<Key> (fill) /
   hk-s-<Key> (stroke) carry them into the SVG. Default dark (like both hosts); light by prefers-color-scheme
   unless data-farbe="dunkel", or data-farbe="hell". The generator lies in the lane's scratch (hk_css_bauen.py).
   ⛔ No colour value in any .js of hk/ — only these class names. */

:root {
  --hkf-Achtung: #e9b949;
  --hkf-AdBlue: #4b9be0;
  --hkf-AdBlueSpiegel: #86c1f0;
  --hkf-Armatur: #10151b;
  --hkf-AufPlakette: #ffffff;
  --hkf-AufSignal: #1a1200;
  --hkf-Baum: #24392a;
  --hkf-Beton: #262e37;
  --hkf-Bodenmarke: #6e7a8c;
  --hkf-Bodenschatten: #05070b;
  --hkf-Bordstein: #2c353f;
  --hkf-Buehnenboden: #121814;
  --hkf-Diesel: #c98a2e;
  --hkf-DieselSpiegel: #e3a94f;
  --hkf-Feld: #161d18;
  --hkf-Felge: #7c8794;
  --hkf-Felgenring: #4a535d;
  --hkf-Fensterlicht: #ffd98a;
  --hkf-Ferne: #2b3348;
  --hkf-Fernstes: #465370;
  --hkf-Firmenkartenschrift: #ffffff;
  --hkf-Frei: #4cc38a;
  --hkf-Gefahr: #c4383c;
  --hkf-Glanz: #ffffff;
  --hkf-Glas: #7fa6c8;
  --hkf-Glastank: #6e9cc2;
  --hkf-Grundierung: #5e6873;
  --hkf-Hallenlicht: #ffd98a;
  --hkf-Hallenwand: #222a33;
  --hkf-Haut: #d9ae8e;
  --hkf-Hebebuehne: #e0b83a;
  --hkf-Heimasphalt: #2c343d;
  --hkf-Heimboden: #6a5640;
  --hkf-Heimdach: #3a4450;
  --hkf-Heimfliese: #34404c;
  --hkf-Heimfront: #3a4450;
  --hkf-Heimholz: #5e4430;
  --hkf-Heiminnen: #39434f;
  --hkf-Heimpflanze: #2f6e45;
  --hkf-Heimplatte: #20262d;
  --hkf-Heimrasen: #2e4a28;
  --hkf-Heimschatten: #000000;
  --hkf-Heimtuer: #6e5438;
  --hkf-Heimwand: #2e3742;
  --hkf-Himmelsaum: #e8923a;
  --hkf-Kabine: #1a2028;
  --hkf-Kalt: #66727f;
  --hkf-Kante: #737f8c;
  --hkf-KarteDichteMittel: #d8b152;
  --hkf-KarteDichteRuhig: #4e9e6a;
  --hkf-KarteDichteVoll: #d2694b;
  --hkf-Kartenautobahn: #e0b45c;
  --hkf-Kartenautobahnkern: #26303e;
  --hkf-Kartenfahrzeugfremd: #7fd4f5;
  --hkf-Kartenfirma: #7fb08a;
  --hkf-Kartenfirmenschrift: #8aae93;
  --hkf-Kartenfremd: #1e2a38;
  --hkf-Kartengrenze: #5a7490;
  --hkf-Kartenkueste: #6e8cae;
  --hkf-Kartenland: #35485f;
  --hkf-Kartenlandstrasse: #8ca3bc;
  --hkf-Kartenmeer: #0a141f;
  --hkf-Kartenschiene: #5f6e7e;
  --hkf-Kartenschnellstrasse: #b9c8d8;
  --hkf-Kartenstadtflaeche: #5a5442;
  --hkf-Kartenstadtlicht: #f0c879;
  --hkf-Kartenwasser: #1e4468;
  --hkf-Karton: #9c7e56;
  --hkf-Karton2: #806641;
  --hkf-KzAufStreifen: #f2f4f7;
  --hkf-KzEu: #1c3f99;
  --hkf-KzGelb: #e3c21a;
  --hkf-KzGrund: #daddd8;
  --hkf-KzHimmel: #1fa3b8;
  --hkf-KzRot: #b42a3f;
  --hkf-KzSchrift: #101419;
  --hkf-Lack: #3f77ae;
  --hkf-Lack2: #5690c8;
  --hkf-Lack3: #8a9c6a;
  --hkf-LackDaf: #e2e5e9;
  --hkf-LackFord: #7bb0e3;
  --hkf-LackFreightliner: #3aa0a5;
  --hkf-LackInternational: #db7534;
  --hkf-LackIveco: #5a6068;
  --hkf-LackKenworth: #3c8249;
  --hkf-LackMack: #9e6a42;
  --hkf-LackMan: #7e878f;
  --hkf-LackMercedes: #a9b1ba;
  --hkf-LackPeterbilt: #8e2a36;
  --hkf-LackRenault: #eab034;
  --hkf-LackScania: #c23a33;
  --hkf-LackVolvo: #2a4f85;
  --hkf-LackWesternstar: #70509a;
  --hkf-Licht: #eef3f8;
  --hkf-Meer: #0f2436;
  --hkf-Meerhell: #16324a;
  --hkf-Metall: #5c6773;
  --hkf-Metall2: #46505b;
  --hkf-Mitte: #1b2233;
  --hkf-Nabe: #343b43;
  --hkf-Nacht: #0e1116;
  --hkf-Nah: #10151f;
  --hkf-Naht: #2a323c;
  --hkf-Nebel: #9ba7b4;
  --hkf-Ortschrift: #ffe3a0;
  --hkf-Overall: #6c8fb3;
  --hkf-Palette: #8c7248;
  --hkf-Plakette: #c4383c;
  --hkf-Plane: #6f7c8a;
  --hkf-Podest: #39424d;
  --hkf-Podest2: #262d35;
  --hkf-Radflanke: #1c2126;
  --hkf-Radkasten: #050608;
  --hkf-Radlauf: #020303;
  --hkf-Radmutter: #a9b3be;
  --hkf-Rast: #9a9ff0;
  --hkf-Reflektor: #ffd98a;
  --hkf-Regalbalken: #e68a33;
  --hkf-Regalstuetze: #4f85ba;
  --hkf-Reifen: #0a0d10;
  --hkf-Reihe1: #5b9bd8;
  --hkf-Reihe2: #e3be5a;
  --hkf-Reihe3: #b98bd8;
  --hkf-Reihe4: #4cc38a;
  --hkf-Reihe5: #ff6b5e;
  --hkf-Reihe6: #35a0c8;
  --hkf-Reihe7: #f0913a;
  --hkf-Rost: #f0656a;
  --hkf-Schiene: #232a33;
  --hkf-Signal: #f0a500;
  --hkf-Signal2: #35a0c8;
  --hkf-Sonne: #ffc46a;
  --hkf-Stapler: #e9b949;
  --hkf-Stern: #c9d6e8;
  --hkf-Torlicht: #f5c46b;
  --hkf-Wappen1: #5b9bd8;
  --hkf-Wappen2: #4cc38a;
  --hkf-Wappen3: #e3be5a;
  --hkf-Wappen4: #ff6b5e;
  --hkf-Wappen5: #9ba7b4;
  --hkf-Wappen6: #b98bd8;
  --hkf-Wappenschrift: #ffffff;
  --hkf-Welle: #6fa3c9;
  --hkf-WohnAsphalt: #2c343d;
  --hkf-WohnAutomat: #0e1a26;
  --hkf-WohnBett: #c9d0d7;
  --hkf-WohnBoden: #6a5640;
  --hkf-WohnDach: #3a4450;
  --hkf-WohnDecke: #4f7699;
  --hkf-WohnFell: #e3be5a;
  --hkf-WohnFliese: #34404c;
  --hkf-WohnFront: #3a4450;
  --hkf-WohnHolz: #7a5a3b;
  --hkf-WohnHolz2: #5e4430;
  --hkf-WohnKante: #8391a0;
  --hkf-WohnKissen: #dde3e9;
  --hkf-WohnLed: #5bb5ff;
  --hkf-WohnPflanze: #2f6e45;
  --hkf-WohnPflaster: #262e37;
  --hkf-WohnPlatte: #20262d;
  --hkf-WohnRahmen: #11161b;
  --hkf-WohnRasen: #2e4a28;
  --hkf-WohnRasen2: #263f21;
  --hkf-WohnSchatten: #000000;
  --hkf-WohnSchirm: #05070a;
  --hkf-WohnStoff: #45627f;
  --hkf-WohnTopf: #8a4d2e;
  --hkf-WohnTuer: #6e5438;
  --hkf-WohnWand: #2e3742;
  --hkf-WohnWandinnen: #39434f;
  --hkf-WohnWeiss: #c9d0d7;
  --hkf-Zettel: #1b2129;
  --hkst-Lichtkegel0: #f5c46b; --hkso-Lichtkegel0: 0.349;
  --hkst-Lichtkegel1: #f5c46b; --hkso-Lichtkegel1: 0.0;
  --hkst-Lichtpfuetze0: #ffd98a; --hkso-Lichtpfuetze0: 0.4;
  --hkst-Lichtpfuetze1: #ffd98a; --hkso-Lichtpfuetze1: 0.0;
  --hkst-Torschein0: #ffc75a; --hkso-Torschein0: 0.502;
  --hkst-Torschein1: #ffc75a; --hkso-Torschein1: 0.0;
}
@media (prefers-color-scheme: light) {
  :root:not([data-farbe="dunkel"]) {
    --hkf-Achtung: #6f6500;
    --hkf-AdBlue: #2f7fc4;
    --hkf-AdBlueSpiegel: #63a8e0;
    --hkf-Armatur: #f4f7fa;
    --hkf-AufPlakette: #ffffff;
    --hkf-AufSignal: #ffffff;
    --hkf-Baum: #7fa877;
    --hkf-Beton: #c9cfd6;
    --hkf-Bodenmarke: #f2f5f9;
    --hkf-Bodenschatten: #6d7a8b;
    --hkf-Bordstein: #aeb8c3;
    --hkf-Buehnenboden: #dce4da;
    --hkf-Diesel: #9a6412;
    --hkf-DieselSpiegel: #c28a2e;
    --hkf-Feld: #d3ddc8;
    --hkf-Felge: #b9c2cc;
    --hkf-Felgenring: #7f8a96;
    --hkf-Fensterlicht: #bfd6ea;
    --hkf-Ferne: #9fb0c4;
    --hkf-Fernstes: #c9d6e4;
    --hkf-Firmenkartenschrift: #ffffff;
    --hkf-Frei: #1a7f4b;
    --hkf-Gefahr: #b3261e;
    --hkf-Glanz: #ffffff;
    --hkf-Glas: #bfd6ea;
    --hkf-Glastank: #cfe3f2;
    --hkf-Grundierung: #b9c1c9;
    --hkf-Hallenlicht: #fff3d6;
    --hkf-Hallenwand: #e3e8ee;
    --hkf-Haut: #e2b899;
    --hkf-Hebebuehne: #c9a227;
    --hkf-Heimasphalt: #8f99a4;
    --hkf-Heimboden: #d9b98c;
    --hkf-Heimdach: #9faab6;
    --hkf-Heimfliese: #e4e9ee;
    --hkf-Heimfront: #e8edf2;
    --hkf-Heimholz: #8a5f3a;
    --hkf-Heiminnen: #eef1f4;
    --hkf-Heimpflanze: #3f8f5a;
    --hkf-Heimplatte: #6b737c;
    --hkf-Heimrasen: #9cc77a;
    --hkf-Heimschatten: #0b1118;
    --hkf-Heimtuer: #b08a5e;
    --hkf-Heimwand: #c4ccd5;
    --hkf-Himmelsaum: #f6d9a8;
    --hkf-Kabine: #ffffff;
    --hkf-Kalt: #6e7a87;
    --hkf-Kante: #6e7a87;
    --hkf-KarteDichteMittel: #c8981f;
    --hkf-KarteDichteRuhig: #3e8657;
    --hkf-KarteDichteVoll: #c2492a;
    --hkf-Kartenautobahn: #dfa736;
    --hkf-Kartenautobahnkern: #8a5e12;
    --hkf-Kartenfahrzeugfremd: #1a6e92;
    --hkf-Kartenfirma: #3f7a52;
    --hkf-Kartenfirmenschrift: #2f6644;
    --hkf-Kartenfremd: #e4e9ee;
    --hkf-Kartengrenze: #9baec1;
    --hkf-Kartenkueste: #7c93ab;
    --hkf-Kartenland: #f2f6fa;
    --hkf-Kartenlandstrasse: #8598a9;
    --hkf-Kartenmeer: #c3d5e7;
    --hkf-Kartenschiene: #9aa6b2;
    --hkf-Kartenschnellstrasse: #5e7285;
    --hkf-Kartenstadtflaeche: #e6d9bc;
    --hkf-Kartenstadtlicht: #d99a2b;
    --hkf-Kartenwasser: #a9c6df;
    --hkf-Karton: #c9a77a;
    --hkf-Karton2: #b38e5e;
    --hkf-KzAufStreifen: #ffffff;
    --hkf-KzEu: #003399;
    --hkf-KzGelb: #ffd500;
    --hkf-KzGrund: #fbfbf7;
    --hkf-KzHimmel: #00afca;
    --hkf-KzRot: #c8102e;
    --hkf-KzSchrift: #14181d;
    --hkf-Lack: #3a6c9e;
    --hkf-Lack2: #4c80b4;
    --hkf-Lack3: #6e7f52;
    --hkf-LackDaf: #eceef1;
    --hkf-LackFord: #6fa3d8;
    --hkf-LackFreightliner: #2e8a8f;
    --hkf-LackInternational: #d0662a;
    --hkf-LackIveco: #3a3f45;
    --hkf-LackKenworth: #2f6b3a;
    --hkf-LackMack: #8a5a36;
    --hkf-LackMan: #7c848c;
    --hkf-LackMercedes: #b9c0c8;
    --hkf-LackPeterbilt: #7a1f2b;
    --hkf-LackRenault: #e3a21f;
    --hkf-LackScania: #b0312b;
    --hkf-LackVolvo: #1e3a64;
    --hkf-LackWesternstar: #5b3a7a;
    --hkf-Licht: #16202b;
    --hkf-Meer: #9cc8e6;
    --hkf-Meerhell: #b8d9ee;
    --hkf-Metall: #aeb8c3;
    --hkf-Metall2: #8f9aa6;
    --hkf-Mitte: #6b7c92;
    --hkf-Nabe: #5e6873;
    --hkf-Nacht: #eef1f5;
    --hkf-Nah: #3a4658;
    --hkf-Naht: #d3dae2;
    --hkf-Nebel: #5a6674;
    --hkf-Ortschrift: #ffffff;
    --hkf-Overall: #2e4d6b;
    --hkf-Palette: #c8a36a;
    --hkf-Plakette: #b3261e;
    --hkf-Plane: #aeb9c5;
    --hkf-Podest: #f7f8fa;
    --hkf-Podest2: #b9c2cc;
    --hkf-Radflanke: #353c43;
    --hkf-Radkasten: #262c33;
    --hkf-Radlauf: #121518;
    --hkf-Radmutter: #e4e9ee;
    --hkf-Rast: #4b4f9e;
    --hkf-Reflektor: rgba(255,241,194,0.0);
    --hkf-Regalbalken: #e07b1f;
    --hkf-Regalstuetze: #3f6e9e;
    --hkf-Reifen: #20252b;
    --hkf-Reihe1: #2f6fa8;
    --hkf-Reihe2: #c8a13a;
    --hkf-Reihe3: #8a4fa8;
    --hkf-Reihe4: #1a7f4b;
    --hkf-Reihe5: #b3261e;
    --hkf-Reihe6: #1c6f8e;
    --hkf-Reihe7: #c25e00;
    --hkf-Rost: #b3261e;
    --hkf-Schiene: #e4e9ee;
    --hkf-Signal: #9a5a00;
    --hkf-Signal2: #1c6f8e;
    --hkf-Sonne: #ffedb4;
    --hkf-Stapler: #e0a21f;
    --hkf-Stern: #c9dcef;
    --hkf-Torlicht: #f7d98a;
    --hkf-Wappen1: #2f6fa8;
    --hkf-Wappen2: #1a7f4b;
    --hkf-Wappen3: #c8a13a;
    --hkf-Wappen4: #b3261e;
    --hkf-Wappen5: #6e7a87;
    --hkf-Wappen6: #8a4fa8;
    --hkf-Wappenschrift: #ffffff;
    --hkf-Welle: #ffffff;
    --hkf-WohnAsphalt: #8f99a4;
    --hkf-WohnAutomat: #1f3b57;
    --hkf-WohnBett: #f2f4f7;
    --hkf-WohnBoden: #d9b98c;
    --hkf-WohnDach: #9faab6;
    --hkf-WohnDecke: #7fa7c9;
    --hkf-WohnFell: #c8a13a;
    --hkf-WohnFliese: #e4e9ee;
    --hkf-WohnFront: #e8edf2;
    --hkf-WohnHolz: #a87a4f;
    --hkf-WohnHolz2: #8a5f3a;
    --hkf-WohnKante: #56616d;
    --hkf-WohnKissen: #ffffff;
    --hkf-WohnLed: #2f9bff;
    --hkf-WohnPflanze: #3f8f5a;
    --hkf-WohnPflaster: #c9cfd6;
    --hkf-WohnPlatte: #6b737c;
    --hkf-WohnRahmen: #39414a;
    --hkf-WohnRasen: #9cc77a;
    --hkf-WohnRasen2: #86b363;
    --hkf-WohnSchatten: #0b1118;
    --hkf-WohnSchirm: #1b2129;
    --hkf-WohnStoff: #5c7fa3;
    --hkf-WohnTopf: #b8683e;
    --hkf-WohnTuer: #b08a5e;
    --hkf-WohnWand: #c4ccd5;
    --hkf-WohnWandinnen: #eef1f4;
    --hkf-WohnWeiss: #f4f6f8;
    --hkf-Zettel: #fffdf6;
    --hkst-Lichtkegel0: #ffe9b0; --hkso-Lichtkegel0: 0.18;
    --hkst-Lichtkegel1: #ffe9b0; --hkso-Lichtkegel1: 0.0;
    --hkst-Lichtpfuetze0: #fff3d6; --hkso-Lichtpfuetze0: 0.549;
    --hkst-Lichtpfuetze1: #fff3d6; --hkso-Lichtpfuetze1: 0.0;
    --hkst-Torschein0: #ffe9b8; --hkso-Torschein0: 0.349;
    --hkst-Torschein1: #ffe9b8; --hkso-Torschein1: 0.0;
  }
}
:root[data-farbe="hell"] {
  --hkf-Achtung: #6f6500;
  --hkf-AdBlue: #2f7fc4;
  --hkf-AdBlueSpiegel: #63a8e0;
  --hkf-Armatur: #f4f7fa;
  --hkf-AufPlakette: #ffffff;
  --hkf-AufSignal: #ffffff;
  --hkf-Baum: #7fa877;
  --hkf-Beton: #c9cfd6;
  --hkf-Bodenmarke: #f2f5f9;
  --hkf-Bodenschatten: #6d7a8b;
  --hkf-Bordstein: #aeb8c3;
  --hkf-Buehnenboden: #dce4da;
  --hkf-Diesel: #9a6412;
  --hkf-DieselSpiegel: #c28a2e;
  --hkf-Feld: #d3ddc8;
  --hkf-Felge: #b9c2cc;
  --hkf-Felgenring: #7f8a96;
  --hkf-Fensterlicht: #bfd6ea;
  --hkf-Ferne: #9fb0c4;
  --hkf-Fernstes: #c9d6e4;
  --hkf-Firmenkartenschrift: #ffffff;
  --hkf-Frei: #1a7f4b;
  --hkf-Gefahr: #b3261e;
  --hkf-Glanz: #ffffff;
  --hkf-Glas: #bfd6ea;
  --hkf-Glastank: #cfe3f2;
  --hkf-Grundierung: #b9c1c9;
  --hkf-Hallenlicht: #fff3d6;
  --hkf-Hallenwand: #e3e8ee;
  --hkf-Haut: #e2b899;
  --hkf-Hebebuehne: #c9a227;
  --hkf-Heimasphalt: #8f99a4;
  --hkf-Heimboden: #d9b98c;
  --hkf-Heimdach: #9faab6;
  --hkf-Heimfliese: #e4e9ee;
  --hkf-Heimfront: #e8edf2;
  --hkf-Heimholz: #8a5f3a;
  --hkf-Heiminnen: #eef1f4;
  --hkf-Heimpflanze: #3f8f5a;
  --hkf-Heimplatte: #6b737c;
  --hkf-Heimrasen: #9cc77a;
  --hkf-Heimschatten: #0b1118;
  --hkf-Heimtuer: #b08a5e;
  --hkf-Heimwand: #c4ccd5;
  --hkf-Himmelsaum: #f6d9a8;
  --hkf-Kabine: #ffffff;
  --hkf-Kalt: #6e7a87;
  --hkf-Kante: #6e7a87;
  --hkf-KarteDichteMittel: #c8981f;
  --hkf-KarteDichteRuhig: #3e8657;
  --hkf-KarteDichteVoll: #c2492a;
  --hkf-Kartenautobahn: #dfa736;
  --hkf-Kartenautobahnkern: #8a5e12;
  --hkf-Kartenfahrzeugfremd: #1a6e92;
  --hkf-Kartenfirma: #3f7a52;
  --hkf-Kartenfirmenschrift: #2f6644;
  --hkf-Kartenfremd: #e4e9ee;
  --hkf-Kartengrenze: #9baec1;
  --hkf-Kartenkueste: #7c93ab;
  --hkf-Kartenland: #f2f6fa;
  --hkf-Kartenlandstrasse: #8598a9;
  --hkf-Kartenmeer: #c3d5e7;
  --hkf-Kartenschiene: #9aa6b2;
  --hkf-Kartenschnellstrasse: #5e7285;
  --hkf-Kartenstadtflaeche: #e6d9bc;
  --hkf-Kartenstadtlicht: #d99a2b;
  --hkf-Kartenwasser: #a9c6df;
  --hkf-Karton: #c9a77a;
  --hkf-Karton2: #b38e5e;
  --hkf-KzAufStreifen: #ffffff;
  --hkf-KzEu: #003399;
  --hkf-KzGelb: #ffd500;
  --hkf-KzGrund: #fbfbf7;
  --hkf-KzHimmel: #00afca;
  --hkf-KzRot: #c8102e;
  --hkf-KzSchrift: #14181d;
  --hkf-Lack: #3a6c9e;
  --hkf-Lack2: #4c80b4;
  --hkf-Lack3: #6e7f52;
  --hkf-LackDaf: #eceef1;
  --hkf-LackFord: #6fa3d8;
  --hkf-LackFreightliner: #2e8a8f;
  --hkf-LackInternational: #d0662a;
  --hkf-LackIveco: #3a3f45;
  --hkf-LackKenworth: #2f6b3a;
  --hkf-LackMack: #8a5a36;
  --hkf-LackMan: #7c848c;
  --hkf-LackMercedes: #b9c0c8;
  --hkf-LackPeterbilt: #7a1f2b;
  --hkf-LackRenault: #e3a21f;
  --hkf-LackScania: #b0312b;
  --hkf-LackVolvo: #1e3a64;
  --hkf-LackWesternstar: #5b3a7a;
  --hkf-Licht: #16202b;
  --hkf-Meer: #9cc8e6;
  --hkf-Meerhell: #b8d9ee;
  --hkf-Metall: #aeb8c3;
  --hkf-Metall2: #8f9aa6;
  --hkf-Mitte: #6b7c92;
  --hkf-Nabe: #5e6873;
  --hkf-Nacht: #eef1f5;
  --hkf-Nah: #3a4658;
  --hkf-Naht: #d3dae2;
  --hkf-Nebel: #5a6674;
  --hkf-Ortschrift: #ffffff;
  --hkf-Overall: #2e4d6b;
  --hkf-Palette: #c8a36a;
  --hkf-Plakette: #b3261e;
  --hkf-Plane: #aeb9c5;
  --hkf-Podest: #f7f8fa;
  --hkf-Podest2: #b9c2cc;
  --hkf-Radflanke: #353c43;
  --hkf-Radkasten: #262c33;
  --hkf-Radlauf: #121518;
  --hkf-Radmutter: #e4e9ee;
  --hkf-Rast: #4b4f9e;
  --hkf-Reflektor: rgba(255,241,194,0.0);
  --hkf-Regalbalken: #e07b1f;
  --hkf-Regalstuetze: #3f6e9e;
  --hkf-Reifen: #20252b;
  --hkf-Reihe1: #2f6fa8;
  --hkf-Reihe2: #c8a13a;
  --hkf-Reihe3: #8a4fa8;
  --hkf-Reihe4: #1a7f4b;
  --hkf-Reihe5: #b3261e;
  --hkf-Reihe6: #1c6f8e;
  --hkf-Reihe7: #c25e00;
  --hkf-Rost: #b3261e;
  --hkf-Schiene: #e4e9ee;
  --hkf-Signal: #9a5a00;
  --hkf-Signal2: #1c6f8e;
  --hkf-Sonne: #ffedb4;
  --hkf-Stapler: #e0a21f;
  --hkf-Stern: #c9dcef;
  --hkf-Torlicht: #f7d98a;
  --hkf-Wappen1: #2f6fa8;
  --hkf-Wappen2: #1a7f4b;
  --hkf-Wappen3: #c8a13a;
  --hkf-Wappen4: #b3261e;
  --hkf-Wappen5: #6e7a87;
  --hkf-Wappen6: #8a4fa8;
  --hkf-Wappenschrift: #ffffff;
  --hkf-Welle: #ffffff;
  --hkf-WohnAsphalt: #8f99a4;
  --hkf-WohnAutomat: #1f3b57;
  --hkf-WohnBett: #f2f4f7;
  --hkf-WohnBoden: #d9b98c;
  --hkf-WohnDach: #9faab6;
  --hkf-WohnDecke: #7fa7c9;
  --hkf-WohnFell: #c8a13a;
  --hkf-WohnFliese: #e4e9ee;
  --hkf-WohnFront: #e8edf2;
  --hkf-WohnHolz: #a87a4f;
  --hkf-WohnHolz2: #8a5f3a;
  --hkf-WohnKante: #56616d;
  --hkf-WohnKissen: #ffffff;
  --hkf-WohnLed: #2f9bff;
  --hkf-WohnPflanze: #3f8f5a;
  --hkf-WohnPflaster: #c9cfd6;
  --hkf-WohnPlatte: #6b737c;
  --hkf-WohnRahmen: #39414a;
  --hkf-WohnRasen: #9cc77a;
  --hkf-WohnRasen2: #86b363;
  --hkf-WohnSchatten: #0b1118;
  --hkf-WohnSchirm: #1b2129;
  --hkf-WohnStoff: #5c7fa3;
  --hkf-WohnTopf: #b8683e;
  --hkf-WohnTuer: #b08a5e;
  --hkf-WohnWand: #c4ccd5;
  --hkf-WohnWandinnen: #eef1f4;
  --hkf-WohnWeiss: #f4f6f8;
  --hkf-Zettel: #fffdf6;
  --hkst-Lichtkegel0: #ffe9b0; --hkso-Lichtkegel0: 0.18;
  --hkst-Lichtkegel1: #ffe9b0; --hkso-Lichtkegel1: 0.0;
  --hkst-Lichtpfuetze0: #fff3d6; --hkso-Lichtpfuetze0: 0.549;
  --hkst-Lichtpfuetze1: #fff3d6; --hkso-Lichtpfuetze1: 0.0;
  --hkst-Torschein0: #ffe9b8; --hkso-Torschein0: 0.349;
  --hkst-Torschein1: #ffe9b8; --hkso-Torschein1: 0.0;
}
.hk-f-Achtung { fill: var(--hkf-Achtung); } .hk-s-Achtung { stroke: var(--hkf-Achtung); }
.hk-f-AdBlue { fill: var(--hkf-AdBlue); } .hk-s-AdBlue { stroke: var(--hkf-AdBlue); }
.hk-f-AdBlueSpiegel { fill: var(--hkf-AdBlueSpiegel); } .hk-s-AdBlueSpiegel { stroke: var(--hkf-AdBlueSpiegel); }
.hk-f-Armatur { fill: var(--hkf-Armatur); } .hk-s-Armatur { stroke: var(--hkf-Armatur); }
.hk-f-AufPlakette { fill: var(--hkf-AufPlakette); } .hk-s-AufPlakette { stroke: var(--hkf-AufPlakette); }
.hk-f-AufSignal { fill: var(--hkf-AufSignal); } .hk-s-AufSignal { stroke: var(--hkf-AufSignal); }
.hk-f-Baum { fill: var(--hkf-Baum); } .hk-s-Baum { stroke: var(--hkf-Baum); }
.hk-f-Beton { fill: var(--hkf-Beton); } .hk-s-Beton { stroke: var(--hkf-Beton); }
.hk-f-Bodenmarke { fill: var(--hkf-Bodenmarke); } .hk-s-Bodenmarke { stroke: var(--hkf-Bodenmarke); }
.hk-f-Bodenschatten { fill: var(--hkf-Bodenschatten); } .hk-s-Bodenschatten { stroke: var(--hkf-Bodenschatten); }
.hk-f-Bordstein { fill: var(--hkf-Bordstein); } .hk-s-Bordstein { stroke: var(--hkf-Bordstein); }
.hk-f-Buehnenboden { fill: var(--hkf-Buehnenboden); } .hk-s-Buehnenboden { stroke: var(--hkf-Buehnenboden); }
.hk-f-Diesel { fill: var(--hkf-Diesel); } .hk-s-Diesel { stroke: var(--hkf-Diesel); }
.hk-f-DieselSpiegel { fill: var(--hkf-DieselSpiegel); } .hk-s-DieselSpiegel { stroke: var(--hkf-DieselSpiegel); }
.hk-f-Feld { fill: var(--hkf-Feld); } .hk-s-Feld { stroke: var(--hkf-Feld); }
.hk-f-Felge { fill: var(--hkf-Felge); } .hk-s-Felge { stroke: var(--hkf-Felge); }
.hk-f-Felgenring { fill: var(--hkf-Felgenring); } .hk-s-Felgenring { stroke: var(--hkf-Felgenring); }
.hk-f-Fensterlicht { fill: var(--hkf-Fensterlicht); } .hk-s-Fensterlicht { stroke: var(--hkf-Fensterlicht); }
.hk-f-Ferne { fill: var(--hkf-Ferne); } .hk-s-Ferne { stroke: var(--hkf-Ferne); }
.hk-f-Fernstes { fill: var(--hkf-Fernstes); } .hk-s-Fernstes { stroke: var(--hkf-Fernstes); }
.hk-f-Firmenkartenschrift { fill: var(--hkf-Firmenkartenschrift); } .hk-s-Firmenkartenschrift { stroke: var(--hkf-Firmenkartenschrift); }
.hk-f-Frei { fill: var(--hkf-Frei); } .hk-s-Frei { stroke: var(--hkf-Frei); }
.hk-f-Gefahr { fill: var(--hkf-Gefahr); } .hk-s-Gefahr { stroke: var(--hkf-Gefahr); }
.hk-f-Glanz { fill: var(--hkf-Glanz); } .hk-s-Glanz { stroke: var(--hkf-Glanz); }
.hk-f-Glas { fill: var(--hkf-Glas); } .hk-s-Glas { stroke: var(--hkf-Glas); }
.hk-f-Glastank { fill: var(--hkf-Glastank); } .hk-s-Glastank { stroke: var(--hkf-Glastank); }
.hk-f-Grundierung { fill: var(--hkf-Grundierung); } .hk-s-Grundierung { stroke: var(--hkf-Grundierung); }
.hk-f-Hallenlicht { fill: var(--hkf-Hallenlicht); } .hk-s-Hallenlicht { stroke: var(--hkf-Hallenlicht); }
.hk-f-Hallenwand { fill: var(--hkf-Hallenwand); } .hk-s-Hallenwand { stroke: var(--hkf-Hallenwand); }
.hk-f-Haut { fill: var(--hkf-Haut); } .hk-s-Haut { stroke: var(--hkf-Haut); }
.hk-f-Hebebuehne { fill: var(--hkf-Hebebuehne); } .hk-s-Hebebuehne { stroke: var(--hkf-Hebebuehne); }
.hk-f-Heimasphalt { fill: var(--hkf-Heimasphalt); } .hk-s-Heimasphalt { stroke: var(--hkf-Heimasphalt); }
.hk-f-Heimboden { fill: var(--hkf-Heimboden); } .hk-s-Heimboden { stroke: var(--hkf-Heimboden); }
.hk-f-Heimdach { fill: var(--hkf-Heimdach); } .hk-s-Heimdach { stroke: var(--hkf-Heimdach); }
.hk-f-Heimfliese { fill: var(--hkf-Heimfliese); } .hk-s-Heimfliese { stroke: var(--hkf-Heimfliese); }
.hk-f-Heimfront { fill: var(--hkf-Heimfront); } .hk-s-Heimfront { stroke: var(--hkf-Heimfront); }
.hk-f-Heimholz { fill: var(--hkf-Heimholz); } .hk-s-Heimholz { stroke: var(--hkf-Heimholz); }
.hk-f-Heiminnen { fill: var(--hkf-Heiminnen); } .hk-s-Heiminnen { stroke: var(--hkf-Heiminnen); }
.hk-f-Heimpflanze { fill: var(--hkf-Heimpflanze); } .hk-s-Heimpflanze { stroke: var(--hkf-Heimpflanze); }
.hk-f-Heimplatte { fill: var(--hkf-Heimplatte); } .hk-s-Heimplatte { stroke: var(--hkf-Heimplatte); }
.hk-f-Heimrasen { fill: var(--hkf-Heimrasen); } .hk-s-Heimrasen { stroke: var(--hkf-Heimrasen); }
.hk-f-Heimschatten { fill: var(--hkf-Heimschatten); } .hk-s-Heimschatten { stroke: var(--hkf-Heimschatten); }
.hk-f-Heimtuer { fill: var(--hkf-Heimtuer); } .hk-s-Heimtuer { stroke: var(--hkf-Heimtuer); }
.hk-f-Heimwand { fill: var(--hkf-Heimwand); } .hk-s-Heimwand { stroke: var(--hkf-Heimwand); }
.hk-f-Himmelsaum { fill: var(--hkf-Himmelsaum); } .hk-s-Himmelsaum { stroke: var(--hkf-Himmelsaum); }
.hk-f-Kabine { fill: var(--hkf-Kabine); } .hk-s-Kabine { stroke: var(--hkf-Kabine); }
.hk-f-Kalt { fill: var(--hkf-Kalt); } .hk-s-Kalt { stroke: var(--hkf-Kalt); }
.hk-f-Kante { fill: var(--hkf-Kante); } .hk-s-Kante { stroke: var(--hkf-Kante); }
.hk-f-KarteDichteMittel { fill: var(--hkf-KarteDichteMittel); } .hk-s-KarteDichteMittel { stroke: var(--hkf-KarteDichteMittel); }
.hk-f-KarteDichteRuhig { fill: var(--hkf-KarteDichteRuhig); } .hk-s-KarteDichteRuhig { stroke: var(--hkf-KarteDichteRuhig); }
.hk-f-KarteDichteVoll { fill: var(--hkf-KarteDichteVoll); } .hk-s-KarteDichteVoll { stroke: var(--hkf-KarteDichteVoll); }
.hk-f-Kartenautobahn { fill: var(--hkf-Kartenautobahn); } .hk-s-Kartenautobahn { stroke: var(--hkf-Kartenautobahn); }
.hk-f-Kartenautobahnkern { fill: var(--hkf-Kartenautobahnkern); } .hk-s-Kartenautobahnkern { stroke: var(--hkf-Kartenautobahnkern); }
.hk-f-Kartenfahrzeugfremd { fill: var(--hkf-Kartenfahrzeugfremd); } .hk-s-Kartenfahrzeugfremd { stroke: var(--hkf-Kartenfahrzeugfremd); }
.hk-f-Kartenfirma { fill: var(--hkf-Kartenfirma); } .hk-s-Kartenfirma { stroke: var(--hkf-Kartenfirma); }
.hk-f-Kartenfirmenschrift { fill: var(--hkf-Kartenfirmenschrift); } .hk-s-Kartenfirmenschrift { stroke: var(--hkf-Kartenfirmenschrift); }
.hk-f-Kartenfremd { fill: var(--hkf-Kartenfremd); } .hk-s-Kartenfremd { stroke: var(--hkf-Kartenfremd); }
.hk-f-Kartengrenze { fill: var(--hkf-Kartengrenze); } .hk-s-Kartengrenze { stroke: var(--hkf-Kartengrenze); }
.hk-f-Kartenkueste { fill: var(--hkf-Kartenkueste); } .hk-s-Kartenkueste { stroke: var(--hkf-Kartenkueste); }
.hk-f-Kartenland { fill: var(--hkf-Kartenland); } .hk-s-Kartenland { stroke: var(--hkf-Kartenland); }
.hk-f-Kartenlandstrasse { fill: var(--hkf-Kartenlandstrasse); } .hk-s-Kartenlandstrasse { stroke: var(--hkf-Kartenlandstrasse); }
.hk-f-Kartenmeer { fill: var(--hkf-Kartenmeer); } .hk-s-Kartenmeer { stroke: var(--hkf-Kartenmeer); }
.hk-f-Kartenschiene { fill: var(--hkf-Kartenschiene); } .hk-s-Kartenschiene { stroke: var(--hkf-Kartenschiene); }
.hk-f-Kartenschnellstrasse { fill: var(--hkf-Kartenschnellstrasse); } .hk-s-Kartenschnellstrasse { stroke: var(--hkf-Kartenschnellstrasse); }
.hk-f-Kartenstadtflaeche { fill: var(--hkf-Kartenstadtflaeche); } .hk-s-Kartenstadtflaeche { stroke: var(--hkf-Kartenstadtflaeche); }
.hk-f-Kartenstadtlicht { fill: var(--hkf-Kartenstadtlicht); } .hk-s-Kartenstadtlicht { stroke: var(--hkf-Kartenstadtlicht); }
.hk-f-Kartenwasser { fill: var(--hkf-Kartenwasser); } .hk-s-Kartenwasser { stroke: var(--hkf-Kartenwasser); }
.hk-f-Karton { fill: var(--hkf-Karton); } .hk-s-Karton { stroke: var(--hkf-Karton); }
.hk-f-Karton2 { fill: var(--hkf-Karton2); } .hk-s-Karton2 { stroke: var(--hkf-Karton2); }
.hk-f-KzAufStreifen { fill: var(--hkf-KzAufStreifen); } .hk-s-KzAufStreifen { stroke: var(--hkf-KzAufStreifen); }
.hk-f-KzEu { fill: var(--hkf-KzEu); } .hk-s-KzEu { stroke: var(--hkf-KzEu); }
.hk-f-KzGelb { fill: var(--hkf-KzGelb); } .hk-s-KzGelb { stroke: var(--hkf-KzGelb); }
.hk-f-KzGrund { fill: var(--hkf-KzGrund); } .hk-s-KzGrund { stroke: var(--hkf-KzGrund); }
.hk-f-KzHimmel { fill: var(--hkf-KzHimmel); } .hk-s-KzHimmel { stroke: var(--hkf-KzHimmel); }
.hk-f-KzRot { fill: var(--hkf-KzRot); } .hk-s-KzRot { stroke: var(--hkf-KzRot); }
.hk-f-KzSchrift { fill: var(--hkf-KzSchrift); } .hk-s-KzSchrift { stroke: var(--hkf-KzSchrift); }
.hk-f-Lack { fill: var(--hkf-Lack); } .hk-s-Lack { stroke: var(--hkf-Lack); }
.hk-f-Lack2 { fill: var(--hkf-Lack2); } .hk-s-Lack2 { stroke: var(--hkf-Lack2); }
.hk-f-Lack3 { fill: var(--hkf-Lack3); } .hk-s-Lack3 { stroke: var(--hkf-Lack3); }
.hk-f-LackDaf { fill: var(--hkf-LackDaf); } .hk-s-LackDaf { stroke: var(--hkf-LackDaf); }
.hk-f-LackFord { fill: var(--hkf-LackFord); } .hk-s-LackFord { stroke: var(--hkf-LackFord); }
.hk-f-LackFreightliner { fill: var(--hkf-LackFreightliner); } .hk-s-LackFreightliner { stroke: var(--hkf-LackFreightliner); }
.hk-f-LackInternational { fill: var(--hkf-LackInternational); } .hk-s-LackInternational { stroke: var(--hkf-LackInternational); }
.hk-f-LackIveco { fill: var(--hkf-LackIveco); } .hk-s-LackIveco { stroke: var(--hkf-LackIveco); }
.hk-f-LackKenworth { fill: var(--hkf-LackKenworth); } .hk-s-LackKenworth { stroke: var(--hkf-LackKenworth); }
.hk-f-LackMack { fill: var(--hkf-LackMack); } .hk-s-LackMack { stroke: var(--hkf-LackMack); }
.hk-f-LackMan { fill: var(--hkf-LackMan); } .hk-s-LackMan { stroke: var(--hkf-LackMan); }
.hk-f-LackMercedes { fill: var(--hkf-LackMercedes); } .hk-s-LackMercedes { stroke: var(--hkf-LackMercedes); }
.hk-f-LackPeterbilt { fill: var(--hkf-LackPeterbilt); } .hk-s-LackPeterbilt { stroke: var(--hkf-LackPeterbilt); }
.hk-f-LackRenault { fill: var(--hkf-LackRenault); } .hk-s-LackRenault { stroke: var(--hkf-LackRenault); }
.hk-f-LackScania { fill: var(--hkf-LackScania); } .hk-s-LackScania { stroke: var(--hkf-LackScania); }
.hk-f-LackVolvo { fill: var(--hkf-LackVolvo); } .hk-s-LackVolvo { stroke: var(--hkf-LackVolvo); }
.hk-f-LackWesternstar { fill: var(--hkf-LackWesternstar); } .hk-s-LackWesternstar { stroke: var(--hkf-LackWesternstar); }
.hk-f-Licht { fill: var(--hkf-Licht); } .hk-s-Licht { stroke: var(--hkf-Licht); }
.hk-f-Meer { fill: var(--hkf-Meer); } .hk-s-Meer { stroke: var(--hkf-Meer); }
.hk-f-Meerhell { fill: var(--hkf-Meerhell); } .hk-s-Meerhell { stroke: var(--hkf-Meerhell); }
.hk-f-Metall { fill: var(--hkf-Metall); } .hk-s-Metall { stroke: var(--hkf-Metall); }
.hk-f-Metall2 { fill: var(--hkf-Metall2); } .hk-s-Metall2 { stroke: var(--hkf-Metall2); }
.hk-f-Mitte { fill: var(--hkf-Mitte); } .hk-s-Mitte { stroke: var(--hkf-Mitte); }
.hk-f-Nabe { fill: var(--hkf-Nabe); } .hk-s-Nabe { stroke: var(--hkf-Nabe); }
.hk-f-Nacht { fill: var(--hkf-Nacht); } .hk-s-Nacht { stroke: var(--hkf-Nacht); }
.hk-f-Nah { fill: var(--hkf-Nah); } .hk-s-Nah { stroke: var(--hkf-Nah); }
.hk-f-Naht { fill: var(--hkf-Naht); } .hk-s-Naht { stroke: var(--hkf-Naht); }
.hk-f-Nebel { fill: var(--hkf-Nebel); } .hk-s-Nebel { stroke: var(--hkf-Nebel); }
.hk-f-Ortschrift { fill: var(--hkf-Ortschrift); } .hk-s-Ortschrift { stroke: var(--hkf-Ortschrift); }
.hk-f-Overall { fill: var(--hkf-Overall); } .hk-s-Overall { stroke: var(--hkf-Overall); }
.hk-f-Palette { fill: var(--hkf-Palette); } .hk-s-Palette { stroke: var(--hkf-Palette); }
.hk-f-Plakette { fill: var(--hkf-Plakette); } .hk-s-Plakette { stroke: var(--hkf-Plakette); }
.hk-f-Plane { fill: var(--hkf-Plane); } .hk-s-Plane { stroke: var(--hkf-Plane); }
.hk-f-Podest { fill: var(--hkf-Podest); } .hk-s-Podest { stroke: var(--hkf-Podest); }
.hk-f-Podest2 { fill: var(--hkf-Podest2); } .hk-s-Podest2 { stroke: var(--hkf-Podest2); }
.hk-f-Radflanke { fill: var(--hkf-Radflanke); } .hk-s-Radflanke { stroke: var(--hkf-Radflanke); }
.hk-f-Radkasten { fill: var(--hkf-Radkasten); } .hk-s-Radkasten { stroke: var(--hkf-Radkasten); }
.hk-f-Radlauf { fill: var(--hkf-Radlauf); } .hk-s-Radlauf { stroke: var(--hkf-Radlauf); }
.hk-f-Radmutter { fill: var(--hkf-Radmutter); } .hk-s-Radmutter { stroke: var(--hkf-Radmutter); }
.hk-f-Rast { fill: var(--hkf-Rast); } .hk-s-Rast { stroke: var(--hkf-Rast); }
.hk-f-Reflektor { fill: var(--hkf-Reflektor); } .hk-s-Reflektor { stroke: var(--hkf-Reflektor); }
.hk-f-Regalbalken { fill: var(--hkf-Regalbalken); } .hk-s-Regalbalken { stroke: var(--hkf-Regalbalken); }
.hk-f-Regalstuetze { fill: var(--hkf-Regalstuetze); } .hk-s-Regalstuetze { stroke: var(--hkf-Regalstuetze); }
.hk-f-Reifen { fill: var(--hkf-Reifen); } .hk-s-Reifen { stroke: var(--hkf-Reifen); }
.hk-f-Reihe1 { fill: var(--hkf-Reihe1); } .hk-s-Reihe1 { stroke: var(--hkf-Reihe1); }
.hk-f-Reihe2 { fill: var(--hkf-Reihe2); } .hk-s-Reihe2 { stroke: var(--hkf-Reihe2); }
.hk-f-Reihe3 { fill: var(--hkf-Reihe3); } .hk-s-Reihe3 { stroke: var(--hkf-Reihe3); }
.hk-f-Reihe4 { fill: var(--hkf-Reihe4); } .hk-s-Reihe4 { stroke: var(--hkf-Reihe4); }
.hk-f-Reihe5 { fill: var(--hkf-Reihe5); } .hk-s-Reihe5 { stroke: var(--hkf-Reihe5); }
.hk-f-Reihe6 { fill: var(--hkf-Reihe6); } .hk-s-Reihe6 { stroke: var(--hkf-Reihe6); }
.hk-f-Reihe7 { fill: var(--hkf-Reihe7); } .hk-s-Reihe7 { stroke: var(--hkf-Reihe7); }
.hk-f-Rost { fill: var(--hkf-Rost); } .hk-s-Rost { stroke: var(--hkf-Rost); }
.hk-f-Schiene { fill: var(--hkf-Schiene); } .hk-s-Schiene { stroke: var(--hkf-Schiene); }
.hk-f-Signal { fill: var(--hkf-Signal); } .hk-s-Signal { stroke: var(--hkf-Signal); }
.hk-f-Signal2 { fill: var(--hkf-Signal2); } .hk-s-Signal2 { stroke: var(--hkf-Signal2); }
.hk-f-Sonne { fill: var(--hkf-Sonne); } .hk-s-Sonne { stroke: var(--hkf-Sonne); }
.hk-f-Stapler { fill: var(--hkf-Stapler); } .hk-s-Stapler { stroke: var(--hkf-Stapler); }
.hk-f-Stern { fill: var(--hkf-Stern); } .hk-s-Stern { stroke: var(--hkf-Stern); }
.hk-f-Torlicht { fill: var(--hkf-Torlicht); } .hk-s-Torlicht { stroke: var(--hkf-Torlicht); }
.hk-f-Wappen1 { fill: var(--hkf-Wappen1); } .hk-s-Wappen1 { stroke: var(--hkf-Wappen1); }
.hk-f-Wappen2 { fill: var(--hkf-Wappen2); } .hk-s-Wappen2 { stroke: var(--hkf-Wappen2); }
.hk-f-Wappen3 { fill: var(--hkf-Wappen3); } .hk-s-Wappen3 { stroke: var(--hkf-Wappen3); }
.hk-f-Wappen4 { fill: var(--hkf-Wappen4); } .hk-s-Wappen4 { stroke: var(--hkf-Wappen4); }
.hk-f-Wappen5 { fill: var(--hkf-Wappen5); } .hk-s-Wappen5 { stroke: var(--hkf-Wappen5); }
.hk-f-Wappen6 { fill: var(--hkf-Wappen6); } .hk-s-Wappen6 { stroke: var(--hkf-Wappen6); }
.hk-f-Wappenschrift { fill: var(--hkf-Wappenschrift); } .hk-s-Wappenschrift { stroke: var(--hkf-Wappenschrift); }
.hk-f-Welle { fill: var(--hkf-Welle); } .hk-s-Welle { stroke: var(--hkf-Welle); }
.hk-f-WohnAsphalt { fill: var(--hkf-WohnAsphalt); } .hk-s-WohnAsphalt { stroke: var(--hkf-WohnAsphalt); }
.hk-f-WohnAutomat { fill: var(--hkf-WohnAutomat); } .hk-s-WohnAutomat { stroke: var(--hkf-WohnAutomat); }
.hk-f-WohnBett { fill: var(--hkf-WohnBett); } .hk-s-WohnBett { stroke: var(--hkf-WohnBett); }
.hk-f-WohnBoden { fill: var(--hkf-WohnBoden); } .hk-s-WohnBoden { stroke: var(--hkf-WohnBoden); }
.hk-f-WohnDach { fill: var(--hkf-WohnDach); } .hk-s-WohnDach { stroke: var(--hkf-WohnDach); }
.hk-f-WohnDecke { fill: var(--hkf-WohnDecke); } .hk-s-WohnDecke { stroke: var(--hkf-WohnDecke); }
.hk-f-WohnFell { fill: var(--hkf-WohnFell); } .hk-s-WohnFell { stroke: var(--hkf-WohnFell); }
.hk-f-WohnFliese { fill: var(--hkf-WohnFliese); } .hk-s-WohnFliese { stroke: var(--hkf-WohnFliese); }
.hk-f-WohnFront { fill: var(--hkf-WohnFront); } .hk-s-WohnFront { stroke: var(--hkf-WohnFront); }
.hk-f-WohnHolz { fill: var(--hkf-WohnHolz); } .hk-s-WohnHolz { stroke: var(--hkf-WohnHolz); }
.hk-f-WohnHolz2 { fill: var(--hkf-WohnHolz2); } .hk-s-WohnHolz2 { stroke: var(--hkf-WohnHolz2); }
.hk-f-WohnKante { fill: var(--hkf-WohnKante); } .hk-s-WohnKante { stroke: var(--hkf-WohnKante); }
.hk-f-WohnKissen { fill: var(--hkf-WohnKissen); } .hk-s-WohnKissen { stroke: var(--hkf-WohnKissen); }
.hk-f-WohnLed { fill: var(--hkf-WohnLed); } .hk-s-WohnLed { stroke: var(--hkf-WohnLed); }
.hk-f-WohnPflanze { fill: var(--hkf-WohnPflanze); } .hk-s-WohnPflanze { stroke: var(--hkf-WohnPflanze); }
.hk-f-WohnPflaster { fill: var(--hkf-WohnPflaster); } .hk-s-WohnPflaster { stroke: var(--hkf-WohnPflaster); }
.hk-f-WohnPlatte { fill: var(--hkf-WohnPlatte); } .hk-s-WohnPlatte { stroke: var(--hkf-WohnPlatte); }
.hk-f-WohnRahmen { fill: var(--hkf-WohnRahmen); } .hk-s-WohnRahmen { stroke: var(--hkf-WohnRahmen); }
.hk-f-WohnRasen { fill: var(--hkf-WohnRasen); } .hk-s-WohnRasen { stroke: var(--hkf-WohnRasen); }
.hk-f-WohnRasen2 { fill: var(--hkf-WohnRasen2); } .hk-s-WohnRasen2 { stroke: var(--hkf-WohnRasen2); }
.hk-f-WohnSchatten { fill: var(--hkf-WohnSchatten); } .hk-s-WohnSchatten { stroke: var(--hkf-WohnSchatten); }
.hk-f-WohnSchirm { fill: var(--hkf-WohnSchirm); } .hk-s-WohnSchirm { stroke: var(--hkf-WohnSchirm); }
.hk-f-WohnStoff { fill: var(--hkf-WohnStoff); } .hk-s-WohnStoff { stroke: var(--hkf-WohnStoff); }
.hk-f-WohnTopf { fill: var(--hkf-WohnTopf); } .hk-s-WohnTopf { stroke: var(--hkf-WohnTopf); }
.hk-f-WohnTuer { fill: var(--hkf-WohnTuer); } .hk-s-WohnTuer { stroke: var(--hkf-WohnTuer); }
.hk-f-WohnWand { fill: var(--hkf-WohnWand); } .hk-s-WohnWand { stroke: var(--hkf-WohnWand); }
.hk-f-WohnWandinnen { fill: var(--hkf-WohnWandinnen); } .hk-s-WohnWandinnen { stroke: var(--hkf-WohnWandinnen); }
.hk-f-WohnWeiss { fill: var(--hkf-WohnWeiss); } .hk-s-WohnWeiss { stroke: var(--hkf-WohnWeiss); }
.hk-f-Zettel { fill: var(--hkf-Zettel); } .hk-s-Zettel { stroke: var(--hkf-Zettel); }
.hk-st-Lichtkegel0 { stop-color: var(--hkst-Lichtkegel0); stop-opacity: var(--hkso-Lichtkegel0); }
.hk-st-Lichtkegel1 { stop-color: var(--hkst-Lichtkegel1); stop-opacity: var(--hkso-Lichtkegel1); }
.hk-st-Lichtpfuetze0 { stop-color: var(--hkst-Lichtpfuetze0); stop-opacity: var(--hkso-Lichtpfuetze0); }
.hk-st-Lichtpfuetze1 { stop-color: var(--hkst-Lichtpfuetze1); stop-opacity: var(--hkso-Lichtpfuetze1); }
.hk-st-Torschein0 { stop-color: var(--hkst-Torschein0); stop-opacity: var(--hkso-Torschein0); }
.hk-st-Torschein1 { stop-color: var(--hkst-Torschein1); stop-opacity: var(--hkso-Torschein1); }

/* ── layout of the component (own prefix hk-, no collision with h-* / lkr-*) ─────────────────────────────── */
.hk { --hk-rund: 12px; display: grid; gap: 12px; min-width: 0; color: var(--hkf-Licht); font-size: 14px; }
.hk * { box-sizing: border-box; }
.hk-karte { background: var(--hkf-Kabine); border: 1px solid var(--hkf-Naht); border-radius: var(--hk-rund); padding: 14px 16px; min-width: 0; }
.hk-titel { display: block; margin: 0 0 6px; font-size: 15px; font-weight: 600; color: var(--hkf-Licht); line-height: 1.3; }
.hk-karte > .hk-titel + .hk-titel, .hk-legende + .hk-titel { margin-top: 10px; }
.hk-leise { display: block; margin: 2px 0 0; font-size: 13px; color: var(--hkf-Nebel); line-height: 1.35; overflow-wrap: anywhere; }
.hk-buehne { width: 100%; overflow: hidden; }
/* lane hpx (30.09.): 840 → 1100 px — the app's Viewbox fills up to its height cap, at 1920 × 1200 the hall is ≈ 1100 DIP wide
   (camera lb1 gross); 840 made every HP picture ≈ 25 % smaller than the app at desktop width. Narrow screens: unchanged (100 %). */
.hk-bild { display: block; width: 100%; height: auto; max-width: 1100px; margin: 0 auto; font-family: inherit; }
.hk-bild text { font-family: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif; }
.hk-kopf { font-weight: 600; }
.hk-wandzahl { font-weight: 800; }
.hk-legende { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 4px 0; padding: 4px 12px;
  border-radius: 999px; border: 1px solid var(--hkf-Naht); background: var(--hkf-Armatur); font-size: 11px; color: var(--hkf-Nebel); }
.hk-legende > span { display: inline-flex; align-items: center; gap: 4px; }
.hk-legende svg { width: 9px; height: 9px; flex: none; }
.hk-ringe { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 4px 0 2px; }
.hk-ring { display: grid; justify-items: center; gap: 2px; width: 96px; text-align: center; }
.hk-ring svg { width: 64px; height: 64px; }
.hk-ring span { font-size: 12px; color: var(--hkf-Nebel); line-height: 1.25; }
.hk-zeile { display: grid; gap: 1px; padding: 8px 0; border-top: 1px solid var(--hkf-Naht); min-width: 0; }
.hk-zeile:first-of-type { border-top: 0; }
.hk-zeile .hk-titel { margin: 0; font-size: 14px; overflow-wrap: anywhere; }
.hk-balken { display: block; width: 100%; height: 6px; margin: 4px 0 2px; }
.hk-leiste { display: flex; flex-wrap: wrap; gap: 4px; }
.hk-knopf { font: inherit; font-size: 13px; padding: 5px 12px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--hkf-Naht); background: var(--hkf-Armatur); color: var(--hkf-Licht); }
.hk-knopf.hk-an { font-weight: 600; border-color: var(--hkf-Signal); box-shadow: inset 0 -2px 0 var(--hkf-Signal); }
.hk-knopf:focus-visible { outline: 2px solid var(--hkf-Signal); outline-offset: 2px; }

/* lane hpx: F.Boden is a GRADIENT in the app (Farbwelt.Dunkel #1E2636 → #0D1119, Hell #C7D0DB → #98A5B4) — the Aufbau yard's
   plot uses it through two stop classes (the generator took solid keys only) */
:root { --hkf-Boden0: #1E2636; --hkf-Boden1: #0D1119; }
@media (prefers-color-scheme: light) { :root:not([data-farbe="dunkel"]) { --hkf-Boden0: #C7D0DB; --hkf-Boden1: #98A5B4; } }
:root[data-farbe="hell"] { --hkf-Boden0: #C7D0DB; --hkf-Boden1: #98A5B4; }
.hk-stop-Boden0 { stop-color: var(--hkf-Boden0); }
.hk-stop-Boden1 { stop-color: var(--hkf-Boden1); }

/* lane hpx: the works queue card (Werkhallenschlange0926) — a signal bar left like the app card, numbered rows */
.hk-schlangenkarte { border-left: 4px solid var(--hkf-Nebel); padding-left: 14px; }
.hk-schlangenliste { margin: 6px 0 0; padding-left: 22px; columns: 1; font-size: 14px; color: var(--hkf-Licht); line-height: 1.55; }

/* Bestand: fold head (HsKlappkopf), vehicle table, parts rows */
.hk-klappkopf { display: flex; width: 100%; justify-content: space-between; align-items: center; font: inherit; font-size: 15px; font-weight: 600;
  color: var(--hkf-Licht); background: none; border: 0; padding: 0 0 6px; cursor: pointer; text-align: left; }
.hk-klappkopf::after { content: "▾"; color: var(--hkf-Nebel); }
.hk-klappkopf[aria-expanded="false"]::after { content: "▸"; }
/* lane hpy: native fold (build queue) — same head as the Bestand fold, closed at first like the app (_hsWarteOffen) */
.hk-klapp > summary { list-style: none; }
.hk-klapp > summary::-webkit-details-marker { display: none; }
.hk-klapp:not([open]) > summary.hk-klappkopf::after { content: "▸"; }
.hk-warteliste .hk-zeile { padding: 6px 0; }
/* lane hpy: the Aufbau yard picture (moved from karte-reiter: .lkr-lp max-height 560 = app Standardhoehe 550) */
.hk-bild.hk-aufbaubild { max-height: 560px; }
.hk-tabelle { width: 100%; border-collapse: collapse; font-size: 13px; margin: 8px 0; }
.hk-tabelle th { text-align: left; font-weight: 600; color: var(--hkf-Nebel); border-bottom: 1px solid var(--hkf-Naht); padding: 4px 6px; }
.hk-tabelle td { padding: 4px 6px; border-bottom: 1px solid var(--hkf-Naht); color: var(--hkf-Licht); }
.hk-teile { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 4px 12px; }
.hk-teil { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; color: var(--hkf-Nebel); border-bottom: 1px solid var(--hkf-Naht); padding: 3px 0; min-width: 0; }
.hk-teil b { color: var(--hkf-Licht); font-weight: 600; white-space: nowrap; }
/* lane hpy: ATS fuel rows („gal (l)" pairs) — one wide column each, the value may wrap, never over the neighbour */
.hk-teile.hk-vorrat { grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); }
.hk-vorrat .hk-teil b { white-space: normal; text-align: right; min-width: 0; overflow-wrap: anywhere; }

/* Bautrupps (Truppreihe0924) + Touren (Tourstrecke0924) */
.hk-bild.hk-depotbild { max-width: 1200px; margin: 0; }
.hk-truppreihe { display: grid; grid-template-columns: 4px 20px 1fr; gap: 0 8px; padding: 6px 0; border-top: 1px solid var(--hkf-Naht); align-items: start; }
.hk-truppreihe:first-of-type { border-top: 0; }
.hk-strich { align-self: stretch; border-radius: 2px; min-height: 28px; }
.hk-bg-Frei { background: var(--hkf-Frei); } .hk-bg-Achtung { background: var(--hkf-Achtung); } .hk-bg-Kalt { background: var(--hkf-Kalt); }
.hk-sinnbild { width: 20px; height: 20px; margin-top: 2px; }
.hk-truppinhalt { display: grid; gap: 1px; min-width: 0; }
.hk-truppinhalt .hk-titel { margin: 0; font-size: 14px; }
.hk-tourraster { display: grid; grid-template-columns: 1fr; gap: 8px; }
@media (min-width: 1300px) { .hk-tourraster { grid-template-columns: 1fr 1fr; } }
.hk-tourkarte { display: grid; gap: 2px; padding: 12px 14px; }
.hk-strecke { position: relative; display: grid; grid-template-columns: 1fr 1fr; margin: 8px 0 4px; padding-top: 16px; }
.hk-streckenbild { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 12px; }
.hk-start, .hk-ziel { position: absolute; top: 0; width: 12px; height: 12px; border-radius: 50%; box-sizing: border-box; }
.hk-start { left: 0; background: var(--hkf-Kabine); border: 3px solid var(--hkf-Frei); }
.hk-ziel { right: 0; background: var(--hkf-Signal); }
.hk-von { font-size: 13px; font-weight: 600; color: var(--hkf-Licht); }
.hk-nach { font-size: 13px; font-weight: 600; color: var(--hkf-Licht); text-align: right; }

/* head tiles over the works picture (Kopfkachelreihe0422: radius 12, padding 12/8, min width 104) */
.hk-kacheln { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 4px 0 8px; }
.hk-kachel { display: grid; gap: 2px; min-width: 104px; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--hkf-Naht); background: var(--hkf-Armatur); }
.hk-kachel-kopf { display: flex; align-items: center; gap: 4px; }
.hk-kachel-kopf svg { width: 9px; height: 9px; flex: none; }
.hk-kachel b { font-size: 20px; font-weight: 600; color: var(--hkf-Licht); line-height: 1.2; }
.hk-kachel span { font-size: 12px; color: var(--hkf-Nebel); }
@media (max-width: 480px) { .hk-kachel { min-width: 0; flex: 1 1 28%; padding: 6px 8px; } .hk-kachel b { font-size: 17px; } }

/* ── motion: CSS keyframes only (no timer in the component). Gates: reduced motion · the web's data-bewegung
      (loops only at „voll") · a hidden tab (data-sichtbar="nein" pauses). The HP sets none → the loops run. ── */
@keyframes hk-puls { from { opacity: 0.15; } to { opacity: 0.75; } }
@keyframes hk-blink { 0%, 69.9% { opacity: 0.2; } 70%, 89.9% { opacity: 0.9; } 90%, 100% { opacity: 0.2; } }
@keyframes hk-puls-luecke { from { opacity: 0.35; } to { opacity: 1; } }
@keyframes hk-band { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -12; } }
@keyframes hk-glanz { from { transform: translateX(-30px); } to { transform: translateX(120px); } }
@keyframes hk-rundum { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.hk-puls { animation: hk-puls 1.3s ease-in-out infinite alternate; }
.hk-blink { animation: hk-blink 3.2s steps(1, end) infinite; }
.hk-puls-luecke { animation: hk-puls-luecke 0.9s ease-in-out infinite alternate; }
.hk-band-lauf { animation: hk-band 2.4s linear infinite; }
.hk-glanz { animation: hk-glanz 2.8s linear infinite; }
.hk-rundum { animation: hk-rundum 1.6s linear infinite; transform-box: fill-box; transform-origin: center; }
@keyframes hk-schwenk { from { transform: rotate(-18deg); } to { transform: rotate(16deg); } }
@keyframes hk-funke { 0% { opacity: 0; } 20% { opacity: 1; } 45%, 100% { opacity: 0; } }
.hk-schwenk { transform-origin: 0 0; animation: hk-schwenk 0.8s ease-in-out infinite alternate; }
.hk-funke { opacity: 0; animation: hk-funke 1.6s linear infinite; }
.hk-funke1 { animation-delay: 0.3s; } .hk-funke2 { animation-delay: 0.6s; }
.hk-band-lauf { stroke-dashoffset: 0; }
html[data-sichtbar="nein"] .hk-schwenk, html[data-sichtbar="nein"] .hk-funke { animation-play-state: paused; }
html[data-bewegung]:not([data-bewegung="voll"]) .hk-schwenk, html[data-bewegung]:not([data-bewegung="voll"]) .hk-funke { animation: none; }
@media (prefers-reduced-motion: reduce) { .hk-schwenk, .hk-funke { animation: none; } }
html[data-sichtbar="nein"] .hk-puls, html[data-sichtbar="nein"] .hk-blink, html[data-sichtbar="nein"] .hk-puls-luecke,
html[data-sichtbar="nein"] .hk-band-lauf, html[data-sichtbar="nein"] .hk-glanz, html[data-sichtbar="nein"] .hk-rundum { animation-play-state: paused; }
html[data-bewegung]:not([data-bewegung="voll"]) .hk-puls, html[data-bewegung]:not([data-bewegung="voll"]) .hk-blink,
html[data-bewegung]:not([data-bewegung="voll"]) .hk-puls-luecke, html[data-bewegung]:not([data-bewegung="voll"]) .hk-band-lauf,
html[data-bewegung]:not([data-bewegung="voll"]) .hk-glanz, html[data-bewegung]:not([data-bewegung="voll"]) .hk-rundum { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .hk-puls, .hk-blink, .hk-puls-luecke, .hk-band-lauf, .hk-glanz, .hk-rundum { animation: none; }
}
.hk-nur-schmal { display: none; }
@media (max-width: 600px) { .hk-nur-schmal { display: block; margin-top: 4px; } }
@media (max-width: 480px) {
  .hk-karte { padding: 12px; }
  .hk-ring { width: 84px; }
}

/* ✏️ N-HKBAU (03.10.2026, lane 11800): the crew „Leitstand" + the tab „Warteliste" (hk/hk-leitstand.js) — variant A,
   app Kartenleitstand11800.cs. Colours only through the colour keys --hkf-*; light/dark come with them. */
.hk-bg-Reihe1 { background: var(--hkf-Reihe1); } .hk-bg-Signal { background: var(--hkf-Signal); }
.hk-t-Achtung { color: var(--hkf-Achtung); } .hk-t-Reihe1 { color: var(--hkf-Reihe1); } .hk-t-Frei { color: var(--hkf-Frei); }
.hk-t-Kalt { color: var(--hkf-Kalt); } .hk-t-Signal { color: var(--hkf-Signal); }
.hk-ls-kacheln { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 8px 0 4px; }
.hk-wl-kacheln { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hk-ls-kachel { position: relative; display: grid; gap: 2px; padding: 8px 12px 10px 16px; border-radius: 12px; border: 1px solid var(--hkf-Naht); background: var(--hkf-Armatur); overflow: hidden; min-width: 0; }
.hk-ls-kachel.an { border-color: var(--hkf-Signal); box-shadow: inset 0 0 0 1px var(--hkf-Signal); }
.hk-ls-strich { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
.hk-ls-zahl { font-size: 26px; line-height: 1.1; font-weight: 700; }
.hk-ls-balken { display: block; width: 100%; height: 6px; margin-top: 6px; }
.hk-ls-leiste { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 4px 0 8px; }
.hk-ls-suche { flex: 1 1 240px; max-width: 340px; min-width: 0; padding: 7px 12px; border-radius: 9px; border: 1px solid var(--hkf-Naht); background: var(--hkf-Armatur); color: var(--hkf-Licht); font: inherit; }
.hk-ls-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 20px; border: 1px solid var(--hkf-Naht); background: var(--hkf-Kabine); color: var(--hkf-Licht); font: inherit; font-size: 13px; cursor: pointer; }
.hk-ls-chip.an { border-color: var(--hkf-Signal); font-weight: 600; box-shadow: inset 0 -2px 0 var(--hkf-Signal); }
.hk-ls-chip:focus-visible, .hk-ls-mehr:focus-visible, .hk-ls-gkopf:focus-visible { outline: 2px solid var(--hkf-Signal); outline-offset: 2px; }
.hk-ls-punkt { width: 8px; height: 8px; border-radius: 50%; }
.hk-ls-treffer { margin: 0 0 6px; }
.hk-ls-gruppe { border: 1px solid var(--hkf-Naht); border-radius: 12px; background: var(--hkf-Armatur); margin: 0 0 8px; }
.hk-ls-gkopf { display: grid; grid-template-columns: 12px minmax(150px, 240px) auto minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 14px; cursor: pointer; list-style: none; }
.hk-ls-gkopf::-webkit-details-marker { display: none; }
.hk-ls-gkopf::before { content: "\25B8"; color: var(--hkf-Nebel); }
.hk-ls-gruppe[open] > .hk-ls-gkopf::before { content: "\25BE"; }
.hk-ls-gkopf .hk-leise { margin: 0; }
.hk-ls-gname { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hk-ls-dots { display: flex; flex-wrap: wrap; gap: 3px; min-width: 0; }
.hk-ls-dot { width: 10px; height: 10px; border-radius: 3px; }
.hk-ls-gzahlen { display: flex; gap: 8px; flex-wrap: wrap; font-size: 13px; justify-content: flex-end; }
.hk-ls-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; padding: 0 12px 10px; }
.hk-ls-zelle { background: var(--hkf-Kabine); border-radius: 10px; padding: 2px 8px; min-width: 0; }
.hk-ls-zelle[hidden], .hk-ls-gruppe[hidden], .hk-wl-zeile[hidden], .hk-ls-mehr[hidden], .hk-ls-nichts[hidden] { display: none; }
.hk-ls-mehr { display: block; margin: 0 auto 10px; padding: 6px 14px; border: 0; background: transparent; color: var(--hkf-Signal); font: inherit; font-weight: 600; cursor: pointer; }
.hk-ls-mraster { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.hk-ls-mkachel { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 12px 10px; border-radius: 12px; background: var(--hkf-Armatur); }
.hk-ls-msym { width: 54px; height: 40px; }
.hk-ls-mzeile { margin: 2px 0 0; }
.hk-ls-mzahl { font-size: 20px; }
.hk-ls-pille { display: inline-block; font-size: 12px; padding: 1px 9px; border-radius: 10px; border: 1px solid currentColor; white-space: nowrap; margin-left: 6px; }
.hk-wl-zeile { display: grid; grid-template-columns: 64px minmax(0, 2.2fr) minmax(0, 1.6fr) minmax(0, 1.4fr) minmax(0, 1.3fr) minmax(0, 1.3fr) minmax(0, 1.3fr); gap: 8px; align-items: center; padding: 8px 10px; margin: 0 0 4px; border-radius: 10px; background: var(--hkf-Armatur); }
.hk-wl-zeile > .hk-ls-pille { justify-self: start; }
.hk-wl-zeile > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.hk-ls-sp6 .hk-wl-zeile { grid-template-columns: 72px minmax(0, 1.6fr) minmax(0, 1.6fr) minmax(0, 2fr) minmax(0, 1.3fr) minmax(0, 1.2fr); }
.hk-ls-sp4 .hk-wl-zeile { grid-template-columns: minmax(0, 1.4fr) minmax(0, 3fr) minmax(0, 1.3fr) minmax(0, 1.4fr); }
.hk-ls-sp4 .hk-wl-nr { color: var(--hkf-Licht); }
.hk-ls-k4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .hk-ls-k3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hk-wl-kopf { background: transparent; padding-top: 0; padding-bottom: 0; }
.hk-wl-nr { color: var(--hkf-Signal); }
.hk-wl-eigen { box-shadow: inset 4px 0 0 var(--hkf-Signal), inset 0 0 0 999px color-mix(in srgb, var(--hkf-Signal) 14%, transparent); }
.hk-wl-wer { display: flex; align-items: center; min-width: 0; }
.hk-wl-wer b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hk-wl-seiten { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: center; margin-top: 8px; }
.hk-wl-seiten .hk-leise { display: inline; margin-left: 6px; }
@media (max-width: 900px) {
  .hk-ls-kacheln { grid-template-columns: repeat(3, minmax(0, 1fr)); } .hk-wl-kacheln { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-ls-raster { grid-template-columns: minmax(0, 1fr); } .hk-ls-mraster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-ls-gkopf { grid-template-columns: 12px minmax(0, 1fr) auto; } .hk-ls-dots { grid-column: 2 / -1; } .hk-ls-gzahlen { grid-column: 2 / -1; justify-content: flex-start; }
  .hk-wl-zeile { grid-template-columns: 56px minmax(0, 1fr) auto; } .hk-wl-kopf { display: none; }
  .hk-wl-zeile > span:nth-child(3), .hk-wl-zeile > span:nth-child(4), .hk-wl-zeile > span:nth-child(5), .hk-wl-zeile > span:nth-child(6) { grid-column: 2 / 3; font-size: 13px; color: var(--hkf-Nebel); }
}
@media (max-width: 480px) { .hk-ls-kacheln, .hk-wl-kacheln { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hk-ls-zahl { font-size: 20px; } .hk-ls-mraster { grid-template-columns: minmax(0, 1fr); } }