.display{--scale:var(--ui-scale,1);--fs-base:calc(clamp(13px,2.1vmin,40px)*var(--scale));--fs-klein:calc(var(--fs-base)*.68);--fs-titel:calc(var(--fs-base)*1.05);--fs-name:calc(var(--fs-base)*1.12);--fs-preis:calc(var(--fs-base)*1.32);--fs-marke:calc(var(--fs-base)*1.5);--fs-hero:calc(var(--fs-base)*2.9);--radius:calc(var(--fs-base)*.6);--luft:calc(var(--fs-base)*.9);box-sizing:border-box;width:100%;height:100vh;gap:var(--luft);height:100dvh;font-family:var(--font-sans),system-ui,sans-serif;font-size:var(--fs-base);font-variant-numeric:tabular-nums;background:var(--bg);color:var(--text);flex-direction:column;padding:4vh 4vw;line-height:1.25;transition:transform 4s;display:flex;overflow:hidden}.display *,.display :before,.display :after{box-sizing:inherit}.display[data-theme=dark]{--bg:radial-gradient(130% 100% at 50% 0%,#171b21 0%,#0b0d10 62%)#0b0d10;--panel:rgba(22,26,31,.92);--panel-rand:#262d35;--text:#eef1f4;--gedimmt:#97a0aa;--gold:#e2b04a;--gold-kontrast:#0b0d10;--spur:rgba(255,255,255,.05);--spotlight-bg:rgba(226,176,74,.13);--spotlight-glow:rgba(226,176,74,.55);--panel-schatten:0 14px 40px rgba(0,0,0,.28);--kauf:#46d792;--verkauf:#f4695e;--marke-font:var(--font-sans),system-ui,sans-serif;--marke-gewicht:600}.display[data-theme=light]{--bg:linear-gradient(180deg,#f8f4ea 0%,#f3ecdd 100%)#f6f1e6;--panel:#fffdf8;--panel-rand:#e5dbc4;--text:#2b251c;--gedimmt:#8b8171;--gold:#8e6b1e;--gold-kontrast:#fffdf8;--spur:rgba(0,0,0,.04);--spotlight-bg:rgba(142,107,30,.12);--spotlight-glow:rgba(142,107,30,.5);--panel-schatten:0 14px 34px rgba(120,90,30,.12);--kauf:#14724a;--verkauf:#a93630;--marke-font:var(--font-serif),Georgia,"Times New Roman",serif;--marke-gewicht:500}.kopf{gap:calc(var(--fs-base)*.4);text-align:center;padding-bottom:calc(var(--fs-base)*.7);border-bottom:1px solid var(--panel-rand);flex:none;grid-template-columns:1fr;place-items:center;display:grid}.marke{font-family:var(--marke-font);font-weight:var(--marke-gewicht);font-size:var(--fs-marke);letter-spacing:.38em;text-indent:.38em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.kurs-wert{font-size:var(--fs-hero);color:var(--gold);font-weight:700;line-height:1.05}.display[data-theme=dark] .kurs-wert{text-shadow:0 0 calc(var(--fs-base)*1.6)rgba(226,176,74,.22)}.display[data-theme=light] .kurs-wert{font-family:var(--font-serif),Georgia,serif;font-weight:600}.kurs-label{font-size:var(--fs-klein);color:var(--gedimmt);letter-spacing:.12em;text-transform:uppercase;margin-top:calc(var(--fs-base)*.2)}.kurs-trend{align-items:center;gap:calc(var(--fs-base)*.3);margin-top:calc(var(--fs-base)*.3);font-size:var(--fs-klein);font-variant-numeric:tabular-nums;display:inline-flex}.kurs-trend[data-dir=up]{color:var(--kauf)}.kurs-trend[data-dir=down]{color:var(--verkauf)}.kurs-trend[data-dir=flat]{color:var(--gedimmt)}.trend-pfeil{transform-origin:50%;width:1.15em;height:1.15em}.kurs-trend[data-dir=up] .trend-pfeil{transform:rotate(-32deg)}.kurs-trend[data-dir=down] .trend-pfeil{transform:rotate(32deg)}.trend-prozent{font-weight:600}.trend-label{color:var(--gedimmt);letter-spacing:.04em}.stand{align-items:center;gap:calc(var(--fs-base)*.18);font-size:var(--fs-klein);color:var(--gedimmt);flex-direction:column;display:flex}.stand-badge{border:1px solid var(--gedimmt);padding:calc(var(--fs-base)*.15)calc(var(--fs-base)*.6);letter-spacing:.08em;text-transform:uppercase;border-radius:999px}@media (orientation:landscape){.kopf{grid-template-columns:1fr auto 1fr}.kopf .marke{text-align:left;justify-self:start}.kopf .stand{text-align:right;justify-self:end;align-items:flex-end}}.gruppen{gap:calc(var(--fs-base)*.9);flex:auto;min-height:0;display:grid}@media (orientation:landscape){.gruppen{grid-template-columns:repeat(auto-fit,minmax(min(32rem,100%),1fr));grid-auto-rows:1fr}}@media (orientation:portrait){.gruppen{grid-template-columns:1fr;grid-auto-rows:1fr}}.gruppe{background:var(--panel);border:1px solid var(--panel-rand);border-radius:var(--radius);min-height:0;padding:calc(var(--fs-base)*.9)calc(var(--fs-base)*1.1);box-shadow:var(--panel-schatten);flex-direction:column;display:flex}.gruppe-titel{margin:0 0 calc(var(--fs-base)*.35);font-family:var(--marke-font);font-size:var(--fs-titel);font-weight:var(--marke-gewicht);letter-spacing:.14em;text-transform:uppercase;color:var(--gedimmt);border-bottom:1px solid var(--panel-rand);padding-bottom:calc(var(--fs-base)*.45)}.display[data-theme=light] .gruppe-titel{color:var(--gold)}.zeilen{flex-direction:column;flex:auto;min-height:0;display:flex}.zeile{align-items:center;gap:calc(var(--fs-base)*.8);padding:calc(var(--fs-base)*.28)calc(var(--fs-base)*.5);grid-template-columns:minmax(0,1.35fr) 1fr 1fr;display:grid}.zeilen .zeile{flex:1 1 0;min-height:0}button.zeile{font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:calc(var(--radius)*.5);-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;transition:background-color .15s,transform 80ms}@media (pointer:fine){button.zeile:hover{background:var(--spur)}}button.zeile:active{transform:scale(.99)}button.zeile:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.zeilen .zeile{transition:background-color .6s,box-shadow .6s}button.zeile.spotlight{background:var(--spotlight-bg);box-shadow:inset 3px 0 0 var(--gold)}button.zeile.spotlight .muenze-name{color:var(--gold)}.medaillon-small{transition:transform .6s,filter .6s}button.zeile.spotlight .medaillon-small{filter:drop-shadow(0 0 .55em var(--spotlight-glow));transform:scale(1.3)}@media (prefers-reduced-motion:reduce){.display,.zeilen .zeile,.medaillon-small{transition:none}button.zeile.spotlight .medaillon-small{transform:none}}.zeilen .zeile+.zeile{border-top:1px solid var(--panel-rand)}.zeile-kopf{padding:calc(var(--fs-base)*.35)0 0;font-size:var(--fs-klein);letter-spacing:.14em;text-transform:uppercase}.spalte{text-align:right;font-weight:600}.spalte-kauf{color:var(--kauf)}.spalte-verkauf{color:var(--verkauf)}.muenze{align-items:center;gap:calc(var(--fs-base)*.6);min-width:0;display:flex}.muenze-icon{width:calc(var(--fs-base)*1.7);height:calc(var(--fs-base)*1.7);box-shadow:inset 0 0 0 calc(var(--fs-base)*.09)rgba(255,255,255,.22);background:radial-gradient(circle at 34% 30%,#f9dd8f 0%,#e3b455 45%,#b98a2b 80%,#96690f 100%);border-radius:50%;flex:none}.medaillon{flex:none;display:block}.medaillon-small{width:calc(var(--fs-base)*2);height:calc(var(--fs-base)*2);filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.gruppe[data-pergram] .medaillon-small{width:calc(var(--fs-base)*2.7);height:calc(var(--fs-base)*2.7)}.gruppe[data-pergram] .muenze-name{font-size:calc(var(--fs-name)*1.1)}.gruppe[data-pergram] .muenze-gewicht{letter-spacing:.06em}.medaillon-large{width:calc(var(--fs-base)*8.5);height:calc(var(--fs-base)*8.5);margin:0 auto calc(var(--fs-base)*1);filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.medaillon-bild{object-fit:cover;border-radius:50%}.muenze-text{flex-direction:column;min-width:0;display:flex}.muenze-name{font-size:var(--fs-name);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.muenze-gewicht{font-size:var(--fs-klein);color:var(--gedimmt)}.preis{text-align:right;font-size:var(--fs-preis);white-space:nowrap;font-weight:650}.preis-kauf{color:var(--kauf)}.preis-verkauf{color:var(--verkauf)}.preis-wert{transition:none}.preis-wert.flash-up{animation:.7s ease-out aufleuchten-up}.preis-wert.flash-down{animation:.7s ease-out aufleuchten-down}@keyframes aufleuchten-up{0%{text-shadow:0 0 .05em rgba(70,215,146,0)}25%{text-shadow:0 0 .55em rgba(70,215,146,.9)}to{text-shadow:0 0 .05em rgba(70,215,146,0)}}@keyframes aufleuchten-down{0%{text-shadow:0 0 .05em rgba(244,105,94,0)}25%{text-shadow:0 0 .55em rgba(244,105,94,.9)}to{text-shadow:0 0 .05em rgba(244,105,94,0)}}@media (prefers-reduced-motion:reduce){.preis-wert.flash-up,.preis-wert.flash-down{animation:none}}.ust-hinweis{margin:calc(var(--fs-base)*.4)0 0;font-size:var(--fs-klein);color:var(--gedimmt)}.fuss{text-align:center;font-size:var(--fs-klein);color:var(--gedimmt);flex:none;max-width:60em;margin:0 auto;line-height:1.4}.banner{text-align:center;max-width:90%;font-size:var(--fs-klein);letter-spacing:.06em;padding:calc(var(--fs-base)*.4)calc(var(--fs-base)*1.1);border:1px solid transparent;border-radius:999px;flex:none;align-self:center}.banner-stale{color:#eab54a;background:rgba(226,176,74,.12);border-color:rgba(226,176,74,.4)}.banner-offline{color:var(--verkauf);background:rgba(244,105,94,.12);border-color:rgba(244,105,94,.45)}.banner-closed{color:var(--gedimmt);background:var(--spur);border-color:var(--panel-rand)}.display[data-state=stale] .gruppen,.display[data-state=offline] .gruppen{opacity:.6;transition:opacity .3s}.display[data-state=markt_geschlossen] .kurs-wert,.display[data-state=ruhe] .kurs-wert{text-shadow:none}.reiter{justify-content:center;align-items:center;gap:calc(var(--fs-base)*.45);flex:none;display:flex}.reiter-knopf{font:inherit;font-size:var(--fs-klein);letter-spacing:.12em;text-transform:uppercase;color:var(--gedimmt);padding:calc(var(--fs-base)*.32)calc(var(--fs-base)*.95);cursor:pointer;background:0 0;border:1px solid transparent;border-radius:999px}.reiter-knopf.aktiv{color:var(--gold);border-color:var(--panel-rand);background:var(--panel)}.reiter-sprache{margin-left:calc(var(--fs-base)*1.2);border-color:var(--panel-rand)}.ansicht{flex:auto;min-height:0;display:flex;overflow:auto}.ansicht .gruppe{width:100%;max-width:calc(var(--fs-base)*26);text-align:center;align-items:center;margin:auto}.ansicht .gruppe-titel{text-align:center;margin-bottom:calc(var(--fs-base)*1.3);border-bottom:none;padding-bottom:0}.feld{margin-bottom:calc(var(--fs-base)*1.35)}.feld-label{font-size:var(--fs-klein);color:var(--gedimmt);letter-spacing:.14em;text-transform:uppercase;margin-bottom:calc(var(--fs-base)*.5);display:block}.segment{justify-content:center;gap:calc(var(--fs-base)*.15);max-width:100%;padding:calc(var(--fs-base)*.22);background:var(--spur);border:1px solid var(--panel-rand);border-radius:999px;flex-wrap:wrap;display:inline-flex}.segment-knopf{font:inherit;font-size:calc(var(--fs-base)*.9);color:var(--text);padding:calc(var(--fs-base)*.42)calc(var(--fs-base)*1.1);cursor:pointer;background:0 0;border:none;border-radius:999px;transition:background-color .15s,color .15s}.segment-knopf.aktiv{background:var(--gold);color:var(--gold-kontrast);font-weight:600}.eingabe-feld{align-items:baseline;gap:calc(var(--fs-base)*.35);padding:calc(var(--fs-base)*.2)calc(var(--fs-base)*.5);border-bottom:2px solid var(--panel-rand);transition:border-color .15s;display:inline-flex}.eingabe-feld:focus-within{border-color:var(--gold)}.feld-eingabe{font:inherit;font-variant-numeric:tabular-nums;font-size:calc(var(--fs-preis)*1.35);color:var(--text);text-align:right;width:calc(var(--fs-base)*6.5);background:0 0;border:none;font-weight:700}.feld-eingabe:focus{outline:none}.eingabe-einheit{font-size:var(--fs-preis);color:var(--gedimmt)}.karat-wahl{justify-content:center;gap:calc(var(--fs-base)*.45);max-width:calc(var(--fs-base)*14);flex-wrap:wrap;margin:0 auto;display:flex}.karat-knopf{font:inherit;align-items:center;gap:calc(var(--fs-base)*.08);min-width:calc(var(--fs-base)*3.9);color:var(--text);border:1px solid var(--panel-rand);border-radius:calc(var(--radius)*.7);padding:calc(var(--fs-base)*.5)calc(var(--fs-base)*.55);cursor:pointer;background:0 0;flex-direction:column;transition:border-color .15s,background-color .15s,color .15s;display:flex}.karat-knopf.aktiv{background:var(--gold);border-color:var(--gold);color:var(--gold-kontrast)}.karat-zahl{font-size:var(--fs-name);font-weight:700;line-height:1}.karat-fein{font-size:calc(var(--fs-klein)*.95);opacity:.8}.rechner-ergebnis{margin-top:calc(var(--fs-base)*1.5);margin-bottom:calc(var(--fs-base)*1.2)}.rechner-ergebnis .feld-label{margin-bottom:calc(var(--fs-base)*.3)}.rechner-wert{font-size:var(--fs-hero);color:var(--gold);font-weight:700;line-height:1.05}.display[data-theme=light] .rechner-wert{font-family:var(--font-serif),Georgia,serif;font-weight:600}.flach-knopf{font:inherit;font-size:calc(var(--fs-base)*.88);color:var(--gedimmt);border:1px solid var(--panel-rand);padding:calc(var(--fs-base)*.42)calc(var(--fs-base)*1.15);cursor:pointer;background:0 0;border-radius:999px;transition:color .15s,border-color .15s}.flach-knopf:hover{color:var(--text);border-color:var(--gold)}.ansicht .ust-hinweis{max-width:calc(var(--fs-base)*22);margin-left:auto;margin-right:auto}.overlay{z-index:50;background:rgba(6,8,11,.6);justify-content:center;align-items:center;padding:6vmin;animation:.18s ease-out overlay-ein;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(6px)) or (backdrop-filter:blur(6px))){.overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:rgba(6,8,11,.45)}}.display[data-theme=light] .overlay{background:rgba(60,45,20,.4)}@keyframes overlay-ein{0%{opacity:0}to{opacity:1}}.overlay-karte{width:min(92vw,calc(var(--fs-base)*22));text-align:center;background:var(--panel);border:1px solid var(--panel-rand);border-radius:calc(var(--radius)*1.5);max-height:92vh;padding:calc(var(--fs-base)*2.1)calc(var(--fs-base)*1.9)calc(var(--fs-base)*1.6);animation:.24s cubic-bezier(.2,.8,.2,1) karte-ein;position:relative;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.5)}@keyframes karte-ein{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:none}}.overlay-schliessen{top:calc(var(--fs-base)*.75);right:calc(var(--fs-base)*.9);width:calc(var(--fs-base)*2.1);height:calc(var(--fs-base)*2.1);font-size:calc(var(--fs-base)*1.5);color:var(--gedimmt);background:var(--spur);border:1px solid var(--panel-rand);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;line-height:1;transition:color .15s,border-color .15s;display:flex;position:absolute}.overlay-schliessen:hover{color:var(--text);border-color:var(--gold)}.overlay-name{font-size:calc(var(--fs-base)*1.85);font-weight:700;line-height:1.1}.display[data-theme=light] .overlay-name{font-family:var(--font-serif),Georgia,serif;font-weight:600}.overlay-gewicht{font-size:var(--fs-klein);color:var(--gedimmt);margin-top:calc(var(--fs-base)*.15)}.overlay-preise{margin-top:calc(var(--fs-base)*1.4);border-top:1px solid var(--panel-rand)}.overlay-preis-zeile{padding:calc(var(--fs-base)*.7)calc(var(--fs-base)*.2);justify-content:space-between;align-items:center;display:flex}.overlay-preis-zeile+.overlay-preis-zeile{border-top:1px solid var(--panel-rand)}.overlay-preis-label{font-size:var(--fs-klein);letter-spacing:.14em;text-transform:uppercase;color:var(--gedimmt)}.overlay .preis{font-size:calc(var(--fs-preis)*1.3)}@media (prefers-reduced-motion:reduce){.overlay,.overlay-karte{animation:none}}