@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--porzellan: #E9EDEE;--karte: #F4F6F6;--schiefer: #2A3B4C;--tinte: #16212A;--tinte-2: #59666F;--tinte-3: #8A959C;--linie: rgba(22, 33, 42, .1);--messing: #A97C3F;--moos: #3F7A57;--ton: #A6453C;--bernstein: #8A6520;--schrift-display: "Instrument Sans", system-ui, sans-serif;--schrift-text: "Source Serif 4", Georgia, serif;--schrift-daten: "IBM Plex Mono", ui-monospace, monospace;--t-xs: 12px;--t-s: 14px;--t-m: 16px;--t-l: 20px;--t-xl: 28px;--t-xxl: 42px;--raum-1: 8px;--raum-2: 16px;--raum-3: 24px;--raum-4: 32px;--raum-5: 48px;--radius: 10px}[data-theme=nacht]{--porzellan: #131A20;--karte: #1C252C;--schiefer: #A8B6C2;--tinte: #E4E9EA;--tinte-2: #97A3AA;--tinte-3: #6C7880;--linie: rgba(228, 233, 234, .12);--messing: #C79A5C;--moos: #5FA07A;--ton: #C9695E;--bernstein: #C29B4A}body{background:var(--porzellan);color:var(--tinte);font-family:var(--schrift-text);font-size:var(--t-m);line-height:1.6}h1,h2,h3,button,label,.beschriftung{font-family:var(--schrift-display);line-height:1.2;letter-spacing:0}.beschriftung{font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--tinte-3)}.zahl,.kurs,.prozent{font-family:var(--schrift-daten);font-variant-numeric:tabular-nums}.positiv{color:var(--moos)}.negativ{color:var(--ton)}.positiv:before{content:"+"}.negativ:before{content:"−"}.warnung{color:var(--bernstein)}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:18px;box-shadow:none}.eingebettet{border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden}.eingebettet__label{font-family:var(--schrift-display);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--tinte-3);padding:10px 14px;border-bottom:1px solid var(--linie)}.knopf-paar{display:flex;gap:var(--raum-2)}.knopf-paar>button{flex:1;background:transparent;border:1px solid var(--tinte);border-radius:var(--radius);color:var(--tinte);font-size:var(--t-m);padding:16px}:focus-visible{outline:2px solid var(--messing);outline-offset:2px}@keyframes ring-zeichnen{0%{stroke-dashoffset:var(--umfang)}}.verhaltens-ring{animation:ring-zeichnen .6s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}