:root{--hm-yellow:#ffc000;--hm-dark-blue:#1b365d;--hm-red:#c41914;--hm-gray-dark:#44546a;--hm-gray-medium:#a5a5a5;--hm-gray-light:#e7e6e6;--color-primary:var(--hm-yellow);--color-primary-hover:#e6ad00;--color-primary-active:#c90;--color-text-primary:#1d1d1d;--color-text-secondary:var(--hm-gray-dark);--color-text-muted:var(--hm-gray-medium);--color-surface-primary:#fff;--color-surface-secondary:var(--hm-gray-light);--color-surface-tertiary:#f5f5f5;--color-border-default:var(--hm-gray-medium);--color-border-light:var(--hm-gray-light);--color-error:var(--hm-red);--color-success:#2e7d32;--color-info:#1d1d1d;--font-primary:"Outfit","Arial","Helvetica",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--shadow-focus:0 0 0 3px #ffc00066;--badge-success-bg:#2e7d321a;--badge-error-bg:#c419141a;--badge-info-bg:#e7e6e6;--badge-warning-bg:#ffc000;--badge-warning-fg:#1d1d1d;--page-bg:var(--color-surface-tertiary)}[data-theme=dark]{--badge-warning-bg:#ffc000;--color-text-primary:#ffffffeb;--color-text-secondary:#ffffff9e;--color-text-muted:#ffffff73;--color-surface-primary:#262626;--color-surface-tertiary:#1d1d1d;--color-border-light:#ffffff1f;--color-border-default:#ffffff38;--color-success:#2eec96;--color-error:#ff5d5d;--color-info:#ffffffeb;--badge-success-bg:#2eec961f;--badge-error-bg:#ff5d5d1f;--badge-info-bg:#ffffff14;--badge-warning-fg:#1d1d1d;--page-bg:#1d1d1d}*{box-sizing:border-box}html,body,#app{width:100%}body{font-family:var(--font-primary);font-size:var(--text-base);background:var(--page-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;margin:0}.badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:0;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--badge-success-bg);color:var(--color-success)}.badge-error{background:var(--badge-error-bg);color:var(--color-error)}.badge-info{background:var(--badge-info-bg);color:var(--color-info)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-fg)}.tabs{border-bottom:2px solid var(--color-border-light);gap:0;display:flex}.tab{font:inherit;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:600}.tab:hover{color:var(--color-text-primary)}.tab-active{color:var(--color-text-primary);border-bottom-color:var(--hm-yellow)}.tab:focus-visible,.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.card{background:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6)}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-weight:600}.sym{border-radius:var(--radius-md);background:var(--metal);color:#fff;flex:none;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid}.sym.on-light{color:#1d1d1d}.logo-dark,[data-theme=dark] .logo-light{display:none!important}[data-theme=dark] .logo-dark{display:block!important}[data-theme=dark] .sym{box-shadow:inset 0 0 0 1px #ffffff38}[data-transparent],[data-transparent] body,[data-transparent] #app{--page-bg:transparent;background:0 0}.hm-error{padding:var(--space-6);color:var(--color-error)}.sym.sm{width:26px;height:26px;font-size:12px}.d-cards{width:100%;padding:0}.d-cards .toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.d-cards .meta{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.d-cards .grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.d-cards .card.metal{padding:var(--space-5) var(--space-6) var(--space-4);border-top:4px solid var(--metal,var(--color-border-light));flex-direction:column;display:flex}.d-cards .card.hero{border-top-color:var(--hm-yellow);grid-column:span 2}.d-cards .top{align-items:center;gap:var(--space-3);display:flex}.d-cards .nm{font-size:var(--text-lg);font-weight:600}.d-cards .unit{font-size:var(--text-xs);color:var(--color-text-secondary)}.d-cards .top .badge{margin-left:auto}.d-cards .price{font-size:var(--text-3xl);margin-top:var(--space-4);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.d-cards .hero .price{font-size:var(--text-4xl)}.d-cards .price small{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:var(--space-1);font-weight:400}.d-cards svg.spark{width:100%;height:56px;margin:var(--space-3) 0;display:block}.d-cards .hero svg.spark{height:120px}.d-cards .foot{justify-content:space-between;gap:var(--space-4);margin:auto calc(-1 * var(--space-6)) calc(-1 * var(--space-4));padding:var(--space-3) var(--space-6);background:var(--color-surface-secondary,#0000000a);border-top:1px solid var(--color-border-light);font-variant-numeric:tabular-nums;display:flex}.d-cards .foot .label{color:var(--color-text-secondary)}.d-cards .foot b{font-size:var(--text-base);margin-top:2px;font-weight:600;display:block}.d-cards .foot div:last-child{text-align:right}.d-cards footer{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-secondary)}@media (width<=560px){.d-cards{padding:0}.d-cards .grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.d-cards .card.metal{padding:var(--space-4) var(--space-3) var(--space-3)}.d-cards .sym{width:32px;height:32px;font-size:13px}.d-cards .nm{font-size:var(--text-base)}.d-cards .card:not(.hero) .top{flex-wrap:wrap}.d-cards .card:not(.hero) .top .badge{order:3;margin-left:0}.d-cards .card:not(.hero) .price{font-size:var(--text-xl)}.d-cards .card:not(.hero) .price small{display:none}.d-cards .hero .price{font-size:var(--text-3xl)}.d-cards svg.spark{height:36px}.d-cards .foot{margin:auto calc(-1 * var(--space-3)) calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3);font-size:11px}.d-cards .foot b{font-size:var(--text-sm)}.d-cards .tab{padding:10px 14px}}[data-theme=dark] .d-cards .foot{background:#ffffff0d}.d-chart{--ink:#fff;--muted:#ffffff9e;--line:#ffffff1f;--up:#2eec96;--down:#ff5d5d;width:100%;color:var(--ink);border-top:3px solid var(--hm-yellow);background:#1d1d1d;position:relative;overflow:hidden}[data-theme=dark] .d-chart{background:#000}.d-chart .in{padding:28px 32px 24px}.d-chart .tabs{scrollbar-width:none;border-bottom-color:var(--line);margin:0 0 6px;overflow-x:auto}.d-chart .tabs .tab{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;display:flex}.d-chart .tabs .tab:hover{color:#fff}.d-chart .tabs .tab i{width:10px;height:10px;box-shadow:inset 0 0 0 1px #ffffff59}.d-chart .tabs .tab-active{color:#fff}.d-chart .head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;display:flex}.d-chart .nm{color:var(--muted);font-size:15px}.d-chart .px{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:64px;font-weight:600;line-height:1}.d-chart .px small{color:var(--muted);margin-left:6px;font-size:20px;font-weight:400}.d-chart .chg{margin-top:8px;font-size:17px;font-weight:600}.d-chart .chg.up{color:var(--up)}.d-chart .chg.down{color:var(--down)}.d-chart .chg span{color:var(--muted);font-weight:400}.d-chart .ctrls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.d-chart .ranges,.d-chart .units{gap:4px;display:flex}.d-chart .units button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff38;min-width:44px;padding:8px 12px;font-size:14px;font-weight:600}.d-chart .units button:hover{border-color:var(--hm-yellow)}.d-chart .units button.on{color:#1d1d1d;background:#fff;border-color:#fff}.d-chart .units button:focus-visible,.d-chart .ranges button:focus-visible{outline:2px solid var(--hm-yellow);outline-offset:2px}.d-chart .ranges button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff38;padding:8px 14px;font-size:14px;font-weight:600}.d-chart .ranges button:hover{border-color:var(--hm-yellow)}.d-chart .ranges button.on{background:var(--hm-yellow);border-color:var(--hm-yellow);color:#1d1d1d}.d-chart .chart{touch-action:pan-y;height:340px;margin-top:18px;position:relative}.d-chart .chart svg{width:100%;height:100%;display:block;overflow:visible}.d-chart .tip{pointer-events:none;color:#1d1d1d;background:#fff;min-width:170px;padding:10px 12px;font-size:13px;position:absolute;transform:translate(-50%,-110%);box-shadow:0 4px 16px #0003}.d-chart .tip .r{font-variant-numeric:tabular-nums;justify-content:space-between;gap:14px;display:flex}.d-chart .tip .d{color:#6b6b6b;margin-bottom:4px}.d-chart .legend{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:8px;font-size:13px;display:flex}.d-chart .legend i{vertical-align:middle;width:18px;height:3px;margin-right:6px;display:inline-block}.d-chart .stats{background:var(--color-surface-primary);color:var(--color-text-primary);grid-template-columns:repeat(5,1fr);display:grid}.d-chart .stats div{border-right:1px solid var(--color-border-light);padding:16px 20px}.d-chart .stats div:last-child{border:0}.d-chart .stats span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600;display:block}.d-chart .stats b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.d-chart .foot{color:var(--color-text-secondary);background:var(--color-surface-primary);border-top:1px solid var(--color-border-light);padding:12px 32px 16px;font-size:12px}@media (width<=700px){.d-chart .in{padding:18px 16px}.d-chart .px{font-size:44px}.d-chart .chart{height:240px}.d-chart .stats{grid-template-columns:repeat(2,1fr)}.d-chart .stats div{border-bottom:1px solid var(--color-border-light)}.d-chart .foot{padding:10px 16px 14px}}.d-ticker{--tup:#2eec96;--tdown:#ff5d5d}.d-ticker .bar{border-bottom:3px solid var(--hm-yellow);color:#fff;background:#1d1d1d;align-items:stretch;height:56px;display:flex;overflow:hidden}.d-ticker .lab{color:#fff;border-right:1px solid #ffffff1f;flex:none;align-items:center;gap:16px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.d-ticker .lab i{background:var(--hm-yellow);width:8px;height:8px;animation:1.6s infinite hm-blink}@keyframes hm-blink{50%{opacity:.25}}.d-ticker .track{flex:1;padding-left:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30px calc(100% - 30px),#0000);mask-image:linear-gradient(90deg,#0000,#000 30px calc(100% - 30px),#0000)}.d-ticker .run{width:max-content;height:100%;animation:38s linear infinite hm-mq;display:flex}.d-ticker .track:hover .run{animation-play-state:paused}@keyframes hm-mq{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.d-ticker .run{animation:none}.d-ticker .track{overflow-x:auto}}.d-ticker .it{white-space:nowrap;font-variant-numeric:tabular-nums;border-right:1px solid #ffffff1a;align-items:center;gap:8px;padding:0 22px;font-size:14px;display:flex}.d-ticker .it .n{color:#ffffffa6}.d-ticker .it b{font-weight:600}.d-ticker .it .up{color:var(--tup)}.d-ticker .it .down{color:var(--tdown)}.d-ticker .it .flat{color:#ffffff80}.d-ticker .tog{font:inherit;background:var(--hm-yellow);color:#1d1d1d;cursor:pointer;border:0;flex:none;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.d-ticker .tog svg{transition:transform .25s}.d-ticker.open .tog svg{transform:rotate(180deg)}.d-ticker .panel{background:var(--color-surface-primary);border:1px solid var(--color-border-light);border-top:0;display:none}.d-ticker.open .panel{display:block}.d-ticker .ph{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 8px;display:flex}.d-ticker .ph h2{margin:0;font-size:20px;font-weight:600}.d-ticker .ph h2 span{color:var(--color-text-secondary);margin-left:6px;font-size:14px;font-weight:400}.d-ticker .ph .r{align-items:center;gap:10px;display:flex}.d-ticker table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.d-ticker th{color:var(--color-text-primary);background:var(--color-surface-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:right;padding:12px 24px;font-size:12px;font-weight:700}[data-theme=dark] .d-ticker th{background:#333}.d-ticker tr:hover td{background:#ffc0000d}.d-ticker th:first-child,.d-ticker td:first-child{text-align:left}.d-ticker td{border-bottom:1px solid var(--color-border-light);text-align:right;padding:11px 24px}.d-ticker .mt{align-items:center;gap:10px;font-weight:600;display:flex}.d-ticker .mt small{color:var(--color-text-secondary);font-weight:400}.d-ticker td.up{color:var(--color-success);font-weight:600}.d-ticker td.down{color:var(--color-error);font-weight:600}.d-ticker td.flat{color:var(--color-text-secondary)}.d-ticker .pf{color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 24px 14px;font-size:12px;display:flex}@media (width<=700px){.d-ticker .lab span,.d-ticker .lab i,.d-ticker .tog span{display:none}.d-ticker .lab,.d-ticker .tog{padding:0 12px}.d-ticker .it{padding:0 14px}.d-ticker .ph{padding:14px 16px 6px}.d-ticker thead{display:none}.d-ticker table,.d-ticker tbody,.d-ticker tr,.d-ticker td{display:block}.d-ticker tr{border-bottom:1px solid var(--color-border-light);grid-template-columns:1fr auto;gap:2px 12px;padding:12px 16px;display:grid}.d-ticker td{text-align:right;border:0;padding:0}.d-ticker td:first-child{grid-row:1/4}.d-ticker td:nth-child(5){grid-column:2}.d-ticker td:nth-child(2):before{content:"Ankauf ";color:var(--color-text-secondary);font-size:12px}.d-ticker td:nth-child(3){font-weight:600}.d-ticker td:nth-child(4),.d-ticker td:nth-child(6){display:none}.d-ticker .pf{padding:10px 16px 14px}}
