/* Hanware Web ERP - Benutzerhandbuecher auf der Website (erzeugt von src\tools\weberp_handbuecher.py - nicht von Hand aendern) */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;font-size:14px;line-height:1.6;color:#0f172a;background:#f1f5f9}
a{color:#1d4ed8}
img{max-width:100%;height:auto}
header.kopf{display:flex;align-items:center;gap:14px;padding:12px 22px;background:#1e3a5f;color:#fff}
header.kopf img{height:40px;width:40px;border:0;box-shadow:none;margin:0}
header.kopf .titel{font-size:18px;font-weight:800}
header.kopf .untertitel{font-size:12.5px;color:#cbd5e1}
header.kopf .rechts{margin-left:auto;font-size:13px}
header.kopf .rechts a{color:#bfdbfe}
main.hwe-seite{max-width:1180px;margin:0 auto;padding:16px 18px 48px}
main.hwe-seite .hs{background:transparent;padding:0;min-height:0}
.hs-head h2{margin:0}
kbd{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:4px;padding:0 5px;font-size:12px}
/* FIX 2026-10-22 20:16 HanwareWebSeite (PROMPT-2026-10-22-Website-Hilfe-Belegerfassung): eingebettetes Schulungsvideo */
video.hw-video-player{display:block;width:100%;max-width:960px;aspect-ratio:16/9;margin:0 0 10px;background:#0f172a;border:1px solid #cbd5e1;border-radius:12px}
/* Startseite */
main.hwe-start{max-width:1180px;margin:0 auto;padding:10px 22px 48px}
main.hwe-start h1{color:#1e3a5f}
main.hwe-start h2{color:#1e3a5f;font-size:18px;margin:26px 0 10px}
.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
a.karte{display:block;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;text-decoration:none;color:#0f172a}
a.karte:hover{border-color:#2563eb;box-shadow:0 4px 14px rgba(15,23,42,.08)}
a.karte h3{margin:0 0 4px;font-size:15px;color:#1e3a5f}
a.karte p{margin:0;font-size:13px;color:#475569}
a.karte .video{display:inline-block;margin-top:6px;font-size:11.5px;font-weight:700;color:#1e40af;background:#dbeafe;border-radius:999px;padding:1px 8px}
@media print{header.kopf{display:none}}

/* aus Views\Shared\_HilfeStil.cshtml */

        .oph { font-size:14px; line-height:1.6; }
        .oph h3 { font-size:18px; font-weight:800; margin:26px 0 8px; color:#1e3a5f; scroll-margin-top:90px; }
        .oph h4 { font-size:15px; font-weight:800; margin:18px 0 6px; }
        .oph img { max-width:100%; border:1px solid #cbd5e1; border-radius:8px; margin:8px 0 4px; box-shadow:0 4px 14px rgba(15,23,42,.08); }
        .oph .bu { font-size:12px; color:#64748b; margin-bottom:14px; }
        .oph table.ft { width:100%; border-collapse:collapse; margin:8px 0 14px; font-size:13.5px; }
        .oph table.ft th { background:#1e3a5f; color:#fff; text-align:left; padding:7px 10px; }
        .oph table.ft td { border-bottom:1px solid #e2e8f0; padding:7px 10px; vertical-align:top; }
        .oph table.ft td:first-child { font-weight:700; white-space:nowrap; width:210px; }
        .oph .inh { columns:2 260px; font-size:13.5px; } .oph .inh a { display:block; }
        .oph ol li, .oph ul li { margin-bottom:4px; }
        .oph .tipp { background:#eff6ff; border-left:4px solid #2563eb; padding:8px 12px; border-radius:6px; margin:10px 0; }
        .oph .achtung { background:#fffbeb; border-left:4px solid #d97706; padding:8px 12px; border-radius:6px; margin:10px 0; }
        html[data-farbschema="dunkel"] .oph h3 { color:#93c5fd; } html[data-farbschema="dunkel"] .oph table.ft td { border-color:#334155; }
        html[data-farbschema="dunkel"] .oph .tipp { background:#1e293b; } html[data-farbschema="dunkel"] .oph .achtung { background:#1e293b; }
        .gr { display:flex; flex-wrap:wrap; align-items:stretch; gap:6px; margin:12px 0 16px; }
        .gr .s { flex:1 1 150px; background:#f8fafc; border:1px solid #cbd5e1; border-radius:10px; padding:10px 12px; font-size:13px; }
        .gr .s b { display:block; color:#1e3a5f; font-size:13.5px; margin-bottom:3px; }
        .gr .s .n { display:inline-flex; width:22px; height:22px; border-radius:50%; background:#1e3a5f; color:#fff; align-items:center; justify-content:center; font-size:12px; font-weight:800; margin-right:6px; }
        .gr .p { display:flex; align-items:center; color:#94a3b8; font-size:20px; }
        .gr .s.gruen { background:#f0fdf4; border-color:#86efac; } .gr .s.rot { background:#fef2f2; border-color:#fca5a5; } .gr .s.gelb { background:#fffbeb; border-color:#fcd34d; }
        .gbox { display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin:12px 0 16px; }
        .gbox .k { background:#eff6ff; border:1px solid #93c5fd; border-radius:10px; padding:10px 12px; font-size:13px; }
        .gbox .k b { color:#1e3a5f; } .gbox .pf { font-size:26px; color:#94a3b8; text-align:center; } .gbox ul { margin:4px 0 0; padding-left:18px; }
        .fall { border:1px solid #e2e8f0; border-radius:10px; padding:10px 14px; margin:10px 0; } .fall h5 { margin:0 0 6px; font-size:14.5px; font-weight:800; color:#1e3a5f; }
        html[data-farbschema="dunkel"] .gr .s, html[data-farbschema="dunkel"] .gbox .k, html[data-farbschema="dunkel"] .fall { background:#1e293b; border-color:#334155; }
        html[data-farbschema="dunkel"] .gr .s b, html[data-farbschema="dunkel"] .gbox .k b, html[data-farbschema="dunkel"] .fall h5 { color:#93c5fd; }
        @media (max-width:700px) { .gbox { grid-template-columns:1fr; } .gbox .pf { transform:rotate(90deg); } .gr .p { transform:rotate(90deg); width:100%; justify-content:center; } }
        @media (max-width:700px) { .oph table.ft td:first-child { white-space:normal; width:auto; } }
        
        .hw-video { margin:2px 0 14px; }
        .hw-videolink { display:inline-flex; align-items:center; gap:10px; padding:9px 16px; border:1px solid #93c5fd; border-left:4px solid #1e3a5f; border-radius:10px; background:#eff6ff; color:#1e3a5f; font-weight:700; font-size:14px; text-decoration:none; }
        .hw-videolink:hover, .hw-videolink:focus { background:#dbeafe; color:#1e3a5f; text-decoration:none; }
        .hw-videolink i { font-size:22px; color:#1e3a5f; }
        .hw-videolink span { font-weight:500; color:#475569; }
        html[data-farbschema="dunkel"] .hw-videolink { background:#1e293b; border-color:#334155; border-left-color:#93c5fd; color:#93c5fd; }
        html[data-farbschema="dunkel"] .hw-videolink:hover, html[data-farbschema="dunkel"] .hw-videolink:focus { background:#273449; color:#bfdbfe; }
        html[data-farbschema="dunkel"] .hw-videolink i { color:#93c5fd; } html[data-farbschema="dunkel"] .hw-videolink span { color:#cbd5e1; }
        @media print { .hw-video { display:none; } }