/* Heureka-Design „Heureka“, Version 14, Modus auto. Zentral gepflegt in maintenance.ai.heureka-solutions.com – nicht im Tool ändern. */
:root{--h-schrift:"Segoe UI", "Segoe UI Variable", system-ui, -apple-system, Inter, sans-serif;--h-radius-karte:16px;--h-radius-feld:12px;--h-radius-knopf:12px;--h-seitenleiste:links;--h-grund:#E3EDF7;--h-flaeche:#E3EDF7;--h-text:#3B3D5E;--h-neben:#5D6183;--h-navigation:#38505E;--h-akzent:#009FFF;--h-akzent-text:#FFFFFF;--h-gut:#119988;--h-warnung:#FFCD00;--h-fehler:#B8520F;--h-licht:#FFFFFF;--h-schatten:#A3B1C6;--h-linie:#C9D5E3;--h-gut-flaeche:#E6F9E6;--h-gut-text:#14532D;--h-gut-rand:#2D8A2D;--h-fehler-flaeche:#FFF0F0;--h-fehler-rand:#E8A8A8;--h-fehler-text:#C0392B;--h-fehler-schrift:#FFFFFF;--h-warnung-flaeche:#FFF3CD;--h-warnung-rand:#FFECB5;--h-warnung-text:#856404;--h-ueberfaellig:#B8520F;--h-info-flaeche:#E8F4FF;--h-info-rand:#B3D4F5;--h-info-text:#185FA5;--h-zeile-gestreift:#F5F8FC;--h-zeile-hover:#D4EEFB;--h-diagramm-linie:#CDD1F1;--h-diagramm-1:#119988;--h-diagramm-2:#B8520F;--h-diagramm-3:#6B21A8;--h-diagramm-4:#94A3B8;--h-diagramm-5:#0066FF;--h-nachricht-gelb:#FFB400;--h-diagramm-6:#7C3AED;--h-diagramm-7:#0F766E;--h-diagramm-8:#B45309;--h-diagramm-9:#15803D;--h-diagramm-10:#E11D48;--h-diagramm-11:#14B8A6;--h-diagramm-12:#F97316;--h-diagramm-13:#3B82F6;--h-diagramm-14:#0EA5E9;--h-akzent-2:#2F806F;--h-akzent-3:#8756B8;--h-akzent-4:#D47731;--h-akzent-hell:#DCEFFF;--h-partner-anthropic:#D97757;--h-partner-google:#4285F4;--h-partner-openai:#10A37F;--h-partner-meta:#0866FF;--h-partner-mistral:#F59E0B;--h-orange:#E65100;--h-lila:#7755AA;--h-lila-flaeche:#F4F0F9;--h-lila-rand:#D8B4FE;--h-kategorie-1:#534AB7;--h-kategorie-2:#D85A30;--h-dokument-text:#000000;--h-dokument-text-2:#333333;--h-dokument-neben:#777777;--h-dokument-linie:#DDDDDD;--h-dokument-flaeche:#F4F4F4;--h-szene-grund-1:#0A1222;--h-szene-grund-2:#05070F;--h-szene-grund-3:#06194F;--h-szene-grund-4:#1B3A66;--h-skala-1:#E3F2FD;--h-skala-2:#B3DAF7;--h-skala-3:#6DB6EE;--h-skala-4:#2B8DDB;--h-skala-5:#0B5EA8;--h-zeichnung-kontur:#334155;--h-zeichnung-regal:#64748B;--h-zeichnung-verkehrsweg:#F1F5F9;--h-zeichnung-flaeche-1:#E0F2FE;--h-zeichnung-flaeche-2:#DCFCE7;--h-zeichnung-flaeche-3:#FEF3C7;--h-zeichnung-flaeche-4:#F3E8FF;--h-zeichnung-bemassung:#B91C1C;--h-zeichnung-auswahl:#009FFF;--h-zeichnung-flusspfeil:#0F766E;--h-grund-kanal:227 237 247;--h-flaeche-kanal:227 237 247;--h-text-kanal:59 61 94;--h-neben-kanal:93 97 131;--h-navigation-kanal:56 80 94;--h-akzent-kanal:0 159 255;--h-akzent-text-kanal:255 255 255;--h-gut-kanal:17 153 136;--h-warnung-kanal:255 205 0;--h-fehler-kanal:184 82 15;--h-licht-kanal:255 255 255;--h-schatten-kanal:163 177 198;--h-linie-kanal:201 213 227;--h-gut-flaeche-kanal:230 249 230;--h-gut-text-kanal:20 83 45;--h-gut-rand-kanal:45 138 45;--h-fehler-flaeche-kanal:255 240 240;--h-fehler-rand-kanal:232 168 168;--h-fehler-text-kanal:192 57 43;--h-fehler-schrift-kanal:255 255 255;--h-warnung-flaeche-kanal:255 243 205;--h-warnung-rand-kanal:255 236 181;--h-warnung-text-kanal:133 100 4;--h-ueberfaellig-kanal:184 82 15;--h-info-flaeche-kanal:232 244 255;--h-info-rand-kanal:179 212 245;--h-info-text-kanal:24 95 165;--h-zeile-gestreift-kanal:245 248 252;--h-zeile-hover-kanal:212 238 251;--h-diagramm-linie-kanal:205 209 241;--h-diagramm-1-kanal:17 153 136;--h-diagramm-2-kanal:184 82 15;--h-diagramm-3-kanal:107 33 168;--h-diagramm-4-kanal:148 163 184;--h-diagramm-5-kanal:0 102 255;--h-nachricht-gelb-kanal:255 180 0;--h-diagramm-6-kanal:124 58 237;--h-diagramm-7-kanal:15 118 110;--h-diagramm-8-kanal:180 83 9;--h-diagramm-9-kanal:21 128 61;--h-diagramm-10-kanal:225 29 72;--h-diagramm-11-kanal:20 184 166;--h-diagramm-12-kanal:249 115 22;--h-diagramm-13-kanal:59 130 246;--h-diagramm-14-kanal:14 165 233;--h-akzent-2-kanal:47 128 111;--h-akzent-3-kanal:135 86 184;--h-akzent-4-kanal:212 119 49;--h-akzent-hell-kanal:220 239 255;--h-partner-anthropic-kanal:217 119 87;--h-partner-google-kanal:66 133 244;--h-partner-openai-kanal:16 163 127;--h-partner-meta-kanal:8 102 255;--h-partner-mistral-kanal:245 158 11;--h-orange-kanal:230 81 0;--h-lila-kanal:119 85 170;--h-lila-flaeche-kanal:244 240 249;--h-lila-rand-kanal:216 180 254;--h-kategorie-1-kanal:83 74 183;--h-kategorie-2-kanal:216 90 48;--h-dokument-text-kanal:0 0 0;--h-dokument-text-2-kanal:51 51 51;--h-dokument-neben-kanal:119 119 119;--h-dokument-linie-kanal:221 221 221;--h-dokument-flaeche-kanal:244 244 244;--h-szene-grund-1-kanal:10 18 34;--h-szene-grund-2-kanal:5 7 15;--h-szene-grund-3-kanal:6 25 79;--h-szene-grund-4-kanal:27 58 102;--h-skala-1-kanal:227 242 253;--h-skala-2-kanal:179 218 247;--h-skala-3-kanal:109 182 238;--h-skala-4-kanal:43 141 219;--h-skala-5-kanal:11 94 168;--h-zeichnung-kontur-kanal:51 65 85;--h-zeichnung-regal-kanal:100 116 139;--h-zeichnung-verkehrsweg-kanal:241 245 249;--h-zeichnung-flaeche-1-kanal:224 242 254;--h-zeichnung-flaeche-2-kanal:220 252 231;--h-zeichnung-flaeche-3-kanal:254 243 199;--h-zeichnung-flaeche-4-kanal:243 232 255;--h-zeichnung-bemassung-kanal:185 28 28;--h-zeichnung-auswahl-kanal:0 159 255;--h-zeichnung-flusspfeil-kanal:15 118 110;--h-text-schwach:color-mix(in srgb,var(--h-text) 60%,transparent);--h-ueberlagerung:-4px -4px 8px color-mix(in srgb,#FFFFFF 60%,transparent),4px 4px 8px color-mix(in srgb,#A3B1C6 45%,transparent);--h-erhaben:-4px -4px 8px color-mix(in srgb,#FFFFFF 60%,transparent),4px 4px 8px color-mix(in srgb,#A3B1C6 45%,transparent);--h-leicht:-2px -2px 4px color-mix(in srgb,#FFFFFF 60%,transparent),2px 2px 4px color-mix(in srgb,#A3B1C6 45%,transparent);--h-vertieft:inset -2px -2px 4px color-mix(in srgb,#FFFFFF 60%,transparent),inset 2px 2px 4px color-mix(in srgb,#A3B1C6 45%,transparent);--h-rand:0 solid #C9D5E3;color-scheme:light;}
@media (prefers-color-scheme: dark){:root{--h-grund:#1D2230;--h-flaeche:#232938;--h-text:#E3E8F2;--h-neben:#A3ABC2;--h-navigation:#E3E8F2;--h-akzent:#33B1FF;--h-akzent-text:#0B1220;--h-gut:#2BB3A2;--h-warnung:#FFCD00;--h-fehler:#E0874A;--h-licht:#2A3142;--h-schatten:#141823;--h-linie:#323A4E;--h-gut-flaeche:#17301F;--h-gut-text:#86EFAC;--h-gut-rand:#3FA34D;--h-fehler-flaeche:#3A1E1A;--h-fehler-rand:#7A3B33;--h-fehler-text:#F08A7E;--h-fehler-schrift:#FFFFFF;--h-warnung-flaeche:#3A3014;--h-warnung-rand:#6B5A1E;--h-warnung-text:#F5D36B;--h-ueberfaellig:#E0874A;--h-info-flaeche:#14283D;--h-info-rand:#2D5280;--h-info-text:#7CB8F0;--h-zeile-gestreift:#272E40;--h-zeile-hover:#2D3A52;--h-diagramm-linie:#3A4260;--h-diagramm-1:#2BB3A2;--h-diagramm-2:#E0874A;--h-diagramm-3:#C084FC;--h-diagramm-4:#94A3B8;--h-diagramm-5:#4D9DFF;--h-nachricht-gelb:#FFB400;--h-diagramm-6:#A78BFA;--h-diagramm-7:#2DD4BF;--h-diagramm-8:#F59E0B;--h-diagramm-9:#4ADE80;--h-diagramm-10:#FB7185;--h-diagramm-11:#5EEAD4;--h-diagramm-12:#FB923C;--h-diagramm-13:#60A5FA;--h-diagramm-14:#38BDF8;--h-akzent-2:#4FB8A3;--h-akzent-3:#B58BE0;--h-akzent-4:#F0A06A;--h-akzent-hell:#14283D;--h-partner-anthropic:#D97757;--h-partner-google:#4285F4;--h-partner-openai:#10A37F;--h-partner-meta:#0866FF;--h-partner-mistral:#F59E0B;--h-orange:#FF8A50;--h-lila:#C4A8F0;--h-lila-flaeche:#2A2140;--h-lila-rand:#5B3F8A;--h-kategorie-1:#8F86F0;--h-kategorie-2:#F08A63;--h-dokument-text:#000000;--h-dokument-text-2:#333333;--h-dokument-neben:#777777;--h-dokument-linie:#DDDDDD;--h-dokument-flaeche:#F4F4F4;--h-szene-grund-1:#0A1222;--h-szene-grund-2:#05070F;--h-szene-grund-3:#06194F;--h-szene-grund-4:#1B3A66;--h-skala-1:#14283D;--h-skala-2:#1E4468;--h-skala-3:#2A6496;--h-skala-4:#4D9DFF;--h-skala-5:#9CCBFF;--h-zeichnung-kontur:#CBD5E1;--h-zeichnung-regal:#94A3B8;--h-zeichnung-verkehrsweg:#1E293B;--h-zeichnung-flaeche-1:#0C2A44;--h-zeichnung-flaeche-2:#143A24;--h-zeichnung-flaeche-3:#3A3014;--h-zeichnung-flaeche-4:#2A2140;--h-zeichnung-bemassung:#F87171;--h-zeichnung-auswahl:#38BDF8;--h-zeichnung-flusspfeil:#2DD4BF;--h-grund-kanal:29 34 48;--h-flaeche-kanal:35 41 56;--h-text-kanal:227 232 242;--h-neben-kanal:163 171 194;--h-navigation-kanal:227 232 242;--h-akzent-kanal:51 177 255;--h-akzent-text-kanal:11 18 32;--h-gut-kanal:43 179 162;--h-warnung-kanal:255 205 0;--h-fehler-kanal:224 135 74;--h-licht-kanal:42 49 66;--h-schatten-kanal:20 24 35;--h-linie-kanal:50 58 78;--h-gut-flaeche-kanal:23 48 31;--h-gut-text-kanal:134 239 172;--h-gut-rand-kanal:63 163 77;--h-fehler-flaeche-kanal:58 30 26;--h-fehler-rand-kanal:122 59 51;--h-fehler-text-kanal:240 138 126;--h-fehler-schrift-kanal:255 255 255;--h-warnung-flaeche-kanal:58 48 20;--h-warnung-rand-kanal:107 90 30;--h-warnung-text-kanal:245 211 107;--h-ueberfaellig-kanal:224 135 74;--h-info-flaeche-kanal:20 40 61;--h-info-rand-kanal:45 82 128;--h-info-text-kanal:124 184 240;--h-zeile-gestreift-kanal:39 46 64;--h-zeile-hover-kanal:45 58 82;--h-diagramm-linie-kanal:58 66 96;--h-diagramm-1-kanal:43 179 162;--h-diagramm-2-kanal:224 135 74;--h-diagramm-3-kanal:192 132 252;--h-diagramm-4-kanal:148 163 184;--h-diagramm-5-kanal:77 157 255;--h-nachricht-gelb-kanal:255 180 0;--h-diagramm-6-kanal:167 139 250;--h-diagramm-7-kanal:45 212 191;--h-diagramm-8-kanal:245 158 11;--h-diagramm-9-kanal:74 222 128;--h-diagramm-10-kanal:251 113 133;--h-diagramm-11-kanal:94 234 212;--h-diagramm-12-kanal:251 146 60;--h-diagramm-13-kanal:96 165 250;--h-diagramm-14-kanal:56 189 248;--h-akzent-2-kanal:79 184 163;--h-akzent-3-kanal:181 139 224;--h-akzent-4-kanal:240 160 106;--h-akzent-hell-kanal:20 40 61;--h-partner-anthropic-kanal:217 119 87;--h-partner-google-kanal:66 133 244;--h-partner-openai-kanal:16 163 127;--h-partner-meta-kanal:8 102 255;--h-partner-mistral-kanal:245 158 11;--h-orange-kanal:255 138 80;--h-lila-kanal:196 168 240;--h-lila-flaeche-kanal:42 33 64;--h-lila-rand-kanal:91 63 138;--h-kategorie-1-kanal:143 134 240;--h-kategorie-2-kanal:240 138 99;--h-dokument-text-kanal:0 0 0;--h-dokument-text-2-kanal:51 51 51;--h-dokument-neben-kanal:119 119 119;--h-dokument-linie-kanal:221 221 221;--h-dokument-flaeche-kanal:244 244 244;--h-szene-grund-1-kanal:10 18 34;--h-szene-grund-2-kanal:5 7 15;--h-szene-grund-3-kanal:6 25 79;--h-szene-grund-4-kanal:27 58 102;--h-skala-1-kanal:20 40 61;--h-skala-2-kanal:30 68 104;--h-skala-3-kanal:42 100 150;--h-skala-4-kanal:77 157 255;--h-skala-5-kanal:156 203 255;--h-zeichnung-kontur-kanal:203 213 225;--h-zeichnung-regal-kanal:148 163 184;--h-zeichnung-verkehrsweg-kanal:30 41 59;--h-zeichnung-flaeche-1-kanal:12 42 68;--h-zeichnung-flaeche-2-kanal:20 58 36;--h-zeichnung-flaeche-3-kanal:58 48 20;--h-zeichnung-flaeche-4-kanal:42 33 64;--h-zeichnung-bemassung-kanal:248 113 113;--h-zeichnung-auswahl-kanal:56 189 248;--h-zeichnung-flusspfeil-kanal:45 212 191;--h-text-schwach:color-mix(in srgb,var(--h-text) 60%,transparent);--h-ueberlagerung:-4px -4px 8px color-mix(in srgb,#2A3142 60%,transparent),4px 4px 8px color-mix(in srgb,#141823 45%,transparent);--h-erhaben:-4px -4px 8px color-mix(in srgb,#2A3142 60%,transparent),4px 4px 8px color-mix(in srgb,#141823 45%,transparent);--h-leicht:-2px -2px 4px color-mix(in srgb,#2A3142 60%,transparent),2px 2px 4px color-mix(in srgb,#141823 45%,transparent);--h-vertieft:inset -2px -2px 4px color-mix(in srgb,#2A3142 60%,transparent),inset 2px 2px 4px color-mix(in srgb,#141823 45%,transparent);--h-rand:0 solid #323A4E;color-scheme:dark;}}

@font-face{font-family:Inter;font-weight:300;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-300-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:300;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-ext-300-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(/_design/schrift/inter-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
html{background:var(--h-grund)}
body{margin:0;background:var(--h-grund);color:var(--h-text);font-family:var(--h-schrift);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--h-akzent)}
.h-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 20px;background:var(--h-flaeche);border-bottom:var(--h-rand);box-shadow:var(--h-leicht);font-size:14px;position:relative;z-index:10}
/* Marke: Logo | Toolname (Toolname in der Schrift der Logo-Unterzeile, Hoehe der Zeile = Versalhoehe x 1,38) */
.h-marke{display:flex;align-items:center;flex:none;min-width:0;text-decoration:none;height:var(--h-marke,28px)}
.h-marke-logo{height:var(--h-marke,28px);width:auto;max-width:calc(var(--h-marke,28px) * 4.9);object-fit:contain;object-position:left center;display:block}  /* Kunden-Wortmarken (z. B. BEWITAL, 7,4 : 1) werden nicht breiter als das Heureka-Logo (4,9 : 1) */
.h-marke-strich{width:2px;height:var(--h-marke,28px);margin:0 calc(var(--h-marke,28px) * .4);border-radius:1px;flex:none}
.h-marke-tool{height:calc(var(--h-marke,28px) * .69);width:auto;display:block}
.h-marke-tool-text{font-family:Arial,var(--h-schrift);font-size:calc(var(--h-marke,28px) * .7);line-height:1;white-space:nowrap}
.h-marke-tool-kunde{font-family:var(--h-schrift);font-weight:600;color:var(--h-navigation);font-size:calc(var(--h-marke,28px) * .6)}
.h-kopf-luecke{flex:1 1 auto}
.h-kopf-person{color:var(--h-neben)}
.h-kopf-person b{color:var(--h-text);font-weight:600}
.h-kopf-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.h-kopf-links a{color:var(--h-neben);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.h-kopf-links a:hover,.h-kopf-links a:focus-visible{color:var(--h-akzent)}
.h-kopf select{width:auto;margin:0;-webkit-appearance:auto;appearance:auto;font:inherit;font-size:13px;color:var(--h-text);background:var(--h-grund);border:var(--h-rand);border-radius:var(--h-radius-feld);box-shadow:var(--h-vertieft);padding:4px 8px;min-height:32px}
.h-fuss{margin-top:auto;padding:16px 20px;font-size:12px;color:var(--h-neben);display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;text-align:center}
.h-fuss a{color:var(--h-neben)}
.h-fuss-kunde{flex-basis:100%}
/* Fläche und Umbruch (Richard, 01.11.2026): jede Seite nutzt links und rechts dieselbe volle Breite; kein Text läuft über eine Kachel */
.h-seite{width:100%;box-sizing:border-box;padding:24px 32px}
.h-karte,.h-raster>*{min-width:0;overflow-wrap:break-word;box-sizing:border-box}
.h-karte img,.h-karte svg,.h-karte table,.h-karte pre{max-width:100%}
.h-karte pre{overflow:auto}
.h-chip{display:inline-block;max-width:100%;box-sizing:border-box;padding:2px 10px;border-radius:999px;background:var(--h-grund);box-shadow:var(--h-vertieft);font-size:12px;line-height:1.4;color:var(--h-neben);white-space:normal;overflow-wrap:break-word;vertical-align:top}
.h-karte{background:var(--h-flaeche);border:var(--h-rand);border-radius:var(--h-radius-karte);box-shadow:var(--h-erhaben);padding:20px}
/* Verschachtelung (Richard 05.11.2026, Wunsch Office Orga): Eine Karte in einer Karte ist innen vertieft (Neumorph: Innenschatten, flach: Linie), ohne eigenen Schatten und mit kleinerem Radius.
   Gilt automatisch für .h-karte/.h-tabellenkarte in .h-karte/.h-tabellenkarte und für .h-karte-innen. Das Tool legt keine eigene Schatten- oder Randregel an. */
:is(.h-karte,.h-tabellenkarte) :is(.h-karte,.h-tabellenkarte),.h-karte-innen{background:var(--h-grund);border:0;border-radius:max(6px,calc(var(--h-radius-karte) - 4px));box-shadow:var(--h-vertieft);padding:14px;overflow:hidden}
:is(.h-karte,.h-tabellenkarte) .h-tabellenkarte{padding:0}
:is(.h-karte,.h-tabellenkarte) :is(.h-karte,.h-tabellenkarte)+:is(.h-karte,.h-tabellenkarte){margin-top:12px}
.h-tabelle.h-gestreift tbody tr:nth-child(2n){background:var(--h-zeile-gestreift)}
.h-tabelle.h-gestreift tbody tr:hover,.h-tabelle tbody tr.h-heute{background:var(--h-zeile-hover)}
/* Banner (Erfolg, Warnung, Fehler, Info) in Seite und Karte: Fläche, Rand und Text aus der Palette */
.h-banner{display:block;margin:12px 0;padding:12px 14px;border:1px solid var(--h-linie);border-radius:var(--h-radius-feld);background:var(--h-flaeche);color:var(--h-text);box-shadow:none}
.h-banner-gut{background:var(--h-gut-flaeche);border-color:var(--h-gut-rand);color:var(--h-gut-text)}
.h-banner-fehler{background:var(--h-fehler-flaeche);border-color:var(--h-fehler-rand);color:var(--h-fehler-text)}
.h-banner-warnung{background:var(--h-warnung-flaeche);border-color:var(--h-warnung-rand);color:var(--h-warnung-text)}
.h-banner-info{background:var(--h-info-flaeche);border-color:var(--h-info-rand);color:var(--h-info-text)}
.h-hinweis{border:1px solid var(--h-warnung);border-radius:var(--h-radius-feld);padding:12px 14px;margin:16px 0}
.h-impressum h2{font-size:17px;margin:22px 0 6px}.h-impressum h2:first-child{margin-top:0}.h-impressum p{margin:0 0 10px}
@media (max-width:600px){.h-kopf{padding:8px 16px}.h-kopf-person{flex-basis:100%;order:5}}

:root{--h-kopf-hoehe:96px}
@media (max-width:1023px){:root{--h-kopf-hoehe:64px}}
html[data-h-rohling]{height:100%;overflow:hidden}
/* Form „kopfzeile“: Inhalt des Tools beginnt unter der Kopfzeile, keine Seitenleiste */
html[data-h-rohling=kopfzeile] body{padding-top:var(--h-kopf-hoehe);box-sizing:border-box}
html[data-h-rohling] body{display:block;height:100dvh;min-height:0;overflow:hidden}
[data-h-rohling] .h-oben{position:fixed;top:0;left:0;right:0;height:96px;z-index:40;background:var(--h-grund);display:flex;align-items:center;padding:0 calc(var(--h-ecke-breite,260px) + 48px) 0 32px;box-sizing:border-box;--h-marke:40px}
[data-h-rohling] .h-einklappen{flex:none;margin:0 0 0 40px;width:40px;height:40px;min-height:0;padding:0;border:0;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--h-akzent) 16%,transparent);color:var(--h-text);box-shadow:none;cursor:pointer}
[data-h-rohling] .h-einklappen svg{width:24px;height:24px}
[data-h-rohling] .h-titel{margin-left:24px;min-width:0;font-size:22px;font-weight:700;color:var(--h-navigation);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-h-rohling] .h-koerper{display:flex;height:100dvh;padding-top:96px;box-sizing:border-box}
[data-h-rohling] .h-leiste{flex:none;width:316px;height:calc(100dvh - 96px);display:flex;flex-direction:column;overflow:hidden;background:var(--h-grund);box-shadow:6px 0 14px color-mix(in srgb,var(--h-schatten) 40%,transparent);transition:width 220ms ease;position:relative;z-index:30}
[data-h-rohling] .h-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:8px 32px 16px}
[data-h-rohling] .h-nav>*{flex-shrink:0}
[data-h-rohling] .h-zeile{display:flex;align-items:center;gap:18px;height:52px;min-height:0;width:100%;box-sizing:border-box;padding:0 12px 0 20px;margin:0;border:0;border-radius:9px;background:none;box-shadow:none;color:var(--h-navigation);font:inherit;font-size:16px;font-weight:500;text-align:left;text-decoration:none;overflow:hidden;cursor:pointer;transition:background-color 150ms}
[data-h-rohling] .h-zeile:hover{background:color-mix(in srgb,var(--h-akzent) 7%,transparent)}
[data-h-rohling] .h-zeile[aria-current="page"]{background:color-mix(in srgb,var(--h-akzent) 16%,transparent);color:var(--h-text);font-weight:600}
[data-h-rohling] .h-gruppe.offen>.h-zeile{color:var(--h-akzent);font-weight:600}
[data-h-rohling] .h-zeile[aria-disabled="true"]{opacity:.35;cursor:not-allowed;background:none}
[data-h-rohling] .h-zeile svg{width:24px;height:24px;flex:none}
[data-h-rohling] .h-plakette{flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--h-fehler);color:var(--h-fehler-schrift);font-size:12px;font-weight:700;line-height:20px;text-align:center}
[data-h-rohling] .h-plakette[hidden]{display:none}
html[data-h-rohling][data-h-eingeklappt="1"] .h-zeile{position:relative}
html[data-h-rohling][data-h-eingeklappt="1"] .h-plakette{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px}
[data-h-rohling] .h-zeile-text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-h-rohling] .h-zeile-unter{padding-left:62px;font-size:15px;font-weight:400;margin-top:4px}
[data-h-rohling] .h-zeile-unter[aria-current="page"]{font-weight:600}
[data-h-rohling] .h-zeile .h-pfeil{width:20px;height:20px;margin-left:auto;transition:transform 220ms}
[data-h-rohling] .h-gruppe.offen{display:flex;flex-direction:column;gap:4px;padding:4px;margin:0 -4px 14px;border-radius:18px;background:var(--h-grund);box-shadow:5px 5px 12px color-mix(in srgb,var(--h-schatten) 55%,transparent),-5px -5px 12px color-mix(in srgb,var(--h-licht) 90%,transparent)}
[data-h-rohling] .h-gruppe.offen .h-pfeil{transform:rotate(180deg)}
[data-h-rohling] .h-kinder{display:none;flex-direction:column}
[data-h-rohling] .h-gruppe.offen .h-kinder{display:flex}
[data-h-rohling] .h-trenner{height:1px;margin:6px 0;background:color-mix(in srgb,var(--h-navigation) 18%,transparent)}
[data-h-rohling] .h-leiste-fuss{flex:none;height:56px;display:flex;align-items:center;gap:14px;padding-left:21px}
[data-h-rohling] .h-symbol{width:40px;height:40px;min-height:0;padding:0;border:0;border-radius:10px;display:grid;place-items:center;background:none;box-shadow:none;color:var(--h-navigation);cursor:pointer;transition:background-color 150ms,color 150ms}
[data-h-rohling] .h-symbol:hover{color:var(--h-akzent);background:color-mix(in srgb,var(--h-akzent) 7%,transparent)}
[data-h-rohling] .h-symbol[aria-disabled="true"]{opacity:.35;cursor:not-allowed;background:none;color:var(--h-text)}
[data-h-rohling] .h-symbol svg{width:24px;height:24px}
[data-h-rohling] .h-schublade-schleier{display:none}
[data-h-rohling] .h-inhalt{flex:1 1 auto;min-width:0;height:calc(100dvh - 96px);overflow:auto;padding:24px 32px;box-sizing:border-box}
[data-h-rohling] .h-inhalt>.h-fuss{margin-top:40px;padding:16px 0 0}
[data-h-rohling] .h-ecke{position:fixed;top:18px;right:24px;z-index:50;display:flex;align-items:center;gap:12px}
/* Zeiten und Profil-Knopf oben rechts (Vorbild LOS MAIN, Richard 01.11.2026) */
.h-uhren{display:flex;border-radius:12px;background:var(--h-grund);box-shadow:var(--h-leicht);overflow:hidden}
.h-uhr{display:flex;flex-direction:column;align-items:flex-end;padding:7px 16px;font-size:13px;line-height:1.35;color:var(--h-neben);white-space:nowrap}
.h-uhr+.h-uhr{border-left:1px solid color-mix(in srgb,var(--h-navigation) 14%,transparent)}
.h-uhr b{font-weight:600;color:var(--h-navigation)}
.h-profil-knopf{display:inline-flex;align-items:center;gap:10px;min-height:0;height:50px;padding:0 12px 0 8px;margin:0;border:0;border-radius:12px;background:var(--h-grund);box-shadow:var(--h-leicht);color:var(--h-navigation);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.h-profil-knopf:hover{color:var(--h-akzent)}
.h-profil-knopf .h-profilbild{width:34px;height:34px}
.h-profil-knopf-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-profil-knopf-pfeil{width:16px;height:16px;flex:none}
img.h-profilbild{object-fit:cover;background:var(--h-flaeche)}
.h-profil-uhren{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0 0 16px}
.h-profil-uhr{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:12px;background:var(--h-grund);box-shadow:var(--h-leicht);color:var(--h-navigation);text-align:center}
.h-profil-uhr svg{width:26px;height:26px}
.h-profil-uhr b{font-size:18px;font-weight:600}
.h-profil-uhr span{font-size:11px;color:var(--h-neben)}
.h-popup .h-sprache{margin:0 0 14px}
@media (max-width:1279px){.h-uhren .h-uhr:not(:last-child){display:none}}
@media (max-width:1023px){.h-uhren{display:none}.h-profil-knopf{height:40px;padding:0 6px}.h-profil-knopf-name,.h-profil-knopf-pfeil{display:none}}
[data-h-rohling] .h-projekt{display:flex;align-items:center;gap:6px;max-width:220px;padding:6px 12px;border-radius:12px;background:var(--h-grund);box-shadow:var(--h-leicht);font-size:12px;font-weight:700;color:var(--h-text)}
[data-h-rohling] .h-projekt svg{width:14px;height:14px;flex:none;color:var(--h-akzent)}
[data-h-rohling] .h-projekt span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.h-popup .h-sprache{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--h-grund);box-shadow:var(--h-vertieft)}
.h-popup .h-sprache button{min-height:0;padding:4px 10px;margin:0;border:0;border-radius:8px;background:none;box-shadow:none;font:inherit;font-size:11px;font-weight:700;color:var(--h-neben);cursor:pointer}
.h-popup .h-sprache button[aria-pressed="true"]{background:var(--h-akzent);color:var(--h-akzent-text)}
@media (min-width:1024px){
html[data-h-rohling][data-h-eingeklappt="1"] .h-leiste{width:116px}
html[data-h-rohling][data-h-eingeklappt="1"] .h-zeile-text,html[data-h-rohling][data-h-eingeklappt="1"] .h-zeile .h-pfeil,html[data-h-rohling][data-h-eingeklappt="1"] .h-gruppe .h-kinder,html[data-h-rohling][data-h-eingeklappt="1"] .h-leiste-fuss .h-symbol:not(.h-symbol-chat){display:none}
html[data-h-rohling][data-h-eingeklappt="1"] .h-leiste-fuss{padding-left:38px}
html[data-h-rohling][data-h-eingeklappt="1"] .h-gruppe.offen{background:none;box-shadow:none;padding:0;margin:0}
html[data-h-rohling][data-h-eingeklappt="1"] .h-gruppe.mit-aktiv>.h-zeile{background:color-mix(in srgb,var(--h-akzent) 16%,transparent);color:var(--h-akzent)}
}
@media (max-width:1023px){
[data-h-rohling] .h-oben{height:64px;padding:0 calc(var(--h-ecke-breite,84px) + 24px) 0 12px;--h-marke:28px}
[data-h-rohling] .h-einklappen{order:-1;margin:0 14px 0 0}
[data-h-rohling] .h-titel{display:none}
[data-h-rohling] .h-koerper{padding-top:64px}
[data-h-rohling] .h-leiste{position:fixed;left:0;top:64px;z-index:45;width:min(316px,86vw);height:calc(100dvh - 64px);transform:translateX(-105%);transition:transform 220ms ease}
[data-h-schublade="offen"] .h-leiste{transform:none}
[data-h-schublade="offen"] .h-schublade-schleier{display:block;position:fixed;inset:64px 0 0;z-index:44;background:color-mix(in srgb,var(--h-text) 30%,transparent)}
[data-h-rohling] .h-inhalt{height:calc(100dvh - 64px);padding:16px}
[data-h-rohling] .h-ecke{top:14px;right:12px}
[data-h-rohling] .h-projekt{display:none}
}
@media (max-width:480px){[data-h-rohling] .h-oben{--h-marke:20px}[data-h-rohling] .h-einklappen{margin-right:10px}}
/* Profilbild und Einstellungs-Symbol (Daten aus dem UMS) */
.h-profilbild{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--h-akzent);color:var(--h-akzent-text);font-size:12px;font-weight:700;line-height:1;overflow:hidden;white-space:nowrap}
.h-profilbild.mit-icon{font-size:18px}
.h-einstellungen{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;color:var(--h-text)}
.h-einstellungen:hover,.h-einstellungen:focus-visible{color:var(--h-akzent);background:color-mix(in srgb,var(--h-akzent) 7%,transparent)}
.h-einstellungen svg{width:20px;height:20px}
.h-kopf-person{display:inline-flex;align-items:center;gap:8px}
.h-profil-kopf{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.h-profil-kopf .h-profilbild{width:44px;height:44px;font-size:15px}
.h-profil-kopf .h-profilbild.mit-icon{font-size:24px}
.h-profil-kopf .h-profil-name{flex:1 1 auto;min-width:0;margin:0}
/* Popup (Klick daneben oder Esc schliesst) und Rueckmeldung unten rechts */
.h-schleier{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--h-text) 30%,transparent)}
.h-popup{width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:24px;border-radius:var(--h-radius-karte);background:var(--h-grund);box-shadow:var(--h-ueberlagerung);color:var(--h-text);font-size:14px}
.h-popup-breit{width:min(760px,100%)}
.h-popup select{display:block;width:100%;margin:0 0 14px}
.h-frage-text{margin:0 0 12px}
.h-frage input{display:block;width:100%;box-sizing:border-box;min-height:40px;padding:8px 12px;border:var(--h-rand);border-radius:var(--h-radius-feld);background:var(--h-grund);color:var(--h-text);box-shadow:var(--h-vertieft);font:inherit}
.h-frage-knoepfe{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}
.h-profil-name{margin:0 0 16px;display:flex;flex-direction:column}
.h-profil-name span{color:var(--h-neben);font-size:13px}
.h-profil-links{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.h-profil-links a{text-decoration:none;min-height:36px;display:flex;align-items:center}
.h-meldungen{position:fixed;right:24px;bottom:24px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.h-meldung{max-width:360px;padding:10px 14px;border-radius:12px;background:var(--h-grund);box-shadow:var(--h-erhaben);border-left:4px solid var(--h-gut);font-size:13px}
.h-meldung.fehler{border-left-color:var(--h-fehler);color:var(--h-fehler)}
.h-meldung.hinweis{border-left-color:var(--h-warnung)}
/* Bausteine fuer den Inhalt (CI Abschnitte 3, 9, 11, 17) */
.h-seitenkopf{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin:0 0 24px}
.h-seitenkopf-text{flex:1 1 320px;min-width:0}
.h-seitenkopf h1{font-size:18px;font-weight:700;margin:0 0 4px}
.h-seitenkopf p{margin:0;font-size:13px;color:var(--h-neben)}
.h-seitenkopf-aktionen{display:flex;flex-wrap:wrap;gap:8px}
.h-zurueck{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 14px;border-radius:var(--h-radius-knopf,12px);background:var(--h-grund);box-shadow:var(--h-leicht);color:var(--h-text);font-size:13px;text-decoration:none;cursor:pointer}
.h-zurueck::before{content:"←";font-size:15px;line-height:1}
.h-zurueck:hover{color:var(--h-akzent)}
.h-zurueck svg{display:none}
.h-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--h-akzent);margin:0 0 6px}
.h-kartentitel{font-size:14px;font-weight:700;margin:0 0 8px}
.h-erklaerung{font-size:10px;color:var(--h-neben)}
/* Kachelabstand (Richard, 03.11.2026): zwischen Kacheln, Karten und Tabellenkarten überall derselbe Abstand (wie LOS MAIN), damit die Schatten sauber stehen.
   Nebeneinander regelt ihn der Raster (gap), untereinander die Regel für aufeinanderfolgende Karten; eine Seite braucht keinen eigenen Abstand. */
:root{--h-abstand-kachel:20px}
.h-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--h-abstand-kachel)}
:is(.h-karte,.h-tabellenkarte,.h-raster)+:is(.h-karte,.h-tabellenkarte,.h-raster){margin-top:var(--h-abstand-kachel)}
:is(.h-raster,.h-dashboard)>:is(.h-karte,.h-tabellenkarte,.h-raster)+:is(.h-karte,.h-tabellenkarte,.h-raster){margin-top:0}
/* Startseite je Tool (Richard, 03.11.2026): große Fläche mit zweifarbiger Überschrift und dunkler Stichwortspalte, Kennzahl-Kacheln, Leitsatz; Farben, Schrift und Rundungen kommen aus dem Design des Kunden */
.h-start{display:flex;flex-direction:column;gap:var(--h-abstand-kachel);width:100%}
.h-held{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.3fr);border-radius:var(--h-radius-karte);overflow:hidden;background:var(--h-flaeche);border:var(--h-rand);box-shadow:var(--h-erhaben);min-height:min(64vh,460px)}
.h-held-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:clamp(24px,5vw,56px)}
.h-held-links::before{content:"";width:56px;height:4px;background:var(--h-akzent)}
.h-held-kurz{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--h-akzent)}
.h-held h1{margin:0;font-size:clamp(34px,5.4vw,68px);font-weight:800;line-height:1.04;letter-spacing:-.02em;color:var(--h-text)}
.h-held h1 span{color:var(--h-akzent)}
.h-held-text{margin:0;max-width:62ch;font-size:clamp(15px,1.5vw,18px);line-height:1.65;color:var(--h-neben)}
.h-held-stand{margin:0;font-size:12px;color:var(--h-neben)}
.h-held-fach{list-style:none;margin:0;padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;justify-content:flex-end;gap:0;background:var(--h-navigation);color:var(--h-grund)}
.h-held-fach li{padding:16px 0;border-top:1px solid color-mix(in srgb,var(--h-grund) 30%,transparent);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.h-start-zahlen{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.h-start a.h-knopf{text-decoration:none}
.h-kennzahl{display:flex;flex-direction:column;gap:6px;padding:20px 24px}
.h-kennzahl-wert{font-size:clamp(30px,3.4vw,44px);font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}
.h-kennzahl-text{font-size:12px;color:var(--h-neben)}
.h-kennzahl.hervor{background:var(--h-navigation);color:var(--h-grund)}
.h-kennzahl.hervor .h-label,.h-kennzahl.hervor .h-kennzahl-text{color:inherit;opacity:.85}
.h-leitsatz{margin:8px 0 0;font-size:clamp(26px,4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--h-text)}
.h-leitsatz span{color:var(--h-akzent)}
@media (max-width:900px){.h-held{grid-template-columns:minmax(0,1fr)}.h-held-fach{flex-direction:row;flex-wrap:wrap;gap:0 24px}.h-held-fach li{border-top:0}}
/* Tabelle nach LOS MAIN (Richard, 03.11.2026): 14 px, Kopf fett in normaler Schrift, dünne Linien statt Streifen, Zahlen rechts, Auswahlhaken links.
   Im Kartenrahmen .h-tabellenkarte mit Titelzeile (.h-tabellenkopf, Menü „···“ rechts), Suchfeld (.h-tabellensuche) und waagerecht scrollbarem .h-tabellenrahmen. */
.h-tabelle{width:100%;border-collapse:collapse;font-size:14px;line-height:1.35;color:var(--h-text)}
.h-tabelle th{font-size:14px;font-weight:700;color:var(--h-text);text-align:left;vertical-align:middle;padding:14px 12px;border-bottom:1px solid var(--h-linie)}
.h-tabelle td{padding:14px 12px;vertical-align:middle;border-bottom:1px solid var(--h-linie)}
.h-tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums}
.h-tabelle .h-spalte-auswahl{width:44px;padding-right:0}
.h-tabelle .h-nebentext{color:var(--h-neben)}
.h-tabelle input[type=checkbox]:not(.h-schalter){box-shadow:none}
.h-tabellenkarte{background:var(--h-flaeche);border:var(--h-rand);border-radius:var(--h-radius-karte);box-shadow:var(--h-erhaben);overflow:hidden}
.h-tabellenkopf{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;font-size:15px;font-weight:700;color:var(--h-text);border-bottom:1px solid var(--h-linie)}
.h-tabellenkopf button{min-height:0;padding:2px 6px;border:0;background:none;box-shadow:none;color:var(--h-neben);font:inherit;font-weight:700;cursor:pointer}
.h-tabellensuche{padding:14px 16px 4px}
.h-tabellensuche input{width:min(100%,280px);min-height:36px;padding:6px 12px;border:0;border-radius:var(--h-radius-feld,10px);background:var(--h-grund);box-shadow:var(--h-vertieft);color:var(--h-text);font:inherit;font-size:14px}
.h-tabellenrahmen{overflow-x:auto;padding:0 4px 4px}
.h-pille{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--h-grund);box-shadow:var(--h-leicht);font-size:13px;font-weight:600;color:var(--h-akzent);white-space:nowrap}
.h-pille.gut{color:var(--h-gut)}.h-pille.warnung{color:color-mix(in srgb,var(--h-warnung) 75%,var(--h-text))}.h-pille.fehler{color:var(--h-fehler)}
/* Klickbare Zeilen (Richard, 03.11.2026): die ganze Zeile öffnet das Detail, ein Klick genügt; Auszeichnung mit data-href oder HeurekaRahmen.zeilenKlick */
.h-tabelle tr.h-zeile-klick,.h-tabelle tbody tr[data-href],.h-tabelle tbody tr[data-h-auto]{cursor:pointer}
.h-tabelle tr.h-zeile-klick:hover,.h-tabelle tbody tr[data-href]:hover,.h-tabelle tbody tr[data-h-auto]:hover{background:color-mix(in srgb,var(--h-akzent) 12%,transparent)}
.h-tabelle tr.h-zeile-klick:focus-visible,.h-tabelle tbody tr[data-href]:focus-visible,.h-tabelle tbody tr[data-h-auto]:focus-visible{outline:2px solid var(--h-akzent);outline-offset:-2px}
.h-knopf{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border:0;border-radius:var(--h-radius-knopf,12px);background:var(--h-grund);box-shadow:var(--h-leicht);color:var(--h-text);font:inherit;font-size:13px;cursor:pointer}
.h-knopf:active{box-shadow:var(--h-vertieft)}
.h-knopf-haupt{background:var(--h-akzent);color:var(--h-akzent-text);font-weight:600}
.h-knopf:disabled{opacity:.5;cursor:default}

/* Optionsfeld (Radio): Ring, gewählt mit Punkt in Akzentfarbe, weicher Hof beim Überfahren und Fokus */
input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0;padding:0;border:2px solid color-mix(in srgb,var(--h-navigation) 45%,transparent);border-radius:50%;background:var(--h-grund);box-shadow:none;display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;transition:border-color 150ms,box-shadow 150ms}
input[type=radio]::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--h-akzent);transform:scale(0);transition:transform 150ms}
input[type=radio]:checked{border-color:var(--h-akzent)}
input[type=radio]:checked::before{transform:scale(1)}
/* Haken (Checkbox): abgerundetes Quadrat, gewählt gefüllt in Akzentfarbe mit weißem Haken */
input[type=checkbox]:not(.h-schalter){-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0;padding:0;border:2px solid color-mix(in srgb,var(--h-navigation) 45%,transparent);border-radius:6px;background:var(--h-grund);box-shadow:none;display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;transition:background-color 150ms,border-color 150ms,box-shadow 150ms}
input[type=checkbox]:not(.h-schalter)::before{content:"";width:12px;height:12px;background:var(--h-akzent-text);transform:scale(0);transition:transform 150ms;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
input[type=checkbox]:not(.h-schalter):checked{background:var(--h-akzent);border-color:var(--h-akzent)}
input[type=checkbox]:not(.h-schalter):checked::before{transform:scale(1)}
input[type=checkbox]:not(.h-schalter):indeterminate{background:var(--h-akzent);border-color:var(--h-akzent)}
input[type=checkbox]:not(.h-schalter):indeterminate::before{transform:scale(1);height:3px;border-radius:2px;-webkit-mask:none;mask:none}
input[type=radio]:hover:not(:disabled),input[type=checkbox]:hover:not(:disabled){border-color:var(--h-akzent);box-shadow:0 0 0 5px color-mix(in srgb,var(--h-akzent) 10%,transparent)}
input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--h-akzent) 30%,transparent)}
input[type=radio]:disabled,input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
/* Beschriftete Auswahl: Feld und Text in einer Zeile, ganze Zeile klickbar */
.h-option{display:flex;align-items:center;gap:12px;min-height:36px;margin:2px 0;cursor:pointer;font-size:14px;font-weight:400;color:var(--h-text)}
.h-option-gruppe{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;padding:0;border:0}
.h-option-gruppe legend{font-size:13px;font-weight:600;color:var(--h-neben);margin:0 0 6px;padding:0}
.h-option:has(input:disabled){opacity:.55;cursor:not-allowed}
/* Schalter (an/aus, z. B. Animation, Monitor-Modus): wie LOS MAIN */
input[type=checkbox].h-schalter{-webkit-appearance:none;appearance:none;flex:none;position:relative;width:40px;height:22px;margin:0;border:0;border-radius:11px;background:color-mix(in srgb,var(--h-navigation) 25%,transparent);box-shadow:var(--h-vertieft);cursor:pointer;transition:background-color 200ms}
input[type=checkbox].h-schalter::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--h-licht);box-shadow:0 1px 3px color-mix(in srgb,var(--h-schatten) 80%,transparent);transition:transform 200ms}
input[type=checkbox].h-schalter:checked{background:var(--h-akzent)}
input[type=checkbox].h-schalter:checked::before{transform:translateX(18px)}
input[type=checkbox].h-schalter:focus-visible{outline:none;box-shadow:var(--h-vertieft),0 0 0 4px color-mix(in srgb,var(--h-akzent) 30%,transparent)}
input[type=checkbox].h-schalter:disabled{opacity:.45;cursor:not-allowed}
/* Text-, Zahlen- und Auswahlfelder: eingedrückt (Heureka) bzw. mit feiner Linie (flaches Kunden-Design) */
.h-feld,.h-auswahl{display:block;width:100%;box-sizing:border-box;min-height:40px;padding:8px 12px;margin:0;border:var(--h-rand);border-radius:var(--h-radius-feld);background:var(--h-grund);box-shadow:var(--h-vertieft);color:var(--h-text);font:inherit;font-size:14px;transition:box-shadow 150ms}
.h-feld::placeholder{color:color-mix(in srgb,var(--h-neben) 70%,transparent)}
.h-feld:focus,.h-auswahl:focus{outline:none;box-shadow:var(--h-vertieft),0 0 0 2px var(--h-akzent)}
.h-feld:disabled,.h-auswahl:disabled{opacity:.55;cursor:not-allowed}
.h-feld[aria-invalid=true],.h-auswahl[aria-invalid=true]{box-shadow:var(--h-vertieft),0 0 0 2px var(--h-fehler)}
.h-feld[type=number]{-moz-appearance:textfield;text-align:right;font-variant-numeric:tabular-nums}
.h-feld[type=number]::-webkit-inner-spin-button,.h-feld[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
textarea.h-feld{min-height:96px;resize:vertical;line-height:1.5}
.h-auswahl{-webkit-appearance:none;appearance:none;padding-right:36px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--h-neben) 50%),linear-gradient(135deg,var(--h-neben) 50%,transparent 50%);
  background-position:calc(100% - 19px) 52%,calc(100% - 14px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.h-feld-label{display:block;margin:12px 0 6px;font-size:13px;font-weight:600;color:var(--h-neben)}
.h-feld-hilfe{margin:4px 0 0;font-size:12px;color:var(--h-neben)}
.h-feld-fehler{margin:4px 0 0;font-size:12px;color:var(--h-fehler)}
/* Knöpfe: Standard (erhaben), Haupt (Akzent), Gefahr, Leise (nur Text); beim Drücken eingedrückt */
.h-knopf{justify-content:center;transition:box-shadow 150ms,color 150ms}
.h-knopf:hover:not(:disabled){color:var(--h-akzent)}
.h-knopf-haupt:hover:not(:disabled){color:var(--h-akzent-text);filter:brightness(1.06)}
.h-knopf-gefahr{color:var(--h-fehler)}
.h-knopf-gefahr:hover:not(:disabled){color:var(--h-fehler);box-shadow:var(--h-leicht),0 0 0 1px var(--h-fehler)}
.h-knopf-leise{background:none;box-shadow:none;color:var(--h-akzent);padding:6px 8px}
.h-knopf:focus-visible{outline:none;box-shadow:var(--h-leicht),0 0 0 3px color-mix(in srgb,var(--h-akzent) 35%,transparent)}
.h-knopf svg{width:16px;height:16px;flex:none}
/* Segmente (eine aus wenigen, z. B. Zeitraum) und Reiter (Bereiche einer Seite) */
.h-segment{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--h-grund);box-shadow:var(--h-vertieft)}
.h-segment button{min-height:30px;padding:4px 12px;margin:0;border:0;border-radius:8px;background:none;box-shadow:none;font:inherit;font-size:12px;font-weight:600;color:var(--h-neben);cursor:pointer}
.h-segment button[aria-pressed=true]{background:var(--h-akzent);color:var(--h-akzent-text)}
.h-reiter{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0 0 16px;border-bottom:1px solid color-mix(in srgb,var(--h-navigation) 15%,transparent)}
.h-reiter a,.h-reiter button{display:inline-flex;align-items:center;min-height:36px;padding:0;margin:0 0 -1px;border:0;border-bottom:2px solid transparent;background:none;box-shadow:none;font:inherit;font-size:14px;font-weight:500;color:var(--h-neben);text-decoration:none;cursor:pointer}
.h-reiter [aria-current=page],.h-reiter [aria-selected=true]{color:var(--h-akzent);font-weight:600;border-bottom-color:var(--h-akzent)}
/* Ampel und Zustände: grün belastbar, gelb mit Einschränkung, rot nicht verwenden */
.h-ampel{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}
.h-ampel::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.h-ampel.gut{color:var(--h-gut)}.h-ampel.warnung{color:color-mix(in srgb,var(--h-warnung) 75%,var(--h-text))}.h-ampel.fehler{color:var(--h-fehler)}
.h-chip.gut{color:var(--h-gut)}.h-chip.warnung{color:color-mix(in srgb,var(--h-warnung) 75%,var(--h-text))}.h-chip.fehler{color:var(--h-fehler)}
/* Fortschritt, Laden, leerer Zustand */
.h-balken{height:10px;border-radius:5px;background:var(--h-grund);box-shadow:var(--h-vertieft);overflow:hidden}
.h-balken>span{display:block;height:100%;border-radius:5px;background:var(--h-akzent);transition:width 250ms}
.h-laden{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--h-neben)}
.h-laden::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;border:2px solid color-mix(in srgb,var(--h-akzent) 25%,transparent);border-top-color:var(--h-akzent);animation:h-drehen .8s linear infinite}
@keyframes h-drehen{to{transform:rotate(360deg)}}
.h-leer{padding:24px;border-radius:var(--h-radius-karte);box-shadow:var(--h-vertieft);text-align:center;font-size:13px;color:var(--h-neben)}
/* Breite der Seitenleiste (Einstellung in maintenance, gilt für alle Tools) */
@media (min-width:1024px){
/* Strich neben dem Logo steht in Verlängerung der Seitenleiste, also genau an deren rechter Kante (Richard, 04.11.2026) */
html{--h-leiste-w:316px}html[data-h-eingeklappt="1"]{--h-leiste-w:116px}
html[data-h-leiste=schlank]{--h-leiste-w:248px}html[data-h-leiste=schlank][data-h-eingeklappt="1"]{--h-leiste-w:72px}
html[data-h-leiste=kompakt]{--h-leiste-w:220px}html[data-h-leiste=kompakt][data-h-eingeklappt="1"]{--h-leiste-w:64px}
html[data-h-leiste=symbol],html[data-h-leiste=symbol][data-h-eingeklappt]{--h-leiste-w:72px}
[data-h-rohling]:not([data-h-rohling=kopfzeile]) .h-oben .h-marke{display:grid;grid-template-columns:minmax(max-content,calc(var(--h-leiste-w) - 33px)) 2px auto;align-items:center}
[data-h-rohling]:not([data-h-rohling=kopfzeile]) .h-oben .h-marke-strich{margin-left:0;margin-right:0}
[data-h-rohling]:not([data-h-rohling=kopfzeile]) .h-oben .h-marke-strich+*{margin-left:calc(var(--h-marke,28px) * .4)}
html[data-h-leiste=schlank] .h-leiste{width:248px}
html[data-h-leiste=schlank] .h-nav{padding:8px 16px 16px}
html[data-h-leiste=schlank] .h-zeile{padding-left:14px}
html[data-h-leiste=schlank] .h-zeile-unter{padding-left:56px}
html[data-h-leiste=schlank] .h-leiste-fuss{padding-left:12px}
html[data-h-leiste=schlank][data-h-eingeklappt="1"] .h-leiste{width:72px}
html[data-h-leiste=schlank][data-h-eingeklappt="1"] .h-zeile{padding:0 8px}
html[data-h-leiste=kompakt] .h-leiste{width:220px}
html[data-h-leiste=kompakt] .h-nav{padding:6px 12px 12px;gap:4px}
html[data-h-leiste=kompakt] .h-zeile{height:44px;padding-left:10px;gap:14px;font-size:15px}
html[data-h-leiste=kompakt] .h-zeile-unter{padding-left:48px;font-size:14px}
html[data-h-leiste=kompakt] .h-leiste-fuss{padding-left:8px;gap:8px}
html[data-h-leiste=kompakt][data-h-eingeklappt="1"] .h-leiste{width:64px}
html[data-h-leiste=kompakt][data-h-eingeklappt="1"] .h-zeile{padding:0 8px}
/* Seitenleisten-Stil „Office“ (Richard, 04.11.2026): Aufbau der bisherigen Office-Leiste als zweite Wahl neben dem Template; jede Person wählt im Profil-Menü */
html[data-h-leistenstil=office]{--h-leiste-w:220px}html[data-h-leistenstil=office][data-h-eingeklappt="1"]{--h-leiste-w:64px}
html[data-h-leistenstil=office] .h-leiste{width:220px;background:var(--h-grund);box-shadow:none;border-right:1px solid var(--h-linie)}
html[data-h-leistenstil=office][data-h-eingeklappt="1"] .h-leiste{width:64px}
html[data-h-leistenstil=office] .h-nav{padding:16px;gap:4px}
html[data-h-leistenstil=office] .h-zeile{height:auto;min-height:40px;padding:10px 16px;gap:12px;font-size:14px;font-weight:500;color:var(--h-text);border-radius:8px}
html[data-h-leistenstil=office] .h-zeile svg{width:18px;height:18px}
html[data-h-leistenstil=office] .h-zeile:hover{background:none;color:var(--h-akzent)}
html[data-h-leistenstil=office] .h-zeile[aria-current="page"]{background:var(--h-grund);color:var(--h-akzent);font-weight:500;box-shadow:inset 2px 2px 4px color-mix(in srgb,var(--h-schatten) 70%,transparent),inset -2px -2px 4px color-mix(in srgb,var(--h-licht) 85%,transparent)}
html[data-h-leistenstil=office] .h-gruppe>.h-zeile{margin-top:12px;padding:6px 16px;min-height:0;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:default;pointer-events:none}
html[data-h-leistenstil=office] .h-gruppe>.h-zeile svg,html[data-h-leistenstil=office] .h-zeile .h-pfeil{display:none}
html[data-h-leistenstil=office] .h-gruppe .h-kinder{display:flex}
html[data-h-leistenstil=office] .h-gruppe.offen{padding:0;margin:0;background:none;box-shadow:none}
html[data-h-leistenstil=office] .h-gruppe.offen>.h-zeile{color:var(--h-text);font-weight:700}
html[data-h-leistenstil=office] .h-zeile-unter{padding-left:16px;margin-top:0;font-size:14px;font-weight:500}
html[data-h-leistenstil=office][data-h-eingeklappt="1"] .h-gruppe>.h-zeile{display:none}
html[data-h-leistenstil=office] .h-leiste-fuss{padding-left:12px;gap:8px}
html[data-h-leiste=symbol] .h-leiste{position:fixed;left:0;top:96px;width:72px;z-index:45}
html[data-h-leiste=symbol] .h-inhalt{margin-left:72px}
html[data-h-leiste=symbol][data-h-eingeklappt] .h-leiste{width:72px}
html[data-h-leiste=symbol] .h-nav{padding:8px 16px 16px}
html[data-h-leiste=symbol] .h-zeile{padding:0 8px}
html[data-h-leiste=symbol][data-h-eingeklappt] .h-leiste:is(:hover,:focus-within){width:248px;box-shadow:12px 0 24px color-mix(in srgb,var(--h-schatten) 55%,transparent)}
html[data-h-leiste=symbol] .h-leiste:is(:hover,:focus-within) .h-zeile{padding-left:14px}
html[data-h-leiste=symbol] .h-leiste:is(:hover,:focus-within) .h-zeile-unter{padding-left:56px}
html[data-h-leiste=symbol] .h-leiste:not(:hover):not(:focus-within) :is(.h-zeile-text,.h-pfeil,.h-kinder,.h-leiste-fuss){display:none}
html[data-h-leiste=symbol] .h-leiste:not(:hover):not(:focus-within) .h-gruppe.offen{background:none;box-shadow:none;padding:0;margin:0}
html[data-h-leiste=symbol] .h-leiste-fuss{padding-left:12px}
}
/* Profil-Leiste rechts wie LOS MAIN (Richard, 01.11.2026) */
.h-profil-knopf[aria-expanded=true] .h-profil-knopf-pfeil{transform:rotate(180deg)}
.h-panel{position:fixed;top:104px;right:24px;bottom:16px;z-index:55;width:min(360px,calc(100vw - 32px));box-sizing:border-box;display:flex;flex-direction:column;gap:14px;padding:18px 18px 12px;overflow:auto;border-radius:var(--h-radius-karte);background:var(--h-grund);box-shadow:var(--h-ueberlagerung);color:var(--h-navigation);font-size:14px}
.h-panel-gruss p{margin:0;font-size:16px;color:var(--h-navigation)}
.h-panel-gruss b{font-weight:600}
.h-panel-gruss span{display:block;margin-top:1px;font-size:11px;color:var(--h-neben)}
.h-panel-uhren{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.h-panel-uhr{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;border-radius:12px;background:var(--h-grund);box-shadow:var(--h-leicht);text-align:center;min-width:0}
.h-panel-uhr svg{width:22px;height:22px}
.h-panel-uhr b{font-size:15px;font-weight:600;color:var(--h-navigation)}
.h-panel-uhr span{font-size:11px;color:var(--h-neben);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-panel-schalter{display:flex;flex-direction:column;padding:4px 14px;border-radius:12px;background:color-mix(in srgb,var(--h-akzent) 16%,transparent)}
.h-panel-zeile[hidden]{display:none}
.h-panel-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin:0;font-size:13px;font-weight:600;color:var(--h-navigation);cursor:pointer}
.h-panel-zeile .h-auswahl{width:auto;max-width:60%;min-height:30px;padding-top:3px;padding-bottom:3px;font-size:12px;font-weight:500}
.h-panel-zeile .h-segment button{min-height:24px;padding:2px 8px;font-size:11px}
.h-panel-liste{display:flex;flex-direction:column;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--h-navigation) 12%,transparent)}
.h-panel-liste a{display:flex;align-items:center;gap:14px;min-height:38px;padding:0 6px;border-radius:9px;color:var(--h-navigation);text-decoration:none;font-size:13px}
.h-panel-liste a:hover{background:color-mix(in srgb,var(--h-akzent) 7%,transparent);color:var(--h-akzent)}
.h-panel-liste svg{width:18px;height:18px;flex:none}
.h-panel-shortcuts{display:flex;justify-content:center;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--h-navigation) 12%,transparent)}
@media (max-width:1023px){.h-panel{top:72px;right:12px}}
/* Monitor-Modus: nur Anzeige, keine Bearbeitung (z. B. Bildschirm im Lager); Kontrast-Modus: kräftigere Linien und Nebenschrift */
html[data-h-monitor="1"] .h-inhalt :is(input,select,textarea,button,.h-knopf){pointer-events:none}
html[data-h-kontrast="1"]{--h-linie:var(--h-text);--h-neben:var(--h-text);--h-schatten:color-mix(in srgb,var(--h-text) 55%,transparent)}
html[data-h-kontrast="1"] .h-tabelle td,html[data-h-kontrast="1"] .h-tabelle th{border-bottom:1px solid var(--h-linie)}
/* KPI-Dashboard (Richard, 01.11.2026): passt immer auf eine Bildschirmseite, kein Scrollen. Kacheln teilen sich Breite und Höhe. */
.h-dashboard{display:grid;gap:var(--h-abstand-kachel);height:calc(100dvh - 96px - 48px);grid-template-columns:repeat(var(--h-spalten,3),minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}
.h-dashboard>*{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:16px 20px}
.h-kachel-kopf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:15px;font-weight:600;color:var(--h-text)}
.h-kachel-kopf button{min-height:0;padding:2px 6px;border:0;background:none;box-shadow:none;color:var(--h-neben);font:inherit;font-weight:700;cursor:pointer}
.h-dashboard .h-kachel-gross{grid-column:span 2;grid-row:span 2}
.h-dashboard .h-kachel-breit{grid-column:span 2}
.h-dashboard .h-kachel-hoch{grid-row:span 2}
.h-dashboard canvas,.h-dashboard svg{flex:1 1 auto;min-height:0;width:100%}
@media (max-width:1023px){.h-dashboard{height:auto;grid-template-columns:minmax(0,1fr);overflow:visible}.h-dashboard>*{min-height:260px}.h-dashboard .h-kachel-gross,.h-dashboard .h-kachel-breit,.h-dashboard .h-kachel-hoch{grid-column:auto;grid-row:auto}}
/* Seiten ohne Anmeldung (Form „anmeldung“, 08.11.2026): Kopf mit Logo und Sprachwahl, Fuß mit Impressum; Farben nur aus der Palette */
[data-h-anmeldung] body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
[data-h-anmeldung] body>.h-fuss{margin-top:auto}
.h-oben-anmeldung{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 32px;box-sizing:border-box;--h-marke:36px}
.h-oben-anmeldung .h-marke-logo{height:var(--h-marke);width:auto;display:block}
.h-sprachwahl{display:flex;gap:12px}
.h-sprachwahl button{background:none;border:0;padding:4px 2px;font:inherit;color:var(--h-akzent);cursor:pointer}
.h-sprachwahl button.h-sprache-aktiv{color:var(--h-text);font-weight:600}
@media (max-width:480px){.h-oben-anmeldung{padding:0 16px;--h-marke:28px}}
/* Sofort-Gerüst (Skeleton, Schnell laden, 07.11.2026): Platzhalter für Kacheln, Diagrammrahmen und Tabellenzeilen; Farben nur aus der Palette.
   Die Bewegung (Schimmer) startet erst mit dem Attribut data-h-bewegt (Tool setzt es, wenn die Daten da sind und es wenige Datenpunkte gibt); sonst bleibt der Platzhalter ruhig. */
.h-skelett{display:block;box-sizing:border-box;border-radius:var(--h-radius,8px);background:var(--h-flaeche);border:1px solid var(--h-linie);overflow:hidden;position:relative}
.h-skelett-kachel{min-height:120px}
.h-skelett-diagramm{min-height:240px}
.h-skelett-zeile{min-height:36px;margin:0 0 6px 0}
.h-skelett[data-h-bewegt]::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--h-grund),transparent);opacity:.6;transform:translateX(-100%);animation:h-skelett-lauf 1.4s ease-in-out infinite}
@keyframes h-skelett-lauf{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.h-skelett::after{animation:none!important;display:none}}
html[data-h-animation=aus] .h-skelett::after{animation:none!important;display:none}
/* Animation aus (Profil): keine Bewegung in Rahmen und Bausteinen */
html[data-h-animation=aus] *,html[data-h-animation=aus] *::before{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){*,*::before{transition:none!important;animation-duration:0s!important}}

[data-h-rohling] .h-symbol-chat{position:relative}
.h-chat-zaehler{position:absolute;top:1px;right:-2px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:var(--h-akzent);color:var(--h-akzent-text);font-size:10px;font-weight:700;line-height:16px;text-align:center}
.h-chat-zaehler[hidden]{display:none}
[data-h-rohling] .h-symbol-chat.neu{color:var(--h-fehler)}
[data-h-rohling] .h-symbol-chat.neu .h-chat-zaehler{background:var(--h-fehler)}
@keyframes h-wackel{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}
.h-symbol-chat.wackel svg{animation:h-wackel .6s ease-in-out 4;transform-origin:50% 20%}
html[data-h-animation="aus"] .h-symbol-chat.wackel svg{animation:none}
@media (prefers-reduced-motion:reduce){.h-symbol-chat.wackel svg{animation:none}}
.h-chat{position:fixed;left:12px;bottom:68px;z-index:52;width:min(380px,calc(100vw - 24px));height:min(580px,calc(100dvh - 180px));box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--h-radius-karte);background:var(--h-grund);box-shadow:var(--h-ueberlagerung);color:var(--h-text);font-size:14px;resize:both;min-width:300px;min-height:300px;max-width:calc(100vw - 8px);max-height:calc(100dvh - 8px)}
.h-chat-kopf{cursor:move;touch-action:none;flex:none;display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 10px 8px 14px;box-sizing:border-box;border-bottom:1px solid var(--h-linie)}
.h-chat-kopf h2{flex:1;min-width:0;margin:0;font-size:15px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.h-chat-kopf small{display:block;font-size:11px;font-weight:400;color:var(--h-neben);overflow:hidden;text-overflow:ellipsis}
.h-chat .h-ikone{flex:none;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:10px;display:grid;place-items:center;background:none;box-shadow:none;color:var(--h-neben);cursor:pointer}
.h-chat .h-chat-fix[aria-pressed="true"]{color:var(--h-akzent)}
.h-chat .h-ikone:hover{color:var(--h-akzent);background:color-mix(in srgb,var(--h-akzent) 8%,transparent)}
.h-chat .h-ikone svg{width:20px;height:20px}
.h-chat-reiter{flex:none;display:flex;gap:4px;padding:8px 10px 0}
.h-chat-reiter button{flex:1;min-height:0;padding:6px 8px;border:0;border-radius:8px;background:none;box-shadow:none;font:inherit;font-size:12px;font-weight:700;color:var(--h-neben);cursor:pointer}
.h-chat-reiter button[aria-pressed="true"]{background:color-mix(in srgb,var(--h-akzent) 16%,transparent);color:var(--h-akzent)}
.h-chat-liste{flex:1;min-height:0;overflow:auto;padding:6px}
.h-chat-zeile{display:flex;align-items:center;gap:10px;width:100%;padding:10px;box-sizing:border-box;border:0;border-radius:10px;background:none;box-shadow:none;font:inherit;color:var(--h-text);text-align:left;cursor:pointer}
.h-chat-zeile:hover,.h-chat-zeile:focus-visible{background:color-mix(in srgb,var(--h-akzent) 7%,transparent)}
.h-chat-zeile .h-chat-text{flex:1;min-width:0}
.h-chat-zeile b,.h-chat-zeile span.h-chat-sub{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.h-chat-zeile span.h-chat-sub{font-size:12px;color:var(--h-neben)}
.h-chat-zeile .h-chat-anzahl{flex:none;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:var(--h-akzent);color:var(--h-akzent-text);font-size:11px;font-weight:700;line-height:20px;text-align:center}
.h-chat-leer{padding:24px 16px;color:var(--h-neben);text-align:center;line-height:1.5}
.h-chat-verlauf{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:12px}
.h-chat-nachricht{max-width:86%;align-self:flex-start;padding:8px 12px;border-radius:14px;background:color-mix(in srgb,var(--h-text) 7%,transparent);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45}
.h-chat-nachricht.eigen{align-self:flex-end;background:color-mix(in srgb,var(--h-akzent) 18%,transparent)}
.h-chat-nachricht.system{align-self:center;max-width:100%;padding:2px 8px;background:none;color:var(--h-neben);font-size:12px;text-align:center}
.h-chat-nachricht.weg{font-style:italic;color:var(--h-neben)}
.h-chat-nachricht header{display:flex;gap:6px;align-items:baseline;font-size:11px;color:var(--h-neben);white-space:normal}
.h-chat-nachricht header b{color:var(--h-text);font-size:12px}
.h-chat-nachricht a{color:var(--h-akzent)}
.h-chat-seite{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:4px;padding:4px 10px;border-radius:999px;background:var(--h-grund);box-shadow:var(--h-vertieft);font-size:12px;white-space:normal}
.h-chat-eingabe{flex:none;display:flex;flex-direction:column;gap:6px;padding:10px 10px 18px;border-top:1px solid var(--h-linie)}
.h-chat-eingabe textarea{min-height:44px;max-height:120px;resize:none;box-sizing:border-box;width:100%;padding:8px 10px;border:0;border-radius:var(--h-radius-feld);background:var(--h-grund);box-shadow:var(--h-vertieft);font:inherit;color:var(--h-text)}
.h-chat-eingabe .h-chat-aktion{display:flex;align-items:center;justify-content:space-between;gap:8px}
.h-chat-eingabe .h-chat-links{display:flex;align-items:center;gap:4px}
.h-chat-vorschau{position:relative;align-self:flex-start;max-width:100%}
.h-chat-vorschau img{display:block;max-width:160px;max-height:100px;border-radius:8px;box-shadow:var(--h-leicht)}
.h-chat-anhaenge{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start;max-width:100%}
.h-chat-anhang{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px;border:0;border-radius:999px;background:var(--h-grund);box-shadow:var(--h-vertieft);color:var(--h-text);font:inherit;font-size:12px;cursor:pointer;text-decoration:none;text-align:left}
.h-chat-anhang span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-chat-anhang .h-chat-anhang-weg{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--h-text);cursor:pointer;line-height:18px}
.h-chat-werkzeug{display:flex;align-items:center;gap:8px}
.h-chat-werkzeug .h-ikone[aria-pressed="true"]{background:color-mix(in srgb,var(--h-warnung) 60%,transparent)}
.h-chat-textfenster{max-height:60vh;overflow:auto;margin:8px 0 0;padding:10px 12px;border-radius:10px;background:var(--h-grund);box-shadow:var(--h-vertieft);white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.5;user-select:text;cursor:text}
.h-chat-textfenster.stift{cursor:crosshair}
.h-chat-textfenster mark{background:color-mix(in srgb,var(--h-warnung) 60%,transparent);color:inherit;border-radius:3px}
.h-chat-vorschau button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:var(--h-grund);box-shadow:var(--h-leicht);color:var(--h-text);cursor:pointer;line-height:20px}
.h-chat-bild{display:block;max-width:100%;max-height:220px;margin-top:4px;border-radius:8px;box-shadow:var(--h-leicht);cursor:zoom-in}
.h-chat-dialogbild{display:block;max-width:100%;max-height:80vh;margin:0 auto}
.h-chat-menue{position:absolute;right:8px;top:48px;z-index:2;display:flex;flex-direction:column;min-width:200px;padding:6px;border-radius:var(--h-radius-feld);background:var(--h-grund);box-shadow:var(--h-ueberlagerung)}
.h-chat-menue button{display:block;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;box-shadow:none;font:inherit;text-align:left;color:var(--h-text);cursor:pointer}
.h-chat-menue button:hover{background:color-mix(in srgb,var(--h-akzent) 8%,transparent)}
.h-chat-form{display:flex;flex-direction:column;gap:10px}
.h-chat-form input[type=text],.h-chat-form input[type=email],.h-chat-form input:not([type]){box-sizing:border-box;width:100%;min-height:36px;padding:6px 10px;border:0;border-radius:var(--h-radius-feld);background:var(--h-grund);box-shadow:var(--h-vertieft);font:inherit;color:var(--h-text)}
.h-chat-form .h-chat-treffer{max-height:200px;overflow:auto}
@media (max-width:600px){.h-chat{left:0;right:0;bottom:0;top:64px;width:auto;height:auto;border-radius:0;resize:none;max-width:none;max-height:none}.h-chat-kopf{cursor:default}}
@media (prefers-reduced-motion:reduce){.h-chat *{transition:none!important;animation:none!important}}